/*
Theme Name: Betheme Child
Theme URI: https://themes.muffingroup.com/betheme
Author: Muffin group
Author URI: https://muffingroup.com
Description: Child Theme for Betheme
Template: betheme
Version: 1.6.2
*/
.ta-center {
	text-align: center;
}

@media screen and (max-width: 767px) {
.is-sticky[data-mobile$="off"] .mhb-view.default {
    position: absolute !important;
}
}

/* +++ AGE GATE LOGO +++ */
@media screen and (max-width: 699px) {
	body .age-gate {
		width:95%;
	}
}
@media screen and (min-width: 700px) {
	.age-gate-heading.age-gate-logo {
		display:none;
	}
}
.logo-newsletter .image_wrapper img {
	max-width:250px !important;
}

/* ++++ HERO AREA In Home Page +++++ */
.contentHeroArea > div {
	padding-top:0 !important;
	padding-bottom:0 !important;
}

.parallax {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.parallax .parallax-layer {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-position: 20% center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: var(--parallax-bg);
}

.heroArea {
  display: -ms-grid;
  display: grid;
  position: relative;
  overflow: hidden;
  width: 100vw;
  height: 100vh;
  background-color: #000000;
}

@media screen and (max-width: 699px) {
  .heroArea {
    -ms-grid-columns: 10vw 1fr 10vw;
        grid-template-columns: 10vw 1fr 10vw;
    -ms-grid-rows: 1fr (min-content)[5];
        grid-template-rows: 1fr repeat(5, -webkit-min-content);
        grid-template-rows: 1fr repeat(5, min-content);
    grid-row-gap: 25px;
        grid-template-areas: ". logo     ." ". wishlist ." ". preorder ." ". console  ." ". learn    .";
  }
}

@media screen and (min-width: 700px) {
  .heroArea {
    -ms-grid-columns: 40vw 1fr 1fr;
        grid-template-columns: 40vw 1fr 1fr;
    -ms-grid-rows: 60vh 1fr 50px 1fr 50px;
        // grid-template-rows: 60vh 1fr 50px 1fr 50px;
	  	grid-template-rows: 65vh 1fr 0 1fr 50px;
        grid-template-areas: "image logo     logo    " "image wishlist preorder" "image .        console " "image learn    learn   " "image .        .       ";
  }
}

.heroArea__image {
  grid-area: 1 / 1 / -1 / -1;
}

@media screen and (max-width: 699px) {
  .heroArea__image {
    background-image: url(/wp-content/uploads/2020/05/hero-cover.jpg);
    background-repeat: no-repeat;
    background-size: cover;
	background-position: right;
    opacity: .8;
    z-index: 0;
  }
  .heroArea__image div {
    display: none;
  }
}

.heroArea__logo {
  grid-area: logo;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 10;
}

.heroArea__logo picture {
  width: 40%;
  padding-top: 40px;
}

@media screen and (max-width: 699px) {
  .heroArea__logo picture {
    width: 90%;
  }
}

.heroArea__logo picture img {
  width: 100%;
}

.heroArea__logo p {
  text-align: center;
  margin-top: 25px;
  margin-bottom: 0;
  line-height: normal;
  color: #FFFFFF;
  font-size: 30px;
}

.heroArea__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.heroArea__btn--wishlist {
	display:none;
  grid-area: wishlist;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  z-index: 10;
}

@media screen and (max-width: 699px) {
  .heroArea__btn--wishlist {
	  display:none;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.heroArea__btn--preorder {
	z-index: 10;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (min-width: 700px) {
  .heroArea__btn--preorder {
	grid-column: 2 / 4;
	grid-row: 2 / 3;
  }
}

@media screen and (max-width: 699px) {
  .heroArea__btn--preorder {
	grid-area: preorder;
  }
}

.heroArea__btn-Item {
  display: block;
  margin: 0 35px;
}

.heroArea__btn-Item img {
  position: relative;
  display: block;
  border-radius: 5px;
}

@media screen and (max-width: 699px) {
  .heroArea__btn-Item img {
    height: 65px !important;
    max-width: unset !important;
  }
}

@media screen and (min-width: 700px) {
  .heroArea__btn-Item img {
    height: 100px !important;
  }
}

.heroArea__console {
  grid-area: console;
  z-index: 10;
}

.heroArea__console ul {
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
	display:none;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
}

@media screen and (max-width: 699px) {
  .heroArea__console ul {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.heroArea__console ul li {
  margin: 0;
}

.heroArea__console ul li img {
  height: auto;
  min-height: 20px;
  max-height: 40px !important;
}

@media screen and (max-width: 699px) {
  .heroArea__console ul li img {
    max-height: 30px !important;
  }
}

.heroArea__link {
  grid-area: learn;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 10;
}

@media screen and (max-width: 699px) {
  .heroArea__link {
    padding-bottom: 30px;
  }
}

.heroArea__link a { /*
  display: block;
  color: #F3F3F3;
  background-color: #D73731;
  font-size: 30px;
  line-height: 60px;
  font-weight: 600;
  text-decoration: none;
  height: -webkit-min-content;
  height: -moz-min-content;
  height: min-content;
  padding: 0 35px;
  border-radius: 5px;
*/ }
.heroArea__link a img {
	height: 50px !important;
	border-radius: 5px;
}
@media screen and (max-width: 699px) {
  .heroArea__link a img {
	height: 30px !important;
  }
}


@media screen and (max-width: 699px) {
  .heroArea__link a {
    font-size: 16px;
    line-height: 40px;
  }
}


/* ++++++ Fine HERO AREA in Home Page ++++ */

/* Menu mobile */
@media only screen and (max-width: 767px) {
	.mhb-menu .menu { background: rgba(0,0,0,.9); }
}


/* ++++++ FORM STORE SELECTOR ++++ */
.gridStore {
  background-color: #000000;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (minmax(24%, 1fr))[auto-fit];
      grid-template-columns: repeat(auto-fit, minmax(24%, 1fr));
  gap: 50px;
	row-gap: 20px;
	margin-top: 50px;
	border-radius: 30px;
}

.gridStore .logoElm {
  position: relative;
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: 1fr 35px;
      grid-template-rows: 1fr 28px;
  padding: 20px;
}

.gridStore .logoElm div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;

	background-color: #ece4e4;
	padding: 8px;
	border-radius: 15px;
}
.gridStore .logoElm:hover div {
	background-color: #ed1d1d;
}

.gridStore .logoElm div img {
  max-width: 100%;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;

	padding: 5px 15px;
	border-radius: 10px;
	background-color: #ece4e4;

	-webkit-box-shadow: 0px 0px 10px 0px rgba(51,51,51,1);
	-moz-box-shadow: 0px 0px 10px 0px rgba(51,51,51,1);
	box-shadow: 0px 0px 10px 0px rgba(51,51,51,1);
}

.gridStore .logoElm p {
  line-height: 35px;

	font-size: 20px;
	color: #ed1d1d;
	text-align: center;
	font-weight: bold;
}

.gridStore .logoElm a {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.discoverStore {text-align:center;}
.discoverStore div span select {
	line-height: 2;
    padding-left:20px !important;
    font-size: 22px;
    font-weight: 600;
	border: 1px solid #ed1d1d;
}
/*
.discoverStore .gfield_label {
	background-color:#790000;
	display: inline-block;
	padding:5px 8px;
	color: #FFFFFF;
}
*/

@media only screen and (max-width: 767px) {
	.discoverStore select {margin:0 auto;}
}

.noFloatAlignCenter {
	float: none;
	margin:0 auto;
}

/* hide individual title ratings */
#custom_html-2, #custom_html-3 {
	display: none;
}

/* hide global rating on indivdual title pages */
.page-id-1643 #text-6, .page-id-1460 #text-6, .page-id-1439 #text-6, .page-id-1446 #text-6,
.page-id-1082 #text-6, .page-id-45 #text-6, .page-id-1434 #text-6, .page-id-1442 #text-6 {
	display: none;
}

/*** display individual title ratings ***/
/* broken porcelain pages */
.page-id-1643 #custom_html-2, .page-id-1460 #custom_html-2, .page-id-1439 #custom_html-2, .page-id-1446 #custom_html-2 {
	display: block;
}

/* tormented fathers pages */
.page-id-1082 #custom_html-3, .page-id-45 #custom_html-3, .page-id-1434 #custom_html-3, .page-id-1442 #custom_html-3 {
	display: block;
}
