.elementor-17126 .elementor-element.elementor-element-arc1000{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;--overlay-opacity:1;--overlay-mix-blend-mode:multiply;--border-radius:0px 0px 120px 0px;--padding-top:220px;--padding-bottom:140px;--padding-left:40px;--padding-right:40px;--z-index:1;}.elementor-17126 .elementor-element.elementor-element-arc1000:not(.elementor-motion-effects-element-type-background), .elementor-17126 .elementor-element.elementor-element-arc1000 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://checkmate-warranty.co.uk/wp-content/uploads/2025/11/shutterstock_2139451543.jpg");background-position:bottom center;background-repeat:no-repeat;background-size:cover;}.elementor-17126 .elementor-element.elementor-element-arc1000::before, .elementor-17126 .elementor-element.elementor-element-arc1000 > .elementor-background-video-container::before, .elementor-17126 .elementor-element.elementor-element-arc1000 > .e-con-inner > .elementor-background-video-container::before, .elementor-17126 .elementor-element.elementor-element-arc1000 > .elementor-background-slideshow::before, .elementor-17126 .elementor-element.elementor-element-arc1000 > .e-con-inner > .elementor-background-slideshow::before, .elementor-17126 .elementor-element.elementor-element-arc1000 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #005E68 0%, #00B0B17A 100%);}.elementor-17126 .elementor-element.elementor-element-arc1000::before{filter:brightness( 62% ) contrast( 100% ) saturate( 200% ) blur( 0px ) hue-rotate( 0deg );}.elementor-17126 .elementor-element.elementor-element-arc1001{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 16px) 0px;text-align:start;}.elementor-17126 .elementor-element.elementor-element-arc1001 .elementor-heading-title{color:var( --e-global-color-accent );}.elementor-17126 .elementor-element.elementor-element-arc1002{width:var( --container-widget-width, 620px );max-width:620px;--container-widget-width:620px;--container-widget-flex-grow:0;text-align:start;font-size:1.15rem;line-height:1.6em;color:#FFFFFF;}.elementor-17126 .elementor-element.elementor-element-arc2000{--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;--padding-top:100px;--padding-bottom:120px;--padding-left:90px;--padding-right:90px;}.elementor-17126 .elementor-element.elementor-element-arc2000:not(.elementor-motion-effects-element-type-background), .elementor-17126 .elementor-element.elementor-element-arc2000 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FEFCF8;}.elementor-17126 .elementor-element.elementor-element-arc2001{--item-display:flex;--read-more-alignment:1;--grid-row-gap:44px;--grid-column-gap:32px;}.elementor-17126 .elementor-element.elementor-element-arc2001 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.66 * 100% );}.elementor-17126 .elementor-element.elementor-element-arc2001:after{content:"0.66";}.elementor-17126 .elementor-element.elementor-element-arc2001 .elementor-post__thumbnail__link{width:100%;}.elementor-17126 .elementor-element.elementor-element-arc2001 .elementor-post{border-style:solid;border-width:0px 0px 1px 0px;padding:0px 0px 28px 0px;border-color:#E6E0D2;}.elementor-17126 .elementor-element.elementor-element-arc2001 .elementor-post__thumbnail{border-radius:30px 30px 30px 30px;}.elementor-17126 .elementor-element.elementor-element-arc2001.elementor-posts--thumbnail-left .elementor-post__thumbnail__link{margin-right:20px;}.elementor-17126 .elementor-element.elementor-element-arc2001.elementor-posts--thumbnail-right .elementor-post__thumbnail__link{margin-left:20px;}.elementor-17126 .elementor-element.elementor-element-arc2001.elementor-posts--thumbnail-top .elementor-post__thumbnail__link{margin-bottom:20px;}.elementor-17126 .elementor-element.elementor-element-arc2001 .elementor-post__title, .elementor-17126 .elementor-element.elementor-element-arc2001 .elementor-post__title a{color:var( --e-global-color-primary );font-family:"Abril Fatface", Sans-serif;font-size:1.3rem;font-weight:400;line-height:1.25em;}.elementor-17126 .elementor-element.elementor-element-arc2001 .elementor-post__title{margin-bottom:10px;}.elementor-17126 .elementor-element.elementor-element-arc2001 .elementor-post__meta-data{color:var( --e-global-color-secondary );font-family:"Roboto", Sans-serif;font-size:13px;font-weight:500;text-transform:uppercase;letter-spacing:0.6px;margin-bottom:8px;}.elementor-17126 .elementor-element.elementor-element-arc2001 .elementor-post__excerpt p{color:var( --e-global-color-text );font-family:"Roboto", Sans-serif;font-size:15px;line-height:1.6em;}.elementor-17126 .elementor-element.elementor-element-arc2001 .elementor-post__excerpt{margin-bottom:16px;}.elementor-17126 .elementor-element.elementor-element-arc2001 .elementor-post__read-more{color:var( --e-global-color-primary );}.elementor-17126 .elementor-element.elementor-element-arc2001 a.elementor-post__read-more{font-family:"Roboto", Sans-serif;font-size:14px;font-weight:700;}.elementor-17126 .elementor-element.elementor-element-arc2001 .elementor-pagination{text-align:center;font-family:"Roboto", Sans-serif;font-size:15px;font-weight:500;}.elementor-17126 .elementor-element.elementor-element-arc2001 .elementor-pagination .page-numbers:not(.dots){color:var( --e-global-color-primary );}body:not(.rtl) .elementor-17126 .elementor-element.elementor-element-arc2001 .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 48px/2 );}body:not(.rtl) .elementor-17126 .elementor-element.elementor-element-arc2001 .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 48px/2 );}body.rtl .elementor-17126 .elementor-element.elementor-element-arc2001 .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 48px/2 );}body.rtl .elementor-17126 .elementor-element.elementor-element-arc2001 .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 48px/2 );}.elementor-17126 .elementor-element.elementor-element-arc3000{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--padding-top:0px;--padding-bottom:100px;--padding-left:40px;--padding-right:40px;}.elementor-17126 .elementor-element.elementor-element-arc3000:not(.elementor-motion-effects-element-type-background), .elementor-17126 .elementor-element.elementor-element-arc3000 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FEFCF8;}.elementor-17126 .elementor-element.elementor-element-arc3001 .elementor-button{background-color:var( --e-global-color-primary );font-family:"Roboto", Sans-serif;font-size:15px;font-weight:700;fill:var( --e-global-color-055e6a3 );color:var( --e-global-color-055e6a3 );border-radius:999px 999px 999px 999px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-17126 .elementor-element.elementor-element-arc1000{--border-radius:0px 0px 80px 0px;--padding-top:180px;--padding-bottom:110px;--padding-left:0px;--padding-right:0px;}.elementor-17126 .elementor-element.elementor-element-arc2000{--padding-top:40px;--padding-bottom:50px;--padding-left:30px;--padding-right:30px;}}@media(max-width:767px){.elementor-17126 .elementor-element.elementor-element-arc1000{--content-width:88%;--border-radius:0px 0px 40px 0px;--padding-top:140px;--padding-bottom:70px;--padding-left:0px;--padding-right:0px;}.elementor-17126 .elementor-element.elementor-element-arc1002{font-size:1rem;}.elementor-17126 .elementor-element.elementor-element-arc2000{--padding-top:40px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-17126 .elementor-element.elementor-element-arc2001 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-17126 .elementor-element.elementor-element-arc2001:after{content:"0.5";}.elementor-17126 .elementor-element.elementor-element-arc2001 .elementor-post__thumbnail__link{width:100%;}.elementor-17126 .elementor-element.elementor-element-arc2001 .elementor-post__title, .elementor-17126 .elementor-element.elementor-element-arc2001 .elementor-post__title a{font-size:1.2rem;}.elementor-17126 .elementor-element.elementor-element-arc3000{--padding-top:0px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;}}@media(max-width:1024px) and (min-width:768px){.elementor-17126 .elementor-element.elementor-element-arc1000{--content-width:90%;}}@media(min-width:1025px){.elementor-17126 .elementor-element.elementor-element-arc1000:not(.elementor-motion-effects-element-type-background), .elementor-17126 .elementor-element.elementor-element-arc1000 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}/* Start custom CSS for posts, class: .elementor-element-arc2001 *//* ============================================================================= Checkmate — "All Articles" archive card polish ============================================================================= Injected into the Posts widget's Elementor Custom CSS by create-archive-page.php. `.elementor-17126 .elementor-element.elementor-element-arc2001` is Elementor's placeholder for the widget wrapper, so everything here is scoped to this one widget and cannot leak into the rest of the site. Brand tokens come from the Elementor global kit, so a palette change in Site Settings flows through without touching this file: --e-global-color-primary #0D4444 deep teal --e-global-color-secondary #21C8C9 bright teal ========================================================================== */ /* 1. Thumbnails — one clean rounded rectangle ------------------------------- The Elementor kit applies `.elementor-kit-3020 img { border-radius: 80px }` to every image on the site. Inside a card whose wrapper clips at 30px that produces two competing radii, so corners look mismatched and clipped. Elementor's default ratio behaviour also oversizes the image (444px wide in a 379px box) and re-centres it with `translate(-50%,-50%) scale(1.01)`. Filling the box with `object-fit: cover` instead is simpler, crops identically, and leaves `transform` free for the hover zoom. Net effect: the wrapper owns the radius, the image owns none. */ .elementor-17126 .elementor-element.elementor-element-arc2001 .elementor-post__thumbnail { overflow: hidden; } /* `!important` is load-bearing here, not laziness. Elementor's own `.elementor-posts-container.elementor-has-item-ratio .elementor-post__thumbnail.elementor-fit-height img { width: auto }` has *identical* specificity to this rule (0,4,1) and ships in widget-posts.min.css, which loads after the inlined custom CSS — so it wins on source order. Without !important the image stays 444px wide in a 379px box and crops off-centre. */ .elementor-17126 .elementor-element.elementor-element-arc2001 .elementor-post__thumbnail img { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; object-fit: cover !important; border-radius: 0; transform: none; transition: transform .5s cubic-bezier(.2, .6, .2, 1); } /* 2. Title — branded underline instead of the theme's default --------------- Astra underlines every link. Swapped for a teal rule that wipes in from the left on hover, drawn with a background gradient so it can be animated (text-decoration cannot). */ .elementor-17126 .elementor-element.elementor-element-arc2001 .elementor-post__title a { text-decoration: none; padding-bottom: 3px; background-image: linear-gradient( var(--e-global-color-secondary), var(--e-global-color-secondary) ); background-repeat: no-repeat; background-position: 0 100%; background-size: 0 2px; transition: background-size .4s cubic-bezier(.2, .6, .2, 1); } /* 3. Read more — no underline, nudges right on hover ---------------------- */ .elementor-17126 .elementor-element.elementor-element-arc2001 .elementor-post__read-more { text-decoration: none; display: inline-block; transition: color .3s ease, transform .3s ease; } /* 4. Card divider reacts to hover ---------------------------------------- */ .elementor-17126 .elementor-element.elementor-element-arc2001 .elementor-post { transition: border-color .35s ease; } /* 5. Hover states ---------------------------------------------------------- Gated behind `hover: hover` so touch devices do not latch a hover state after a tap. */ @media (hover: hover) { .elementor-17126 .elementor-element.elementor-element-arc2001 .elementor-post:hover .elementor-post__thumbnail img { transform: scale(1.07); } .elementor-17126 .elementor-element.elementor-element-arc2001 .elementor-post:hover .elementor-post__title a { background-size: 100% 2px; } .elementor-17126 .elementor-element.elementor-element-arc2001 .elementor-post:hover .elementor-post__read-more { color: var(--e-global-color-secondary); transform: translateX(4px); } .elementor-17126 .elementor-element.elementor-element-arc2001 .elementor-post:hover { border-bottom-color: var(--e-global-color-secondary); } .elementor-17126 .elementor-element.elementor-element-arc2001 .elementor-pagination a.page-numbers:hover { background-color: var(--e-global-color-secondary); color: #FFFFFF; } } /* 6. Pagination — room to breathe, and a real pill treatment ---------------- The widget's own `pagination_spacing` control is stored but does not reach `.elementor-pagination`, so the pager sat flush against the last card. */ .elementor-17126 .elementor-element.elementor-element-arc2001 .elementor-pagination { margin-top: 56px; } .elementor-17126 .elementor-element.elementor-element-arc2001 .elementor-pagination .page-numbers { text-decoration: none; display: inline-flex; align-items: center; justify-content: center; min-width: 42px; height: 42px; padding: 0 14px; margin: 0 3px; border-radius: 999px; transition: background-color .25s ease, color .25s ease; } .elementor-17126 .elementor-element.elementor-element-arc2001 .elementor-pagination .page-numbers.current { background-color: var(--e-global-color-primary); color: #FFFFFF; } @media (max-width: 767px) { .elementor-17126 .elementor-element.elementor-element-arc2001 .elementor-pagination { margin-top: 36px; } .elementor-17126 .elementor-element.elementor-element-arc2001 .elementor-pagination .page-numbers { min-width: 38px; height: 38px; padding: 0 10px; } } /* 7. Respect reduced-motion preferences ---------------------------------- */ @media (prefers-reduced-motion: reduce) { .elementor-17126 .elementor-element.elementor-element-arc2001 .elementor-post, .elementor-17126 .elementor-element.elementor-element-arc2001 .elementor-post__thumbnail img, .elementor-17126 .elementor-element.elementor-element-arc2001 .elementor-post__title a, .elementor-17126 .elementor-element.elementor-element-arc2001 .elementor-post__read-more, .elementor-17126 .elementor-element.elementor-element-arc2001 .elementor-pagination .page-numbers { transition: none; } .elementor-17126 .elementor-element.elementor-element-arc2001 .elementor-post:hover .elementor-post__thumbnail img, .elementor-17126 .elementor-element.elementor-element-arc2001 .elementor-post:hover .elementor-post__read-more { transform: none; } }/* End custom CSS */