@charset "utf-8";
/* Rocla Pipes Customized CSS */

/* box-sizing */
/* content-box	Default. The width and height properties (and min/max properties) includes only the content. Border and padding are not included	 */
/* border-box	The width and height properties (and min/max properties) includes content, padding and border */

#example h4 /* All */
{
	display:inline;
}

#header-txt-descr
{
	margin-top:-120px;
}

.h4-inline li /* All */
{
	margin:  18px auto;
	text-align:left;
}

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

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

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

.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:120%;
}

main h4
{
	font-weight:900;
}



/* #contact-data li#phone > section ul, */

#contact-data li#office-hours > section > div,
#contact-data li#phone > section > div,
#contact-data li#products > section > div,
#contact-data li#street > section > div,
#contact-data li#web > section > div
{
	height: 18em!important;
	/* max-height: 22em!important; */
}


#contact-data section > div > ul > li > ul > li /* All */
{
	color:white;
	font-weight:700;
	text-shadow: 0 0 1px black, 0 0 2px black, 0 0 3px black;
	/* text-shadow: -1px -1px 1px black, -1px 1px 1px black, 1px -1px 1px black, 1px 1px 1px black; */
}

#categories a /* All */
{
	color:lime;
	text-decoration:none;
	text-shadow: 0 0 1px black, 0 0 2px black, 0 0 3px black;

}

#contact-data #phone section > div > ul > li > ul > li, /* All */
#contact-data #web section > div > ul > li > ul > li
{
	color:black;
	text-shadow:unset;
}

#office-hours h4
{
	color:cyan;
	text-shadow: 0 0 1px black, 0 0 2px black, 0 0 3px black;
}

.map-address
{
	#background:white;
}

#contact-data > li > section .map-address /* All */
{
	background: transparent url('../img/bg/section/1280/dawn-background.jpg') center center/100% 100% repeat;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
}

#contact-data section:not(#map) /* All */
{
	background: transparent url('../img/bg/section/1280/dawn-background.jpg') center center/100% 100% repeat;
	box-shadow: outset 0 0 10px black;
}


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

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

#intro section div
{
	height:22em;
	min-height:22em;
}
#intro p
{
	line-height:1.6;
	margin:1.25em;
}

#intro h3
{
	color:yellow;
	text-align:left;
	/* font-size: */
}

.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,
#intro p::first-letter,
#li-contact-intro-out p::first-letter
{
	color:yellow;
	font-size:18px;
	font-weight:900;
	letter-spacing:3px;
	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/dawn-background.jpg') center repeat; */
	/* /* background:white; */ */
	/* border-color:white; */
	/* border-radius:0; */
	/* border-style:solid; */
	/* border-width:7px; */
	/* box-shadow: -3px -3px 6px rgba(0,0,0,1); */
	/* line-height:0; */
	/* /* padding:5px; */ */
/* } */

#contact-data > li section, #contact-data > li.storeinside div { /* All */
	background: transparent url('../img/bg/section/1280/dawn-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;
}



#contact-data > li > section /* All */
{
	/* background:yellow; */
	/* border-color:transparent;  */
	border-radius:15px;
	border-width:7px;
	border-style:solid;
	color:navyblue;
	/* 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);
	/* font-family:Serif; */
	/* font-size: 18px; */
	font-weight:600;
}

.photo-caption /* All */
{
	background:black;
	border-color:yellow;
	border-radius:15px;
	border-style:solid;
	border-width:3px;
	bottom:1.25em;
	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%);
}

#intro p::first-letter, /* All */
#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 /* All */
{
	/* 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;
}

#intro p, /* All */
#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 /* All */
{
	font-weight: normal;
}

.wikinam-page-design span /* All */
{
	/* 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, /* All */
#subscribed-listing-intro .exclusion p
{
	text-align:left;
}

h3
{
	/* background:cyan; */
	padding:0;
}

#street h3 ul
{
	/* background:lime; */
	box-sizing:border-box;
	display:inline;
}

.section-title li:nth-child(1),	/* Business Name */ /* All */
.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;
	box-sizing:border-box;
	color:yellow;
	display:inline-block;
	font-weight:900;
	padding-left:0.75em;
	padding-right:0.75em;
	text-shadow: -1px 0 1px black, 0 1px 1px black, 1px 0 1px black, 0 -1px 1px black;
	min-width:50%;
}

.section-title li:nth-child(2),	/* Business Name */ /* All */
.business-title h3 li:nth-child(2),
#categories h3 li:nth-child(2),
#examples h3 li:nth-child(2),
#extra h3 li:nth-child(2),
#office-hours h3 li:nth-child(2),
#phone h3 li:nth-child(2),
#post h3 li:nth-child(2),
#products h3 li:nth-child(2),
#staff h3 li:nth-child(2),
#street h3 li:nth-child(2),
#terms h3 li:nth-child(2), 
#web h3 li:nth-child(2),
#phone h4 li:nth-child(2),
#web h4 li:nth-child(2)
{
	width:100%;
}


.section-title, /* All */
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;

}

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

		.storefront
	{
		border-color:white;
		border-width:4px;
	}

	#header-txt-descr
	{
		margin-top:-50px;
		margin-bottom: 0.75em; 
	}

	#intro h4
	{
		color:white;
		margin-bottom:0.5em;
		margin-top:0.5em;
		text-shadow: 0 0 2px black, 0 0 2px black;
		text-align:left;
	}


	#intro > div
	{
		padding-top:1.5em;
	}

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

	#header-txt-status
	{
		border-width: 4px;
		margin-bottom:1.5em;
	}

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

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

	#header-txt-descr
	{
		margin-top:-90px;
	}

	.storefront
	{
		border-color:white;
	}

	#wikinam-examples .storeinside img /* (min-width:720px) and (max-width:1279px) */
	{
		margin-left:-20px;
		width:calc( 100% + 30px );
	}
}