/* ReSharper disable DeclarationIsEmpty */

/* Show Bootstrap Grid 
div[class="row"] {
  outline: 1px dotted rgba(0, 0, 0, 0.25);
}

div[class^="col-"] {
  background-color: rgba(255, 0, 0, 0.2);
  outline: 1px dotted rgba(0, 0, 0, 0.5);
}
*/

/* ========== HTML Element styles ========== */

html {
    font-size: 14px;
    min-height: 100%;
    position: relative;
}

a {
    color: #0366d6;
}

h1, h2, h3, h4, h5 {
    line-height: 1.2;
}

h1, h2 {
    font-weight: 300;
}

h3, h4, h5 {
    font-weight: 400;
}

.h3.instruction {
    display: inline-block;
    margin-top: .75rem;
}

ul {
    margin: .5em;
    padding: 0;
}

    ul li {
        list-style: none;
    }

        ul li ul {
            margin: 0;
            padding: 0;
        }

body {
    background-attachment: fixed;
    background-image: url("/images/backgrounds/mayfly-watermark-400.png");
    background-position-x: center;
    background-position-y: center;
    background-repeat: no-repeat;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
}

header {
    position: fixed;
    width: 100%;
    z-index: 2;
}

main {
    padding-right: 1.1rem !important;
    position: absolute;
    top: 7rem;
    z-index: 1;
}

section {
    display: block;
    margin-bottom: .5rem;
}

p {
    margin-bottom: .25rem;
}

label {
    cursor: pointer;
}

/* ======= nav style overrides ===========*/
.stretch-ui {
    height: 0;
    position: relative;
    visibility: hidden;
}

.navbar-collapse.collapse .nav-link {
    display: inline;
}

.white-bg {
    background-color: #ffffff;
}

.navbar-collapse.show .nav-link {
    display: block;
}

/* ======= id-specific and classes ====== */

.photo-mat img.merchant-logo {
    width: 6rem;
}

.purchase-info, .tying-info {
    border-top: 1px solid lightgray;
    margin: 1rem 0 0 0;
}

.flypattern-tutorial, .flypattern-purchase {
    margin: 0 0 0 .5rem;
}

.fly-recommendations-summary {
    background-color: #434343;
    border: 1px solid lightgoldenrodyellow;
    border-radius: .4rem;
    color: #ebf5e6;
    display: table;
    font-size: .8rem;
    left: 0;
    width: 23rem;
    padding: .3rem;
    position: relative;
    margin-top: 1rem;
}
    .fly-recommendations-summary li {
        list-style: none;
    }

    .fly-recommendations-summary span {
        display: inline-block;
    }

    .fly-recommendations-summary a {
        color: burlywood;
    }

    .fly-recommendations-summary img {
        display: inline-block;
        height: 2.5rem;
        vertical-align: top;
    }

.social-footer {
    margin-top: 2rem;
}


    .social-footer div.row div {
        display: table;
        margin-bottom: 1rem;
    }


.social a:hover {
    text-decoration: none;
}

.terms-links {
    border-bottom: 1px solid lightgray;
    margin: 0 0 1rem;
}

.terms-section {
    border-bottom: 1px solid lightgray;
    margin: 0;
    padding-top: 5rem;
}

    .terms-section h3 {
        font-weight: 600;
    }

    .terms-section h4 {
        font-weight: 500;
    }

.phrase-category {
    line-height: 2rem;
    margin: 0;
    text-align: left;
}

.tagline {
    color: #ebf5e6;
    font-size: 1.1rem;
    font-style: italic;
    position: fixed;
    top: 3.5rem;
}

.creature-common-name {
    font-size: 1.1rem;
}

.note {
    display: inline-block;
    font-size: .9rem;
    padding-left: 2rem;
}

.info-page p.row {
    margin-bottom: .25rem;
}

.info-page p.small {
    font-size: .9rem;
}

.info-page p {
    font-size: 1.1rem;
    margin-bottom: .75rem;
}

.info-page label {
    margin-bottom: 0;
}

.info-page hr {
    margin-bottom: 1rem;
}

