/*
Theme Name: Bram Knapen
Theme URI: https://themes.bramknapen.nl
Description: Empty Bootstrap 5 theme
Author: Bram Knapen
Author URI: http://bramknapen.nl
Text Domain: bramknapen
Tags: bootstrap, gutenberg, fontawesome, bramknapen
Version: 2.3
License: GNU General Public License
License URI: licence/GPL.txt

CSS changes can be made in files in the /css/ folder. This is a placeholder file required by WordPress, so do not delete it.

*/
:root{
	--wp--preset--color--yellow: #ccff00;
	--wp--preset--color--purple: #360D40;
	--wp--preset--color--white: #fff;
	--wp--preset--color--light-gray: #eee;
	--wp--preset--color--dark-gray: #444;
}

.mySlides {display: none;}

/* Slideshow container */
.slideshow-container {
  max-width: 1000px;
  position: relative;
  margin: auto;
}

/* Caption text */
.slideshow-container .text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* The dots/bullets/indicators */
.dot {
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.dot.active {
  background-color: #717171;
}

/* Fading animation */
.slideshow-container .fade {
  animation-name: fade;
  animation-duration: 1.5s;
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

.desktop-menu-container > div{
	display: flex;
    align-content: center;
    justify-content: flex-end;
    align-items: center;
}
.alignright{
	text-align: right;
}
.wp-block-columns{
	margin-bottom:0px;
}
.badge{
	padding-left: 9px;
	padding-right 9px;
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	border-radius: 9px;
}
.label-warning[href], .badge-warning[href]{
	background-color: #c67605;
}
#cartCount{
	font-size: 12px;
	background: #ff0000;
	color: #ffffff;
	padding: 0 5px;
	vertical-align: top;
	margin-left: -10px;
}
@media only screen and (min-width: 0px) and (max-width: 599.98px) {
	.md-none{
		display: none !important;
	}
}
@media only screen and (min-width: 600px) and (max-width: 781.98px) {
	.td-none{
		display: none !important;
	}
}
@media only screen and (min-width: 782px) {
	.ld-none{
		display: none !important;
	}
}
@media only screen and (min-width: 782px) {
	.overlay, .menubtn-container{
		display:none !important;
	}
	.wp-block-navigation{
		display:flex !important;
	}
}

@media only screen and (max-width: 781.98px) {
	.mainmenu {
    	display: none !important;
	}
	.col-4{
		flex-basis: 33.33% !important;
	}
	.col-8{
		flex-basis: 66.66% !important;
	}
}
@media only screen and (min-width: 782px) {
	.overlay, .menubtn-container{
		display:none;
	}
	.wp-block-navigation{
		display:flex;
	}
}
.logo{
	margin-bottom: 0;
}
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');
.frontend{
	font-family: 'Lato', sans-serif;
}

@media only screen and (min-width: 600px) {
	.half.has-background-dim:not(.has-background-gradient):before, .half .wp-block-cover__gradient-background, .half.has-background-dim:not(.has-background-gradient):before, .half .wp-block-cover__gradient-background {
		clip-path: circle(70% at 0 50%);
	}
}
/*.wp-block-cover-image.has-background-dim:not(.has-background-gradient):before, .wp-block-cover-image .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim:not(.has-background-gradient):before, .wp-block-cover .wp-block-cover__gradient-background {
	clip-path: circle(70% at 0 50%);
}*/
.alignwide {
    max-width: 1140px;
    margin: auto;
}
li.wp-social-link.wp-block-social-link {
    justify-items: end;
    align-items: center;
    display: flex;
	background: none !important
}
img{
	height: auto !important;
}
.wp-block-cover img{
	height: 100% !important;	
}
.bw-img{
	filter: grayscale(100%);
}
.wp-block-image img {
    max-width: 100%;
    height: auto;
}
.wp-block-image.is-style-rounded img {
    height: auto !important;
}
body {
    display: block;
    margin: 0em;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
    max-width: 1140px;
    width: 100%;
    margin: auto;
}
.wp-block-cover-image.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container, .wp-block-cover.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container {
    margin: 0;
    width: 100%;
}
.wp-block-cover, .wp-block-cover-image {
    padding: 0em;
}
.alignfull {
    width: 100%;
}
.has-purple-background-color {
    background-color: #360D40;
}

.has-yellow-color {
    color: #ccff00;
}
.has-purple-color{
	color: #360D40;
}
.has-white-color{
	color: #fff;
}
.has-dark-gray-color{
	color: #444
}
.has-dark-gray-background-color{
	background-color: #444;
}
.wp-block-cover-image.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container, .wp-block-cover.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container {
    margin: 0;
    width: 100%;
}