/* Shared */
.column-content a {
	color:#33b767; !important
}
hr.separator {
	border-color:#380;
}

.beetle {
	display:inline-block;
	margin-left:4px;
	margin-right:10px;
	max-height:50px;
}

.turtles-dropcap {
	float:left;
	max-height:4em;
	margin-right:.6em;
}
.dropcap-small-paragraph {
	line-height:1.5em;
}
.dropcap-small-paragraph .turtles-dropcap {
	display:inline;
	max-height:1.5em;
	float:none;
	margin-right:.1em;
}
.turtles-hero-heading {
	max-width:50%;
	margin:1em auto;
	border:4px #380 double;
	border-radius:10px;
}
.screenshot-background-container {
	background-color: #000;
	position:relative;

	/* Layer the radial gradient OVER the background image. */
	background-image:
		radial-gradient(circle at center,
			rgba(0, 0, 0, 0) 0%,   /* Fully transparent at the center */
			rgba(0, 0, 0, 1) 80%    /* Fully opaque at 80% radius */
		),
		url('turtles-screenshot.webp');

	/* Apply background-size, background-position, and background-repeat to both layers. */
	background-size: auto 100%;
	background-position: center center;
	background-repeat: no-repeat;
}
.screenshot-fade-container {
	background-image: url('turtles-screenshot.webp');
	background-size: cover; /* Ensures the image covers the entire element */
	background-position: center center; /* Centers the image */
	background-repeat: no-repeat; /* Prevents tiling */
}

.turtles-quote {
	background-image:linear-gradient(to top, #010, #131);
	border-radius:6px;
	padding:10px;
	max-width:70%;
	margin-top:15px;
	margin-bottom:15px;
}
.turtles-quote h4 {
	color:#d1ff88;
	font-size:1.5em;
}
.turtles-quote img {
	float:left;
	max-height:3em;
	margin-right:20px;
	opacity:.6;
}
.turtles-quote-center {
	margin:1.2em auto;
}

.turtle-bullet li {
	list-style-image: url('turtle-bullet.png');
}

.turtles-img-border {
	border:10px outset #140;
	box-sizing:border-box;
	border-radius:5px;
	 box-shadow:
}
.turtles-img-border:hover {
	border-color:#690;
}


/* INTRO */
.art-wraparound {
	float:right;
	max-width: 33%;
	clip-path: polygon(100% 0%, 52.19% 0.15%, 45.36% 10.65%, 13.94% 35.31%, -8.85% 100.39%, 100.27% 100.09%);
	shape-outside: polygon(100% 0%, 52.19% 0.15%, 45.36% 10.65%, 13.94% 35.31%, -8.85% 103.26%, 100.27% 103.63%);
}
.turtles-empty-shape-area {
  float: right; /* Position the element to the right */
  width: 40%; /* This is the *width* of the triangular area */
  height: 100%; /* Takes full height of the parent */
  background-color: transparent;

  /* shape-outside must exactly mirror clip-path for correct text flow */
  clip-path: polygon(100% 0%, 52.19% 0.15%, 43.75% 13.52%, 13.94% 35.31%, -5.95% 103.09%, 100.27% 103.63%);
  shape-outside: polygon(100% 0%, 52.19% 0.15%, 43.75% 13.52%, 13.94% 35.31%, -5.95% 103.09%, 100.27% 103.63%);
}
#turtles-promos-container {
	max-width:45%;
	margin:1em 4em;
}

.owl-carousel {
	max-width:200px;
}
.owl-item figcaption {
	color: #777;
	text-align:center;
}
.owl-item img {
	background-color:#140;
	margin-bottom: 5px;
}
.owl-prev {
    position: absolute;
    top: 35%;
    left: -10%;
}
.owl-next {
    position: absolute;
    right: -10%;
    top: 35%;
}
.owl-theme .owl-controls .owl-buttons div {
	background-color:transparent;
}


/* PROMOS */
#turtle-brochure-container {
	margin:1.5em 0;
}
#img-turtles-box-button {
	max-width:200px;
	background-color:#140;
}


