﻿.WordSection1 {
  max-width: 680px;
  width: auto;
  margin: 20px auto;
  padding: 20px;
  border: 1px solid #DDDDDD;
  /*border: 1px solid #000000;*/
  font-family: "Swis721 Lt BT","sans-serif";
}

.WordSection1 table table td span {
  font-size: 1.2em !important;
}

.sireref {
  margin: 5px 0;
  padding: 0 10px;
}

.sireref span {
    font-size: 0.9em !important;
    font-family: 'Swis721 Blk BT';
}

.WordSection1 .MsoNormalTable {
    font-family: "Swis721 Blk BT","sans-serif";
    border: 2px solid #000000;
}

#main .WordSection1 > table > tbody > tr > td > p:nth-child(2) {
  /*display: flex;*/
  margin: 5px 0;
  text-align: center;
  width: 100%;
}

#main .WordSection1 > table > tbody > tr > td > p:nth-child(2) span {
  display: inline-block;
  vertical-align: bottom;
  /*display: inline-flex;*/
}

#main .WordSection1 > table > tbody > tr > td > p:nth-child(2) span:nth-child(1), #main .WordSection1 > table > tbody > tr > td > p:nth-child(2) span:nth-child(2) {
  float: left;
  /*margin: auto 40px 0 2px;*/
}

#main .WordSection1 > table > tbody > tr > td > p:nth-child(2) span:nth-child(3) {
  display: none;
}

/* Centre align colour & sex */
#main .WordSection1 > table > tbody > tr > td > p:nth-child(2) span:nth-child(4) {
  margin: 0 auto;
}

/* Right align the barn*/
#main .WordSection1 > table > tbody > tr > td > p:nth-child(2) span:nth-child(5) {
  float: right;
}

#main .WordSection1 > table > tbody > tr > td > p:nth-child(2) span:nth-child(5) span {
  display: none;
}

/* Right align last column */
#main .WordSection1 > table > tbody > tr > td > table > tbody > tr > td:last-of-type p {
  float: right;
}

#main .WordSection1 > table > tbody > tr > td > p:nth-child(3) {
  margin-bottom: 5px;
}

#main .WordSection1 > table > tbody > tr > td > p:nth-child(4), #main .WordSection1 > table > tbody > tr > td > p:nth-child(6) {
  display: none;
}

#main .WordSection1 > table > tbody > tr > td > p:nth-child(3) > span:nth-child(2) {
  float: right;
}
/**
 Sire
**/
/* Bold the Sire name */
#main .WordSection1 table > tbody > tr > td > table > tbody > tr:nth-child(1) > td:nth-child(1) > p:nth-child(2) > span:nth-child(1) {
  font-family: 'Swis721 Blk BT';
  font-weight: bold;
}

/* Bold the Sire 4th column */
/*#main .WordSection1 table > tbody > tr > td > table > tbody > tr:nth-child(1) > td:nth-child(4) > p > span {
  font-family: 'Swis721 Blk BT' !important;
  font-weight: bold;
}*/

/**
  Dam
**/
/* Bold the Dam name */
#main .WordSection1 table > tbody > tr > td > table > tbody > tr:nth-child(5) > td:nth-child(1) > p:nth-child(2) > span:nth-child(1) {
  font-family: 'Swis721 Blk BT';
}

/* Bold the Dam 4th column */
/*#main .WordSection1 table > tbody > tr > td > table > tbody > tr:nth-child(5) > td:nth-child(4) > p > span {
  font-family: 'Swis721 Blk BT' !important;
  font-weight: bold;
}*/

@media (max-width: 576px) {
  #main .WordSection1 table table td {
    word-break: break-word;
  }

  #main .WordSection1 table > tbody > tr > td > p > span {
    margin: 0 2px;
  }

  #main .WordSection1 table > tbody > tr > td > p > span > span {
    display: none;
  }

  #main .WordSection1 table > tbody > tr > td > p:nth-child(2) > span:nth-child(4) {
    margin-left: auto;
  }
}