@charset "utf-8";

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

#contact-data li#office-hours > section > div
{

	max-height:unset;
	/* height:80vh; */
	/* min-height:10em; */
}

@media only screen and (orientation: landscape)
{
	#contact-data li > section
	{

	}
}
@media only screen and (orientation: portrait)
{
	#contact-data li > section > div
	{
		min-height:unset;
	}
}

#contact-data #office-hours > section > div,
#contact-data #lifecycle > section > div,
#contact-data li > section > div
{
	max-height:unset;
	height: unset;
}

#contact-data #status
{
	text-align:center;
}

#contact-data #intro h2
{
	overflow-x:clip;
}

#contact-data p
{
	/* background:blue!important; */
	line-height:1.5;
	margin:1rem auto;
	text-align: left;
	/* /* text-justify:word-spacing; */ */
	/* text-justify:inter-character */
}

#contact-data h2,
#contact-data h2
{
	background-color: #faff00;
	background-image: linear-gradient(162deg, #faff00 0%, #ff1000 175%, #ff6a00 100%)!important;
	border-radius:15px;
	border-width:3px;
	/* min-width:66%; */
	max-width:100%;
}

#contact-data .w720-50 h2
{
	/* min-width:66%; */
	border-radius: 20px;
	max-width:75%;
	overflow:hidden!important;
	min-width:50%;
	/* white-space: nowrap!important; */
}



#contact-data > li > section:not(#map) > section
{
	all: unset;
	background-color:yellow!important;
	background-image: linear-gradient(0deg, #ff6a00 0%, #faff00 175%, #ff6a00 100%)!important;
	/* background: yellow; */
	border-color: black;
	border-radius: 20px;
	border-style: solid;
	border-width: 2px;
	box-shadow: 2px 2px 2px black;
	display:block;
	height:2.5em;
	line-height: 2.5em;
	left: 50%;
	max-width:75%;
	overflow:hidden;
	padding: 0 30px;
	position: absolute;
	transform: translateX(-50%);
	top:-1em;
	/* white-space: nowrap!important; */
	width:90%!important;
}

#contact-data > li > section:not(#map) > section h2
{
	all: unset;
	animation: scroll-marquee 10s linear infinite;
	background:unset!important;
	display:inline-block!important;
	font-size:22px!important;
	left:50;
	color:yellow;
	padding-left: 100%; 
	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;
	white-space: nowrap!important;
}

@keyframes scroll-marquee
	{
		0%
		{
			transform: translateX(100%);
		}
		100%
		{
			transform: translateX(-100%);
		}
}




#contact-data h3 ul
{
	/* background-color: #faff00!important; */
	/* background-image: linear-gradient(0deg, #ff6a00 0%, #faff00 175%, #ff6a00 100%)!important; */
	border-color:black;
	border-radius:15px;
	border-style:none;
	border-width:3px;
	display:inline-block;
	margin-left:auto;
	margin-right:auto;
	/* padding:0; */
	/* width:50%; */
	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;
}


#contact-data li
{
	line-height: 150%;
}

#contact-data h3 li
{
	display:block;
	box-sizing: border-box;
	padding:0 10px
}

#contact-data #lifecycle > div
{
	padding-top:2em;
}

#contact-data h3 li:first-child
{
	margin-top:0.5rem
}

#contact-data h3 li:last-child
{
	margin-bottom:0.5rem
}


#lifecycle h2
{
	box-sizing: border-box;
	display:-inline-block;
	/* width:100%; */
	max-width:15em;
	padding:0 10px;
	white-space:wrap!important;
}


#lifecycle h4,
#services h5
{
	/* background:lime; */
	/* background-color: #faff00!important; */
	/* background-image: linear-gradient(0deg, #ff6a00 0%, #faff00 175%, #ff6a00 100%)!important; */
	border-color:black;
	border-radius:15px;
	border-style:none;
	border-width:3px;
	box-sizing: border-box;
	color:lime;
	display:inline-block;
	font-size:1.1rem;
	font-weight:900;
	/* line-height:1rem; */
	padding:0 10px;
	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;
}


#lifecycle h5,
#services h6
{
	/* background:cyan; */
	/* background-color: #faff00!important; */
	/* background-image: linear-gradient(0deg, #ff6a00 0%, #faff00 175%, #ff6a00 100%)!important; */
	border-color:black;
	border-radius:15px;
	border-style:none;
	border-width:3px;
	box-sizing: border-box;
	color:cyan;
	display:inline-block;
	/* margin:0 auto; */
	padding:0 10px;
	font-size:1.1rem;
	fonte-weight:900
	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;
}

strong
{
	color:yellow;
	font-size:1.1rem;
}

#lifecycle ul div:not(:first-child),
#services ul div:not(:first-child),
#lifecycle ol,
#services ol,
#lifecycle p,
#services p
{
	margin-left:16px;
}

#contact-data #intro h3
{
	color:yellow;
	font-weight:900;
	text-transform: uppercase;
}



#contact-data #categories a,
#contact-data #office-hours,
#contact-data #intro,
#contact-data #lifecycle,
#contact-data #post,
#contact-data #services,
#contact-data #street,
#contact-data #terms
{
	color:white;
	font-size:1rem;
	font-weight:600;
	/* text-align: justify; */
	/* text-justify:inter-character; */
}

#contact-data > li > section .map-address /* All */
{
	background: transparent url('../img/bg/section/1280/artistic-blurry-colorful-wallpaper-background.jpg') center repeat;
	border-bottom-left-radius: 14px;
	border-bottom-right-radius: 14px;
 }

#map > div /* All */
{
	border-top-left-radius: 14px;
	border-top-right-radius: 14px;
}
 

#services h4
{
	/* background:yellow; */
	border-color:black;
	border-radius:15px;
	border-style:none;
	border-width:2px;
	/* box-shadow: 2px 2px 2px black; */
	color:yellow;
	font-size:1.1rem;
	font-weight:900;
	line-height:1.5;
	padding:0 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; */
	white-space:nowrap;
}

/* #cat-desc .more li, */
/* #cat-desc .more li p, */
/* #cat-desc .more li li, */
/* #cat-desc .more li li p */
/* { */
	/*  background:magenta; */
	/* margin-left:16px!important; */
/* } */


#header-txt-status 
{
	background:transparent;
	border-color:transparent;
	box-shadow:none;
	display:block;
	margin:0 auto;
	margin-bottom:-20px;
	top:0px;
}


#header-txt-descr
{
	/* background:lime!important; */
	margin:0 auto;
}

.storefront /* All */
{
	background:white;
	border-radius: 0px;
	box-sizing:border-box;
	padding:0px;
}

.storefront img /* All */
{
	/* border-style:solid; */
	border-color:black;
	border-radius: 0px;
	border-style:solid;
	border-width:1px;
	box-sizing:border-box;
}

.storeinside img:not(.copyright) /* All */
{
	border-style:solid;
	border-color:black;
	border-radius: 15px;
	box-shadow: inset 0 0 10px black;
	box-sizing:border-box;
}


#header-txt-descr div, /* All */
#shop-hours,
#shop-status,
#system-dt
{
	/* display:none; */
	/* background:transparent; */
	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; */
}

.h4-inline li
{
	margin: 1em auto;
	text-align:left;
}

.h4-inline li div
{
	display:inline-block;
	margin:-0.5em auto auto;
	vertical-align:top;
	width: calc(100% - 2em);
}

.h4-inline h3
{
	text-align:center;
}

.h4-inline h3::first-letter
{
	color:yellow;
	font-size:1.5em;
	font-weight:900;
	line-height:1em;
}



.storeinside .desc,
.storeinside-transparent .desc
{
	afont-size: 300%;
	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
{
	margin-left:-40px;
	width:120%;
}

#intro p
{
	line-height:1.6;
	margin:1rem;
}


@media screen and (min-width:311px) and (max-width:719px)
{

	#contact-data li.storeinside img
	{
		width: 100%;
	}

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

	.storefront img
	{
		border-width:6px;
	}

	#contact-data > li.storeinside
	{
		border-style:none!important;
	}


	#contact-data > li > section /* All */
	{
		border-width:4px;
	}


	#contact-data > li.storeinside img, /* All */
	#contact-data > li.storeinside img:hover
	{
		border-width:3px!important;
	}

	#lifecycle h2
	{
		box-sizing: border-box;
		display:-inline-block;
		width:100%;
		padding:0 10px;
		white-space:wrap!important;
	}

	#contact-data > li
	{
		margin:2rem auto;
	}

	#header-txt-descr
	{
		/* margin-top: -1em; */
	}
}

@media only screen and (min-width:720px) and (max-width:1279px)
{

	#contact-data li.storeinside.w720-100 img
	{
		width: 100%;
	}

	#wikinam-examples .storeinside img
	{
		margin-left:-20px;
		width:calc( 100% + 30px );
	}
}

@media only screen and (min-width:1280px)
{
	#header-txt-descr
	{
		/* margin-top: -2.5em; */
	}
}



.let-1st-yellow-1_5::first-letter, /* all */
.li-let-1st-yellow-1_5 > li::first-letter,
.p-let-1st-yellow-1_5 p::first-letter,
#contact-data #intro p::first-letter,
#li-contact-intro-out p::first-letter
{
	color:transparent;
	font-size:2rem;
	font-weight:900;
	letter-spacing:2px;
	color:yellow;
	text-shadow: -1px -1px 1px black, -1px 1px 1px black, 1px -1px 1px black, 1px 1px 1px black;
}

#contact-data > li section, #contact-data > li.storeinside div { /* All */
	background: transparent url('../img/bg/section/1280/artistic-blurry-colorful-wallpaper-background.jpg') center repeat;
	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:white;
	border-style:solid;
	border-width:7px;
	border-radius:0;
	box-shadow: inset 1px 1px 10px black;
	padding:10px;
}

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

.section /* All */
{
	acolor:white;
	text-shadow: -1px -1px 1px black, -1px 1px 1px black, 1px -1px 1px black, 1px 1px 1px black;
}
.section
{
	acolor:white;
	text-shadow: none;
}



#contact-data section:not(#map)
{
	background: transparent url('../img/bg/section/1280/artistic-blurry-colorful-wallpaper-background.jpg') center/cover no-repeat!important;
}


#contact-data > li > section /* All */
{
	/* background:yellow; */
	border-color:white; 
	border-radius:20px;
	border-width:4px;
	border-style:solid;
	/* text-shadow: -1px -1px 1px black, -1px 1px 1px black, 1px -1px 1px black, 1px 1px 1px black;  */
	box-shadow: inset 4px 4px 5px rgba(0,0,0,0.3), inset -1px -1px 4px rgba(0,0,0,0.3), 3px 3px 6px rgba(0,0,0,0.6);
	color:navyblue;
	font-weight:600;
}

.photo-caption
{
	background:black;
	border-color:yellow;
	border-radius:15px;
	border-style:solid;
	border-width:3px;
	bottom:16px;
	box-shadow:1px 1px 3px black;
	color:yellow;
	font-weight:700;
	display:inline-block!important;
	left: 50%;
	margin:auto;
	padding:3px 10px;
	position:relative;
	text-align:center;
	atext-shadow: -1px -1px 1px black, -1px 1px 1px black, 1px -1px 1px black, 1px 1px 1px black;
	transform: translateX(-50%);
}

#free-listing-intro p::first-letter,
#google-search-by-business p::first-letter,
#google-search-by-category p::first-letter,
#subscribed-listing-intro p::first-letter,
#social-media p::first-letter
{
	/*color:#DE3163;  Cherry */
	color:yellow;
	text-shadow: -1px -1px 1px black, -1px 1px 1px black, 1px -1px 1px black, 1px 1px 1px black;
	font-size:1.5em;
	font-weight:900;
}

.nota-bene
{
	/* color:#DE3163; Cherry */
	text-shadow: -1px -1px 1px black, -1px 1px 1px black, 1px -1px 1px black, 1px 1px 1px black;
	color:yellow;
	font-size:1.25em;
	font-weight:700;
}

#free-listing-intro p,
#google-search-by-business p,
#google-search-by-category p,
#social-media p,
#subscribed-listing-intro p
{
	margin:0.5em auto;
	text-align:left;
}

#social-media a
{
	font-weight: normal;
}

.wikinam-page-design span
{
	/* color:#DE3163;  Cherry */
	text-shadow: -1px -1px 1px black, -1px 1px 1px black, 1px -1px 1px black, 1px 1px 1px black;
	color:yellow;
	font-weight:900;
	width:5em;
}

#subscribed-listing-intro .inclusion p,
#subscribed-listing-intro .exclusion p
{
	text-align:left;
}

.section-title li:nth-child(1),	/* Business Name */
.business-title h3 li:nth-child(1),
#categories h3 li:nth-child(1),
#examples h3 li:nth-child(1),
#extra h3 li:nth-child(1),
#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)
{
	/* background:black; */
	/* border-radius:30px; */
	color:yellow;
	font-weight:900;
	text-shadow: -1px 0 1px black, 0 1px 1px black, 1px 0 1px black, 0 -1px 1px black;
}

#office-hours h4
{
	color:cyan;
}

.section-title,
h3
{
	/* background:black; */
	border-radius:15px;
	color:white;
	text-shadow: -1px 0 1px black, 0 1px 1px black, 1px 0 1px black, 0 -1px 1px black;
	
}