.elementor-989517 .elementor-element.elementor-element-d7f5bcb{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-989517 .elementor-element.elementor-element-d624703 > .elementor-widget-container{padding:0px 0px 80px 0px;}.elementor-989517 .elementor-element.elementor-element-3030d0e{--display:flex;}.elementor-989517 .elementor-element.elementor-element-270c556{--vamtam-cols:1;--grid-row-gap:35px;--grid-column-gap:30px;}.elementor-989517 .elementor-element.elementor-element-270c556 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.65 * 100% );}.elementor-989517 .elementor-element.elementor-element-270c556:after{content:"0.65";}.elementor-989517 .elementor-element.elementor-element-270c556 .elementor-post__thumbnail__link{width:100%;}.elementor-989517 .elementor-element.elementor-element-270c556 .elementor-post__meta-data span + span:before{content:"///";}.elementor-989517 .elementor-element.elementor-element-270c556.elementor-posts--thumbnail-left .elementor-post__thumbnail__link{margin-right:20px;}.elementor-989517 .elementor-element.elementor-element-270c556.elementor-posts--thumbnail-right .elementor-post__thumbnail__link{margin-left:20px;}.elementor-989517 .elementor-element.elementor-element-270c556.elementor-posts--thumbnail-top .elementor-post__thumbnail__link{margin-bottom:20px;}.elementor-989517 .elementor-element.elementor-element-52f0459{--vamtam-cols:6;--grid-row-gap:35px;--grid-column-gap:30px;}.elementor-989517 .elementor-element.elementor-element-52f0459 > .elementor-widget-container{padding:0px 0px 80px 0px;}.elementor-989517 .elementor-element.elementor-element-52f0459 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.65 * 100% );}.elementor-989517 .elementor-element.elementor-element-52f0459:after{content:"0.65";}.elementor-989517 .elementor-element.elementor-element-52f0459 .elementor-post__thumbnail__link{width:100%;}.elementor-989517 .elementor-element.elementor-element-52f0459 .elementor-post__meta-data span + span:before{content:"///";}.elementor-989517 .elementor-element.elementor-element-52f0459.elementor-posts--thumbnail-left .elementor-post__thumbnail__link{margin-right:20px;}.elementor-989517 .elementor-element.elementor-element-52f0459.elementor-posts--thumbnail-right .elementor-post__thumbnail__link{margin-left:20px;}.elementor-989517 .elementor-element.elementor-element-52f0459.elementor-posts--thumbnail-top .elementor-post__thumbnail__link{margin-bottom:20px;}.elementor-989517 .elementor-element.elementor-element-52f0459 .elementor-pagination{text-align:center;}body:not(.rtl) .elementor-989517 .elementor-element.elementor-element-52f0459 .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-989517 .elementor-element.elementor-element-52f0459 .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-989517 .elementor-element.elementor-element-52f0459 .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-989517 .elementor-element.elementor-element-52f0459 .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}body.elementor-page-989517:not(.elementor-motion-effects-element-type-background), body.elementor-page-989517 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F5F5;}@media(max-width:1024px){.elementor-989517 .elementor-element.elementor-element-270c556{--vamtam-cols:2;}.elementor-989517 .elementor-element.elementor-element-52f0459{--vamtam-cols:2;}}@media(max-width:767px){.elementor-989517 .elementor-element.elementor-element-270c556{--vamtam-cols:1;}.elementor-989517 .elementor-element.elementor-element-270c556 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-989517 .elementor-element.elementor-element-270c556:after{content:"0.5";}.elementor-989517 .elementor-element.elementor-element-270c556 .elementor-post__thumbnail__link{width:100%;}.elementor-989517 .elementor-element.elementor-element-52f0459{--vamtam-cols:1;}.elementor-989517 .elementor-element.elementor-element-52f0459 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-989517 .elementor-element.elementor-element-52f0459:after{content:"0.5";}.elementor-989517 .elementor-element.elementor-element-52f0459 .elementor-post__thumbnail__link{width:100%;}}/* Start custom CSS for posts, class: .elementor-element-270c556 */<!-- ============================================================
     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 */
/* Start custom CSS for posts, class: .elementor-element-52f0459 */<!-- ============================================================
     DooGoodScoopers BLOG "Load more posts" button skin — HTML widget.
     Place in the same container as the dgb-grid Posts widget.

     Posts widget (dgb-grid): Content > Pagination > Type: Load on Click.
     Button text: "Load more posts". Leave Pagination Style at defaults.
     ============================================================ -->

<style>
.dgb-grid .e-load-more-wrapper,
.dgb-grid .elementor-pagination,
.dgb-grid .e-load-more-anchor{margin-top:44px !important;text-align:center !important;display:flex;justify-content:center}

.dgb-grid .e-load-more-wrapper .elementor-button,
.dgb-grid .elementor-button.e-load-more-button,
.dgb-grid a.elementor-button[class*="load-more"]{
  display:inline-flex !important;align-items:center;justify-content:center;gap:10px;
  background:transparent !important;border:1.5px solid rgba(11,27,43,.2) !important;color:#0B1B2B !important;
  padding:16px 30px !important;min-height:54px;border-radius:999px !important;
  font-family:Figtree,Helvetica,sans-serif !important;font-weight:700 !important;font-size:16px !important;line-height:1 !important;
  letter-spacing:0 !important;text-transform:none !important;text-decoration:none !important;box-shadow:none !important;
  transition:background .25s,color .25s,border-color .25s}
.dgb-grid .e-load-more-wrapper .elementor-button:hover,
.dgb-grid .elementor-button.e-load-more-button:hover,
.dgb-grid a.elementor-button[class*="load-more"]:hover{background:#0B1B2B !important;color:#fff !important;border-color:#0B1B2B !important}
.dgb-grid .e-load-more-wrapper .elementor-button:focus-visible{outline:2px solid #008EFF;outline-offset:3px}

/* Elementor's own spinner while posts load */
.dgb-grid .e-load-more-spinner{display:none;color:#008EFF !important;margin-top:16px}
.dgb-grid .e-load-more-wrapper.e-load-more-spinner-visible .e-load-more-spinner{display:block}
.dgb-grid .e-load-more-spinner i,.dgb-grid .e-load-more-spinner svg{width:22px;height:22px;color:#008EFF !important;fill:#008EFF !important}

/* "no more posts" message */
.dgb-grid .e-load-more-message{font-family:Figtree,Helvetica,sans-serif;font-size:14px;color:#8497A8;margin-top:12px}

/* hide the button once everything is loaded */
.dgb-grid .e-load-more-wrapper.e-load-more-pagination-end .elementor-button{display:none !important}

@media(max-width:640px){
  .dgb-grid .e-load-more-wrapper .elementor-button,
  .dgb-grid .elementor-button.e-load-more-button{width:100%;min-height:44px}
}
<\/style>/* End custom CSS */