.header-presentation .hp-background-color {
    background: rgba(0, 0, 0, 0.5) !Important;
}

.vc_btn3.vc_btn3-color-sky.vc_btn3-style-flat {
    color: #fff;
    background-color: #109AD6;
}

.hp-content {
    opacity: 1 !important;
}
section.header-presentation.medium {
    background-color: black;
}

section.header-presentation.small {
    background-color: black;
}

.vslmd-read-more-link {
    display: none;
}

.homenews {
    width: 528.75px !important;
}

@media (max-width: 768px) {
    .homenews {
    text-align: inherit !important;
}
}

.hp-content {
    text-shadow: 0 0 10px black, 0 0 10px black;
}

@media (max-width: 859px){
.ultimate-style .timeline-post.timeline-mansory.ctl-left .timeline-content .content-title:after {
        border-right-color: #109AD6 !Important;
    }
}

.vc_btn3 .vc_btn3-shape-square {
    margin: 0 -4px 0 0;
}

.vc_cta3-container.vc_cta3-size-sm {
    width: 63% !important;
}

@media screen and (max-width: 768px) {
.regctabanner {
    visibility: hidden !Important;
    display: none !Important;
  }
}

.mobilectabanner {
    visibility: hidden !Important;
    display: none !Important;
}

@media screen and (max-width: 768px) {
.mobilectabanner {
    visibility: visible !Important;
    display: block !Important;
    }
}

.item-blog .post-card-content a {
    font-weight: lighter;
}

.ve-global-color {
    font-weight: 200 !Important;
}

.element .style {
    background-color: rgba(0,0,0,0.65);
}

.wpcf7-submit {
    color: #fff !important;
    background-color: #109AD6 !important;
    border-radius: 0px !important;
}

.btnblue {
    display: table-cell;
    width: 180px !Important;
}

.btnblue2 {
    display: table-cell;
    width: 270px !Important;
}

@media screen and (min-width: 768px){
.btnblue {
display: table-cell;
width: 105px;
}
}

.largebtnblue {
    display: table-cell;
    width: 370px !Important;
}

@media screen and (min-width: 768px){
.fourlargebtnblue {
display: table-cell;
width: 105px;
}
}

@media screen and (min-width: 768px){
.largebtnblue {
display: table-cell;
width: 105px;
}
}

.oglargebtnblue {
    display: table-cell;
    width: 555px !Important;
}

@media screen and (min-width: 768px){
.oglargebtnblue {
display: table-cell;
width: 105px;
}
}

.vc_column-inner {
    padding-top: 0 !important;
}

div#decoy {
    display: table-cell;
    border-color: rgba(0, 0, 0, 0);
    box-shadow: none;
    background: none !important;
    padding: 0 0 15px 0;
}

span.wpcf7-list-item.first.last {
    margin-left: 0 !important;
}

.checkbox label, .radio label, .wpcf7 .wpcf7-checkbox .wpcf7-list-item label {
    padding-left: 0 !important;
}

.bbpress #bbpress-forums fieldset.bbp-form input#bbp_topic_subscription input[type=checkbox], .checkbox-inline input[type=checkbox], .checkbox input[type=checkbox], .radio-inline input[type=radio], .radio input[type=radio], .wpcf7 .wpcf7-checkbox.checkbox-inline .wpcf7-list-item input[type=checkbox], .wpcf7 .wpcf7-checkbox .wpcf7-list-item input[type=checkbox], .wpcf7 .wpcf7-radio.radio-inline .wpcf7-list-item input[type=radio] {
    position: inherit !Important;
    margin-left: 10px !Important;
}

.checkbox, .radio, .wpcf7 .wpcf7-checkbox .wpcf7-list-item {
    margin-top: 3px !Important;
}

h2.content-title {
    background-blend-mode: hue !important;
}

.vc_custom_heading {
    font-weight: 700;
}

.vc_gitem-zone-a .vc_gitem-row-position-middle, .vc_gitem-zone-b .vc_gitem-row-position-middle {
    top: 63% !important;
}

@media (max-width: 768px){
    .vc_gitem-zone-a .vc_gitem-row-position-middle, .vc_gitem-zone-b .vc_gitem-row-position-middle {
    top: 51% !important;
    height: 57px;
}
}

.posttitle {
    margin: 12px !important;
    padding-top: 11px !important;
    height: 152px;
}

@media (max-width: 768px){
.posttitle {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 0 !important;
    width: 85%;
}
}

.postimage {
    padding: 0 !important;
}