section.info-page {
    padding-bottom: 4rem;
}

div.error {
    color: darkred;
    font-size: .9rem;
}

    div.error > label {
        border: 1px dashed darkred;
        padding: .3em;
        position: relative;
        top: .2rem;
    }

#region-select {
    margin-bottom: 1rem;
}

.region-selection-container {
    margin: .5rem 0 0;
}

    .region-selection-container ul li {
        display: inline;
        white-space: nowrap;
        margin: 0 1rem 0 0;
    }

        .region-selection-container ul li label {
            margin: 0;
        }

#region-image {
    max-width: 600px;
    width: 100%;
}

.octicon-x {
    color: black;
}

.hatchpedia-chevron-icon {
    color: darkgreen;
    cursor: pointer;
    display: block;
    height: 2rem;
    font-size: 2rem !important;
    font-weight: bold;
    position: relative;
}

.toggle-label {
    position: relative;
    top: -.1rem;
    vertical-align: text-bottom;
}

/* Safari Hacks */
@media not all and (min-resolution:.001dpcm) {
    /* All Safari */
    @supports (-webkit-appearance:none) and (stroke-color:transparent) {
        .toggle-label {
            display: table-cell;
            top: 0;
        }
    }

    /* Mac Safari */
    @supports not (-webkit-touch-callout: none) {
        #region-select {
            font-size: 2rem;
        }
    }
}

div.hatchdate-container {
    position: relative;
}

li.legend {
    margin: .5rem 0 0 0;
}

    li.legend p {
        margin: 0;
    }

#registration-complete {
    display: none;
}

.search-example {
    font-size: 1.1rem;
    font-weight: 600;
}

.instructional-image, .media-thumbnail {
    font-size: 1.05rem;
    font-weight: 600;
}

.instructional-image, .media-thumbnail, .inline-terms, .screenshot, .search-example, .register-page, .renew-page, .renew-button, .undo-cancellation-button, .StripeElement--complete,
.common-search {
}

.success {
    color: darkgreen;
    font-weight: 600;
    padding: 1rem 0 0;
}

.creature-warning {
    font-weight: 600;
    color: #333;
}

li.octicon.creature-warning {
    font-family: inherit !important;
    font-size: inherit !important;
    display: block;
}

    li.octicon.creature-warning::before {
        color: goldenrod;
        content: "\f02d";
        display: inline-block;
        font-family: Octicons;
        font-size: 1.5rem;
        padding: 0 .5rem 0 0;
        position: relative;
        top: 2px;
    }



#billing-history-section {
    margin-bottom: 4rem;
    margin-top: 1rem;
}

#inline-terms-section {
    display: none;
    left: -1rem;
    position: absolute;
    top: 0;
    z-index: 3;
}

#inline-terms-container a {
    color: #212529;
}

    #inline-terms-container a:hover {
        color: #212529;
        cursor: default;
        text-decoration: none;
    }

#inline-terms-container .photo-mat {
    width: 100%;
}

.photo-mat div.content {
    background-color: #ebf5e6;
    padding: .5rem;
}

.bulleted-list li {
    list-style: disc;
}

#subscription-list li {
    padding: 0 0 .5rem 0;
}

.best-value {
    font-weight: 600;
    color: darkgreen;
}

li.octicon.best-value {
    font-family: inherit !important;
    font-size: inherit !important;
}

    li.octicon.best-value::after {
        color: darkgreen;
        content: "\f02a";
        display: inline-block;
        font-family: Octicons;
        font-size: 1.5rem;
        padding: 0 0 0 .5rem;
        position: relative;
        top: 2px;
    }

.emphasis {
    font-style: italic;
}

