/* Blog single 1.1.0 */ /*Hero*/ .lvd-blog-single-hero-classic {} .lvd-blog-single-hero-classic .lvd-content {position:relative; z-index:1; background:var(--lvd-color-white); padding:40px;} .lvd-blog-single-hero-classic .lvd-breadcrumbs {text-align:center;} .lvd-blog-single-hero-classic .lvd-image img {width:100%; height:var(--lvd-cover-image-height); position:relative; z-index:2; border-radius:var(--lvd-rounded-md);} .lvd-blog-single-hero-classic .lvd-title {text-align:center; color:var(--lvd-color-black);} /*Body*/ .lvd-blog-single-body {} .lvd-blog-single-body h2 {font-size:32px; color:var(--lvd-color-black);} .lvd-blog-single-body h3 {font-size:24px; color:var(--lvd-color-black);} .lvd-blog-single-body h4 {font-size:20px; color:var(--lvd-color-black);} .lvd-blog-single-body h5 {font-size:18px; color:var(--lvd-color-black);} .lvd-blog-single-body .wp-block-image img {border-radius:var(--lvd-rounded-md);} .lvd-blog-single-body .wp-element-caption {font-size:var(--lvd-text-s1); color:var(--lvd-color-gray-400); text-align:right; margin-right:16px;} .lvd-blog-tags a {display: inline-block; margin-right: 8px; margin-bottom: 8px; background: var(--lvd-color-gray-200); padding: 4px 8px; border-radius: 4px; color: var(--lvd-color-primary); font-size: var(--lvd-text-s2); font-weight: 300;} .lvd-blog-single-body .is-type-video .wp-block-embed__wrapper {position: relative; padding-bottom: 56.25%; margin: 0 auto; height: 0; overflow: hidden;} .lvd-blog-single-body .is-type-video iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;} .lvd-blog-single-body blockquote {font-size:var(--lvd-text-md); border-left:1px solid var(--lvd-color-primary); padding-left:20px; margin-left:20px;} /*Author*/ .lvd-author-box {background: var(--lvd-color-primary-surface); padding: 16px; border-radius: var(--lvd-rounded);} .lvd-author-image {width:100px;} .lvd-author-image img {border-radius:50px; padding:4px; border:1px solid var(--lvd-color-primary-surface); margin-bottom:0;} .lvd-author-url {font-weight:700; margin-bottom:8px;} .lvd-author-details {width: calc(100% - 120px);} .lvd-author-function {margin-bottom:6px;} /*Related*/ .lvd-blog-single-related {} .lvd-blog-single-related .lvd-blog-single-related-title {font-weight:700; color:var(--lvd-color-black);} .lvd-blog-single-related .lvd-image {width:220px;} .lvd-blog-single-related img {margin-bottom: 0;} .lvd-blog-single-related .lvd-title {width: calc(100% - 260px); font-weight:700; color:var(--lvd-color-black);} .lvd-blog-single-related .lvd-title div {max-width:80%;} /*Comments*/ .lvd-blog-comments {} .lvd-blog-comments .comments-title {color:var(--lvd-color-black);} .lvd-blog-comments ol {margin:0; padding:0;} .lvd-blog-comments li {list-style:none; position:relative; margin-bottom:20px; padding:20px; background:var(--lvd-color-gray-200); border-radius:8px;} .lvd-blog-comments li .avatar {border-radius:30px;} .lvd-blog-comments .comment-author {display: flex; flex-direction: row; flex-wrap: wrap; align-self:center; margin-bottom:20px;} .lvd-blog-comments .comment-meta {position:absolute; top:10px; right:20px; font-size:12px; color:var(--lvd-color-gray-400);} .lvd-blog-comments .comment-meta a {color:var(--lvd-color-gray-400);} .lvd-blog-comments .comment-author .avatar {margin-right:20px;} .lvd-blog-comments .comment-author cite {display: flex; align-self:center; margin-right:8px; } .lvd-blog-comments .comment-author span {display: flex; align-self:center; } .lvd-blog-comments p {margin-bottom:var(--lvd-mb-txt);} .lvd-blog-comments li.depth-2 {background:var(--lvd-color-white);} .lvd-blog-comments li.depth-2:first-child {margin-top:20px;} .lvd-blog-comments .comment-reply-title {color:var(--lvd-color-black); margin-top:20px;} .lvd-blog-comments .comment-form label {display:block;} .lvd-blog-comments .comment-form input[type=text] {width:60%;} .lvd-blog-comments .comment-form textarea {width:100%;} .lvd-blog-comments .comment-form input[type=submit] {background:var(--lvd-color-primary); color:var(--lvd-color-white); border:1px solid var(--lvd-color-primary); display:inline-block; height:48px; line-height:48px; font-weight:700; font-size:var(--lvd-text-body); padding:0 24px; border-radius:25px;} .lvd-blog-comments .comment-reply-title a {margin-left:20px; border:1px solid var(--lvd-color-black); color:var(--lvd-color-black); vertical-align: middle; display:inline-block; height:32px; line-height:32px; font-weight:700; font-size:var(--lvd-text-body); padding:0 16px; border-radius:16px;} .lvd-blog-comments .comment-form-cookies-consent label {display: inline-block;} /* Bm */ @media (min-width:1px) and (max-width:767px) { .lvd-blog-single-hero-classic .lvd-content {padding:20px;} .lvd-blog-single-hero-classic .lvd-image {margin-bottom:20px; margin-right:10px; margin-left:10px;} .lvd-blog-single-hero-classic .lvd-image img {width:100%; height:260px;} .lvd-blog-single-body {padding:0 20px;} .lvd-blog-single-body h2 {font-size:28px;} .lvd-blog-single-body h3 {font-size:24px;} .lvd-blog-single-body h4 {font-size:18px;} .lvd-blog-single-body h5 {font-size:16px;} .lvd-blog-meta {padding:0 20px;} .lvd-author-box {margin-left:16px; margin-right:16px;} .lvd-author-image {width:60px;} .lvd-author-image img {border-radius:30px; padding:2px;} .lvd-author-details {width: calc(100% - 74px);} .lvd-blog-single-related .lvd-blog-single-related-title {margin-bottom:20px;} .lvd-blog-single-related {padding:0 20px;} .lvd-blog-single-related .lvd-row-between {margin-bottom:20px;} .lvd-blog-single-related .lvd-image {width:120px;} .lvd-blog-single-related .lvd-title {width: calc(100% - 140px); font-size:var(--lvd-text-base);} .lvd-blog-single-related .lvd-title div {max-width:100%;} .lvd-blog-comments {padding:0 20px;} .lvd-blog-comments .comment-form input[type=text] {width:100%;} .lvd-blog-comments .comment-reply-title a {margin-left:0; clear:both; margin-top:12px;} } /* Bt */ @media (min-width:768px) and (max-width:1023px) { .lvd-blog-single-hero-classic {padding-left:20px; padding-right:20px;} .lvd-blog-single-body {padding-left:40px; padding-right:40px;} .lvd-author-box, .lvd-blog-meta {padding-left:40px; padding-right:40px;} .lvd-blog-single-related {padding-left:40px; padding-right:40px;} .lvd-blog-comments {padding-left:40px; padding-right:40px;} }