/*
Theme name: Puzzle Effect
Description: Custom Theme
*/

/*
	Source post-css styles are located in resources/css/
	The compiled bundle is saved to `dist/css/bundle-${fingerprint}.css`
	(dist/manifest.json provides the exact path mapping).

	DEVELOPMENT.md file contains instructions how to get the compilation
	process up & running.

	If you need to make a quick fix, feel free to add CSS
	below this comment -- it's loaded after the compiled bundle.
*/

header.header.header--red {
	background: #ea0000;
}

/* Amnesia Finale Page Edits */
.finaleButtons {
    width: 250px;
    height: 50px;
    color: white;
    background: #ea0000;
    box-shadow: 5px 10px 18px #888888;
		text-transform:capitalize;
		border: 1px solid #171717;
}

.amnesia_finale_buttons {
		display:flex;
		margin-bottom: 25px;
}

.amnesia_finale_buttons .finaleButtons {
    margin-right: 25px;
}

i {
	color:#ea0000;
	margin-right:25px;
}

@media screen and (max-width:450px) {
	.amnesia_finale_buttons {
		display:block;
		width:250px;
		margin:auto;
		padding-bottom: 25px;
	}

	.finaleButtons {
		margin-bottom:25px;
	}

	.amnesia_finale_buttons .finaleButtons 	{
    margin-right: 0px;
	}
}

/* Home Page Virtual Banner */

.home_virtualWrap {
	position: relative;
	background-color: #FFFFFF;
}

.page-id-413 .virtual_banner {
  background: black;
}

.virtual_banner {
  background: #fff;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  padding-top: 50px;
  padding-bottom: 60px;
  width: 1120px;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}

.virtual_banner:after {
	content: '';
	position: absolute;
	top: 0;
	left: 50%;
	width: 100vw;
	height: 100%;
	transform: translateX(-50%);
	z-index: -1;
	background: inherit;
}

.virtualDescription h3 {
  font-family: 'The Market',sans-serif;
  font-weight: 400;
  letter-spacing: .03em;
  color: #EA0000;
}

.virtual_link .btn {
  width: 180px;
}

.virtual_absolute {
  position: absolute;
  right: -75px;
  width: 172px;
  transform: rotate(-40deg);
}

.page-template-home_2 {
	overflow-x: hidden;
}

@media screen and (max-width:1024px) {
	.virtual_banner {
	  padding-top: 150px;
	  width: 100%;
	}

	.virtual_absolute {
    position: absolute;
    right: -75px;
    width: 172px;
    transform: rotate(-40deg);
    top: 100px;
	}
}

@media screen and (max-width:1023px) {
	.virtual_banner {
	  padding: 150px 20px 60px;
	  justify-content: flex-start;
	  margin: 0;
	  width: 100%;
	}

	.virtualImage {display: none;}

	.virtualDescription h3 {
		margin-bottom:10px;
		font-size:30px;
	}

	.virtual_absolute {
	   position: absolute;
	   right: -55px;
	   top: 125px;
	   width: 125px;
	   transform: rotate(-40deg);
	}

	.virtualDescription {
		margin-right:50px;
	}
}

@media screen and (max-width:767px) {
	.virtual_banner {display: block;}

	.virtualDescription {
    margin-right: 0;
    margin-bottom: 20px;
	}

	.virtualDescription h3 {
		margin-bottom:20px;
	}

	.virtual_absolute {
		top:185px;
	}
}

/* Landing Page Virtual Banner */

.virtual_wrapper_inner {
	height:100vh;
}

.landing-virtual {
	height:100vh;
}

.landing-virtual .section__entry {
  padding: 55px 108px 0px 15px;
}

.landing-virtual .section__entry h1 {
  font-size: 50px;
}

.landing-virtual .section__entry h1 small {
  font-size: 40px;
}

.virtual_banner_wrapper {
  position: absolute;
  z-index: 99999;
  background:#000000;
  width: 100%;
  height: 150px;
}