#hatchdate-timeline {
    width: 100%;
}

    #hatchdate-timeline span {
        background-color: #ccc;
        display: inline-block;
        font-family: courier, monospace;
        text-align: center;
        width: 8%;
    }

    #hatchdate-timeline .timeline-month {
        border-left: 1px solid #212529;
        border-bottom: 1px solid #212529;
        border-top: 1px solid #212529;
        color: #212529;
    }

    #hatchdate-timeline span.timeline-month:first-of-type {
        border-left: 1px solid #212529;
        border-bottom-left-radius: 3px;
        border-top-left-radius: 3px;
    }

    #hatchdate-timeline span.timeline-month:last-of-type {
        border-right: 1px solid #212529;
        border-bottom-right-radius: 3px;
        border-top-right-radius: 3px;
    }

    #hatchdate-timeline .timeline-month.full {
        background-color: green;
        color: #ebf5e6;
    }

    #hatchdate-timeline .timeline-month.early-start {
        background-image: linear-gradient(to left, green, lightgreen);
    }

    #hatchdate-timeline .timeline-month.late-end {
        background-image: linear-gradient(to right, green, lightgreen);
    }

    #hatchdate-timeline .timeline-month.mid-start {
        background-image: linear-gradient(to left, green, lightgreen, #ccc, #ccc);
    }

    #hatchdate-timeline .timeline-month.mid-end {
        background-image: linear-gradient(to right, green, lightgreen, #ccc, #ccc);
    }

    #hatchdate-timeline .timeline-month.standalone {
        background-image: linear-gradient(to right, lightgreen, green, green, lightgreen);
        color: #ebf5e6;
    }

#message-dialog {
    border: 2px solid transparent;
    display: none;
    position: absolute;
    z-index: 2000;
}

.message-mat {
    background-color: #ebf5e6;
    border: .5em solid goldenrod;
    padding: .5rem;
}

.species-photo-qualifier {
    color: #ebf5e6;
}

.genus-photo-qualifier, .family-photo-qualifier, .order-photo-qualifier {
    color: goldenrod;
}

    .species-photo-qualifier::before, .genus-photo-qualifier::before, .family-photo-qualifier::before, .order-photo-qualifier::before {
        display: inline-block;
        font-family: "Octicons";
        font-size: .9rem;
        padding: 0 .25rem 0 0;
        position: relative;
        top: 1px;
    }

.species-photo-qualifier::before {
    color: green;
    content: "\f02a";
}

.family-photo-qualifier::before, .order-photo-qualifier::before {
    color: goldenrod;
    content: "\f02d";
}

.lifecycle-info, .photo-qualifier {
    display: block;
}

#advanced-search-section {
    padding-bottom: 1rem;
}

#search-instruction-section {
    padding-bottom: 4rem;
}

#search-instruction-section, #advanced-search-section, #common-searches-section {
    padding-bottom: 1rem;
    position: relative;
    top: 10rem;
    z-index: 1;
}

#common-searches-section {
    text-align: center;
}

    #search-instruction-section ul, #advanced-search-section ul, #common-searches-section ul {
        margin-top: 0;
    }

        #search-instruction-section ul, #advanced-search-section ul, #common-searches-section ul li {
            position: relative;
        }

    #common-searches-section ul {
        margin-bottom: 1.5rem;
        text-align: left;
    }

        #common-searches-section ul li, #common-searches-section ul li figure {
            display: inline;
            position: relative;
        }

            #common-searches-section ul li div {
                display: inline-block;
                padding: 0 1rem 0 0;
            }

            #common-searches-section ul li figure figcaption, #common-searches-section ul li figure input {
                display: inline-block;
                position: relative;
            }

            #common-searches-section ul li figure figcaption {
                bottom: .25rem;
                color: #fff;
                font-size: 1.2rem;
                left: .5rem;
                position: absolute;
                text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
                z-index: 1;
            }

            #common-searches-section ul li figure input {
                display: inline;
                border: 3px solid green;
                border-radius: 8px;
            }

#search-instruction-section li {
    list-style: none;
    margin-left: 1rem;
}

figcaption a, figcaption a:active, figcaption a:hover {
    color: lightgoldenrodyellow;
}

.small.photo-credit {
    margin-top: 1rem;
}

    .small.photo-credit, .small.photo-credit a {
        color: lightgoldenrodyellow !important;
    }

button.close::before {
    content: '< Results view';
}

.taxon {
    font-style: italic;
}

