.main_content {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 16px;
    color: rgb(10, 10, 40);
    background-color: rgb(255, 255, 255);
    line-height: 1.15;
    max-width:1200px;
    margin:auto;
}

@media only screen and (max-width: 1300px) {
    .main_content {
        margin-left: 50px;
        margin-right: 15px;
    }
}

ol {
    padding-left:13px;
}

.genus_last_edited {
    text-align:center;
    padding-top:10px;
    padding-bottom:10px;
    font-style:italic;
    color: rgb(70, 70, 70);
}

.banner_image {
    width:100%;
}

/*Currently off*/
.off_hidden_taxon {
    visibility: hidden; 
    display: none;
}

h1 {
    font-size:40px;
}

h1, h2 {
    text-align:center;
    font-weight:normal;
    margin-bottom:5px;
}

h3 {
    margin-left:13px;
}

.genus_name {
    font-weight:bold;
}

.photo_icon {
    background:url(../images/camera_icon.png) center right no-repeat;
    width:1em;
    height:1em;
    display:inline-block;
    background-size: 1em auto;
}

.book_icon {
    background:url(../images/book_icon.png) center right no-repeat;
    width:1em;
    height:1em;
    display:inline-block;
    background-size: 1em auto;   
}

.family_icon {
    min-height:1.2em;
    height: 1.2em;
    display:inline-block;
    vertical-align: text-bottom;
}

.family_icon img {
    width:100%;
    min-height:1.2em;
    height: 1.2em;
    display:inline-block;
    vertical-align: text-bottom;
}

.family_literature_reference {
    padding-bottom:8px;
}

a:link {
  text-decoration: none;
}

.binomial, .genus_name, genus_name {
    font-style: italic;
}

.current_name .binomial {
    font-weight:bold;
}

li {
    padding-bottom: 0.4em;
}

li:last-child { 
    padding-bottom: 0px; 
}

label {
    font-weight: bold;
}

.synonym_symbol {
    font-size:1em;
    font-weight:bold;
}

.annotation.native {
    color: green;
    font-weight:bold;
}

.annotation.naturalized {
    color: rgb(0,117,255);
    font-weight:bold;
}

.annotation.cryptogenic {
    color: rgb(160, 64, 192);
    font-weight:bold;
}

.annotation.cultivated {
    color: rgb(255,117,117);
    font-weight:bold;
}

.filter_area {
    background: lightgrey;
    padding:20px;
    margin-bottom:30px;
}

.filter_main_div {
    /*position: sticky;
    top: 0; */
    background: white;
}

.all_genera {
    padding-bottom:50px;
    padding-top:20px;
}

.filter_button {
    padding-left:10px;
}

footer {
    background-color: rgb(220, 220, 220);
    padding:10px;
    margin-top:20px;
}

footer p {
    margin:5px;
    text-align:center;

}


.genus_block {
    /* Put a thin line after each of the genus sections */
    margin-bottom:40px;
    border-bottom: 1px solid lightgrey;
}

/* This additional rule tells it to NOT put a line after the last genus on the page. */
.genus_block:last-child {
    margin-bottom: 0px;
    border-bottom: none;
}

.family_synonyms {
    text-align:center;
    font-size:1.2em;
    color:rgb(75,75,75);
}

.column {
    float: left;
    padding: 5px;
}

.column.two {
    width: 50%;
}

@media screen and (max-width: 800px) {
    .column.two {
      width: 100%;
    }
}

.row::after {
    content: "";
    clear: both;
    display: table;
}

.row_heading {
    text-align: left;
}