/* CSS Breakdown > Playdate CSS */

	/* @group Global */
		body.page-template-tm-playdate-php { background-color: #fff; }
	
		.page-template-tm-playdate-php #top-bar,
		.page-template-tm-playdate-php #membership-flag,
		.page-template-tm-playdate-php #header-wrapper,
		.page-template-tm-playdate-php #ad {
			display: none;
		}
		
		.page-template-tm-playdate-php #content {
			font-family: "Grotesque MT Std", Helvetica, Arial, sans-serif;			
			width: 100%;
			max-width: 900px;
			margin: 60px auto 0;
			float: none;
		}
	/* @end */
	
	/* @group Playdate Header */
		.page-template-tm-playdate-php #playdate-header #playdate-mainContent {
			max-width: 592px;
			float: left;
		}
		
		.page-template-tm-playdate-php #playdate-header #playdate-mainContent img {
			max-width: inherit;
			width: 100%;
			height: auto;
		}
		
		.page-template-tm-playdate-php #playdate-header #playdate-mainContent p {
			margin-bottom: 0;
		}		

		.page-template-tm-playdate-php #playdate-header #playdate-graphic {
			max-width: 284px;
			float: right;
		}
		
		.page-template-tm-playdate-php #playdate-header #playdate-graphic img {
			display: block;
			height: auto;
			width: 100%;
		}
	/* @end */
	
	/* @group Playdate Grid */
		.page-template-tm-playdate-php #playdate-grid {
			margin: 60px 0 100px;
		}
		
		.page-template-tm-playdate-php #playdate-grid li {
			float: left;
			max-width: 284px;
			/*max-height: 350px;
			height: 321px;*/
			width: 284px;
			min-width: 284px;
			overflow: hidden;
			margin: 0 24px 24px 0;
		}
		
		.page-template-tm-playdate-php #playdate-grid li:nth-child(3n) { margin: 0 0 12px 0; }
 		
		.page-template-tm-playdate-php #playdate-grid li.playdate-staticBox {
			background: #000;
		}
		
		.page-template-tm-playdate-php #playdate-grid li.playdate-staticBox .playdate-staticBox-content {
			padding: 25px;
			color: #fff;
		}
		
		.page-template-tm-playdate-php #playdate-grid li.playdate-staticBox strong {
			letter-spacing: -1px;
			font-weight: bold !important;
			font-size: 23px;
			display: block;
			margin-bottom: 10px;
		}
		
		.page-template-tm-playdate-php #playdate-grid li.playdate-staticBox p {
			font-size: 14px;
			line-height: 19px;
			font-family: Arial, Helvetica, sans-serif;
			margin-bottom: 20px;
		}
		
		.page-template-tm-playdate-php #playdate-grid li.playdate-staticBox a {
			text-decoration: underline;
			color: #fff;
		}
		
		/* Instagram */
		.page-template-tm-playdate-php #playdate-grid .hashimage-container {
			overflow: hidden;
			width: 284px;
			height: 284px;
		}

		.easy-instagram-thumbnail-wrapper a, .easy-instagram-thumbnail-wrapper img { width: 100% !important;
height: auto !important; max-width:100%; max-height:100%; }

		.page-template-tm-playdate-php #playdate-grid .hashimage-container li {
			margin: 0;
		}
				
		.page-template-tm-playdate-php #playdate-grid .hashimage-container a {
			pointer-events: default;
		}
		
		.page-template-tm-playdate-php #playdate-grid .hashimage-container img {
			display: block;
		}		
		
		.page-template-tm-playdate-php #playdate-grid li.playdate-hashtagBox { cursor: pointer; }
		.page-template-tm-playdate-php #playdate-grid li.playdate-hashtagBox:hover { opacity: .8; }
		
		.page-template-tm-playdate-php #playdate-grid li.playdate-hashtagBox em {
			font-size: 15px;
			font-weight: bold !important;
			font-style: normal;
			display: block;
			text-align: center;
			margin-top: 12px;
		}
		
		.page-template-tm-playdate-php #playdate-grid li.playdate-hashtagBox p:first-of-type { display: block; }
		.page-template-tm-playdate-php #playdate-grid li.playdate-hashtagBox p { display: none; }
		
		.submit-an-assignment-cta {
			background: url('https://www.aperture.org/wp-content/themes/aperture/images/pp-submit-assignment.png') 50% 50% no-repeat;
			text-indent: -9999px;
			display: block;
			z-index: 1000;
			width: 210px;
			height: 190px;
			position: absolute;
			margin-left: 50px;
			margin-top: -40px;
			background-size: 150px;
		}

		.submit-an-assignment-cta:hover { 
			margin-left: 45px;
			margin-top: -15px;
		}
		
		.hashimage-loader { position: relative; }	
		
		.ep-loading {
			position: absolute;
			left: 50%;
			top: 50%;
			margin-left: -15px;
			margin-top: -15px;
		}

		.hidden { display: none !important; }
		.visibile { display: block !important; }
	/* @end */
	
	/* @group Playdate Lightbox */
		.page-template-tm-playdate-php #hashtagBoxContentWrapper {
			display: none;
			background-color: rgba(0,0,0,.8);
			width: 100%;
			height: 100%;
			position: fixed;
			left: 0;
			top: 0;
			z-index: 9999;
			font-family: "Grotesque MT Std", Helvetica, Arial, sans-serif;
		}
		
		.page-template-tm-playdate-php #hashtagBoxContent {
			position: absolute;
			background-color: white;
			height: 500px;
			top: 50%;
			left: 0;
			margin-top: -250px;
			width: 100%;
			padding: 30px;
		}
		
		.page-template-tm-playdate-php #hashtagBoxContent .close {
			padding-right: 20px;
			margin-bottom: 20px;
			display: block;
			font-size: 14px;
			line-height: 19px;
			font-family: Arial, Helvetica, sans-serif;
			text-decoration: underline;
		}
		
		.page-template-tm-playdate-php #hashtagBoxContentText {
			float: left;
			max-width: 300px;
			height: 100%;
		}
		
		.page-template-tm-playdate-php #hashtagBoxContentText p {
			padding-right: 30px;
			margin-bottom: 20px;
			display: block;
			font-size: 14px;
			line-height: 19px;
			font-family: Arial, Helvetica, sans-serif;
		}
		
		.page-template-tm-playdate-php #hashtagBoxContentText p:first-child {
			letter-spacing: -1px;
			font-weight: bold !important;
			font-family: inherit;
			line-height: 20px;
			font-size: 23px;
		}
		
		.page-template-tm-playdate-php #hashtagBoxContentText p:first-child em { font-style: normal; width: 800px; display: block; }

		.page-template-tm-playdate-php #hashtagBoxContentText p strong { font-weight: bold !important; }

		.page-template-tm-playdate-php #hashtagBoxContentImages {
			float: left;
			height: 470px;
			white-space: nowrap;
			overflow-y: hidden;
			width: 65%;
		}		
		
		.page-template-tm-playdate-php #hashtagBoxContentImages img {
			margin-right: 40px;
			display: inline-block;
			overflow: hidden;
			max-height:470px;
			width:auto !important;
		}
	/* @end */