.logo-style {
		margin: 3% 40% 2% 40%;
		text-align: center; 
		width: 20%; 
	}



.sfsi_premium_sticky_icons_container {
	z-index: 10;
	}

  
	.plays-nav {
		color: #b53964;
		padding: 0 30px;
		margin: 5px;
		transition: 0.3s;
		background-color: ;
		border: 1px solid burlywood;
	}
	
	.plays-nav:hover {
		border-color: #5cbfae;
		color: white;
		transform: translate(0, -5px);
		background: #5cbfae;
	}
	
	figcaption {
		font-weight: bold;
		text-align: center;
		color:#1eb3b2;
		
	}
	
	.wtext a {
		color: black;
		font-weight: bold !important;
	}

.videoWrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
}
.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.wp-block-embed__wrapper {
    position: relative;
    text-align: center;
}

@media only screen and (max-width: 1000px) { 
table {
  display: block;
  max-width: -moz-fit-content;
  max-width: fit-content;
  margin: 0 auto;
  overflow-x: auto;
/*  white-space: nowrap; */
}
} 


	
	#menuToggle {
	  display: block;
	  position: relative;
	  top: -20px;
	  left: -10px;
	  z-index: 1;
	  -webkit-user-select: none;
	  user-select: none;
	}

	#menuToggle a {
	  text-decoration: none;
	  color: #232323;
	  transition: color 0.3s ease;
	}

	#menuToggle a:hover {
	  color: white;
	}

	#menuToggle input {
	  display: block;
	  width: 40px;
	  height: 32px;
	  position: absolute;
	  top: -38px;
	  left: -5px;
	  cursor: pointer;
	  opacity: 0; /* hide this */
	  z-index: 2; /* and place it over the hamburger */
	  -webkit-touch-callout: none;
	}

	/*
	 * Just a quick hamburger
	 */
	#menuToggle span {
	  display: block;
	  width: 33px;
	  height: 4px;
	  margin-bottom: 5px;
	  position: relative;
	  background: #cdcdcd;
	  border-radius: 3px;
	  z-index: 1;
	  transform-origin: 4px 0px;
	  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
				  background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
				  opacity 0.55s ease;
	}

	#menuToggle span:first-child {
	  transform-origin: 0% 0%;
	}

	#menuToggle span:nth-last-child(2) {
	  transform-origin: 0% 100%;
	}

	/* 
	 * Transform all the slices of hamburger
	 * into a crossmark.
	 */
	#menuToggle input:checked ~ span {
	  opacity: 1;
	  transform: rotate(45deg) translate(-2px, -1px);
	  background: white;
	}

	/*
	 * But let's hide the middle one.
	 */
	#menuToggle input:checked ~ span:nth-last-child(3) {
	  opacity: 0;
	  transform: rotate(0deg) scale(0.2, 0.2);
	}

	/*
	 * Ohyeah and the last one should go the other direction
	 */
	#menuToggle input:checked ~ span:nth-last-child(2) {
	  transform: rotate(-45deg) translate(0, -1px);
	}

	/*
	 * Make this absolute positioned
	 * at the top left of the screen
	 */
	#menu{
	  position: fixed;
	  /* position: absolute; */
	  width: 300px;
	  margin: -100px 0 0 -150px;
	  padding: 25px 35px;
	  padding-top: 65px;
	  background-image: linear-gradient(#aed67a, #329eaa);
	  list-style-type: none;
	  -webkit-font-smoothing: antialiased;
	  /* to stop flickering of text in safari */
	  transform-origin: 0% -50%;
	  transform: translate(70%, 0);
	  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
	}

	#menu li{
	  padding: 10px 0;
	  font-size: 18px;
	  line-height: 14px;
	}

	/*
	 * And let's slide it in from the left
	 */
	#menuToggle input:checked ~ ul {
	  transform: none;
	}
	
	.hvr-fade:hover, .hvr-fade:focus, .hvr-fade:active {
		background-color: #2098D1;
		color: white;
	}
	
	.hvr-fade {
		display: inline-block;
		vertical-align: middle;
		-webkit-transform: perspective(1px) translateZ(0);
		transform: perspective(1px) translateZ(0);
		box-shadow: 0 0 1px rgba(0, 0, 0, 0);
		overflow: hidden;
		-webkit-transition-duration: 0.3s;
		transition-duration: 0.3s;
		-webkit-transition-property: color, background-color;
		transition-property: color, background-color;
	}
	
	.play-img {
		max-width: 100%;
		max-height: 100%;
	}
	
	.play-container {
	  position: relative;
	  width: 50%;
	}

	.play-image {
	  display: block;
	  width: 100%;
	  height: 200px;
	}

	.play-overlay {
	  position: absolute;
	  top: 0;
	  bottom: 0;
	  left: 0;
	  right: 0;
	  height: 100%;
	  width: 100%;
	  opacity: 0;
	  transition: .25s ease;
	  background-image: linear-gradient(#aed67a, #329eaa);
	}

	.play-container:hover .play-overlay {
	  opacity: 1;
	}

	.play-text {
	  color: white;
	  font-size: 18px;
	  position: absolute;
	  top: 50%;
	  left: 50%;
	  -webkit-transform: translate(-50%, -50%);
	  -ms-transform: translate(-50%, -50%);
	  transform: translate(-50%, -50%);
	  text-align: center;
	}
	
	.plays-banner {
		width: 100%; 
		background-color: white; 
		margin: 30px 0; 
	}
	
	.plays-border-blue {
		border-radius: 8px; 
		border: 2px solid; 
		border-image-slice: 100%; 
		border-image-source: none;
		border-image-source: linear-gradient(to bottom, rgb(114, 230, 195), rgb(0, 161, 172)); 
		border-image-slice: 1;
	}
	
	.bb-blue {
		border-bottom-color: #3bc5b8;
	}
	
	ul li { list-style-image: url("/assets?p=%2Fimages%2Fplay-icon-s.png"); } 
	
	.w100
	{
		width: 100%;
	}
	
	.pad-20 {
		padding: 20px;
	}
	
	.pad-50-30 {
		padding: 50px 0 30px 0;
	}
	
	.pad-20 {
		padding: 20px;
	}
	
	.pad-12-24 {
		padding: 11px 24px;
	}
	
	.mar-b0 {
		margin-bottom: 0;
	}
	
	.mar-b5 {
		margin-bottom: 5px;
	}
	
	.mar-b10 {
		margin-bottom: 10px;
	}
	
	.mar-b15 {
		margin-bottom: 15px;
	}
	
	.marbot-n4 {
		margin-bottom: -4px;
	}
	
	.martop-n32 {
		margin-top: -32px;
	}
	
	.fright {
		float: right;
	}
	
	.of-cover {
		object-fit: cover;
	}
	
	.wtext {
		color: white;
	}
	
	.btext {
		color: #1eb3b2;
	}
	
	.banner-box1-link {
		width: 100%; 
		height: 200px; 
		float: left; 
		background-color: #aed67a; 
		overflow: hidden; 
		border-radius: 5px;
	}
	
	.banner-box2-link {
		width: 100%; 
		height: 200px; 
		float: left; 
		background-color: #aed67a; 
		overflow: hidden; 
		border-radius: 5px; 
		margin-top: 25px;
	}
	
	.htp-img {
		width: 90px; 
		height: auto; 
		display: block;
		margin-left: auto; 
		margin-right: auto;
	}
	
	.pi-img {
		width: 90px; 
		height: auto; 
		display: block;
		margin-left: auto; 
		margin-right: auto;
	}
	
	.w-img {
		width: 90px; 
		height: auto; 
		display: block;
		margin-left: auto; 
		margin-right: auto;
	}
	
	.quote-margin {
		margin: 20px 0 50px; 
		width: 100%; 
		position: relative;
	}
	
	.quote-padding {
		padding: 35px 20px 0 20px;
	}
	
	.quote-img {
		width: 90px; 
		height: auto; 
		display: block;
		margin-left: auto; 
		margin-right: auto;
	}
	
	.quote-text {
		margin-bottom: 0px; 
		font-size: 20px; 
		font-style: italic; 
		color: #1eb3b2; 
		font-weight: 600;
	}
	
	.plays-mini-intro {
		width: 100%; 
		background-color: white; 
		margin: 30px 0; 
		border-radius: 8px; 
	}
	
	.plays-border-pink {
		border: 2px solid; 
		border-image-slice: 100%; 
		border-image-source: none; border-image-source: 
		linear-gradient(to bottom, rgb(253, 156, 175), rgb(189, 99, 162)); 
		border-image-slice: 1;
	}
	
	.game-section {
		width: 100%; 
		background-color: white; 
		margin: 30px 0; 
		border-radius: 8px; 
	}
	
	.game-thumbnail-box { 
		box-shadow: hsl(0, 0%, 80%) 0px 0px 10px; 
		margin-bottom: 20px;
		}
		
	.game-thumbnail-img {
		width: 100%; 
		height: 250px; 
/*		object-fit: cover; */
		object-fit: contain;
		border-radius: 5px 5px 0px 0px;
	}
	
	.gmae-thumnail-desc {
		background-color: white; 
		height: 125px; 
		margin-top: -7px; 
		border-radius: 0px 0px 5px 5px; 
		padding: 10px;
	}
	
	.game-thumbnail-rating {
		border-top: 1px solid #b6e8da; 
		padding-top: 15px;
	}
	
	.game-rating-area {
		float: left; 
		margin-bottom: 15px;
	}
	
	.game-rating-text {
		margin-bottom: 2px; 
		color: #cecece; 
		font-weight: bold;
	}
	
	.game-rating-star {
		width: 14px;
		float: left;
	}
	
	.plays-info-area {
		width: 100%; 
		margin: 30px 0; 
		border: 2px solid; 
		border-image-slice: 100%; 
		border-image-source: none; 
		border-image-source: linear-gradient(to bottom, rgb(252, 155, 174), rgb(189, 99, 162)); 
		border-image-slice: 1;
		background-image: url("/assets?p=%2Fimages%2Fplay-org-bg2.png");
	}
	
	.plays-info-icon {
		width: 65%; 
		height: auto; 
		object-fit: cover; 
		border-radius: 5px; 
		margin-bottom: 16px; 
		margin: 24px 17%;
	}
	
	.plays-footer-bg {
		background-image: url("/assets?p=%2Fimages%2Fplay-org-bg3.png"); 
		widht: 100%;
	}
	
	.footer-logo {
		width: 65%; auto; 
		object-fit: cover; 
		border-radius: 5px; 
		margin-bottom: 16px; 
		margin: 13px 20%;
	}
	
	.footer-link {
		list-style: disclosure-closed;
		color: #e43f5b;
		margin: 0 25px;
	}
	
	.footer-link-color {
		color: #d0f2ef;
	}
	
	.footer-link-color:hover {
		color: #fb9aad;
	}
	
	.footer-black {
		width: 100%; 
		background-color: #1f1f1f;
	}
	
	.footer-black-text {
		text-align: 
		center; color: #7f7f7f; 
		font-size: 12px; 
		padding: 10px 0; 
		margin-bottom: 0;
	}
	
	.col-count2 {
		column-count: 2;
	}
	
	.col-count3 {
		column-count: 3;
	}
	
	.col-count4 {
		column-count: 4;
	}

	.col-count6 {
		column-count: 6;
	}

	
	.fleft {
		float: left;
	}
	
	.fright {
		float: right;
	}
	
	.plays-intro-img {
		width: 100%; 
		height: 130px; 
		object-fit: cover;
		border-radius: 5px; 
		margin-bottom: 16px;
	}
	
	.game-rating-inner {
		background-image: url("/assets?p=%2Fimages%2Fplay-org-bg2.png");
		height: 128px;
		margin-bottom: 18px;
	}
	
	.game-rating-inner-box {
		width: 100%; 
		float: left;
		text-align: center;
	}
	
	.game-rating-inner-star {
		color: white;
		font-size: 19px;
		margin-bottom: 0px;
		float: left;
	}
	
	.game-rating-star-size {
		width: 19px;
		float: left;
	}
	
	.game-rating-star-margin {
		margin: 0 18%;
	}
	
	.quote-flair1::before {
		content: '';
		border-top: 3px solid #fc9bae;
		border-left: 3px solid #fc9bae;
		display: inline-block;
		width: 20rem;
		height: 3.25rem;
		position: absolute;
	}
	
	.quote-flair2::after {
		content: '';
		border-bottom: 3px solid #fc9bae;
		border-right: 3px solid #fc9bae;
		display: inline-block;
		width: 20rem;
		height: 3.25rem;
		position: absolute;
		right: 0;
	}
	
	.skytable table, .pinktable table {
		border-collapse: collapse;
		width: 100%;
		margin-bottom: 20px;	
			}

		.skytable table thead {
		background-color: #41c8b9;
		color: white;
		border: 2px solid #41c8b9;
		font-size: 18px;
			}

		.skytable table tbody {
		color: #2f2f2f;
		border: 2px solid #41c8b9;
		border-top: none;
			}

		.pinktable table thead {
		background-color: #e23f5b;
		color: white;
		border: 2px solid #e23f5b;
		font-size: 18px;
			}

		.pinktable table tbody {
		color: #2f2f2f;
		border: 2px solid #e23f5b;
		border-top: none;
		}

		.skytable table thead th, .pinktable table thead th {
		padding: 10px;
			}

		.skytable td, .pinktable td {
		padding: 10px;	
			}

		.skytable table tbody tr:nth-child(even) {
		background-color: #edf9f3;	
			}
		.pinktable table tbody tr:nth-child(even) {
		background-color: #fff4f4;
			}
		.skytable table tbody tr:nth-child(odd), .pinktable table tbody tr:nth-child(odd)  {
		background-color: #ffffff;	
			}
	
	@media only screen and (max-width: 532px) {
		.play-off-mobl {
			display: none;
		}
		
		.logo-style {
			margin: 10% 0 0 0;
			width: 40%; 
		}
		
		.col-count2 {
			column-count: 1;
		}
		
		.col-count3 {
			column-count: 1;
		}
		
		.col-count4 {
			column-count: 1;
		}

		.col-count6 {
			column-count: 1;
		}

		
		.game-rating-star-size {
			width: 15px;
			float: left;
		}
		
		.game-rating-inner-star {
			color: white;
			font-size: 18px;
			margin-bottom: 0px;
			float: left;
		}
		
		.game-rating-star-margin {
			margin: 2% 6%;
			float: right;
		}
		
		.game-rating-inner {
			height: 128px;
		}
	}
	
	@media only screen and (min-width: 533px) {
	  	.play-off-desktp {
			display: none;
		}
		
		.three.columns {
			width: 47%;
		}
		
		.nine.columns {
			width: 100%;
		}
		
		.side-banner-tablet {
			width: 100%;
			display: -webkit-inline-box;
		}
		
		.banner-box2-link {
			margin-top: 0px;
			margin-left: 12px;
		}
		
		.game-rating-star-size {
			width: 15px;
		}
		
		.game-rating-star-margin {
			margin: 2% 0 0 3%;
			float: right;
		}	
		
		.game-rating-inner {
			height: 200px;
		}
		
		.game-rating-inner-box {
			width: 100%; 
		}
	}
	
	@media only screen and (min-width: 965px) {
		.three.columns {
			width: 22%;
		}
		
		.nine.columns {
			width: 74%;
		}
		
		.side-banner-tablet {
			width: 100%;
			display: block;
		}
		
		.banner-box2-link {
			margin-top: 25px;
			margin-left: 0px;
		}
		
		.game-rating-inner {
			height: 140px;
		}
		
		.game-rating-inner-box {
			width: 100%; 
		}
	}