#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-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)
{
	border-radius:2em;
	display:inline-block;
	font-size:100%;
	padding:0 5px;
	color:white;
	font-weight:950;
	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;
}

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

main p
{
	line-height:150%;
}

#contact-data li > section h2
{
	background:white!important;
	color: #336699;
	font-weight: 900;
	line-height: 125%;
	margin: 0px auto;
	text-align: center;
	text-shadow:none!important;
	/* text-shadow: -1px -1px 2px black, -1px 1px 2px black, 1px -1px 2px black, 1px 1px 2px black, 2px 2px 2px black, 3px 3px 2px black; */
}

}

#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 section:not(#map)
{
	/* background: white url('../img/bg/section/720/orange-gradient.jpg') center/100%; */
	/* background:#99cc33; */
	background: #1f6e8dCF;
	/* filter: brightness(90%); */
	/* background:transparent; */
	background-size:cover;
	color:#111111;
	/* border-color:white; */
	/* border-color:orange; */
	/* Set border width and make it transparent */
	/* border: 10px solid transparent; */
	border-color:#99cc33;
	/* Apply the gradient to the border */
	/* border-image: linear-gradient(to bottom, white, #336699, white) 1; */
	border-radius: 15px!important; /* Apply border radius */
	border-style:solid;
	/* padding:15px; */
    /* box-shadow: inset 2px 2px 5px rgba(0, 0, 0, 0.3), inset -1px -1px 2px rgba(0, 0, 0, 0.3), -3px -3px 6px rgba(0, 0, 0, 0.6), -3px 3px 6px rgba(0, 0, 0, 0.6),3px -3px 6px rgba(0, 0, 0, 0.6), 3px 3px 6px rgba(0, 0, 0, 0.6)!important; */
}

#contact-data section:not(#map) ul ul:not(.contact-office-hours),
#office-hours-data,
#categories,
#products p
{
	background:white;
	border-radius: 15px!important;
	/* border-color:black; */
	box-shadow: inset 0 0 5px, inset 0 0 10px;
	padding:0.5em;
}

#contact-data li > section:not(#map) > div
{
	height:unset;
}

#office-hours-data
{

}

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