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

#intro h3
{
	color:blue;
	margin-top:1em;
	text-align:left;
}

#intro p
{
	margin-bottom:1em;
	margin-left:1em;
	margin-top:1em;
}


@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-style:none;
	border-radius:unset;
}

.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;
}

.business-title h3 li:nth-child(1),		/* Business Name */
#categories h3 li:nth-child(1),
#examples h3 li:nth-child(1),
#extra h3 li:nth-child(1),
/* #intro h4 li:nth-child(1), */
/* #intro h3 li:nth-child(2), */
#office-hours h3 li:nth-child(1),
#phone h3 li:nth-child(1),
#post h3 li:nth-child(1),
#products h3 li:nth-child(1),
#staff h3 li:nth-child(1),
#street h3 li:nth-child(1),
#terms h3 li:nth-child(1), 
#web h3 li:nth-child(1),
#phone h4 li:nth-child(1),
#web h4 li:nth-child(1)
{
	/* text-decoration: underline wavy cyan; */
}

.business-title h3 li, /* Business Name */
#categories h3 li,
#examples h3 li,
#extra h3 li,
/* #intro h4 li, */
/* #intro h3 li, */
#office-hours h3 li,
#phone h3 li,
#post h3 li,
#products h3 li,
#staff h3 li,
#street h3 li,
#terms h3 li, 
#web h3 li,
#phone h4 li,
#web h4 li
{
	border-radius: 2em;
	color: white!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;
}




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

#contact-data #intro
{
	/* background:lemonChiffon; */
	
}


/* #contact-data li > section h2, */
/* #contact-data li > section #intro h3 */
/* #intro h4 li:nth-child(1) */
/* #intro h3 li:nth-child(2), */
#contact-data #about h4.relative,
#contact-data #intro 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
{
	color:black;
	display:inline-block;
	font-size:22px;
	font-weight:900;
}

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

#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, #add8e6, #87ceeb, #add8e6); */
background: linear-gradient(to bottom, #ffd700, #ffba55, #ffd700);

}



#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 > div 
{
	/* background-color: rgba(0, 0, 0, 0.1); */
	border-radius:1em;
	font-weight:normal;
	max-width: calc( 100% - 1em);
	color:white;
}

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

#contact-data li > section#terms > div 
{
	/* background:lime; */
	text-decoration: none;
	color:cyan;
}

#phone h4,
#terms h4,
#web h4
{
	color:cyan;
}

#intro p::first-letter
{
	color:yellow;
}

#contact-data section:not(#map)
{
	background: url('../img/section/720/8664.jpg') center/cover;
	background-color: rgba(0, 0, 0, 0.25);  /* Adds a semi-transparent black overlay */
	/* background-blend-mode: darken;  /* Blends the black overlay with the background */ */
	background-size: cover;
	/* padding: 20px; /* Adjust padding as needed */ */
}
#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
{
	font-weight:normal;
	margin:1em;
}

#contact-data > li > section /* All */
{
	border:none;
	border-radius:0;
	/* border: 10px solid transparent; /* Set border width and make it transparent */ */
	/* border-image: linear-gradient(to bottom, orange, rgb(255, 83, 0), orange) 1; /* Apply the gradient to the border */ */
	/* border-radius: 15px!important; /* Apply border radius */ */
	/* border-style:solid; */
}

#contact-data > li > section > div
{
	margin:1em 0;
	border-radius: 15px!important;
}

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

/* @media only screen and (min-width:720px) and (max-width:1279px) 
{*/
	#contact-data li#phone > section div,
	#contact-data li#office-hours > section div
	{
		max-height:unset!important;
	}



.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

.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 */
/* { */
	/* background:lemonChiffon; */
/* } */











/* ========== (All) ========== */
/* Products
/* ========= Section ========= */

#products:hover .sand
{
	box-shadow: inset 2px -0px 5px 1px black;
}

/* ========= Header ========== */

section.scroll h2
{	
	margin:0px auto!important;
}

/* ========= Input  ========== */
#scroll1-in
{	
	margin: 0 15px;
	vertical-align: middle;
}

section .input
{
	abackground:lime;
	text-align: center;
	margin:auto;
	max-width:90%;
	position:relative;
	width:300px;
}

#scroll1-input
{
	background-color:white;
	color:navy;
	font-size:1em;
}

section .input div
{
	background:aqua;
	right:0;
	bottom:-0.5em;
	position:absolute;
	vertical-align: middle;
	z-index:1;
}

/* ========== LIST  ========== */


.sand-box
{
	background:none!important;
	/* margin:0 auto; */
	/* position:relative; */
	/* width:100%; */
}

.sand
{
	height:15em;
	max-height:15em;
	overflow-Y:scroll;
	apadding:4px 3px;
}


#scroll1-ul li:hover
{
	background-color: yellow;
	color:red;
	afont-weight:700;
}