body
			{
				background-color:#ebeef7;
			}

		h2
		{
			font-size:26px;
		}

			.menuStrip
			{
				background-color:#7eb1cc;
			}
			.topStrip
			{
				background-color:#fff;
			}

			.footerStrip
			{
				background-color:#7eb1cc;
			}

			.bodyStrip
			{
				padding:10px 22px;

			}

			.menuNode
			{
				padding:10px;
				display:inline-block;
				color:#FFF;
				cursor:pointer;
				text-decoration: none;
				transition: 0.3s; /* Smooth transition */
				text-shadow: 2px 1px 1px #05475d;
				font-size:1.1em;
				top:10px;
				text-decoration:none;

			}
			.MenIcon
			{
				font-size:1.6em;
				padding:3px 10px;
				text-shadow: initial;

			}
			.selNode
			{
				color:red !IMPORTAT;
			}


			.iconHref, .iconHref img
			{
				text-decoration:none;
			}
			.iconHref:link, .iconHref:visited, .iconHref:hover, .iconHref:active {
				text-decoration:none;
				color:initial;
			}

			.footBlock
			{
				padding-bottom:20px;
			}

			.footButton
			{
				width:60px;
				transition: 0.3s; 
				rotate: 0deg;
				zoom:0;
			}

			.footButton:hover
			{
				rotate: 5deg;

			}

			.topButton
			{
				width:60px;
				margin-top:-60px;	
				cursor:pointer;	
				transition: 0.5s; 
				rotate: 0deg;		
			}
			
			.topButton:hover
			{
				rotate: -7deg;
				margin-top:-70px;
			}


			.postedText
			{
				font-style: italic;
				color:#646464;
			}
			.videoStrip
			{
				background-color:#FFFFFF;
				padding:14px;	
				margin-bottom:20px;			
			}
			.videoHref, .patternHref
			{
				text-decoration:none;
				transition: 0.5s; 
				color:inherit;
			}
	
			.videoThumb
			{
				width:100%;
				border-radius:5px				
			}

			.tagHolder
			{
				
			}
			.tag
			{
				display:inline-block;
				background-color:#207317;
				padding:3px 10px;
				margin-right:4px;
				border-radius:5px;
				color:#FFFFFF;
				cursor:pointer;
				text-decoration:none;
				margin-bottom:5px;
			}

			.menuNode:hover, .tag:hover, .videoHref:hover, .patternHref:hover
			{
				
				text-decoration:underline;
			}

			.filterBarHolder
			{
				background-color:#FFFFFF;
				display:none;
			}

			.filterBar
			{
				background-color:#FFFFFF;
				text-align: center;
				padding:5px;
				color:#416070;
			}

			.closeFilter
			{
				cursor:pointer;
			}

			.breadCrumbNode, .breadCrumbNodeLast
			{
				padding:5px;
				display:inline-block;
			}
			.breadCrumbNodeLast
			{
				color:#656565;
			}

			.breadCrumbNode, .breadCrumbNode a
			{
				color:inherit;
				cursor:pointer;
				text-decoration:none;
			}

			.textImage
			{
				max-width:100%;
			}
			.textImageOuterHolder
			{
				box-sizing: border-box;
				margin-bottom:40px;
				
			}
			
			.textImageHolder
			{
				border-radius:4px;
				border:2px dashed #7eb1cc;
				box-sizing: border-box;
				
			}
			.textImageOuterHolder h3, .textImageHolder h3
			{
				font-size:20px;

			}
			.textImageHolder p
			{
				padding:10px;	
				margin-bottom:0px !IMPORTANT;			
			}

			.relHold
			{
				cursor:pointer;
				transition: 0.3s; 
				rotate: 0deg;		
			}
			.relHold:hover
			{
				rotate: 1deg;		
			}
			.relHold a
			{
				text-decoration:none;
				color:inherit;	
			}
			.relHold h3
			{
				font-weight:500;font-size:20px;		
				text-decoration:none;
				color:inherit;		
			}

			.noDec
			{
				text-decoration:none;
				color:inherit;		
				transition: 0.3s; 			
			}


			.noDec:hover
			{
				text-decoration:underline;
			}



