#blog-container {
padding: 80px 0;
margin: 0 auto;
width: 90%;
max-width: 970px;
}
#blog-content {
float: left;
width: 70.5%;
}
.blog-box {
background: #fff;
padding: 25px 30px;
margin-bottom: 10px;
}
#blog_top_panel {
padding: 90px 0;
text-align: center;
color: #fff;
position: relative;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
.blog_top_panel_wbg::before {
content: '';
display: block;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: rgba(0, 0, 0, 0.5);
}
#blog_top_panel.blog_top_panel_wbg {
padding: 120px 0;
}
#blog_top_panel_container {
max-width: 970px;
width: 90%;
margin: 0 auto;
position: relative;
}
#blog_top_panel h1 {
line-height: 1.2em;
max-width: 800px;
margin: 0 auto;
}
#blog_top_panel .blog_top_panel_text,
#blog_top_panel .blog_top_panel_subtext {
filter: alpha(opacity=80);
opacity: 0.8;
width: 500px;
max-width: 100%;
margin: 0 auto;
display: block;
margin-top: 20px;
line-height: 1.8em;
}
#blog_top_panel .blog_top_panel_subtext {
margin-top: 5px;
}
figure {
margin-left: 0;
margin-right: 0;
}
.article {
position: relative;
background: #fff;
margin-bottom: 20px;
-webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.05);
-moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.05);
box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.05);
}
.article:last-child {
margin-bottom: 0;
}
.article .thumb {
display: block;
position: relative;
}
.article img {
display: block;
width: 100%;
height: auto;
}
.article_body {
padding: 35px 35px 0;
position: relative;
}
.article_hover_container {
position: absolute;
bottom: 0;
left: 0;
height: 36px;
text-align: center;
background: rgba(0, 0, 0, 0.7);
width: 100%;
padding-top: 14px;
opacity: 0;
}
.article_nothumb .article_hover_container {
top: -16px;
height: 26px;
padding-top: 6px;
width: 180px;
left: 50%;
margin-left: -90px;
background: #fff;
-webkit-box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.17);
-moz-box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.17);
box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.17);
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-khtml-border-radius: 5px;
}
.article:hover .article_hover_container {
opacity: 1;
}
.article_hover_container .fb-like {
margin: 0 auto;
line-height: 0;
}
.article .date {
font-size: 12px;
}
.article h2 {
padding-bottom: 20px;
line-height: 1em;
}
.article h2 a {
font-size: 39px;
text-decoration: none;
color: #111;
line-height: 1.2em;
}
.article h2 a blockquote {
text-align: center;
font-style: italic;
padding: 30px 10%;
}
.article h2 a blockquote cite {
font-size: 14px;
}
.article_col.article h2 a blockquote {
padding: 10px 0;
}
.article h2 a:hover {
text-decoration: underline;
} .article_meta {
color: #aaa;
font-size: 13px;
line-height: 18px;
}
.article_meta a {
text-decoration: none;
color: #aaa;
position: relative;
}
.article_meta a:hover {
text-decoration: underline;
color: #aaa !important;
}
.article_meta span {
position: relative;
}
.article_meta .user {
padding-left: 30px;
margin-right: 30px;
}
.article_meta .user img {
width: 24px;
height: 24px;
position: absolute;
left: 0;
top: -3px;
-moz-border-radius: 24px;
-webkit-border-radius: 24px;
border-radius: 24px;
-khtml-border-radius: 24px;
}
.article_meta .visitors {
padding-left: 18px;
margin-right: 30px;
float: right;
}
.article_meta .comments {
padding-left: 19px;
float: right;
}
.article_meta svg,
.single_title_meta svg {
width: 15px;
height: 15px;
position: absolute;
left: 0;
top: 1px;
fill: #ccc;
}
.article_meta .comments svg,
.single_title_meta .comments svg {
width: 13px;
height: 13px;
top: 4px;
}
.blog-singlebox .article_meta .date,
.single_blog_title_incontent .article_meta .date {
padding-left: 18px;
margin-right: 30px;
}
.blog-singlebox .article_meta .date svg,
.single_blog_title_incontent .article_meta .date svg {
width: 20px;
height: 20px;
top: -1px;
left: -2px;
}
.single_blog_title_container_inner {
position: relative;
}
.article_footer {
padding: 40px 35px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
} .article .article_button_more {
background: #209bce;
color: #fff;
font-size: 14px;
padding: 1em 1.2em;
display: inline-block;
}
.article_wbutton .article_footer {
display: table;
width: 100%;
}
.article_wbutton .article_button_container,
.article_wbutton .article_meta {
display: table-cell;
white-space: nowrap;
}
.article_wbutton .article_meta {
width: 80%;
padding-left: 25px;
} .article_type_2 .article_body {
float: right;
width: 60%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.article_type_2.article_nothumb .article_body {
float: none;
width: 100%;
}
.article_type_2 .thumb {
padding-top: 35px;
padding-left: 35px;
width: 35%;
float: left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.blog-appearance-style3 .article_type_2 .thumb {
width: 40%;
} .same_height_blog_row {
clear: both;
}
.article_col {
float: left;
}
.article_col_2 {
width: calc(50% - 10px);
margin-left: 20px;
}
.article_col_3 {
width: calc(33.3% - 13.3px);
margin-left: 20px;
}
.article_col_first {
margin-left: 0;
}
.article_col .article_meta .visitors,
.article_col .article_meta .comments span {
display: none;
} .article_col .article_button_more {
padding: 0.8em 1.1em;
}
.article_col.article_wbutton .article_footer {
display: block;
padding-top: 30px;
}
.article_col.article_wbutton .article_footer {
display: block;
padding-top: 30px;
}
.article_col.article_wbutton .article_button_container,
.article_col.article_wbutton .article_meta {
display: block;
white-space: nowrap;
}
.article_col.article_wbutton .article_meta {
width: auto;
padding-left: 0;
padding-top: 35px;
} .mw_masonry_gutter {
width: 20px;
}
.mw_masonry_col {
margin-left: 0;
} .single_title_meta span,
.single_title_meta a {
position: relative;
font-size: 14px;
}
.single_title_meta .comments svg {
top: 5px;
}
.single_title_meta a,
.single_title_meta span {
color: #bbb;
display: inline-block;
padding-left: 22px;
margin: 0 18px;
text-decoration: none;
}
.single_title_meta a:hover {
text-decoration: underline;
color: #bbb !important;
}
.single_title_meta .date {
padding-left: 20px;
}
.single_title_meta .date svg {
width: 20px;
height: 20px;
top: 2px;
left: -2px;
}
.single_title_meta svg {
top: 4px;
}
.article .excerpt {
line-height: 1.5em;
}
.article .more_info {
padding-top: 25px;
}
.article .more {
float: right;
font-weight: bold;
font-size: 13px;
text-decoration: none;
}
.article .more:hover {
text-decoration: underline;
} #blog-content .navigation {
position: relative;
padding: 60px 50px 0;
text-align: center;
clear: both;
}
#blog-content .navigation .page-numbers {
width: 35px;
height: 35px;
line-height: 35px;
text-align: center;
display: inline-block;
font-size: 17px;
text-decoration: none;
color: #aaa;
}
#blog-content .navigation a.page-numbers:hover {
color: #333;
}
#blog-content .navigation .current {
background: #fff;
color: #333;
-moz-border-radius: 35px;
-webkit-border-radius: 35px;
border-radius: 35px;
-khtml-border-radius: 35px;
}
#blog-content .navigation .next {
position: absolute;
right: 0;
top: 60px;
}
#blog-content .navigation .prev {
position: absolute;
left: 0;
top: 60px;
}
#blog-content .navigation .next svg,
#blog-content .navigation .prev svg {
width: 35px;
height: 35px
} #blog-sidebar {
float: right;
width: 25%;
}
#blog-sidebar .widget {
margin-bottom: 50px;
}
#blog-sidebar .widgettitle {
font-size: 18px;
line-height: 1.2em;
padding-bottom: 20px;
margin-bottom: 30px;
border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
#blog-sidebar .widgettitle a {
text-decoration: none;
color: #111;
}
#blog-sidebar .widget_categories ul li,
#blog-sidebar .widget_pages ul li,
#blog-sidebar .widget_archive ul li,
#blog-sidebar .widget_nav_menu ul li,
#blog-sidebar .widget_links ul li,
#blog-sidebar .widget_recent_entries ul li,
#blog-sidebar .widget_rss ul li,
#blog-sidebar .widget_recent_comments ul li,
#blog-sidebar .widget_meta ul li {
margin: 14px 0;
color: #aaa;
font-size: 13px;
line-height: 1.5em;
padding-left: 16px;
background: url(//tomasbumbalek.cz/wp-content/themes/mioweb3/modules/blog/templates/blog2/images/li.png) no-repeat 0 0.45em;
}
#blog-sidebar .widget_categories ul li:last-child,
#blog-sidebar .widget_archive ul li:last-child,
#blog-sidebar .widget_nav_menu ul li:last-child,
#blog-sidebar .widget_links ul li:last-child,
#blog-sidebar .widget_recent_entries ul li:last-child,
#blog-sidebar .widget_rss ul li:last-child,
#blog-sidebar .widget_pages ul li:last-child,
#blog-sidebar .widget_recent_comments ul li:last-child,
#blog-sidebar .widget_authors ul li:last-child,
#blog-sidebar .widget_meta ul li:last-child {
border-bottom: 0;
}
#blog-sidebar .widget_categories ul.sub-menu,
#blog-sidebar .widget_nav_menu ul.sub-menu,
#blog-sidebar .widget_pages ul.children {
margin-top: 8px;
}
#blog-sidebar .widget_categories ul a,
#blog-sidebar .widget_nav_menu ul li a,
#blog-sidebar .widget_links ul li a,
#blog-sidebar .widget_meta ul li a,
#blog-sidebar .widget_recent_entries ul li a,
#blog-sidebar .widget_authors ul a,
#blog-sidebar .widget_pages ul li a,
#blog-sidebar .widget_archive ul li a {
color: #111;
text-decoration: none;
font-size: 14px;
}
#blog-sidebar .widget_recent_comments ul li a {
color: #111;
text-decoration: none;
}
#blog-sidebar .widget ul li a:hover {
text-decoration: underline;
}
#blog-sidebar .widget ul ul li {
margin: 3px 0;
padding-left: 14px;
font-size: 13px;
border-bottom: 0;
background: url(//tomasbumbalek.cz/wp-content/themes/mioweb3/modules/blog/templates/blog2/images/li2.png) no-repeat 0 0.45em;
}
#blog-sidebar .widget ul ul li a {
color: #555;
} #blog-sidebar .current-cat {
font-weight: bold;
} #blog-sidebar .widget_recent_entries ul span {
display: block;
padding-top: 2px;
}
#blog-sidebar .widget_recent_entries ul li .mw_recent_post_title {
font-size: 16px;
line-height: 20px;
color: #111;
text-decoration: none;
}
#blog-sidebar .widget_recent_entries_thumbs ul li {
display: table;
width: 100%;
padding-left: 0;
background: none;
}
#blog-sidebar .widget_recent_entries_thumbs ul li .mw_recent_post_body,
#blog-sidebar .widget_recent_entries_thumbs ul li .recent_post_thumb {
display: table-cell;
vertical-align: middle;
}
#blog-sidebar .widget_recent_entries_thumbs ul li .recent_post_thumb {
width: 85px;
vertical-align: top;
padding: 3px 15px 3px 0;
}
#blog-sidebar .widget_recent_entries_thumbs ul li .recent_post_thumb a {
width: 85px;
display: block;
}
#blog-sidebar .widget_recent_entries_thumbs ul li .recent_post_nothumb {
background: #e6e6e6 url(//tomasbumbalek.cz/wp-content/themes/mioweb3/modules/blog/templates/blog2/images/thumb.gif) no-repeat center center;
} #blog-sidebar .widget_authors ul span {
display: block;
font-size: 13px;
color: #888;
}
#blog-sidebar .widget_authors a:hover {
text-decoration: none;
}
#blog-sidebar .widget_authors ul li {
margin-bottom: 20px;
}
#blog-sidebar .widget_authors ul li .widget_author_name {
padding-top: 8px;
display: block;
font-size: 15px;
line-height: 1.3em;
color: #111;
text-decoration: none;
}
#blog-sidebar .widget_authors ul li {
padding-left: 70px;
position: relative;
min-height: 60px;
}
#blog-sidebar .widget_authors ul li .recent_post_thumb {
position: absolute;
left: 0;
top: 0;
width: 60px;
height: 60px;
display: block;
}
#blog-sidebar .widget_authors ul li .recent_post_thumb img {
-moz-border-radius: 60px;
-webkit-border-radius: 60px;
border-radius: 60px;
-khtml-border-radius: 60px;
} #blog-sidebar .widget_links a {
display: block;
} #blog-sidebar .postform {
border: 1px solid #ddd;
width: 100%;
padding: 8px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
} #blog-sidebar .widget_rss ul li a {
color: #111111;
font-size: 14px;
}
#blog-sidebar .widget_rss .rss-date {
display: block;
}
#blog-sidebar .widget_rss .rssSummary {
color: #555;
padding-top: 8px;
}
#blog-sidebar .widget_rss cite {
padding-top: 8px;
display: block;
} .screen-reader-text {
display: none;
}
#blog-sidebar .widget_search #searchform {
position: relative;
}
#blog-sidebar .widget_search #s {
border: 1px solid #ddd;
padding: 10px 35px 10px 10px;
width: 100%;
font-size: 14px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
line-height: 1.3em;
-webkit-box-shadow: inset 1px 1px 2px 0px rgba(0, 0, 0, 0.08);
-moz-box-shadow: inset 1px 1px 2px 0px rgba(0, 0, 0, 0.08);
box-shadow: inset 1px 1px 2px 0px rgba(0, 0, 0, 0.08);
}
#blog-sidebar .widget_search #searchsubmit {
text-indent: -999px;
overflow: hidden;
width: 25px;
height: 25px;
border: 0;
cursor: pointer;
position: absolute;
top: 50%;
margin-top: -12px;
right: 10px;
background: url(//tomasbumbalek.cz/wp-content/themes/mioweb3/modules/blog/templates/blog2/images/search.gif) no-repeat 0 0;
} #blog-sidebar .widget_tag_cloud a {
border: 1px solid rgba(0, 0, 0, 0.07);
display: inline-block;
font-size: 12px !important;
line-height: 100%;
margin: 8px 3px 0 0;
padding: 8px 10px;
text-decoration: none;
color: #666;
background: #fff;
}
#blog-sidebar .widget_tag_cloud a:hover {
border: 1px solid rgba(0, 0, 0, 0.2);
color: #111;
} #blog-sidebar .widget_calendar h2.widgettitle {
margin-bottom: 0;
border: 0;
}
#blog-sidebar #calendar_wrap {
border: 1px solid #ddd;
}
#blog-sidebar .widget_calendar #wp-calendar {
width: 100%;
}
#blog-sidebar .widget_calendar caption {
padding: 10px 0 13px;
}
#blog-sidebar .widget_calendar thead {
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}
#blog-sidebar .widget_calendar tfoot {
border-top: 1px solid #ddd;
}
#blog-sidebar .widget_calendar td, #blog-sidebar .widget_calendar th {
padding: 8px 0;
text-align: center;
}
#blog-sidebar .widget_calendar tfoot a {
font-size: 12px;
color: #888;
text-decoration: none;
}
#blog-sidebar .widget_calendar td#prev {
text-align: left;
padding-left: 5px;
}
#blog-sidebar .widget_calendar td#next {
text-align: right;
padding-right: 5px;
} #blog-sidebar .textwidget p {
line-height: 1.7em;
margin-bottom: 1em;
} #blog-sidebar .widget_optin_content p {
padding-bottom: 25px;
}
#blog-sidebar .widget_optin_content a.ve_content_button {
width: 100%;
} .blog-structure-sidebar-left #blog-content {
float: right;
}
.blog-structure-sidebar-left #blog-sidebar {
float: left;
} .blog-structure-sidebar-none #blog-content {
float: none;
width: 80%;
margin: 0 auto;
}
.blog-posts-list-style-3.blog-structure-sidebar-none #blog-content {
width: 100%;
}
.blog-posts-list-style-3.blog-structure-sidebar-none.single #blog-content {
width: 80%;
} .blog-singlebox {
padding: 40px 0 0;
display: inline-block;
width: 100%;
}
.blog-single-style-1 .blog-singlebox {
padding: 30px 0 40px;
}
.blog-singlebox .blog_entry_content,
.blog-singlebox .single_tags,
.blog-singlebox .author-box {
margin-left: 40px;
margin-right: 40px;
clear: both;
}
.blog-singlebox .weditor_content_container .row_fix_width,
.blog-singlebox #blog_comments_container {
padding-left: 40px;
padding-right: 40px;
}
.blog-singlebox .weditor_content_container {
margin-top: 40px;
}
.blog-singlebox .article_meta {
padding: 0 40px 30px;
border-top: 0;
border-bottom: 1px solid #eee;
margin-bottom: 40px;
}
.blog-singlebox .single_tags {
margin-bottom: 40px;
font-size: 13px;
}
.blog-singlebox .single_tags a {
border: 1px solid #eee;
color: #888;
display: inline-block;
font-size: 11px !important;
line-height: 100%;
margin-left: 4px;
padding: 7px 8px;
text-decoration: none;
margin-bottom: 4px;
}
.blog-singlebox .single_tags a:hover {
border: 1px solid #ccc;
color: #111;
}
.blog_share_buttons {
margin-bottom: 30px;
margin-top: 5px;
clear: both;
}
.blog_share_buttons .fb-like,
.blog_share_buttons .twitter-like,
.blog_share_buttons .IN-widget,
.blog_share_buttons .fb-share-button {
margin: 0 10px !important;
display: inline-flex;
}
.blog_share_buttons .fb-like {
margin-top: 0;
}
.blog-singlebox .author-box {
padding-top: 10px;
margin-bottom: 40px;
}
.blog-singlebox .author-box .author_head {
padding-left: 75px;
position: relative;
padding-bottom: 20px;
}
.author-box .author_photo {
position: absolute;
top: 0;
left: 0;
}
.author-box .author_head_content {
display: table-cell;
vertical-align: middle;
height: 60px;
}
.author-box .author_photo img {
-moz-border-radius: 60px;
-webkit-border-radius: 60px;
border-radius: 60px;
-khtml-border-radius: 60px;
}
.blog-singlebox .author-box .author_name {
text-decoration: none;
color: #111;
font-size: 16px;
padding-bottom: 8px;
display: inline-block;
font-weight: bold;
}
.blog-singlebox .author-box .author_name:hover {
text-decoration: underline;
}
.blog-singlebox .author_box_description {
font-size: 13px;
padding-bottom: 10px;
line-height: 1.7em;
}
.blog-singlebox .author_box_description p {
padding-bottom: 10px;
}
#blog-content .related_posts {
padding: 50px 40px;
border-top: 1px solid #eee;
background: #fff;
}
.related_posts_container {
position: relative;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
}
#blog-content .related_posts .related_posts_title {
font-size: 20px;
line-height: 1.3em;
padding-bottom: 50px;
text-align: center;
}
#blog-content .related_posts .related_post_nothumb {
background: #f5f5f5 url(//tomasbumbalek.cz/wp-content/themes/mioweb3/modules/blog/templates/blog2/images/thumb.gif) no-repeat center center;
padding-bottom: 75%;
display: block;
}
#blog-content .related_posts img {
width: 100%;
height: auto;
display: block;
}
#blog-content .related_posts .mw_image_ratio img {
height: 100%;
}
#blog-content .related_posts p {
font-size: 14px;
line-height: 1.5em;
}
#blog-content .related_posts .related_post_title {
color: #333;
text-decoration: none;
font-size: 16px;
line-height: 22px;
padding: 15px 0 10px;
display: block;
}
#blog-content .related_posts .related_post_title:hover {
text-decoration: underline;
}
.blog-singlebox #blog_comments_container {
border-top: 1px solid #eee;
}
#blog-content .commenttitle {
font-size: 20px;
line-height: 1.3em;
padding: 50px 10px 40px;
text-align: center
}
#blog-content .fb-comments, #blog-content .blog_comments {
margin-bottom: 40px;
}
.author_box_links a {
display: inline-block;
margin-right: 6px;
width: 20px;
height: 20px;
background: #888;
text-align: center;
-moz-border-radius: 40px;
-webkit-border-radius: 40px;
border-radius: 40px;
-khtml-border-radius: 40px;
position: relative;
}
.author_box_links a:hover {
background: #555;
}
.author_box_links svg {
width: 12px;
height: 12px;
display: inline-block;
position: absolute;
top: 50%;
left: 50%;
margin: -6px 0 0 -6px;
}
.author_box_links svg {
fill: #fff;
} .single_blog_title_container {
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
height: auto;
position: relative;
background-position: center center;
}
.single_blog_title_overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.5);
}
.single_blog_title_container_inner {
text-align: center;
color: #fff;
padding: 200px 0 220px;
flex-direction: column;
}
.single_blog_title_container_inner h1 {
padding-bottom: 0.7em;
line-height: 1.2em;
max-width: 800px;
margin: 0 auto;
font-size: 40px;
color: inherit;
} .single_blog_title_incontent {
background: #fff;
}
.single_blog_title_incontent h1 {
padding: 40px 40px 20px;
line-height: 1.2em;
color: inherit;
font-size: 30px;
}
.single_block_article_image {
margin-top: 25px;
margin-bottom: 25px;
}
.single_block_article_image img {
width: 100%;
}
.single_blog_title_incontent .article_meta {
padding: 5px 40px 30px;
border-top: 0;
border-bottom: 1px solid #eee;
} .blog-single-style-4 .single_block_article_image {
margin-top: 0;
position: relative;
}
.blog-single-style-4 .single_blog_title_incontent .single_block_article_image h1 {
position: absolute;
bottom: 0;
left: 0;
color: #fff;
background: rgba(0, 0, 0, 0);
background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.8)));
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#000000', GradientType=0);
display: block;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 60px 40px 40px;
} #blog_top_panel .blog_top_author_title {
display: inline-block;
padding-left: 120px;
padding-top: 16px;
position: relative;
text-align: left;
min-height: 84px;
}
#blog_top_panel .blog_top_author_title img {
position: absolute;
top: 0;
left: 0;
-moz-border-radius: 100px;
-webkit-border-radius: 100px;
border-radius: 100px;
-khtml-border-radius: 100px;
}
#blog_top_panel .blog_top_author_title h1 {
font-size: 33px;
line-height: 1.2em;
}
#blog_top_panel .blog_top_author_title small {
font-size: 14px;
color: #fff;
filter: alpha(opacity=80);
opacity: 0.8;
display: block;
}
#blog_top_panel .blog_top_author_desc {
color: #fff;
filter: alpha(opacity=80);
opacity: 0.8;
margin-top: 30px;
max-width: 550px;
width: 90%;
margin: 30px auto 0;
line-height: 1.8em;
}
#blog_top_panel .blog_top_author_links {
margin-top: 30px
}
#blog_top_panel .blog_top_author_links a {
display: inline-block;
margin: 0 8px;
width: 30px;
height: 30px;
background: rgba(255, 255, 255, 0.7);
text-align: center;
-moz-border-radius: 40px;
-webkit-border-radius: 40px;
border-radius: 40px;
-khtml-border-radius: 40px;
position: relative;
}
#blog_top_panel .blog_top_author_links a:hover {
background: #fff;
}
#blog_top_panel .blog_top_author_links svg {
width: 20px;
height: 20px;
display: inline-block;
position: absolute;
top: 50%;
left: 50%;
margin: -10px 0 0 -10px;
}
#blog_top_panel .blog_top_author_links svg {
fill: #333;
} .blog_entry_content {
margin-bottom: 40px;
line-height: 1.8em;
}
.blog_entry_content figure {
margin: 0;
}
.blog_entry_content > p:not(.has-background),
.blog_entry_content > ol,
.blog_entry_content > ul,
.blog_entry_content .wp-caption,
.blog_entry_content .wp-block-preformatted {
padding-bottom: 2em;
}
.blog_entry_content p.has-background,
.blog_entry_content .wp-block-media-text,
.blog_entry_content .wp-block-pullquote,
.blog_entry_content .wp-block-file,
.blog_entry_content .wp-block-verse,
.blog_entry_content .wp-block-video,
.blog_entry_content figure.wp-block-image,
.blog_entry_content .wp-block-cover,
.blog_entry_content .wp-block-button,
.blog_entry_content .wp-block-embed,
.blog_entry_content .wp-block-table,
.blog_entry_content .wp-block-audio,
.blog_entry_content .video_content_fullwidth {
margin-bottom: 2em;
}
.blog_entry_content blockquote p {
padding-bottom: 10px !important;
}
.blog_entry_content blockquote cite {
font-size: 0.8em;
color: #888;
line-height: 1.4em;
}
.blog_entry_content h1,
.blog_entry_content h2,
.blog_entry_content h3,
.blog_entry_content h4,
.blog_entry_content h5,
.blog_entry_content h6 {
line-height: 1.2em;
padding-bottom: 1.2em;
padding-top: 0.5em;
}
.blog_entry_content p.has-x-large-font-size,
.blog_entry_content p.has-large-font-size,
.blog_entry_content p.has-medium-font-size {
padding-bottom: 1.2em;
padding-top: 0.2em;
line-height: 1.2em;
}
.blog_entry_content blockquote {
margin-bottom: 2.3em;
margin-top: 0.3em;
border-left: 3px solid #ddd;
padding: 0 0 0 20px;
font-style: italic;
color: #555;
}
.blog_entry_content .wp-block-pullquote {
border-top: 3px solid #ddd;
border-bottom: 3px solid #ddd;
color: #555;
}
.blog_entry_content .wp-block-pullquote blockquote {
padding: 0;
margin: 0;
border-left: none;
font-style: normal;
}
.blog_entry_content .alignleft {
float: left;
margin-right: 20px;
margin-bottom: 5px
}
.blog_entry_content .alignright {
float: right;
margin-left: 20px;
margin-bottom: 5px
}
.blog_entry_content .aligncenter {
display: block;
margin: 0 auto;
}
.wp-block-image {
margin-bottom: 0;
}
.wp-block-image .aligncenter > figcaption {
display: block;
}
.wp-block-image figure.aligncenter {
display: table;
margin: 0 auto;
}
.blocks-gallery-grid {
padding-bottom: 0 !important;
}
.blocks-gallery-caption,
.wp-block-image figcaption {
font-size: 12px;
padding: 10px 2px !important;
margin: 0 !important;
color: #888;
text-align: center;
}
.blog_entry_content ol {
margin-left: 30px;
}
.blog_entry_content ol li {
list-style: decimal outside;
}
.blog_entry_content img,
.blog_entry_content img.size-full {
max-width: 100%;
display: block;
height: auto;
}
.blog_entry_content .wp-caption {
max-width: 100%;
}
.blog_entry_content .wp-caption-text {
font-size: 12px;
border-bottom: 1px solid #eee;
padding: 8px 2px !important;
color: #888;
text-align: center;
}
.blog_entry_content .blocks-gallery-item {
padding: 0 !important;
background-image: none !important;
}
.blog_entry_content .wp-block-separator {
border: 0;
border-top: 1px solid #ddd;
}
.blog_entry_content .wp-block-table,
.blog_entry_content table {
width: 100%;
}
.blog_entry_content .wp-block-table td,
.blog_entry_content .wp-block-table th,
.blog_entry_content table td,
.blog_entry_content table th {
padding: 10px;
line-height: 1.5;
}
.blog_entry_content .wp-block-table.is-style-regular td {
border: 1px solid #ddd;
} .blog-appearance-style4 .article_type_1 .article_body,
.blog-appearance-style4 .article_type_2 .article_body {
padding: 35px 0 0;
}
.blog-appearance-style4 .article_type_1 .article_footer,
.blog-appearance-style4 .article_type_2 .article_footer {
padding: 35px 0 45px;
}
.blog-appearance-style4 .article_type_2,
.blog-appearance-style4 .article_type_1 {
border-bottom: 1px solid #eee;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
margin-bottom: 20px;
}
.blog-appearance-style4 .article_type_2:last-child,
.blog-appearance-style4 .article_type_1:last-child {
border-bottom: 0;
}
.blog-appearance-style4 .article_type_2 {
margin-bottom: 10px;
}
.blog-appearance-style4 .article_type_3 .article_body {
border-left: 1px solid #e8e8e8;
border-right: 1px solid #e8e8e8;
}
.blog-appearance-style4 .article_type_3 .article_footer {
border-left: 1px solid #e8e8e8;
border-right: 1px solid #e8e8e8;
border-bottom: 1px solid #e8e8e8;
}
.blog-appearance-style4 .article_type_3.article_nothumb {
border-top: 1px solid #e8e8e8;
}
.blog-appearance-style4 .article_type_1 .thumb {
margin-top: 45px;
}
.blog-appearance-style4 .article_type_2 .thumb {
padding-left: 0;
}
.blog-appearance-style4 .article:first-child .thumb {
margin-top: 0;
}
.blog-appearance-style4 .article_type_2:first-child .article_body,
.blog-appearance-style4 .article_type_2:first-child .thumb {
padding-top: 0;
}
.blog-appearance-style4 #blog-content .navigation .current {
background: #eee;
} .blog-appearance-style4 .blog-singlebox .blog_entry_content,
.blog-appearance-style4 .blog-singlebox .single_tags,
.blog-appearance-style4 .blog-singlebox .author-box {
margin-left: 0;
margin-right: 0;
}
.blog-appearance-style4 #blog-content .related_posts,
.blog-appearance-style4 .single_blog_title_incontent .article_meta,
.blog-appearance-style4 .blog-singlebox .article_meta,
.blog-appearance-style4 .blog-singlebox #blog_comments_container,
.blog-appearance-style4 .single_blog_title_incontent h1 {
padding-left: 0;
padding-right: 0;
}
.blog-appearance-style4 .single_blog_title_incontent h1,
.blog-appearance-style4.blog-single-style-2 .blog-singlebox,
.blog-appearance-style4.blog-single-style-1 .blog-singlebox {
padding-top: 0;
}
.blog-appearance-style4.single-post header {
-webkit-box-shadow: 0px 0px 56px 0px rgba(0, 0, 0, 0.09);
-moz-box-shadow: 0px 0px 56px 0px rgba(0, 0, 0, 0.09);
box-shadow: 0px 0px 56px 0px rgba(0, 0, 0, 0.09);
}
.blog-appearance-style4.blog-posts-list-style-2 .navigation,
.blog-appearance-style4.blog-posts-list-style-1 .navigation {
border-top: 1px solid #eee;
} @media screen and (max-width: 970px) {
.single_blog_title_container_inner {
padding: 150px 0 160px;
}
.blog-structure-sidebar-none #blog-content {
float: none;
width: 100%;
}
}
@media screen and (max-width: 640px) { #blog-sidebar,
#blog-content {
float: none;
width: 100%;
}
#blog-sidebar {
margin-top: 40px;
}
#blog-container {
padding: 50px 0;
}
.article_type_2 .thumb {
padding: 25px 0 0;
width: 100%;
float: none;
}
.blog-appearance-style3 .article_type_2 .thumb {
padding: 0;
width: 100%;
float: none;
}
.blog-appearance-style3 .article_type_2 .thumb .article_hover_container {
margin-left: 0;
width: 100%;
}
.article_hover_container {
display: block;
}
.article_type_2 .article_body {
float: none;
width: 100%;
}
.article_col {
float: none;
}
.article_col_2,
.article_col_3 {
width: 100%;
margin-left: 0;
}
#blog-content .navigation {
margin-bottom: 50px;
}
.single_blog_title_container_inner h1 {
font-size: 30px;
}
.single_blog_title_container_inner {
padding: 100px 0 110px;
} .article_wbutton .article_footer {
display: block;
padding-top: 35px;
}
.article_wbutton .article_button_container,
.article_wbutton .article_meta {
display: block;
white-space: nowrap;
}
.article_wbutton .article_meta {
width: auto;
padding-left: 0;
padding-top: 35px;
} #blog_top_panel .blog_top_author_title {
padding-left: 0;
text-align: center;
}
#blog_top_panel .blog_top_author_title img {
position: relative;
}
#blog_top_panel .blog_top_author_title h1 {
font-size: 25px;
}
}