/*	
Theme Name: Storefront Child
Author: Martien van Lent
Author URI: http://www.websjoege.nl
Template: storefront
Text Domain: storefront-child
Version: 0.1
*/

:root{
	--sticky-toolbar-bottom:20px;
}




/* theme header */

body.shop_page_add_to_cart .woocommerce-products-header{
	margin-bottom:-40px;
}


li#menu-item-285{
	width: calc(2em + 24px );
}

li#menu-item-285 a{
	text-indent: -200px;
	white-space: nowrap;
	overflow: clip;
}

li#menu-item-285 a::before{
	display:block!important;
	content: "\f348";
	font-family: dashicons;	
	font-size: 24px;
	position:absolute;
	cursor:pointer;
	color: #0078d7;
	text-indent: 0;
	margin: -6px -2px;
}

#masthead{
	padding-top:1.618em;
	margin-bottom:0;
}

#masthead .site-branding{
	margin-bottom:0;
}

#masthead .site-title a{
	white-space: nowrap;
}

#masthead .site-title a:before{
	content: " ";
	display: inline-block;
	background-image: url(https://wpfloorplans.com/wp/wp-content/uploads/icon-128x128-1.png);
	background-size: 42px;
	background-repeat: no-repeat;
	width: 44px;
	height: 42px;
	margin-bottom: -7px;
}

#masthead .site-title a:hover:before{
	opacity:0.7;
}

.demo_store{
	background-color: #a93dd2;
}





/*.storefront-breadcrumb,*/
nav.woocommerce-breadcrumb{
	position:relative;
	font-size:unset;
}

/*https://moderncss.dev/pure-css-custom-checkbox-style/*/

nav.woocommerce-breadcrumb .options{
	display: grid;
	position:absolute;
	border-radius: 3px;
	padding:10px;
	gap: 10px;
    grid-template-columns: auto auto;
}

nav.woocommerce-breadcrumb .options:not(:empty){
	background-color: #eaedf2;
}

nav.woocommerce-breadcrumb label:not(.dashicons){
	font-size: 1rem;
	font-weight: bold;
	line-height: 1.1;
	display: inline-grid;
	grid-template-columns: 1em auto;
	gap: 0.5em;
	cursor: pointer;
}

nav.woocommerce-breadcrumb input[type="checkbox"]{
	-webkit-appearance: none;/* Add if not using autoprefixer */
	appearance:none;/* Remove most all native input styles */
	background-color: var(--form-background);/* For iOS < 15 */
	margin: 1px 0 0 0;/* Not removed via appearance */
	font: inherit;
	color: currentColor;
	width: 1em;
	height: 1em;
	border: 1px solid currentColor;
	border-radius: 0.15em;
	transform: translateY(-0.075em);
	display: grid;
	place-content: center;
	background-color:#fff;
}

nav.woocommerce-breadcrumb input[type="checkbox"]:checked{
	background-color: #0078d7;
	border-color: #0078d7;
}

nav.woocommerce-breadcrumb input[type="checkbox"]:checked::before{
	content: "";
	display:block;
	width: 1em;
	height: 1em;
	background-image: url("data:image/svg+xml,%3Csvg version='1.1' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m6.3 9.5-2.34-2.28-1.8 1.85 4.38 4.26 7.61-9.55-2.02-1.61-5.83 7.32' style='fill:%23fff;'/%3E%3C/svg%3E");
}

nav.woocommerce-breadcrumb input[type="checkbox"]:focus {
	outline-width: 1px;
	outline-offset: 2px;
}

/*tips*/
.storefront-breadcrumb .tipcntr{
	height: 0;
    position: relative;
    z-index: 9999;
}

.dashicons{
	height: 1lh;
	color: #0078d7;
	cursor: pointer;
	position:relative;
	font-size:unset;
	font-family:unset;
}

.dashicons-info:before{
	font-size: 24px;
	font-family:dashicons;	
}



nav.woocommerce-breadcrumb label.dashicons{
	top:-3px;
}

nav.woocommerce-breadcrumb label.dashicons:before{

}


.dashicons:has(input:checked):after{
	content: ' ';
	position: absolute;
	width: 20px;
	height: 20px;
	margin: 3px 0 0 -8px;
	transform: rotate(45deg);
	background: #0078d7;
	z-index:9998;
}

.dashicons input{
	position:absolute;
	top:0;
	left:0;
	width:24px;
	height:24px;
	cursor: pointer;
	opacity:0;
}

.dashicons .tip{
	display:none;
}

.storefront-breadcrumb .tipcntr{
	display:grid;
}

.storefront-breadcrumb .tipcntr .tip{
	margin-top: var( --top );
	max-width: 380px;
	margin-inline: max( 0px, min( var( --left ), 50% - var( --width ) / 2 ) );
	display:block;
	position:absolute;
	padding:10px;
	color:#fff;
	background-color:#0078d7;
	border-radius: 4px;
	box-shadow: 2px 2px 5px #888;
	z-index:9999;
	font-weight: normal;
    line-height: normal;
    text-align: left;
	justify-self: var( --justify );
}

/*about page*/
.page-id-287 .entry-content{
	max-width: 680px;
	margin-inline: max( 0px, min( 80px, 50% - 680px / 2 ) );
}

/*footer*/
footer .storefront-handheld-footer-bar .my-account,
footer .storefront-handheld-footer-bar .search{
	visibility:hidden;
}

.demo_store a.woocommerce-store-notice__dismiss-link{
	display:none;
}


/*theme shop*/
.storefront-sorting{
	display:none;
}



/*floorplans*/

.woocommerce-product-gallery .floorplan-header{
	display:none;
}

.floorplan[data-id="17-1"] .avatar:before,
.floorplan[data-id="17-1"] .avatar:after{
	content:none!important;
}

/*sticky tools */
html body .floorplan .tools{
	bottom: var( --sticky-toolbar-bottom );
}


/*theater*/
div.product:not(.product-type-simple) .summary>.price{
	display:none;
}

.floorplan[data-id="17-1"]:not(.view) .wp-block-floorplans-element[data-availability="taken"] .avatar.clipped .rendition,
.floorplan[data-id="17-1"] .wp-block-floorplans-element .avatar.clipped .rendition{
	opacity:0.3;
}

.floorplan[data-id="17-1"] .wp-block-floorplans-element.checked .avatar.clipped .rendition{
	opacity:0.6;
}