/**
 * deck of cards.
 * This can be used to play standard card games (which could be additional rule modules attached to this set)
 * 
 * @author Copyright (c) 2010 Adam Eivy (antic | atomantic)
 * @license Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 */
body {
  margin-top: 1.0em;
  font-family: "Helvetica,Arial,FreeSans";
  color: #000000;
  background-color: #cab08f; }

.frontImage {
  background-image: url("../assets/cards.jpg");
  background-size: 100% 100%;
  height: 500px;
  color: white; }

#learnButton {
  position: relative;
  left: 700px;
  background-color: #ac6218;
  border-radius: 10px;
  font-family: cursive; }

.headings {
  font-family: cursive;
  color: white;
  background-color: #ac6218;
  opacity: 0.6;
  width: 40%; }

.aboutParagraph {
  background-color: grey;
  padding: 10px;
  display: none;
  font-size: 20px; }

.thePartsParagraph {
  background-color: grey;
  padding: 10px;
  display: none;
  font-size: 20px; }

.theBidParagraph {
  background-color: grey;
  padding: 10px;
  display: none;
  font-size: 20px; }

.thePlayParagraph {
  background-color: grey;
  padding: 10px;
  display: none;
  font-size: 20px; }

.main-container {
  position: relative;
  margin: 0 auto;
  width: 860px;
  display: none; }

.gameButtons {
  width: 100%;
  position: relative;
  margin: 0 auto; }

.playBtn {
  background-color: #ac6218;
  border-radius: 10px; }

#gameAgainbtn {
  visibility: hidden; }

#bidResultsbtn {
  visibility: hidden; }

#playGamebtn {
  visibility: hidden; }

.bridgeTable {
  border: 2px solid black;
  height: 800px; }

.playingHand {
  display: flex;
  height: 10em; }

.northCont {
  position: relative;
  left: 15em; }

.southCont {
  position: relative;
  bottom: 17.8em;
  left: 15em; }

.eastCont {
  position: relative;
  bottom: 15em;
  left: 30em; }

.westCont {
  position: relative;
  bottom: 1.7em; }

#currTrickDiv {
  display: inline;
  position: absolute;
  top: 50px;
  left: 30px;
  height: 200px;
  width: 150px;
  z-index: 2;
  visibility: visible; }
  #currTrickDiv #trickTable {
    border: 2px solid red;
    height: 150px;
    width: 150px;
    z-index: 2; }

#eastTrick {
  position: absolute;
  top: 20%;
  right: 0%;
  width: 30%;
  height: 50%; }
  #eastTrick .front {
    visibility: visible !important; }

#southTrick {
  position: absolute;
  left: 40%;
  bottom: 0%;
  width: 30%;
  height: 50%; }
  #southTrick .front {
    visibility: visible !important; }

#northTrick {
  position: absolute;
  top: 0%;
  left: 20%;
  width: 30%;
  height: 50%; }
  #northTrick .front {
    visibility: visible !important; }

#westTrick {
  position: absolute;
  top: 20%;
  left: 0%;
  width: 30%;
  height: 50%; }
  #westTrick .front {
    visibility: visible !important; }

#bidBox {
  padding: 0px;
  height: 30px; }

#bidDir {
  padding: 0px; }

.tableRow {
  width: 50px; }

#finalResults {
  visibility: hidden; }

.biddingDiv {
  display: none;
  position: absolute;
  top: 2em;
  left: 40em; }

#submitBid {
  position: relative;
  top: -7px;
  left: -20px;
  padding: 5px; }

#submitBid {
  background-color: #96c1a4;
  border-radius: 10px; }

#bidInstructions {
  background-color: #96c1a4;
  margin: 0px; }

.modalHeader {
  display: flex; }

.bidContentModal {
  background-color: #96c1a4; }

.whoseTurnContentModal {
  background-color: #425a8e; }

.trickSuitContentModal {
  background-color: #425a8e; }

.gameOverContentModal {
  background-color: #425a8e; }

.bidModalImage {
  width: 75px;
  height: 75px;
  background-image: url("../assets/suits.jpg");
  background-size: 100% 100%; }

.flipBtn {
  background-color: #425a8e;
  border-radius: 10px; }

.bidResults {
  position: absolute;
  top: 2em;
  left: 45em;
  visibility: hidden; }

.zeroMargin {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  margin-top: 0px !important;
  margin-bottom: 0px !important; }

.bidSelectDiv {
  display: flex; }

#bidTable {
  width: 30%; }
  #bidTable th, #bidTable td {
    padding: 5px; }

.resultsTableDiv {
  position: absolute;
  width: 25%;
  height: 25%;
  left: 50em;
  top: 30em;
  visibility: hidden; }

/**
 * deck of cards.
 * This can be used to play standard card games (which could be additional rule modules attached to this set)
 * 
 * @author Copyright (c) 2010 Adam Eivy (antic | atomantic)
 * @license Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 */
.playingCard {
  /* to show the back of the card, hide the front */
  position: relative;
  background-color: #036;
  border: 1px solid #666;
  font-size: 22px;
  float: left;
  width: 3.8em;
  height: 5em; }

.playingCard .front {
  background-color: white;
  color: #000;
  position: absolute;
  width: 100%;
  height: 100%;
  visibility: hidden; }

.playingCard .corner {
  position: absolute;
  font-size: .5em;
  left: 0.25em;
  top: 0.25em; }

.playingCard .cornerBR {
  left: auto;
  top: auto;
  right: 0.25em;
  bottom: 0.25em; }

.playingCard .red {
  color: #f00; }

.playingCard .suit {
  position: absolute;
  z-index: 2; }

/* large center Ace style suit */
.playingCard .suit0 {
  font-size: 3em;
  left: 0.3em;
  top: 0.3em; }

.playingCard .face {
  position: absolute;
  z-index: 1;
  border: 1px solid #000;
  left: 0.6em;
  top: 0.45em;
  width: 2.5em;
  height: 4.0em; }

.playingCard .front:hover {
  background-color: grey; }

#idSelect {
  color: red; }

/*
.playingCard .J {
background-image: url("img/J.gif");
}
.playingCard .Q {
background-image: url("img/Q.gif");
}
.playingCard .K {
background-image: url("img/K.gif");
}
*/
.playingCard .A1 {
  left: 0.7em;
  top: 0.5em; }

.playingCard .A2 {
  left: 0.7em;
  top: 1.5em; }

.playingCard .A3 {
  left: 0.7em;
  top: 2.0em; }

.playingCard .A4 {
  left: 0.7em;
  top: 2.5em; }

.playingCard .A5 {
  left: 0.7em;
  top: 3.5em; }

.playingCard .B1 {
  left: 1.6em;
  top: 0.5em; }

.playingCard .B2 {
  left: 1.6em;
  top: 1.0em; }

.playingCard .B3 {
  left: 1.6em;
  top: 2.0em; }

.playingCard .B4 {
  left: 1.6em;
  top: 3.0em; }

.playingCard .B5 {
  left: 1.6em;
  top: 3.5em; }

.playingCard .C1 {
  left: 2.45em;
  top: 0.5em; }

.playingCard .C2 {
  left: 2.45em;
  top: 1.5em; }

.playingCard .C3 {
  left: 2.45em;
  top: 2.0em; }

.playingCard .C4 {
  left: 2.45em;
  top: 2.5em; }

.playingCard .C5 {
  left: 2.45em;
  top: 3.5em; }

/*# sourceMappingURL=styles.css.map */