.elementor-8 .elementor-element.elementor-element-d30f694{--display:flex;--min-height:75vh;--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;--overlay-opacity:.62;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px}.elementor-8 .elementor-element.elementor-element-d30f694:before,.elementor-8 .elementor-element.elementor-element-d30f694>.elementor-background-video-container:before,.elementor-8 .elementor-element.elementor-element-d30f694>.e-con-inner>.elementor-background-video-container:before,.elementor-8 .elementor-element.elementor-element-d30f694>.elementor-background-slideshow:before,.elementor-8 .elementor-element.elementor-element-d30f694>.e-con-inner>.elementor-background-slideshow:before,.elementor-8 .elementor-element.elementor-element-d30f694>.elementor-motion-effects-container>.elementor-motion-effects-layer:before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg,#000000FA 0%,#F2295B00 100%)}.elementor-8 .elementor-element.elementor-element-d30f694:not(.elementor-motion-effects-element-type-background),.elementor-8 .elementor-element.elementor-element-d30f694>.elementor-motion-effects-container>.elementor-motion-effects-layer{background:url("https://tillett.co.uk/wp-content/uploads/2025/11/Tillett-Kart-Rear-p-2000.jpeg") 50% 50%;background-size:cover}.elementor-8 .elementor-element.elementor-element-f2af4fb{margin:34% 0 calc(var(--kit-widget-spacing, 0px) + 0%) 0%;padding:0;--e-transform-transition-duration:6.8s;text-align:center}.elementor-8 .elementor-element.elementor-element-f2af4fb.elementor-element{--align-self:center}.elementor-8 .elementor-element.elementor-element-f2af4fb img{max-width:38vw;transition-duration:.5s}.elementor-8 .elementor-element.elementor-element-f2af4fb:hover img{opacity:1;filter:brightness(100%) contrast(100%) saturate(100%) blur(0px) hue-rotate(0deg)}.elementor-8 .elementor-element.elementor-element-d703c8a{--spacer-size:28vh}.elementor-8 .elementor-element.elementor-element-9833489.elementor-element{--align-self:center;--order:99999}.elementor-8 .elementor-element.elementor-element-9833489 .elementor-icon-wrapper{text-align:center}.elementor-8 .elementor-element.elementor-element-9833489.elementor-view-stacked .elementor-icon{background-color:var(--e-global-color-primary)}.elementor-8 .elementor-element.elementor-element-9833489.elementor-view-framed .elementor-icon,.elementor-8 .elementor-element.elementor-element-9833489.elementor-view-default .elementor-icon{color:var(--e-global-color-primary);border-color:var(--e-global-color-primary)}.elementor-8 .elementor-element.elementor-element-9833489.elementor-view-framed .elementor-icon,.elementor-8 .elementor-element.elementor-element-9833489.elementor-view-default .elementor-icon svg{fill:var(--e-global-color-primary)}.elementor-8 .elementor-element.elementor-element-9833489 .elementor-icon{font-size:21px}.elementor-8 .elementor-element.elementor-element-9833489 .elementor-icon svg{height:21px}.elementor-8 .elementor-element.elementor-element-9824918{--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;--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-8 .elementor-element.elementor-element-9824918.e-con{--order:-99999;--flex-grow:0;--flex-shrink:0}.elementor-8 .elementor-element.elementor-element-65297b0{width:100%;max-width:100%;margin:0 0 calc(var(--kit-widget-spacing, 0px) + 0%) 0%;padding:0}.elementor-8 .elementor-element.elementor-element-65297b0.elementor-element{--align-self:center;--flex-grow:1;--flex-shrink:0}.elementor-8 .elementor-element.elementor-element-38089d0{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:-1px;--padding-bottom:-1px;--padding-left:-1px;--padding-right:-1px}.elementor-8 .elementor-element.elementor-element-3eeffe2{width:100%;max-width:100%}.elementor-8 .elementor-element.elementor-element-194c074{--display:flex;--margin-top:-1px;--margin-bottom:-1px;--margin-left:-1px;--margin-right:-1px;--padding-top:-1px;--padding-bottom:-1px;--padding-left:-1px;--padding-right:-1px}.elementor-8 .elementor-element.elementor-element-194c074:not(.elementor-motion-effects-element-type-background),.elementor-8 .elementor-element.elementor-element-194c074>.elementor-motion-effects-container>.elementor-motion-effects-layer{background-color:#000}.elementor-8 .elementor-element.elementor-element-4c66d6e{--display:flex;--min-height:50vh;--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;--justify-content:center;--overlay-opacity:.78}.elementor-8 .elementor-element.elementor-element-4c66d6e:not(.elementor-motion-effects-element-type-background),.elementor-8 .elementor-element.elementor-element-4c66d6e>.elementor-motion-effects-container>.elementor-motion-effects-layer{background-image:url("https://tillett.co.uk/wp-content/uploads/2025/12/661939a997987a825b165ac0_Viktor-Gustavsson.jpg");background-position:center center;background-size:cover}.elementor-8 .elementor-element.elementor-element-4c66d6e:before,.elementor-8 .elementor-element.elementor-element-4c66d6e>.elementor-background-video-container:before,.elementor-8 .elementor-element.elementor-element-4c66d6e>.e-con-inner>.elementor-background-video-container:before,.elementor-8 .elementor-element.elementor-element-4c66d6e>.elementor-background-slideshow:before,.elementor-8 .elementor-element.elementor-element-4c66d6e>.e-con-inner>.elementor-background-slideshow:before,.elementor-8 .elementor-element.elementor-element-4c66d6e>.elementor-motion-effects-container>.elementor-motion-effects-layer:before{background-color:#000;--background-overlay:''}.elementor-8 .elementor-element.elementor-element-1e0e669:hover{--e-transform-scale:1.1}.elementor-8 .elementor-element.elementor-element-1e0e669{margin:0 0 calc(var(--kit-widget-spacing, 0px) + 0%) 0%;--e-transform-transition-duration:.7s;text-align:center}.elementor-8 .elementor-element.elementor-element-1e0e669.elementor-element{--align-self:center}.elementor-8 .elementor-element.elementor-element-1e0e669 .elementor-heading-title{font-family:"DIN",Sans-serif;font-weight:700;text-transform:uppercase;line-height:44px;letter-spacing:.7px;color:#fff}.elementor-8 .elementor-element.elementor-element-788916d{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:-4px;--padding-bottom:-4px;--padding-left:-4px;--padding-right:-4px}.elementor-8 .elementor-element.elementor-element-788916d.e-con{--align-self:center}.elementor-8 .elementor-element.elementor-element-91a8f60{width:100%;max-width:100%;margin:-11px -11px calc(var(--kit-widget-spacing, 0px) + -12px) -11px}@media(min-width:768px){.elementor-8 .elementor-element.elementor-element-9824918{--width:100%}.elementor-8 .elementor-element.elementor-element-788916d{--width:100%}}@media(max-width:767px){.elementor-8 .elementor-element.elementor-element-d30f694{--justify-content:center}}.tillett-quick-links{width:100%;background:#000;padding:80px 40px}.quick-links-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;max-width:1400px;margin:0 auto}.quick-links-grid.four-columns{grid-template-columns:repeat(4,1fr);gap:24px}.quick-link-card{position:relative;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;text-align:center;min-height:350px;padding:40px 30px;text-decoration:none;overflow:hidden;border:1px solid rgba(255,255,255,.08)}.quick-link-card:hover{border-color:rgba(249,214,22,.3)}.quick-links-grid.four-columns .quick-link-card{min-height:320px;padding:30px 24px}.quick-link-image{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;transition:transform .5s ease;z-index:1}.quick-link-card:hover .quick-link-image{transform:scale(1.05)}.quick-link-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to top,rgba(0,0,0,.9) 0%,rgba(0,0,0,.4) 50%,rgba(0,0,0,.2) 100%);z-index:2;transition:background .4s ease}.quick-link-card:hover .quick-link-overlay{background:linear-gradient(to top,rgba(0,0,0,.95) 0%,rgba(0,0,0,.5) 50%,rgba(0,0,0,.3) 100%)}.quick-link-accent{position:absolute;bottom:0;left:0;width:100%;height:4px;background:#f9d616;transform:scaleX(0);transform-origin:left;transition:transform .4s ease;z-index:4}.quick-link-card:hover .quick-link-accent{transform:scaleX(1)}.quick-link-content{position:relative;z-index:3;display:flex;flex-direction:column;align-items:center;gap:12px}.quick-link-title{font-size:1.5rem;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:1px;margin:0;transition:color .3s ease}.quick-link-card:hover .quick-link-title{color:#f9d616}.quick-links-grid.four-columns .quick-link-title{font-size:1.3rem}.quick-link-desc{font-size:.9rem;color:rgba(255,255,255,.7);margin:0;line-height:1.5;max-width:280px}.quick-link-cta{display:inline-flex;align-items:center;gap:8px;margin-top:15px;padding:10px 20px;background:0 0;border:2px solid rgba(255,255,255,.3);color:#fff;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;clip-path:polygon(10px 0%,100% 0%,calc(100% - 10px) 100%, 0% 100%);transition:all .3s ease}.quick-link-cta span{transition:transform .3s ease}.quick-link-card:hover .quick-link-cta{background:#f9d616;border-color:#f9d616;color:#000}.quick-link-card:hover .quick-link-cta span{transform:translateX(4px)}@media (max-width:1200px){.quick-links-grid.four-columns{grid-template-columns:repeat(2,1fr);gap:20px}.quick-links-grid.four-columns .quick-link-card{min-height:300px}}@media (max-width:991px){.tillett-quick-links{padding:60px 30px}.quick-links-grid{grid-template-columns:1fr;gap:20px;max-width:600px}.quick-link-card{min-height:280px;padding:30px}.quick-link-title{font-size:1.3rem}}@media (max-width:767px){.quick-links-grid.four-columns{grid-template-columns:1fr;max-width:500px}.quick-links-grid.four-columns .quick-link-card{min-height:280px;padding:30px}.quick-links-grid.four-columns .quick-link-title{font-size:1.3rem}}@media (max-width:575px){.tillett-quick-links{padding:50px 20px}.quick-link-card{min-height:250px;padding:25px 20px}.quick-link-title{font-size:1.2rem}.quick-link-desc{font-size:.85rem}.quick-links-grid.four-columns .quick-link-card{min-height:250px;padding:25px 20px}.quick-links-grid.four-columns .quick-link-title{font-size:1.2rem}}.quick-links-grid.five-columns{grid-template-columns:repeat(5,1fr);gap:12px}.quick-links-grid.five-columns .quick-link-card{min-height:280px}.quick-links-grid.five-columns .quick-link-title{font-size:1.1rem}.quick-links-grid.five-columns .quick-link-cta{font-size:.8rem}@media (max-width:1024px){.quick-links-grid.five-columns{grid-template-columns:repeat(3,1fr)}}@media (max-width:600px){.quick-links-grid.five-columns{grid-template-columns:repeat(2,1fr)}}.tillett-blog-section{width:100%;background:#000;padding:60px 40px}.blog-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.1)}.blog-section-title{font-size:2rem;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:2px;margin:0;position:relative;padding-left:20px}.blog-section-title:before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--yellow,#fdf200)}.blog-view-all{display:inline-flex;align-items:center;gap:8px;color:var(--yellow,#fdf200);text-decoration:none;font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;transition:all .2s ease}.blog-view-all:hover{color:#fff}.blog-view-all span{transition:transform .2s ease}.blog-view-all:hover span{transform:translateX(4px)}.blog-highlights-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:20px}.blog-card{position:relative;overflow:hidden;border-radius:4px;text-decoration:none;display:flex;flex-direction:column;justify-content:flex-end;min-height:280px;border:1px solid rgba(255,255,255,.08)}.blog-card-featured{grid-row:span 2;min-height:580px}.blog-card-image{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;transition:transform .5s ease}.blog-card:hover .blog-card-image{transform:scale(1.05)}.blog-card-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to top,rgba(0,0,0,.9) 0%,rgba(0,0,0,.3) 50%,rgba(0,0,0,.1) 100%);transition:background .3s ease}.blog-card:hover .blog-card-overlay{background:linear-gradient(to top,rgba(0,0,0,.95) 0%,rgba(0,0,0,.4) 50%,rgba(0,0,0,.2) 100%)}.blog-card-content{position:relative;z-index:2;padding:25px;display:flex;flex-direction:column;gap:10px}.blog-card-featured .blog-card-content{padding:35px;gap:15px}.blog-card-tag{display:inline-block;width:fit-content;padding:5px 12px;background:var(--yellow,#fdf200);color:#000;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;clip-path:polygon(8px 0%,100% 0%,calc(100% - 8px) 100%, 0% 100%)}.blog-card-title{font-size:1.1rem;font-weight:700;color:#fff;margin:0;line-height:1.3;transition:color .2s ease}.blog-card-featured .blog-card-title{font-size:1.6rem}.blog-card:hover .blog-card-title{color:var(--yellow,#fdf200)}.blog-card-excerpt{font-size:.85rem;color:rgba(255,255,255,.7);margin:0;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-card-featured .blog-card-excerpt{font-size:.95rem;-webkit-line-clamp:3}.blog-card-meta{display:flex;justify-content:space-between;align-items:center;margin-top:5px;padding-top:15px;border-top:1px solid rgba(255,255,255,.1)}.blog-card-date{font-size:.75rem;color:rgba(255,255,255,.5);text-transform:uppercase;letter-spacing:.5px}.blog-card-link{font-size:.8rem;color:var(--yellow,#fdf200);font-weight:600;transition:transform .2s ease;display:inline-block}.blog-card:hover .blog-card-link{transform:translateX(4px)}@media (max-width:991px){.tillett-blog-section{padding:40px 20px}.blog-highlights-grid{grid-template-columns:1fr}.blog-card-featured{grid-row:span 1;min-height:350px}.blog-card{min-height:250px}.blog-section-header{flex-direction:column;align-items:flex-start;gap:15px}}@media (max-width:575px){.blog-section-title{font-size:1.5rem}.blog-card-featured .blog-card-title{font-size:1.3rem}.blog-card-title{font-size:1rem}}``` **To use it in Elementor:** 1. Add a **Shortcode** widget (or HTML widget) 2. Enter:`[tillett_blog_highlights]` **Shortcode options:** | Option | Default | Description | |--------|---------|-------------| | `posts` | 5 | Number of posts to show | | `featured` | 1 | Set to 0 to disable the large featured card | | `category` | (all) | Filter by category slug | **Examples:** ``` [tillett_blog_highlights posts="5"] [tillett_blog_highlights posts="3" featured="0"] [tillett_blog_highlights posts="4" category="product-news"]@font-face{font-family:'DIN';font-style:normal;font-weight:700;font-display:auto;src:url('https://tillett.co.uk/wp-content/uploads/2025/11/DIN-Bold.woff2') format('woff2')}@font-face{font-family:'DIN';font-style:normal;font-weight:900;font-display:auto;src:url('https://tillett.co.uk/wp-content/uploads/2025/11/DIN-Black.woff2') format('woff2')}@font-face{font-family:'DIN';font-style:normal;font-weight:300;font-display:auto;src:url('https://tillett.co.uk/wp-content/uploads/2025/11/DIN-Light.woff2') format('woff2')}@font-face{font-family:'DIN';font-style:normal;font-weight:500;font-display:auto;src:url('https://tillett.co.uk/wp-content/uploads/2025/11/DIN-Medium.woff2') format('woff2')}@font-face{font-family:'DIN';font-style:normal;font-weight:400;font-display:auto;src:url('https://tillett.co.uk/wp-content/uploads/2025/11/DIN.woff2') format('woff2')}