@media (max-width: 768px) {
.postimage {
    
}
}

.postbtn {
    padding: 0 !important;
    margin-bottom: 25px;
    height: 56px;
}

@media (max-width: 768px){
.postbtn {
    padding: 0 !important;
    margin-bottom: 25px;
    height: 56px;
}
}

.vc_btn3-container {
    margin-bottom: 0 !important;
}

.vc_btn3.vc_btn3-color-sky.vc_btn3-style-flat:focus, .vc_btn3.vc_btn3-color-sky.vc_btn3-style-flat:hover, .vc_btn3.vc_btn3-color-sky:focus, .vc_btn3.vc_btn3-color-sky:hover {
    background-color: #109ad6 !important;
}

.vc_grid.vc_row.vc_grid-gutter-30px {
    margin-top: 35px;
}

h3 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.wpb_button, ul.wpb_thumbnails-fluid>li {
    margin: 35px auto !important;
}

.vc_cta3-container {
    margin-bottom: 0 !important;
}

.vc_row.vc_row-flex {
    box-sizing: border-box;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 1110px;
    margin: 0 !important;
}

.fanart {
    margin-top: 35px;
}

.gameimg {
    margin-top: 0 !important;
    margin-right: 6px !important;
}

@media (max-width: 768px) {
.gameimg {
    margin-top: 0 !important;
    margin-right: 0 !important;
}
}

.post-navigation {
    display: none;
}

.hero {
    margin: 0 !important;
}

.navbar-right {
    margin: 0 0 0 15px !important;
    padding: 6px 1px;
}

.on-fb {
    width: 270px;
    display: inline-block;
}

.on-fbfour {
    width: 277.5px;
    display: inline-block;
    margin-left: 7px;
    margin-top: 2px;
}

.fb-btn {
    position: relative !important;
    left: 112px;
}

.firstfb-btn {
    position: relative !important;
    left: 112px;
    display: inline-flex;
}

body {
    font-size: 17px !important;
    color: #444444 !important;
}

.navbar-brand {
    margin-top: 6px !important;
}

.cooltimeline_cont .center-line:before, .cooltimeline_cont .center-line:after {
    margin-left: -8px !important;
}


@media screen and (max-width: 400px){
    .oglargebtnblue {
        display: table-cell;
        width: 100px !Important;
}
}

@media (max-width: 475px) {
    img.brand-mobile {
        margin:-12px 0 0 0 !important;
}
}

.navbar-toggle {
    margin-top: 18px !important;
}

@media (max-width: 768px) {
.navbar-brand>img.brand-mobile {
    display: inline!important;
}
}

@media (max-width: 768px) {
.admin-bar .header-bottom.affix {
    top: 0 !important;
}
}

.fourbtnblue {
    display: inline-block;
    width: 55px;
    height: 55px;
}

.timeline-icon.icon-dot-full {
    z-index: 1 !important;
}

@media (max-width: 768px) {
a.vc_general.vc_btn3.vc_btn3-size-lg.vc_btn3-shape-square.vc_btn3-style-custom.vc_btn3-block.vc_btn3-icon-left {
    margin-left: 0;
}
}

.col-md-4 {
 padding-left: 135px !important;  
}

.col-md-6.copyright-footer-item {
 margin-top: 10px !important;   
}

@media (max-width: 768px) {
.careersbtn {
    width: 100%;
}
}

.gamebtn {
    width: 540px;
}

@media (max-width: 768px) {
.gamebtn {
    width: 543px;
    padding-left: 9px !important;
    padding-right: 9px !important;
}
}

.skiptranslate.goog-te-gadget {
 padding-bottom: 35px !important;   
}

@media (max-width: 768px) {
.wpb_single_image .vc_figure {
    width: 318.75px;
    height: 150%;
}
}

@media (max-width: 768px) {
    .vc_gitem-zone.vc_gitem-zone-a.vc_custom_1503326773138.bbbpost {
    height: 400px !important;
}
}

.centerpic {
    text-align: center !important;
    margin: 0 auto;
    display: block;
}

@media (max-width: 768px) {
.wallpapersdl {
    width: 334.25px;
}
}

@media (max-width: 768px) {
.wallpaperimg {

}
}

.extgameblock {
    width: 547px;
}

@media (max-width: 768px) {
 .extgameblock {
    width: 334.25px;
}   
}

@media (max-width: 320px) {
 .extgameblock {
    width: 322px;
}   
}

.gameblock {
    width: 547px;
}

.bluebtn {
    display: table-cell;
    width: 177.33px;
}

