@media (max-width: 996px){
#blogmatic-main-wrap .blogmatic-article-inner .post-meta .button-text.hide-on-mobile{
display: none;
}
} @media (max-width: 1030px){
.sidebar-sticky #theme-content .row .secondary-sidebar {
z-index: initial;
}
.sidebar-sticky .secondary-sidebar,
.sidebar-sticky .secondary-left-sidebar,
.sidebar-sticky .secondary-sidebar,
.sidebar-sticky .primary-content {
position: initial;
}
} @media (max-width: 1025px) {
.main-header .blogmatic-container .row {
flex-direction: column;
text-align: center;
}
.main-header .blogmatic-container .row > div {
width: 100%;
}
.main-header .blogmatic-container .menu-section {
text-align: center;
}
.site-branding-section {
margin-bottom: 10px;
}
body.archive--right-sidebar #blogmatic-main-wrap > .blogmatic-container .row,
body.archive--left-sidebar #blogmatic-main-wrap > .blogmatic-container .row,
body.archive--both-sidebar #blogmatic-main-wrap > .blogmatic-container .row,
body.single--right-sidebar #blogmatic-main-wrap > .blogmatic-container .row,
body.single--left-sidebar #blogmatic-main-wrap > .blogmatic-container .row,
body.single--both-sidebar #blogmatic-main-wrap > .blogmatic-container .row,
body.page--right-sidebar #blogmatic-main-wrap > .blogmatic-container .row,
body.page--left-sidebar #blogmatic-main-wrap > .blogmatic-container .row,
body.page--both-sidebar #blogmatic-main-wrap > .blogmatic-container .row,
body.error-page--right-sidebar #blogmatic-main-wrap > .blogmatic-container .row,
body.error-page--left-sidebar #blogmatic-main-wrap > .blogmatic-container .row,
body.error-page--both-sidebar #blogmatic-main-wrap > .blogmatic-container .row,
body.search-page--right-sidebar #blogmatic-main-wrap > .blogmatic-container .row,
body.search-page--left-sidebar #blogmatic-main-wrap > .blogmatic-container .row,
body.search-page--both-sidebar #blogmatic-main-wrap > .blogmatic-container .row {
flex-direction: column;
}
body.archive--right-sidebar #blogmatic-main-wrap > .blogmatic-container .row #primary,
body.single--right-sidebar #blogmatic-main-wrap > .blogmatic-container .row #primary,
body.search-page--right-sidebar #blogmatic-main-wrap > .blogmatic-container .row #primary,
body.page--right-sidebar #blogmatic-main-wrap > .blogmatic-container .row #primary,
body.error-page--right-sidebar #blogmatic-main-wrap > .blogmatic-container .row #primary,
body.search-page--right-sidebar #blogmatic-main-wrap .blogmatic-container .row #primary {
width: 100%;
max-width: 100%;
margin-right: 0;
margin-bottom: 40px;
}
body.archive--right-sidebar #blogmatic-main-wrap .blogmatic-container .row #secondary,
body.single--right-sidebar #blogmatic-main-wrap .blogmatic-container .row #secondary,
body.search-page--right-sidebar #blogmatic-main-wrap .blogmatic-container .row #secondary,
body.page--right-sidebar #blogmatic-main-wrap .blogmatic-container .row #secondary,
body.error-page--right-sidebar #blogmatic-main-wrap .blogmatic-container .row #secondary,
body.search-page--right-sidebar #blogmatic-main-wrap .blogmatic-container .row #secondary {
width: 100%;
max-width: 100%;
margin-left: 0;
}
body.archive--left-sidebar #blogmatic-main-wrap > .blogmatic-container .row #primary,
body.single--left-sidebar #blogmatic-main-wrap > .blogmatic-container .row #primary,
body.search-page--left-sidebar #blogmatic-main-wrap > .blogmatic-container .row #primary,
body.page--left-sidebar #blogmatic-main-wrap > .blogmatic-container .row #primary,
body.error-page--left-sidebar #blogmatic-main-wrap > .blogmatic-container .row #primary,
body.search-page--left-sidebar #blogmatic-main-wrap .blogmatic-container .row #primary {
width: 100%;
max-width: 100%;
margin-left: 0;
order: 1;
margin-bottom: 40px;
}
body.archive--left-sidebar #blogmatic-main-wrap > .blogmatic-container .row #secondary-aside,
body.single--left-sidebar #blogmatic-main-wrap > .blogmatic-container .row #secondary-aside,
body.search-page--left-sidebar #blogmatic-main-wrap > .blogmatic-container .row #secondary-aside,
body.page--left-sidebar #blogmatic-main-wrap > .blogmatic-container .row #secondary-aside,
body.error-page--left-sidebar #blogmatic-main-wrap > .blogmatic-container .row #secondary-aside {
width: 100%;
max-width: 100%;
margin-right: 0;
order: 2;
}
body.archive--both-sidebar #blogmatic-main-wrap > .blogmatic-container .row #primary,
body.single--both-sidebar #blogmatic-main-wrap > .blogmatic-container .row #primary,
body.search-page--both-sidebar #blogmatic-main-wrap > .blogmatic-container .row #primary,
body.page--both-sidebar #blogmatic-main-wrap > .blogmatic-container .row #primary,
body.error-page--both-sidebar #blogmatic-main-wrap > .blogmatic-container .row #primary {
width: 100%;
max-width: 100%;
margin-left: 0;
order: 1;
margin-bottom: 40px;
}
body.archive--both-sidebar #blogmatic-main-wrap > .blogmatic-container .row #secondary,
body.single--both-sidebar #blogmatic-main-wrap > .blogmatic-container .row #secondary,
body.search-page--both-sidebar #blogmatic-main-wrap > .blogmatic-container .row #secondary,
body.page--both-sidebar #blogmatic-main-wrap > .blogmatic-container .row #secondary,
body.error-page--both-sidebar #blogmatic-main-wrap > .blogmatic-container .row #secondary {
width: 100%;
max-width: 100%;
margin-left: 0;
order: 2;
margin-bottom: 40px;
}
body.archive--both-sidebar #blogmatic-main-wrap > .blogmatic-container .row #secondary-aside,
body.single--both-sidebar #blogmatic-main-wrap > .blogmatic-container .row #secondary-aside,
body.search-page--both-sidebar #blogmatic-main-wrap > .blogmatic-container .row #secondary-aside,
body.page--both-sidebar #blogmatic-main-wrap > .blogmatic-container .row #secondary-aside,
body.error-page--both-sidebar #blogmatic-main-wrap > .blogmatic-container .row #secondary-aside {
max-width: 100%;
width: 100%;
margin-right: 0;
order: 3;
}
body.single-tablet-column--three #blogmatic-main-wrap > .blogmatic-container .row #primary .blogmatic-inner-content-wrap {
grid-template-columns: repeat(3, 1fr);
}
body.single-tablet-column--two #blogmatic-main-wrap > .blogmatic-container .row #primary .blogmatic-inner-content-wrap {
grid-template-columns: repeat(2, 1fr);
}
body.single-tablet-column--one #blogmatic-main-wrap > .blogmatic-container .row #primary .blogmatic-inner-content-wrap {
grid-template-columns: repeat(1, 1fr);
}
.blogmatic-main-banner-section article.post-item .post-thumb {
padding-bottom: calc( 100% * 0.55 );
}
body.blogmatic-stickey-sidebar--enabled .row #primary,
body.blogmatic-stickey-sidebar--enabled #blogmatic-main-wrap aside.secondary-aside,
body.blogmatic-stickey-sidebar--enabled #blogmatic-main-wrap aside.secondary{
position: initial;
position: initial;
top: initial;
align-self: initial;
}
.site-header.layout--one .main-header .row {
flex-wrap: wrap;
flex-direction: initial;
}
.site-header.layout--one .main-header .row .site-branding-section {
margin-bottom: 20px;
flex: 100%;
}
.site-header.layout--one .main-header .row .site-navigation-wrapper {
flex: 1 1 50%;
text-align: left;
}
.site-header.layout--one .main-header .row .header-custom-button-wrapper,
.site-header.layout--one .main-header .row .search-wrap,
.site-header.layout--one .main-header .row .mode-toggle-wrap,
.site-header.layout--one .main-header .row .blogmatic-canvas-menu {
flex: 0 1 10%;
text-align: right;
}
.site-header.layout--one .canvas-menu-icon {
left: 74%;
}
.site-header.layout--one .main-header .row > div {
margin-right: 0;
}
.site-header .canvas-menu-icon {
left: 50%;
transform: scale(.8) translateX(-50%);
}
.single-related-posts-section-wrap.column--three .single-related-posts-wrap {
grid-template-columns: repeat(2, 1fr);
}
.widget_blogmatic_post_grid_widget .post-grid-wrap {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 20px;
}
.widget_blogmatic_post_grid_widget .post-grid-wrap .post-item {
margin: 0;
}
.widget_blogmatic_carousel_widget .slick-vertical .post-item {
margin-bottom: 10px;
}
.widget_blogmatic_carousel_widget .post-thumb-wrap {
height: 278px;
}
body .blogmatic-you-may-have-missed-section .blogmatic-you-may-missed-inner-wrap .you-may-have-missed-wrap {
grid-template-columns: repeat(2, 1fr);
}
.blogmatic-main-banner-section.layout--three .row {
flex-direction: column;
}
.blogmatic-main-banner-section.layout--three .main-banner-slider {
flex: 100%;
width: 100%;
}
body.blogmatic-stickey-sidebar--enabled .row #primary,
body.blogmatic-stickey-sidebar--enabled #blogmatic-main-wrap aside#secondary-aside,
body.blogmatic-stickey-sidebar--enabled #blogmatic-main-wrap aside#secondary {
position: initial;
}
} @media (max-width: 994px) {
.site-header .site-title {
font-size: var(--blogmatic-site-title-size-tab);
line-height: var(--blogmatic-site-title-lineheight-tab);
letter-spacing: var(--blogmatic-site-title-letterspacing-tab);
}
.site-header .site-description {
font-size: var(--blogmatic-site-description-size-tab);
line-height: var(--blogmatic-site-description-lineheight-tab);
letter-spacing: var(--blogmatic-site-description-letterspacing-tab);
}
.main-navigation .menu li a,
.main-navigation .nav.menu li a {
font-size: var(--blogmatic-menu-size-tab);
line-height: var(--blogmatic-menu-lineheight-tab);
letter-spacing: var(--blogmatic-menu-letterspacing-tab);
}
footer.site-footer .menu li a,
footer.site-footer .nav.menu li a {
font-size: var(--blogmatic-footer-menu-size-tab);
line-height: var(--blogmatic-footer-menu-lineheight-tab);
letter-spacing: var(--blogmatic-footer-menu-letterspacing-tab);
}
.site-header .header-custom-button .custom-button-label {
font-size: var(--blogmatic-custom-button-size-tab);
line-height: var(--blogmatic-custom-button-lineheight-tab);
letter-spacing: var(--blogmatic-custom-button-letterspacing-tab);
}
.site-header .header-custom-button {
border-radius: var(--blogmatic-custom-button-border-radius);
}
article .content-wrap .post-button .button-text {
font-size: var(--blogmatic-readmore-font-size-tab);
letter-spacing: var(--blogmatic-readmore-font-letterspacing-tab);
line-height: var(--blogmatic-readmore-font-lineheight-tab);
}
article .entry-title {
font-size: var(--blogmatic-post-title-font-size-tab);
line-height: var(--blogmatic-post-title-font-lineheight-tab);
letter-spacing: var(--blogmatic-post-title-font-letterspacing-tab);
}
article .post-excerpt {
font-size: var(--blogmatic-post-content-font-size-tab);
line-height: var(--blogmatic-post-content-font-lineheight-tab);
letter-spacing: var(--blogmatic-post-content-font-letterspacing-tab);
}
.post-date {
font-size: var(--blogmatic-date-font-size-tab);
line-height: var(--blogmatic-date-font-lineheight-tab);
}
.post-date a{
letter-spacing: var(--blogmatic-date-font-letterspacing-tab);
}
article .post-meta .byline{
font-size: var(--blogmatic-author-font-size-tab);
letter-spacing: var(--blogmatic-author-font-letterspacing-tab);
line-height: var(--blogmatic-author-font-lineheight-tab);
}
article .content-wrap .post-button {
font-size: var(--blogmatic-readmore-font-size-tab);
line-height: var(--blogmatic-readmore-font-lineheight-tab);
letter-spacing: var(--blogmatic-readmore-font-letterspacing-tab);
}
article .post-meta .post-meta .post-read-time {
font-size: var(--blogmatic-readtime-font-size-tab);
line-height: var(--blogmatic-readtime-font-lineheight-tab);
letter-spacing: var(--blogmatic-readtime-font-letterspacing-tab);
}
article .post-meta .post-meta .post-comments-num {
font-size: var(--blogmatic-comment-font-size-tab);
line-height: var(--blogmatic-comment-font-lineheight-tab);
letter-spacing: var(--blogmatic-comment-font-letterspacing-tab);
}
article .post-categories .cat-item a{
font-size: var(--blogmatic-category-font-size-tab);
letter-spacing: var(--blogmatic-category-font-letterspacing-tab);
line-height: var(--blogmatic-category-font-lineheight-tab);
}
.widget_block .wp-block-group__inner-container .wp-block-heading,
section.widget  .widget-title,
.widget_block.widget_search .wp-block-search__label {
font-size: var(--blogmatic-widget-block-font-size-tab);
letter-spacing: var(--blogmatic-widget-block-font-letterspacing-tab);
line-height: var(--blogmatic-widget-block-font-lineheight-tab);
}
.widget_blogmatic_post_grid_widget .post-grid-wrap  .post-title,
.widget_blogmatic_category_collection_widget .categories-wrap .category-item .category-count,
.widget_blogmatic_posts_grid_two_column_widget .posts-wrap .post-title {
font-size: var(--blogmatic-widget-title-font-size-tab);
line-height: var(--blogmatic-widget-title-font-lineheight-tab);
letter-spacing: var(--blogmatic-widget-title-font-letterspacing-tab);
}
body aside .widget.widget_blogmatic_post_list_widget .post-list-wrap .post-item .post-content-wrap h3.post-title {
font-size: calc( var(--blogmatic-widget-title-font-size-tab) * 0.99);
line-height: var(--blogmatic-widget-title-font-lineheight-tab);
letter-spacing: var(--blogmatic-widget-title-font-letterspacing-tab);
}
ul.wp-block-latest-posts a,
ol.wp-block-latest-comments li footer,
ul.wp-block-archives a,
ul.wp-block-categories a,
ul.wp-block-page-list a,
ol.wp-block-latest-comments li footer a {
font-size: calc( var(--blogmatic-widget-title-font-size-tab) * 0.94);
line-height: var(--blogmatic-widget-title-font-lineheight-tab);
letter-spacing: var(--blogmatic-widget-title-font-letterspacing-tab);
}
.widget .post-meta .post-date {
font-size: var(--blogmatic-widget-date-font-size-tab);
letter-spacing: var(--blogmatic-widget-date-font-letterspacing-tab);
line-height: var(--blogmatic-widget-date-font-lineheight-tab);
}
.widget_blogmatic_post_grid_widget .post-grid-wrap .post-categories a,
.widget_blogmatic_category_collection_widget .categories-wrap .category-item .category-name {
font-size: var(--blogmatic-widget-category-font-size-tab);
line-height: var(--blogmatic-widget-category-font-lineheight-tab);
letter-spacing: var(--blogmatic-widget-category-font-letterspacing-tab);
}
body.single-post #blogmatic-main-wrap .entry-header .post-thumbnail {
position: relative;
padding-bottom: calc( 100% * var(--blogmatic-single-post-image-ratio-tab) );
}
.page-template-default #primary article .post-thumbnail {
padding-bottom: calc( 100% * var(--blogmatic-single-page-image-ratio-tab) );
}
article .post-meta .post-meta .post-read-time {
font-size: var(--blogmatic-readtime-font-size-tab);
letter-spacing: var(--blogmatic-meta-font-letterspacing-tab);
line-height: var(--blogmatic-meta-font-lineheight-tab);
}
article .content-wrap .post-button {
font-size: var(--blogmatic-readmore-font-size-tab);
letter-spacing: var(--blogmatic-readmore-font-letterspacing-tab);
line-height: var(--blogmatic-readmore-font-lineheight-tab);
}
.blogmatic_search_page form.search-form {
width: 100%;
}
.blogmatic-cursor {
display: none;
}
body .single-related-posts-section-wrap .single-related-posts-section .single-related-posts-wrap {
grid-template-columns: repeat(2, 1fr);
}
.blogmatic-you-may-have-missed-section .you-may-have-missed-wrap .post-thumbnail-wrapper:before {
padding-bottom: calc( 100% * var(--blogmatic-youmaymissed-image-ratio-tab) );
}
.blogmatic-you-may-have-missed-section .section-title {
font-size: var(--blogmatic-youmaymissed-block-title-font-size-tab);
line-height: var(--blogmatic-youmaymissed-block-title-font-lineheight-tab);
letter-spacing: var(--blogmatic-youmaymissed-block-title-font-letterspacing-tab);
}
.blogmatic-you-may-have-missed-section .post-thumbnail-wrapper .entry-title {
font-size: var(--blogmatic-youmaymissed-title-font-size-tab);
line-height: var(--blogmatic-youmaymissed-title-font-lineheight-tab);
letter-spacing: var(--blogmatic-youmaymissed-title-font-letterspacing-tab);
}
.blogmatic-you-may-have-missed-section .post-thumbnail-wrapper .post-categories a {
font-size: var(--blogmatic-youmaymissed-category-font-size-tab);
line-height: var(--blogmatic-youmaymissed-category-font-lineheight-tab);
letter-spacing: var(--blogmatic-youmaymissed-category-font-letterspacing-tab);
}
.blogmatic-you-may-have-missed-section .post-thumbnail-wrapper .post-date {
font-size: var(--blogmatic-youmaymissed-date-font-size-tab);
line-height: var(--blogmatic-youmaymissed-date-font-lineheight-tab);
letter-spacing: var(--blogmatic-youmaymissed-date-font-letterspacing-tab);
}
.blogmatic-you-may-have-missed-section .post-thumbnail-wrapper .author {
font-size: var(--blogmatic-youmaymissed-author-font-size-tab);
line-height: var(--blogmatic-youmaymissed-author-font-lineheight-tab);
letter-spacing: var(--blogmatic-youmaymissed-author-font-letterspacing-tab);
}
.blogmatic-main-banner-section .main-banner-wrap .post-elements .post-title {
font-size: var(--blogmatic-banner-title-font-size-tab);
line-height: var(--blogmatic-banner-title-font-lineheight-tab);
letter-spacing: var(--blogmatic-banner-title-font-letterspacing-tab);
}
.blogmatic-main-banner-section .main-banner-wrap .post-elements .post-excerpt {
font-size: var(--blogmatic-banner-excerpt-font-size-tab);
line-height: var(--blogmatic-banner-excerpt-font-lineheight-tab);
letter-spacing: var(--blogmatic-banner-excerpt-font-letterspacing-tab);
}
.widget_blogmatic_posts_grid_two_column_widget .posts-wrap .post-thumb {
height: 140px;
}
body .widget-area .widget,
body .widget-area #widget_block {
padding: 15px 20px 20px 20px;
}
} @media (max-width: 769px) {
.site-header.layout--three .blogmatic-container .site-branding-section {
flex-direction: column;
}
.site-header.layout--three .blogmatic-container .site-branding-section > div {
width: 100%;
}
.site-header.layout--three .blogmatic-container .site-branding-section .site-branding {
margin-bottom: 15px;
}
body.single-mobile-column--three #blogmatic-main-wrap > .blogmatic-container .row #primary .blogmatic-inner-content-wrap {
grid-template-columns: repeat(2, 1fr);
}
body.single-mobile-column--two #blogmatic-main-wrap > .blogmatic-container .row #primary .blogmatic-inner-content-wrap {
grid-template-columns: repeat(2, 1fr);
}
body.single-mobile-column--one #blogmatic-main-wrap > .blogmatic-container .row #primary .blogmatic-inner-content-wrap {
grid-template-columns: repeat(1, 1fr);
}
body.single-mobile-column--one #blogmatic-main-wrap > .blogmatic-container .row #primary .blogmatic-inner-content-wrap {
grid-template-columns: repeat(1, 1fr);
}
.main-header .menu-section {
display: flex;
align-items: center;
position: relative;
}
.main-header .menu-section nav{
flex: 0 1 40%;
text-align: left;
justify-content: flex-start;
}
.main-header .menu-section nav button{
border-color: transparent;
padding: 6px 15px;
}
.main-header .menu-section .subscribe-section {
flex: 0 1 60%;
text-align: right;
}
.main-header nav.toggled .blogmatic-primary-menu-container,
.main-header nav.toggled div.menu {
position: absolute;
top: auto;
padding: 20px 40px;
background: var(--blogmatic-submenu-bk-color);
z-index: 999;
width: 100%;
border-radius: 15px;
margin-top: 10px;
box-shadow: 0px 1px 3px 2px rgba(0,0,0,0.25);
-webkit-box-shadow: 0px 1px 3px 2px rgba(0,0,0,0.25);
left: 0;
}
body .site-header .menu-alignment--center .row .menu-section .site-navigation-wrapper {
text-align: center;
}
header nav .blogmatic-primary-menu-container ul li,
header nav div.menu ul li {
padding: 4px 0;
}
header nav .blogmatic-primary-menu-container ul li > a,
header nav div.menu ul li > a {
min-width: 210px;
width: 100%;
border-bottom: 1px solid var(--blogmatic-submenu-border-btm-color);
font-family: var(--blogmatic-submenu-font-family);
font-weight: var(--blogmatic-submenu-font-weight);
text-transform: var(--blogmatic-submenu-font-texttransform);
text-decoration: var(--blogmatic-submenu-font-textdecoration);
}
.blogmatic-main-banner-section article.post-item .post-thumb {
padding-bottom: calc( 100% * 0.8 );
}
.main-navigation ul.menu li.menu-item-has-children > a:after,
.main-navigation ul.menu li.page_item_has_children > a:after,
.main-navigation ul.nav-menu li.menu-item-has-children > a:after,
.main-navigation ul.nav-menu li.page_item_has_children > a:after {
float: right;
}
.main-navigation .menu > li li a,
.main-navigation .nav-menu > li li a {
padding: 5px 15px;
}
.main-navigation .menu li a,
.main-navigation .nav.menu li a {
margin: 5px 0;
}
.main-navigation ul.menu li > ul.sub-menu.isShow,
.main-navigation ul.nav-menu li > ul.sub-menu.isShow,
.main-navigation ul.menu li > ul.children.isShow,
.main-navigation ul.nav-menu li > ul.children.isShow {
position: relative;
left: 10px;
}
.main-navigation ul.menu li > ul.sub-menu, 
.main-navigation ul.nav-menu li > ul.sub-menu,
.main-navigation ul.menu li > ul.children, 
.main-navigation ul.nav-menu li > ul.children {
display: none;
}
.main-navigation ul li > ul.isShow,
.main-navigation ul.menu li > ul.sub-menu.isShow,
.main-navigation ul.nav-menu li > ul.sub-menu.isShow,
.main-navigation ul.menu li > ul.children.isShow, 
.main-navigation ul.nav-menu li > ul.children.isShow {
position: relative;
width: 100%;
left: 10px;
box-shadow: none;
display: inline-block;
}
.main-navigation ul.menu li,
.main-navigation ul.nav-menu li {
position: relative;
}
.main-navigation ul li a.toggle-sub-menu,
.main-navigation ul.menu li a.toggle-sub-menu,
.main-navigation ul.nav-menu li a.toggle-sub-menu {
position: absolute;
right: 0;
display: inline-block;
margin-top: -29px;
text-align: right;
z-index: 1;
padding: 5px 10px;
min-width: initial;
text-align: center;
width: auto;
}
.single-related-posts-section-wrap.layout--list .single-related-posts-wrap article .post-thumb-wrap {
flex: 0 1 30%;
}
.single-related-posts-section-wrap.layout--list .single-related-posts-wrap article .post-element {
flex: 1 1 60%;
}
.blogmatic-main-banner-section.main-banner-arrow-show .main-banner-wrap .slick-arrow, 
.blogmatic-carousel-section.carousel-banner-arrow-show .carousel-wrap .slick-arrow {
display: block!important;
}
.site-header.layout--two .blogmatic-container .row .menu-section {
text-align: center;
}
.site-header.layout--two .menu-alignment--left .blogmatic-container .row .menu-section{
text-align: left;
}
body.archive--mixed-layout #blogmatic-main-wrap > .blogmatic-container > .row #primary .blogmatic-inner-content-wrap > article {
grid-column: 1 / span 2;
}
body.archive--mixed-layout .blogmatic-inner-content-wrap > article:nth-child(3n+1) .entry-title {
font-size: var(--blogmatic-post-title-font-size);
}
body.archive.author .site #blogmatic-main-wrap .page-header .blogmatic-container {
width: 95%;
}
.top-header .row {
flex-direction: column;
text-align: center;
gap: 8px;
}
.top-header .top-header-inner-wrapper {
flex-direction: column;
margin-bottom: 5px;
}
body.single-post #primary .post-navigation .nav-links {
flex-direction: column;
gap: 25px;
}
body.single-post #primary .post-navigation .nav-links .button-thumbnail {
flex: 0 1 12%;
}
body.single-post #blogmatic-main-wrap .blogmatic-container .row #primary nav.navigation {
padding: 20px;
}
.search-wrap.search-type--live-search .search-results-wrap {
width: 70%;
}
body #blogmatic-main-wrap > .blogmatic-container > .row #primary article .blogmatic-article-inner .inner-content,
body.single-post #blogmatic-main-wrap .blogmatic-container .row #primary .post-inner,
body.single-post #blogmatic-main-wrap .blogmatic-container .row #primary .comments-area,
body.single-post  #primary article .post-card .bmm-author-thumb-wrap,
body.single-post #blogmatic-main-wrap .blogmatic-container .row #primary nav.navigation,
body.single-post #blogmatic-main-wrap .blogmatic-container .row #primary .comments-area,
body.single-post #blogmatic-main-wrap .blogmatic-container .row #primary .single-related-posts-section-wrap.layout--list {
padding: 20px;
}
body.home .blogmatic-social-share {
display: none;
}
body .blogmatic-inner-content-wrap article figure.post-thumbnail-wrapper:before {
padding-bottom: calc( 100% * var(--blogmatic-archive-post-image-ratio-tab) );
}
} @media (max-width: 675px) {
body.single-post #blogmatic-main-wrap .blogmatic-container .row #primary .post-inner,
body.single-post #blogmatic-main-wrap .blogmatic-container .row #primary .comments-area,
body.search-post #blogmatic-main-wrap > .blogmatic-container > .row #primary article .blogmatic-article-inner,
body.single-post #blogmatic-main-wrap .blogmatic-container .row #primary .single-related-posts-section-wrap.layout--list {
padding: 15px;
}
body.single-post #primary .post-navigation .nav-links > div {
flex: 0 1 47%;
}
.search-wrap.search-type--live-search .article-item {
flex-direction: column;
gap: 12px;
}
.search-wrap.search-type--live-search .article-item figure.post-thumb-wrap,
.search-wrap.search-type--live-search .article-item .post-element {
width: 100%;
flex: 1;
margin-left: 0;
}
} @media (max-width: 610px) {
.site-header .site-title {
font-size: var(--blogmatic-site-title-size-mobile);
line-height: var(--blogmatic-site-title-lineheight-mobile);
letter-spacing: var(--blogmatic-site-title-letterspacing-mobile);
}
.site-header .site-description {
font-size: var(--blogmatic-site-description-size-mobile);
line-height: var(--blogmatic-site-description-lineheight-mobile);
letter-spacing: var(--blogmatic-site-description-letterspacing-mobile);
}
.main-navigation .menu li a,
.main-navigation .nav.menu li a {
font-size: var(--blogmatic-menu-size-mobile);
line-height: var(--blogmatic-menu-lineheight-mobile);
letter-spacing: var(--blogmatic-menu-letterspacing-mobile);
}
footer.site-footer .menu li a,
footer.site-footer .nav.menu li a {
font-size: var(--blogmatic-footer-menu-size-mobile);
line-height: var(--blogmatic-footer-menu-lineheight-mobile);
letter-spacing: var(--blogmatic-footer-menu-letterspacing-mobile);
}
.site-header .header-custom-button .custom-button-label {
font-size: var(--blogmatic-custom-button-size-mobile);
line-height: var(--blogmatic-custom-button-lineheight-mobile);
letter-spacing: var(--blogmatic-custom-button-letterspacing-mobile);
}
.site-header .header-custom-button {
border-radius: var(--blogmatic-custom-button-border-radius);
}
body .blogmatic-inner-content-wrap article figure.post-thumbnail-wrapper:before {
padding-bottom: calc( 100% * var(--blogmatic-archive-post-image-ratio-mobile) );
}
article .entry-title {
font-size: var(--blogmatic-post-title-font-size-mobile);
line-height: var(--blogmatic-post-title-font-lineheight-mobile);
letter-spacing: var(--blogmatic-post-title-font-letterspacing-mobile);
}
article .post-excerpt {
font-size: var(--blogmatic-post-content-font-size-mobile);
line-height: var(--blogmatic-post-content-font-lineheight-mobile);
letter-spacing: var(--blogmatic-post-content-font-letterspacing-mobile);
}
.post-date {
font-size: var(--blogmatic-date-font-size-mobile);
line-height: var(--blogmatic-date-font-lineheight-mobile);
}
.post-date a {
letter-spacing: var(--blogmatic-date-font-letterspacing-mobile);
}
article .post-meta .byline{
font-size: var(--blogmatic-author-font-size-mobile);
letter-spacing: var(--blogmatic-author-font-letterspacing-mobile);
line-height: var(--blogmatic-author-font-lineheight-mobile);
}
article .content-wrap .post-button {
font-size: var(--blogmatic-readmore-font-size-mobile);
line-height: var(--blogmatic-readmore-font-lineheight-mobile);
letter-spacing: var(--blogmatic-readmore-font-letterspacing-mobile);
}
article .post-meta .post-meta .post-read-time {
font-size: var(--blogmatic-readtime-font-size-mobile);
line-height: var(--blogmatic-readtime-font-lineheight-mobile);
letter-spacing: var(--blogmatic-readtime-font-letterspacing-mobile);
}
article .post-meta .post-meta .post-comments-num {
font-size: var(--blogmatic-comment-font-size-mobile);
line-height: var(--blogmatic-comment-font-lineheight-mobile);
letter-spacing: var(--blogmatic-comment-font-letterspacing-mobile);
}
article .post-categories .cat-item a{
font-size: var(--blogmatic-category-font-size-mobile);
letter-spacing: var(--blogmatic-category-font-letterspacing-mobile);
line-height: var(--blogmatic-category-font-lineheight-mobile);
}
.widget_block .wp-block-group__inner-container .wp-block-heading,
section.widget  .widget-title,
.widget_block.widget_search .wp-block-search__label {
font-size: var(--blogmatic-widget-block-font-size-mobile);
letter-spacing: var(--blogmatic-widget-block-font-letterspacing-mobile);
line-height: var(--blogmatic-widget-block-font-lineheight-mobile);
}
.widget_blogmatic_post_grid_widget .post-grid-wrap  .post-title,
.widget_blogmatic_category_collection_widget .categories-wrap .category-item .category-count,
.widget_blogmatic_posts_grid_two_column_widget .posts-wrap .post-title {
font-size: var(--blogmatic-widget-title-font-size-mobile);
line-height: var(--blogmatic-widget-title-font-lineheight-mobile);
letter-spacing: var(--blogmatic-widget-title-font-letterspacing-mobile);
}
body aside .widget.widget_blogmatic_post_list_widget .post-list-wrap .post-item .post-content-wrap h3.post-title {
font-size: calc( var(--blogmatic-widget-title-font-size-mobile) * 0.95);
line-height: var(--blogmatic-widget-title-font-lineheight-mobile);
letter-spacing: var(--blogmatic-widget-title-font-letterspacing-mobile);
}
ul.wp-block-latest-posts a,
ol.wp-block-latest-comments li footer,
ul.wp-block-archives a,
ul.wp-block-categories a,
ul.wp-block-page-list a{
font-size: calc( var(--blogmatic-widget-title-font-size-mobile) * 0.94);
line-height: var(--blogmatic-widget-title-font-lineheight-mobile);
letter-spacing: var(--blogmatic-widget-title-font-letterspacing-mobile);
}
ol.wp-block-latest-comments li footer a{
font-size: calc( var(--blogmatic-widget-title-font-size-mobile) * 0.94);
line-height: var(--blogmatic-widget-title-font-lineheight-mobile);
letter-spacing: var(--blogmatic-widget-title-font-letterspacing-mobile);
}
.widget .post-meta .post-date {
font-size: var(--blogmatic-widget-date-font-size-mobile);
letter-spacing: var(--blogmatic-widget-date-font-letterspacing-mobile);
line-height: var(--blogmatic-widget-date-font-lineheight-mobile);
}
.widget_blogmatic_post_grid_widget .post-grid-wrap .post-categories a,
.widget_blogmatic_category_collection_widget .categories-wrap .category-item .category-name {
font-size: var(--blogmatic-widget-category-font-size-mobile);
line-height: var(--blogmatic-widget-category-font-lineheight-mobile);
letter-spacing: var(--blogmatic-widget-category-font-letterspacing-mobile);
}
body.single-post #blogmatic-main-wrap .entry-header .post-thumbnail {
padding-bottom: calc( 130% * var(--blogmatic-single-post-image-ratio-mobile) );
}
.page-template-default #primary article .post-thumbnail {
padding-bottom: calc( 100% * var(--blogmatic-single-page-image-ratio-mobile) );
}
article .post-meta .post-meta .post-read-time {
font-size: var(--blogmatic-readtime-font-size-mobile);
letter-spacing: var(--blogmatic-meta-font-letterspacing-mobile);
line-height: var(--blogmatic-meta-font-lineheight-mobile);
}
article .content-wrap .post-button {
font-size: var(--blogmatic-readmore-font-size-mobile);
letter-spacing: var(--blogmatic-readmore-font-letterspacing-mobile);
line-height: var(--blogmatic-readmore-font-lineheight-mobile);
}
.single-related-posts-section-wrap.layout--one .single-related-posts-wrap article {
flex-direction: column;
}
.single-related-posts-section-wrap.layout--list .single-related-posts-wrap article .post-element {
margin-top: 15px;
}
.single-related-posts-section-wrap.layout--list .single-related-posts-wrap article .post-thumb-wrap {
margin-right: 0;
}
.single-related-posts-section-wrap.layout--list .single-related-posts-wrap article > div,
.single-related-posts-section-wrap.layout--list .single-related-posts-wrap article > figure {
width: 100%;
}
body .widget .wp-block-latest-comments article{
margin-bottom: 0;
}
body.single-post .site-main article .post-meta-wrap .byline {
letter-spacing: 0.3px;
margin-bottom: 15px;
display: inline-block;
}
body.single-post .comments-area .comment-meta {
flex-direction: column;
text-align: left;
justify-content: flex-start;
align-items: flex-start;
}
body.single-post .comments-area .comment-author.vcard {
margin-bottom: 10px;
}
body.single-post .comments-area .comment-content {
margin: 10px 10px 10px 40px;
}
body.single-post .comments-area li > ul, body.single-post .comments-area li > ol {
margin-left: 0.2em;
}
body .blogmatic-central-mode-enable article {
padding-left: 0;
padding-right: 0;
}
.search-form-wrap form.search-form input.search-submit{
width: 30%;
}
.search-form-wrap form.search-form input.search-field {
width: 90%;
margin-bottom: 20px;
}
.search-wrap.search-type--live-search .search-results-wrap {
width: 90%;
}
.main-header nav.sub-menu-hide-on-mobile ul li a.toggle-sub-menu,
.search-wrap.hide-on-mobile,
.blogmatic-scroll-btn.hide-on-mobile, .header-custom-button.hide-on-mobile,
.custom-button-label.hide-on-mobile, .mode-toggle-wrap.hide-on-mobile,
.blogmatic-canvas-menu.hide-on-mobile, .menu-txt.hide-on-mobile,
.main-banner-wrap .post-excerpt.hide-on-mobile,
.blogmatic-carousel-section .post-excerpt.hide-on-mobile,
#blogmatic-main-wrap #primary article .post-excerpt.hide-on-mobile,
#blogmatic-main-wrap #primary article .author.vcard.hide-on-mobile,
#blogmatic-main-wrap #primary article .post-meta .byline.hide-on-mobile,
#blogmatic-main-wrap #primary article .post-button.hide-on-mobile,
#blogmatic-main-wrap #primary article .post-read-time.hide-on-mobile,
#blogmatic-main-wrap #primary article .post-comments-num.hide-on-mobile,
.widget-area.hide-on-mobile,
.blogmatic-social-share.hide-on-mobile,
.button-text.hide-on-mobile,
.blogmatic-breadcrumb-element.hide-on-mobile {
display: none;
}
#site-navigation #blogmatic-menu-burger {
margin: 0;
}
body .post-date.hide-on-mobile, 
body .blogmatic-article-inner .post-categories.hide-on-mobile,
.top-header.hide-on-mobile,
.top-header .top-date-time.hide-on-mobile,
.top-header .social-icons-wrap.hide-on-mobile,
.top-header .top-header-search-wrap.hide-on-mobile  {
display: none;
}
.single-related-posts-section-wrap.column--three .single-related-posts-wrap {
grid-template-columns: 100%;
}
body .single-related-posts-section-wrap.layout--one .single-related-posts-section .single-related-posts-wrap article .post-thumbnail {
padding-bottom: 60%;
}
.single .post-format-ss-wrap .blogmatic-social-share .share-icon {
display: none;
}
.widget_blogmatic_post_grid_widget .post-grid-wrap {
grid-template-columns: 100%;
}
.widget_blogmatic_carousel_widget .post-thumb-wrap {
height: 248px;
}
.main-header nav.toggled .blogmatic-primary-menu-container,
.main-header nav.toggled div.menu {
padding: 20px;
}
article .content-wrap .post-button .button-text {
font-size: var(--blogmatic-readmore-font-size-mobile);
letter-spacing: var(--blogmatic-readmore-font-letterspacing-mobile);
line-height: var(--blogmatic-readmore-font-lineheight-mobile);
}
body .single-related-posts-section-wrap .single-related-posts-section .single-related-posts-wrap {
grid-template-columns: 100%;
}
body .blogmatic-you-may-have-missed-section .blogmatic-you-may-missed-inner-wrap .you-may-have-missed-wrap {
grid-template-columns: 100%;
}
.blogmatic-you-may-have-missed-section.section--list .post-item {
display: initial;
}
.blogmatic-you-may-have-missed-section.section--list .inner-content {
padding: 25px 0 0;
align-self: initial;
}
.blogmatic-you-may-have-missed-section .you-may-have-missed-wrap .post-thumbnail-wrapper:before {
padding-bottom: calc( 100% * var(--blogmatic-youmaymissed-image-ratio-mobile) );
}
.blogmatic-you-may-have-missed-section .section-title {
font-size: var(--blogmatic-youmaymissed-block-title-font-size-mobile);
line-height: var(--blogmatic-youmaymissed-block-title-font-lineheight-mobile);
letter-spacing: var(--blogmatic-youmaymissed-block-title-font-letterspacing-mobile);
}
.blogmatic-you-may-have-missed-section .post-thumbnail-wrapper .entry-title {
font-size: var(--blogmatic-youmaymissed-title-font-size-mobile);
line-height: var(--blogmatic-youmaymissed-title-font-lineheight-mobile);
letter-spacing: var(--blogmatic-youmaymissed-title-font-letterspacing-mobile);
}
.blogmatic-you-may-have-missed-section .post-thumbnail-wrapper .post-categories a {
font-size: var(--blogmatic-youmaymissed-category-font-size-mobile);
line-height: var(--blogmatic-youmaymissed-category-font-lineheight-mobile);
letter-spacing: var(--blogmatic-youmaymissed-category-font-letterspacing-mobile);
}
.blogmatic-you-may-have-missed-section .post-thumbnail-wrapper .post-date {
font-size: var(--blogmatic-youmaymissed-date-font-size-mobile);
line-height: var(--blogmatic-youmaymissed-date-font-lineheight-mobile);
letter-spacing: var(--blogmatic-youmaymissed-date-font-letterspacing-mobile);
}
.blogmatic-you-may-have-missed-section .post-thumbnail-wrapper .author {
font-size: var(--blogmatic-youmaymissed-author-font-size-mobile);
line-height: var(--blogmatic-youmaymissed-author-font-lineheight-mobile);
letter-spacing: var(--blogmatic-youmaymissed-author-font-letterspacing-mobile);
}
.blogmatic-main-banner-section .main-banner-wrap .post-elements .post-title {
font-size: var(--blogmatic-banner-title-font-size-mobile);
line-height: var(--blogmatic-banner-title-font-lineheight-mobile);
letter-spacing: var(--blogmatic-banner-title-font-letterspacing-mobile);
}
.blogmatic-main-banner-section .main-banner-wrap .post-elements .post-excerpt {
font-size: var(--blogmatic-banner-excerpt-font-size-mobile);
line-height: var(--blogmatic-banner-excerpt-font-lineheight-mobile);
letter-spacing: var(--blogmatic-banner-excerpt-font-letterspacing-mobile);
}
.widget_blogmatic_posts_grid_two_column_widget .posts-wrap .post-thumb {
height: initial;
}
.blogmatic-main-banner-section.layout--three .swiper-slide .post-elements {
padding: 20px;
width: 75%;
}
body.archive--list-alter-layout #primary .blogmatic-article-inner,
body.archive--list-layout #primary .blogmatic-article-inner {
flex-direction: column;
align-items: initial;
}
body.archive--list-alter-layout #primary .inner-content {
order: 2;
}
.blogmatic-main-banner-section.layout--three .main-banner-sidebar .count-image-wrapper .post-count {
display: none;
}
}