/*--------------------------------------------------------------
  tablet.css
--------------------------------------------------------------*/

/* TABLET en DESKTOP
--------------------------------------------------------------*/
@media screen and (min-width: 740px) {
html {font-size: 62.5%;}
.site-content {width: 100%;}
.site-main {width: 100%;padding: 56px 16px 16px 16px;position: relative;}
.heelwijd {width: 100%;}
/*-------- display for shop items releases etc ------------------------------------------*/
ul.banditems li {  
    float: left;
    height: auto;
    padding: 1px 1px 10px 0;
    position: relative;
    width: 45%;
    display: block;
    margin: 0 2% 2.992em 0;
}
ul.items li:nth-child(3n+1) {
    clear: both;
}
ul.items li {
    float: left;
    height: auto;
    padding: 0;
    position: relative;
    width: 30.75%; /* 22.05% bij 4 items */
    display: block;
    margin: 0 2.4% 2.992em 0;
   /* margin: 0 2.8% 2.992em 0; */
}

/* nav  -----------------------------*/
/* content -----------------------------*/
.site-content {} /* margin-top: 16px; display: flex; */

#primary {}/* width: 75%; padding: 40px 0 0 16px; */

#secondary{width: 25%;  border-left: 1px solid #999; margin: 50px 0 0 -1px;}
.widget-area {padding-left: 6px; clear: none; width: 25%;}

#boven {right: 25%;}

/* NEWS & Date, pagina soc media */
.newsarticle {width: 83.333%;margin: 10px 0 0 46px;float: left;}
.newsdate {padding: 6px;margin: 16px 0;width: 8%;} /* border: 1px dotted #ddd; */
.day {display: block; clear: both;font-size: 24px;font-size: 2.4rem; line-height: 1;}
.month {font-size: 16px; font-size: 1.6rem; display: block;line-height: 1.2;}
.year {font-size: 16px; font-size: 1.6rem; display: block;line-height: 1.2;}
.newsarticle.featimg {display: block; border: 10px solid #000;}
/* paginatekst bandpages */
.paginatekst {padding: 0 16px 0 16px;}/* padding: 0 16px 16px 110px;max-width: 700px; */
.socshare.zestienwijd {margin: 40px 0 24px 0;padding: 0;} /* margin: -140px 0 24px 0; */

.search-boxwidget {
    position: relative;
    display: block;
    top: 0; 
    margin: 2px 0 20px 0;
    padding: 0;
    
   }
.search-veld {
	display: block;
	top: 9px;
	margin-left: 2px;
	text-align: left;
}
.search-boxwidget {text-align: left;}

/* slideshow  -----------------------------*/
/*.slider-container,
.featured-image { max-width: calc(100% - 20px);
}*/
.woocommerce #content div.product div.images, .woocommerce #content div.product div.summary, .woocommerce div.product div.images, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.images, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.images, .woocommerce-page div.product div.summary {width: 48%;float: left;margin-right: 2%;}

/* woo vergrootglas alleen desktop ivm klik naar home */
.woocommerce div.product div.images .woocommerce-product-gallery__trigger {
    /* display: none !important; */
}

}

/* TABLET STAAND MOET NOG aanpassen!
--------------------------------------------------------------*/
@media screen and (min-width: 740px) and (max-width: 899px) {
/* header -----------------------------*/
.site-branding .logo {}
.site-description {left: -1px;bottom: 152px;width: 401px;letter-spacing: 0.45em;}
/* nav aanpassen !!! -----------------------------*/
	
/* content -----------------------------*/
#primary {} /* width: 100%; width: calc(100% - 158px); */
#secondary {width: 100%;margin: 1px 11px 0 0; padding: 16px;}
.site-main {} /* border-bottom: 1px dotted #969696; width: 100%;padding: 16px;position: relative;  */
/* tekstblok -----------------------------*/
.tekstblok {padding: 16px 40px 0 40px;}
#boven {right: 2%;}

.main-navigation {
		width: 360px;
		left: auto;
		right: 0;
	}
/* woo vergrootglas alleen desktop ivm klik naar home */
.woocommerce div.product div.images .woocommerce-product-gallery__trigger {
    position: absolute;
    top: .5em;
    left: .5em;
    font-size: 2em;
    z-index: 9;
    width: 36px;
    height: 36px;
    background: #fff;
    text-indent: -9999px;
    border-radius: 100%;
    box-sizing: content-box;
}



}