/*** RESET ***/
		*{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-family:inherit;vertical-align:baseline;font-size:1em;font-style:normal;-webkit-font-smoothing:antialiased;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;/*user-select:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;*/tap-highlight-color:transparent;-webkit-tap-highlight-color:transparent;-moz-tap-highlight-color:transparent;-o-tap-highlight-color:transparent;}*, *::before, *::after{-webkit-transition:.5s;-box-transition:.5s;-o-transition:.5s;transition:.5s;}:hover,:active,:focus{outline:0 !important;}html, body{min-height:100%;font-family:sans-serif;font-size:1rem;position:relative;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}body{margin:0;padding:0;line-height:1;}article, footer, header, section{display:block;}ol, ul{list-style:none;}a{display:inline-block;text-decoration:none;background-color:transparent;color:initial;}a img{border:none;}a, button, input[type="submit"]{cursor:pointer !important;}button{// background-color:transparent;}img{width:100%;height:auto;}img::selection{fill:none;color:none;display:none;background:none;}input[type="text"], input[type="number"], input[type="search"], input[type="email"], textarea{text-align:left;max-width:100%;}input[type="checkbox"], input[type="radio"]{display:none;}input[type="submit"]{background-color:transparent;}label{display:inline;}textarea{resize:vertical;}
		table { border-spacing: 0; }
/*** END RESET ***/


.pg-hashtag .header-hashtag-hash.nthSize1 { height: 1em; }
.pg-hashtag .header-hashtag-hash.nthSize2 { height: 2em; }
.pg-hashtag .header-hashtag-hash.nthSize3 { height: 3em; }
.pg-hashtag .header-hashtag-hash.nthSize4 { height: 4em; }
.pg-hashtag .header-hashtag-hash.nthSize5 { height: 5em; }
.pg-hashtag .header-hashtag-hash.nthSize6 { height: 6em; }
.pg-hashtag .header-hashtag-hash.nthSize7 { height: 7em; }
.pg-hashtag .header-hashtag-hash.nthSize8 { height: 8em; }
.pg-hashtag .header-hashtag-hash.nthSize9 { height: 9em; }
/*** CANCEL ***/
html, body { width: 100%; height: 100%; }
main { min-height: 100%; }
/*** END CANCEL ***/

/*** Z-INDEXES ***/
.banner-samples-list-item:nth-child(3) { position: relative; z-index: 10; }
.banner-samples-list-item:nth-child(2) { position: relative; z-index: 20; }
.banner-word { position: relative; z-index: 30; }
.banner-samples-list-item:nth-child(1) { position: relative; z-index: 40; }
/*** END Z-INDEXES ***/

/*** COLORS ***/
/* dark purple: #340853 */
/* dark purple: #AA169D */ 
.banner-samples-product,
.header-button,
.d-ptw { background-color: #AA169D; }

html, body { background-color: #eee; }

.footer { background-color: #AAA; }
.banner-samples-list-item:nth-child(1) .banner-samples-product { background-color: #AAA !important; }
.banner-samples-list-item { border-color: black; }
/*** END COLORS ***/

/*** FONTS ***/
@font-face{font-family:"Bauhaus";src:url("../../assets/fonts/BAUHS93.TTF");}
@font-face{font-family:"Impact";src:url("../../assets/fonts/impact.TTF");}

 { font-family: "Bauhaus"; }
*,
.u-marquee-box { font-family: "Impact"; word-spacing: .25em; }

.u-marquee-box { font-size: 1.5em; }

.footer { text-align: center; }
/*** END FONTS ***/

/*** MEDIA ***/
.banner-samples-product,
.header-button,
.u-specialText,
.d-ptw { background-image: url("../../assets/images/purple-background.png"); }
	.banner-samples-list-item:nth-child(1) .banner-samples-product {
		background-image: none !important;
		background-image: initial !important;
	}
	.d-ptw {
		background-size: cover;
	}
/*** END MEDIA ***/

/*** UTILITIES ***/
    /*** .u-marquee ***/
    .u-marquee-wrap { display: flex; }
    .u-marquee-box { flex: 1; }

    .u-marquee {
        position: relative;
    }
    .u-marquee-wrap {
        position: relative;
        width: fit-content;
//        width: 100%;

//        border: 1px solid yellow;
    }
    .u-marquee-box {
        position: relative;
//        width: 25%;
        display: inline-block;
        padding: .5em;
		word-wrap: nowrap;
		white-space: nowrap;

//        border: 1px solid red;
    }
		.u-marquee-box { padding: 0 .5em; }
	
	/*** .u-specialText ***/	
	.u-specialText {
		color: #340853;
	//    background-image: url("../../assets/images/purple-background.png");
		background-size: cover;
		background-position: fixed;
		background-clip: text;
			-webkit-background-clip: text;
			-moz-background-clip: text;
			-o-background-clip: text;
		background-fill-color: transparent;
			-webkit-background-fill-color: transparent;
			-moz-background-fill-color: transparent;
			-o-background-fill-color: transparent;
		color: transparent;
	}
/*** END UTILITIES ***/

/*** COMPONENTS ***/
	/*** COMMONS ***/
	main { display: flex; flex-direction: column; }
	.banner { flex: 1; }
	
	.banner-samples-list-item,
	.header-button	{ border-radius: .25em; overflow: hidden; }

	/*** .banner ***/
	.banner {
		padding: 7vw 0;
	}
	.banner-wrap {
		position: relative;
	}
	
	.banner-samples {
		position: absolute; top: 0; left: 0;
		width: 100%; height: 100%;
	}
	.banner-samples-list {
		position: relative; left: 21.5%;
			height: 100%;
		display: inline-block;
	}
	.banner-samples-list-item {
		position: absolute !important;
			height: 100%;
		border-width: .19em; border-style: solid;
	}
		.banner-samples-list-item:nth-child(1) { position: relative !important; border: initial !important; }
	.banner-samples-product {
		width: auto; height: 100%;
	}
	
	.banner-word {
		width: 100%;
	}
	
	/*** .footer ***/
	.footer {
		padding: .5em;
	}
	
	/*** .header ***/
	.header { display: flex; }
	.header {// justify-content: flex-end; }
	hr { flex: 1; }

	.header {
		padding: 1em;
	}
	.header-button {
//		text-indent: -9999px;
		
		width: 1.9em; height: 1.9em;
	}
	.header-button-img {
		padding: .35em;
	}
	.header-logo-img { width: auto; height: 1.9em; }
/*** END COMPONENTS ***/

/*** MEDIA-QUERIES ***/
@media all and (max-width: 50em) {
    body, html, main { font-size: 16px; }
	
		/*** .banner ***/
		.banner-samples-list-item:nth-child(2) { top: -1em; left: -1em; }
		.banner-samples-list-item:nth-child(3) { top: -2em; left: -2em; }
		.jekyllPlaceholderClass { width: auto; }
}
@media all and (min-width: 50em) {
    body, html, main { font-size: 18px; }
	
		/*** .banner ***/
		.banner-samples-list-item:nth-child(2) { top: -2em; left: -2em; }
		.banner-samples-list-item:nth-child(3) { top: -4em; left: -4em; }
		.jekyllPlaceholderClass { width: auto; }
}
/*** END MEDIA-QUERIES ***/

/*** DECORATION ***/
	/*** .d-cssCentered ***/
	.d-cssCentered {
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
	}

	/*** .d-midWrap ***/
	.d-midWrap {
		width: 100%; max-width: 75em;
		margin: 0 auto;
	}
	.d-size_large {
		width: 100%; max-width: 119em;
		margin: 0 auto;
	}
/*** END DECORATION ***/

/*** ANIMATION ***/
	/*** .d-animate_blink ***/
	.d-animate_blink { animation: cssBlink 1s infinite alternate; }

	/*** .u-marquee ***/
	.u-marquee {
		--vOffsetLeft: 20%;
		--vMoveInitialLeft: calc(-25% + var(--vOffsetLeft));
		--vMoveFinalLeft: calc(-50% + var(--vOffsetLeft));

		--vOffsetRight: 80%;
		--vMoveInitialRight: calc(25% - var(--vOffsetRight));
		--vMoveFinalRight: calc(50% - var(--vOffsetRight));
	}
	.u-marquee:hover .u-marquee-wrap {
	//    animation-play-state: paused !important;
	}
	.u-marquee.is-variant_left .u-marquee-wrap {
		animation: cssMarquee-toTheLeft 15s linear infinite;
		transform: translate3d(var(--vMoveInitialLeft), 0, 0);
	}
	.u-marquee.is-variant_right .u-marquee-wrap {
		animation: cssMarquee-toTheRight 19s linear infinite;
		transform: translate3d(var(--vMoveInitialRight), 0, 0);
	}


	/*** @keyframes ***/
	@keyframes cssBlink { from{ transform: scale(75%); } to { transform: scale(100%); } }
	
	@keyframes cssMarquee-toTheLeft {
		0% { transform: translate3d(var(--vMoveInitialLeft), 0, 0); }
		100% { transform: translate3d(var(--vMoveFinalLeft), 0, 0); }
	}
	@keyframes cssMarquee-toTheRight {
		0% { transform: translate3d(var(--vMoveInitialRight), 0, 0); }
		100% { transform: translate3d(var(--vMoveFinalRight), 0, 0); }
	}
/*** END ANIMATION ***/

/*** CSS-HACKS ***/
.u-marquee { overflow: hidden; }
/*** END CSS-HACKS ***/

/*** SANDBOX ***/
.u-marquee-box {// color: white; }
.u-marquee {// background-color: black; }
.u-marquee-box { text-align: center; }
/*** END SANDBOX ***/

/*** TO-DELETE ***/
.footer { display: none !important; }
/*** END TO-DELETE ***/