.bluebtn1 {
    display: table-cell;
    width: 266px;
}

.bluebtn768 {
    display: none;
}

.bluebtn768-1 {
    display: none;
}

@media (max-width: 768px) {
 .gameblock {
    width: 334.25px;
}   
}

@media (max-width: 768px) {
.bluebtn {
    display: none;
}
}

@media (max-width: 768px) {
.bluebtn1 {
    display: none;
}
}

@media (max-width: 768px) {
.bluebtn768 {
    display: table-cell;
    width: 106.42px !important;
}
}

@media (max-width: 768px) {
.bluebtn768-1 {
    display: table-cell;
    width: 159.625px !important;
}
}

@media (max-width: 320px) {
 .gameblock {
    width: 322px;
}   
}

@media (max-width: 768px) {
    .fourbluebtn {
        display: table-cell;
        width: 173px;
}
}

@media (max-width: 768px) {
    .twobluebtn {
        display: table-cell;
        width: 384px;
}
}

.postpic {
    padding: 0 !important;
    margin: 0 auto;
    height: 275px;
}

.postbluebtn {
    width: 349px;
    display: block;
    margin: 0 !important;
    padding: 0 !important;
}

.postheader {
    height: 139px;
    margin: 20px;
    display: block;
    overflow: inherit;
    width: 309px;
}

@media (min-width: 320px) {
.postpic {
    padding: 0 !important;
    margin: 0 auto;
    height: 136px;
}
}

@media (min-width: 768px) {
.postpic {
    padding: 0 !important;
    margin: 0 auto;
    height: 165px;
    display: block;
    overflow: hidden;
}
}

@media (min-width: 768px) {
.postbluebtn {
    width: 210px !important;
    display: block;
    margin: 0 !important;
    padding: 0 !important;
    top: -11px !important;
}
}

@media (min-width: 768px) {
.postheader {
    height: 179px !important;
    margin: 20px;
    display: block;
    overflow: inherit;
    width: 170px !important;
}
}

@media (min-width: 768px) {
.bbbpost {
    height: 350px !important;
}
}


.headline {
    font-family: Montserrat;
    font-size: 24px;
    font-weight: 200;
    line-height: 25px;
    font-style: normal;
    opacity: 1;
    visibility: visible;
    color: #109ad6;
}


@media (max-width: 768px) {
.headline {
    font-family: Montserrat;
    line-height: 25px;
    font-size: 18px;
    font-weight: 200;
    font-style: normal;
    opacity: 1;
    visibility: visible;
    color: #109ad6;
}
}

@media (max-width: 320px) {
.headline {
    font-family: Montserrat;
    font-size: 24px;
    font-weight: 200;
    line-height: 25px;
    font-style: normal;
    opacity: 1;
    visibility: visible;
    color: #109ad6;
}
}

@media (min-width: 320px) {
.bbbpost {
    height: 400px !important;
}
}

@media (min-width: 320px) {
.postbluebtn {
    width: 314px;
    display: block;
    margin: 0 !important;
    padding: 0 !important;
    top: 35px;
}
}

@media (min-width: 320px) {
.postheader {
    height: 134px;
    margin: 20px;
    display: block;
    overflow: inherit;
    width: 276px;
}
}

.postbluebtn2 {
    width: 529px;
    display: block;
    margin: 0 !important;
    padding: 0 !important;
}

.postheader2 {
    height: 157px;
    display: block;
    overflow: inherit;
    width: 529px;
}

@media (min-width: 320px) {
.postbluebtn2 {
    width: 260px !important;
    display: block !Important;
    margin: 0 !important;
    padding: 0 !important;
    top: -40px;
}
}

@media (max-width: 768px) {
.postbluebtn2 {
    width: 318px;
    display: block;
    margin: 0 !important;
    padding: 0 !important;
}
}


@media (max-width: 768px) {
.postheader2 {
    height: 104px;
    margin: 20px;
    display: block;
    overflow: inherit;
    width: 278px;
}
}

@media (min-width: 320px) {
.postheader2 {
    height: 129px;
    margin: 20px;
    display: block;
    overflow: inherit;
    width: 203px;
    padding: 0 !important;
    top: -40px;
}
}

@media (max-width: 768px) {
.menu .unclickable a:hover {
     cursor: default;
}
}

.postfullbtn {
    width: 369.66px !important;
    display: list-item;
    margin: 0 auto;
    padding: 0;
    height: 56px;
    top: -10px;
    left: -10px;
}

