/* CSS Document */
.sociallinks {width:50px; height:50px; float:left; margin:8px 20px 10px 0;}
.fb {background:url("../im/nav/fb.png"); background-size:contain; background-repeat:no-repeat; background-position:center center;}
.yt {background:url("../im/nav/yt.png"); background-size:contain; background-repeat:no-repeat; background-position:center center;}
.tw {background:url("../im/nav/tw.png"); background-size:contain; background-repeat:no-repeat; background-position:center center;}
.ig {background:url("../im/nav/ig.png"); background-size:contain; background-repeat:no-repeat; background-position:center center;}

/* ID elements */
#pba_home {background-color: #000000;}
#pba_home form {padding:10px 25px;} 
#pba_home form input {font-size: 1.2em; padding: 5px 6px 6px 8px; background-color: #172131; color: #FFEFBA; border: 1px inset #00061D;}
.basicbutton {font-size:1.4em; background-color: #4A5E8E; color: #AFD3FF; padding:0px 10px 5px 10px; border:1px solid #001527; margin:0 0 0 10px; cursor:pointer;}
.basicbutton:hover {color: #FFD600; border:1px solid #FFDD00;}
.buttonresponse {clear:both; width:100%; padding:8px; font-size:1em; color: #FFDD00; text-align: center; font-weight:600;}
#reel1 {width:100%; max-height:900px; margin:0; padding:0; border:3px solid #000; outline:none; background-color:#000;}
#header {position:absolute; width:100%; height:81px; text-align:center; top:0px; left:0px; overflow:hidden; background:url("../im/bkg/header_bkgalt.png") no-repeat; background-position:center center; opacity:0;} /*box-shadow:0px 2px 10px #000; */

#PBA_splash {position:fixed; width:100%; height:100%; margin:0; padding:0; outline:none; border: none;}
.splash {width:100%; height:100%; margin:0; padding:0; outline:none; border: none; object-fit: fill;}
#PBA_splash_fs {width:20%; min-width:300px; height:20%; min-height:150px; position:fixed; left:40%; top:40%; color:#fff; opacity:1;}
#splash_txt_a {text-align:center; font-size: 1em; font-family:Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace"; opacity:0;}
#splash_txt_fs {text-align:center; font-size: 1.5em; font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif"; opacity:0;}
#splash_txt_prod {text-align:center; font-size: 1em; font-family:Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace"; opacity:0;}
#main_content {background: url("../im/bkg/bkg_gradient_hz.png") repeat-y; background-size:100% auto; min-width:1475px;}
#main {}
#content1 {margin:10px auto; max-width:1400px; padding:0 40px; overflow:hidden;}
.troupe {width:100%; clear:both; background:url("../im/bkg/troupefade.png"); background-repeat:no-repeat; background-position:bottom left; overflow: hidden;}
#content2 {margin:10px auto; max-width:1400px; padding:0 40px;}
#content3 {margin:10px auto; max-width:1400px; padding:0 40px;}
#featurecrawl {margin:20px;}
.bkgn1 {width:100%; background: url("../im/bkg/bkgn1.jpg") no-repeat; background-size:100% 100%; overflow: hidden;}
.paracor {padding:2px 5px 2px 12px; text-indent:1em; text-align: justify; color:#8199B3;}

/* MAIN BLOCKS */
.logo {width:70px; height:70px; margin:0 auto; background:url("../im/ele/pba26_logo.png") no-repeat; background-size:100% 100%;}
.pbabackbox {width:100%; height:90px; background:url("../im/bkg/headerbkg.png") no-repeat; background-position: top center; background-size:100% 100%;}
.pbaback {width:700px; height:90px; margin: 0 auto; background:url("../im/ele/pbaisback.png") no-repeat; background-size:contain; background-position:center center;}
.better {width:300px; height:40px; margin:-10px auto 0 auto;}
.better p {color: #E8FDFF; font-size:1.6em; text-align: center;}

.vidivide {width:100%; height:20px; background:url("../im/bkg/bar1.jpg") no-repeat; background-size:100% 100%; background-position:top center;}
.leftcolumn {width:63%; float:left; }
.rightcolumn {width:36%; float:right; max-width:500px;}
.whatittakes {padding:10px 0 0 0; font-size:1.5em;}

.improved {float:left; background:url("../im/bkg/introparaglow.png") no-repeat; background-size:100% 100%;}
.gameplay {margin:25px 0 0 0; padding:0 0 25px 0;}
.pin10 {width:350px; height:350px; float:right; background: url("../im/ele/10pin.png") no-repeat; background-size:contain;}

.challenge {margin:20px 0 0 0; padding:0 100px 0 0; float:left; clear:both;}
.gamemodes {width:150px; height:200px; margin:5px 10px; float:left;}
.strikederby {background:url("../im/ele/strikederby.png") no-repeat; background-size:contain;}
.sparechallenge {background:url("../im/ele/sparechallenge.png") no-repeat; background-size:contain;}
.oilroulette {background:url("../im/ele/oilroulette.png") no-repeat; background-size:contain;}


.releasedetails {width:36%; float:right;}
.comingsoonbox {width:100%; background:url("../im/bkg/2025bkg.png") no-repeat; background-size:100% 100%; overflow: hidden; padding:0px 0px 30px 0;}
.alphatitle {color: #00FF84;}
.q4 {text-align:center; font-size:2.2em; font-family:'Shippori Antique B1', sans-serif; padding:6px 0 0 0;}
.coming2025 {margin:10px auto 0 auto; clear:both; width:100%; height:125px; background:url("../im/ele/2025.png") no-repeat; background-size: contain; background-position: top center;}
.launcheoy {text-align:center; color:#FFD600; font-size:1em; padding:0 20px;}
.alphaaccess {clear:both; width:100%; height:60px; margin:0 auto; background:url("../im/ele/alphaaccess.png") no-repeat; background-size:100% 100%; background-position: top center;}
.alphaannounce {color: #00FFC3; padding:8px 20px; text-align:center; font-size:0.9em;}
.alphabox {width:100%; clear:both; padding:0; margin:0 auto; overflow: hidden; background:url("../im/ele/alphabox.png") no-repeat; background-size:100% 100%; background-position:bottom center;}
.alphabody {padding:8px 25px;}
.discordannounce {font-size:2.2em; text-align:center;}
.wishlistannounce {font-size:1.8em; text-align:center;}

.notifyaccess {clear:both; width:100%; height:60px; margin:0 auto; background:url("../im/ele/notifyheader.png") no-repeat; background-size:100% 100%; background-position: top center;}
.notifybox {width:100%; clear:both; padding:0; margin:0 auto; overflow: hidden; background:url("../im/ele/alphabox.png") no-repeat; background-size:100% 100%; background-position:bottom center;}
.notifyannounce {font-size: 1.75em; text-align:center;}

.platforms {width:100%; float:left; clear:both;}
.platannounce {text-align: center; color: #59BEFF; font-size:1.1em; padding:8px;}
.platplaque {width:100%; height:50px; background:url("../im/ele/platformdisplay.png") no-repeat; background-size: contain;}
a.platlinks {display:block; width:130px; height:30px; float:left;}
a.platlinks_large {display:block; width:450px; height:162px; float:left; margin:0px;}
a.ps5 {background:url("../im/nav/platform_ps5.png"); background-repeat: no-repeat; background-size: contain; background-position: center center;}
a.xs {background:url("../im/nav/platform_xs.png"); background-repeat: no-repeat; background-size: contain; background-position: center center;}
a.ns {background:url("../im/nav/platform_switch.png"); background-repeat: no-repeat; background-size: contain; background-position: center center;}
a.steam {background:url("../im/nav/platform_steam.png"); background-repeat: no-repeat; background-size: contain; background-position: center center;}
a.eg {background:url("../im/nav/link_epic.png"); background-repeat: no-repeat; background-size: contain; background-position: center center;}
a.wishlist {display:block; margin:0 auto; clear:both; width:256px; height:88px; background: url("../im/nav/steamwishlist.png"); cursor: pointer;}
a.wishlist:hover {background-position:0 -90px;}
a.discord {display:block; margin:0 auto; clear:both; width:256px; height:88px; background: url("../im/nav/discord.png"); cursor: pointer;}
a.discord:hover {background-position:0 -90px;}

.career {width:48%; float:left; padding:25px 0 0 0;}
.realism {width:48%; float:left; padding:25px 0 0 0; text-indent:1em; text-align: justify;}
.oildecay {float:left; clear:both; width:48%; height:700px; padding:20px 20px 20px 20px;}
.candlepin {width:45%;float:left; margin: 0; padding:20px;}
.duckpin {width:45%; float:left; margin: 0; padding:20px;}


.rebuilt {clear:both; width:100%; margin: 50px 0 0 0;}
.commentators {width:50%; padding:25px;}
.screenshots {clear:both; margin:50px 0 50px 0;}

.footer {width:100%; height:100px; background:url("../im/bkg/headerbkg.png") no-repeat; background-position: top center; background-size:100% 100%; margin:0 0 0 0; clear:both; padding:20px 0 20px 0;}
.innerfooter {clear:both; color:#246EA3; font-size:0.9em; width:650px; margin:0 auto;}
.innerfooter a {color:#2D71A8;}
.copyright {color: #2381AF;}
a.homelogo {width:80px; height:80px; display:block; background:url("../im/ele/pba26_logo.png") no-repeat; background-size:70% 70%; background-position:center center; margin:0 auto 0 auto; padding:0 0 0 0;}a.homelogo {width:80px; height:80px; display:block; background:url("../im/ele/pba26_logo.png") no-repeat; background-size:70% 70%; background-position:center center; margin:0 auto 0 auto; padding:0 0 0 0;}


/* Basic Formatting */
.basicheader {background:url("../im/bkg/basicheader.png"); background-size:100% 100%;}
.basicheader h2,h3 {text-align:center; color: #FFED00; padding:6px 10px;}
.contentpad {padding:0 30px;}
.desc {width:50%; min-width:500px; padding:16px 0 0 50px; color:#BBBBBB; font-family: 'Noto Sans', sans-serif;}
.socialbox {width:220px; float:right; margin:10px 50px 0 0;}
ul.gamebullets {padding:15px 0;}
ul.gamebullets li {margin:3px 0 0 25px; font-size:16px; font-weight: bold; color:#52708F; list-style: disc;}
.h0		{font-size:4em; margin:0 0 0 0;}
.h0b	{font-size:2.75em;}
.font1 {font-family: 'Outfit', sans-serif;}
.font2 {font-family: 'Shippori Antique B1', sans-serif;}
.font3 {font-family: 'Noto Sans', sans-serif;}
.font4 {font-family: 'Protest Strike', sans-serif; font-weight:400;}
.fontfancy2 {font-family: "Caveat", cursive; font-optical-sizing: auto; font-weight:400; font-style: normal;}
.center {width:950px; margin:10px auto; clear:both;}
.w100	{width:100%;}
.w48	{width:48%; min-width:350px;}
.hzbar {min-width:200px; height:40px;}
.lightblue {color: #E8FDFF;}
.pbayellow {color: #FFCE00;}
.blackbox {width:100%; height:100%; background-color: #000;}
.w600 {width: 600px; margin:0 auto;}
.smshot {width:300px; height:200px; border:2px inset #144272; margin:12px;}
.mauto {margin:0 auto;}

.legal {width:600px; margin-top:100px; float:left; clear:left; font-size:0.8em; color:#666;}
.legal p {padding:10px 5px 6px 15px;}

.policy {padding:40px 120px;}
.policy h1,h2,h3,h4,p,li {color:#23568C;}


.masktest {-webkit-mask-image: url(../im/ele/masktest.png); mask-image: url(../im/ele/masktest.png);}

/* a.platlinks:hover {background-position:0px -65px;}  */
a.platlinks_large:hover {background-position:0px -163px;}

/* Gallery elements */
#samples {min-width:450px; padding:20px;}
#PBA_viewer {position:fixed; top:50%; left:50%; width:1%; height:1%; background:url("../im/bkg/shade.png"); background-repeat:repeat; overflow: hidden; opacity:0; border:2px inset #fff; box-shadow:6px 6px 8px #000;}
#PBA_viewbkg {width:90%; height:80%; margin:1% auto 0 auto; border:1px inset #333; box-shadow:6px 6px 8px #000;}
#PBA_viewopts {width:90%; height:40px; margin:0 auto 10px auto;}
#PBA_blackout {position:fixed; top:0; left:0; opacity: 0; background:url("../im/bkg/blackout.png");}
.PBA_viewheader {width:100%; height:6%; max-height:50px; min-height:20px; background-color:#676767; padding:5px 20px; box-shadow:0px 3px 8px #000;}
.PBA_viewclose {width:50px; height:100%; float:right; cursor:pointer; font-size:28px; padding:2px;}
.galtabbox {float:left; width:90%; margin:10px 0 10px 0;}
.gallerytabs {width:9%; min-width:15px; height:15%; min-height:6px; margin:10px 5% 0 0; float:left; cursor:pointer;}
.gallerytabs:hover {background-color:#ECECEC; box-shadow:4px 4px 8px #000;}
.galright {width:4%; max-width:30px; height:50px; float:left; margin:10px 0 0 0; background-color:#44EB00; cursor:pointer; background:url("../im/nav/galrightarrow.png") no-repeat; background-size:70% 60%; background-position:right center;}
.galright:hover {background:url("../im/nav/galrightarrow_hover.png") no-repeat; background-size:75% 65%; background-position:right center;}
.galleft {width:4%; max-width:30px; height:50px; float:left; margin:10px 0 0 0; background-color:#44EB00; cursor:pointer; background:url("../im/nav/galleftarrow.png") no-repeat; background-size:70% 60%; background-position:left center;}
.galleft:hover {background:url("../im/nav/galleftarrow_hover.png") no-repeat; background-size:75% 65%; background-position:left center;}
.activetab {background-color:#0069AB;}
.inactivetab {background-color:#7B7B7B;}
.gallerysamples {width:180px; height:120px; float:left; margin:10px 15px; cursor:pointer; border:2px solid #999; box-shadow:4px 4px 8px #000;}
.gallerysamples:hover {border:2px solid #0084FF;}