.text-left { text-align: left !important; } .text-right { text-align: right !important; } .text-center { text-align: center !important; } @media (min-width: 576px) { .text-sm-left { text-align: left !important; } .text-sm-right { text-align: right !important; } .text-sm-center { text-align: center !important; } } @media (min-width: 768px) { .text-md-left { text-align: left !important; } .text-md-right { text-align: right !important; } .text-md-center { text-align: center !important; } } @media (min-width: 992px) { .text-lg-left { text-align: left !important; } .text-lg-right { text-align: right !important; } .text-lg-center { text-align: center !important; } } @media (min-width: 1200px) { .text-xl-left { text-align: left !important; } .text-xl-right { text-align: right !important; } .text-xl-center { text-align: center !important; } } /*blog default post style*/ .section-style-div { width: 100%; } .post-details-page>article { margin-bottom: 0; padding-bottom: 0; border: 0; box-shadow: none; } body.custom-background .post-details-page>article.post { padding: 30px; } .post-details-page article:hover { box-shadow: none; } .post-details-page .author-portfolio-standard-post__blog-meta a, .post-details-page .author-portfolio-standard-post__blog-meta span.posted-on a, .post-details-page .author-portfolio-standard-post__blog-meta>span.posted_by a i { color: #000000; } .author-portfolio-standard-post__blog-meta>span.posted-on a time.entry-date.published:not(.updated) { display: none; } .post-details-page .recommended-post-section .author-portfolio-standard-post__blog-meta a, .post-details-page .recommended-post-section .author-portfolio-standard-post__blog-meta span.posted-on a, .post-details-page .recommended-post-section .author-portfolio-standard-post__blog-meta>span.posted_by a>i { color: #444444; } .post-details-page .author-portfolio-standard-post__blog-meta .fa { color: #fb4747; } .author-portfolio-standard-post.no-post-thumbnail, .author-portfolio-standard-post { border: none; padding: 0; border-radius: 5px; background: #ffffff; box-shadow: 0px 0px 20px rgb(0 0 0 / 9%); transition: .4s; position: relative; } .author-portfolio-standard-post.no-post-thumbnail:hover, .author-portfolio-standard-post:hover { box-shadow: 0px 0px 30px rgb(0 0 0 / 9%); } .author-portfolio-standard-post .author-portfolio-standard-post__full-summery a { color: #fb4747; font-weight: 700; text-decoration: underline; } .author-portfolio-standard-post__full-summery { color: #000000; } .author-portfolio-standard-post__full-summery p, .author-portfolio-standard-post__full-summery>ul, .author-portfolio-standard-post__full-summery>ol, .author-portfolio-standard-post__full-summery h1, .author-portfolio-standard-post__full-summery h2, .author-portfolio-standard-post__full-summery h3, .author-portfolio-standard-post__full-summery h4, .author-portfolio-standard-post__full-summery h5, .author-portfolio-standard-post__full-summery h6, .author-portfolio-standard-post__full-summery img, .author-portfolio-standard-post__full-summery iframe, .author-portfolio-standard-post__full-summery blockquote { margin-bottom: 25px; margin-top: 25px; } ul.wp-block-categories-list.wp-block-categories { padding-left: 0; } ul.wp-block-categories-list.wp-block-categories li a { padding-left: 0; padding-top: 7px; padding-bottom: 7px; } ul.wp-block-archives-list.wp-block-archives { padding-left: 18px; } .has-avatars .wp-block-latest-comments__comment { display: flex; } ol.has-avatars.has-dates.has-excerpts.wp-block-latest-comments { padding-left: 0; } .wp-block-latest-comments .avatar, .wp-block-latest-comments__comment-avatar { float: none; width: 50px; height: 50px; align-self: flex-start; margin: 0; } .has-avatars .wp-block-latest-comments__comment>article { width: calc(100% - 60px); margin-left: 25px; } .has-avatars .wp-block-latest-comments__comment>article footer.wp-block-latest-comments__comment-meta { margin-left: 0; } .has-avatars .wp-block-latest-comments__comment>article div.wp-block-latest-comments__comment-excerpt { margin-left: 0; } .author-portfolio-standard-post__full-summery p.has-drop-cap { margin-bottom: 40px; } .author-portfolio-standard-post__entry-content { padding: 0; border: none; } .author-portfolio-standard-post__content-wrapper { padding: 1rem; color: #444444; } form.post-password-form p:nth-child(2) { display: flex; } form.post-password-form p:nth-child(2) input[type="password"] { margin-left: 5px; } form.post-password-form p:nth-child(2) input[type="submit"] { border: 0px solid #2075bb; border-radius: 0; } .author-portfolio-standard-post .author-portfolio-standard-post__full-summery .page-links a, .author-portfolio-standard-post .author-portfolio-standard-post__full-summery .page-links span.current { padding: 10px; display: inline-block; background: #fb4747; color: #fff; text-decoration: none; line-height: normal; transition: .4s; } .author-portfolio-standard-post .author-portfolio-standard-post__full-summery .page-links a:hover, .author-portfolio-standard-post .author-portfolio-standard-post__full-summery .page-links span.current { background: #000; } .author-portfolio-standard-post .title-breadcrumb-inner { border-bottom: 1px solid #f1f1f1; margin-bottom: 2rem; padding-bottom: 2rem; } .author-portfolio-standard-post .title-breadcrumb-inner .entry-title, .author-portfolio-standard-post .title-breadcrumb-inner .page-title { margin-top: 0; } .author-portfolio-standard-post .title-breadcrumb-inner .breadcrumb a { text-decoration: none; color: #fb4747; } .author-portfolio-standard-post.sticky:before { position: absolute; content: "\f02e"; font-family: 'fontawesome'; right: -1px; background: transparent; color: #fb4747; top: -2px; line-height: normal; } .author-portfolio-standard-post .post-header { position: relative; margin-bottom: 5px; padding: 0; } .author-portfolio-standard-post .post-header iframe { margin: 0 auto; } .author-portfolio-standard-post__thumbnail img { display: block; margin: 0 auto; border-radius: 5px; } .author-portfolio-standard-post__categories { margin-bottom: .5rem; } .author-portfolio-standard-post__categories>span.cat-links a { color: #ffffff; text-decoration: none; text-transform: uppercase; display: inline-block; border-radius: 50px; } .author-portfolio-standard-post_post-meta .tags-links a { display: inline-block; border-radius: 50px; padding: 5px 15px; border: 1px solid #dddddd; color: #444444; margin: 4px; transition: .4s; } .author-portfolio-standard-post_post-meta .tags-links a:hover { color: #fb4747; } .author-portfolio-standard-post__categories>span.cat-links a:nth-child(3), .author-portfolio-standard-post__categories>span.cat-links a:nth-child(4) { margin-top: 12px; } .author-portfolio-standard-post__posted-date { position: absolute; width: 100%; bottom: 0; z-index: 5; } .author-portfolio-standard-post__posted-date.position-static { margin-bottom: 1.25rem; position: static; } .author-portfolio-standard-post__posted-date .posted-on a { display: inline-block; padding: 0.375rem 1rem; background-color: #fb4747; text-decoration: none; color: #ffffff; font-size: 0.8125rem; border-radius: 0; line-height: 1.4; } .author-portfolio-standard-post__posted-date .posted-on a:hover { background-color: #000000; color: #ffffff; } .author-portfolio-standard-post__share-wrapper { border-top: 1px solid #f1f1f1; border-bottom: 1px solid #f1f1f1; margin-top: 1rem; width: 100%; padding: 1rem 0; } .author-portfolio-standard-post__share-wrapper .author-portfolio-standard-post__social-share { margin-top: 0; } .author-portfolio-standard-post__social-share { margin-top: 1.8rem; } .author-portfolio-standard-post__social-share a, .author-portfolio-standard-post__social-share strong { margin: 0.625rem; text-decoration: none; font-size: 1.2rem; display: inline-block; } @media only screen and (max-width: 767px) { .author-portfolio-standard-post__social-share a, .author-portfolio-standard-post__social-share strong { margin-right: 0.425rem; margin-left: 0.425rem; } } @media only screen and (min-width: 61.9375rem) and (max-width: 74.9375rem) { .author-portfolio-standard-post__social-share a, .author-portfolio-standard-post__social-share strong { margin-right: 0.4rem; margin-left: 0.4rem; } } .author-portfolio-standard-post__blog-meta { display: flex; flex-direction: row; margin: 1rem 0 0rem 0; text-transform: capitalize; flex-flow: wrap; justify-content: start; } .post-details-page .author-portfolio-standard-post__blog-meta { justify-content: center; font-size: 1rem; } span.dot { width: 7px; height: 7px; background: red; display: inline-block; border-radius: 50%; margin-right: 10px; vertical-align: middle; margin-bottom: 1.2px; } .author-portfolio-standard-post__blog-meta.align-center { justify-content: center; } .author-portfolio-standard-post__blog-meta.align-left { justify-content: left; } .author-portfolio-standard-post__blog-meta.align-right { justify-content: flex-end; } .post_categories_on_thumbnail { position: absolute; top: 10px; left: 10px; } .author-portfolio-standard-post.has-post-thumbnail .author-portfolio-standard-post__blog-meta { padding: 0 15px; font-size: 0.89rem; } .post-details-page .author-portfolio-standard-post.has-post-thumbnail .author-portfolio-standard-post__blog-meta { padding: 0 15px; font-size: 1rem; margin-bottom: 2.5em; } .post-details-page .recommended-post-section .author-portfolio-standard-post.has-post-thumbnail .author-portfolio-standard-post__blog-meta { margin-bottom: 0; } .author-portfolio-standard-post.has-post-thumbnail .author-portfolio-standard-post__post-title { padding: 0 0; margin-top: .5em; } .author-portfolio-standard-post__blog-meta .cat-links a, .post_categories_on_thumbnail .cat-links a { background: transparent; color: #596172; padding: .4rem 1.2rem; position: relative; display: inline-block; margin-bottom: 15px; line-height: normal; transition: .4s; border-radius: 50px; font-size: 0.875rem; border: 1px solid #596172; } .author-portfolio-standard-post__blog-meta .cat-links a:focus, .author-portfolio-standard-post__blog-meta .cat-links a:hover, .post_categories_on_thumbnail .cat-links a:hover, .post_categories_on_thumbnail .cat-links a:focus { background-color: #e70000; color: #fff !important; border-color: #fb4747; } .author-portfolio-standard-post__blog-meta .cat-links a:nth-child(3), .author-portfolio-standard-post__blog-meta .cat-links a:nth-child(4) { margin-top: 0; } @media only screen and (max-width: 767px) { .author-portfolio-standard-post__blog-meta { margin-right: 0; margin-left: 0; font-size: 0.8rem; margin-bottom: 0.5rem; } } .author-portfolio-standard-post__blog-meta.border-top, .author-portfolio-standard-post.has-post-thumbnail .author-portfolio-standard-post__blog-meta.border-top { position: relative; padding-top: .8em; padding-left: 0; padding-right: 0; } .author-portfolio-standard-post__blog-meta.border-top:before { position: absolute; width: calc(100% + 32px); content: ""; height: 1px; background: #eeee; left: -16px; top: 0; } .author-portfolio-standard-post__blog-meta>span { margin-right: 1.25rem; } .author-portfolio-standard-post__blog-meta>span i { font-style: normal; } .author-portfolio-standard-post__blog-meta>span:last-child { margin-right: 0; } .author-portfolio-standard-post__blog-meta>span.edit-link a { display: inline-block; padding: 0.4375rem 1rem; background-color: #fb4747; text-decoration: none; color: #ffffff; font-size: 0.8125rem; border-radius: 3.125rem; } .author-portfolio-standard-post__blog-meta>span.edit-link a:hover { background-color: #000000; color: #ffffff; } .author-portfolio-standard-post__blog-meta>span a { text-decoration: none; } .author-portfolio-standard-post__blog-meta>span .fa { margin-right: 0.625rem; color: #fb4747; } .author-portfolio-standard-post__blog-meta>span .post-author-image i { color: #fb4747; } .author-portfolio-standard-post__blog-meta>span.posted_by { display: inline-block; } .author-portfolio-standard-post__blog-meta>span.posted_by a { display: block; color: #000000; } .author-portfolio-standard-post__blog-meta>span.posted_by span.post-author-image i { color: #fb4747; } .author-portfolio-standard-post__blog-meta>span.posted_by a:hover { color: #000000; } .author-portfolio-standard-post__blog-meta>span.posted_by a img { border-radius: 50%; margin-right: 0.625rem; } .author-portfolio-standard-post__blog-meta>span.posted_by a i { display: inline-block; vertical-align: middle; color: #757b81; font-weight: 400; } .author-portfolio-standard-post__blog-meta>span.posted-on a { color: #757b81; } .author-portfolio-standard-post__blog-meta.no-line-between-meta i.line { display: none !important; } .author-portfolio-standard-post__blog-meta>span.comments-link { display: inline-block; } .author-portfolio-standard-post__tags span.tags-links { font-weight: 700; text-decoration: none; } .author-portfolio-standard-post__tags span.tags-links a { font-weight: 700; text-decoration: none; font-size: 14px; display: inline-block; padding: .1rem 1rem; background: #e70000; color: #fff; margin: .1rem; border-radius: 50px; transition: .4s; } .author-portfolio-standard-post__tags span.tags-links a:hover { background: #000000; color: #fff; } .author-portfolio-standard-post__tags span.tags-links { font-size: 0; text-align: center; display: block; } .author-portfolio-standard-post__post-title a { text-decoration: none; } .author-portfolio-standard-post__post-title h2 { margin-top: 0; line-height: normal; } .author-portfolio-standard-post__post-title h2 a:hover, .author-portfolio-standard-post__post-title h2 a:focus { color: #000000; text-decoration: none; background-size: 100% 3px; outline: none; } .author-portfolio-standard-post__overlay-category span.cat-links a, .author-portfolio-standard-post__post-meta span.cat-links a { background: #fb4747; color: #ffffff; padding: 5px 17px; border-radius: 50px; display: inline-block; line-height: normal; text-transform: capitalize; transition: .4s; border: 2px solid #ffffff; } .author-portfolio-standard-post__overlay-category { position: absolute; left: 16px; bottom: -12px; } .author-portfolio-standard-post__post-meta-wrapper .author-portfolio-standard-post__overlay-category { position: static; text-align: center; padding-bottom: .5em; } .author-portfolio-standard-post__post-title h1 { font-size: 2rem; margin-top: 0; transition: .4s; } .post-details-page .author-portfolio-standard-post__post-title h1 { font-size: 3rem; margin-top: 0; transition: .4s; line-height: 56px; word-break: break-word; } .post-details-page .author-portfolio-standard-post__post-title h1.single-post-title { font-size: 2.25rem; } @media (max-width: 767.98px) { .post-details-page .author-portfolio-standard-post__post-title h1.single-post-title { font-size: 1.25rem !important; line-height: 1.4 !important; } } @media (max-width: 991.98px) { .post-details-page .author-portfolio-standard-post__post-title h1.single-post-title { font-size: 1.5rem !important; line-height: 1.5 !important; } } .author-portfolio-standard-post__post-title h2 a { margin-top: 0; margin-bottom: 1.25rem; line-height: 1.4; color: #000000; font-size: 1.5rem; transition: .4s; background: linear-gradient(to right, #fb4747 0%, #fb4747 100%); background-size: 0px 3px; background-repeat: no-repeat; background-position: left 87%; display: inline; background-size: 0% 3px; text-decoration: none; padding-bottom: 6px; transition: .4s; word-break: break-word; } .author-portfolio-standard-post__excerpt p { color: #596172; } .author-portfolio-standard-post__excerpt p:last-child { margin-bottom: 0; } .author-portfolio-standard-post__readmore { margin-top: 1.875rem; } .author-portfolio-standard-post__readmore a { display: inline-block; padding: 0.625rem 1.25rem; background-color: #fb4747; text-decoration: none; color: #ffffff; font-size: 1rem; border-radius: 3.125rem; border-radius: 0; } .author-portfolio-standard-post__readmore a:hover { background-color: #000000; color: #ffffff; } .author-portfolio-single-page .entry-footer a { display: inline-block; padding: 0.625rem 1.25rem; background-color: #fb4747; text-decoration: none; color: #ffffff; font-size: 1rem; border-radius: 3.125rem; line-height: 1; } .author-portfolio-single-page .entry-footer a:hover { background-color: #000000; color: #ffffff; } /*end blog default post style*/ .single-taxonomy img { display: block; } .single-taxonomy h2 { font-size: 1.2rem; text-align: center; margin-bottom: 0; } .single-taxonomy h2 a { color: #000000; } .single-taxonomy { margin-bottom: 30px; } .wp-block-quote { margin-left: 14px; margin-right: 14px; padding: 1rem; } .wp-block-quote.is-large p, .wp-block-quote.is-style-large p { margin: 0; } .wp-block-quote>* { margin-left: 1rem; } blockquote.wp-block-quote.is-style-red-qoute { background: #00AF00; color: #ffffff; } .wp-block-quote.is-large, .wp-block-quote.is-style-large { margin: 36px auto; padding: 1rem 1.9rem; } .wp-block-quote.is-large cite, .wp-block-quote.is-large footer, .wp-block-quote.is-style-large cite, .wp-block-quote.is-style-large footer { font-size: 13px; font-size: 0.8125rem; } @media screen and (min-width: 644px) { .wp-block-quote { margin: 36px auto; } } blockquote.wp-block-quote.is-style-red-qoute { background: #00AF00; color: #ffffff; } nav.wp-block-query-pagination .wp-block-query-pagination-numbers { display: flex; margin-left: -5px; margin-right: -5px; } nav.wp-block-query-pagination .wp-block-query-pagination-numbers>span, nav.wp-block-query-pagination .wp-block-query-pagination-numbers>a { width: 40px; height: 40px; background: #f9464a; color: #fff; line-height: 40px; text-align: center; padding: 0; display: block; margin: 0 5px; text-decoration: none; transition: .4s; } nav.wp-block-query-pagination a.wp-block-query-pagination-next, nav.wp-block-query-pagination a.wp-block-query-pagination-prev { background: #f9464a; color: #fff; height: 40px; line-height: 40px; text-decoration: none; padding-left: 15px; padding-right: 15px; transition: .4s; } nav.wp-block-query-pagination a.wp-block-query-pagination-next:hover, nav.wp-block-query-pagination a.wp-block-query-pagination-prev:hover { color: #fff; background: #000; } nav.wp-block-query-pagination .wp-block-query-pagination-numbers>span.current, nav.wp-block-query-pagination .wp-block-query-pagination-numbers>a:hover { background: #000; color: #fff; } .author-portfolio-standard-post .author-portfolio-standard-post__full-summery .wp-block-post-navigation-link a { display: inline-block; padding: 10px 15px; background: #f9464a; text-decoration: none; color: #fff; transition: .4s; } .wp-block-post-navigation-link { margin-top: 5px; margin-bottom: 5px; } .author-portfolio-standard-post .author-portfolio-standard-post__full-summery .wp-block-post-navigation-link a:hover { background: #000; color: #fff; } .author-portfolio-standard-post .author-portfolio-standard-post__full-summery .taxonomy-category.wp-block-post-terms a { display: inline-block; padding: 7px 15px; background: #f7454d; color: #fff; margin-right: 4px; } .taxonomy-category.wp-block-post-terms span { display: none; }