#species-range-list {
    padding: 0 0 1rem 1rem;
}

    #species-range-list li {
        display: inline;
    }

        #species-range-list li::after {
            content: ", "
        }

        #species-range-list li:last-of-type::after {
            content: ""
        }

.detail-header h3 {
    display: inline;
}

.detail-header button.close {
    background: transparent;
    border: 1px solid black;
    border-radius: .1rem;
    clear: both;
    float: none;
    font-size: 1rem;
    font-weight: normal;
    margin: 0 0 0 10rem;
    opacity: 1;
    padding: .3rem;
    position: relative;
    top: .3rem;
    vertical-align: super;
}

    .detail-header button.close:not(:disabled):not(.disabled):hover,
    .detail-header button.close:not(:disabled):not(.disabled):focus {
        opacity: .8;
        color: navy;
        background-color: #fff;
    }

.taxon-inline {
    margin-bottom: 1rem;
}

    .taxon-inline li {
        display: inline;
    }

        .taxon-inline li span {
            font-style: italic;
        }

div.container.content {
    padding: 0;
}

#detail-view {
    display: none;
    position: relative;
    top: 10.5rem;
    z-index: 1;
}

    #detail-view .creature-thumbnail figure img {
        width: 240px;
    }

#search-form-section {
    background-color: #ebf5e6;
    padding: 1rem 0 .25rem;
    position: fixed;
    top: 5rem;
    width: 100%;
    z-index: 2;
}

#search-results {
    display: block;
    position: relative;
    top: 9.5rem;
    z-index: 1;
}

#search-results-body {
    padding-bottom: 1rem;
}

#instructional-image-lightbox, #screenshot-image-lightbox {
    display: inline;
    left: .4rem;
    padding-bottom: 4rem;
    position: absolute;
    max-width: 360px;
    z-index: 1;
}

#instructional-image-container {
    display: none;
    position: relative;
}

#screenshot-image-lightbox {
    display: none;
    position: absolute;
}

    #instructional-image-container .photo-mat, #screenshot-image-lightbox .photo-mat {
        width: 100%;
    }

#screenshot-image-container figure {
    margin: 0;
}

#lightbox {
    position: fixed;
    width: 100%;
    display: flex;
    justify-content: center;
    z-index: 1000;
}

#photo-container {
    display: none;
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
}

.photo-mat img {
    border: 2px solid #333;
    width: 100%;
}

.photo-mat figcaption {
    color: #ebf5e6;
    padding: .5rem 1rem 0;
}

.photo-mat {
    background-color: #333;
    border: .5em solid #ccc;
}

.force-bottom-margin {
    height: 5rem;
}

#search-form-section div {
    display: table-row;
}

#detail-view-body .photo-mat {
    width: 100%;
    max-width: 600px;
}

.navbar-toggler {
    position: relative;
    right: .5rem;
}

/* extra-large breakpoint */
@media only screen and (min-width: 1200px) {
    .navbar-collapse {
        position: absolute;
        right: 0;
    }

    .creature-thumbnail figure img {
        width: 360px;
    }

    #search-submit {
        font-size: 1.4rem;
    }

    .creature-thumbnail-wrapper {
        height: 510px;
    }
}

/* large breakpoint - not extra large */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .navbar-collapse {
        position: absolute;
        right: 0;
    }

    .creature-thumbnail figure img {
        width: 240px;
    }

    .fly-recommendations-summary {
        width: 18rem;
    }

    #search-submit {
        font-size: 1.3rem;
    }

    .creature-thumbnail-wrapper {
        height: 440px;
    }
}

/* medium - not large */
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .navbar-collapse {
        position: absolute;
        right: 0;
    }

    .creature-thumbnail-wrapper {
        height: inherit;
        width: 378px;
    }
    
    .creature-thumbnail figure img {
        width: 320px;
    }

    .creature-item ul li.creature-thumbnail {
        min-height: inherit !important;
    }

    h1 {
        font-size: 2em;
    }

    #search-submit {
        font-size: 1.2rem;
    }
}