.virtual_banner_wrapper .virtual_banner {
  padding-top: 20px;
  padding-bottom: 0;
	background:#000000;
}

.virtual_banner_wrapper .virtualImage {
  width: 148px;
}

.virtual_banner_wrapper .virtualDescription h3 {
	font-size:38px;
	color:#ffffff;
}

.virtual_banner_wrapper .virtualDescription p {
	color:#ffffff;
}

.virtual_banner_wrapper .virtual_absolute {display: none;}

@media screen and (max-width:1170px) {
	.virtual_banner {
    	width: 975px;
	}
}

@media screen and (max-width:1023px) {
	.virtual_banner_wrapper {
    height: 120px;
	}

	.virtual_banner {
    	width: auto;
	}
}

@media screen and (max-width:767px) {
	.virtual_banner_wrapper {
		height:auto;
		position: static;
		padding-top:20px;
		padding-bottom:20px;
	}

	.virtual_banner_wrapper .virtual_banner {
    margin-top: 0;
    margin-bottom: 0;
	}

	.landing-virtual .section__entry {
    padding: 40px 108px 40px 15px;
	}

	.virtual_wrapper_inner {
		height:auto;
	}

	.landing-virtual {
		height:auto;
	}
}

/**************************
		Virtual Games Page
**************************/

.page-template-templatesvirtual_games-php .intro-bg--large {
	height: 1550px;
}

.virtual_heading {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-top: 40px;
  margin-bottom: 60px;
}

.virtual_text_heading p {
  width: 430px;
  color: #fff;
	margin-bottom:0;
	margin-top:20px;
}

.virtual_text_heading p:nth-child(1) {
	margin-top:0px;
}

.virtual_heading_btn {
	color:#fff;
}

.virtual_heading_btn p {
	font-family: 'TT Commons';
	font-style: normal;
	font-weight: bold;
	font-size: 15px;
	line-height: 16px;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	margin-bottom:20px;
	width:180px;
}

.virtual_heading_video {
  margin-bottom: 120px;
  margin-top: 175px;
	color:#fff;
}

.virtual_heading_video h3 {
	font-family:'The Market',sans-serif;
  font-weight: 400;
	font-size:110px;
  letter-spacing: .03em;
  line-height: 1.2;
	color:#fff;
}

.section-video {
	position: relative;
	height:653px;
	margin-bottom:120px;
}

.video_image {
  position: absolute;
  width: 100%;
  height: 100%;
  background-size: cover;
	background-position: center;
  top: 0;
  left: 0;
	z-index:99999;
	cursor: pointer;
}

.section-video iframe {
	position: absolute;
	width:100%;
	height:100%;
	z-index: 1;
	top: 0;
	left: 0;
}

.page-template-templatesvirtual_games-php .room__title h3 {
  color: #ea0000;
}

.virtual_booking_header {
	text-align: center;
	font-family:'The Market',sans-serif;
  font-weight: 400;
  letter-spacing: .03em;
  line-height: 1.2;
	color:#fff;
	margin-top:60px;
}

@media screen and (max-width:1200px) {
	.section-video {
    position: relative;
    height: 653px;
    margin-bottom: 120px;
		padding-left: 0;
		padding-right: 0;
		margin-left: 20px;
		margin-right: 20px;
		width: auto;
	}
}

@media screen and (max-width:1024px) {
	.page-template-templatesvirtual_games-php .rooms .room__title {
    min-height: auto;
    margin-bottom: 40px;
	}
}

@media screen and (max-width:1023px) {
	.virtual_heading_video {
    margin-top: 150px;
    color: #fff;
	}

	.virtual_heading_video h3 {
		font-size:85px;
	}
}

