#header-txt-descr
{
	margin: 0 auto 1.5em;
}

@media screen and (min-width:311px) and (max-width:719px)
{
	.invite
	{
		margin-top:-65px;
		z-index:-1;
	}
}


@media screen and (min-width:720px) and (max-width:1279px)
{
	.invite
	{
		margin-top:-140px;
		z-index:-1;
	}
}




.storefront-transparent img
{
	/* background:lime; */
	/* width: 130%; */
	/* height:auto; */
	/* left:50%; */
	/* transform: translate(-50%); */
	/* overflow: clip; */

}

@media screen and (min-width:1280px) 
{
	.invite
	{
		margin-top:-250px;
		z-index:-1;
	}

	body
	{
		overflow-x: hidden; /* Prevent horizontal scrolling */
	}

	#page
	{
		overflow:visible!important;
	}

}

.storefront-transparent img
{
	/* margin-bottom:-20%; */
	/* margin-top:-13%; */
	/* z-index:1; */
}

.business-title h3
{
	color:charcoal;
	/* text-shadow: unset; */
}

#intro p,
#mission p
{
	color:white;
	margin-bottom:1em;
	margin-left:1em;
	margin-top:1em;
	text-shadow: -1px 0 1px black, 0 1px 1px black, 1px 0 1px black, 0 -1px 1px black, 1px 1px 3px black, 3px 3px 3px black;
}


@charset "utf-8";
.ul-li-bul-lx-snowflake li,
.ul-li-bul-l1-snowflake > li,
.ul-li-bul-l2-snowflake > li > ul > li,
.ul-li-bul-l3-snowflake > li > ul > li > ul > li,
.ul-li-bul-l4-snowflake > li > ul > li > ul > li > ul > li,
.ul-li-bul-l5-snowflake > li > ul > li > ul > li > ul > li > ul > li
{	/* Green */

	list-style: outside url("/img/bul/snowflake_2744.png");
}

.storefront /* All */
{
	border-radius:unset;
	border-style:none;
}

.storefront img /* All */
{

	border-radius:unset;
}

.storefront img /* All */
{
	border-color:white;
	border-style:solid;
	border:2px;
}

.storefront-transparent
{
	margin-left:0;
	margin-right:0;
	margin-top:0.5em;
}

.h3-business-name,
.business-title h3 li, /* Business Name */
#categories h3 li,
#examples h3 li,
#extra h3 li,
#mission h3 li,
#office-hours h3 li,
#phone h3 li,
#post h3 li,
#products h3 li,
#services h3 li,
#staff h3 li,
#street h3 li,
#terms h3 li, 
#web h3 li,
#phone h4 li,
#web h4 li
{
	border-radius: 2em;
	color: yellow!important;
	display: inline-block;
	font-size: 100%;
	padding: 0 5px;
	font-weight: 950;
	text-align: center;
	/* text-decoration: underline wavy yellow; */
	text-shadow: -1px 0 1px black, 0 1px 1px black, 1px 0 1px black, 0 -1px 1px black, 1px 1px 3px black, 3px 3px 3px black!important;
}

#contact-data li section#mission ul li,
#contact-data li section#products ul li,
#contact-data li section#quality ul li,
#contact-data li section#services ul li,
#office-hours h4,
.office-hours-end-time,
.office-hours-start-time,
#post ul li,
#street ul li
{

	text-shadow: -1px 0 1px black, 0 1px 1px black, 1px 0 1px black, 0 -1px 1px black, 1px 1px 1px black !important;
}

#contact-data li section#mission > div,
#contact-data li section#products > div,
#contact-data li section#quality > div,
#contact-data li section#services > div
{
	height:unset;
}

#mission ul h3,
#products ul h3,
#quality ul h3,
#services ul h3
{
	text-align:left;
	color:cyan;
}

.h3-business-location
{
	text-shadow: -1px 0 1px black, 0 1px 1px black, 1px 0 1px black, 0 -1px 1px black, 1px 1px 3px black, 3px 3px 3px black;
}

.h3-business-location
{
	color:white;
}

#contact-data #intro,
#contact-data #mission
{
	color:white;
}


#contact-data #about h4.relative,
#contact-data #intro h4.relative,
#contact-data #mission h4.relative
{
	color:white;
	display: inline-block;
	font-size:22px;
	position: relative;
	top: unset;
}

#contact-data #about h4
{
	background: orange;
	border-color: black;
	border-radius: 15px;
	border-style: solid;
	border-width: 2px;
	box-shadow: 2px 2px 2px black;
	line-height: 1.5;
	left: 50%;
	padding: 0 1em;
	position: absolute;
	text-shadow: -1px 0 1px black, 0 1px 1px black, 1px 0 1px black, 0 -1px 1px black, 1px 1px 3px black, 3px 3px 3px black;
	transform: translateX(-50%);
	top: -1em;
	white-space: nowrap;
}