/* GRAND PRIZE */
#turtles-art {
	shape-outside:polygon(0px 0px, 0px 105%, 65% 105%, 83.46% 90.73%, 75% 69.12%, 75.38% 49.27%, 94.62% 39.94%, 104.62% 17.49%, 95.38% -6px);
	max-width:120px;
	float:left;
	margin-right:10px;
}

.pieces {
	background-image:linear-gradient(to top, #001000, #113111, #2c4c2c, #496949, #113111);
	border-radius:10px;
	text-align:left;
	margin-left:5px;
	margin-right:5px;
}
.pieces img {
	transform-origin:center;
	transform:translate(-50%) scale(50%);
	margin-left:50%;
}

/* Parts */
#part-home-arcade-center {
	transform: scale(1) translateX(-50%);
	width:100%;
	height:auto;
	max-width:100%;
	margin-top:20%;
}
#part-tubing-long {
	margin-top:-90px;
	margin-bottom:-90px;
}
#part-pedestal-outer {
	margin-top:-98px;
	margin-bottom:-98px;
}
#part-lg-side-panel-outer {
	margin-top:-200px;
	margin-bottom:-200px;
}
#part-plastic-header {
	margin-top:-20px;
	margin-bottom:-20px;
}
#part-lg-cross-member {
	margin-top:-20px;
	margin-bottom:-20px;
}
#part-tv-shelf {
	margin-top:-40px;
	margin-bottom:-40px;
}
#part-pedestal-shelf {
	margin-top:-35px;
	margin-bottom:-30px;
}
#part-copy-panel {
	margin-top:-20px;
	margin-bottom:-20px;
}
#part-lg-front-panel {
	margin-top:-120px;
	margin-bottom:-120px;
}
#part-font-panel-outer {
	margin-top:-80px;
	margin-bottom:-80px;
}
#part-tubing-short {
	margin-top:10px;
	margin-bottom:30px;
}
#part-pedestal-inner {
	margin-top:-98px;
	margin-bottom:-98px;
}
#part-lg-side-panel-inner {
	margin-top:-200px;
	margin-bottom:-200px;
}
#part-home-arcade-center-container {
	border-color:#111;
	border-style:dotted;
	border-width:0 1px 0 0;
}

/* MAKERS */
#turtles-print-ad {
	max-width:250px;
	margin:0 0 1.5em 1.5em;
}
#ken-graning {
	max-width:250px;
}
.mw-200 {
	max-width:200px;
}
#games {
	max-width:210px;
}
#games img {
	border-radius:6px;
}
#tv {
	max-width:200px;
}
#instructions {
	max-width:200px;
}
#adventure {
	max-width:70%;
	margin:10px auto;
}
#painting {
	max-width:200px;
}