@media screen and (max-width:767px) {
	.virtual_heading {
	  display: block;
		margin-bottom: 40px;
	}

	.virtual_heading p {
    width: auto;
	}

	.virtual_heading h3 {
    margin-top: 40px;
	}

	.virtual_heading_video {
    margin-top: 0;
		margin-bottom:80px
	}

	.virtual_heading_btn {
    margin-top: 40px;
	}

	.page-template-templatesvirtual_games-php .intro-bg--large {
    height: 1200px;
	}
}

@media screen and (max-width:425px) {
	.virtual_heading_video h3 {
    font-size: 45px;
	}

	.page-template-templatesvirtual_games-php .intro-bg--large {
		height: 1050px;
	}

	.section-video {
		height:350px;
		margin-bottom: 40px;
	}
}

@media screen and (max-width:400px) {
	.page-template-templatesvirtual_games-php .intro-bg--large {
		height: 1250px;
	}
}

/* Home-2 Page style edits */

.page-template-home_2 .section__text p {
  color: black;
}

.page-template-home_2 .section-intro .section__text {
    max-width: 270px;
}

/* Single Game Form Addition */

.single-crb_game .ui-datepicker .ui-datepicker-header {
    background: transparent;
}

.postid-733 .testimonial--alt {
	margin-bottom: 0;
}

.postid-733 .testimonial {
	border-bottom: none;
}

.postid-733 .slider__actions {
    display: none;
}

.page-template-virtual_games .virtual_heading_btn {
    display: none;
}

/* video disable until new one is ready*/
iframe#video_virtual {
    display: none;
}

@media screen and (max-width:1024px) {
	.page-template-virtual_games .btn-menu {
		display: none !important;
	}

	.page-template-virtual_games .header .logo-holder {
    margin: auto;
	}
}

@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
	.page-template-virtual_games .header .logo-holder .logo-holder__img {
	    width: 100% !important;
	}
}

@media screen and (max-width:767px) {
	.video_image {
		background-position: 74%;
	}
}

/*
.postid-733 .intro-bg--large {
    height: 795px;
}

@media screen and (max-width:1024px) {
	.postid-733 .intro-bg--large {
	    height: 720px;
	}
}
*/

/* Single Game Intro Additions */
.section-single-room .section__text {
	display: flex;
	max-width: 600px;
}



/* Overall Game Award Addition */
.room_award_single {
	position: static !important;
	margin-right: 10px;
}

.room_award_absolute {
	position: absolute;
	top: 0;
	left: 35px;
}

.room_award {
	position: relative;
	height: 115px;
	width: 92px;
}

.room_award_single .room_award {
	height: 170px;
	width: 103.55px;
}

.room_award img {
	position: absolute;
}

.room_award_img {
	top:40%;
	left: 50%;
	transform: translate(-50%, -50%);
	max-width: 75px;
}

.room_award_single .room_award_img {
	top:50%;
}

.room_award_text {
	position: absolute;
	top: 6%;
	color: #ea0000;
	z-index: 999;
	font-family: 'TT Commons';
	font-style: normal;
	font-weight: 700;
	font-size: 10.7696px;
	line-height: 12px;
	text-align: center;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	padding: 0 5px;
}

@media screen and (max-width:1023px) {
	.room_award_absolute {
		left: 10px;
	}
}

@media screen and (max-width:767px) {
	.section-single-room .section__text {
		flex-wrap: wrap;
	}

	.section-single-room .section__text img {
		margin-bottom: 20px;
	}

	.room_award {
		margin-bottom: 10px;
	}
}

/* Landing Page Job Opening Section */

.landing_jobs {
	padding-top: 50px;
}

.landing_jobs_title {
	display: flex;
	align-items: baseline;
}

.landing_jobs_title h4 {
	margin-bottom: 0;
	margin-right: 10px;
	color: #000000;
}

/* Booking Table */
.booking_statement {
	margin-bottom: 70px;
}

.booking_statement h4 {
	font-weight: 700;
	font-size: 21px;
	line-height: 28px;
	margin-bottom: 0;
}

