#block-swx-summary-swx-summary
{
  padding: .33em .33em .33em .33em;
  border-right: solid 1px black;
  border-left: solid 1px black;
  background-color: white;
  border-bottom: solid 1px black;
}

#summary /* top right bottom left */
{
  padding: .25em .30em .25em .35em;
}

#summary ul
{
  margin: 0em;
  padding: 0em;
  list-style: none;
}

#summary li
{
  display: inline-block;
}

/* Default to minimal width screen appearance, then override below the padding settings if we move beyond the minimum width */
/* This essentially is the summary "degraded" to a simple list */
#summary ul > li
{
  padding-right:  1.1em;
}

#summary > ul > li + li
{
  padding-right:  1.1em;
}

#summary > ul > li + li + li
{
  padding-right:  0;
}

/* This essentially is the summary expanded to a centered "block-list" which won't work for smaller screens */
@media screen and (min-width: 685px) {
  #summary ul > li
  {
    padding-right: 0;
    width: 30%;
    text-align: left;
  }

  #summary > ul > li + li
  {
    padding-right: 0;
    width: 39%;
    text-align: center;
  }

  #summary > ul > li + li + li
  {
    width: 30%;
    text-align: right;
  }
}

#summary
{
  margin-top: 0em;
  margin-right: 0em;
  margin-bottom: 0em;
  margin-left: 0em;
}

.summary-field-value
{
  font-size:1.25em;
  font-weight: bold;
}

.summary-field-label
{
  /*font-weight:  bold;*/
}