.single-post { .post-content { color: $color__text-main; @include font-size(15); margin-bottom: 77px; line-height: 2em; } > .post { > .post-title { @include font-size(40); line-height: 50 / 40 * 1em; margin-bottom: 80px; } } &:not(.contact-page) { .post-title { max-width: 800px; } } &.contact-page { .post-title { margin-bottom: 50px; } .post-content { @include font-size(12); color: $color__text-light; } } .post-footer { text-align: center; margin-bottom: 100px; &:before, &:after { content: " "; display: block; width: 90px; height: 1px; margin: 0 auto; background: #d7b489; } &:before { margin-bottom: 28px; } &:after { margin-top: 38px; } p { color: $color__link; font-family: $font__secondary; @include font-size(25); line-height: 35 / 25 * 1em; margin: 0; } } .author-box { margin-bottom: 150px; } } .single-separate { height: 0; width: 100%; display: block; border-bottom: 1px solid #eee; position: relative; &__content { position: absolute; left: 50%; top: 0; width: 100%; max-width: 400px; text-align: center; background-color: #fff; transform: translate(-50%, -50%); } .apss-social-share { text-align: center; } .apss-single-icon { display: inline-block; } } .apss-theme-3 .apss-single-icon a { margin-left: 10px; margin-right: 10px; } .adjacent-post-box { -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-repeat: no-repeat; background-color: #ccc; margin-bottom: 150px; &:not(.no-bg) { position: relative; height: 300px; &:after { content: " "; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; background-color: rgba(0, 0, 0, 0.6); } .post { position: absolute; top: 50%; left: 0; width: 100%; z-index: 100; transform: translateY(-50%); } } .post { padding-left: 90px; padding-right: 90px; margin-bottom: 0; max-width: 870px; > span { font-size: 12px; font-family: $font__secondary; color: #fff; text-transform: uppercase; } } .post-title { color: #fff; margin-bottom: 0; margin-top: 10px; font-size: 30px; a:hover { color: inherit; } } } .related-posts { margin-bottom: 86px; .post { margin-bottom: 50px; } .page-heading { margin-bottom: 50px; } .col-sm-6 { @media (max-width: $size__screen-sm-max) { &:nth-of-type(2n+1) { clear: both; } } } .col-md-3 { @media (max-width: $size__screen-md-max) { &:nth-of-type(4n+1) { clear: both; } } } } body.single .layout-no-sidebar .content-area { margin-bottom: 0; } body.single .layout-no-sidebar + footer { border-top: 0; }