.elementor-998530 .elementor-element.elementor-element-ed7225c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:64px;--padding-bottom:0px;--padding-left:28px;--padding-right:28px;}.elementor-998530 .elementor-element.elementor-element-388420a{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:6px 10px;--row-gap:6px;--column-gap:10px;--flex-wrap:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-998530 .elementor-element.elementor-element-e5f887c{width:auto;max-width:auto;}.elementor-998530 .elementor-element.elementor-element-da4ba20{width:auto;max-width:auto;}.elementor-998530 .elementor-element.elementor-element-da4ba20 .elementor-icon-list-icon{width:14px;}.elementor-998530 .elementor-element.elementor-element-da4ba20 .elementor-icon-list-icon i{font-size:14px;}.elementor-998530 .elementor-element.elementor-element-da4ba20 .elementor-icon-list-icon svg{--e-icon-list-icon-size:14px;}.elementor-998530 .elementor-element.elementor-element-ae25a35{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:8px 18px;--row-gap:8px;--column-gap:18px;--flex-wrap:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-998530 .elementor-element.elementor-element-21e9383{width:auto;max-width:auto;}.elementor-998530 .elementor-element.elementor-element-21e9383 .elementor-icon-list-icon{width:14px;}.elementor-998530 .elementor-element.elementor-element-21e9383 .elementor-icon-list-icon i{font-size:14px;}.elementor-998530 .elementor-element.elementor-element-21e9383 .elementor-icon-list-icon svg{--e-icon-list-icon-size:14px;}.elementor-998530 .elementor-element.elementor-element-b44cd2e{width:auto;max-width:auto;}.elementor-998530 .elementor-element.elementor-element-20be1f7{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:flex-start;--gap:56px 56px;--row-gap:56px;--column-gap:56px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:120px;--padding-bottom:110px;--padding-left:28px;--padding-right:28px;}.elementor-998530 .elementor-element.elementor-element-20be1f7:not(.elementor-motion-effects-element-type-background), .elementor-998530 .elementor-element.elementor-element-20be1f7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-998530 .elementor-element.elementor-element-d4847ae{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-998530 .elementor-element.elementor-element-1f265c2{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-998530 .elementor-element.elementor-element-7a173f3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:130px;--padding-left:28px;--padding-right:28px;}.elementor-998530 .elementor-element.elementor-element-7a173f3:not(.elementor-motion-effects-element-type-background), .elementor-998530 .elementor-element.elementor-element-7a173f3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-998530 .elementor-element.elementor-element-087416e{--vamtam-cols:3;--grid-row-gap:35px;--grid-column-gap:30px;}.elementor-998530 .elementor-element.elementor-element-087416e .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.66 * 100% );}.elementor-998530 .elementor-element.elementor-element-087416e:after{content:"0.66";}.elementor-998530 .elementor-element.elementor-element-087416e .elementor-post__thumbnail__link{width:100%;}.elementor-998530 .elementor-element.elementor-element-087416e.elementor-posts--thumbnail-left .elementor-post__thumbnail__link{margin-right:20px;}.elementor-998530 .elementor-element.elementor-element-087416e.elementor-posts--thumbnail-right .elementor-post__thumbnail__link{margin-left:20px;}.elementor-998530 .elementor-element.elementor-element-087416e.elementor-posts--thumbnail-top .elementor-post__thumbnail__link{margin-bottom:20px;}@media(min-width:768px){.elementor-998530 .elementor-element.elementor-element-ed7225c{--content-width:1000px;}.elementor-998530 .elementor-element.elementor-element-20be1f7{--content-width:1000px;}.elementor-998530 .elementor-element.elementor-element-d4847ae{--width:200px;}.elementor-998530 .elementor-element.elementor-element-7a173f3{--content-width:1240px;}}@media(max-width:1024px) and (min-width:768px){.elementor-998530 .elementor-element.elementor-element-d4847ae{--width:100%;}}@media(max-width:1024px){.elementor-998530 .elementor-element.elementor-element-20be1f7{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:40px 40px;--row-gap:40px;--column-gap:40px;}.elementor-998530 .elementor-element.elementor-element-087416e{--vamtam-cols:1;}}@media(max-width:767px){.elementor-998530 .elementor-element.elementor-element-ed7225c{--padding-top:30px;--padding-bottom:0px;--padding-left:18px;--padding-right:18px;}.elementor-998530 .elementor-element.elementor-element-20be1f7{--padding-top:100px;--padding-bottom:70px;--padding-left:18px;--padding-right:18px;}.elementor-998530 .elementor-element.elementor-element-7a173f3{--padding-top:0px;--padding-bottom:80px;--padding-left:18px;--padding-right:18px;}.elementor-998530 .elementor-element.elementor-element-087416e{--vamtam-cols:1;}.elementor-998530 .elementor-element.elementor-element-087416e .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-998530 .elementor-element.elementor-element-087416e:after{content:"0.5";}.elementor-998530 .elementor-element.elementor-element-087416e .elementor-post__thumbnail__link{width:100%;}}/* Start custom CSS for posts, class: .elementor-element-087416e */<!-- ============================================================
     DooGoodScoopers BLOG posts skin — one Elementor HTML widget.
     Place inside the same container as the two Posts widgets.
     Container: Boxed 1240px, padding 60px 28px 130px, Gap 60px.

     Posts widget 1: class "dgb-feature", Classic skin, 1 column,
       1 post, image position Left, Title + Excerpt + Read More on,
       Meta Data: Date only.
     Posts widget 2: class "dgb-grid", Classic skin, 3 columns,
       6 posts, Query Offset 1, Title + Excerpt + Read More on,
       Meta Data: Date only, Pagination Load on Click.
     Leave both widgets' Style tabs at defaults; this block styles them.

     v3: excerpts clamped by CSS (grid 4 lines, featured 5) so manual
     excerpts can't run long. Turn on "Apply to custom Excerpt" in the
     widget too if your Elementor shows it.
     ============================================================ -->

<link href="https://fonts.googleapis.com/css2?family=Luckiest+Guy&display=swap" rel="stylesheet">

<style>
/* ===== shared resets ===== */
.dgb-feature,.dgb-grid{font-family:Figtree,Helvetica,sans-serif;color:#0B1B2B}
.dgb-feature .elementor-posts-container,.dgb-grid .elementor-posts-container{margin:0 !important}
.dgb-feature article.elementor-post,.dgb-grid article.elementor-post{border:0 !important;box-shadow:none !important;background:transparent !important;padding:0 !important;margin:0 !important}
.dgb-feature .elementor-post__card,.dgb-grid .elementor-post__card{border:0 !important;box-shadow:none !important;background:transparent !important}
.dgb-feature .elementor-post__thumbnail,.dgb-grid .elementor-post__thumbnail{margin:0 !important;padding:0 !important}
.dgb-feature .elementor-post__thumbnail img,.dgb-grid .elementor-post__thumbnail img{width:100% !important;height:100% !important;object-fit:cover !important;display:block}
.dgb-feature .elementor-post__meta-data,.dgb-grid .elementor-post__meta-data{display:flex;gap:10px;font-size:13px;margin:0 !important;padding:0 !important;line-height:1.4}
.dgb-feature .elementor-post-date,.dgb-grid .elementor-post-date{font-weight:600}
.dgb-feature .elementor-post-avatar,.dgb-grid .elementor-post-avatar,
.dgb-feature .elementor-post-author,.dgb-grid .elementor-post-author,
.dgb-feature .elementor-post__meta-data .elementor-post__separator,.dgb-grid .elementor-post__meta-data .elementor-post__separator{display:none !important}
/* Read More: hide Elementor's text, draw our own */
.dgb-feature .elementor-post__read-more,.dgb-grid .elementor-post__read-more{font-size:0 !important;line-height:0 !important;text-decoration:none !important;display:inline-block;margin:0 !important;padding:0 !important}
.dgb-feature .elementor-post__read-more::after,.dgb-grid .elementor-post__read-more::after{content:"Read more \2192";font-family:Figtree,Helvetica,sans-serif;font-weight:700;line-height:1.4}
/* excerpt clamp: works no matter how long the source excerpt is */
.dgb-feature .elementor-post__excerpt p,.dgb-grid .elementor-post__excerpt p{display:-webkit-box !important;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}
.dgb-grid .elementor-post__excerpt p{-webkit-line-clamp:4;line-clamp:4}
.dgb-feature .elementor-post__excerpt p{-webkit-line-clamp:5;line-clamp:5}

/* ===== FEATURED (latest post) ===== */
.dgb-feature .elementor-posts-container{display:block !important}
.dgb-feature article.elementor-post{display:grid !important;grid-template-columns:1.15fr .85fr;background:#0B1B2B !important;color:#fff;border-radius:28px !important;overflow:hidden;
  border:1px solid rgba(11,27,43,.1) !important;box-shadow:0 40px 80px -40px rgba(11,27,43,.4) !important;transition:transform .35s;width:100% !important}
.dgb-feature article.elementor-post:hover{transform:translateY(-4px)}
.dgb-feature .elementor-post__thumbnail__link{position:relative;display:block;min-height:460px;height:100%;margin:0 !important;width:auto !important;max-width:none !important}
.dgb-feature .elementor-post__thumbnail{position:absolute;inset:0}
.dgb-feature .elementor-post__thumbnail__link::before{content:"Latest";position:absolute;z-index:2;top:22px;left:22px;background:#9CD5CF;color:#0B1B2B;border-radius:999px;padding:8px 14px;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;line-height:1.2}
.dgb-feature .elementor-post__text{padding:48px 44px !important;display:flex;flex-direction:column;justify-content:center;gap:14px;margin:0 !important}
.dgb-feature .elementor-post__title{margin:0 !important;padding:0 !important;order:1}
.dgb-feature .elementor-post__title a{font-family:'Bricolage Grotesque',sans-serif !important;font-weight:800 !important;font-size:clamp(28px,3vw,42px) !important;letter-spacing:-.03em;line-height:1.05 !important;color:#fff !important;text-wrap:balance;text-decoration:none}
.dgb-feature .elementor-post__excerpt{order:2;margin:0 !important;padding:0 !important}
.dgb-feature .elementor-post__excerpt p{margin:0 !important;color:rgba(255,255,255,.75) !important;font-size:17px !important;line-height:1.6 !important}
.dgb-feature .elementor-post__meta-data{order:3;color:rgba(255,255,255,.6) !important;font-size:14px;margin-top:10px !important}
.dgb-feature .elementor-post__read-more{order:4;color:#9CD5CF !important}
.dgb-feature .elementor-post__read-more::after{color:#9CD5CF;font-size:16px}
.dgb-feature .elementor-post__read-more:hover::after{color:#fff}

/* ===== GRID ===== */
.dgb-grid .elementor-posts-container{display:grid !important;grid-template-columns:repeat(3,1fr);gap:18px !important}
.dgb-grid article.elementor-post{display:flex !important;flex-direction:column;background:#fff !important;border:1px solid rgba(11,27,43,.08) !important;border-radius:22px !important;overflow:hidden;
  transition:transform .35s,box-shadow .35s;width:auto !important}
.dgb-grid article.elementor-post:hover{transform:translateY(-6px);box-shadow:0 26px 50px -28px rgba(11,27,43,.45) !important}
.dgb-grid .elementor-post__thumbnail__link{display:block;aspect-ratio:16/10;margin:0 !important;width:auto !important;background:#DCEAEC;overflow:hidden}
.dgb-grid .elementor-post__thumbnail{height:100%}
.dgb-grid .elementor-post__text{padding:24px 26px 26px !important;display:flex;flex-direction:column;gap:10px;flex:1;margin:0 !important}
.dgb-grid .elementor-post__title{margin:0 !important;padding:0 !important;order:1}
.dgb-grid .elementor-post__title a{font-family:'Bricolage Grotesque',sans-serif !important;font-weight:700 !important;font-size:21px !important;letter-spacing:-.02em;line-height:1.15 !important;color:#0B1B2B !important;text-decoration:none}
.dgb-grid .elementor-post__title a:hover{color:#008EFF !important}
.dgb-grid .elementor-post__excerpt{order:2;flex:1;margin:0 !important;padding:0 !important}
.dgb-grid .elementor-post__excerpt p{margin:0 !important;color:#3D5265 !important;font-size:15px !important;line-height:1.55 !important}
/* date left, read more right, on one row */
.dgb-grid .elementor-post__meta-data{order:3;color:#8497A8 !important;margin-top:6px !important;display:flex;align-items:center;justify-content:space-between}
.dgb-grid .elementor-post__read-more{order:4;color:#008EFF !important;margin-top:-22px !important;align-self:flex-end}
.dgb-grid .elementor-post__read-more::after{color:#008EFF;font-size:13px}
.dgb-grid .elementor-post__read-more:hover::after{color:#0B1B2B}
/* every 6th card mint, matching the design */
.dgb-grid article.elementor-post:nth-child(6n){background:#9CD5CF !important;border-color:rgba(11,27,43,.06) !important}
.dgb-grid article.elementor-post:nth-child(6n) .elementor-post__excerpt p,
.dgb-grid article.elementor-post:nth-child(6n) .elementor-post__meta-data{color:#12333A !important}
.dgb-grid article.elementor-post:nth-child(6n) .elementor-post__read-more::after{color:#0B1B2B}

/* load more button */
.dgb-grid .e-load-more-wrapper{margin-top:44px;text-align:center}
.dgb-grid .e-load-more-wrapper .elementor-button{background:transparent !important;border:1.5px solid rgba(11,27,43,.2) !important;color:#0B1B2B !important;padding:16px 30px !important;border-radius:999px !important;
  font-family:Figtree,Helvetica,sans-serif !important;font-weight:700 !important;font-size:16px !important;box-shadow:none !important;transition:background .25s,color .25s,border-color .25s}
.dgb-grid .e-load-more-wrapper .elementor-button:hover{background:#0B1B2B !important;color:#fff !important;border-color:#0B1B2B !important}
.dgb-grid .e-load-more-message{font-size:14px;color:#8497A8;margin-top:12px}

@media(max-width:1024px){
  .dgb-feature article.elementor-post{grid-template-columns:1fr}
  .dgb-feature .elementor-post__thumbnail__link{min-height:0;aspect-ratio:16/9}
  .dgb-grid .elementor-posts-container{grid-template-columns:1fr 1fr}
}
@media(max-width:640px){
  .dgb-feature .elementor-post__text{padding:26px 22px !important}
  .dgb-feature article.elementor-post{border-radius:20px !important}
  .dgb-grid .elementor-posts-container{grid-template-columns:1fr}
}
<\/style>/* End custom CSS */