/* small breakpoint */
@media only screen and (max-width: 767px) {
    .navbar-collapse {
        position: absolute;
        right: 0;
    }

    .creature-thumbnail-wrapper {
        height: inherit;
        width: 378px;
    }

    .creature-thumbnail figure img {
        width: 320px;
    }

    .creature-item ul li.creature-thumbnail {
        min-height: inherit !important;
    }


    h1 {
        font-size: 1.8em;
    }

    #search-submit {
        font-size: 1.2rem;
    }

    #common-searches-section ul li div {
        padding: 0;
    }
}


/* SEARCH UI */
/* extra-large breakpoint */
@media only screen and (min-width: 1200px) {
    .search {
        width: 56rem;
    }
}

/* large breakpoint - not extra large */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .search {
        width: 42rem;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .search {
        width: 36rem;
    }
}

/* small breakpoint */
@media only screen and (min-width: 561px) and (max-width: 767px) {
    .search {
        width: 29rem;
    }
}

/* progressive */
@media only screen and (min-width: 489px) and (max-width: 560px) {
    .search {
        width: 24rem;
    }
}

/* progressive */
@media only screen and (min-width: 443px) and (max-width: 488px) {
    .search {
        width: 21rem;
    }
}

/* progressive */
@media only screen and (min-width: 421px) and (max-width: 442px) {
    .search {
        width: 20rem;
    }
}

/* progressive */
@media only screen and (min-width: 393px) and (max-width: 420px) {
    .search {
        width: 18rem;
    }
}

/* very small breakpoint */
@media only screen and (max-width: 392px) {
    .search {
        width: 15rem;
    }
}


@media only screen and (max-width: 768px) {
    .stretch-ui {
        display: none;
    }
}

@media only screen and (max-width: 575px) {
    .navbar-collapse {
        background-color: #00204e;
        border: none;
        position: relative;
        top: 6px;
    }

    .navbar-light .navbar-nav a.nav-link {
        padding: .5rem 1rem;
    }
}

@supports (-webkit-touch-callout: none) {
    #advanced-search-section, #search-instruction-section, #search-results {
        top: 10.5rem;
    }

    #search-form-section div:nth-of-type(2) {
        margin: .5rem 0 0 0 !important;
        padding: 0 !important;
    }

    #search-form-section div:nth-of-type(3) {
        margin: 0 !important;
        padding: 0 !important;
    }
}

button.info-button {
    height: 32px;
    padding: 0;
    display: table-cell;
    vertical-align: baseline;
}

    button.info-button:focus {
        border: none;
        box-shadow: none;
    }

.octicon {
    display: inline;
}

    .octicon::before {
        display: table-cell;
        font-size: 1rem;
    }

.confidence {
    display: inline-block;
    font-weight: 400;
    list-style: none;
    word-wrap: normal;
}

.confidence-0 {
    color: #808080;
}

.confidence-1 {
    color: #800000;
}

.confidence-2 {
    color: #db6e84;
}

.confidence-3 {
    color: #999900;
}

.confidence-4 {
    color: #5c8d5c;
}

.confidence-5 {
    color: darkgreen;
}

.octicon.light-bulb::before {
    content: "\f000";
    color: green;
}

li.octicon.star-0::before {
    content: "\f02a";
    color: #fcc;
}

li.octicon.star-1::before {
    content: "\f02a";
    color: #bbb;
}

li.octicon.star-2::before {
    content: "\f02a \f02a";
    color: #888;
}

li.octicon.star-3::before {
    content: "\f02a \f02a \f02a";
    color: #555;
}

li.octicon.star-4::before {
    content: "\f02a \f02a \f02a \f02a";
    color: #66bb6a;
}

li.octicon.star-5::before {
    content: "\f02a \f02a \f02a \f02a \f02a";
    color: darkgreen;
}

span.octicon.ios {
    position: relative;
    top: -.5rem;
    font-size: 1.5rem;
}

span.octicon {
    font-size: 1.5rem;
}

.latin {
    font-style: italic;
}

.creature-item {
    margin: 0 0 2rem 0;
}

.creature-thumbnail-wrapper {
    background-color: #333;
    border: .5em solid #ccc;
    align-content: center;
    padding: 1.5rem;
}