#contact-data #intro h4,
#contact-data #mission h4
{
	color:cyan;
	display:inline-block;
	font-size:22px;
	font-weight:900;
	text-shadow: -1px 0 1px black, 0 1px 1px black, 1px 0 1px black, 0 -1px 1px black, 1px 1px 3px black, 3px 3px 3px black;
}

#about h5,
#about h6,
#intro h5,
#intro h6,
#mission h5,
#mission h6
{
	font-size:22px;
	font-weight:900;
}

#intro h5,
#mission h5
{
	color:lime;
	text-shadow: -1px 0 1px black, 0 1px 1px black, 1px 0 1px black, 0 -1px 1px black, 1px 1px 3px black, 3px 3px 3px black;
}

#intro h6,
#mission h6
{
	color:cyan;
	text-shadow: -1px 0 1px black, 0 1px 1px black, 1px 0 1px black, 0 -1px 1px black, 1px 1px 3px black, 3px 3px 3px black;
}

#office-hours h4 /* All */
{
	color:cyan;
	
}


main p
{
	line-height:150%;
}

#contact-data li > section h2
{
	/* background: linear-gradient(to bottom, #333333, #D3D3D3, #333333); */
	/* background: linear-gradient(to bottom, #6e4b3a, #cfa15d, #6e4b3a); */
	/* background: #ffbb00; */
/* background: linear-gradient(180deg, */
  /* rgba(255, 187, 0, 1) 0%, */
  /* rgba(255, 233, 92, 1) 25%, */
  /* rgba(255, 232, 82, 1) 50%, */
  /* rgba(255, 233, 92, 1) 75%, */
  /* rgba(255, 191, 0, 1) 100%); */
  background: red;
  color:yellow
}

/*
	https://cssgradient.io/
	css gradient tool
*/

#contact-data #categories div a /* all */
{
	/* background:lime; */
	text-decoration: none;
	color:cyan;
}

#contact-data li > section h2:first-of-type,
{
	background:#FCAE1E!important;
	color:white!important;
}

.services h3
{
	font-size:32px;
	font-weight:900;
}

#contact-data li > section
{
	border-radius:15px;
	font-weight:bold;
}

#contact-data li > section:not(#map) > div 
{
	/* background-color: rgba(0, 0, 0, 0.1); */
	border-radius:0;
	font-weight:normal;
	max-width: calc( 100% - 1em);
	color:white;
}

#contact-data li > section:map > div 
{
	background-color: rgba(0, 0, 102, 1);
	border-radius:1em;
	display:none;

}

#contact-data li > section 
{
	background-color: rgba(0, 0, 102, 0.75);
	border-color:white;
	border-radius: unset;
	border-style:solid;
	border-width: 3px;
}


#contact-data li section#phone 
{
	/* background:red; */
	/* background: rgba(255, 0, 0, 0.75); */
	background: url('../img/bg/section/720/2346207-red.jpg') center/cover;
	/* Fully opaque red */
	border-radius:none;
}

#contact-data li section#phone > div 
{
	height:20em;
}

#contact-data li #brands > div 
{
		text-shadow: -1px 0 1px black, 0 1px 1px black, 1px 0 1px black, 0 -1px 1px black, 1px 1px 1px black;
}



#contact-data li#brands,

#contact-data li#phone > section > div,
#contact-data li#web > section > div
{
	color:black;
}

#contact-data li #brands h3
{
	text-align:left;
}

#contact-data li > section#terms ul
{
	/* background:lime; */
	text-decoration: none;
	color:cyan;
	margin-bottom:1em;
}


/* #contact-data section:not(#map) */
#contact-data section
{
	background: url('../img/bg/section/720/2346207.jpg') center/cover;
	/* background-color: rgba(0, 0, 0, 0.25);	*/ /* Adds a semi-transparent black overlay */
	/* background:rgba(44, 44, 44, 1); */
	/* background-blend-mode: darken;			*/ /* Blends the black overlay with the background */
	/* background-size: cover; */
	/* padding: 20px; /* Adjust padding as needed */ */
	text-align:center;
}

#header-txt-descr
{
	display: none;
	margin: 0.5em auto;
}

#shop-hours, #shop-status, #system-dt
{
	color:lightgray;
}


#header-txt-status
{
	border-color:black;
	margin-top:1em;
}

#system-dt {
	color: white;
	text-shadow: -1px 0 1px black, 0 1px 1px black, 1px 0 1px black, 0 -1px 1px black, 1px 1px 1px black !important;
}

#about p,
#intro p,
#mission p
{
	font-weight:normal;
	margin:1em;
}


#intro p::first-letter,
#mission p::first-letter,
#quality p::first-letter
{
	color:yellow;
	text-weight:900;
	text-shadow: -1px 0 1px black, 0 1px 1px black, 1px 0 1px black, 0 -1px 1px black, 1px 1px 3px black, 3px 3px 3px black;
}

.intro-strong,
.mission-strong
{
	color:cyan;
	text-weight:700;
	text-shadow: -1px 0 1px black, 0 1px 1px black, 1px 0 1px black, 0 -1px 1px black, 1px 1px 3px black, 3px 3px 3px black;
}