.postfullbtnhome {
    width: 110% !important;
    display: list-item;
    margin: 0 auto;
    padding: 0;
    height: 56px;
    top: -10px;
    left: -10px;
}

.wpcf7-submit {
    width: 330px;
}

.wpb_revslider_element.wpb_content_element {
  margin: 0;
}

.vc_custom_1572015938258 {
    background-position: center;
    height: 616px;
}

html {
	scroll-behavior: smooth;
}

@media screen and (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}
}

.liveblog-meta-authors {
    display: none;
}

.liveblog-entry-aside {
    display: none;
}

.liveblog-entry {
    margin-bottom: 0px;
    border-top-width: 1px;
    border-bottom-width: 1px;
}

.liveblog-pagination-pages {
    display: none;
}

.el-bbbvworld.wpb_column.vc_column_container.vc_col-sm-12 {
    margin-bottom: -20px;
}

.liveblog-pagination>* {
    display: none;
    overflow: hidden;
}

@media (max-width: 768px) {
    .foregone-responsive {
    width:350px !important;
    margin: 0 !important;
    padding: 0 !important;
}
}

@media (min-width: 375px) {
    .playground-logo {
    height:auto !important;
    width:15.5em !important;
    margin: -12px !important;
    padding: 0 !important;
}
}

@media (min-width: 375px) {
    .boardgame-responsive {
    height:auto !important;
    width:15.5em !important;
    margin: 0 0 0 -10px !important;
    padding: 0 !important;
}
}

/*Paralax CSS
.parawrapper {
		width: 100vw;
		height: 100vh;
		position: relative;
		overflow: hidden;
	}
	.pos {
		position: absolute;
		top: 0;
		left: 0;
		width: 100vw;
		height: 100vh;
	}
	.back {
		background: url(https://www.bigbluebubble.com/wp-content/uploads/2021/07/Back.png) 
		center center;
		background-size: cover;
		background-position: var(--x) var(--y);
	}
	.mid {
		background: url(https://www.bigbluebubble.com/wp-content/uploads/2021/07/Mid.png) 
		center center;
		background-size: cover;
		transform: scale3d(1.3, 1.3, 1.3);
		animation: scaler 1.2s ease-out;
		animation-fill-mode: forwards;
		background-position: var(--x) var(--y);
	}
	.front {
		background: url(https://www.bigbluebubble.com/wp-content/uploads/2021/07/Front.png) 
		center center;
		background-size: cover;
		transform: scale3d(1.3, 1.3, 1.3);
		animation: scaler 2.5s ease-out;
		animation-fill-mode: forwards;
		background-position: var(--x) var(--y);
	}
	@keyframes moveUp {
		100% {
			transform: translate3d(0, 0, 0);
			opacity: 1;
		}
	}

    @keyframes scaler {
		100% {
			transform: scale3d(1, 1, 1);
			opacity: 1;
		}
}*/


/*New Parallax*/
.pre-order-container {
    width:110vw;
    height:110vh;
    overflow:hidden;
}

