.categoryposts{ background: #fff;}
.categoryposts_header{ width: 100%; display: flex; align-items: center; justify-content: space-between; margin-bottom: 40px;}
.categoryposts_header h2{ font-size: 32px; color: var(--ocean-90); line-height: 36px; font-weight: 400; margin: 0;}
.advertisement_area{ width: 100%; margin: 40px 0; min-height: 140px; /*background-color: #FFE2E2;*/ display: flex; justify-content: center; align-items: center; border-radius: 4px; /*box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.10);*/}
.advertisement_area:last-child{ margin-bottom: 0;}
.advertisement_area p{ font-size: 16px; color: #310202;text-align: center;font-size: 14px;font-weight: 500;line-height: 16px; }
.categoryposts_grid{ display: grid; grid-template-columns: repeat(3, 1fr); row-gap: 40px; column-gap: 20px;}
.topics_list{ width: 100%; background: #fff; padding: 64px 0 20px;}
.articlebytopics{ width: 100%; display: flex; justify-content: space-between; align-items: center; padding: 24px; border-radius: 8px; background: var(--cloud-tint-1); box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.15);}
.articlebytopics h2{ font-size: 24px; color: var(--ocean-90); line-height: 28px; font-weight: 500; margin: 0;}
.btn.seaglass{ background: var(--seaglass); border-color: var(--seaglass); color: #fff;}
.btn.seaglass:hover{ background-color: #002F38; border-color: #002F38; color: #fff;}
.categoryposts.toparticles{ padding: 20px 0 64px;}
.categoryposts_grid .hubstoryposter{ height: 432px;}
.categoryposts_grid .hubquoteoftheday .quoteicon img{width: 56px;}
.categoryposts_grid .hubquoteoftheday{ height: 432px; width: 100%!important;}
.categoryposts_grid .hubquoteoftheday .quoteicon{ margin-top: 0; margin-bottom: auto;}
.categoryposts_grid .hubquoteoftheday h5{ font-size: 28px; line-height: 30px; color: var(--ocean-90); font-weight: 400;}
.categoryposts_grid .hubquoteoftheday{ display: flex; flex-direction: column; justify-content: flex-end;}
.categoryposts_grid.twocolumns{grid-template-columns: repeat(2, 1fr); padding-bottom: 40px;}
.hubstoryposter{ position: relative;}
.dvtnl_1 .hubstoryposter>a::before{ content: ''; z-index: 1; position: absolute; top: 0; opacity: 0.5; left: 0; width: 100%; height: 100%; border-radius: 4px; background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, #000) 100%;}
.dvtnl_1 .hubstoryposter .overimg, .dvtnl_1 .hubstoryposter .iconimg{ z-index: 1;}
.hubstorybox .overimg{ position: absolute; bottom: 0; left: 0; width: 100%; padding: 40px; }
.hubstorybox .overimg h3{ color: var(--cloud-tint-1); font-size: 56px; line-height: 60px; border-bottom: 1px solid var(--cloud-tint-3); padding-bottom: 10px; }
.hubstorybox .overimg p{ color:var(--cloud-tint-2);}
.hubstorybox .overimg h3 a{color: var(--cloud-tint-1); text-decoration: none!important;}
.hubstorybox .overimg h3 a:hover{ text-decoration: none!important;}
.hubstorybox .overimg .storymeta_data{ color: #fff;}
.hubstorybox .iconimg{ position: absolute; top: 40px; left: 40px;}
.hubstorybox .iconimg img{ display: block; max-width: 80px;}
.shopgpposts{ width: 100%; background: var(--cloud-tint-1); padding: 64px 0;}
.shopgpposts h2{ font-size: 28px; line-height: 32px; color: var(--ocean-90); text-align: center; margin: 0 0 32px;}
.shopgprow{ width: 100%; display: flex; justify-content: center; align-items: center; gap: 20px;}
.shopgprow .shopgppost{ width: calc(25% - 10px);}
.shopgprow .shopgppost .shopcardimg{ height: 320px;}
.shopgprow .shopgppost .shopcardimg img{ max-height: 240px;}
.shopgppost .shopproductinfo h3{ font-size: 20px; line-height: 24px; color: var(--ocean-90); margin:0 0 8px;}
.shopgppost .shopproductinfo h3 a{color: var(--ocean-90);}

.shopgppost:hover .shopproductinfo h3 a{ color: var(--ocean-90); text-decoration: underline; text-underline-offset: 2px; }





.shopgppost .shopproductinfo .price{ font-size: 14px; line-height: 16px; font-weight: 500; color: var(--ocean-90); margin: 0;}

.articlebytopics2{ width: 100%; display: flex; align-items: center; justify-content: center; text-align: center; flex-direction: column; gap: 24px; margin-top: 64px;}
.articlebytopics2 h2{ font-size: 32px; line-height: 36px; color: var(--ocean-90); margin: 0;}
.topics_grid{ display: flex; flex-wrap: wrap; justify-content: center; gap: 8px;}
.articlebytopics2 .topics_grid{ gap: 16px;}
.hubherocontent .current-category{ display: block; padding-left: 18px; position: relative; font-size: 18px; line-height: 20px; letter-spacing: 1px; color: #fff; text-transform: uppercase; font-weight: 700;}
.hubherocontent .current-category::before{ content: ''; position: absolute; top: 50%; transform: translateY(-50%); background: var(--cloud-tint-3); left: 0; width: 6px; height: 6px; border-radius: 50%; }
.topics_list.pb0{ padding-bottom: 0;}
.topics_list.pb0 + .categoryposts{ padding-top: 40px;}
.authorbanner .hub_breadcrumb ul li, .authorbanner .hub_breadcrumb span span{ color: var(--ocean-90);}
.authorbanner .hub_breadcrumb ul li a{ color: var(--ocean-90);}
.authorbanner .hub_breadcrumb ul li::after, .authorbanner .hub_breadcrumb span span a::after{ background-image: url(../images/bb-icon-light.png);}
.authorinfo{ width: 100%; display: flex; align-items: center;}
.authorimg{ min-width: 202px; width: 202px; height: 202px; position: relative;}
.authorimg img{ display: block; border-radius: 50%; width: 100%; height: 100%; object-fit: cover; object-position: center;}
.authorbio{ padding-left: 24px; max-width: 780px;}
.authorbio h1{ color: var(--ocean-90); font-size: 56px; line-height: 60px; margin: 0;}
.authorbio p{ font-size: 16px; line-height: 20px; color: var(--ocean-90); margin-top: 24px;}
.site-main, .widget-area{ background-color: #fff;}
.postType2{grid-template-columns: repeat(2, 1fr); display: grid;  gap: 24px; margin: 64px 0 0;}
.postType2 .postitem{ width: 100%; display: flex; align-items: center;}
.postType2 .postimg{ width: 310px; min-width: 310px; margin: 0;}
.postType2 .postimg img{ width: 100%; height: 211px; border-radius: 4px; display: block; object-fit: cover; object-position: center;}
.postType2 .postinfo{ width: 100%; padding-left: 24px;}
.postType2 .postinfo h3{ font-size: 28px; line-height: 30px; margin: 12px 0 0; color: var(--ocean-90);}
.postType2 .postinfo h3 a{ color: var(--ocean-90);}
.postType2 .postitem:hover .postinfo h3 a{ color: var(--accentpink);}
.postType2 .postinfo p{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; margin: 12px 0 0; font-size: 12px; line-height: 18px; font-weight: 500; color: var(--ocean-90);}
.postType2 .postinfo .storymeta_data{ margin: 0;}
.mainpostbanner{ width: 100%; position: relative; background: var(--cloud-tint-1); min-height: 400px;}
.mainpostimage{ width: 55.4%; position: relative;margin-left: auto; margin-right: 0;}
.mainpostimage img{ display: block; width: 100%; height: 400px; object-fit: cover; object-position: center;}
.mainpostbanner .hubcontainer{ position: absolute; top: 0; left: 0; right: 0; height: 100%; display: flex;}
.mainpostinfo{ width: 43%; padding-right: 64px; position: relative; display: flex; align-items: center; justify-content: center; text-align: center;flex-direction: column;}
.mainpostinfo h1{ font-size: 40px; line-height: 44px; color: var(--ocean-90); font-weight: 400; margin: 0;}
.mainpostbanner .backtoarticles{ position: absolute; top: 24px; left: 32px; z-index: 11;}
.backtoarticles a{ color: var(--ocean-90); font-size: 14px; line-height: 20px; font-weight: 500; padding-left: 24px; background: url(../images/arrow-left.svg) no-repeat; background-size: 16px; background-position: 0 50%; }
.backtoarticles a:hover{ text-decoration: underline; text-underline-offset: 2px;}
.mainpostinfo .storymeta_data{ gap: 12px; align-items: center; font-size: 14px;}

.storymeta_data .dot{ width: 6px; height: 6px; border-radius: 6px; background: var(--ocean-60);}
.mainpostinfo .storymeta_data .postauthor{ text-transform: capitalize; border-bottom: 1px solid var(--cloud-tint-3); padding-bottom: 2px; transition: all 0.3s ease-in-out;}
.mainpostinfo .storymeta_data .readingtime{font-size:12px;}
.mainpostinfo .storymeta_data .postauthor:hover{ border-bottom-color: var(--ocean-90); transition: all 0.3s ease-in-out;}
.mainpostinfo .storymeta_data .postauthor a{ text-decoration: none;}
.mainpostinfo .storymeta_data .postauthor a:hover{ color: var(--ocean-90);}




.mainpostdetail{ width: 100%; background: #fff; padding: 40px 0 64px; color: var(--ocean-90);}
.mainpostdetail .hubcontainer{ display: flex;}
.postsidebarleft{ width: 23.8%;}
.photocredit{ text-align: right; font-size: 14px; line-height: 16px; margin-bottom: 64px; width: 100%; }
.photocredit.mobile{ display: none; text-align: left; margin-bottom: 48px;}
.postsidebarright{ width: 23.8%;}
.postsidebarright .advertisement_area{ max-width: 222px; margin-left: auto; margin-right: 0; height: 395px;}
.postcontentmain{ width: 52.4%; padding: 0 20px;}
.postcontentmain .bluebgtext{ padding: 20px; border-radius: 4px; font-size: 20px; line-height: 24px;  font-weight: 600; margin-bottom: 48px;}
.sharethisstory{ margin-right: 42px; display: flex; align-items: center; justify-content: space-between; padding: 12px 24px; background: var(--cloud-tint-1); border-radius: 40px;}
.sharethisstory label{ color: var(--ocean-90); font-size: 14px; line-height: 16px; font-weight: 500; padding-right: 20px;}
.sharethisstory ul{ display: flex; align-items: center; gap: 12px;}
.sharethisstory img{ display: block; max-width: 24px;}
.postcontent{ width: 100%;}
.postcontent p{ font-size: 16px; line-height: 20px; margin: 20px 0;}
.postcontent a{ text-decoration: underline; text-underline-offset: 2px;}
.postcontent a:hover{ color: var(--accentpink);}
.postcontent h2, .postcontent h3, .postcontent h4, .postcontent h5, .postcontent h6, .postcontent ul, .postcontent ol{ margin: 20px 0; padding: 0;}
.postcontent ul, .postcontent ol{ padding-left: 20px;}
.postcontent li{ list-style: disc; list-style-position: outside;}
.postcontent ol li{ list-style: decimal;}
.postcontent ul ul, .postcontent ul ol, .postcontent ol ol, .postcontent ol ul{ margin: 0;}
.postcontentmain blockquote{ padding-left: 20px; border-left: 4px solid var(--cloud-tint-3);font-family: var(--font-heading); font-size: 28px; line-height: 30px; font-weight: 400; margin: 48px 0;}
.postcontentmain blockquote p {font-size: 28px; line-height: 30px; font-weight: 400;margin: 0;font-family: var(--font-heading);}
.sharepostwrap{ width: 100%; margin: 48px 0; display: flex;}
.sharepostwrap .sharethisstory{ background: var(--ocean-05); margin: 0;}
.postcontentmain .postauthor{ width: 100%; padding: 48px 0 0; border-top: 1px solid var(--cloud-tint-3); display: flex;}
.postcontentmain .postauthor .authorimg{min-width: 80px; width: 80px; height: 80px;}
.postcontentmain .postauthor .authorbio{ width: 100%; max-width: 100%; padding-left: 10px;}
.postcontentmain .postauthor .authorbio p{color: #5A5A58; font-size: 14px; line-height: 18px;}
.postcontentmain .postauthor .authorbio p:nth-child(1){ margin: 0;}
.postcontent iframe{ width: 100%; display: block; height: 362px;}
.weeklysignup{ width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 64px 40px; margin: 48px 0; border-radius: 4px; background: var(--cloud-tint-1); box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.15);}
.weeklysignup h2{ margin: 0 0 24px; font-size: 32px; line-height: 36px;}
.powerfulforce{width: 100%; margin:0 0 48px 0; padding: 24px; border-radius: 4px; border-radius: 4px;background: linear-gradient(135deg, #F6F8DC 0%, #FAFAF6 100%);}
.powerfulforce h4{ margin: 0 0 20px; font-size: 24px; line-height: 28px; font-weight: 500;}
.powerfulforce p{ font-size: 16px; line-height: 20px; margin: 20px 0 0;}
.powerfulforce p a{ text-decoration: underline; text-underline-offset: 2px;}
.powerfulforce p a:hover{ color: var(--accentpink);}
.powerfulforce p:only-child{ margin: 0;}
.similartopics{ width: 100%; margin: 24px 0 0; display: flex; flex-direction: column; gap: 12px;}
.similartopics label{ font-size: 14px; line-height: 20px; font-weight: 500; color: var(--cloud-tint-4);}
.similartopics ul{ display: flex; flex-wrap: wrap; gap: 8px;}
.similartopics ul li a{ background: var(--cloud-tint-1); color: var(--cloud-tint-4); font-size: 14px; line-height: 16px; font-weight: 500; padding: 4px 8px; border-radius: 3px;display: inline-block;}
.similartopics ul li a:hover{ background: var(--ocean-05); color: var(--ocean-60);}
.similartopics .moreplus{ width: 64px; border: 1px solid var(--cloud-tint-3); border-radius: 3px;color: var(--cloud-tint-4); font-size: 14px; line-height: 16px; font-weight: 500; text-align: center; padding: 3.2px 0;}
.similartopics .moreplus:hover{ border-color: var(--ocean-90); color: var(--cloud-tint-4);}
.postcontentmain .advertisement_area{ margin: 24px 0;}
.postimg{ width: 100%; margin: 48px 0;}
.postcontentmain figure{ width: 100%; position: relative;}
.postcontentmain figure img{ width: 100%; display: block; border-radius: 4px;}
.postcontentmain figure figcaption{ position: absolute; bottom: 0; left: 0; width: 100%; padding: 8px 12px; color: #fff; font-size: 14px; line-height: 20px; font-weight: 500;}
.photocaption{ width: 100%; margin: 12px 0 0; font-size: 14px; line-height: 20px; font-weight: 500; color: var(--cloud-tint-4);}
.sharethisstory .heateor_sss_sharing_container .heateor_sss_svg {display: none !important;}
.sharethisstory .heateor_sss_sharing_ul {display: flex;align-items: center;gap: 12px;}
.sharethisstory .heateor_sss_sharing_ul a{ margin: 0!important; font-size: 0px!important; width: 24px; height: 24px;}
.sharethisstory .heateor_sss_sharing_ul a::before{ content: ''!important; width: 100%; height: 100%; position: relative; display: block!important; background-repeat: no-repeat; background-size: 100%;}
.sharethisstory .heateor_sss_sharing_ul a.heateor_sss_facebook::before{ background-image: url(../images/facebook-icon.svg);}
.sharethisstory .heateor_sss_sharing_ul a.heateor_sss_button_threads::before{ background-image: url(../images/threads-icon.svg);}
.sharethisstory .heateor_sss_sharing_ul a.heateor_sss_email::before, .sharethisstory .heateor_sss_sharing_ul a.heateor_sss_button_copy_link::before{ background-image: url(../images/share-link-icon.svg);}
.sharethisstory .heateor_sss_sharing_ul a.heateor_sss_facebook:hover::before{ background-image: url(../images/facebook-icon-2.svg);}
.sharethisstory .heateor_sss_sharing_ul a.heateor_sss_button_threads:hover::before{ background-image: url(../images/threads-icon-2.svg);}
.sharethisstory .heateor_sss_sharing_ul a.heateor_sss_email:hover::before, .sharethisstory .heateor_sss_sharing_ul a.heateor_sss_button_copy_link:hover::before{ background-image: url(../images/share-link-icon-2.svg);}
.sharethisstory .heateor_sss_sharing_ul a.heateor_sss_email, .sharethisstory .heateor_sss_sharing_ul a.heateor_sss_button_copy_link{ order: 1;}
.sharethisstory .heateor_sss_sharing_ul a.heateor_sss_facebook{ order: 2;}
.sharethisstory .heateor_sss_sharing_ul a.heateor_sss_button_threads{ order: 3;}

.postcontent .alignleft{ float: left; margin-right: 20px; margin-bottom: 20px;}
.postcontent .alignright{ float: right; margin-left: 20px; margin-bottom: 20px; }
.postcontent .aligncenter{ display: block; margin: 24px auto;border-radius: 4px;}

/* Search Templates */
.shopcategoryslide .shopgppost{ width: 100%; padding: 0 10px;}
.shopcategoryslide .slick-arrow{ display: none!important;}
.hubstorybox .hubquoteoftheday p{ color: var(--ocean-90);}
.shopgpposts .hubcontainer{ max-width: 1062px;}
.page-template-article-homepage 
.formobile{ display: none;}
.shopcategoryslide .slick-controls, .shopcategoryslide .slick-dots{ display: none!important;}
.toparticles .articlebytopics{ display: none; visibility: hidden;}
/* Daily Devotions Templates */

.devtnlBanner.hub_pagebanner .hubherocontent{ margin-bottom: 48px; max-width: 800px;}
.devtnpage.mainpostdetail{ padding-top: 0;}
.devtnpage.mainpostdetail .hubcontainer{ justify-content: space-between;}
.devtnpage .postcontentmain {width: 66.4%;padding:40px; border-radius: 8px; background:#FFF;box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.10);margin-top: -40px;position: relative; z-index: 1;}
.dailyTitle{ width: 100%; margin: 0 0 48px; display: flex; justify-content: space-between;align-items: flex-start;}
.dailyTitle .sharepostwrap{ margin: 0; width: auto;}
.devtnpage .postcontentmain blockquote{ margin: 24px 0;}
.devtnpage .postcontentmain .advertisement_area{ margin: 32px 0 0;}
.devtnpage .powerfulforce{ margin: 24px 0; background: var(--cloud-tint-4); padding: 20px;}
.devtnpage .powerfulforce *:last-child{ margin-bottom: 0;}
.devtnpage .powerfulforce h4{ color: var(--cloud-tint-1);}
.dailyTitle .titleLeft{ max-width: calc(100% - 300px);}
.dailyTitle .date{ font-size: 14px; line-height: 20px; font-weight: 500; color: var(--ocean-90); display: flex; gap: 12px; align-items: center;}
.dailyTitle .date::before{ content: ''; width: 6px; height: 6px; background: var(--ocean-60); border-radius: 50%;}
.dailyTitle .titleLeft h2{ margin: 0 0 12px;}
.devtnpage .postcontentmain .postauthor {padding: 32px 0 0; margin: 32px 0 0;}
.powerfulforce .prayicon{ width: 100%; margin: 0 0 12px; display: flex; align-items: center; gap: 8px; font-size: 14px; line-height: 20px; font-weight: 500;  color: var(--cloud-tint-1);}
.powerfulforce .prayicon svg{ width: 20px;}
.todayMdtn{ width: 100%;border-radius: 24px; padding: 40px 24px; margin-top: -10px; position: relative; background:  #007A66;box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.10); text-align: center;}
.todayMdtn h3{ color: #fff; font-size: 24px; line-height: 28px; font-weight: 500; margin: 0 0 24px;padding: 0 20px;}
.todayMdtn .btn{border: 1px solid #FFF; background: rgba(0, 0, 0, 0.10); backdrop-filter: blur(2px);}
.todayMdtn .btn:hover{ background: #fff; color: var(--ocean-90);}
.daily_ggr-audio-card{ display: flex; flex-direction: column; width: 100%; gap: 24px; margin-bottom: 24px; background: transparent;}
.ggr-audio-cover{ width: 100%; }
.daily_ggr-audio-card .ggr-audio-cover img{ width: 100%; height: 265px;}
.todayMdtn .daily_ggr-audio-card .ggr-audio-title{ padding: 0; margin: 0 0 4px; font-size: 18px; line-height: 20px; font-weight: 400; font-family: var(--font-body);}
.daily_ggr-audio-card .ggr-audio-info{ padding: 0; width: 100%;} 
.daily_ggr-audio-card .ggr-audio-scripture, .daily_ggr-audio-card .ggr-audio-author{ color: var(--cloud-tint-2); font-weight: 400;}
.daily_ggr-audio-card .ggr-audio-player{ background: #fff; padding: 16px; border-radius: 12px;}

.hub_pagebanner.tagbanner{ background: var(--ocean-05)!important; min-height: 263px!important;}
.hub_pagebanner.tagbanner .hubherocontent h1{ color: var(--ocean-90);}
.hub_pagebanner.tagbanner .pagetype{ color: var(--ocean-90); font-size: 12px; line-height: 18px; font-weight: 500; text-transform: uppercase; margin: 0 0 8px; display: block;}
.tagbanner .hub_breadcrumb ul li, .tagbanner .hub_breadcrumb span span, .tagbanner .hub_breadcrumb ul li a, .tagbanner .hub_breadcrumb span span a{ color: var(--ocean-90);}
.tagbanner .hub_breadcrumb ul li::after, .tagbanner .hub_breadcrumb span span a::after {background-image: url('../images/chevron_forward-dark.svg');}



.todaysmeditation{ display: none;}



/* Responsive: Tablet and Mobile adjustments */
@media (max-width: 1320px) {

}

@media (max-width: 1199px) {
.hubstorybox .overimg {padding: 24px;}
.hubstorybox .overimg h3 {font-size: 32px;line-height: 36px;}
.hubstorybox .iconimg {top: 24px;left: 24px;}
.authorbio h1 {font-size: 40px;line-height: 44px;}
.authorbio p {margin-top: 20px;}
.mainpostinfo {padding-right: 24px;}
.mainpostdetail .hubcontainer{ flex-direction: column; gap: 28px; }
.postsidebarleft {width: 100%;}
.postsidebarright {display: none;}
.postcontentmain{ width: 100%; padding: 0;}
.mainpostdetail{ padding: 40px 0 48px;}
.categoryposts{ padding: 48px 0;}
.photocredit{ display: none;}
.photocredit.mobile{ display: block; margin: 0 0 40px;}
.mainpostinfo h1{ font-size: 32px; line-height: 36px;}
.postcontent h2{ font-size: 32px; line-height: 36px;}
.postcontent h3{ font-size: 28px; line-height: 32px;}
.postcontent h4{ font-size: 24px; line-height: 28px;}
.postcontent h5{ font-size: 20px; line-height: 24px;}
.postcontent h6{ font-size: 18px; line-height: 22px;}
.similartopics {flex-direction: initial; flex-wrap: wrap;}
.similartopics label{ width: 100%;}
.devtnpage .postcontentmain{ width: 70%; padding: 40px 24px;}
.devtnpage .postsidebarright{ display: block; width: 28%;}
.mainpostdetail.devtnpage  .hubcontainer{ flex-direction: initial;}
.dailyTitle .titleLeft h2 {font-size: 40px;line-height: 44px;}
.articlebytopics{ flex-direction: column; gap: 20px; align-items:center; justify-content: center;}

}

@media (max-width: 979px) {
.categoryposts_grid .hubstoryposter, .categoryposts_grid .hubquoteoftheday {height: 342px;}
.categoryposts_grid {grid-template-columns: repeat(2, 1fr);}
.postType2 {grid-template-columns: repeat(1, 1fr);}
.devtnpage .postcontentmain{ width: 100%; padding:0; margin-top: 40px; box-shadow: none;}
.devtnpage .postsidebarright{ display: block; width: 100%; max-width: 400px; margin: 0 auto;}
.mainpostdetail.devtnpage  .hubcontainer{ flex-direction: column; justify-content: center; gap: 40px;}
.devtnlBanner.hub_pagebanner .hubherocontent {margin-bottom: 0;}
.dailyTitle{ flex-direction: column; gap: 24px;}
.todayMdtn{ margin-top: 0;}
.devtnpage.mainpostdetail{ padding: 0;}
.dailyTitle .titleLeft {max-width: 100%;}

.shopcategoryslide .slick-dots{ display: flex!important; justify-content: center;}
.shopcategoryslide .slick-controls{ display: flex!important; justify-content: center; margin-top: 32px; width: 100%;}
.shopcategoryslide .slick-controls .slick-prev-dot, .shopcategoryslide .slick-controls .slick-next-dot{ background-color: var(--ocean-05);}
.shopcategoryslide .slick-controls .slick-prev-dot:hover, .shopcategoryslide .slick-controls .slick-next-dot:hover{ background-color: var(--ocean-30);}
.shopcategoryslide{ display: block; position: relative;}

}

@media (max-width: 860px) {
.topics_list.maindesktop{ display: none;}
.categoryposts_grid.twocolumns {grid-template-columns: repeat(1, 1fr);}
.toparticles .articlebytopics {display: flex;visibility: visible;flex-direction: column;gap: 20px;justify-content: center;margin: 0 0 40px; }
.categoryposts.toparticles{ padding: 64px 0;}
.categoryposts_grid {grid-template-columns: repeat(1, 1fr);}
.topics_grid {row-gap: 20px;}
}

@media (max-width: 767px) {
.categoryposts_grid, .categoryposts_grid.twocolumns {grid-template-columns: repeat(1, 1fr);}
.page-template-article-homepage .hub_pagebanner.bannersmall, .archive .hub_pagebanner.bannersmall {min-height: 428px;}
.articlebytopics{ flex-direction: column; justify-content: center; gap: 20px;}
.topics_grid{ flex-direction: column; gap: 20px;text-align: center;}
.hubstorybox .iconimg img {max-width: 40px;}
.categoryposts_grid .hubquoteoftheday .quoteicon img {width: 40px;}
.categoryposts_header{ margin-bottom: 32px;}
.categoryposts_header .btn{ display: none;}
.categoryposts_header.formobile{ display: flex; align-items: center; justify-content: center; margin: 32px 0 0;}
.categoryposts_header.formobile .btn{ display: flex;min-width: 120px;}
.advertisement_area{ margin: 32px 0;}

.shopgpposts .donatebtn{ margin: 32px 0 0;} 

.topics_list {padding: 48px 0 20px;}
.toparticles .articlebytopics{ display: flex; visibility: visible; margin: 0 0 40px;}
.topics_list.maindesktop{ display: none;}
.categoryposts.toparticles{ padding: 64px 0;}
.authorinfo{ flex-direction: column; gap: 24px; padding: 128px 0 0; justify-content: flex-start; align-items: flex-start;}
.authorbio{ width: 100%; padding: 0;}
.postType2 {margin: 96px 0 0;}
.postType2 .postitem{ flex-direction: column;gap: 24px;}
.postType2 .postinfo{ padding: 0;}
.postType2 .postimg{ width: 100%; min-width: 100%;}
.postType2 .postimg img{ height: 233px;}
.author  .hub_breadcrumb ul li a::before {background-image: url(../images/arrow-left.svg);}
.mainpostbanner .hubcontainer{ position: static;}
.mainpostinfo{ width: 100%; padding:80px 0;}
.mainpostimage{ width: 100%;}
.mainpostimage img{ height: 200px;}
.sharethisstory{ margin: 0;}
.articlebytopics h2 {text-align: center;}
.postcontentmain .postauthor {flex-direction: column; justify-content: center; text-align: center;}
.postcontentmain .postauthor .authorimg {margin: 0 auto;}
.postcontentmain .postauthor .authorbio{ padding: 10px 0 0;}
.weeklysignup {padding: 64px 24px;}
.weeklysignup h2 { text-align: center; font-size: 30px; line-height: 34px;}
.mainpostinfo .storymeta_data {gap: 10px;font-size: 12px;}
.postcontentmain .hubklvform {flex-direction: column; justify-content: center;text-align: center;}
.postcontentmain .hubklvform button{ margin: 20px auto 0;}
.postcontentmain .hubklvform br{ display: none;}
.sharepostwrap .sharethisstory{ width: 100%;}
.dailyTitle .titleLeft h2 {font-size: 32px;line-height: 36px;}
.mainpostbanner{ min-height: initial;}
.tagbanner .hub_breadcrumb ul li a::before {background-image: url(../images/arrow-left.svg);}


.todaysmeditation{display: flex; align-items: center; justify-content: center; z-index: 999; position: fixed; bottom: 0; left: 0; right: 0; margin: 0 auto;}
.todaysmeditation a{ display: flex; justify-content: center; gap: 12px; align-items: center; font-size: 14px; line-height: 30px; padding: 16px 30px; font-weight: 700; color: #fff; text-align: center; border-radius: 8px 8px 0 0; background: #08908C;box-shadow: 0 0 32px 0 rgba(0, 0, 0, 0.20);backdrop-filter: blur(75px);}
.todaysmeditation a span{ font-weight: 400; opacity: 0.6;}
.todaysmeditation a img{ display: block; width: 30px;}

.category-daily-devotions .back-to-top.is-visible {transform: translateY(-70px);}
#todaysmeditation{ padding-top: 15px;}










}