/* CSS for the product listings page */
.prodFlap
{
	background-color: #FFF;
	padding:0px;
	margin:10px;
	border-radius:5px;
	cursor:pointer;
}
.imHold
{
	position:relative;	
}
.rightArr
{
	position:absolute;
	top:40%;
	color:#818181;
	right:1%;
	font-size:22px;
	cursor:pointer;
	text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);	

}
.leftArr
{
	position:absolute;
	top:40%;
	color:#818181;
	left:1%;
	font-size:22px;
	cursor:pointer;
	text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
}


.noShow
{
	display:none;
}
.doShow
{
	display:initial;
}
.prodMinImg
{
	max-width:	100%;

	border-radius:5px 5px 0px 0px;
}

.prodMinH2
{
	font-size:20px;
}
.prodMinH2 span
{
 color:#4c4c4c;	
 font-size:16px;
}

.bottomDots
{
	position:absolute;
	bottom:5px;
	width:100%;
}
.innerDots
{
	text-align:center;
	width:100%;
	color:#818181;
	left:0%;
	font-size:12px;	
	opacity: 0.8;
	letter-spacing: 4px;
text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
}


/* contact page */ 

	.txtField
	{
		padding:5px 10px;
		width:100%;
		border-radius:3px;
		border:1px solid #7eb1cc;
		background-color: #ffffff;

	}
	.txtArea
	{
		padding:5px 10px;
		height:300px;
		width:100%;
		border-radius:3px;
		border:1px solid #7eb1cc;
		background-color: #ffffff;
	}

	.contUl
	{
		margin-left:10px;
	}
	.contLi
	{
		font-weight:500;
	}
	.envHold
	{
		font-size:15rem;
		color:#7eb1cc;
	}

	.captTable
	{
		max-width:500px;
	}
	.captIm
	{
		max-width:100%;
	}
	.captHeadLine
	{
		font-size: 1.5rem;
		font-weight:500;
	}
	.captResp
	{
		font-size:2.5em;
		width:70px;
		padding:12px;
		border-radius:3px;
		border:1px solid #7eb1cc;
		background-color: #ffffff;
		text-align: center;
	}


	.submitContactButton, .loadMoreButton
	{
		background-color:#43697d;
		color:#FFFFFF;
		border-radius:3px;
		padding:10px 15px;
		border:1px solid #43697d;
		transition: 0.2s; 
		
	}
	.submitContactButtonLoad, .loadMoreButtonLoad {
	    background-color: #43697d;
	    color: #FFFFFF;
	    border-radius: 3px;
	    padding: 10px 15px;
	    border: 1px solid #43697d;
	    transition: 0.2s; 

	}

	.loadMoreButton:hover
	{
		background-color:#5d8296;
		border: 1px solid #5d8296;
	
	}


	.inpError
	{
		border:1px solid #ff0000;

	}

	.inpLoad
	{
		border:1px solid #dadada;
		background-color:#ebeef7;
		color:#dadada;		
	}

	.warnSign {
	    position: relative;
	}
	.warn-sign.right:before {
	    right: 10px;
	    top: -12px;
	}

	.warn-sign.area:before {
   	 right: 10px;
   	 top:-280px;
	}

	.warn-sign.capt:before {
   	 right: 10px;
   	 top:-45px;
	}

	.warn-sign:before {
	    position: absolute;
	    color: red;
	    font-size: 30px;
	    content: "\2691";
	}

	.overCast
	{
		width:100%;
		height:100%;
		position:absolute;	
		text-align:center;
		padding-top:160px;
		top:0px;
		display:none;
	}

/* end contact page */ 


