#weedListContent {
  clear:both;
}

#weedResultsCount {
  float:right;
}

a.PTOption span {
  margin: auto 0;
}


/*the following two styles accommodate moving the a inside the li*/
.PTLine {
  padding-left: 0px;
}

.PTLine a {
  padding-left: 15px;
}

.alphabetlist a.weedLink, .ImageBlock a.weedLink {
  display: block;
  width: 100%;
  height: 100%;
}

.ImageBlock {
  margin: 0;
}

/*Small mobile*/

@media only screen and (max-width: 605px) {

.header {
    padding-bottom: 10px;
  }

.search input[type=text] {
  padding-left: 7px;
  padding-top: 5px;
  padding-bottom: 5px;
  border: 1px solid #808080;
  margin-top: 10px;
  margin-left: 10px;
  font-size: 14px;
  border-radius: 10px;
  color: #606060;

  box-shadow: 1px 3px 15px rgba(32, 32, 32, 0.25);

  font-family: Montserrat;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 18px;
  /* or 129% */

  align-items: center;

  min-width: 70%;
}

.search {
  padding-bottom: 10px;
  margin: 0 auto;
}

.ReadMe {
  width: 95%;
  height: auto;

  /* Body Copy */

  font-family: Montserrat;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 18px;
  /* or 129% */


  /* Body Copy, Title, Footer */

  color: #202020;

  background-color: #C4C4C4;
  border-radius: 10px;
  padding: 10px;
  margin: 30px auto 30px;

  box-shadow: 1px 3px 15px rgba(32, 32, 32, 0.25);
}

p {

  padding-bottom: 5px;
}

.content {
  min-height: 500px;
  width: 100%;
}

.searchBarButton {
  height: 28px;
  width: 70px;
  background-color: #202020;
  color: #fff;
  border-radius: 10px;
  text-transform: uppercase;
  border: 1px solid #202020;

  font-family: Roboto Condensed;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 19px;
  letter-spacing: 0.06em;

  box-shadow: 1px 3px 15px rgba(32, 32, 32, 0.25);
}

.section {
  display: flex;
  flex-direction: column;
}

.plantType {

}

.PTHeader {
  width: 95%;
  height: 40px;
  margin: 0 auto;

  /* H4 ID Category Items, Nav Menu Items */

  font-family: Roboto Condensed;
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 19px;
  display: flex;
  align-items: center;
  letter-spacing: 0.07em;
  text-transform: uppercase;

  /* Background, Menu Items */

  color: #FFFFFF;

  /* Medium Fill */

  background: #767676;
  border-radius: 10px;

  padding-left: 15px;
  margin-bottom: 5px;
}

.PTOptions {
  width: 95%;
  height: auto;
  margin: 0 auto;

  display: flex;
  flex-direction: column;

  /* Light Fill */

  background: #E6E6E6;
  /* Medium Outline */

  border: 1px solid #ABABAB;
  box-sizing: border-box;
  border-radius: 10px;

  /* Menu Items */

  font-family: Roboto Condensed;
  font-style: normal;
  font-weight: bold;
  font-size: 14.5px;
  line-height: 17px;

  align-items: center;
  letter-spacing: 0.06em;
  text-transform: uppercase;


  /* Body Copy, Title, Footer */

  color: #202020;
}

li {
  margin: auto 0;
  padding-left: 15px;
}

.ReadMeLink {
  color: #6A2C3E;
  text-decoration: underline #6A2C3E;
}

.ReadMeLink:hover {
  color: #CF4520;
}

a.PTOption {
  text-decoration: none;
  color: #202020;
}

.PTOption {
  display: grid;
  grid-template-columns: 40% 60%;
  padding: 2px;


}

.PTOption:hover, .PTOption:focus, .PTOption:focus-within {
  color: #FFF;
  text-decoration: underline;
  background-color: #6A2C3E;
  border-radius: 10px;
}

.PTLine {
  border-bottom: 1px solid #ABABAB;
}

.PTImage {
  width: 100%;
  height: auto;

  border-radius: 10px;

  float: right;
  margin-right: 5px;
}

.radioButtons {
  padding-top: 0px;
  padding-left: 10px;
  float:left;
}

.WeedsList {
  margin: 0 auto;
  padding-top: 5px;
  padding-bottom: 5px;
  width: 95%;

  /* Search Results - Common Name */

  font-family: Roboto Condensed;
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.03em;

  /* Category */

  background: #E6E6E6;
  /* Medium Outline */

  border: 1px solid #ABABAB;
  box-sizing: border-box;
  border-radius: 10px;
}

a.WeedName {
  color: #404040;
}

a.WeedName:hover, a.WeedName:focus {
  color: #FFF;
  text-decoration: underline;
}

.WLHeader {
  font-family: Roboto Condensed;
  font-style: normal;
  font-weight: bold;
  font-size: 24px;
  line-height: 32px;
  letter-spacing: 0.03em;
  text-decoration: underline;

  color: #202020;

  margin-left: -5px;
}

.alphabetHeader {
  font-family: Roboto Condensed;
  font-style: normal;
  font-weight: bold;
  font-size: 20px;
  line-height: 32px;
  letter-spacing: 0.03em;


  color: #606060;

  margin-left: -5px;
}

  .WeedsList > li {
    border-bottom: 1px solid #ABABAB;
  }

  .WeedsList > li:last-child {
    border-bottom: none;
  }

ol li > ol.alphabetlist {
  display: grid;
  grid-template-columns: 100%;
  visibility: visible;
  opacity: 100%;
  min-width: auto;
  position: relative;
  left: auto;
  box-shadow: none;
}

  ol li > ol li > ol.alphabetlist:hover{
    display: grid;
  }

.weedsRows {
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: auto;
}

.WeedName > a:hover, .WeedName > a:focus, .WeedName > a:focus-within {
  color: #FFF;
  background-color: #6A2C3E;
}

}

