:root {
      --color-alpha: #29abe2;
      --color-bravo: #B71234;
      --color-charlie: #29abe2;
    }

.thisbackground {
    background-image: url( '/2025MakerFaire/img/2025MakerFaire-QSL.png' );
    background-size: cover;
}

.darken {
    background-color: rgba( 0, 0, 0, 0.6 );
}

.thisStripe {
    height: 20px;
    background-color: var( --color-bravo);
}

.bg-top-stripe {
    background-color: var( --color-alpha );
    filter: brightness( 80% );
}

.bg-bottom-stripe {
    background-color: var( --color-charlie );
    filter: brightness( 60% );
}

section {
    padding-top: 4rem;
    padding-bottom: 4rem;
}

.imageFill img {
    height: 250px;
}


/* ============================================================= */
/* QSL Card */

.admin-body {
  background-color: #cccccc;
}

.modal-dark {
  background-color: #000;
  color: #fff;
}

.modal-shade {
  background-color: #ccc;
  color: #000;
}

.form-group {
  margin-bottom:1rem
}

.form-inline .form-group {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom:0
}

.achtung {
  color: #d0a153;
}

.planImage {
  display: inline-block;
  width: 100%;
  padding: 3px;
}

.infoImage {
  display: inline-block;
  width: 100%;
  padding: 3px;
}

body.qslcard {
  background-color: #ccc;
}

.qslcard-image {
  width: 100%;
  display: block;
}

.qslcard-specialcall {
  font-family: "Vast Shadow", serif;
  font-weight: 400;
  font-style: normal;
  color: #b02a37;
  font-size: calc( 7vw );
  position: absolute;
  bottom: 10%;
  left: 1%;
}

.qslcard-confirmsqso {
  font-size: calc( 2vw );
  position: absolute;
  bottom: 9%;
  left: 2.5%;
}

.qslcard-qrcode {
  position: absolute;
  bottom: 3%;
  right: 1%;
  height: calc( 9vw );
}

.qslcard-event {
  position: absolute;
  bottom: 19%;
  right: 2%;
  font-size: calc( 1vw );
}

.qslcard-print {
  position: relative;
  width: 90%;
  margin: auto;
  border-style: solid;
  border-width: 10px 2px;
}

.qsoTitleBlock {
  position: absolute;
  top: 78%;
  left: 30%;
  min-width: 50%;
  border-style: dotted;
  border-width: 0px 0px 1px 0px;
  padding: 5px;
}

.callTitle {
  display: inline-block;
  width: 19%;
  font-size: calc( 1.1vw );
}

.qsoTitle {
  display: inline-block;
  width: 19%;
  font-size: calc( 1.1vw );
}

.qsoBlock {
  position: absolute;
  top: 84%;
  left: 30%;
  min-width: 50%;
}

.qslcard-call {
  display: inline-block;
  width: 19%;
  font-size: calc( 1.5vw );
}

.qslcard-data {
  display: inline-block;
  width: 19%;
  font-size: calc( 1vw );
}

@media print {

  body.qslcard {
    background-color: #fff;
  }

  .qslcard-print {
    position: relative;
    width: 5.5in;
    margin: auto;
    border-style: solid;
    border-width: 10px 2px;
  }

  .qslcard-specialcall {
    font-family: "Vast Shadow", serif;
    font-weight: 400;
    font-style: normal;
    color: #b02a37;
    font-size: 3em;
    position: absolute;
    bottom: 8%;
    left: 1%;
  }
  
  .qslcard-confirmsqso {
    font-size: 0.6em;
    position: absolute;
    bottom: 9%;
    left: 2.5%;
  }

  .qslcard-qrcode {
    position: absolute;
    bottom: 1%;
    right: 1%;
    height: calc( 3.5vw );
  }

  .qslcard-event {
    position: absolute;
    bottom: 19%;
    right: 2%;
    font-size: calc( 0.5vw );
  }

  .qsoTitleBlock {
    position: absolute;
    top: 79%;
    left: 30%;
    min-width: 55%;
    border-style: dotted;
    border-width: 0px 0px 1px 0px;
    padding: 1px;
  }

  .callTitle {
    display: inline-block;
    width: 18%;
    font-size: calc( 0.7vw );
  }
  
  .qsoTitle {
    display: inline-block;
    width: 18%;
    font-size: calc( 0.7vw );
  }

  .qsoBlock {
    position: absolute;
    top: 88%;
    left: 30%;
    min-width: 55%;
  }
  
  .qslcard-call {
    display: inline-block;
    width: 18%;
    font-size: calc( 0.9vw );
  }
  
  .qslcard-data {
    display: inline-block;
    width: 18%;
    font-size: calc( 0.5vw );
  }

  .printQslCard {
    display: none;
  }
}