/* some for the expand etc */

	.readMore {
	
		transition: max-height .5s ease;
	}
	.fadeBottom
	{
		max-height:200px;
		overflow:hidden;

		--mask: linear-gradient(to bottom, 
	    rgba(0,0,0, 1) 0,   rgba(0,0,0, 1) 60%, 
	    rgba(0,0,0, 0) 95%, rgba(0,0,0, 0) 0
	 	) 100% 50% / 100% 100% repeat-x;
	  
		-webkit-mask: var(--mask); 
		mask: var(--mask);		
	}

	.expandMore, .expandLess
	{
		text-align:center;
		margin-top:-10px;
		margin-bottom:50px;	
		transition: all .5s; 
		rotate: 0deg;
		transform: scale(1);
		text-decoration:none;
	}

	.expandLess
	{
		display:none;
	}

	.expandMore:hover, .expandLess:hover
	{	
		text-decoration:underline;
		transform: scale(1.1);
	}

	.expandMore span, .expandLess span
	{
		cursor:pointer;
	}
	.redYT
	{
		color:#ec0202;
	}

	.blueEmail, .blueIcon
	{
		color:#7eb1cc;
	}


	.priceTag
	{
		font-size:36px;
		font-weight:300;
		line-height: 30px;
	}

	.taxInfo
	{
		font-size:12px;
		line-height: 2px;
		margin-top:8px;
		margin-bottom:14px;
	}


	.viewOnEtsy
	{
		border:none;
		background-color: #43697d;
		border-radius:4px;
		color:#FFFFFF;
		width:100%;
		height:40px;
		transition: 0.3s; 
		
	}
	.viewOnEtsy:hover
	{
		background-color:#5d8296;

	}
	.viewOnHere, .shareShow, .copyShow, .goFullScreen
	{
		border:none;
		background-color: #43697d;
		border-radius:4px;
		color:#FFFFFF;
		width:100%;
		height:40px;
		margin-bottom:15px;
		text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
		transition: 0.2s; 

	}

	.viewOnHere
	{
		background-color:#818181;
	}
	.viewOnHere:hover
	{	
		background-color:#a4a4a4;
	}
	.shareShow:hover, .copyShow:hover, .goFullScreen:hover
	{
		background-color:#5d8296;
	}
	.likeHolder
	{
		height:70px;
	}
	.likeButton, .likeButtonUser
	{
		color:#43697d;
		cursor:pointer;
		font-size:26px;
		padding:10px;
		display:inline-block;	
		transition: 0.3s; 	
	}
	.likeButtonUser
	{
		cursor:initial;
	}
	.buttSel
	{
		font-size:32px;
	}
	.likeButton:hover
	{
		color:#5d8296;
	}
	.shareShow, .copyShow, .goFullScreen
	{
		position:absolute;
		cursor:pointer;
		border-radius:3px;
		padding:6px;
		width:35px;
		height:35px;
		text-align:center;
	}
	.shareShow, .goFullScreen
	{
		top:0px;
		left:0px;
		z-index:400;
	}
	.goFullScreen
	{
		left:46px;
	}
	.copyShow
	{

		top:0px;
		right:0px;
		z-index:400;
		display:none;
	}
	.shareContent
	{
		top:0px;
		left:0px;
		position:absolute;
		background-color:#f4f4f4;
		border-radius:5px;
		height:35px;
		width:100%;
		z-index:390;
		padding-right:40px;
		padding-left:40px;
		padding-top: 6px;
		display:none;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;	

	}
	.shareHolder
	{
		position:relative;
		width:100%;
		height:35px;
	}
	.buttonOuter
	{
		padding:4px 10px;

	}



	.etsyText
	{
		font-family: 'Times New Roman', serif;
		font-weight:500;
		font-size:20px;
	}
	.buttonOuter a:link, .buttonOuter a:visited, .buttonOuter a:hover, .buttonOuter a:active {
		text-decoration:none;
		color:#FFFFFF;
	}


	.prodImgHolder
	{
		max-width:100%;
		text-align:center;
	}
	.prodImg
	{
		width:100%;
		aspect-ratio: 1 / 1; 
		border-radius:5px;
		box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
	}

	.minImg
	{
		margin-top:20px;
		margin-right:10px;
		margin-bottom:20px;
		height:70px;
		cursor:pointer;
		box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
		transition: 0.3s; 
		rotate: 0deg;
	}


	.minImg:hover
	{
		rotate: 2deg;
	}

	h1
	{
		font-size:30px;
	}
