20";display:block;height:0;clear:both;visibility:hidden}body div .no_margin{margin-left:0}div .av_one_fifth{margin-left:6%;width:15.2%}div .av_two_fifth{margin-left:6%;width:36.4%}#top div .no_margin{margin-left:0;margin-top:0}#top .no_margin.av_one_fifth{width:20%}#top .no_margin.av_two_fifth{width:40%}html,body,div,span,h1,h3,p,a,img,strong,b,ul,li,figure,header,nav,section{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}figure,header,nav,section{display:block}body{line-height:1em}ul{list-style:none}*{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}html.responsive,.responsive body{overflow-x:hidden}body{font:13px/1.65em "HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;color:#444;-webkit-text-size-adjust:100%}h1,h3{font-weight:600}h1{font-size:34px;line-height:1.1em;margin-bottom:14px}h3{font-size:20px;line-height:1.1em;margin-bottom:8px}p{margin:.85em 0}strong,b{font-weight:700}a{text-decoration:none;outline:0;max-width:100%;max-width:none}a:visited{outline:0;text-decoration:underline}p a,p a:visited{line-height:inherit}#top .avia_hidden_link_text{display:none}ul{margin-bottom:20px}ul{list-style:none outside;margin-left:7px}img,a img{border:none;padding:0;margin:0;display:inline-block;max-width:100%;height:auto}[data-av_icon]:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;content:attr(data-av_icon);speak:never}#header{position:relative;z-index:501;width:100%;background:0 0}#header_main .container,.main_menu ul:first-child>li a{height:88px;line-height:88px}#header_main{border-bottom-width:1px;border-bottom-style:solid;z-index:1}.header_bg{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.95;filter:alpha(opacity=95);z-index:0;-webkit-perspective:1000px;-webkit-backface-visibility:hidden}.html_header_sidebar #top #header{width:300px;position:absolute;min-height:100%;border-bottom:none}.html_header_sidebar #top #header_main{border-top:none}.html_header_sidebar #header .container{width:100%;height:auto;line-height:1.3em;padding:0;float:none;max-width:100%}.html_header_sidebar .header_bg{opacity:1;filter:alpha(opacity=95)}.html_header_left #main{margin-left:300px;position:relative;border-left-style:solid;border-left-width:1px}.html_header_sidebar #top #header.av_always_sticky{position:fixed;-webkit-backface-visibility:hidden}.html_header_sidebar .logo{position:relative;clear:both;padding:40px;border-bottom-style:solid;border-bottom-width:1px;height:auto;max-height:none;width:100%}.html_header_sidebar .logo img{width:100%;max-height:none;padding:0;height:auto}.html_header_sidebar .main_menu{position:relative;clear:both;z-index:200}.html_header_sidebar #header .av-main-nav,.html_header_sidebar #header .av-main-nav-wrap{width:100%}.html_header_sidebar #header .av-main-nav{padding:20px 0}.html_header_sidebar #header .av-main-nav>li{float:none;display:block;margin:0 13%}.html_header_sidebar #header .av-main-nav>li>a{line-height:1.3em;height:auto;padding:15px 3px;border-bottom-style:solid;border-bottom-width:1px;margin:0 auto}.html_header_sidebar #header .av-main-nav>li>a .avia-menu-text{font-size:inherit;font-weight:400;display:block}.html_header_sidebar #header .av-main-nav>li:last-child>a{border:none}.html_header_sidebar #header .av-main-nav>li:nth-last-child(2)>a{border:none}.html_header_sidebar #header .avia-menu-fx{display:none}.html_header_sidebar #main>.avia-builder-el-0{border-top:none}.html_header_sidebar.html_content_align_left .container{float:left}.html_header_sidebar .container_wrap{width:100%}.html_header_sidebar .av-sidebar-social-container{position:relative;clear:both;overflow:hidden}.html_header_sidebar #top #header .social_bookmarks{position:relative;top:0;margin:0;border-top-style:solid;border-top-width:1px;clear:both;display:table;width:100%;table-layout:fixed}.html_header_sidebar #top #header .social_bookmarks li{float:none;display:table-cell;text-align:center}.html_header_sidebar #top #header .social_bookmarks li.social_icon_1 a{border:none}.html_header_sidebar #top #header .social_bookmarks li a{width:100%;border-radius:0;border-left-style:solid;border-left-width:1px;padding:10px 0}.av-hamburger{padding:0;display:inline-block;font:inherit;color:inherit;text-transform:none;background-color:transparent;border:0;margin:0;overflow:visible}.av-hamburger-box{width:35px;height:24px;display:inline-block;position:relative}.av-hamburger-inner{display:block;top:50%;margin-top:-2px}.av-hamburger-inner,.av-hamburger-inner:before,.av-hamburger-inner:after{width:40px;height:3px;background-color:#000;border-radius:3px;position:absolute}.av-hamburger-inner:before,.av-hamburger-inner:after{content:"";display:block}.av-hamburger-inner:before{top:-10px}.av-hamburger-inner:after{bottom:-10px}.av-burger-menu-main{display:none}.av-burger-menu-main a{padding-left:10px}.av-hamburger strong{display:none}.av-hamburger-box{height:8px}.av-hamburger-inner,.av-hamburger-inner:before,.av-hamburger-inner:after{width:100%}.html_header_sidebar #top div .av-burger-menu-main{display:none}div .logo{float:left;position:absolute;left:0;z-index:1}.logo,.logo a{overflow:hidden;position:relative;display:block;height:100%}.logo img{padding:0;display:block;width:auto;height:auto;max-height:100%;image-rendering:auto;position:relative;z-index:2;height:100%;height:auto}.main_menu{clear:none;position:absolute;z-index:100;line-height:30px;height:100%;margin:0;right:0}.av-main-nav-wrap{float:left;position:relative;z-index:3}.av-main-nav-wrap ul{margin:0;padding:0}.av-main-nav{z-index:110;position:relative}.av-main-nav li{float:left;position:relative;z-index:20}.av-main-nav>li{line-height:30px}.av-main-nav li a{max-width:none}.av-main-nav>li>a{display:block;text-decoration:none;padding:0 13px;font-weight:400;font-weight:600;font-size:13px}.avia-menu-fx{position:absolute;bottom:-1px;height:2px;z-index:10;width:100%;left:0;opacity:0;visibility:hidden}.avia-menu-fx .avia-arrow-wrap{height:10px;width:10px;position:absolute;top:-10px;left:50%;margin-left:-5px;overflow:hidden;display:none;visibility:hidden}.avia-menu-fx .avia-arrow-wrap .avia-arrow{top:10px}.main_menu .avia-bullet{display:none}.avia-bullet{display:block;position:absolute;height:0;width:0;top:51%;margin-top:-3px;left:-3px;border-top:3px solid transparent!important;border-bottom:3px solid transparent!important;border-left:3px solid green}.avia-arrow{height:10px;width:10px;position:absolute;top:-6px;left:50%;margin-left:-5px;-webkit-transform:rotate(45deg);transform:rotate(45deg);border-width:1px;border-style:solid;visibility:hidden}#top .social_bookmarks{height:30px;z-index:150;-webkit-backface-visibility:hidden;margin:0 0 0 -9px}#top .social_bookmarks li{height:100%;float:left;padding:0;border-right-style:solid;border-right-width:1px;display:block;width:30px}#top #header .social_bookmarks li:last-child{border-right-style:none;border-right-width:0}#top .social_bookmarks li a{float:left;width:30px;line-height:30px;display:block;margin:0;outline:none;padding:0;min-height:30px;height:100%;overflow:visible;z-index:2;position:relative;text-align:center}#top #wrap_all .social_bookmarks,#top #wrap_all .social_bookmarks a,#top #wrap_all .social_bookmarks li{background:0 0}#top .av-logo-container .social_bookmarks li{border:none}#top .av-logo-container .social_bookmarks li a{border-radius:100px}#scroll-top-link{position:fixed;border-radius:2px;height:50px;width:50px;line-height:50px;text-decoration:none;text-align:center;opacity:0;right:50px;bottom:50px;z-index:1030;visibility:hidden}@media only screen and (max-width:989px){.responsive.html_header_sidebar #top #header{width:27%}.responsive.html_header_left #main{margin-left:27%}.responsive.html_header_sidebar #header .av-main-nav{padding:4% 0}.responsive.html_header_sidebar #header .av-main-nav>li{margin:0 10%}.responsive.html_header_sidebar #header .av-main-nav>li>a .avia-menu-text{font-size:14px}.responsive.html_header_sidebar .logo{padding:10%}}@media only screen and (min-width:768px) and (max-width:989px){.responsive .main_menu ul:first-child>li>a{padding:0 10px}.responsive #top .header_bg{opacity:1;filter:alpha(opacity=100)}.responsive #main .container_wrap:first-child{border-top:none}.responsive .logo{float:left}.responsive .logo img{margin:0}}@media only screen and (max-width:767px){.responsive #top #wrap_all #header{position:relative;width:100%;float:none;height:auto;margin:0!important;opacity:1;min-height:0}.responsive #top #main{padding-top:0!important;margin:0}.responsive #top #main .container_wrap:first-child{border-top:none}.responsive #top .logo{position:static;display:table;height:80px!important;float:none;padding:0;border:none;width:80%}.responsive .logo a{display:table-cell;vertical-align:middle}.responsive .logo img{height:auto!important;width:auto;max-width:100%;display:block;max-height:80px}.responsive #header_main .container{height:auto!important}.responsive #top .header_bg{opacity:1;filter:alpha(opacity=1)}.responsive #header .social_bookmarks{padding-bottom:2px;width:100%;text-align:center;height:auto;line-height:.8em;margin:0}.responsive #header .social_bookmarks li{float:none;display:inline-block}.responsive .logo img{margin:0}.responsive.html_header_sidebar #top #header .social_bookmarks{display:none}.responsive .av-burger-menu-main{display:block}.responsive #top #wrap_all .main_menu{top:0;height:80px;left:auto;right:0;display:block;position:absolute}.responsive .main_menu ul:first-child>li a{height:80px;line-height:80px}.responsive #top .av-main-nav .menu-item{display:none}.responsive #top .av-main-nav .menu-item-avia-special{display:block}.responsive #top #header .social_bookmarks{display:none}.responsive #top .av-logo-container .avia-menu{height:100%}.responsive #top #header_main>.container .main_menu .av-main-nav>li>a,.responsive #top #wrap_all .av-logo-container{height:80px;line-height:80px}.responsive #top #wrap_all .av-logo-container{padding:0}.responsive #top #header_main>.container .main_menu .av-main-nav>li>a{min-width:0;padding:0 0 0 20px;margin:0;border-style:none;border-width:0}.responsive #top #header .av-main-nav>li>a{background:0 0;color:inherit}.responsive.html_header_sidebar #main{border:none}.responsive #scroll-top-link{display:none}}@media only screen and (max-width:479px){.responsive #top #wrap_all #header .social_bookmarks{display:none}}.av-layout-grid-container{width:100%;table-layout:fixed;display:table;border-top-style:none;border-top-width:0}.flex_cell{display:table-cell;padding:30px;vertical-align:top}.flex_cell_inner{display:block;position:relative}.av-special-heading{width:100%;clear:both;display:block;margin-top:50px;position:relative}body .av-special-heading .av-special-heading-tag{padding:0;margin:0;float:left}.special-heading-border{position:relative;overflow:hidden}.av-special-heading-h1 .special-heading-border{height:3.4em}.av-special-heading-h3 .special-heading-border{height:1.9em}.special-heading-inner-border{display:block;width:100%;margin-left:15px;border-top-style:solid;border-top-width:1px;position:relative;top:50%;opacity:.15;filter:alpha(opacity=15)}.hr{clear:both;display:block;width:100%;height:25px;line-height:25px;position:relative;margin:30px 0;float:left}.hr-inner{width:100%;position:absolute;height:1px;left:0;top:50%;width:100%;margin-top:-1px;border-top-width:1px;border-top-style:solid}#top .hr-invisible,.hr-invisible .hr-inner{margin:0;border:none}.hr-invisible{float:none}.av-masonry{position:relative;overflow:hidden;clear:both}.av-masonry-container{width:100.4%;float:left;clear:both;position:relative}.av-masonry-entry{position:relative;display:block;width:24.90%;float:left;clear:none;text-decoration:none;visibility:hidden;opacity:0}.av-masonry-entry.av-landscape-img{width:49.80%}.av-masonry-outerimage-container{overflow:hidden}.av-masonry-outerimage-container,.av-masonry-image-container{position:relative;top:0;left:0;bottom:0;right:0;z-index:1}.av-masonry-image-container{text-align:center;background-size:cover;background-position:center center}#top .av-inner-masonry{overflow:hidden;background-color:transparent}.av-large-gap.av-masonry{padding:15px 0 0 15px}.av-large-gap.av-fixed-size .av-masonry-entry .av-inner-masonry{position:absolute;top:0;left:0;right:15px;bottom:15px}.av-fixed-size .av-masonry-image-container,.av-fixed-size .av-masonry-outerimage-container{position:absolute}.av-fixed-size .av-masonry-entry .av-inner-masonry-sizer{width:100%;padding-bottom:80%;z-index:1}.av-fixed-size .av-masonry-entry.av-landscape-img .av-inner-masonry-sizer{padding-bottom:40%}@media only screen and (min-width:1800px){.responsive.html_stretched .av-masonry-col-flexible .av-masonry-entry{width:16.6%}.responsive.html_stretched .av-masonry-col-flexible .av-masonry-entry.av-landscape-img{width:33.2%}}@media only screen and (min-width:989px) and (max-width:1340px){.responsive .av-masonry-col-flexible .av-masonry-entry{width:33.3%}.responsive .av-masonry-col-flexible .av-masonry-entry.av-landscape-img{width:66.6%}}@media only screen and (max-width:767px){.responsive #top .av-masonry-entry{width:100%}}@media only screen and (min-width:480px) and (max-width:767px){.responsive #top .av-masonry-entry{width:49.90%}.responsive #top .av-masonry-entry.av-landscape-img{width:100%}}@media only screen and (max-width:480px){.responsive #top .av-masonry-entry{width:100%}}@media only screen and (min-width:767px) and (max-width:989px){.responsive .av-masonry-col-flexible.av-masonry-gallery .av-masonry-entry{width:33.3%}.responsive .av-masonry-col-flexible.av-masonry-gallery .av-masonry-entry.av-landscape-img{width:66.6%}}@media only screen and (min-width:767px) and (max-width:989px){.responsive .av-masonry-col-flexible .av-masonry-entry{width:49.90%}.responsive .av-masonry-col-flexible .av-masonry-entry.av-landscape-img{width:100%}}:root{--rankmath-wp-adminbar-height:0}p:empty{display:none}body .container_wrap .avia-builder-el-last{margin-bottom:0}body .container_wrap .avia-builder-el-first{margin-top:0}#top .av_inherit_color *{color:inherit}.avia_textblock{clear:both;line-height:1.65em}body{font-size:16px}html,#scroll-top-link{background-color:#fff}#scroll-top-link{color:#999;border:1px solid #e1e1e1}.main_color,.main_color div,.main_color section,.main_color span,.main_color h1,.main_color h3,.main_color p,.main_color a,.main_color b,.main_color figure,.main_color section{border-color:#e1e1e1}.main_color{background-color:#fff;color:#666}.main_color h1,.main_color h3{color:#222}.main_color .special-heading-inner-border{border-color:#666}.main_color a,.main_color b{color:#a81010}.main_color ::-webkit-input-placeholder{color:#919191}.main_color ::-moz-placeholder{color:#919191;opacity:1}.main_color :-ms-input-placeholder{color:#919191}.main_color .av-masonry{background-color:#ebebeb}.main_color .av-masonry-outerimage-container{background-color:#fff}#main{border-color:#e1e1e1}.html_stretched #wrap_all{background-color:#fff}.header_color,.header_color div,.header_color nav,.header_color span,.header_color a,.header_color img,.header_color strong,.header_color ul,.header_color li,.header_color nav{border-color:#e1e1e1}.header_color{background-color:#fff;color:#333}.header_color .social_bookmarks a{color:gray}.header_color a,.header_color strong{color:#a81010}.header_color .avia-menu-fx,.header_color .avia-menu-fx .avia-arrow{background-color:#a81010;color:#fff;border-color:#860000}.header_color .avia-bullet{border-color:#a81010}.header_color ::-webkit-input-placeholder{color:gray}.header_color ::-moz-placeholder{color:gray;opacity:1}.header_color :-ms-input-placeholder{color:gray}.header_color .header_bg{background-color:#fff;color:gray}.header_color .main_menu ul:first-child>li>a{color:gray}#main{background-color:#fff}.html_header_sidebar #header .av-main-nav>li>a .avia-menu-text{color:#000}html.html_header_sidebar #wrap_all{background-color:#fff}.header_color .av-hamburger-inner,.header_color .av-hamburger-inner:before,.header_color .av-hamburger-inner:after{background-color:gray}h1,h3{font-family:'open sans',Helvetica,Arial,sans-serif}body.open_sans{font-family:'open sans',Helvetica,Arial,sans-serif}.container{width:100%}.responsive .container{max-width:1310px}#top #header .av-main-nav>li>a{font-size:16px}#scroll-top-link{display:none}.html_header_sidebar .logo img{border-radius:100%}@media only screen and (min-width:767px){#header_main .inner-container{height:100vh}#header_main .inner-container .av-sidebar-social-container{position:absolute;bottom:0;z-index:201}.html_header_sidebar .main_menu{height:auto}}.html_header_sidebar.html_content_align_left .container{float:none}.flex_cell.av-1l2rsp-3a3b497460b091d3d94dd67723d270ff{vertical-align:top;padding:30px}#top .av-special-heading.av-cvgc5-34edd8f8439e95044f4d2abd306db9e3{padding-bottom:10px}#top .hr.hr-invisible.av-kj7egqnd-be58435d1c44c6515a371bd7bfc6557e{height:10px}.flex_cell.av-11iuqx-001f1116119584d3ff96a502d5f04fea{vertical-align:top;padding:30px;background-color:#f7f7f7}#top .av-special-heading.av-bjofh-5f50861f49607dc19c6e01656027a313{padding-bottom:10px}.flex_cell.av-k9r6h-3669daf1d670a4c3f224d69ba924110b{vertical-align:middle;padding:30px;background-color:#860606}#top .av_textblock_section.av-kj7dlxww-c558b71c3b2bfbdbd261b24809beda0a .avia_textblock{color:#fff}html body [data-av_iconfont='entypo-fontello']:before{font-family:'entypo-fontello'}
Four Seasons Fuel - Ben Rich
Four Seasons Fuel is a family-run fuel supplier in South East England, offering a wide range of products including firewood, coal, charcoal, and gas. They provide sustainably sourced firewood and environmentally friendly practices. In addition to logs and barbecue charcoal, they supply bottled gas and bulk LPG to both domestic and commercial clients, with a reputation for competitive prices and dependable customer service.
I took the designs handed to me and built a fully bespoke theme from the ground up, used across all e-commerce pages, while other pages utilize a page builder. A Webpack file is used to generate and bundle all styling, JavaScript, and assets, with continuous integration ensuring smooth and efficient deployments.
WordPress, WooCommerce, Webpack, Composer and a bespoke theme
Scroll to top