.booking_table {
	display: flex;
	justify-content: center;
	width: 900px;
	margin: auto;
}

.booking_table div {
	width: 33%;
	border-bottom: 2px solid #ea0000;
	text-align: center;
}

.booking_table div h4 {
	color: white;
	background-color: #EA0000;
	padding: 15px 0;
	margin-bottom: 0;
}

.booking_mon_thurs h4 {
	border-left: 2px solid #ffffff;
	border-right: 2px solid #ffffff;
}

.booking_table div p {
	margin-bottom: 0;
	padding: 15px 0;
}

.booking_players p {
	border-left: 2px solid #ea0000;
}

.booking_players p:nth-child(3) {
	border-top: 2px solid #ea0000;
	border-bottom: 2px solid #ea0000;
}

.booking_players p:nth-child(3):last-child {
	border-bottom: 0;
}

.booking_mon_thurs p {
	border-left: 2px solid #ea0000;
	border-right: 2px solid #ea0000;
}

.booking_mon_thurs p:nth-child(3) {
	border-top: 2px solid #ea0000;
	border-bottom: 2px solid #ea0000;
}

.booking_mon_thurs p:nth-child(3):last-child {
	border-bottom: 0;
}

.booking_fri_sun p {
	border-right: 2px solid #ea0000;
}

.booking_fri_sun p:nth-child(3) {
	border-top: 2px solid #ea0000;
	border-bottom: 2px solid #ea0000;
}

.booking_fri_sun p:nth-child(3):last-child {
	border-bottom: 0;
}

/* Booking Table Color Flip */
.booking_table_colorFlip {
	margin-bottom: 110px;
}

.booking_table_colorFlip div {
	border-bottom: 2px solid #ffffff;
}

.booking_table_colorFlip div h4 {
	color: #000000;
	background-color: #ffffff;
}

.booking_table_colorFlip .booking_mon_thurs h4 {
	border-left: 2px solid #ea0000;
	border-right: 2px solid #ea0000;
}

.booking_table_colorFlip .booking_players p {
	border-left: 2px solid #ffffff;
}

.booking_table_colorFlip .booking_players p:nth-child(3) {
	border-top: 2px solid #ffffff;
	border-bottom: 2px solid #ffffff;
}

.booking_table_colorFlip .booking_mon_thurs p {
	border-left: 2px solid #ffffff;
	border-right: 2px solid #ffffff;
}

.booking_table_colorFlip .booking_mon_thurs p:nth-child(3) {
	border-top: 2px solid #ffffff;
	border-bottom: 2px solid #ffffff;
}

.booking_table_colorFlip .booking_fri_sun p {
	border-right: 2px solid #ffffff;
}

.booking_table_colorFlip .booking_fri_sun p:nth-child(3) {
	border-top: 2px solid #ffffff;
	border-bottom: 2px solid #ffffff;
}

/* Pricing Intro Bg change for booking table */
.page-template-parties .intro-bg--large {
	height: 1175px;
}

.section-pricing .section__body h2 {
	padding-bottom: 115px;
}

@media screen and (max-width:1151px) {
	.section-pricing .section__body h2 {
		font-size: 110px;
	}
}

@media screen and (max-width:1024px) {
	.booking_table {
		width: auto;
	}

	.page-template-parties .intro-bg--large {
		height: 1000px;
	}

	.section-pricing .section__body h2 {
		font-size: 12vw;
	}
}

@media screen and (max-width:767px) {
	.booking_statement {
		margin-bottom: 40px;
	}
	
	.page-template-parties .intro-bg--large {
		height: 850px;
	}

	.section-pricing .section__body h2 {
		font-size: 75px;
		padding-bottom: 35px;
	}
}

@media screen and (max-width:350px) {
	.page-template-parties .intro-bg--large {
		height: 890px;
	}

	.section-pricing .section__body h2 {
		font-size: 22vw;
	}
}