/*
 Theme Name:   Twenty Seventeen Child
 Theme URI:    https://cyber-ki.com/Sites/pages/twentyseventeen-child/
 Description:  Twenty Seventeen Child Theme
 Author:       Ursula Jordaan
 Author URI:   https://cyber-ki.com
 Template:     twentyseventeen
 Version: 1.4
 License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentyseventeen
 Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready

*/
/***font-family: "Varela Round",sans-serif;***/

#menu-extratop, #menu-extramenu{list-style: none;top: -1.3em;}
.extratop_menu_class{position: absolute;
right: 0.1em;top: 0.2em;}
.extratop_menu_class li {float: left;margin:0 .2em;}
.extratop_menu_class li#menu-item-940-nl a::before, .extratop_menu_class li#menu-item-940-en a::before,
.extratop_menu_class li#menu-item-941-en a::before, .extratop_menu_class li#menu-item-941-nl a::before


 {
display: block;
padding: 1.5em 0em;
z-index: 99999;
position: relative;
/*border-radius: 100px;*/
background: #B6CDCE;
font-size: 0.7em;
text-align: center;
opacity: 1;
color: #222;
padding: 1.1em 0em;
}
.extratop_menu_class li#menu-item-940-nl a::before, .extratop_menu_class li#menu-item-941-nl a::before{content: 'NL';}
.extratop_menu_class li#menu-item-940-en a::before, .extratop_menu_class li#menu-item-941-en a::before{content: 'EN';}
.extratop_menu_class li a{
display: block;
z-index: 99;
max-height: 3em;
max-width: 3.4em;color: transparent;}

/** MENU BALK ONDERAAN **/
body.fbp div.nav-previous,
body.lbp div.nav-next { display: none; }
.custom-header { height: 200px; }

body.has-header-image.grand .custom-header-media img, body.grand.has-header-image:not(.twentyseventeen-front-page):not(.home) .custom-header-media img
{
	-o-object-fit: unset;
	object-fit: unset;
	width: 500%;
}

figure.gallery-item img { max-height: 160px; }

body.has-header-image.gmintop .custom-header-media img, body.gmintop.has-header-image:not(.twentyseventeen-front-page):not(.home) .custom-header-media img
{
	-o-object-fit: unset;
	object-fit: unset;
	width: 200%;
	height: 200%;
	top: -82%;
}

body.fotopag.has-sidebar aside#secondary
{
	border: 0.1em solid rgb(200, 200, 200);
	margin-top: 5em;
	padding: 2em;
}

.twentyseventeen-front-page article:not(.has-post-thumbnail):not(:first-child) ,
footer .textwidget .fn { display: none; }
h1, h2, h3, h4, h5 { font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif; }

h2.widget-title,h6
{
	text-transform: uppercase;
	font-weight: 500;
	font-size: 0.875rem;
}

h6 { text-transform: none; }

