#content {
    .recipe-ingredients
    ,.recipe-instructions {
        line-height: 25px;
    }
    
    .blog-title
    ,.recipe-title {
        margin: 0px;

        a {
            color: $color-gray-darker;
            font-size: 30px;
            margin-top: #{$margin-vert};
            display: inline-block;
            font-weight: bold;
        }
    }

    .recipe-title {
        a {
            margin-top: #{$margin-vert * 2};
        }
    }
    
    .blog-by
    ,.recipe-author {
        font-style: italic;
        color: #9b9b9b;
    }

    .recipe-ingredients
    ,.recipe-instructions {
        margin-top: $margin-vert;
    }

    .recipe-ingredients {
        li {
            padding-bottom: 10px;
        }
    }
}


.blog-navigation {
    ul {
        @include ul-reset();

        li {
            display: inline-block;
            margin-bottom: 0px;

            a {
                display: block;
                border: solid 1px $color-gray-dark;
                width: 32px;
                height: 32px;
                line-height: 30px;
                text-align: center;
                font-size: 14px;
                color: $color-gray-dark;

                &:hover {
                    background-color: $color-gray-dark;
                    color: white;
                    text-decoration: none;
                }

                .fp-icon-angle-right, .fp-icon-angle-left {
                    vertical-align: middle;

                    &::before {
                        font-size: 16px;
                    }
                }
            }

            &.active {
                background-color: $color-gray-dark;

                a {
                    color: white;
                }
            }

            .fp-icon-angle-left, .fp-icon-angle-right {
                //font-family: 'sendiksicons';
            }

            .fp-icon-angle-left {
                &::before {
                   //content: $font-sendiksicons-angle-left;
                }
            }

            .fp-icon-angle-right {
                &::before {
                    //content: $font-sendiksicons-angle-right;
                }
            }
        }
    }

    .navigation-pages {
        float: left;
    }

    .navigation-pagecount {
        color: $color-gray-dark;
        float: right;
        line-height: 32px;
    }
}