.imgBackDrop {
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: #0009;
    z-index: 300;
}
.bigImHolder, .noBg {
    margin: 0 auto;
    padding: 10px;
    position: relative;
    width: 200px;
    height: 200px;
    background-color: #fff;
    box-sizing: border-box;
    text-align:center;
}
.noBg
{
	background-color: initial;
}
.uPost
{
	font-size:18px;
	color:#575757;
	font-style: italic;
}

	.priceTagBig
	{
		font-size:42px;
		font-weight:300;
	}
.icon
{
	height:60px;
	opacity:0.8;
}

.equipBubble
{
	display:inline-block;
	background-color:#FFFFFF;
	margin-right:10px;
	margin-bottom:10px;
	padding:10px;
	border-radius:20px;
	text-align:center;

}

.loadReadModal
{
	text-decoration:initial;
	cursor:pointer;
}

.loadReadModal:hover
{
	text-decoration:underline;
}

.closeBtn
{
	background-color:#7eb1cc;
	border-color:#7eb1cc;	
}
.closeBtn:hover
{
	background-color:#5d8296;
	border-color:#5d8296;
}



.galHead
{
	font-size:18px;
	font-weight:500;
}
.gDate
{
    font-style: italic;
	padding-top:5px;
	font-size:14px;
	color:#414141;
}
.leftImHolder
{
	max-width:1052px;
	width:100%;
	height:100%;
}
.leftImgHolder
{
	position:relative;
}
.leftImgHolder img
{
	max-height:100%;
	max-width:100%;
}
.rightText
{
	background-color:#FFFFFF;
}

.bigLeftArr, .bigRightArr, .bigRightArrGray, .bigRightArrGrayAlt
{
	position:absolute;
	top:40%;
	color:#FFFFFF;
	font-size:60px;
	cursor:pointer;
	text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
	
}
.exitCross
{
	position:absolute;
	top:3%;
	right:3%;
	color:#ffffff;
	font-size:30px;
	cursor:pointer;
	text-shadow: 2px 2px 3px rgba(50, 50, 50, 0.4);
}

.bigRightArrGray, .bigRightArrGrayAlt
{
	color:#7eb1cc;
}

.bigLeftArr
{
	left:1%;
}
.bigRightArr, .bigRightArrGray, .bigRightArrGrayAlt
{
	right:1%;
}
.puffHolder {
    position: relative;
    text-align: center;
}
.puffHolder img
{
	width:100%;
	cursor:pointer;
}
.cap {
    width: 100%;
    background-color: rgba(0, 0, 0, .6);
    padding: 20px 0;
    color: #fff;
}
.subcap {
	bottom: 0;
    position: absolute;
    margin: 0;
    font-size: 20px;
    line-height: 35px;
}

#galleryLoading
{
	height:100%;
	display:none;
}


.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}

.shareButton
{
	color: #FFFFFF;
	text-shadow: 2px 1px 1px #05475d;
}


.subTitleHolder
{
	height:40px;
	width:50px;
	position:relative;
	float:right;
	cursor:pointer;
		color:#7eb1cc;
		transition: 0.3s;
}

.subTitleHolder:hover
{
	color:#5d8296 !IMPORTANT;

}

.subTitle
{
	z-index:255;
	right:0px;
	top:0px;
	position:absolute;
	font-size:30px;
	cursor:pointer;
	

	
}
.subX
{
	z-index:256;
	position:absolute;
	right:12px;
	top:6px;
	font-size:30px;
	text-shadow: 2px 2px 5px rgba(0, 0, 0,0.3);
}
.likeNumber
{
	font-size:14px;
	display:inline-block;
}

.likeNumber span
{
	color:#414141;
}

.contText
{
	font-size:20px;
	color:#FFFFFF;
	transition: 0.2s;
}
.contText:link, .contText:visited, .contText:hover, .contText:active {
	text-decoration:none;
	color:#FFFFFF;

}

.contText:hover
{
	text-decoration:underline;
}