#contact-data > li > section /* All */
{
	/* border:unset; */
	/* border: 3px solid yellow; */
	/* border: 3px solid gray; */
	/* border: 1px solid rgba(0,0,0,0.15); */
	margin:10px;
	/* border-image: linear-gradient(to bottom, blue, orange, red) 1; */
	border-radius: 1.5em;
	/* border: 1px solid rgba(0,0,0,0.15); */
	/* border-style:solid; */
	/* border-width: 13px; */
	/* box-sizing: border-box; */
	/* border: 10px solid rgba(0, 0, 0, 0.5); */
	/* border: 10px solid silver; */
	border: 6px solid rgba(105, 105, 105, 1);
	/* box-shadow: inset 0 10px 3px rgba(0, 0, 0, 0.1); */
	box-shadow:
    inset 1px 1px 3px rgba(255, 255, 255, 0.75),
    inset -3px -3px 3px rgba(0, 0, 0, 0.5);
}

#contact-data > li > section
{
	/* margin:1em 0; */
	/* border-radius: 15px; */
}

contact-data li#phone > section div
{
	/* ff6666	ORANGE */
	/* cc3366	RED */
	/* 3399cc	DARK BLUE */
}

#contact-data li section#phone > div 
{
	height:20em;
}

#contact-data li > section#header-txt-status > div,
#contact-data li > section#office-hours > div
{
	height:unset;
}

.overlay
{
	background: black;
	border-radius: 10px;
	box-sizing: border-box;
	border-color: yellow;
	border-style: solid;
	border-width: 3px;
	color: white;
	left: 50%;
	/* max-width: 90%; */
	min-width: 50%;
	/* padding: 0.25em; */
	position: absolute;
	text-align: center;
	top: 75%;
	transform: translateX(-50%);
	/* width: 90%; */
	/* transform: translate(-50%, -50%) scale(0.9); */
}



.overlay a
{
	background-color: #007BFF;
	border-radius: 5px;
	color: #fff;
	display: inline-block;
	margin: 10px;
	padding: 12px 20px;
	text-decoration: none;
	transition: background-color 0.3s;
}


.storeinside img:not(.copyright) /* All */
{
	/* background:orange; */
	border-color:black;
	border-radius: 15px;
	border-style:solid;
	border-width:1px!important;
	/* box-shadow: inset 1px 1px 5px black, inset 1px 1px 10px black; */
	box-sizing:border-box;
}



#contact-data > li.storeinside div
{ /* All */
	/* background: transparent url('../img/bg/section/1280/cloudy-sky.jpg') center repeat; */
	/* background:orange; */
	/* /* border-color: white; */ */
	/* border-radius: 0; */
	/* border-style: solid; */
	/* border-width: 2px; */
	/* box-shadow: -3px -3px 6px rgba(0,0,0,1); */
	/* line-height: 0; */
}

#contact-data > li.storeinside img, /* All */
#contact-data > li.storeinside img:hover
{
	/* background:lawngreen; */
	border-color:black;
	border-style:solid;
	/* border-style:none; */
	border-width:1px;
	border-radius:0;
	/* box-shadow: inset 1px 1px 10px black; */
	box-shadow: 1px 1px 10px  rgba(0, 0, 0, 0.75);, -1px -1px 10px  rgba(0, 0, 0, 0.75);
	/* box-shadow: 1px 1px 10px rgba(255, 255, 255, 0.33), -1px -1px 10px rgba(255, 255, 255, 0.33); */
	/* padding:10px; */
}

#contact-data > li.storeinside img:hover /* All */
{
	/* box-shadow: -3px -3px 6px rgba(0,0,0,1); */
}

.storeinside .desc, /* All */
.storeinside-transparent .desc
{
	color:white!important;
	font-weight: 700;
	line-height: 100%;
	margin-bottom:2em;
	text-align: center;
	text-shadow: -1px 0 1px black, 0 1px 1px black, 1px 0 1px black, 0 -1px 1px black, 1px 1px 3px black, 3px 3px 3px black;
}

#wikinam-examples .storeinside-transparent img /* All */
{
	/* margin-left:-40px; */
	/* width:130%; */
}

@media (orientation: portrait)
{
	.logo-text img
	{
		width: calc(100% - 6px);
	}
}

#contact-data section#intro > div,
#contact-data section#mission > div
{
	height: unset;
	margin-top:3px;
}

#status
{
	text-align:center;
}

#header-txt-descr div, /* All */
#shop-hours,
#shop-status,
#system-dt
{
	background-color:rgba(0,0,0,0.75);
	border-color:yellow;
	border-radius:10px;
	border-style:solid;
	border-width:4px;
	color:white;
	display:inline-block;
	font-weight:600;
	position: relative;
	margin:4px auto;
	/* bottom:40px; */
}

#shop-hours,
#shop-status,
#system-dt
{
	color:#FFFDD0;
}

#shop-hours, /* All */
#shop-status,
#system-dt
{
	/* box-sizing: border-box; */
	/* padding:0 1en; */
}