/*!
Theme Name: slr
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: slr
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# webfont 
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
	font-family: "Helvetica Neue",sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	font-size: 62.5%;
}
body {margin: 0; background-color: #282828;}
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary {display: block;}
audio,canvas,progress,video {display: inline-block;vertical-align: baseline;}
audio:not([controls]) {display: none;height: 0;}
[hidden],template {display: none;}
a {background-color: transparent;}
a:active,a:hover {outline: 0;}
abbr[title] {border-bottom: 1px dotted;}

b, strong {font-weight: 700;}
mark {background: #ff0;color: #000;}
small {font-size: 80%;}
sub,sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
img {border: 0;}
/* svg:not(:root) {overflow: hidden;}*/
figure {margin: 1em 40px;}
hr {box-sizing: content-box;height: 0;}
pre {overflow: auto;}

code,kbd,pre,samp {font-family: monospace, monospace;font-size: 1em;}
button,input,optgroup,select,textarea {color: inherit;font: inherit;margin: 0;}
button {overflow: visible;}
button,select {text-transform: none;}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;}
button[disabled],
html input[disabled] {cursor: default;}

button::-moz-focus-inner,
input::-moz-focus-inner {border: 0;padding: 0;}
input {line-height: normal;}
input[type="checkbox"],
input[type="radio"] {box-sizing: border-box;padding: 0;}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {height: auto;}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;}
fieldset {border: 1px solid #c0c0c0;margin: 0 2px;padding: 0.35em 0.625em 0.75em;}
legend {border: 0;padding: 0;}
textarea {overflow: auto;}
optgroup {font-weight: bold;}
table {border-collapse: collapse;border-spacing: 0;}
td,th {padding: 0;text-align: left;}

/*--------------------------------------------------------------
# Typography BASIS.css rem voor margin em voor font, werkt niet helemaal
--------------------------------------------------------------*/
body,optgroup,textarea {color: #302e3a;font-family: "Helvetica Neue",sans-serif;font-size: 16px;font-size: 1.6rem;line-height: 1.5;} /* */
select,input {color: #302e3a; font-size: 14px;font-size: 1.4rem;line-height: 1.5;}

h1, h2, h3, h4, h5, h6 {font-weight: 200;clear: both; font-variant: normal;}
h1 {font-size: 200%;margin: 0;}
h2, h4, h5, h6 {margin: 0;line-height: 1.1;}
h3 {margin: 0; line-height: 1.2;}/* line-height: 1.9; */
/* procent */
/* h1 {font-size: 180%;}*/
h2 {font-size: 160%;}
h3 {font-size: 160%;}
h4 {font-size: 140%;}
h5 {font-size: 110%;}
h6 {font-size: 90%;}

p,.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 {margin: 0 0 1.2rem;}

dfn, cite, em, i {font-style: italic;}
blockquote {margin: 0; padding-top: 0;}/* margin: 0 1.5rem; */

address {margin: 0 0 1.5rem;}
pre {background: #eee;font-family: "Courier 10 Pitch", Courier, monospace;font-size: 15px;font-size: 0.9375rem;line-height: 1.6;margin-bottom: 1.6em;max-width: 100%;overflow: auto;padding: 1.6em;}
code, kbd, tt, var {font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;font-size: 15px;font-size: 0.9375rem;}
abbr, acronym {border-bottom: 1px dotted #666;cursor: help;}
mark, ins {background: #fff9c0;text-decoration: none;}


/*--------------------------------------------------------------
# Elements normalize basis.css
--------------------------------------------------------------*/
html {box-sizing: border-box;}
*,
*:before,
*:after {/* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

	/* body {background: #444;}Fallback for when there is no custom background color defined. */

hr {background-color: #ccc;border: 0;height: 1px;margin-bottom: 1.5em;}
ul, ol {margin: 0 0 1.5em 0;}
ul {list-style: disc;}
ol {list-style: decimal;}
li > ul,
li > ol {margin-bottom: 0;margin-left: 1.5em;}

dt {font-weight: bold;}
dd {margin: 0 0 1.5em 0.5em;}
img {height: auto;/* Make sure images are scaled correctly. */
	max-width: 100%;/* Adhere to container width. */}
figure {margin: 1em 0;/* Extra wide images within figure tags don't overflow the content area. */}
table {margin: 0 0 1.5em;width: 100%;}

/*--------------------------------------------------------------
# Forms normalize basis css
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-radius: 3px;
	background: #444;
	/* color: rgba(0, 0, 0, .8);*/
	color: #fff;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.4;
	padding: 3px 10px;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {border-color: #ccc #bbb #aaa;}
button:active, button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {border-color: #aaa #bbb #bbb;}
input[type="search"],
textarea {color: #666;border: 1px solid #ccc;border-radius: 3px;padding: 3px;}
input[type="search"]:focus,
textarea:focus {color: #111;}
select {border: 1px solid #ccc;}
textarea {width: 100%;}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {color: #302e3a;text-decoration: none;}
a:visited {color: #302e3a;}
a:hover {color:#969696;}
a:focus, a:active {color:#302e3a;}
/* a {color: #969696;text-decoration: none;}
a:visited {color: #969696;}
a:hover, a:focus, a:active {color:#444445;}*/

a:focus {outline: none;}
a:hover, a:active {outline: 0;}

.nav-previous a, .nav-next a {color: #999;font-size: 12px;font-size: 1.2rem;display: block;}
.nav-next a:hover {color: #2e2e5c;}
/* newstxt uitzondering */
.newstxt a, .paginatekst a {color: #969696; border-bottom: 1px solid #969696;}
.newstxt a:hover, .paginatekst a:hover  {color: #444444;}

.newstxt a.read-more {color: #91722e; font-weight: 700; border-bottom: none;}
.newstxt a:hover.read-more   {color: #000;}
/*--------------------------------------------------------------
## Menus basis css 
--------------------------------------------------------------*/
.main-navigation {clear: both;display: block;float: left;width: 100%;}
/*.main-menu {background: rgba(0,0,0,0.9)}*/
.main-navigation ul {display: none;}
.main-navigation ul {list-style: none;margin: 0;padding-left: 0;}
ul.menu {list-style: none;margin: 0;padding-left: 16px;}

/* sidebars */
.widget-area {padding-left: 16px; float: left; clear: both; width: 100vw;}
ul.bandproducts {list-style: none;margin: 0;padding-left: 0;}
li.widget {border-bottom: 1px dotted #999;min-height: 96px;line-height: 1.2;}
li.widget img {margin: 0 8px 8px 0;}

.main-navigation ul,
.widget_nav_menu ul {border-top: 1px solid #969696;}

.main-navigation ul:after,
.widget_nav_menu ul:after,
.widget_nav_menu li:after{
	content: "";
	display: table;
	clear: both;
}
.main-navigation ul ul {
	border-top: 1px dotted #969696;
	border-bottom: none;
	float: left;
	position: relative;
	top: 100%;
	left: -999em;
	height: 0;
	margin: 0 0 0 16px;
	z-index: 99999;
}
.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}
.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {left: 100%;}
.main-navigation ul ul li,
.main-navigation ul ul a {width: 100%;}
.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul{left: auto;height: auto;}
.main-navigation li {float: left;position: relative;}
.main-navigation a {display: block;text-decoration: none;color: #fff;}

.main-navigation a {font-family: archivobold, sans-serif; text-transform: uppercase; letter-spacing: 1px;}

.main-navigation .current_page_item .sub-menu a {color: #fff; } /* font-family: archivolight, sans-serif;*/

/* kleur current ul  UITZONDERINGEN VOOR NEWS BAND TOUR SINGLE posts local en web */
.main-navigation ul .current_page_item > a,
.main-navigation ul .current-menu-item > a,
.main-navigation ul .current_page_ancestor > a,
.main-navigation ul .current_page_parent > a,
.single-post .main-navigation li.menu-item-174 > a,
.single-post .main-navigation li.menu-item-50 > a,
.single-band .main-navigation li.menu-item-61 > a,
.single-band .main-navigation li.menu-item-36 > a,
.single-tour .main-navigation li.menu-item-212 > a,
.single-tour .main-navigation li.menu-item-212 > a {color: #91722e;}
/* menu hover color */
.main-navigation a:hover,
.widget_nav_menu a:hover,
.main-navigation .current_page_item .sub-menu a:hover{color: #969696;}
.menu-toggle {z-index: 6999;}
.main-menu {text-align: left;z-index: 6998;}
.main-menu li {border-bottom: 1px dotted #969696; }
.main-menu li a {padding: 8px 14px;}
.main-menu li:last-child {border-bottom: none; border-right: none;}

/* Small menu toggle absolute mobiel top instellen */
button.menu-toggle {
	position: absolute;
	top: 10px; right: 16px;
	width: 36px; height: 36px;
	text-indent: -9999px;
	border: none;
	border-radius: 0px;
	background: transparent url(/wp-content/themes/slr/img/nav/menu-toggle.png);
	font-size: 0.75rem;
	line-height: 1;
	padding: .6em 1em .4em;
}
button.menu-toggle[aria-expanded="true"]{background: transparent url(/wp-content/themes/slr/img/nav/menu-toggle.png) 0 -36px;}
.menu-toggle,
.main-navigation.toggled ul {display: block;}


/* footer menu's */
#footer-menu, #footer1-menu, #footer2-menu, #footer2-menu li > ul, #footer3-menu, #footer3-menu li > ul {list-style: none; margin: 0;padding: 0;}
#footer-menu .space {padding: 12px; display: block;}
.site-info, .site-info a {color: #91722e;}
.site-info a:hover {color: #ac9252;}
.site-info p {margin: 0;}

/* bigger screen no mobile */
@media screen and (min-width: /*37.5em*/ 899px) {
	.menu-toggle {
		display: none;
	}
	.main-navigation ul {
		display: block;
	}
}
/* end */

.site-main .comment-navigation, .site-main
.posts-navigation, .site-main
.post-navigation {margin: 0 0 1.5em;overflow: hidden;}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {float: left;width: 50%;}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {float: right;text-align: right;width: 50%;}

/*--------------------------------------------------------------
# Accessibility basis
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
	/* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

/*--------------------------------------------------------------
# Alignments basis
--------------------------------------------------------------*/
.alignleft {display: inline;float: left;margin-right: 1.5em;}
.alignright {display: inline;float: right;margin-left: 1.5em;}
.aligncenter {clear: both;display: block;margin-left: auto;margin-right: auto;}

/*--------------------------------------------------------------
# Clearings basis
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
# Widgets basis
--------------------------------------------------------------*/
.widget {margin: 1.2em 0;
/* Make sure select elements fit in widgets. */}

.widget select {max-width: 100%;}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {display: block;}
.hentry {margin: 0 0 1.5em;}
.updated:not(.published) {display: none;}

.page-content,
.entry-content,
.entry-summary {margin: 0;}
.page-links {clear: both;margin: 0 0 1.5em;}

/*--------------------------------------------------------------
## Comments basis
--------------------------------------------------------------*/
.comment-content a {word-wrap: break-word;}
.bypostauthor {display: block;}

/*--------------------------------------------------------------
# Infinite scroll basis
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	/* Theme Footer (when set to scrolling) */
	display: none;
}
/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Media basis
--------------------------------------------------------------*/
/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {max-width: 100%;}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {display: inline-block;}

/*--------------------------------------------------------------
## Captions basis
--------------------------------------------------------------*/
.wp-caption {margin-bottom: 1.5em;max-width: 100%;}
.wp-caption img[class*="wp-image-"] {display: block;margin-left: auto;margin-right: auto;}
.wp-caption .wp-caption-text {margin: 0.8075em 0;}
.wp-caption-text {text-align: center;}

/*--------------------------------------------------------------
## Galleries ... einde basis css
--------------------------------------------------------------*/


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

/* One Trick Ponies
--------------------------------------------------------------*/
.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;}
.margbot {margin-bottom: 1.2em;}

.bggrey {background: #444;}
.fontgrey, a.fontgrey {color: #969696;}
.fontgold, a.fontgold {color: #969696;}
.bortop {border-bottom: 1px dotted #999;}
.borbot {border-bottom: 1px dotted #999;}
.bornone, a.bornone {border-bottom: none;}
.uppercase {text-transform: uppercase;}
.lijn {background: #fff url(/wp-content/themes/slr/img/nav/line_shop.gif) bottom left no-repeat;display: block; padding: 0 0 6px 8px;}

/* font */
.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
--------------------------------------------------------------*/
.site {width: 100%;max-width: 1000px;min-height: 100%;margin: 0 auto;background: #111;}

/* 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: 30px; /* 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 {display: block;}



/* winkelwagen top, zichtbaar als item in zit plus link kleur 
	aangepast 30 mrt 2022, nieuwe plugin install fouten plesk logs
*/ 
/*#secondary-menu {padding: 4px 16px 6px 16px;} */


/* 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 sidebar */
 /* #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: 230px;}
a:hover.wpmenucart-contents {color: #999;}




a.wcmenucart-contents {color: #fff;}
a:hover.wcmenucart-contents {color: #999;}
a.shipping-calculator-button {color: #dd2b26;}

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

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

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

.kwartwijd, .derdwijd, .halfwijd, .driekwartwijd, .heelwijd {position: relative;float: left;padding: 16px;}
/* 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: #555; /* 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: #91722e; /* Current page background */color:#fff;}

#boven {display: block; position: absolute; z-index: 100;padding: 0;bottom: 0;right: 0;border: 1px solid #999;    border-bottom: none;}
.scrollToTop {background: #969696; color: #fff;float: right;font-weight: bold;height: 40px;padding: 8px;text-align: center;text-decoration: none; width: 140px;}
.scrollToTop a {border-bottom: medium none;color: #fff;}
a:hover.scrollToTop  {border-bottom: medium none;color: #000;}
a:visited.scrollToTop, a:focus.scrollToTop, a:active.scrollToTop  {border-bottom: medium none;color: #fff;}
/* sidebar */
.widget span {font-size: 140%;}
/* sidebar searchbox desktop eigenlijk*/
.search-boxwidget {text-align: center;position: relative;min-width: 250px;min-height: 36px; /* desktop height: 166px; */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;} */
.woocommerce .products ul, .woocommerce ul.products, ul.items, ul.banditems {margin: 0 0 1em;padding: 0;}
/*  paars kleur WOO button prijs etc was color: #730065;  */
.woocommerce div.product p.price, .woocommerce div.product span.price, .woocommerce div.product .stock {color: #91722e;}

.woocommerce ul.products li.product .price {
font-weight: 400;
font-size: .857em;
color: #91722e;
}

/** SPAN ONSALE OP RELEASES PAGINA EN HOME PAGE DISPLAY */
.page-template-page-releases span.onsale,
.page-template-page-home span.onsale
 {
 min-height:3.236em;
 min-width:3.236em;
 padding:.202em;
 font-size:1em;
 font-weight:700;
 position:absolute;
 text-align:center;
 line-height:3.236;
 top:-.5em;
 left:-.5em;
 margin:0;
 border-radius:100%;
 background-color:#77a464;
 color:#fff;
 font-size:.857em;
 z-index:9
}

/** SPAN ONSALE OP RELEASES PAGINA EN HOME PAGE DISPLAY */
/* color wit ***/
.woocommerce span.onsale,
.page-template-page-releases span.onsale,
.page-template-page-home span.onsale {
border-radius: 0; /* 100%*/
background-color: #111;
color: #fff;
}
.page-template-page-releases span.onsale {
    /* display:none; */
}

/* WC 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;}

.woocommerce table.shop_table_responsive tr.shipping, .woocommerce-page table.shop_table_responsive tr.shipping {margin: 0 20px 20px 0}
a.reset_variations {display: none; color: #fff;}

/* 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;}

/* socil medi shit*/
.socshare.zestienwijd {float: left;display: block;padding: 0;}
.share {float: left; margin: 12px 6px 12px 0; position: relative; height: 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;}
/*--------------------------------------------------------------
  mobiel.css
--------------------------------------------------------------*/

/* MOBIEL
--------------------------------------------------------------*/
@media screen and (max-width: 739px) {
html {font-size: 58%;}

a {position: relative;z-index: 999;}
/* nav  -----------------------------*/
.main-menu{min-height: 100vh;padding: 90px 0 0 0;font-size: 140%;background: rgba(0,0,0,0.9);}
.main-menu ul {border-top: 1px solid #969696;}
/*.main-menu ul ul {border-top: 1px dotted #969696;}*/
.main-menu li,.main-menu li a {width: 100vw;}

/* */
/* content  -----------------------------*/
#primary {float: left;width: 100vw;clear: both;}
#primary {padding: 0 0 10px}
/* extra lay-out mobiel */


.kwartwijd,.derdwijd,.halfwijd,.driekwartwijd,.heelwijd {position: relative; float: left; padding: 16px;width: 100%;}
.paginatekst {position: relative;float: left; margin: 0; padding: 0;}

/* image */
.featured-image { width: 100%;}

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product, .items li {
  margin: 0 2.8% 1.6em 0;}


}

/* MOBIEL STAAND
--------------------------------------------------------------*/
@media screen and (max-width: 439px) {
	
/* header extra menu erboven hoogte top 40px ivm search en cart -----------------------------*/
.site-header,.site-branding  {height: 120px;} /* hoogte header */
.site-branding {top: 40px;}
.site-branding .logo {left: 12px; bottom: 50px;width: 220px; height: 80px;background: url(img/logo/slre_mobile_logo.png) 0 0 no-repeat;}
/* mini logo toggle */
.main-navigation img {left: 12px; width: 220px;height: 80px;} /* top: 14px; */
/* nav -----------------------------*/
button.menu-toggle {top: 60px;}
.main-navigation.toggled button.menu-toggle {top: 60px;}

/* content -----------------------------*/
.site-main {float: left;width: 100%;clear: both;padding: 16px;}
.site-content {}/* padding: 10px; */
.newsarticle {width: 100%;display: block;position: relative;padding-right: 16px;}
.news-item .featimg {padding: 0 0 16px 0; width: calc(100% - 16px);display:block;}
.news-item .featimg img {display: block;}
.newstxt {width: 100%;display: block;position: relative;}
.newsarticle {float: left;}
/* .featimg {float: left;position: relative;text-align: center;}*/
.news-item {float: left;width: 100%;position: relative;display: block;border-bottom: 1px dotted #999;/* */margin-bottom: 16px;}
.single-post .news-item {border-bottom: none;}
/* check !*/
.newsdate {float: left;position: relative;text-align: center;margin: 0;display: block;}
ul.items{margin: 0;}
ul.items li {
    position: relative;
    width: 45%;
    display: block;
    float: left;
    min-height: 280px;
	margin: 0 0 0 4%;
}

/* footer  anders, zie stickman -----------------------------*/
footer .right {padding: 44px 0 30px 78px;}
/* shop overzicht titels */
.shoptitel {padding: 6px 0 6px 4px;}

}

/* MOBIEL LIGGEND shop uitmeten
--------------------------------------------------------------*/
@media screen and (min-width: 440px) and (max-width: 739px) {

.site-main {float: left;
width: 100%;
clear: both;
padding: 16px;} /* width: 100%;position: relative; */
/*-------- display for shop items releases etc ------------------------------------------*/


ul.items[class*="columns-"] li.product:nth-child(2n), ul.items[class*="columns-"] li.product:nth-child(2n) {
    float: right;
    clear: none !important;
}
ul.items li:nth-child(2n+1) {clear: both;}
ul.items li {  
    float: left;
    height: auto;
    padding: 1px 1px 10px 0;
    width: 48%;
    display: block;
    margin: 0 2% 2.992em 0;
}
ul.items li.product img {
    width: 100%;
    min-width: 160px;
    height: 100%;
    display: block;
    margin: 0 0 1em;
    box-shadow: none;
}
/* banditems 2 rijen */
.banditems li:nth-child(2n+1) {clear: both; padding-left: 16px;}
.banditems li {float: left;height: auto;padding: 1px 1px 10px 16px;width: 50%;display: block;margin-bottom: 1.6em;}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    clear: both;
    float: left;
    position: relative;
    width: 45%;
    display: block;
    margin: 0 0 2.992em 0;
}

/* header  -----------------------------*/
.site-header,.site-branding {height: 130px;}
/* LOGO  invoeren centreren */	
.site-branding .logo {top: 4px;left: 20px; bottom: 22px;width: 220px; height: 80px;background: url(img/logo/slre_mobile_logo.png) 0 0 no-repeat;}
/* mini logo toggle */
.main-navigation img {top: 34px;left: 20px; bottom: 22px; width: 220px;height: 80px;}
.site-description {left: -1px;bottom: 133px;width: 330px;letter-spacing: 0.385em;}
/* nav -----------------------------*/
button.menu-toggle {top: 60px;}
.main-navigation.toggled button.menu-toggle {top: 60px;}


/* content -----------------------------*/
.site-content {/*flex-direction: column;*/}
/* .tekstblok {width: calc(100% - 99px); min-height: 52px;}
.tekstblok {margin: 0 0 16px 99px;}*/
.site-info {left: 99px;}
/* shop overzicht titels */
.shoptitel {padding: 6px 4px;}
}

/*--------------------------------------------------------------
  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: 32px 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(4n+1) {
    clear: both;
}
ul.items li {
    float: left;
    height: auto;
    padding: 1px 1px 10px 0;
    position: relative;
    width: 22.05%;
    display: block;
    margin: 0 2.8% 1.6em 0;
   /* margin: 0 2.8% 2.992em 0; */
}

/* nav  -----------------------------*/
.main-navigation li {
    width: 12.5%;
    border-right: 1px solid #969696;
    border-bottom: none;
    text-align: center;
}
.main-navigation ul{margin: 0;padding: 0;}
.main-navigation ul ul{width: 100%; display: block; float: left;position: relative;}

.main-menu ul ul li {
    width: 100%; border-top: 1px dotted #969696;
    margin: -1px 0 0 -16px;
    background-color: #000;
    text-align: left;
}
.main-menu ul ul li:last-child {border-right: 1px solid #969696;}
.main-menu ul ul li a {
    font-size: 94%;
    letter-spacing: 0;
    line-height: 1.6rem;
    
}
.main-menu li.smalltxt {
    font-size: 90%;
    letter-spacing: -10;
    
}
/* 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: 0 0 0 -1px;}
.widget-area {padding-left: 6px; clear: none; width: 25%;}

#boven {right: 25%;}
/* LOGO t nieuw invoeren! */
.site-header, .site-branding {
    height: 286px;
    width: 100%;
}
.site-branding .logo {
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%);
    width: 432px;
    height: 220px;
    background: url(/wp-content/themes/slr/img/logo/slr_logo_20years_nw.png) 0 0 no-repeat;
}

/* NEWS & Date, pagina soc media */
.newsarticle {width: 83.333%;margin: 10px 0 0 46px;float: left;}
.newsdate {border: 1px dotted #ddd;padding: 6px;margin: 0;width: 8%;}
.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;}
/* paginatekst bandpages */
.paginatekst {padding: 0 16px 0 110px;}/* padding: 0 16px 16px 110px;max-width: 700px; */
.socshare.zestienwijd {margin: -140px 0 24px 0;padding: 0;}

.search-boxwidget {
    position: relative;
    display: block;
    height: 49px;
    top: 10px; 
    width: 250px;
    margin: 2px 0 0 -10px;
   }
.search-veld {
	display: block;
	position: absolute;
	top: 9px;
	/* margin-left: 3px; */
}

/* 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%;}

}

/* TABLET STAAND MOET NOG aanpassen!
--------------------------------------------------------------*/
@media screen and (min-width: 740px) and (max-width: 899px) {
/* header -----------------------------*/
.site-header,.site-branding {height: 220px;}
.site-branding .logo {}
.site-description {left: -1px;bottom: 152px;width: 401px;letter-spacing: 0.45em;}
/* nav aanpassen !!! -----------------------------*/
button.menu-toggle {top: 1px;}
.main-navigation.toggled button.menu-toggle {top: 1px;}
.main-navigation {position: absolute;top: 30px; right: 0;width: 250px;z-index: 9999;}
.main-menu{padding: 42px 0 0 0;background: rgba(17,17,17,0.9)}
.main-navigation li {
    width: 250px;
    border-right: none;
    border-bottom: none;
    border-top: 1px dotted #969696;
}
.main-menu ul {} /* border-top: 1px solid #f0f0dc; */
.main-menu ul ul li {
    border-top: 1px dotted #969696;
    margin: 0; }

.main-menu li,
.main-menu li a {width: 250px;}
.main-menu li a {padding: 8px;}
.main-navigation img, .main-navigation.toggled img {display: none;}
	
/* 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%;}
}

/*--------------------------------------------------------------
  desktop.css
--------------------------------------------------------------*/

/* DESKTOP 
--------------------------------------------------------------*/
@media screen and (min-width: 900px) {
body {background: #222;}
/* background: #282828 url(/wp-content/themes/slr/img/logo/slr_testbackground.png) 0 0 repeat;*/

.site-header,.site-branding {height: 302px; width: 100%;} 
.site-header {background: url(/wp-content/themes/slr/img/logo/header_slre_grey.jpg) 0 30px no-repeat;}
/* LOGO DESKTOP nieuw invoeren! */	
.site-branding .logo {top: 22px; left: 50%; margin-right: -50%; transform: translate(-50%); width: 382px; height: 197px; background: url(/wp-content/themes/slr/img/logo/slr_trans_logo.gif) 0 0 no-repeat;}
.site-branding .logo a {display: block; }
.main-navigation img, .main-navigation.toggled img {display: none;}

/* nav */
.main-navigation {/* display: none;*/}
.main-menu {top: 269px;width: 100%;}

.zestienwijd {width: 16%;position: relative;padding: 0;margin: 0;}
.kwartwijd {width: 25%;}
.derdwijd {width: 33.33%;}
.halfwijd {width: 50%;}
.driekwartwijd {width: 75%;}
.heelwijd {width: 100%;}
/*  content */
.site-main {width: 75%; padding-right: 16px; float: left; border-right: 1px solid #999;}
.widget-area {width: 25%; float: left; padding: 0 10px;}

/* banditems 2 rijen */
.banditems li:nth-child(2n+1) {clear: both; padding-left: 16px;}
.banditems li {float: left;height: auto;padding: 1px 1px 10px 16px;width: 50%;display: block;margin-bottom: 1.6em;}

.socshare2.zestienwijd {margin: 0px 0 24px 0;padding: 0;}
/* sidebar desktop */
.format {font-size: 90%; line-height: 1.2;}/* padding-top: 2px; */
/* sidebar */
.widget span {font-size: 120%;}

/*HOME EXTRA */
.homeproducts {margin-left: 6px;}

/*
/* end */
}