/*Large mobile*/
@media only screen and (min-width: 606px) and (max-width: 760px) {


  .header {
      padding-bottom: 10px;
    }

  .search input[type=text] {
    padding-left: 7px;
    padding-top: 5px;
    padding-bottom: 5px;
    border: 1px solid #808080;
    margin-top: 10px;
    margin-left: 10px;
    font-size: 14px;
    border-radius: 10px;
    color: #606060;

    box-shadow: 1px 3px 15px rgba(32, 32, 32, 0.25);

    font-family: Montserrat;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 18px;
    /* or 129% */

    align-items: center;

    min-width: 70%;
  }

  .search {
    padding-bottom: 10px;
    margin: 0 auto;
  }

  .ReadMe {
    width: 95%;
    height: auto;

    /* Body Copy */

    font-family: Montserrat;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 18px;
    /* or 129% */


    /* Body Copy, Title, Footer */

    color: #202020;

    background-color: #C4C4C4;
    border-radius: 10px;
    padding: 10px;
    margin: 30px auto 30px;

    box-shadow: 1px 3px 15px rgba(32, 32, 32, 0.25);
  }

  p {

    padding-bottom: 5px;
  }

  .content {
    min-height: 500px;
    width: 100%;
  }

  .searchBarButton {
    height: 28px;
    width: 70px;
    background-color: #202020;
    color: #fff;
    border-radius: 10px;
    text-transform: uppercase;
    border: 1px solid #202020;

    font-family: Roboto Condensed;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 19px;
    letter-spacing: 0.06em;

    box-shadow: 1px 3px 15px rgba(32, 32, 32, 0.25);
  }

  .section {
    display: flex;
    flex-direction: column;
  }

  .plantType {

  }

  .PTHeader {
    width: 95%;
    height: 40px;
    margin: 0 auto;

    /* H4 ID Category Items, Nav Menu Items */

    font-family: Roboto Condensed;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 19px;
    display: flex;
    align-items: center;
    letter-spacing: 0.07em;
    text-transform: uppercase;

    /* Background, Menu Items */

    color: #FFFFFF;

    /* Medium Fill */

    background: #767676;
    border-radius: 10px;

    padding-left: 15px;
    margin-bottom: 5px;
  }

  .PTOptions {
    width: 95%;
    height: auto;
    margin: 0 auto;

    display: flex;
    flex-direction: column;

    /* Light Fill */

    background: #E6E6E6;
    /* Medium Outline */

    border: 1px solid #ABABAB;
    box-sizing: border-box;
    border-radius: 10px;

    /* Menu Items */

    font-family: Roboto Condensed;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 28px;

    align-items: center;
    letter-spacing: 0.06em;
    text-transform: uppercase;


    /* Body Copy, Title, Footer */

    color: #202020;
  }

  li {
    margin: auto 0;
    padding-left: 15px;
  }

  .ReadMeLink {
    color: #6A2C3E;
    text-decoration: underline #6A2C3E;
  }

  .ReadMeLink:hover {
    color: #CF4520;
  }

  a {
    text-decoration: none;
    color: #202020;
  }

  /*a .PTOption:hover, a .PTOption:focus, a .PTOption:focus-within {
    background-color: #CF4520;
  }*/

  .PTOption {
    display: grid;
    grid-template-columns: 40% 60%;
    padding: 2px;


  }

  .PTOption:hover, .PTOption:focus, .PTOption:focus-within {
    color: #FFF;
    text-decoration: underline;
    background-color: #6A2C3E;
    border-radius: 10px;
  }

  .PTLine {
    border-bottom: 1px solid #ABABAB;
  }

  .PTImage {
    width: 100%;
    height: auto;

    border-radius: 10px;

    float: right;
    margin-right: 5px;
  }

  .radioButtons {
    padding-top: 0px;
    padding-left: 10px;
    float:left;
  }

  .WeedsList {
    margin: 0 auto;
    padding-top: 5px;
    padding-bottom: 5px;
    width: 95%;

    /* Search Results - Common Name */

    font-family: Roboto Condensed;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.03em;

    /* Category */

    background: #E6E6E6;
    /* Medium Outline */

    border: 1px solid #ABABAB;
    box-sizing: border-box;
    border-radius: 10px;
  }

  a.WeedName {
    color: #404040;
  }

  a.WeedName:hover, a.WeedName:focus {
    color: #FFF;

    text-decoration: underline;
  }

  .WLHeader {
    font-family: Roboto Condensed;
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    line-height: 32px;
    letter-spacing: 0.03em;
    text-decoration: underline;

    color: #202020;

    margin-left: -5px;
  }

  .alphabetHeader {
    font-family: Roboto Condensed;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 32px;
    letter-spacing: 0.03em;


    color: #606060;

    margin-left: -5px;
  }

  .WeedsList > li {
    border-bottom: 1px solid #ABABAB;
  }

  .WeedsList > li:last-child {
    border-bottom: none;
  }

  ol li > ol.alphabetlist {
    display: grid;
    grid-template-columns: 100%;
    visibility: visible;
    opacity: 100%;
    min-width: auto;
    position: relative;
    left: auto;
    box-shadow: none;
  }

  ol li > ol li > ol.alphabetlist:hover{
    display: grid;
  }

  .weedsRows {
    display: grid;
    grid-template-columns: 100%;
    grid-template-rows: auto;
  }

  .WeedName > a:hover, .WeedName > a:focus, .WeedName > a:focus-within {
    color: #FFF;
    background-color: #6A2C3E;
  }


}