.creature-item ul li.creature-thumbnail {
    min-height: 340px;
}

.creature-item:last-child {
    margin-bottom: 4em;
}

.creature-item p {
    margin: 0;
}

.creature-summary figcaption a {
    color: burlywood;
}

.creature-thumbnail {
    padding: .5rem .5rem 0 .5rem;
    width: 100%;
    min-width: 200px;
}

    .creature-thumbnail figure {
        margin: 0;
    }

        .creature-thumbnail figure img {
            border: 2px solid gray;
            cursor: pointer;
            display: block;
            margin-left: auto;
            margin-right: auto;
            max-height: 100%;
            max-width: 100%;
        }

            .creature-thumbnail figure img.not-available {
                cursor: default;
            }

        .creature-thumbnail figure figcaption {
            color: #ebf5e6;
            font-size: 1rem;
        }

.lds-spinner {
    display: none;
    position: fixed;
    width: 80px;
    height: 80px;
    margin-left: -20px;
    margin-top: -20px;
    top: 11rem;
    z-index: 2000;
}

    .lds-spinner div {
        transform-origin: 20px 20px;
        animation: lds-spinner 1.2s linear infinite;
    }

        .lds-spinner div:after {
            content: " ";
            display: block;
            position: absolute;
            top: 5px;
            left: 28px;
            width: 5px;
            height: 20px;
            border-radius: 50%;
            border: 1px solid black;
            background: darkgoldenrod;
        }

        .lds-spinner div:nth-child(1) {
            transform: rotate(0);
            animation-delay: -1.1s;
        }

        .lds-spinner div:nth-child(2) {
            transform: rotate(30deg);
            animation-delay: -1s;
        }

        .lds-spinner div:nth-child(3) {
            transform: rotate(60deg);
            animation-delay: -0.9s;
        }

        .lds-spinner div:nth-child(4) {
            transform: rotate(90deg);
            animation-delay: -0.8s;
        }

        .lds-spinner div:nth-child(5) {
            transform: rotate(120deg);
            animation-delay: -0.7s;
        }

        .lds-spinner div:nth-child(6) {
            transform: rotate(150deg);
            animation-delay: -0.6s;
        }

        .lds-spinner div:nth-child(7) {
            transform: rotate(180deg);
            animation-delay: -0.5s;
        }

        .lds-spinner div:nth-child(8) {
            transform: rotate(210deg);
            animation-delay: -0.4s;
        }

        .lds-spinner div:nth-child(9) {
            transform: rotate(240deg);
            animation-delay: -0.3s;
        }

        .lds-spinner div:nth-child(10) {
            transform: rotate(270deg);
            animation-delay: -0.2s;
        }

        .lds-spinner div:nth-child(11) {
            transform: rotate(300deg);
            animation-delay: -0.1s;
        }

        .lds-spinner div:nth-child(12) {
            transform: rotate(330deg);
            animation-delay: 0;
        }

@keyframes lds-spinner {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

nav.navbar {
    background-color: #00204e;
    height: 5rem;
    margin-bottom: 0 !important;
}

.navbar-collapse {
    border-radius: 4px;
    padding: 4px;
}

.navbar.navbar-light .navbar-toggler {
    border-color: #ebf5e6;
}

    .navbar.navbar-light .navbar-toggler .navbar-toggler-icon {
        background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(240, 240, 240, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
    }

.navbar-light .navbar-nav a.nav-link {
    color: #ebf5e6;
    font-weight: 600;
}

    .navbar-light .navbar-nav a.nav-link:hover, .navbar-light .navbar-nav a.nav-link:focus {
        background-color: #ebf5e6;
        color: #212529;
    }

.btn-primary {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

.border-top {
    border-top: 1px solid #e5e5e5;
}

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

.box-shadow {
    box-shadow: 0 .25rem .75rem #000000;
    box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy {
    font-size: 1rem;
    line-height: inherit;
}

.footer {
    background-color: #fff;
    bottom: 0;
    opacity: .85;
    position: fixed;
    white-space: nowrap;
    width: 100%;
    z-index: 2;
}

    .footer p {
        line-height: 2rem;
    }