.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;}
.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;}
.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 .price{ font-size: 14px; line-height: 16px; font-weight: 500; color: var(--ocean-90); margin: 0;}
.cardreview{ width: 100%; display: flex; align-items: center; justify-content: space-between; margin: 0 0 8px; font-size: 14px; line-height: 20px; font-weight: 500; color: var(--cloud-tint-4);}
.cardreview img{ display: block; max-width: 76px;}


.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;}
.articlebytopics2 .topics_grid{ display: flex; flex-wrap: wrap; justify-content: center; gap: 16px;}


.articlepagination{ width: 100%; display: flex; justify-content: center; gap: 8px; align-items: center; margin: 40px 0 0;}
.articlepagination .page-number{font-size: 14px; line-height: 16px; font-weight: 500; color: var(--cloud-tint-4);}
.articlepagination a.page-number{ min-width: 35px; text-align: center; padding: 4px 12px; border-radius: 8px; border: 1px solid var(--cloud-tint-3); }
.articlepagination a.page-number:hover, .articlepagination a.page-number.current{ background: var(--ocean-60); border-color: var(--ocean-60); color: #fff;}

.articlepagination .prev, .articlepagination .next{width: 30px;height: 30px; margin: 0 8px; border-radius: 50%;	font-size: 0px;	background-color: var(--ocean-05); transition: all 0.3s ease-in-out; background-image: url(../images/chevron_forward.svg); background-repeat: no-repeat;background-size: 5px;display: block;background-position: center;}
.articlepagination .prev{background-image: url(../images/chevron_forward2.svg);}
.articlepagination .prev:hover, .articlepagination .next:hover{opacity: 0.5; transition: all 0.3s ease-in-out;}

.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%; }

.filterbytopic{ width: 100%; display: flex; flex-direction: column; gap: 12px;}
.filterbytopic h2{ font-size: 14px; line-height: 20px; font-weight: 500; color: var(--cloud-tint-4); margin: 0;font-family: var(--font-body);}
.fltrtopics_grid{ display: flex; flex-wrap: wrap; gap: 8px;}
.fltrtopics_grid a{ color: var(--cloud-tint-4); font-size: 16px; line-height: 20px; display: inline-block; border: 1px solid var(--cloud-tint-3); border-radius: 60px; padding: 8px 12px;}
.fltrtopics_grid a.active, .fltrtopics_grid a:hover{ background: var(--ocean-60); color: #fff; border-color: var(--ocean-60);}

.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;}
.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;}