/*Tablet*/
@media print, reader, screen  and (min-width: 761px) and (max-width: 1115px) {

  .header {
      padding-bottom: 10px;
    }

  .search input[type=text] {
    padding-left: 7px;
    padding-top: 5px;
    padding-bottom: 5px;
    border: 1px solid #808080;
    margin-top: 10px;
    margin-left: 10px;
    font-size: 14px;
    border-radius: 10px;
    color: #606060;

    box-shadow: 1px 3px 15px rgba(32, 32, 32, 0.25);

    font-family: Montserrat;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 18px;
    /* or 129% */

    align-items: center;

    min-width: 70%;
  }

  .search {
    padding-bottom: 10px;
    margin: 0 auto;

  }

  .ReadMe {
    width: 95%;
    height: auto;

    /* Body Copy */

    font-family: Montserrat;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 18px;
    /* or 129% */


    /* Body Copy, Title, Footer */

    color: #202020;

    background-color: #C4C4C4;
    border-radius: 10px;
    padding: 10px;
    margin: 60px auto 30px;

    box-shadow: 1px 3px 15px rgba(32, 32, 32, 0.25);
  }

  p {

    padding-bottom: 5px;
  }

  .content {
    min-height: 750px;
    width: 100%;
    padding-top: 60px;
  }

  .searchBarButton {
    height: 28px;
    width: 70px;
    background-color: #202020;
    color: #fff;
    border-radius: 10px;
    text-transform: uppercase;
    border: 1px solid #202020;

    font-family: Roboto Condensed;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 19px;
    letter-spacing: 0.06em;

    box-shadow: 1px 3px 15px rgba(32, 32, 32, 0.25);
  }

  .section {
    display: flex;
    flex-direction: row;
  }

  .plantType {

  }

  .PTHeader {
    width: 95%;
    height: 40px;
    margin: 0 auto;

    /* H4 ID Category Items, Nav Menu Items */

    font-family: Roboto Condensed;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 19px;
    display: flex;
    align-items: center;
    letter-spacing: 0.07em;
    text-transform: uppercase;

    /* Background, Menu Items */

    color: #FFFFFF;

    /* Medium Fill */

    background: #767676;
    border-radius: 10px;

    padding-left: 15px;
    margin-bottom: 5px;
  }

  .PTOptions {
    width: 95%;
    height: auto;
    margin: 0 auto;

    display: flex;
    flex-direction: column;

    /* Light Fill */

    background: #E6E6E6;
    /* Medium Outline */

    border: 1px solid #ABABAB;
    box-sizing: border-box;
    border-radius: 10px;

    /* Menu Items */

    font-family: Roboto Condensed;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 28px;

    align-items: center;
    letter-spacing: 0.06em;
    text-transform: uppercase;


    /* Body Copy, Title, Footer */

    color: #202020;
  }

  li {
    margin: auto 0;
    padding-left: 15px;
  }

  .ReadMeLink {
    color: #6A2C3E;
    text-decoration: underline #6A2C3E;
  }

  .ReadMeLink:hover {
    color: #CF4520;
  }

  a {
    text-decoration: none;
    color: #202020;
  }

  /*a .PTOption:hover, a .PTOption:focus, a .PTOption:focus-within {
    background-color: #CF4520;
  }*/

  .PTOption {
    display: grid;
    grid-template-columns: 40% 60%;
    padding: 2px;


  }

  .PTOption:hover, .PTOption:focus, .PTOption:focus-within {
    color: #FFF;
    text-decoration: underline;
    background-color: #6A2C3E;
    border-radius: 10px;
  }

  .PTLine {
    border-bottom: 1px solid #ABABAB;
  }

  .PTImage {
    width: 100%;
    height: auto;

    border-radius: 10px;

    float: right;
    margin-right: 5px;
  }

  .radioButtons {
    padding-top: 0px;
    padding-left: 10px;
    float: left;
  }

  .WeedsList {
    margin: 0 auto;
    padding-top: 5px;
    padding-bottom: 5px;
    width: 95%;

    /* Search Results - Common Name */

    font-family: Roboto Condensed;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.03em;

    /* Category */

    background: #E6E6E6;
    /* Medium Outline */

    border: 1px solid #ABABAB;
    box-sizing: border-box;
    border-radius: 10px;
  }

  a.WeedName {
    color: #404040;
  }

  a.WeedName:hover, a.WeedName:focus {
    color: #FFF;

    text-decoration: underline;
  }

  .WLHeader {
    font-family: Roboto Condensed;
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    line-height: 32px;
    letter-spacing: 0.03em;
    text-decoration: underline;

    color: #202020;

    margin-left: -5px;
  }

  .alphabetHeader {
    font-family: Roboto Condensed;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 32px;
    letter-spacing: 0.03em;


    color: #606060;

    margin-left: -5px;
  }

  .WeedsList > li {
    border-bottom: 1px solid #ABABAB;
  }

  .WeedsList > li:last-child {
    border-bottom: none;
  }

  ol li > ol.alphabetlist {
    display: grid;
    grid-template-columns: 50% 50%;
    visibility: visible;
    opacity: 100%;
    min-width: auto;
    position: relative;
    left: auto;
    box-shadow: none;
  }

  ol li > ol li > ol.alphabetlist:hover{
    display: grid;
  }

  .weedsRows {
    display: grid;
    grid-template-columns: 100%;
    grid-template-rows: auto;
  }

  .WeedName > a:hover, .WeedName > a:focus, .WeedName > a:focus-within {
    color: #FFF;
    background-color: #6A2C3E;
  }


}

