/* FOUNDATION OVERRIDE */
		html.is-reveal-open.zf-has-scroll {
			overflow-y: hidden;
		}

		/* MODAL */

		.reveal {
			width: 375px;
			height: 600px;
		}

		.topBar {
			display:block;
			font-size:.75rem;
			display:flex;
			justify-content:left;
			align-items:center;
			padding:10px 0;
			background:rgba(0,0,0,.75);
			padding:5px;
		}
					.topBar a {
						color:#fff!important
					}
					.topBar .lTop {
						flex-basis: 60%;
						text-align:left;
						white-space:nowrap;
						overflow: hidden;
						text-overflow:ellipsis;
					}
					.topBar .rTop {
						flex-basis: 40%;
						text-align:right;
					}
					.topBar .rTop .fas {
						vertical-align:middle;
					}
					.topBar .itemPeek {
						height:32px;
						border-radius:4px;
						margin-right:5px;
					}

		.bidPanel {
			/*
			width:375px;
			height:667px;
			*/
			border:1px solid #000;
			font-family:"Lato", sans-serif;
			background-image:url(/images/site/astro/bg-AAbidding.png);
			background-size:cover;
			background-position:left;
			color:#fff;
			position:relative;
  		--scrollbarBG: rgba(0,0,0,0);
  		--thumbBG: rgba(255,255,255,0.5);
		}
					.bidPanel .wrapper {
						position:relative;
						overflow-y: auto!important;
						-webkit-scrollbar-width: thin;
						-webkit-scrollbar-color: var(--thumbBG) var(--scrollbarBG);
						max-height:calc(100% - 70px);
					}
					.bidPanel .wrapper::-webkit-scrollbar {
						width: 4px;
					}
					.bidPanel .wrapper::-webkit-scrollbar-track {
						background: var(--scrollbarBG);
						margin-right:4px;
						width:8px;
					}
					.bidPanel .wrapper::-webkit-scrollbar-thumb {
						background-color: var(--thumbBG) ;
						border-radius: 8px;
						border: 3px solid var(--scrollbarBG);
					}

					.bidPanel h2 {
						font-size:1.25rem;
						text-align:left;
						font-weight:700;
						margin-top:0;
						margin-bottom:1.5rem;
						color:#ffe400
					}
					.bidPanel label {
						font-size:.8rem;
						font-weight:700;
					}
					.bidPanel input:not([type="submit"]) {
						font-size: 1rem;
						display:block;
						width:100%;
						padding: 10px 0 10px 10px;
    				border: 0;
						background:#fff;
						color:#000;
						margin-bottom:20px;
						border-radius:.5em;
						font-weight:700
					}
					.bidPanel input::placeholder {
						color: #fff
					}
					.bidPanel select {
						display: block;
						font-size: 16px;
						font-family: sans-serif;
						font-weight: 700;
						color: #444;
						line-height: 1.3;
						padding: .6em 1.4em .5em .8em;
						width: 100%;
						max-width: 100%;
						box-sizing: border-box;
						margin: 0 0 20px 0;
						border: 1px solid #aaa;
						box-shadow: 0 1px 0 1px rgba(0,0,0,.04);
						border-radius: .5em;
						-moz-appearance: none;
						-webkit-appearance: none;
						appearance: none;
						background-color: #fff;
						background-repeat: no-repeat, repeat;
						background-position: right -.5rem top 50%, 0 0;
						background-size: .65em auto, 100%;
					}
					.bidPanel select::-ms-expand {
						display: none;
					}

					.bidPanel .center {
						text-align:center!important
					}
					.bidPanel .whatAreTC{
						display:none
					}
					.bidPanel .auctionItem {
						width:125px;
						border-radius:3px;
					}
					.bidPanel .tiny {
						font-size:.75rem;
						color:#fff;
						text-decoration:underline
					}

		.buttonBar {
			display: block;
			width: 100%;
			height: 70px;
			padding: 15px 0;
			background: #000;
			position: sticky;
			text-align:center;
			z-index: 1000;
			bottom: 0;
			box-sizing: border-box;
			border-top:1px solid #199fab;
		}

					.buttonBar button, .buttonBar input[type="submit"] {
						background: #7eb300;
						border:1px solid #7eb300;
						font-size:1.25rem;
						font-weight:900;
						color:#fff;
						display:block;
						width:100%;
						border-radius:50px;
						width:90%;
						margin:0 auto;
						height: 40px;
						-webkit-transition: all .25s;
						transition: all .25s;
						text-align:center!important
					}
					.buttonBar button:hover, .buttonBar input[type="submit"]:hover {
						border:2px solid #199fab;
						background:#199fab;
						color:#fff;
					}
					.halfBtn {
						font-size: 1rem;
						width: 44%!important;
						margin: 0 3%!important;
						float: left;
						padding: 0;
					}
					.lesser {
						background:#fff!important;
						color:#999!important;
						text-shadow:0px 0px 0px #fff;
					}
					.buttonBar button[disabled] {
						background: rgba(255,255,255,0.5)!important;
						color: #999!important;
						text-shadow: none;
						border: 1px solid #000!important;
					}

		.prizes {
			display: flex;
			flex-wrap: wrap;
		}

					.prize-item {
						width: 23.5%;
						background: grey;
						margin-top: 2%;
					}

					.prize-item img.unselected {
						opacity:.15;
					}

					.prize-item:not(:nth-child(4n)) {
						width: 23.5%;
						background: grey;
						margin-right: 2%;
					}

					.prize-item:before {
						content: "";
						float: left;
						padding-top: 100%;
					}

					h3.prize {
						text-align:center;
						margin-top:1rem;
						font-size:1rem;
						font-weight:900;
						color:#ffe400
					}


		.useExisting {
			text-align:left;
			margin-bottom:25px;
		}

					.useExisting a {
							background:rgba(255,255,255,0.25);
							padding:10px;
							font-size:.8rem;
							border-radius:5px;
							display:block;
							color:#fff;
							margin:8px 0;
							text-decoration:none;
							-webkit-transition: all .25s;
							transition: all .25s;
					}
					.useExisting a:hover {
							background:rgba(255,255,255,0.5);
					}

					.useExisting .fa, .useExisting .fab, .useExisting .fas {
		    		vertical-align: sub;
					}


		/* SECTIONS */
		.content {
			text-align:center;
			padding:1rem;
			height: 486px;
			overflow: auto;
		}

		.content heading {
			width: 100%;
			display: block;
			color: #fff;
			text-align: center;
			padding: 0px 0 1rem 0;
		}
					.content heading h1 {
						margin:0;
						font-weight:400!important;
						letter-spacing:-1px;
						font-size:1.75rem;
					}

					.content .notes {
						background:rgba(255,255,255,0.25);
						padding:10px 20px;
						font-size:.8rem;
						border-radius:5px;
					}

					.content .confirmNotes {
						background:rgba(25,159,171,0.75);
						padding:10px 20px;
						font-size:1rem;
						border-radius:5px;
						margin-bottom:1rem;
					}
					
					.content .prizeName {
						display: block;
						white-space: nowrap;
						text-overflow: ellipsis;
						overflow: hidden;						
					}

		.bidHeader {
			width:100%;
			display:block;
			background:#333;
			font-size:.75rem;
			font-weight:900;
			color:yellow;
			display:flex;
			justify-content:center;
			align-items:center;
		}

		.small-6 {
			float:left;
			width:50%;
		}
		.mm { padding: 0 5px 0 0; box-sizing:border-box }
		.yy { padding: 0 0 0 5px; box-sizing:border-box }


		.bidSection {
			position:relative;
			/*height:100vh;*/
		}

					.bidSection #payWithCC {
						display:block;
					}
					.bidSection p {
						margin:2rem 0;
					}
					.bidSection p.normal {
						margin:0 0 1rem 0;
					}

					.bidSection label {
						text-align:left;
						font-size:.8rem;
						font-weight:700;
						display:block;
						color:#fff;
					}

					.bidSection input {
						font-size: .9rem;
						display:block;
						width:100%;
						padding: 10px;
    				border: 0;
						background:rgba(255,255,255,0.9);
						color:#000;
						margin-bottom:20px;
						text-align:left!important;
						border-radius:10px;
					}

					.bidSection input::placeholder {
						color: #555
					}

					.bidSection .bidAmount {
						font-size:1.25rem;
						font-weight:700;
						color:#FFCC00;
					}

					.bidSection .slider-handle {
						background-image: radial-gradient(#fff 0%, #199fab 50%);
						left: -1px;
						border-radius:50px;
						box-shadow: 0 0 10px #199fab;
					}

					.bidIncrease, .bidDecrease {
					    text-shadow: 0 2px 0 rgba(0, 0, 0, 0.8);
					}

					.bidIncrease.disabled, .bidDecrease.disabled {
					    color: gray;
					}
					.bidIncrease {
						color:#7eb300
					}
					.bidDecrease {
						color:#b30000
					}

					.VIPstats {
						color: #ffcc00;
						font-size: .8rem;
						font-weight: 900;
						margin-bottom: 1rem;
					}

		#placeBid label { text-align:center}
		#placeBid #myBid {
			text-align: center!important;
			font-weight: 700;
			font-size: 1.5rem;
			color: #ffcc00;
		}
		.placeBid .currencyPref {
			display:none;
		}
		.placeBid .currency {
			color:#fff!important;
			font-weight:900;
		}

		.bidSection .discount {
			font-weight:900;
			font-size:2rem;
			color:rgba(200,0,0,1);
			text-shadow:0px 0px 0px rgba(255,255,255,1), 0 0 0px rgba(255,0,0,1);
			-webkit-background-clip: text;
				 -moz-background-clip: text;
							background-clip: text;
			animation: attn 1.25s infinite;
		}
		
		#bidPhoto img {
			width:40%;
			border-radius:6px;	
		}
		
		.remindDiscount {
			display: block;
			margin-top: 1rem;
			font-size: 1rem;
			color: #ffcc00;			
		}

		@-webkit-keyframes attn {
			0% {
				color:rgba(230,0,0,1);
				text-shadow:0px 0px 0px rgba(255,255,255,0), 0 0 0px rgba(255,0,0,0);
			}
			30% {
				color:rgba(230,0,0,1);
				text-shadow:0px 0px 0px rgba(255,255,255,0), 0 0 0px rgba(255,0,0,0);
			}
			50% {
				color:rgba(255,25,0,1);
				text-shadow:0px -1px 1px rgba(255,255,255,1), 0 0 10px rgba(255,0,0,1);
			}
			70% {
				color:rgba(230,0,0,1);
				text-shadow:0px 0px 0px rgba(255,255,255,0), 0 0 0px rgba(255,0,0,0);
			}
			100% {
				color:rgba(230,0,0,1);
				text-shadow:0px 0px 0px rgba(255,255,255,0), 0 0 0px rgba(255,0,0,0);
			}
		}


@media (max-width: 480px) {
		.bidPanel {
			height:100%;	
		}
		.bidPanel .wrapper {
			height:100vh;	
		}
		.content {
			height:100%;
		}
		.biddingModal {
			width: 100%;
			height: 100%;
			overflow: hidden;
		}
		.bidSection {
			margin-bottom:-70px;
		}
		.buttonBar {
			position: fixed;
			margin-top:0px;
			z-index: 1000;
			bottom: 0;
			width:100%;
		}
		.topBar {
			/*position: fixed;
			width: 100%;
			z-index: 1000;	*/
		}
		.halfBtn {
			font-size:.9rem!important
		}
		.tallPanel {
			height: 100vh;
    	padding-bottom: 110px;			
		}
}