/* Media Queries */
@media screen and (max-width:1200px) {
	#part-home-arcade-center {
		margin-top:55%;
	}
	.turtles-empty-shape-area {
		clip-path: polygon(100% 0%, 52.19% 0.15%, 43.75% 11.67%, 14.91% 27%, -15.66% 98.78%, 99.63% 99.32%);
		shape-outside: polygon(100% 0%, 52.19% 0.15%, 44.72% 10.6%, 15.88% 25.78%, -12.75% 97.40%, 99.62% 97.94%);
	}
	#turtles-quote-2 {
		max-width:63%;
	}
	.art-wraparound {
		max-width:43%;
	}
}
@media screen and (max-width:992px) {
	#part-home-arcade-center {
		width:70%;
		max-width:70%;
		margin-top:4vw;
		margin-bottom:4vw;
	}
	#part-home-arcade-center-container {
		border-width:0 0 1px 0;
	}
	.turtles-empty-shape-area {
		clip-path: polygon(100% 0%, 52.19% 0.15%, 44.17% 7.98%, 14.06% 22.23%, -11.84% 75.09%, 100.48% 75.63%);
		shape-outside: polygon(100% 0%, 52.19% 0.15%, 43.45% 8.60%, 12.48% 22.7%, -15.72% 75.55%, 100.47% 75.94%);
	}
	#turtles-promos-container {
		margin: 1em 2em;
	}
	#turtles-quote-1 {
		max-width:60%;
	}
	#turtles-quote-2 {
		max-width:53%;
	}
}
@media screen and (max-width:968px) {
	.turtles-hero-heading {
		max-width:65%;
	}
}
@media screen and (max-width:768px) {
	.turtles-empty-shape-area {
		clip-path: polygon(100% 0%, 52.19% 0.15%, 44.40% 10.60%, 14.72% 25.46%, -11.49% 91.24%, 100.11% 91.63%);
		shape-outside: polygon(100% 0%, 52.19% 0.15%, 44.33% 10.29%, 14.31% 25.47%, -14.7% 92.01%, 99.92% 92.09%);
	}
	#turtles-promos-container {
		margin: 1em 2em;
	}
}
@media screen and (max-width:660px) {
	.turtles-quote {
		max-width:95%;
	}
	.turtles-empty-shape-area {
		clip-path: polygon(100% 0%, 52.19% 0.15%, 44.4% 10.6%, 14.72% 25.46%, -14.02% 75.39%, 100.11% 74.86%);
		shape-outside: polygon(100% 0%, 52.19% 0.15%, 44.33% 10.29%, 14.31% 25.47%, -9.63% 75.86%, 99.92% 76.09%);
	}
}
@media screen and (max-width:600px) {
	.art-wraparound {
		max-width:30%;
	}
	.turtles-hero-heading {
		max-width:85%;
	}
	#turtles-quote-2 {
		max-width:50%;
	}
}
@media screen and (max-width:590px) {
	.beetle-long {
		float:left;
	}
	#turtles-promos-container {
		max-width: 80%;
		margin: 1.5em auto;
	}
}
@media screen and (max-width:560px) {
	.art-wraparound {
		max-width:35%;
	}
}
@media screen and (max-width:505px) {
	.art-wraparound {
		max-width:50%;
	}
}
@media screen and (max-width:450px) {
	#part-home-arcade-center {
		width:90%;
		max-width:90%;
	}
	.prize-list {
		padding-left:1em;
		font-size:.9em;
	}
	.pieces img {
		transform: translate(-50%) scale(40%);
	}
	#part-tubing-long {
		margin-bottom: -130px;
	}
	#part-tubing-short {
		margin-bottom: -10px;
	}
	#part-copy-panel {
		margin-top: -40px;
		margin-bottom: -60px;
	}
	#part-lg-side-panel-outer {
		margin-top: -250px;
		margin-bottom: -220px;
	}
	#part-lg-side-panel-inner {
		margin-top: -240px;
		margin-bottom: -220px;
	}
	#part-pedestal-shelf {
		margin-top: -50px;
		margin-bottom: -40px;
	}
	#part-lg-front-panel {
		margin-top: -120px;
		margin-bottom: -170px;
	}
	#turtles-quote-2 {
		max-width:66%;
		margin-left:auto;
		margin-right:auto;
	}
}
@media screen and (max-width:380px) {
	.prize-list {
		padding-left:1em;
		font-size:.9em;
	}
	.pieces img {
		transform: translate(-50%) scale(35%);
	}
	#part-home-arcade-center {
		width:100%;
		height:auto;
		max-width:100%;
		transform: scale(1) translateX(-50%);
		margin-top:4vw;
		margin-bottom:4vw;
	}
	#part-tubing-long {
		margin-bottom: -130px;
	}
	#part-tubing-short {
		margin-bottom: -10px;
		margin-left: -30px !important;
	}
	#part-copy-panel {
		margin-top: -40px;
		margin-bottom: -60px;
	}
	#part-lg-side-panel-outer {
		margin-top: -250px;
		margin-bottom: -220px;
	}
	#part-lg-side-panel-inner {
		margin-top: -240px;
		margin-bottom: -220px;
	}
	#part-pedestal-shelf {
		margin-top: -50px;
		margin-bottom: -40px;
	}
	#part-lg-front-panel {
		margin-top: -120px;
		margin-bottom: -170px;
	}
	.col-pieces-1 img {
		margin-left:15px;
	}
	.col-pieces-3 {
		text-align:right;
	}
	.col-pieces-3 img {
		margin-left:-20px !important;
		transform-origin:right;
	}
}