/*Desktop*/
@media only screen and (min-width: 1116px) {

  .header {
      padding-bottom: 10px;
    }

  .search input[type=text] {
    padding-left: 7px;
    padding-top: 5px;
    padding-bottom: 5px;
    border: 1px solid #808080;
    margin-top: 10px;
    margin-left: 10px;
    font-size: 14px;
    border-radius: 10px;
    color: #606060;

    box-shadow: 1px 3px 15px rgba(32, 32, 32, 0.25);

    font-family: Montserrat;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 18px;
    /* or 129% */

    align-items: center;

    min-width: 70%;
  }

  .search label {
    padding-left: 20px;
  }
  .search {
    padding-bottom: 10px;
    margin: 0 auto;

  }

  .ReadMe {
    width: 95%;
    height: auto;

    /* Body Copy */

    font-family: Montserrat;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 18px;
    /* or 129% */


    /* Body Copy, Title, Footer */

    color: #202020;

    background-color: #C4C4C4;
    border-radius: 10px;
    padding: 10px;
    margin: 60px auto 30px;

    box-shadow: 1px 3px 15px rgba(32, 32, 32, 0.25);
  }

  p {

    padding-bottom: 5px;
  }

  .content {
    min-height: 750px;
    width: 100%;
    padding-top: 60px;
  }

  .searchBarButton {
    height: 28px;
    width: 70px;
    background-color: #202020;
    color: #fff;
    border-radius: 10px;
    text-transform: uppercase;
    border: 1px solid #202020;

    font-family: Roboto Condensed;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 19px;
    letter-spacing: 0.06em;

    box-shadow: 1px 3px 15px rgba(32, 32, 32, 0.25);
  }

  .section {
    display: flex;
    flex-direction: row;
  }

  .plantType {

  }

  .PTHeader {
    width: 95%;
    height: 40px;
    margin: 0 auto;

    /* H4 ID Category Items, Nav Menu Items */

    font-family: Roboto Condensed;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 19px;
    display: flex;
    align-items: center;
    letter-spacing: 0.07em;
    text-transform: uppercase;

    /* Background, Menu Items */

    color: #FFFFFF;

    /* Medium Fill */

    background: #767676;
    border-radius: 10px;

    padding-left: 15px;
    margin-bottom: 5px;
  }

  .PTOptions {
    width: 95%;
    height: auto;
    margin: 0 auto;

    display: flex;
    flex-direction: column;

    /* Light Fill */

    background: #E6E6E6;
    /* Medium Outline */

    border: 1px solid #ABABAB;
    box-sizing: border-box;
    border-radius: 10px;

    /* Menu Items */

    font-family: Roboto Condensed;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 28px;

    align-items: center;
    letter-spacing: 0.06em;
    text-transform: uppercase;


    /* Body Copy, Title, Footer */

    color: #202020;
  }

  li {
    margin: auto 0;
    padding-left: 15px;
  }

  .ReadMeLink {
    color: #6A2C3E;
    text-decoration: underline #6A2C3E;
  }

  .ReadMeLink:hover {
    color: #CF4520;
  }

  a {
    text-decoration: none;
    color: #202020;
  }

  /*a .PTOption:hover, a .PTOption:focus, a .PTOption:focus-within {
    background-color: #CF4520;
  }*/

  .PTOption {
    display: grid;
    grid-template-columns: 40% 60%;
    padding: 2px;


  }

  .PTOption:hover, .PTOption:focus, .PTOption:focus-within {
    color: #FFF;
    text-decoration: underline;
    background-color: #6A2C3E;
    border-radius: 10px;
  }

  .PTLine {
    border-bottom: 1px solid #ABABAB;
  }

  .PTImage {
    width: 100%;
    height: auto;

    border-radius: 10px;

    float: right;
    margin-right: 5px;
  }

  .radioButtons {
    padding-top: 0px;
    padding-left: 10px;
    float: left;
  }

  .WeedsList {
    margin: 0 auto;
    padding-top: 5px;
    padding-bottom: 5px;
    width: 95%;

    /* Search Results - Common Name */

    font-family: Roboto Condensed;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.03em;

    /* Category */

    background: #E6E6E6;
    /* Medium Outline */

    border: 1px solid #ABABAB;
    box-sizing: border-box;
    border-radius: 10px;
  }

  a.WeedName {
    color: #404040;
  }

  a.WeedName:hover, a.WeedName:focus {
    color: #FFF;
    text-decoration: underline;
  }

  .WLHeader {
    font-family: Roboto Condensed;
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    line-height: 32px;
    letter-spacing: 0.03em;
    text-decoration: underline;

    color: #202020;

    margin-left: -5px;
  }

  .alphabetHeader {
    font-family: Roboto Condensed;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 32px;
    letter-spacing: 0.03em;
    color: #606060;

    margin-left: -5px;
  }

  .WeedsList > li {
    border-bottom: 1px solid #ABABAB;
  }

  .WeedsList > li:last-child {
    border-bottom: none;
  }

  .weedsRows {
    display: grid;
    grid-template-columns: 100%;
    grid-template-rows: auto;
  }

  .WeedName > a:hover, .WeedName > a:focus, .WeedName > a:focus-within {
    color: #FFF;
    background-color: #6A2C3E;
  }

  ol li > ol.alphabetlist {
    display: grid;
    grid-template-columns: 50% 50%;
    visibility: visible;
    opacity: 100%;
    min-width: auto;
    position: relative;
    left: auto;
    box-shadow: none;
  }

  ol li > ol li > ol.alphabetlist:hover{
    display: grid;
  }
}

@media only screen and (min-width: 1000px) {
  .section {
    width: 1000px;
    margin: 0 auto;
  }

  .footer {
    width: 100%;
  }
}