.card .slots {
  max-height: 20rem;

  position: absolute;
  margin: auto;
  top: 4%;
  bottom: 4%;
  /*left: 0;
  right: 0;*/
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}
.card.denizen .slots {
  left: 2rem;
}
.card.event .slots, .card.site .slots {
  right: 4rem;
}
.card.event .content .impact {
  left: 1rem;
}

.card .slots.single {
  justify-content: space-around;
}

.card .slots.connected {
/*  background-color: #CE7D17;*/
  background-repeat: no-repeat;
/*  background-image: url("../rsc/site_line_bg.png");*/
  background-size: 1rem 100%;
  background-position: center;
}
.card.site .slots.connected { background-image: url("../rsc/site_line_bg_colour_site.png"); }
.card.event .slots.connected { background-image: url("../rsc/site_line_bg_colour_event.png"); }

.card .slots > .slot {
  position: relative;
	display: block;
	width: 5rem;
	height: 5rem;
	border-radius: .6rem;
}
.card .slots > .slot,
.card .slots > .slot > * {
	background: white;
	border: 6px solid white;
}
.card .slots > .slot > * {
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 4.4rem;
  height: 100%;
  position: absolute;
  left: 4rem;
  border-radius: 50%;
}
.card .slots > .slot > .empty { display: none; }
.card .slots > .slot > .coin_1 { background-image: url("../rsc/main/action_trade_1.png"); }
.card .slots > .slot > .coin_2 { background-image: url("../rsc/main/action_trade_2.png"); }
.card .slots > .slot > .cube_card_1 { background-image: url("../rsc/main/cube_card.png"); }
.card .slots > .slot > .cube_land_1 { background-image: url("../rsc/main/cube_land.png"); }
.card .slots > .slot > .cube_land_2 { background-image: url("../rsc/main/cube_land_2.png"); }

.card .slots > .slot > .convert_1 { background-image: url("../rsc/main/action_convert_1.png"); }
.card .slots > .slot > .convert_2 { background-image: url("../rsc/main/action_convert_2.png"); }
.card .slots > .slot > .conflict_1 { background-image: url("../rsc/main/action_conflict_1.png"); }
.card .slots > .slot > .conflict_2 { background-image: url("../rsc/main/action_conflict_2.png"); }
.card .slots > .slot > .demand_1 { background-image: url("../rsc/main/action_demand_1.png"); }
/*.card .slots > .slot > .dice_viking_1 { background-image: url("../rsc/dice_viking_1.png"); }
.card .slots > .slot > .dice_viking_2 { background-image: url("../rsc/dice_viking_2.png"); }
.card .slots > .slot > .dice_viking_3 { background-image: url("../rsc/dice_viking_3.png"); }
.card .slots > .slot > .dice_saxon_1 { background-image: url("../rsc/dice_saxon_1.png"); }
.card .slots > .slot > .dice_saxon_2 { background-image: url("../rsc/dice_saxon_2.png"); }
.card .slots > .slot > .dice_saxon_3 { background-image: url("../rsc/dice_saxon_3.png"); }*/
.card .slots > .slot > .cube_viking_1 { background-image: url("../rsc/main/cube_viking.png"); }
.card .slots > .slot > .cube_viking_2 { background-image: url("../rsc/main/cube_viking_2.png"); }
.card .slots > .slot > .cube_saxon_1 { background-image: url("../rsc/main/cube_saxon.png"); }
.card .slots > .slot > .cube_saxon_2 { background-image: url("../rsc/main/cube_saxon_2.png"); }


.card.event .header,
.card.site .header {
  padding-top: 0;
  padding-bottom: 0;
/*  margin: -1.2rem 0;*/
}
.card.event .header:first-child,
.card.site .header:first-child {
  padding-top: .4rem;
  margin: 0;
}

.card .region.any_region:after { background: url("../rsc/region_any.png"); }


/* EVENTS */

/*.card.event .header { background: #BF1E2E; }*/
.card.event .header .text,
.card.event .header .region,
.card.event .header .suit {
  background: #BF1E2E;
}
.card.event .footer .name {
  background: #BF1E2E;
}
.card.event .slots > .slot ,
.card.event .slots > .slot > *,
.card.omen.event::before {
  border-color: #BF1E2E;
}

.card.event .text_2 {
  right: 0;
  left: 0;
}


/*LOCATIONS (SITES)*/

/*.card.site .header { background: #CE7D17; }*/
.card.site .header .text,
.card.site .header .region,
.card.site .header .suit {
  background: #CE7D17;
}
.card.site .footer .name {
  background: #CE7D17;
}
.card.site .slots > .slot ,
.card.site .slots > .slot > *,
.card.omen.site::before {
  border-color: #CE7D17;
}