/*
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.

*/
@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700;1,900&display=swap');

:root{
	--wp--preset--color--yellow: #ccff00;
	--wp--preset--color--purple: #360D40;
	--wp--preset--color--white: #fff;
	--wp--preset--color--dark-gray: #444;
}
*{
	box-sizing: border-box
}
.frontend .wpcf7-not-valid-tip {
    color: #f09d4f;
    font-size: 1em;
    font-weight: normal;
    display: block;
}
.frontend .square{
	padding: 0 !important;
	position: relative;
}
.frontend .square > div{
	position: absolute;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.wp-block-theme-fullscreen-navigation.alignleft {
    float: left;
}
.wp-block-theme-fullscreen-navigation.alignright {
    float: right;
}
.wp-block-theme-fullscreen-navigation.aligncenter {
    margin-left: auto;
    margin-right: auto;
}
.frontend .square:after{
	content: "";
    display: block;
    padding-bottom: 100%;
}
.frontend .oh{
	overflow: hidden !important;
}
.dbo{
	font-family: 'Source Sans Pro', sans-serif !important;
}
.frontend input[type="submit"] {
    color: #ffffff;
    background: #00a5d7;
    border: 0;
    padding: 15px;
    font-size: 18px;
    outline: none;
}
.frontend input[type="text"] {
	padding: 1em;
    border: 0;
    font-size: 18px;
    outline: none;
	width: 100%;
}
.frontend input[type="email"] {
	padding: 1em;
    border: 0;
    font-size: 18px;
    outline: none;
	width: 100%;
}
.frontend textarea {
	padding: 1em;
    border: 0;
    font-size: 18px;
    outline: none;
	width: 100%;
}
.wp-block {
    max-width: none;
    margin-top: 28px;
    margin-bottom: 28px;
}
.frontend label{
	color: #ffffff;
	font-size: 18px
}
.wp-block[data-align=wide] {
    max-width: 1400px;
}
.bg-white{
	background: #ffffff
}
.mt-100{
	margin-top: 100px !important;
}
.nm100{
	margin-top: -100px !important
}
.mr50{
	margin-right: 150px !important
}

.grbg{
	background-image: linear-gradient(to right, rgba(255,0,0,0) 10%, #00586f 10%, #00586f 90%, #00586f 10%, rgba(255,0,0,0) 10%);
}
.gi img{
	-webkit-mask-image: -webkit-gradient(linear, left top, right top, from(rgba(0,0,0,1)), to(rgba(0,0,0,0)));
}
.variations{
	width: 100%;
}
.wp-block-group.has-background {
    padding: 1.25em 2.375em;
    margin-top: 0;
    margin-bottom: 0;
    overflow: auto;
}
.frontend a.swatch-anchor {
    height: auto !important;
    width: 125px !important;
}
.variations tbody tr:first-child{
	display:block;
}
.variations tbody tr td{
	display: block;
    width: 100%;
	border: 1px solid transparent;
    border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
}
.variations .label {
    background: #ff9306;
    position: relative;
    color: #fff;
}
.variations tr:not(:first-child) .label.active:after {
    border-color: #fff transparent transparent transparent;
	top: 14px;
}
.variations tr:first-child .label.active:after {
    border-color: #fff transparent transparent transparent;
	top: 14px;
}
.variations tr:first-child .label:after {
    position: absolute;
    /*content: "";*/
	content: "";
    top: 7px;
    right: 10px;
    width: 0;
    height: 0;
    border: 6px solid transparent;
	border-color: transparent transparent #fff transparent;
}
.variations tr:not(:first-child) .label:after {
    position: absolute;
    /*content: "";*/
	content: "";
    top: 7px;
    right: 10px;
    width: 0;
    height: 0;
    border: 6px solid transparent;
	border-color: transparent transparent #fff transparent;
}
.label label {
    padding: 14px 25px 14px 5px;
    display: block;
	font-size: 13px;
	cursor: pointer;
}
.variations tbody tr:not(:first-child) .value{
	display: none;
}
.frontend a.swatch-anchor img{
    height: auto !important;
    width: 100% !important;
}
.wp-block-separator:not(.is-style-wide):not(.is-style-dots){
	max-width: none;
}
.edit-post-visual-editor div {
	margin: 0;
}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}
.input-text.qty.text{
	width: 100px;
    height: 46px;
    font-size: 20px;
    line-height: 44px;
    text-align: center;
	border-radius: 0px;
}
.wp-block-image .alignleft {
    float: left;
    margin: 0;
}
.wp-block-image {
    margin: 0;
}
.mt0{
	margin-top: 0 !important;
}
.frontend .dflex > div{
	display: flex !important;
    align-content: center !important;
    justify-content: flex-start !important;
    align-items: center !important;
}
.dflex > div {
    display: flex;
    align-content: center;
    justify-content: flex-start;
    align-items: flex-start;
    overflow: visible;
}
@media only screen and (min-width: 0px) and (max-width: 599.98px){
	.mobile-hidden{
		display: none !important;
	} 
	.wp-block-columns.has-background {
    padding: 1.25em 0em; !important
	}
	.pm0{
		padding: 0 !important;
	}
	.mt-100{
		margin-top: 0px !important;
	}
	.nm100{
		margin-top: -50px !important
	}
	.dflex > div {
    	display: block;
    	align-content: center;
    	justify-content: flex-start;
   		align-items: center;
	}
	.frontend .dflex > div{
		display: flex !important;
    	align-content: center !important;
    	justify-content: flex-start !important;
    	align-items: center !important;
		flex-wrap: wrap-reverse;
	}
	.alignfull.pm0{
		padding: 0 !important;
	}
	.menu .wp-block-column {
    	width: auto !important;
		flex-basis: auto !important;
	}
}
@media only screen and (min-width: 600px) and (max-width: 781.98px){
	.tablet-hidden{
		display: none !important;
	}
	.dflex > div {
    	display: block;
    	align-content: center;
    	justify-content: flex-start;
   		align-items: center;
	}
	.menu .wp-block-column {
    	width: auto !important;
		flex-basis: auto !important;
	}
	.frontend .dflex > div{
		display: flex !important;
    	align-content: center !important;
    	justify-content: flex-start !important;
    	align-items: center !important;
		flex-wrap: wrap-reverse;
	}
	.alignfull.pm0{
		padding: 0 !important;
	}
	.gi{
		margin-top: -192px;
	}
}
@media only screen and (min-width: 782px){
	.desktop-hidden{
		display: none !important;
	}
}
@media only screen and (max-width: 599.98px) {
	.alignwide {
    	width: 100% !important;
    	margin: auto;
	}	
}
@media only screen and (max-width: 1139.98px) {
	.alignwide {
    	width: 100% !important;
    	margin: auto;
	}	
}
.alignwide {
    width: 1400px;
    margin: auto;
	overflow: auto;
}
@media (max-width: 599px){
	.wp-block-column {
    	flex-basis: inherit !important;
	}
}
.wp-block-separator.alignfull{
	width: 100%;
	max-width:none !important;
}
.wp-block-separator.alignwide{
	max-width:none !important;
}
li.wp-social-link.wp-block-social-link {
    justify-items: end;
    align-items: center;
    display: flex;
	background: none !important
}
.wp-block-cover-image img.wp-block-cover__image-background, .wp-block-cover-image video.wp-block-cover__video-background, .wp-block-cover img.wp-block-cover__image-background, .wp-block-cover video.wp-block-cover__video-background {
	height: 100% !important;
}
img{
	height: auto !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;
}
.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%;
}
li.wp-social-link.wp-block-social-link {
    justify-items: end;
    align-items: center;
    display: flex;
	background: none !important
}
img{
	height: auto !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%;
}