.page-back {
    width:100%;
    height:100%;
    position: cover;
    background-image: url(https://www.bigbluebubble.com/wp-content/uploads/2021/07/Back.png);
    background-size:cover;
    background-position: center center;
}

.page-mid {
    width:105vw;
    height:105vh;
    background-image: url(https://www.bigbluebubble.com/wp-content/uploads/2021/07/Mid.png);
    background-size:100%;
    background-position: center center;
}

.page-front {
    width:100vw;
    height:100vh;
    position:cover;
    background-image: url(https://www.bigbluebubble.com/wp-content/uploads/2021/07/Front.png);
    background-size:cover;
    background-position: center center;
}

/*Full Size*/

.xbox {
    width:3vw;
}

.switch {
    width:3vw;
}

.ps {
    width:3vw;
}

.bbbicon {
    width:8vw;
}

.sodlout {
    width: 5vw;
    margin-left: 30px;
}

.devlogos {
    margin-top: 7%;
}

.socialpg {
    overflow:hidden;
    top:4em;
    right:4%;
}

.tiktokicon{
    margin:5px 5px 5px 5px;
}

.twittericon{
    margin:5px 5px 5px 5px;
}

.instagramicon{
    margin:5px 5px 5px 5px;
}

.facebookicon{
    margin:5px 5px 5px 5px;
}

.pglogosize {
    width: max-content;
}

.shadow-box{
    text-shadow: 2px 2px 8px #0900c0;
}

.gamestop {
    width:80%;
    margin-top:12%;
}

.targeticon {
    width:80%;
    margin-top:3%;
}

.bestbuy {
    width:42%;
}

.ctapg{
    width:25%;
}

.pgbg {
    height: 100%; 
    background: linear-gradient(transparent, transparent, transparent, #0900c0), url("https://www.bigbluebubble.com/wp-content/uploads/2021/07/Static-BG1.png") no-repeat center;
    background-size: cover; 
}

.playgroundlogo {
    margin-left: 16%;
}

/*Medium Size*/

@media (max-width: 1080px){
.xbox {
    width:5vw;
}


.switch {
    width:5vw;
}


.ps {
    width:5vw;
}

.socialpg {
    overflow:hidden;
    top:4em;
    right:4%;
}

.tiktokicon{
    margin:5px 5px 5px 5px;
}

.twittericon{
    margin:5px 5px 5px 5px;
}

.instagramicon{
    margin:5px 5px 5px 5px;
}

.facebookicon{
    margin:5px 5px 5px 5px;
}

.pglogosize {
    width: auto;
}

img.bbbicon {
    width: 60%;
}

img.sodlout {
    width: 43%;
    margin-top: 6%;
}

.shadow-box{
    text-shadow: 2px 2px 8px #0900c0;
}

.gamestop {
    width:100%;
    margin-top:22%;
    margin-left: -10%;
}

.targeticon {
    width:95%;
    margin-top:9%;
}

.bestbuy {
    width:75%;
}

.ctapg{
    width:25%;
}

.pgbg {
    height: 100%; 
    background: linear-gradient(transparent, transparent, transparent, #0900c0), url("https://www.bigbluebubble.com/wp-content/uploads/2021/07/Static-BG1.png") no-repeat center;
    background-size: cover; 
}

.playgroundlogo {
    margin-left: 0%;
}
}

/*small Size*/

@media screen and (max-width: 800px){
.xbox {
    width:20vw;
}

.switch {
    width:20vw;
}

.ps {
    width:20vw;
}

.comingsoon {
    margin: 0 -9%;
    text-align: center;
}

.socialpg {
    overflow: hidden;
    top: 0;
    right: 8%;
}

.tiktokicon{
    margin:5px 5px 5px 5px;
}

.twittericon{
    margin:5px 5px 5px 5px;
}

.instagramicon{
    margin:5px 5px 5px 5px;
}

.facebookicon{
    margin:5px 5px 5px 5px;
}

.pglogosize {
    width: auto;
}

img.bbbicon {
    content: url(https://www.bigbluebubble.com/wp-content/uploads/2021/07/TinyBubble1.png);
    width: 85px;
    margin-top: 10px;
}

img.sodlout {
    width: 34%;
    margin-top: 4%;
    margin-left: 16px;
}

.shadow-box{
    text-shadow: 2px 2px 8px #0900c0;
}

.gamestop {
    width: 45%;
    margin-top: -27%;
    margin-left: 33%;
}

.targeticon {
    content: url(https://www.bigbluebubble.com/wp-content/uploads/2021/07/Target-Small.png);
    width: 18%;
    margin-top: -37%;
}

.bestbuy {
    width:30%;
}

.ctapg{
    width:25%;
}

.pgbg {
    height: 100%; 
    background: linear-gradient(#0900c0, transparent, #0900c0), url("https://www.bigbluebubble.com/wp-content/uploads/2021/07/Static-BG1.png") no-repeat center;
    background-size: cover; 
}

.playgroundlogo {
    margin-left: -16px;
    width: 100vw;
}

.devbbbsoldout {
    position: absolute;
    margin-top: 42%;
}
}

/*Playground*/

.ps-icon-pg {
    width: 99px;
    margin-left: 0;
    margin-right: auto;
    margin-top: 20px;
    margin-bottom: 20px;
    display: inline-block;
}


.ns-icon-pg {
    width: 99px;
    margin-left: 0;
    margin-right: auto;
    margin-top: 20px;
    margin-bottom: 20px;
    display: inline-block;
}


.xb-icon-pg {
    width: 100px;
    margin-left: 110px;
    margin-right: auto;
    margin-top: 20px;
    margin-bottom: 20px;
    display: inline-block;
}


.vs-icon-pg {
    width: 100px;
    margin-left: 110px;
    margin-right: auto;
    margin-top: 20px;
    margin-bottom: 20px;
    display: inline-block;
}

.sys-icons-one {
    
}

time.updated {
    display: none !important;
}

span.byline {
    display: none;
}