form label,
.site-footer,#voetje-info, .site-footer p
#colophon.site-footer .widget-area a, a.email, a.u-url org
{
	font-size: 0.8125rem !important;
	letter-spacing: 0.1em !important;
	font-weight: 500 !important;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.site-footer,
.site-footer .widget-area a { line-height: 1.8; }

/**** END FONT-SIZES ****/
.navigation-top { z-index: 99; }
.single-featured-image-header,
body.category-plog  div.post-thumbnail { display: none; }
body:not(.twentyseventeen-front-page) .custom-header-media:before { background: transparent; }

body.single.full div#primary.content-area
{
	float: none;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	max-width: 100%;
}

body:not(.twentyseventeen-front-page).full #comments,
body:not(.twentyseventeen-front-page).single-post.full article
{
	max-width: 700px;
	margin-left: auto;
	margin-right: auto;
}

.site-description
{
	text-align: center;
	margin-bottom: -7em;
}

.site-title, .site-title a { font-weight: normal; }

/***PAGE STYLING *****/
body.archive.has-header-image:not(.twentyseventeen-front-page):not(.home) .custom-header-media,
body.archive .site-branding,
body.fotopag .custom-header-media, body.fotopag .site-branding ,body.hidehead  .custom-header-media,  body.hidehead .site-branding,
body.search.search-results .custom-header-media, body.search.search-results .site-branding
 { display: none; }
body.hidehead  div.navigation-top.site-navigation-fixed { background: #5692BF; }
body.hidehead .site-navigation-fixed.navigation-top a.logoimage { background: transparent!important; }
body.archive .custom-header, body.fotopag .custom-header,  body.hidehead .custom-header, body.search.search-results .custom-header { height: 0px; }

body.archive .wrap
{
	max-width: 1200px;
	padding-left: 3em;
	padding-right: 3em;
}

body.archive.has-sidebar.no-sidebar:not(.error404) #primary, body.archive.no-sidebar div#primary.content-area ,
body.archive.no-sidebar:not(.error404) #primary, body.archive.no-sidebar div#primary.content-area { width: 100%; }

body.archive .page-header h1.page-title  /** kan weg ***/
{
	text-transform: none;
	font-weight: 400;
}

.thumb-hide { display: none; }
body.archive span.thumb-hide { display: block; }

div.parabreak
{
	width: 100%;
	padding-bottom: 2em;
	position: relative;
	margin-top: 2em;
	float: none;
	clear: both;
}

/*** body archive ****/
body.archive div.divphoto, body.archive .entry-content iframe, body.archive article .post-thumbnail, 
body.archive figure, article figure, article .divphoto
{
	margin: auto;
	margin-right: 1%;
	margin-left: 1%;
	max-width: 46% !important;
	/*max-height: 200px;*/
	overflow: hidden;
	float: none;
	padding-right: 0em;
}
article .divphoto{margin: auto;}
body.archive .divphoto.dph,body.archive  .divphoto.dph, body.archive article figure img { max-height: 161px; }
body.archive .wrap { max-width: 1200px; }

/*** BELONGS TOGHETER FOR BG ARTICLE AND MARGIN ASIDE ****/
body.archive  article
{
	border-top: .2em solid #343335;
	padding-bottom: 1em;
	padding-top: 1em;
}

body.archive article div.entry-meta { display: none; }

/*** END BELONGS TOGHETER FOR BG ARTICLE AND MARGIN ASIDE ****/
/* Hover effects */
.entry-title a,
.entry-meta a,
.page-links a,
.page-links a .page-number,
.entry-footer a,
.entry-footer .cat-links a,
.entry-footer .tags-links a,
.edit-link a,
.post-navigation a,
.logged-in-as a,
.comment-navigation a,
.comment-metadata a,
.comment-metadata a.comment-edit-link,
.comment-reply-link,
a .nav-title,
.pagination a,
.comments-pagination a,
.site-info a,
.widget .widget-title a,
.widget ul li a,
.site-footer .widget-area ul li a,
.site-footer .widget-area ul li a,
.entry-content a, .entry-summary a, .widget a, .site-footer .widget-area a, .posts-navigation a, .widget_authors a strong
{
	letter-spacing: 0.03em;
	-webkit-box-shadow: none;
	box-shadow: none;
	text-decoration: none;
}

.entry-content a:focus,
.entry-content a:hover,
.entry-summary a:focus,
.entry-summary a:hover,
.widget a:focus,
.widget a:hover,
.site-footer .widget-area a:focus,
.site-footer .widget-area a:hover,
.posts-navigation a:focus,
.posts-navigation a:hover,
.comment-metadata a:focus,
.comment-metadata a:hover,
.comment-metadata a.comment-edit-link:focus,
.comment-metadata a.comment-edit-link:hover,
.comment-reply-link:focus,
.comment-reply-link:hover,
.widget_authors a:focus strong,
.widget_authors a:hover strong,
.entry-title a:focus,
.entry-title a:hover,
.entry-meta a:focus,
.entry-meta a:hover,
.page-links a:focus .page-number,
.page-links a:hover .page-number,
.entry-footer a:focus,
.entry-footer a:hover,
.entry-footer .cat-links a:focus,
.entry-footer .cat-links a:hover,
.entry-footer .tags-links a:focus,
.entry-footer .tags-links a:hover,
.post-navigation a:focus,
.post-navigation a:hover,
.pagination a:not(.prev):not(.next):focus,
.pagination a:not(.prev):not(.next):hover,
.comments-pagination a:not(.prev):not(.next):focus,
.comments-pagination a:not(.prev):not(.next):hover,
.logged-in-as a:focus,
.logged-in-as a:hover,
a:focus .nav-title,
a:hover .nav-title,
.edit-link a:focus,
.edit-link a:hover,
.site-info a:focus,
.site-info a:hover,
.widget .widget-title a:focus,
.widget .widget-title a:hover,
.widget ul li a:focus,
.widget ul li a:hover
{
	-webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 1px 0 #ddd;
	box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 1px 0 #ddd;
	font-weight: 500;
	-webkit-transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
	transition: color 80ms ease-in, box-shadow 130ms ease-in-out, -webkit-box-shadow 130ms ease-in-out;
}

form input, form textarea { border: 1px dotted #ccc !important; }

/**** SPECIFIC SITE STYLING  ***/
/***** JETPACK CONTACT FORM *****/
div#contact-form-229
{
	width: 412px;
	margin: auto;
}

div#contact-form-229 .contact-form label,
div#contact-form-229 p.contact-submit
{
	text-align: center;
	font-weight: normal;
}

div#contact-form-229 .contact-form input[type=email], 
 div#contact-form-229 .contact-form input[type=text], 
div#contact-form-229 .contact-form input[type=url], 
div#contact-form-229 .contact-form textarea
{
	width: 100%;
	max-width: 100%;
}

/****cat intro ***/
.primcontent
{
	font-size: 1rem;
	line-height: 1.5;
}

/******* EIND JETPACK CONTACT FORM ******/
/****uitschuifsearch****/
#searchform input[type="text"]
{
	height: 60px;
	font-size: 55px;
	display: inline-block;
	font-family: "Lato";
	font-weight: 100;
	border: none;
	outline: none;
	color: #555;
	padding: 3px;
	padding-right: 60px;
	width: 0px;
	position: absolute;
	top: 0;
	right: 0;
	background: none;
	z-index: 3;
	transition: width .4s cubic-bezier(0.000, 0.795, 0.000, 1.000);
	cursor: pointer;
}

#searchform input[type="text"]:focus:hover { border-bottom: 1px solid #BBB; }

#searchform input[type="text"]:focus
{
	width: 700px;
	z-index: 1;
	border-bottom: 1px solid #BBB;
	cursor: text;
}

#searchform input[type="submit"]
{
	height: 67px;
	width: 63px;
	display: inline-block;
	color: red;
	float: right;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADNQTFRFU1NT9fX1lJSUXl5e1dXVfn5+c3Nz6urqv7+/tLS0iYmJqampn5+fysrK39/faWlp////Vi4ZywAAABF0Uk5T/////////////////////wAlrZliAAABLklEQVR42rSWWRbDIAhFHeOUtN3/ags1zaA4cHrKZ8JFRHwoXkwTvwGP1Qo0bYObAPwiLmbNAHBWFBZlD9j0JxflDViIObNHG/Do8PRHTJk0TezAhv7qloK0JJEBh+F8+U/hopIELOWfiZUCDOZD1RADOQKA75oq4cvVkcT+OdHnqqpQCITWAjnWVgGQUWz12lJuGwGoaWgBKzRVBcCypgUkOAoWgBX/L0CmxN40u6xwcIJ1cOzWYDffp3axsQOyvdkXiH9FKRFwPRHYZUaXMgPLeiW7QhbDRciyLXJaKheCuLbiVoqx1DVRyH26yb0hsuoOFEPsoz+BVE0MRlZNjGZcRQyHYkmMp2hBTIzdkzCTc/pLqOnBrk7/yZdAOq/q5NPBH1f7x7fGP4C3AAMAQrhzX9zhcGsAAAAASUVORK5CYII=) center center no-repeat;
	text-indent: -10000px;
	border: none;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 2;
	opacity: 0.4;
	cursor: pointer;
	transition: opacity .4s ease;
}

#searchform input[type="submit"]:hover { opacity: 0.8; }

/** VOOT JETPACK CARROUSEL ***/
body.archive figure.jettie{
min-width:100%;max-width: 100%!important;
min-height: 100%;
height: 100%;
max-height: 100%;
max-width: 100%!important;
min-width: 100%;
padding: 0;
}
body.archive figure.jettie ul.blocks-gallery-grid ,
body.archive figure.jettie .blocks-gallery-item figure,
body.archive figure.jettie .blocks-gallery-item figure img, 
body.fotopag figure.jettie ul.blocks-gallery-grid ,
body.fotopag figure.jettie .blocks-gallery-item figure,
body.fotopag figure.jettie .blocks-gallery-item figure img
{min-width:100%!important;max-width: 100%!important;padding: 0;}
body.archive figure.jettie .blocks-gallery-item figure img,
body.fotopag figure.jettie .blocks-gallery-item figure img
{border: 2px solid black;}

body.fotopag figure.wp-block-gallery.columns-3.jettie {min-width: 100%;}
body.fotopag figure.jettie li.blocks-gallery-item
{max-height: 168px;}
.jp-carousel-titleanddesc-title{display: none;}


.jp-carousel-slide.selected img::after, .jp-carousel-slide.selected img:after,
.jp-carousel-slide img::after, .jp-carousel-slide img:after,
.jp-carousel-slide.selected img:after,
div.jp-carousel-wrap .jp-carousel-slide::after, div.jp-carousel-wrap .jp-carousel-slide:after
{  
content: "";
background: transparent;
z-index: 99;
position: relative;
width: 100%;
height: 100%;
padding: 3.5em;
position: absolute;
top: 0;
left: 0;

}
    
}
/** END JETPACK CARROUSEL ***/

/** CUSTOM SELECT ORDER POST BUTTON *****/
/* Reset Select */
.post-filters select, .post-filters select > option
{
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	appearance: none;
	outline: 0;
	box-shadow: none;
	border: 0 !important;
	background: #5aa5ca;
	background-image: none;
}

/* Custom Select */
.post-filters .select
{
	position: relative;
	display: block;
	width: 25%;
	max-width: 25%;
	float: left;
	padding-left: 1em;
	height: 3em;
	line-height: 3;
	background: #5aa5ca;
	overflow: hidden;
	border-radius: .25em;
	margin-right: 2%;
	min-width: 15em;
	margin-bottom: 3%;
}

.post-filters select > option, .post-filters select select
{
	position: relative;
	display: block;
	width: 100%;
	max-width: 100%;
	float: left;
	padding-left: 1em;
	height: 5em !important;
	line-height: 5 !important;
	background: #5aa5ca;
	/*overflow: hidden;*/
	border-radius: .25em;
	margin-right: 2%;
	min-width: 15em !important;
	margin-bottom: 3em;
	min-height: 5em !important;
	font-size: 20em!important;
}

.post-filters input[type="submit"]
{
	background: #5aa5ca;
	font-weight: 500;
}

.post-filters select
{
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0 0 0 3.5em;
	color: #737373;
	cursor: pointer;
}

.post-filters select::-ms-expand { display: none; }

/* Arrow */
.post-filters .select::after
{
	content: '\25BC';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	padding: 0 1em;
	pointer-events: none;
	background-color: #5aa5ca;
}

/* Transition */
.post-filters select:hover::after { color: #f39c12; }

.post-filters .select::after
{
	-webkit-transition: .25s all ease;
	-o-transition: .25s all ease;
	transition: .25s all ease;
}

/** END CUSTOM SELECT ORDER POST BUTTON *****/
/**** GUP ********/
div.gup
{
	background-image: url(https://www.cyber-ki.com/Sites/pages/wp-content/uploads/2018/01/gup_welkom.png);
	z-index: 999;
	background-size: contain;
	background-repeat: no-repeat;
	position: fixed;
	right: 0;
	background-color: transparent;
	display: block;
	height: 103px;
	width: 135px;
	top: 87%;
}

/**** LOGO 

*****/

body.single .site-branding-text { margin-top: 125px; }
body.home .site-branding-text { min-height: 83px; }
body.home .site-branding-text p img { max-width: 59px; }

body.home article,body.home footer#colophon.site-footer
{
	/*margin-bottom: 2%; tranparent bg visible*/
	background: #FFF;
}

body.home
.site-title
{
	margin-top: 132px;
	margin-left: -10px;
}

body.home .site-content-contain { background: rgba(255, 255, 255, 0.78)!important; }
body.home .site-title { margin-top: 0; }
body.home header.entry-header { display: none; }
.logoimage { display: none; }
.has-header-image:not(.twentyseventeen-front-page):not(.home) a.logoimage { display: block; }

.has-header-image:not(.twentyseventeen-front-page):not(.home)  a.logoimage
{
	display: block;
	text-align: center;
	font-size: 12px;
	letter-spacing: 0.2em;
	font-weight: normal;
	line-height: 1;
	color: #FFF;
	top: -188px;
	left: 10px;
	z-index: 9999;
	border-radius: 100px;
	padding: 22.3px 1px 4px 1px;
	position: absolute;
	width: 69px;
	text-shadow: -1px 0px 4px rgba(150, 150, 150, 1);
}

.has-header-image:not(.twentyseventeen-front-page):not(.home)  a.logoimage span { display: none; }

.has-header-image:not(.twentyseventeen-front-page):not(.home) .navigation-top a.logoimage img
{
	width: 29px;
	margin-top: 7px;margin-top: 2px;
}

/***CONTACT FORM ***/
div.contactform div#wpforms-282.wpforms-container.wpforms-container-full { display: none; }
div.contactform:hover div#wpforms-282.wpforms-container.wpforms-container-full { display: block; }
div.contactform h2 { cursor: pointer; }

/*** EIND CONTACT FORM ***/
#jp-relatedposts,
div.Optiecontact textarea { display: none!important; }

.entry-footer .cat-links a,
.entry-footer .tags-links a
{
	color: #333;
	font-weight: normal;
	font-style: italic;
	letter-spacing: 0.03em;
}

.entry-footer .cat-links a:hover,
.entry-footer .tags-links a:hover,
.entry-footer .cat-links a:focus,
.entry-footer .tags-links a:focus { letter-spacing: 0em; }

.post-navigation .nav-links a
{
	font-weight: 500;
	color: #767676;
}

.post-navigation  a span.nav-title { font-size: 13px; }
.post-navigation  .nav-links a:hover { color: #333; }
.nav-links .nav-next .nav-title .nav-title-icon-wrapper { font-size: 16px; }

p#voetje-info
{
	font-size: 0.875rem;
	margin-bottom: 1em;
}

/***** BODY SPECIFIC COLORS *******/
/*.has-header-image:not(.twentyseventeen-front-page):not(.home) .navigation-top { background: rgba(255, 255, 255, 0.90); }*/
.navigation-top { background: rgba(255, 255, 255, 0.80); }
.has-header-image: not(.twentyseventeen-front-page):not(.home) header { background: transparent; }
body.archive .site-navigation-fixed.navigation-top { /*background: url("https://camper-life.nl/wp-content/uploads/2018/01/camper-strand.png");
background-size: contain;
background-repeat: no-repeat;*/ }

.has-header-image:not(.twentyseventeen-front-page):not(.home) a.logoimage {
    background: #CCE4E0;top:0px;}


body.groen .site-navigation-fixed.navigation-top, body.category-lekker-gezond .navigation-top,
body.groen  #comments   input[type="submit"],
body.groen .site-footer .voet,
body.groen a.logoimage
{
	background: #B4D8A1;
	-webkit-transition: background 0.8s;
	transition: background 0.8s;
}

body.blauwc,
 body.blauw  #comments   input[type="submit"],
body.blauw .site-footer .voet,
body.blauw a.logoimage
{
	background: #6aa6bd;
	-webkit-transition: background 0.8s;
	transition: background 0.8s;
}

body.paars .site-navigation-fixed.navigation-top,
 body.paars  #comments   input[type="submit"],
body.paars .site-footer .voet,
body.paars a.logoimage
{
	background: #A5B0E5;
	-webkit-transition: background 0.8s;
	transition: background 0.8s;
}

body.orange .site-navigation-fixed.navigation-top,
 body.orange  #comments   input[type="submit"],
body.orange .site-footer .voet,
body.orange a.logoimage
{
	background: orange;
	-webkit-transition: background 0.8s;
	transition: background 0.8s;
}

body.category-plog .site-navigation-fixed.navigation-top, body.fotopag .site-navigation-fixed.navigation-top ,
body.category-blog-vlog .site-navigation-fixed.navigation-top,
body.category-plog-nl .site-navigation-fixed.navigation-top,
body.category-blog-vlogs .site-navigation-fixed.navigation-top,
body.category-blogs .site-navigation-fixed.navigation-top,
body.category-blog .site-navigation-fixed.navigation-top,
body.search.search-results .site-navigation-fixed.navigation-top  


{ background: #D8E8E8; }
.divphoto { text-align: center; }

	
.main-navigation a {font-weight: 500;}
.main-navigation li li a:hover{font-weight: 500;}
/***comment form replies ***/

.comment-author b.fn

{font-weight: 500;
    position: relative;
    margin-left: 66px;
        top: 10px;
    }
    
    
    .comment-author .avatar {
    height: 50px;
  left: 0px; 
    position: absolute;
    width: 50px;
    border-radius: 100px;
    /* margin-right: 50px; */
    
    }
    
    .comment-metadata, p.comment-awaiting-moderation {
    
    margin-left: 65.7px;
    font-weight: 400;}
    
    
    .comment-reply-link .icon{    left: 0.3em;}
    
    .comment-reply-link   { font-weight: 500;
    position: relative;
    padding-left: 2em;}
    
    
    .cld-like-dislike-wrap .cld-common-wrap {
    margin-right: 10px;
}

.cld-like-dislike-wrap {
    display: inherit;
    
    width: 30%;
 
    max-width: 53px;
    /* clear: none; */
    float: left; 
        margin-top: 1.2em;
    
    padding-left: 0.1em;
}
div.reply{
 float: right;}
div.reply, span.cld-like-count-wrap {
   
    /* clear: left; */
           font-size: 10px;
    font-size: 0.625rem;
    margin-top: 2.39em;
        color: #767676;
        letter-spacing: 0.03em;
}



.comment-author {
    font-size: 16px;
    font-size: 1rem;
    margin-bottom: 0.4em;
    position: relative;
    z-index: 2;
    padding: 0;
    margin: 0;
}

.bypostauthor > .comment-body > .comment-meta > .comment-author .avatar,
.children .comment-author .avatar {
    height: 50px;
    left: -53px;
    
    position: absolute;
    width: 50px;
    border-radius: 100px;
    /* margin-right: 50px; */
    padding: 2px;
    background: #fff;
    border: 1px solid #eee;
    top: -43px;
    left: -3px;
        top: -6px;
}
ol.children .children{padding-left: 0;}
.comment-author,h2.comments-title {
  
        font-size: 14px;
    font-size: 0.875rem;
    margin-bottom: 0.4em;
    position: relative;
    z-index: 2;
    padding: 0;
    margin: 0;
}
.comment-author.vcard b.fn{font-weight: 500!important; top:0;}
    
  .comment-list li  {margin-top: 2em;
      background: #fff;border-top: 1px solid #eee; }
    
     .comment-list li.depth-1{border: 1px solid #eee; }
    
    .comment-list:first-child li  {margin-top: 0;}
    .comment-body {
    margin-left: 0;
    padding: 2em;
    background: #FFF;
      font-size: 16px;
    font-size: 1rem;
    margin: 0;
margin-bottom: 2em;
    padding-bottom: 2em;
}
.comment-content:after {clear: none;}
.comment-content:after{table-layout: none;}


#comments{    background: #FAFAFA;
    padding: 2em;}
    ol.comment-list{
    max-width: 740px;
    float: none;
    margin: auto;
}
    
    
    #respond{    max-width: 600px;
    border-top: 1px solid #EEE;
    margin: auto;}
   #respond h3, #respond h3 small, p.comment-notes  {    font-size: 15px;
    font-size: 0.9375rem;font-size: 100%;color: #767676;}
    
  /*  div.hidecform > div.comment-respond {display: none;}
    div.hidecform:hover > div.comment-respond {display: block;pointer-events: auto;}*/
 
 
/*** div.hidecform{position: relative;}
   
   div.hidecform  input[type=checkbox] {
	position: absolute;
	top: -9999px;
	left: -9999px;
}

div.hidecform  label {
	display: block;
	background: #08C;
	padding: 5px;
	border: 1px solid rgba(0,0,0,.1);
	border-radius: 2px;
	color: white;
	font-weight: bold;
}
div.hidecform #toggle .comment-respond {
    display: none;
}
div.hidecform  input[type=checkbox]~ .comment-respond {
	display: none;
}
div.hidecform  input[type=checkbox]:checked ~ .comment-respond  {
	display: block;
}
div.hidecform #toggle {        display: block;
    position: relative;
    cursor: pointer;}

, #toggle:checked ~  .comment-respond
{ display: block; opacity:1; z-index: 12;}*/
div.hidecform #toggle { display: none; }
/****/

div.hidecform .comment-respond
{    display: none;
    opacity: 0;
    width: 100%;
    position: absolute;}
div.hidecform  .toggle { display: block; position: relative; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none;text-align: center;
    padding-top: 1em; }
    /*user-select: none; */
div.hidecform .toggle:checked ~ .comment-respond
, div.hidecform #toggle:checked ~ .comment-respond
{ display: block; opacity:1; z-index: 12;position: relative;}

div.hidecform .toggle:after {content: 'Leave a response';}

div.hidecform #toggle:checked +  .toggle:after{
        content: 'Close  response form';
    }


    
/*** MEDIA QUERIES ******/

@media screen and (min-width: 20em)
{
	
}

@media screen and (min-width: 30em)
{
	/**** GUP **/
	div.gup
	{
		height: 143px;
		width: 185px;
		top: 82%;
	}
	
	/*.archive .site-main > article, .search .site-main > article
				{
					padding: 2em;
					padding-left: 3em;
				}*/
	
	.site-title
	{
		margin-top: 80px;
		margin-left: -10px;
	}
	
	.site-content-contain { background: lime; }
	body.single .site-branding-text { margin-top: 0; }
	
	/*IMAGE ZOEK SEARCH PAGE */
	
	body.search.search-results div.toemaak{display: none;}  
	body.search.search-results .site-main > article
	{max-width: 30%;
float: left;}
body.search.search-results:not(.twentyseventeen-front-page) .entry-header
{display: none;}
body.search.search-results .site-main > article p.attachment
{margin-bottom: 0.2em;}
body.search.search-results .site-main > article .entry-content p.attachment > a > img,
body.search.search-results .site-main > article .post-thumbnail a > img
{max-height: 156px!important;min-height: 156px!important;height: 156px!important;}
body.search.search-results .site-main > article  p
{
font-size: 0.9em;

text-align: center;
font-style: italic;

margin: auto;
}
}

@media screen and (min-width: 48em)
{


body.archive.category .post-thumbnail{
width: 40%;float:left;  
}
body.archive.category-gadgets div.toemaak{margin-top: 0;}
	/* FOR PAGE NAVIGATION **/
	.entry-footer
	{
		max-width: 300px;
		width: 30%;
		float: left;
	}
	
	.post-navigation
	{
		clear: none;
		position: relative;
		float: right;
		margin: 0;
		max-width: 680px;
		width: 60%;
		margin-top: 2em;
	}
	
	.post-navigation .nav-links { padding: 0; }
	
	.post-navigation .nav-previous,.nav-next, .post-navigation .nav-next
	{
		clear: right;
		width: auto;
		max-width: 300px;
		text-align: center;
		padding: 0.9em 2em;
		border-bottom: 1px solid #eee;
		border-top: 1px solid #eee;
		color: #333;
	}
	
	.post-navigation .nav-previous
	{
		clear: left;
		float: left;
	}
	
	.nav-next, .post-navigation .nav-next
	{
		clear: right;
		float: right;
	}
	
	body.post-template-default.has-sidebar .post-navigation
	{
		max-width: 100%;
		width: 100%;
		float: left;
	}
	
	body.post-template-default.has-sidebar .entry-footer { border: 0; }
	
	/*** logo *****/
	.has-header-image:not(.twentyseventeen-front-page):not(.home) a.logoimage
	{
		top: 4px;
		left: 40px;
		margin-top: -1px;
		background: transparent;
		position: fixed;
		width: 69px;
	}
	
	.has-header-image:not(.twentyseventeen-front-page):not(.home) .navigation-top a.logoimage img
{margin-top: 7px;}
	.has-header-image:not(.twentyseventeen-front-page):not(.home) .site-navigation-fixed.navigation-top	a.logoimage { background: #B6CDCE; }
	/*body.category-plog .site-navigation-fixed.navigation-top a.logoimage, body.fotopag .site-navigation-fixed.navigation-topa.logoimage ,
body.category-blog-vlog .site-navigation-fixed.navigation-top a.logoimage{background: transparent!important;}*/
	.has-header-image:not(.twentyseventeen-front-page):not(.home) .site-navigation-fixed.navigation-top a.logoimage img { margin-top: 1px; }
	
	.has-sidebar:not(.error404) #primary
	{
		width: 70%;
		max-width: 700px;
	}
	
	.has-sidebar #secondary
	{
		width: 28%;
		margin-left: 2%;
	}
	
	body.archive div.divphoto, body.archive .entry-content iframe, body.archive article .post-thumbnail, body.archive figure
	{
		float: left;
		padding-right: 1em;
		max-height: 204px;
		max-width: 276px !important;
	}
	
	body.archive div.toemaak { margin-top: -2em; }
	body.has-sidebar .wrap { max-width: 1200px; }
	
	/***PAGE STYLING *****/
	
	/*body.archive article
					{
						max-width: 48%;
						float: left;
						clear: right;
						position: relative;
						margin: 2% 2% 2% 0;
						background: #F7FBF6;
						padding: 2em;
						max-height: 500px;
						overflow: hidden;
						height: 500px;
						border-radius: 3px;
					}*/
	
	/**** LET OP DIT IS OM IMG TE CENTREREN 
							    div.single-featured-image-header{margin-bottom: 200px;}
							    .single-featured-image-header img{margin-top: -200px;}*********/
	
	body.bigimage.has-header-image: not(.twentyseventeen-front-page):not(.home) .custom-header-media img
	{
		left: -51.1px;
		width: 112%;
	}
	
	.site-title
	{
		margin-top: 80px;
		margin-left: -10px;
	}
	
	.navigation-top nav { margin-left: 7.2em; }
	
	
	.site-content-contain { background: green; }
	body.col2split div.wrap { max-width: 1200px; }
	body:not(.twentyseventeen-front-page).col2split #comments, body:not(.twentyseventeen-front-page).single-post.col2split article { max-width: 100%; }
	
	body.col2split div.divphoto, body.col2split article figure
	{
		float: left;
		
		width: 36%;
		clear: left;
	}
	
	body.col2split div.divphoto img, body.col2split article figure { float: right;max-width: 300px; }  
	
	body.col2split div.toemaak, div.toemaak, body.archive a.more-link
	{
		float: right;
		max-width: 650px;
		width: 60%;
	}
	
	div.toeleft
	{
		float: left;
		width: 40%;
		margin-right: 5%;
	}
	
	div.toeright
	{
		float: right;
		max-width: 650px;
		width: 55%;
	}
	
	/**** JETPACK CONTACT FORM  2 COLUMN *****/
	div#contact-form-229  textarea,
					div#contact-form-229
	{
		width: 100%;
		min-width: 100%;
	}
	
	div#contact-form-229 input.pushbutton-wide,
					div#contact-form-229 input[type="submit"] { float: right; }
	
	div#contact-form-229 p.contact-submit
	{
		float: right;
		width: 100%;
	}
	
	div#contact-form-229 .contact-form label { text-align: left; }
	
	/*** WITH SIDEBAR ******/
	body.sidebar .wrap { max-width: 1200px; }
	body.sidebar div#primary.content-area { width: 65%; }
	body.sidebar.has-sidebar #secondary { width: 30%; }
	
	/****** EINDE JETPACK CONTACTFROM *******/
	/***** FOOTER WIDGET **********/
	aside.widget-area
	{
		max-width: 700px;
		margin: auto;
	}
	
	div.widget-column.footer-widget-1
	{
		float: right;
		text-align: right;
	}
	
	div.widget-column.footer-widget-1  .textwidget { padding-top: 0em; }
	.site-footer .widget-column.footer-widget-2 { width: 58%; }
	div.wpforms-container-full .wpforms-form .wpforms-field { padding: 0 0 10px 0; }
	div.wpforms-container-full .wpforms-form .wpforms-field-label { line-height: 1.6 !important; }
	
	/***** EINDE FOOTER WIDGET **********/
	/** ZOLANG ER GEEN NO-SIDEBAR IS *****/
	body.archive.has-sidebar.no-sidebar:not(.error404) #primary, body.archive.no-sidebar div#primary.content-area ,
				body.archive.no-sidebar:not(.error404) #primary, body.archive.no-sidebar div#primary.content-area,
				body.archive.category-plog  div#primary.content-area, .primcontent
	{
		width: 100%;
		float: none;
		max-width: 900px;
		margin: auto;
	}
	
	.divphoto, article figure { float: left; }
	div.divphoto img { margin-bottom: 2em; }
	
/*** masonry ***/
body.archive.category-30  article { border-top: 0em solid #343335; }

body.archive.category-30  main.site-main
{
	-moz-transition: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
	-moz-column-fill: initial;
	-webkit-column-fill: initial;
	column-fill: initial;
	-moz-column-rule: 1px solid #eee;
	-webkit-column-rule: 1px solid #eee;
	column-rule: 1px solid #eee;
	-moz-column-gap: 30px;
	-webkit-column-gap: 30px;
	column-gap: 30px;
	-moz-column-count: 3;
	-webkit-column-count: 3;
	column-count: 3;
}	

	
	body.archive.category-30 main#main.site-main  article
	{
		background: #FFF;
		/*display:inline-block;*/
		padding: 1em;
		padding-bottom: 15px;
		margin-bottom: 15px;
		border-bottom: 1px solid #eee;
		-webkit-column-break-inside: avoid;
		page-break-inside: avoid;
		break-inside: avoid;
		font-size: 0.9375rem;
	}
	
	body.archive.category-30  main#main.site-main article img
	{
		-moz-transition: all .5s ease-in-out;
		-webkit-transition: all .5s ease-in-out;
		transition: all .5s ease-in-out;
	}
	
	body.archive.category-30  main#main.site-main article:hover img { opacity: .75; }

	
	body.archive.category-30 main#main.site-main article img
	{
		-moz-transition: all .5s ease-in-out;
		-webkit-transition: all .5s ease-in-out;
		transition: all .5s ease-in-out;
	}
	
	body.archive.category-30 main#main.site-main article:hover img { opacity: .75; }

	
	body.archive.category-30 a.more-link { font-size: 0.8125rem; }
	
	body.archive.category-30.category div.toemaak
	{
		float: none;
		width: 100%;
		margin: auto;
		padding: 0.5em;
		padding-bottom: 0;
		/* background: rgb(223, 223, 223); */
	}
	
	body.archive.category-30.category  h2.entry-title
	{
		font-size: 16px;
		text-align: center;
	}
	
	body.archive.category-30.category article div.entry-meta { display: block; }
	
	body.archive.category-30.category div.post-thumbnail
	{
		float: none;
		text-align: center;
		margin: 0 auto;
		padding: 0.51em;
	}
	
	body.archive.category-30.category div.site-content-contain { background: #FBFAFA!important; }
	body.archive.category-30.category .entry-content a.more-link:before { margin-top: 0; }
	
	body.archive.category-30.category .entry-content a.more-link
	{
		width: 100%;
		max-width: 100%;
		text-align: right;
	}
	.navigation-top .current-menu-item > a,
.navigation-top .current_page_item > a {
	color: #767676;
}
.main-navigation a, .main-navigation li li a:hover {font-weight: 600;}
	.main-navigation a:hover{font-weight: 600;color: #767676;}
		.main-navigation li li:hover,
	.main-navigation li li.focus {
    background: #D8E8E8;
    background: #b6c4c4;
}
	body.archive div.divphoto, body.archive .entry-content iframe, body.archive article .post-thumbnail, 
body.archive figure, article figure /* article .divphoto*/
{
	max-width: 300px !important;
   
	margin: auto;}     
	body.home .site-footer{margin-top: 0.5em;} 
}


@media screen and ( min-width: 68em )
{
	/***PAGE STYLING *****/
	/***body.archive article { max-width: 31%;}***/
	site-content-contain { background: yellow; }
	body.archive div.divphoto, body.archive .entry-content iframe, body.archive article .post-thumbnail, body.archive figure { max-width: 300px!important; }
}

@media screen and ( min-width: 79em )
{
	.site-content-contain { background: pink; }
}

@media screen and ( max-width: 54.875em ) and ( min-width: 48em )
{
	.site-content-contain { background: orange; }
	body.sidebar div#primary.content-area { max-width: 68%; }
	
	body.sidebar .wrap
	{
		padding-left: 1.5em;
		padding-right: 1em;
	}
	
	body.archive.category-locaties .post-thumbnail { min-width: 201px; }
}

.site-content-contain { background: #FFF!important; }

#catphotos
{
	/* Prevent vertical gaps */
	line-height: 0;
	-webkit-column-count: 5;
	-webkit-column-gap: 0px;
	-moz-column-count: 5;
	-moz-column-gap: 0px;
	column-count: 5;
	column-gap: 0px;
}

#catphotos img
{
	/* Just in case there are inline attributes */
	width: 100% !important;
	height: auto !important;
}