/*--------------------------------------------------------------
GENERAL algemeen.css
--------------------------------------------------------------*/
body, html {margin: 0; padding: 0;width: 100%;height: 100%;}

/* Algemeenheden
--------------------------------------------------------------*/
.relative,body, .site {position: relative;	}
.absolute {position: absolute;}
.floatleft,.dag {float: left;}
.floatright {float: right;}
.block {display: block;}
.clear {clear: both;}
.clearnone {clear: none;}
.hidden {clip: rect(1px, 1px, 1px, 1px);position: absolute !important;height: 1px;width: 1px;overflow: hidden;}
.pad16 {padding: 8px 0 8px 0;}

.bgwhite {background: #fff;}
.bgred {background: #b50c00;}

.fontgrey, a.fontgrey {color: #969696;}
.fontred, a.fontred {color: #b50c00;}
.bortop {border-bottom: 1px dotted #999;}
.borbot {border-bottom: 1px dotted #999;}

/* weg */
.lijn {display: block; padding: 0 0 6px 8px;}/* kan weg*/

/* font */
.uppercase {text-transform: uppercase;}
.robotoregular {font-family: robotoregular, sans-serif;}
.robotolight {font-family: robotolight, sans-serif;}
.robotomedium {font-family: robotomedium, sans-serif;}

/* font SLR */
.archivobold {font-family: archivobold, sans-serif;}
.archivo-regular {font-family: archivo_narrowregular, sans-serif;}
.archivo-narrowbold {font-family: archivo_narrowbold, sans-serif;
/* pony end */
}

/* Algemeen css
--------------------------------------------------------------*/

/* Header Algemeen css
--------------------------------------------------------------*/
.site-header {z-index: 2;}
.site-header,
.site-title {line-height: 1;}
.site-title {margin: 0;}
.site-title a {text-indent: -9999px;} /**/
.site-description {margin: 0;}
.inner-top {box-sizing: border-box;top: 0;padding: 0;width: 100%;z-index: 99999; min-height: 50px; /* z index boven toggle */}

.main-navigation img,
.main-navigation.toggled img {z-index: 7999;position: absolute;}
.main-navigation img {display: none;}
.main-navigation.toggled img, .main-navigation.toggled svg {display: block;}

/* winkelwagen menu 28 mrt 2022 */
.basket {position: relative; margin: 8px 0 16px 0; display: block; } /* min-height: 32px; */
#secondary-menu {list-style: none; margin: 0; padding: 0 0 10px 0;} /* moet blijven */
 /* #secondary-menu li {margin-left: 0;} check */ 
a.wpmenucart-contents, a:visited.wpmenucart-contents {color: #fff; padding: 4px 16px 6px 16px; background: #000; display: block; width: 250px;}
a:hover.wpmenucart-contents {color: #999;}

/* winkelwagen top, zichtbaar als item in zit plus link kleur nog nodig? */ 
a.wcmenucart-contents {color: #fff;}
a:hover.wcmenucart-contents {color: #999;}
a.shipping-calculator-button {color: #dd2b26;}



/* Content
--------------------------------------------------------------*/
.site-content {position: relative;} /* z-index: 1; */
#primary {position: relative;z-index: 1;}


.entry-title, .page-title, .widget-title {text-transform: uppercase; font-family: robotolight, sans-serif;} 
.entry-title {}
/* margin-bottom: 2em;  */
.news-title {margin: 0 0 1.2rem;}

.group {font-family: robotoregular, sans-serif;}

.featimg {float: left;position: relative;text-align: center;}

.kwartwijd, .derdwijd, .halfwijd, .driekwartwijd, .heelwijd {position: relative;float: left;padding: 16px;}

.text-toggle {display: block; padding: 20px 0;}

/* Pagination zie ook functions, aanpassen naar Woo paginatie */

.pagenav {position: relative;clear:both; padding: 0 0 30px 0;}
.pagination {clear:both;
    position:relative;
    font-size:12px; /* Pagination text size */
    line-height:13px;
    float:left; /* Pagination float direction */
}
.pagination span, .pagination a {
    display:block;
    float:left;
    margin: 2px 2px 2px 0;
    padding:6px 9px 5px 9px;
    text-decoration:none;
    width:auto;
    color:#fff; /* Pagination text color */
    background: #000; /* Pagination non-active background color */
    -webkit-transition: background .15s ease-in-out;
    -moz-transition: background .15s ease-in-out;
    -ms-transition: background .15s ease-in-out;
    -o-transition: background .15s ease-in-out;
    transition: background .15s ease-in-out;
}
.pagination a:hover{color:#fff;background: #969696; /* Pagination background on hover 6AAC70 */}
.pagination .current{padding:6px 9px 5px 9px;background: #b50c00; /* Current page background */color:#fff;}

#boven {display: block; position: absolute; padding: 0;bottom: 0;right: 0;border: 1px solid #999;border-bottom: none;} /* z-index: 100; weggehaald */
.scrollToTop {
	display: flex;
	align-items: center;
	justify-content: center;
	background: #969696; 
	color: #fff;
	float: right;
	font-weight: 300;
	font-size: 16px; /* 24px */
	height: 40px; /* 40 */
	padding: 0 20px 0 6px;
	text-decoration: none; 
}
.scrollToTop .aro-up {
	margin: 0 4px 0 0;
	width: 36px; /* 38 */
	fill:#fff;
}
.scrollToTop a {border-bottom: medium none;color: #fff;}
a:hover.scrollToTop  {border-bottom: medium none;color: #302e3a;}
a:hover.scrollToTop .aro-up  {fill: #302e3a;}
a:visited.scrollToTop, a:focus.scrollToTop, a:active.scrollToTop  {border-bottom: medium none;color: #fff;}
/* sidebar */
.widget span {} /* font-size: 120%; */
/* sidebar searchbox desktop eigenlijk*/
.search-boxwidget {text-align: center;position: relative;min-width: 250px;min-height: 36px; display: block;padding-bottom: 22px;}
.search-veld {display: block;position: relative;}

/*	Banditems, RELEASES en SHOP lijnen */
.items, .banditems {
    float: right;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%;
}
/* tables stuff */
.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {border: 1px solid #ddd; padding:2rem; }

/* table.playlist td {vertical-align: top;} */
ul.items, ul.banditems {margin: 0 0 1em;padding: 0;} /* .woocommerce .products ul, .woocommerce ul.products, */
/*  paars kleur WOO button prijs etc was color: #730065;  */
.woocommerce div.product p.price, .woocommerce div.product span.price, .woocommerce div.product .stock {color: #F2352F;}
.woocommerce ul.products li.product .price {color: #302E3A;}

.woocommerce span.onsale {
border-radius: 0; /* 100%*/
background-color: #111;
color: #F2352F;
}

.page-template-page-releases span.onsale {
    display:none;
}
.format {font-size: 90%; line-height: 1.2;}/* padding-top: 2px; */
/* sidebar */
/* WC button en digital button */
.woocommerce #content input.button.alt:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce-page #content input.button.alt:hover, .woocommerce-page #respond input#submit.alt:hover, .woocommerce-page a.button.alt:hover, .woocommerce-page button.button.alt:hover, .woocommerce-page input.button.alt:hover {
background:#444445 !important;background-color:#444445 !important;text-shadow: transparent !important;box-shadow: none; color:white !important; border-color:#444445 !important;}

.woocommerce #content input.button:hover, .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce-page #content input.button:hover, .woocommerce-page #respond input#submit:hover, .woocommerce-page a.button:hover, .woocommerce-page button.button:hover, .woocommerce-page input.button:hover {
background:#969696 !important;background-color:#969696 !important;text-shadow: transparent !important;box-shadow: none;
border-color:#969696 !important;}

.woocommerce #content input.button, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce-page #content input.button, .woocommerce-page #respond input#submit, .woocommerce-page a.button, .woocommerce-page button.button, .woocommerce-page input.button {background: #444445 !important;text-shadow: transparent !important;border-color:#000 !important; color:white !important;}

.woocommerce #content input.button.alt:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce-page #content input.button.alt:hover, .woocommerce-page #respond input#submit.alt:hover, .woocommerce-page a.button.alt:hover, .woocommerce-page button.button.alt:hover, .woocommerce-page input.button.alt:hover {background: #444445 !important;box-shadow: none;text-shadow: transparent !important;border-color:#000 !important;} 

.woocommerce-error, .woocommerce-info, .woocommerce-message {border-color:#dd2b26 !important;}
.woocommerce-message::before {color: #444;}


.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {margin-bottom:2em;}
.woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3, ul.items li.product h3 {padding: 0; font-size: 120%;}


.woocommerce div.product .woocommerce-tabs ul.tabs li {border-radius: 0;}
/* hide CLEAR */
.reset_variations {
display: none !important;
}

/* shop overzicht titels 
.shoptitel {background: #fff url(/wp-content/themes/slr/img/nav/line_shop.gif) bottom left no-repeat;display: block; padding: 6px 0 6px 8px; font-size: 120%; margin-bottom: 16px;}*/


/* HOME EXTRA */
.homeproducts {float: left;width: 100%;position: relative;display: block; margin: 16px 0 16px 0; padding: 0;}
/* NEWS algemeen */
.news-item {float: left;width: 100%;position: relative;display: block;border-bottom: 1px dotted #999;margin-bottom: 16px;}
.newsdate {float: left;position: relative;text-align: center;margin: 0;display: block;}
.day,.month,.year {line-height: 1;}

/* Paginatekst algemeen bands */
.paginatekst {position: relative;float: left;display: block;border-bottom: 1px dotted #999;margin-bottom: 16px;}
/* YouTube video  */
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/* social media shit*/
.socshare.zestienwijd {float: left;display: block;padding: 0;}
.share {float: left; margin: 12px 6px 12px 0; position: relative; height: 40px;} /*width: 40px;*/
.share a.fa {
  padding: 10px 2px 10px 2px;
  font-size:2em;
  width: 40px;
  text-align: center;
  text-decoration: none;
  color: #fff;
  background-color: black;
}
.share a.fa:hover {opacity: 0.7;}

/* social media follow footer */
.socmedia {position: relative; padding: 0; margin-bottom: 24px; left: 50%; margin-right: -50%; transform: translate(-50%); width: 180px; height: auto;}
.socmedia a.fa {
  padding: 2px 20px 0 0;
  font-size:2em;
  width: 30px;
  text-align: left;
  text-decoration: none;
  margin: 5px 10px 5px 0;
  color: #fff;
}
.socmedia a.fa:hover {opacity: 0.7;}