.wp-block-gws-blocks-themed-box.themed-box a {
font-size: 22px;
} .background-motif .numbered-box {
position: relative;
overflow: hidden;
}
.background-motif .numbered-box::after {
content: "";
position: absolute;
top: -20%;
right: -20%;
display: block;
height: 200px;
width: 200px;
background-image: url(//www.gregorheating.co.uk/wp-content/uploads/2025/08/which-guarantee-new-logo-gregor-guarantee.jpg);
background-repeat: no-repeat;
background-size: 100%;
opacity: 15%;
filter: 
}  .theme-2022.blog .post {
padding-top: 0;
}
.theme-2022.blog .content-area .row.flex-row-reverse {
flex-wrap: nowrap;
margin: 0 20px;
}
.theme-2022.blog .content-area .row.flex-row-reverse #primary {
padding-right: 60px;
}
.theme-2022.blog .post .entry-content {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
}
.theme-2022.blog .post .post-thumbnail {
width: 100%;
min-width: 300px;
height: 250px;
border-radius: 20px;
margin-right: 20px;
overflow: hidden;
}
.theme-2022.blog .post .post-thumbnail img {
width: inherit;
height: inherit;
object-fit: cover;
}
.theme-2022.blog .post .entry-meta {
margin-bottom: 10px;
}
.theme-2022.blog .post .entry-title {
text-decoration: none;
}
.theme-2022.blog .post .entry-title h2 {
font-size: 1.5rem;
font-weight: 700;
color: black;
}
.theme-2022.blog .post p {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.theme-2022.blog .post .entry-cta a {
margin-top: 0 !important;
}
.theme-2022.blog .news-articles article {
border-bottom: 1px solid #EAE9E9;
padding-bottom: 30px;
margin-bottom: 30px !important;
}
@media(max-width: 992px) {
.theme-2022.blog .content-area .row.flex-row-reverse {
flex-direction: column-reverse !important;
}
.theme-2022.blog .content-area .row.flex-row-reverse #primary {
padding-right: 0;
}
}
@media(max-width: 576px) {
.theme-2022.blog .content-area .row.flex-row-reverse {
flex-direction: column !important;
}
.theme-2022.blog .post .entry-content {
flex-direction: column;
}
.theme-2022.blog .post .entry-meta {
margin-top: 10px;
}
} .theme-2022.blog #secondary-news .widget-title {
font-size: 1.08rem;
font-weight: 600;
text-transform: uppercase;
color: var(--accentColour);
margin-bottom: 15px;
}
.theme-2022.blog #secondary-news div li,
.theme-2022.blog #secondary-news div a {
text-decoration: none;
color: black !important;
}
.theme-2022.blog #secondary-news section.widget.widget_text div.textwidget {
color: black !important;
}
.theme-2022.blog #secondary-news div li::before,
.theme-2022.blog #secondary-news div a::before {
content: "•" !important;
display: block !important;
color: var(--accentColour) !important;
margin-right: 20px !important;
}
.theme-2022.blog #secondary-news #text-2 a {
font-weight: normal;
}
.theme-2022.blog #secondary-news #text-2 div li a::before {
content: none !important;
}
.theme-2022.blog #secondary-news #text-2 div li:not(:last-child) {
border-bottom: 1px solid #EAE9E9;
padding-bottom: 15px;
margin-bottom: 15px;
} .theme-2022.blog.single .entry-content {
flex-direction: column !important;
} .page-id-6106 .ti-widget,
.page-id-1645 .ti-widget,
.page-id-62 .ti-widget,
.page-id-64 .ti-widget {
display: none !important;
}
@media (min-width: 768px) {
.theme-2022 .page-header {
overflow: hidden !important;
}
}
@media (max-width: 768px) {
.theme-2022 .page-header {
height: 320px;
justify-content: flex-end;
}
.theme-2022 .page-header img {
position: absolute;
max-height: 100% !important;
height: 100%;
}
}
.wp-block-button__link.wp-element-button {
width: 100% !important;
}
.theme-2022 [class^=wp-block] ul li {
text-align: left;
}
.important-warning {
display: flex;
border-top: 1px solid #efefef;
border-bottom: 1px solid #efefef;
padding: 15px 0;
margin: 20px 0;
}
.important-warning::before {
content: "\e002";
font-family: "Material Symbols Outlined";
font-variation-settings:
'FILL' 1,
'wght' 400,
'GRAD' 0,
'opsz' 24;
color: var(--accentColour);
margin-right: 10px;
}
.theme-2022 .wp-block-media-text > .wp-block-media-text__media {
max-height: 26rem;
height: 45vw;
min-height: 15rem;
margin: auto 0;
} #open-vacancies {
margin-bottom: 2rem;
}
.cards {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: 1fr;
gap: 2rem;
transition: var(--transition);
margin: 1.875rem 0;
}
.cards .card {
position: relative;
height: 100%;
border-radius: 10px 10px 30px 30px;
background: white;
padding: 2rem;
box-shadow: 0 0 20px rgba(18, 18, 18, 0.1);
}
.cards .card::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 0.5rem;
border-radius: 10px 10px 0 0;
background: var(--accentColour);
}
.cards .card .image-wrapper {
height: 220px;
border-radius: 10px;
overflow: hidden;
}
.cards .card .image-wrapper img {
width: 100%;
height: 100%;
object-fit: cover;
}
.cards .card .department {
text-transform: uppercase;
font-weight: 600;
color: var(--accentColour);
margin-bottom: 0.25rem;
}
.cards .card div {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 6;
text-overflow: ellipsis;
overflow: hidden;
margin-bottom: 1rem;
}
.cards .card div p {
margin-bottom: 0;
}
.cards .card p strong {
display: block;
}
.cards .card a {
text-align: center;
margin-top: auto !important;
}
.cards-empty {
border-top: 1px dashed rgba(0, 0, 0, 10%);
border-bottom: 1px dashed rgba(0, 0, 0, 10%);
padding: 2rem;
margin-top: 2rem;
}
@media (max-width: 992px) {
.cards {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 576px) {
.cards {
grid-template-columns: repeat(1, 1fr);
}
} .circle-bg::before {
content: '';
position: absolute;
top: calc(50% - 260px);
left: -22%;
width: 540px;
height: 540px;
max-width: 100%;
mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA3NTAgNzUwIj48Y2lyY2xlIHI9IjMyNSIgY3g9IjM3NSIgY3k9IjM3NSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIxMDAiIGZpbGw9InRyYW5zcGFyZW50Ii8+PC9zdmc+);
mask-repeat: no-repeat;
background-image: var(--gradient);
background-size: contain;
background-repeat: no-repeat;
z-index: -1;
}
.circle-bg.electrical {
position: relative;
--gradient: linear-gradient(to top right, #1a5d98, #3cb3e4);
}
.circle-bg.renewable {
position: relative;
--gradient: linear-gradient(to top left, #006545, #04BC81);
}
.circle-bg.commercial {
position: relative;
--gradient: linear-gradient(to top left, #b03d19, #b03d19);
}
.right::before {
right: -22% !important;
} .standard {
--accentColour: #002d72;
}
.boiler {
--accentColour: #da291c;
}
.service {
--accentColour: #dc4405;
}
.electrical {
--accentColour: #3cb3e4;
}
.renewable {
--accentColour: #007a53;
--accentColourRGBA: 0, 122, 83;
}
.commercial {
--accentColour: #b03d19;
}
.content-area.container a {
transition: 600ms;
}
.content-area.container a:not(.wp-block-button a):hover {
color: var(--accentColour);
}
.dropdown-item.active, .dropdown-item:active {
background-color: #f7f7f9 !important;
}
.faq-container .faq-accordion:after {
color: var(--accentColour) !important;
} .page-id-14867 .theme-2022 .page-title,
.page-id-14867 .theme-2022 .swiper-horizontal {
display: none;
}
.themed-box .wp-block-separator {
color: rgba(18, 18, 18, 5%);
}
.page-id-14867 .themed-box .wp-block-button__link {
width: 250px;
font-size: 16px;
font-weight: bold;
}
.page-id-14867 .wp-block-columns .wp-block-column:nth-child(2) .themed-box:before {
background-color: #dc4405;
}
.page-id-14867 .wp-block-columns .wp-block-column:nth-child(2) .themed-box .icon .material-symbols-outlined {
color: #dc4405;
}
.page-id-14867 .wp-block-columns .wp-block-column:nth-child(2) .themed-box .wp-block-button__link {
background-color: #dc4405;
}
@media (min-width: 782px) {	
.page-id-14867 .wp-block-columns {
position: absolute;
top: -320px;
}
}
@media (max-width: 781px) {
.page-id-14867 .entry-content {
margin-top: -80px;
margin-bottom: -120px;
}
} .ti-widget[data-layout-id='27'][data-set-id='light-minimal']>.ti-widget-container>.ti-header {
display: flex;
}
.ti-widget[data-layout-id='27'][data-set-id='light-minimal']>.ti-widget-container>.ti-header::before {
content: "Our customers say";
font-weight: 500;
margin-right: 5px;
}
._tq-hero,
._tq-reviews,
._tq-professional,
._tq-brands {
display: none !important;
}
.error404 .content-area {
text-align: center;
margin-top: 50px;
margin-bottom: 350px !important;
}
.error404 #commericals {
display: none;
} #to-top {
position: fixed;
bottom: 20px;
right: 20px;   
z-index: 20;
}
#to-top a {
display: flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
border-radius: 10px;
background: rgba(18, 18, 18, 50%);
}
.fa-lg.fa.fa-navicon {
display: flex;
align-items: center;
justify-content: center;
width: 34px;
height: 34px;
border-radius: 100%;
color: white !important;
background: -moz-linear-gradient(0deg, rgba(112,9,2,1) -50%, rgba(218,41,28,1) 100%);
background: -webkit-linear-gradient(0deg, rgba(112,9,2,1) -50%, rgba(218,41,28,1) 100%);
background: linear-gradient(0deg, rgba(112,9,2,1) -50%, rgba(218,41,28,1) 100%);
font-size: 20px;
margin-top: -10px;
} .entry-cta a {
display: inline-block;
position: relative;
border-radius: 30px;
background: var(--accentColour);
color: white !important;
font-weight: 500;
text-decoration: none;
padding: 15px 22px;
margin-top: 20px;
cursor: pointer;
overflow: hidden;
z-index: 1;
}
.entry-cta a::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(transparent,rgba(0,0,0,30%));
transition: 350ms;
z-index: -1;
}
.entry-cta a:hover::before {
opacity: 0%;
} .fa-fire:before {
content: "\ef55";
font-family: "Material Symbols Outlined";
}
.fa-sun-o:before {
content: "\e430";
font-family: "Material Symbols Outlined";
}
.fa-tint:before {
content: "\e798";
font-family: "Material Symbols Outlined";
}
.fa-building:before {
content: "\ea40";
font-family: "Material Symbols Outlined";
} .theme-2022 header.page-header .page-title {
box-shadow: 0px 0px 20px 0px rgba(100, 100, 100, 10%);
bottom: 20px;
} .header-img-inner img {
max-width: 100% !important;
} .boxed-case-link {
text-decoration: none;
}
.boxed-case-link * {
transition: 1s;
}
.boxed-case-link .boxed-case.blue {
width: 100%;
border-color: #002d72;
overflow: hidden;
}
.boxed-case-link:hover .boxed-case.blue {
border-color: red;
}
.boxed-case-link:hover .boxed-case.blue img {
transform: scale(104%);
}
.boxed-case-link .boxed-case.blue div {
width: 100%;
color: #fff;
background-color: #002d72;
font-weight: bold;	
text-decoration: none;
padding: 10px;
margin-top: auto;
}
.boxed-case-link:hover .boxed-case.blue div {
background-color: red;
}
.wp-block-button__link {
background: rgb(218,41,28);
background: linear-gradient(180deg, rgba(218,41,28,1) 0%, rgba(99,15,9,1) 100%);
font-size: 1.08rem;
font-weight: 500;
color: white;
margin-top: 10px;
padding: 15px 22px;
text-decoration: none;
border-radius: 30px;
}
#service-prices-container .modal-container .table-container .red-table .price-row:nth-child(odd):not(:first-child) {
background: #fff4f3;
}
#service-prices-container .modal-container .table-container .blue-table .price-row:nth-child(odd):not(:first-child) {
background: #f2fbff;
}
#service-prices-container .modal-container .table-container .brown-table .price-row:nth-child(odd):not(:first-child) {
background: #fff6f3;
}
body {
font-size: 1.08rem;
}
.navbar-nav > .nav-item .menu-item-object-custom {
font-size: 1rem;
}
.dropdown-menu {
min-width: 13rem;
} .grecaptcha-badge {
width: 70px !important;
overflow: hidden !important;
transition: all 0.3s ease !important;
left: -4px !important;
z-index: 99;
}
.grecaptcha-badge:hover {
width: 256px !important;
} #access a {
padding-right:0;
}
#gform_1  div.validation_error,
#gform_1 div.validation_message{
color:white
}
#gform_1  div.validation_error{
border-top: 2px solid white;
border-bottom: 2px solid white;
}
#gform_fields_1 li.gfield_error.gfield_contains_required.field_sublabel_below.field_description_below.gfield_visibility_visible
{
border-top: 1px solid white;
border-bottom: 1px solid white;
} .boilers-colour-link {
color: #da291c;
font-weight: 700;
}
.boilers-colour-link:hover {
color: #da291c;
font-weight: 700;
}
.service-repair-colour-link {
color: #dc4405;
font-weight: 700;
}
.service-repair-colour-link:hover {
color: #dc4405;
font-weight: 700;
}
.electrical-colour-link {
color: #3cb3e4;
font-weight: 700;
}
.electrical-colour-link:hover {
color: #3cb3e4;
font-weight: 700;
}
.renewables-colour-link {
color: #007a53;
font-weight: 700;
}
.renewables-colour-link:hover {
color: #007a53;
font-weight: 700;
}
.commercial-colour-link {
color: #b03d19;
font-weight: 700;
}
.commercial-colour-link:hover {
color: #b03d19;
font-weight: 700;
}
.standard-colour-link {
color: #002d72;
font-weight: 700;
}
.standard-colour-link:hover {
color: #002d72;
font-weight: 700;
}
.homepage-lists-colour-link {
color: #4D4D4D;
font-weight: 600;
}
.homepage-lists-colour-link:hover {
color: #4D4D4D;
font-weight: 600;
} .gregor-table-second-row-colour {
background: #F4F4F4;
} h2 {
font-size: 28px;
}
h3 {
font-size: 22px;
} .product-list-item a {
color: #4D4D4D; 
font-weight: 600;
} .widget-title {
font-size: 20px;
}
.es_widget_form_name {
margin-top: 10px;
margin-bottom: 3px;
font-weight: 700;
color: #4D4D4D;
}
.es_widget_form_email {
margin-bottom: 3px;
font-weight: 700;
color: #4D4D4D;
}
#es_txt_name {
height: 40px;
border-radius: 3px;
}
#es_txt_email {
height: 40px;
border-radius: 3px;
}
#es_txt_button {
background: #002d72;
border: none;
color: white;
font-weight: 700;
border-radius: 5px;
padding: 12px 0px;
width: 100%;
font-size: 16px;
}  footer#footer {
font-family: Asap, Arial, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
} #social-media-link {
display: flex;
}
#social-media-link .sm-icon {
display: flex;
align-items: center;
justify-content: center;
height: 45px;
width: 45px;
background-color: #ffffff;
border-radius: 100%;
margin-right: 10px;
margin-bottom: 10px;
transition: 450ms;
}
#social-media-link .sm-icon svg {
fill: #002d72;
width: 20px;
height: 20px;
transition: 450ms;
}
#social-media-link .sm-icon:hover {
background-color: #da291c;
}
#social-media-link .sm-icon:hover svg {
fill: #ffffff;
} #input_8_2 {
height: 40px;
margin-bottom: 15px;
border-radius: 5px;
padding: 0px 10px
} .tab-dark-green #sunny-active{
display:none;
}
.tab-dark-green.active #sunny{
display:none;
}
.tab-dark-green.active #sunny-active{
display:flex;
}
@media(max-width:575px){
.tabs .tab{ }
.atab:first-child .tab:first-child{ }
.atab{ padding: 0; }	
.atab:first-child{
margin-top:25px;
}
.atab a{
height: auto;
margin: 0 !important;
border-radius: 0 !important;
}
.atab a div{
display: flex;
align-items: center;
padding: 0 !important;
margin:0 !important;
height:100%;
}
.atab a div span{
margin-left:15px;
margin-top: 0 !important;
font-size: 1.6em;
width:25px;
display:flex;
}
.atab a div h2{
font-size: 1.3em;
margin-top: 0;
margin-left: 15px;
font-size: 1.2em;
}
.atab a div #sunny{
margin-left:12px;
margin-right:2px;
height: 15px;
width:21px;
margin-top: 0px;
}
#sunny-active{
margin-left:12px;
margin-right:2px;
height: 15px;
width:21px;
margin-top: 0px;
}
}
.header-slider-link{
position: absolute; top: calc(40% - 90px);
left: 20%;
background:rgba(0,0,0,0.4);
padding: 25px;
border-radius: 5px;
max-width: 60%;
min-width: 60%;
text-align: center;
z-index:5;
font-weight:100;
}
.header-slider-link:hover{
text-decoration:none;
font-weight:bold;
background: rgba(255,255,255,0.7);
}
.header-slider-link:hover h5{
color:#0E2D6E;
}
.header-slider-link h5{
color: white;
padding: 0;
margin: 0; font-size: 1.4em;
}
@media(min-width: 1024px) and (max-width: 1439)
{
.header-slider-link{
top: 11%;
left: 10%;
max-width:80%;
}
.header-slider-link h5{ font-size: 1.5em;
}
}
@media(min-width: 541px) and (max-width: 1023px)
{
.header-slider-link{
top: 25%;
left: 10%;
font-size: 0.9em;
max-width:80%;
}
.header-slider-link h5{ font-size: 1.5em;
}
}
@media(max-width: 540px)
{
.header-slider-link{
border-radius: 0;
top:0;
left: 0;
max-width:100%;
height: 100%
}
.header-slider-link h5{
font-size:1.1em;
}
}
@media(max-width: 575px)
{
.custom-logo-link img{
position: relative;
top: 15px;
z-index: 121;
height: 100px;
width: auto;
padding-left: 25px;
padding:25px;
}
.phone-number-header.text-right{
display: initial;
position: absolute;
top: -86px;
font-size: 12px; }
.phone-number-header.text-right div{
color: white;
background: #0E2D6E;
}
.phone-number-header.text-right div span {
font-size:13px;
}
.row.align-items-center.twitter-link{display:none}
.phone-number-header.text-right div span strong{
display: inline-block;
min-width: 49px;
}
.phone-number-header.text-right div span a{
color:white
}
.logo_second .trusted-trader-header-img{
display:none
}
.social-media-header{
position: absolute;
right: 0;
top: -76px;
} .social-media-header a{
color:white;
font-size:1.5em;
}
.navbar.navbar-toggleable-md{
background:white;
}
.navbar-toggler{
position:absolute;
right:25px;
top: -25px
}
.navbar.navbar-toggleable-md .navbar-toggler-icon	.fa-lg.fa.fa-navicon{
color:#0E2D6E;
}
#masthead .navbar-nav {
margin-top: 25px;
}
#masthead .navbar-nav > li  a{
color:#0E2D6E;
}
.video-block{
height:auto;
margin: 0;
}
.video-block h2{
font-size:1.7em;
}
.front-page-bottom-section .front-page-section{
padding-bottom: 5px !important;
}
.row.center.graybg{
padding: 25px
}
.row.center.graybg	.footer-contact-actions{
padding: 0 !important;
}
.row.center.graybg	.footer-contact-actions br{
display:none;
}
.row.center.graybg	.footer-contact-actions br:nth-child(4){
display:block;
border:solid 1px red;
}
.row.center.graybg	.footer-contact-actions a:nth-child(15){
width:80%;
text-align:left;
margin-left:56px;
display:block
}
.row.center.graybg	.footer-contact-actions a:nth-child(11){
width:80%;
text-align:left;
margin-left:56px;
display:block
}
#menu-footer-menu{
margin-left: 0;
padding-left: 0;
}
#menu-footer-menu li{
display:flex; }
#menu-footer-menu li a{   }
#gform_8 .ginput_container_email input{
border: solid 1px black !important;
}
.newsletter #gform_submit_button_8{
height:55px !important;
padding: 0;
}
}
.navbar.navbar-toggleable-md{
z-index:2;
}
.slideshow-container{
z-index:0;
}
.gws-hidden {
display:none
}
table.service-prices-table th, table.service-prices-table td {
border: 1px solid black !important;
}
.contact-cta-block {
float: right;
border: 2px solid #002d72;
text-align: center;
margin-left: 45px;
}
.contact-cta-block h5 {
color: white;
background: #002d72;
padding: 6px 10px 10px;
margin-bottom: 0 !important;
}
.contact-cta-block p {
font-weight: 500;
font-size: 20px;
margin: 10px 20px;
display: block;
}
.contact-cta-block a {
font-weight: unset;
}
.contact-cta-block a:hover {
color: inherit;
}
.imageRight {
float: right;
margin: 10px 0 30px 20px;
width: 30%;
}
@media(max-width: 1199px) {
.imageRight {
width: 40%;
}
}
@media(max-width: 450px) {
.imageRight {
float: unset;
margin: 20px auto;
}
}
.true-quote-block{
background: #fef4f3;
padding: 60px;
display:flex;
flex-direction:column;
align-items:center;
align-content:center;
text-align:center
}
@media(min-width: 990px) {
.true-quote-block .text,
.true-quote-block .button-wrapper{
width:80%;
max-width:80%;
font-size:17px;
line-height:150%;
}
.true-quote-block .text span{
font-weight:bold;
color:#d93800;
}
.btn{
padding: 19px 20px;
margin-top:25px;
background: #163072;
color: white;
margin-right: 15px;
font-family: 'Open Sans';
font-size: 15px;
font-weight: 600;
text-transform: uppercase;
border: solid 1px white;
border-radius: 10px;
border:none;
}
} .questionnaire-link-menu {
font-size: 1rem !important;
}
.questionnaire-link-menu i {
color: #002d72;
}  .heat-pump h5 {
font-size: 1.5rem !important;
}
.heat-pump p {
font-size: 1.1rem !important;
line-height: 28px;
margin-bottom: 15px;
}
.heat-pump a {
font-weight: 700;
color: #007a53;
}
.heat-pump .questionnaire-button {
font-size: 1rem;
text-align: center;
color: #ffffff;
text-transform: uppercase;
padding: 18px 18px;
background-color: #007a53;
text-decoration: none;
display: inline-block;
width: 100% !important;
transition: 300ms;
}
.heat-pump .questionnaire-button:hover {
background-color: #006142;
}
.gws-table {
}
.gws-table table thead th{
background-color: #002d72 !important;
border-color: white !important;
border-top-color: white !important;
border-bottom-color: white;
border-top: none;
border-bottom: none;
color: white;
font-weight: 500;
text-align: center;
}
.gws-table table td, .gws-table table th {
padding:15px 10px !important;
}
.gws-table table{
border: 4px solid #002d72;
}
.gws-table tr th{
border: solid 2px #ffffff !important;
}
.gws-table tr th{
text-align:center !important;
}
.gws-table tr td{
text-align:center !important;
align-content:center;
border: solid 1px #e6e6e6 !important;
}
.gws-table tr td:first-of-type{
background-color: #f4f4f4;
border-color: #e6e6e6;
border-right-color: rgb(230, 230, 230);
border-bottom-color: rgb(230, 230, 230);
border-left-color: rgb(230, 230, 230);
border-left: none;
border-right: none;
border-bottom: none;
font-weight: bold;
text-align: left !important;
} .heatplan-notice {
font-size: 1.2em;
text-align: center;
background-color: #f4f4f4;
padding: 25px;
margin-bottom: 20px;
}
.heatplan-notice i {
color: #da291c;
}
.heatplan-notice a {
font-weight: 600;
text-decoration: underline;
} @media only screen and (min-width: 641px) {
.gform_wrapper .top_label li.gfield.gf_left_half, .gform_wrapper .top_label li.gfield.gf_right_half {
margin-top: 8px;
}
.gf_left_half {
width: 49% !important;
}
.gf_right_half {
width: 49% !important;
float: right !important;
}
}   .js-homepage-slideshow::before {
content: "";
position: absolute;
width: 100%;
height: 100%;
background: #163072;
opacity: 0.65;
mix-blend-mode: multiply;
} .home .theme-2022 .margin-bottom-40 {
display: none;
}
.home .theme-2022 .menu-blocks .product-list-item-alt {
background: none !important;
background-color: white !important;
border: none; border-radius: 10px 10px 30px 30px !important;
box-shadow: 0px 0px 20px rgb(18 18 18 / 10%) !important;
position: relative;
transition: 350ms;
}
.home .theme-2022 .menu-blocks .product-list-item-alt::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 8px;
background: var(--accentColour);
border-radius: 10px 10px 0 0;
}
.home .theme-2022 .menu-blocks .product-list-item-alt a {
color: black !important;
font-size: 1.08rem;
padding: 33px 30px !important;
}
.home .theme-2022 .menu-blocks .product-list-item-alt a span {
color: var(--accentColour);
margin-right: 10px;
} .home .theme-2022 .menu-blocks .product-list-item {
background: linear-gradient(transparent,rgba(0,0,0,0.65));
background-color: var(--accentColour);
border: none;
border-radius: 60px;
box-shadow: none;
}
.home .theme-2022 .menu-blocks .product-list-item:hover {
background: linear-gradient(transparent,rgba(0,0,0,0.45));
background-color: var(--accentColour);
}
.home .theme-2022 .menu-blocks .product-list-item a {
color: white;
font-size: 1.08rem;
padding: 20px 30px;
} .home .theme-2022 .tab-orange .text-with-video .youtube-embed { object-fit: contain; } * {
scroll-behavior: smooth !important;
} .conditions-text {
font-size: 14px;
font-style: italic;
} .wp-block-table tr:nth-child(even) {
background-color: #f5f5f5;
} .page-id-7406 .theme-2022 header.page-header .page-title h1.entry-title:after {
content: none;
}
.theme-2022 h3,
.theme-2022 h4,
.theme-2022 h5,
.theme-2022 h6 {
color: black;
} .theme-2022 .twelve-reasons li {
margin-bottom: 15px;
} .which-endorsement {
position: absolute;
top: calc(50% - 200px);
right: 10%;
width: 240px !important;
height: 240px !important;
transition: 600ms;
z-index: 99;
}
@media(max-width: 992px) {
.banner {
height: 100% !important;
}
.which-endorsement {
top: calc(50% - 120px);
right: 5%;
width: 180px !important;
height: 180px !important;
}
}
@media(max-width: 768px) {
.page-id-16868 .theme-2022 .page-header {
height: 440px;
}
.which-endorsement {
top: 20px;
right: calc(50% - 60px);
width: 120px !important;
max-height: 120px !important;
height: 120px !important;
}
}
@media(max-width: 576px) {
.page-id-16868 .theme-2022 .page-header {
height: 400px;
}
} #gform_1 #gfield_description_1_2 {
display: none;
}
.page-id-16868 #gform_1 #gfield_description_1_2 {
display: block;			
} .theme-2022 .heating-form.booking-form {
border: none;
padding: 0;
}
.theme-2022 .heating-form.booking-form #field_15_11 button,
.theme-2022 .heating-form.booking-form #field_1_12 button,
.theme-2022 .heating-form.booking-form #field_16_11 button {
color: white;
background: var(--accentColour);
border-radius: 30px;
}
.theme-2022 .heating-form.booking-form #field_1_12 button{
margin-top: 30px;
margin-left: 30px;
}
#gform_1 .ginput_container_select,
#gform_15 .ginput_container_select select,
#gform_16 .ginput_container_select select {
-webkit-appearance: none;
background-color: white !important;
background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNDgiIHdpZHRoPSI0OCI+PHBhdGggZD0ibTI0IDMwLjc1LTEyLTEyIDIuMTUtMi4xNUwyNCAyNi41bDkuODUtOS44NUwzNiAxOC44WiIvPjwvc3ZnPg==") no-repeat;
background-size: 18px;
background-position: calc(100% - 10px) center;
border-radius: 0 !important;
}
.form-disclaimer .ginput_container,
.form-disclaimer-white .ginput_container {
display: flex;
}
.form-disclaimer .ginput_container input {
height: 20px !important;
margin-top: 3px !important;
margin-right: 10px !important;
}
.form-disclaimer-white .ginput_container  input {
height: 20px !important;
margin-top: 3px !important;
margin-right: 10px !important;
}
.form-disclaimer-white,
.form-disclaimer-white a {
color: #fff;
}
.form-disclaimer a,
.form-disclaimer-white a {
font-weight: 600;
text-decoration: underline;
}  .theme-2022 .customer-journey-section .themed-box:nth-child(1)::before {
background: var(--accentColour);
}
.theme-2022 .customer-journey-section .themed-box:nth-child(2)::before  {
background: var(--accentColour);
}
.theme-2022 .customer-journey-section .themed-box:nth-child(3)::before  {
background: var(--accentColour);
}
.theme-2022 .customer-journey-section .themed-box:nth-child(4)::before  {
background: var(--accentColour);
}
.theme-2022 .payment-options-box.themed-box p a {
width: 100%
} .theme-2022 .customer-journey-section .themed-box:nth-child(1)::after,
.theme-2022 .customer-journey-section .themed-box:nth-child(2)::after,
.theme-2022 .customer-journey-section .themed-box:nth-child(3)::after {
content: '';
position: absolute;
top: calc(50% - 20px);
left: calc(100% - 5px);
width: 40px;
height: 40px;
max-width: 100%;
background: var(--accentColour);
-webkit-mask-image: var(--mask);
mask-image: var(--mask);
mask-size: contain;
mask-repeat: no-repeat;
--mask: url(//www.gregorheating.co.uk/wp-content/uploads/2022/11/journey-arrow.svg);
z-index: 1;
} .theme-2022 .journey-icon {
margin-top: 15px !important;
margin-bottom: 15px !important;
}
.theme-2022 .journey-icon span {
color: var(--accentColour);
font-size: 30px;
font-variation-settings:
'FILL' 0,
'wght' 400;
}
.theme-2022 .customer-journey-section .themed-box:nth-child(1) .journey-icon span {
color: var(--accentColour);
}
.theme-2022 .customer-journey-section .themed-box:nth-child(2) .journey-icon span {
color: var(--accentColour);
}
.theme-2022 .customer-journey-section .themed-box:nth-child(3) .journey-icon span {
color: var(--accentColour);
}
.theme-2022 .customer-journey-section .themed-box:nth-child(4) .journey-icon span {
color: var(--accentColour);
} .theme-2022 .customer-journey-section .themed-box h3 {
margin-bottom: 10px !important;
} .theme-2022 .heatplan-logo {
max-width: 400px;
margin: auto;
}
.theme-2022 .heatplan-logo img {
mix-blend-mode: multiply;
} .theme-2022 .info-block {
padding: 30px 20px;
margin-bottom: 40px;
border-top: 1px solid #efefef;
border-bottom: 1px solid #efefef;
}
.theme-2022 .info-block .journey-icon {
margin: 0 !important;
margin-bottom: 10px !important;
}
.theme-2022 .info-block .journey-icon span {
font-size: 25px;
font-variation-settings:
'FILL' 0,
'wght' 400;
}
.theme-2022 .info-block.background {
background: rgba(var(--accentColourRGBA), 0%);
} .theme-2022 .block-full-width-image img {
border-radius: 20px;
box-shadow: 0 10px 15px rgb(18 18 18 / 12%);
width: 100%;
max-height: 400px;
object-fit: cover;
} .theme-2022 .bottom-cta { padding-top: 30px;
} .theme-2022 .areas-serviced {
margin-top: 30px;   }
.theme-2022 .areas-serviced h2 {
font-size: 1rem;
margin-bottom: 15px;
padding-bottom: 10px;
border-bottom: 1px solid #efefef;
}
.theme-2022 .areas-serviced h3 {
font-size: 0.85rem;
margin-bottom: 5px;
}
.theme-2022 .areas-serviced p {
font-size: 0.8rem;
} .theme-2022 .additional-information {
overflow: hidden;
mix-blend-mode: multiply;
}
.theme-2022 .additional-information .container::after {
content: '';
position: absolute;
top: calc(50% - 180px);
right: 0;
width: 360px;
height: 360px;
background-image: url(//www.gregorheating.co.uk/wp-content/uploads/2022/11/info-bg-icon.svg);
background-size: contain;
background-repeat: no-repeat;
z-index: -1;
opacity: 0.025;
} .heating-form.booking-form .gsection h2 {
color: var(--accentColour) !important;
}
.theme-2022 .heatplan-application-step {
border-bottom: 1px solid #efefef !important;
padding-bottom: 10px !important;
}
.gform_legacy_markup_wrapper li.gfield.field_description_below+li.gsection {
margin-top: 60px !important;
}
.theme-2022 .heatplan-application-subheading {
margin-top: 35px !important;
}
.theme-2022 .heatplan-form-section-end {
margin-bottom: 50px;
}
.theme-2022 #field_15_42 {
width: 100%;
}
.theme-2022 #gform_browse_button_15_28 {
width: 30%;
min-width: 200px;
}
.booking-form .gform_fileupload_multifile .gform_drop_area {
border: 2px dashed #ccc !important;
background: none;
}
.gform_fileupload_rules {
font-size: 0.813rem;
}
.heating-form.booking-form h2 {
font-weight: 600;
}
.gform_legacy_markup_wrapper .field_description_below .gfield_description {
padding-top: 5px;
line-height: 1.5;
}
#gform_submit_button_15,
#gform_next_button_15_41 {
font-weight: 700;
border: none !important;
width: 100% !important;
margin-top: 5px !important;
padding: 15px 0 !important;
} .theme-2022 .entry-title {
color: #002d72;
font-weight: bold;
font-size: 2.5rem;
} .theme-2022 .entry-content-page .button {
border: 2px solid var(--accentColour);
color: black !important;
background-color: white;
}
.theme-2022 .entry-content-page .button::before,
.theme-2022 .entry-content-page .button::after {
background: none;
} .theme-2022 .testimonial-text {
font-size: 1.14rem;
} .which-iframe {
height: 450px;
} .theme-2022 .video-block h2,
.theme-2022 .video-block a {
font-weight: bold;
text-decoration: none;
}  @media only screen and (min-width: 768px){ .theme-2022 .table-button i {
margin-top: 27.5% !important;
}
.theme-2022 .table-button .red {
font-size: 2.5rem !important;
}
}
@media only screen and (max-width: 768px){ .theme-2022 .container.content-area {
padding-top: 0px;
margin-top: 0px;
}
#reviews-link span {
font-size: 12px;
line-height: 10px;
}
#reviews-link .stars {
font-size: 12px;
}
.theme-2022 header.page-header .page-title {
padding: 20px;
}
.theme-2022 header.page-header .page-title h1 {
font-size: 2rem;
}
.home .entry-content.mt-0 {
margin-top: 30px !important;
} .theme-2022 .which-iframe {
height: 820px;
}
}
@media only screen and (max-width: 654px){  .theme-2022 .customer-journey-section .themed-box {
margin-bottom: 30px;
}
.theme-2022 .customer-journey-section .themed-box:nth-child(1)::after,
.theme-2022 .customer-journey-section .themed-box:nth-child(2)::after,
.theme-2022 .customer-journey-section .themed-box:nth-child(3)::after {
content: '';
position: absolute;
top: calc(100% + 10px);
left: calc(50% - 20px);
width: 40px;
height: 40px;
max-width: 100%;
transform: rotate(90deg);
z-index: 1;
}
}
.home .theme-2022 .text-with-video .youtube-embed {
object-fit: contain;
} .logo-wrap{
display: flex;
align-items: center;
}
.which-logo{
border-left: solid 2px red  !important; 	
border-right: solid 2px red  !important; 	
}
.which-logo img{
margin-left:15px;
max-width:200px;
margin-right:15px;
}
@media(min-width: 992px) { .dropdown-menu {
border: none;
border-radius: 5px 5px 15px 15px;
box-shadow: 0px 0px 10px rgba(18,18,18,0.1);
padding-top: 15px;
padding-bottom: 15px;
}
.dropdown-menu:before {
content: "";
position: absolute;
top: 0;
height: 5px;
width: 100%;
border-radius: 10px 10px 0 0;
background-color: var(--accentColour);
}
.dropdown-item {
padding-top: 6px;
padding-bottom: 6px;
} .menu-mobile-only {
display: none;
}
}
@media(max-width: 992px) {
.which-logo img {
max-width:95px;
}
#main-header .logo-wrap {
margin-top: 30px;
margin-bottom: 30px;
}
#main-header .nav-wrap #menu-main-menu li a {
color: black;
font-weight: 600;
}
}
@media(max-width: 576px) { #to-top {
position: fixed;
bottom: 20px;
right: 20px;   
z-index: 20;
} .entry-cta.fixed {
display: inline-flex !important;
justify-content: center;
position: fixed;
left: 0px;
bottom: 0px;
width: 82%;
padding: 20px;
z-index: 2;
}
.entry-cta.fixed a {
width: 100%;
text-align: center;
padding: 9px;
}  #main-header .nav-wrap #menu-main-menu > li > .dropdown-toggle::after {
content: '\f107';
position: absolute;
top: 14px;
right: auto;
border: 0 !important;
font-family: 'FontAwesome';
color: red;
}
.page-id-80 li.postcode {
width: 100% !important;
min-width: 100%;
}
.page-id-80 li.find-address {
width: 100% !important;
}
.page-id-80 li.find-address button {
width: 100% !important;
margin-top: 0px !important;
}
}
.swiper-horizontal .commercial-images-area {
margin-top: 60px;
}
#menu-main-menu .report-fault a,
#menu-main-menu .pay-online a,
#menu-main-menu .heat-plan a {
font-weight: 700 !important;
}
#menu-main-menu .report-fault {
border-top: 1px solid #EAE9E9;
padding-top: 5px;
margin-top: 5px;
}
#menu-main-menu .report-fault a::before {
content: "\f7d9";
font-family: 'Font Awesome 5 Free';
color: #da291c;
margin-right: 10px;
}
#menu-main-menu .pay-online a::before {
content: "\f09d";
font-family: 'Font Awesome 5 Free';
color: #da291c;
margin-right: 10px;
}
#menu-main-menu .heat-plan a {
display: flex;
align-items: center;
}
#menu-main-menu .heat-plan a::before {
content: "";
display: inline-block;
width: 16px;
height: 14px;
background-image: url(//www.gregorheating.co.uk/wp-content/uploads/2024/07/heatplan-red.svg);
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
margin-right: 10px;
}
@media only screen and (max-width: 640px) {
.theme-2022 .customer-journey-section .themed-box {
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.theme-2022 .customer-journey-section .themed-box .journey-icon {
margin-right: 5px;
}
.theme-2022 .customer-journey-section .themed-box .journey-icon span {
font-size: 24px;
}
.theme-2022 .customer-journey-section .themed-box .wp-block-heading {
font-size: 18px;
padding: 0px;
margin: 0px;
margin-top: 15px;
}
.theme-2022 .numbered-box-grid > div {
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.theme-2022 .numbered-box .number {
width: 30px !important;
}
}  #post-80 .brand-primary { }
.page:not(.home) .form-brand-primary {
background-color: white;
padding: 0;
}
#post-80 .gform_wrapper .top_label input.medium, .gform_wrapper .top_label select.medium, .gform_wrapper textarea.medium {
border: 1px solid #ccc !important;
padding: 14px 10px !important;
}
#post-80 .gfield_label {
display: inherit !important;
font-size: 15px !important;
}
#post-80 .form-disclaimer-white {
color: inherit;
}
#post-80 .form-disclaimer-white a {
color: #da291c;
}
.page-id-80 #gform_submit_button_1 {
background-color: #da291c;
border-radius: 30px;
width: 200px !important;
height: 50px;
}
.page-id-80 li.postcode {
width: calc(100% - 250px) !important;
}
.page-id-80 li.find-address button {
margin-left: 0px !important;
}
.page-id-80 li.address_field {
width: 100% !important;
}
#post-80 .gform_legacy_markup_wrapper {
border-top: 1px solid #efefef !important;
border-bottom: 1px solid #efefef !important;
}
@media only screen and (min-width: 641px) {
.gf_right_half {
float: none !important;
}
.gf_left_half {
margin-right: 14px !important;
}
}
.page-id-80 .theme-2022 .container #primary {
max-width: 860px !important;
margin: auto;
}
#post-80 .validation_message {
color: #790000 !important;
}
@media only screen and (min-width: 641px) {
#post-80 li#field_1_6:has(.validation_message) {
margin-top: 0 !important;
padding-top: 0 !important;
}
}
.dropdown-menu > li > .dropdown-menu {
display: none !important;
}
.dropdown-menu > li:hover > .dropdown-menu {
display: block !important;
}
.dropdown-menu li > .dropdown-menu.dropdown-menu-left {
left: auto !important;
right: 100% !important;
}
.page-id-10171 .entry-title.brand-primary,
.page-id-10168 .entry-title.brand-primary,
.page-id-5178 .entry-title.brand-primary,
.page-id-7307 .entry-title.brand-primary {
text-align:center;
}  .rss-vacancy-card button {
border: none;
}
.rss-vacancy-popup-container:has(.rss-vacancy-popup.show) {
display: flex !important;
justify-content: center;
align-items: center;
background: rgb(130 130 130 / 30%);
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
overflow: hidden !important;
}
.rss-vacancy-card .brand-primary a {
color: black;
text-decoration: none;
} .rss-vacancy-popup {
max-width: 900px !important;
height: 90%;
top: unset !important;
left: unset !important;
border-radius: 15px;
padding-top: 0 !important;
overflow: hidden !important;
}
.rss-vacancy-popup .close {
position: absolute;
top: 20px;
right: 20px;
display: flex;
justify-content: center;
align-items: center;
height: 30px;
width: 30px;
font-size: 0 !important;
border-radius: 100%;
background: #fff !important;
opacity: 100% !important;
z-index: 1;
}
.rss-vacancy-popup .close::before {
content: "";
display: flex;
justify-content: center;
align-items: center;
height: 16px;
width: 16px;
background: #000;
-webkit-mask-image: var(--mask);
mask-image: var(--mask);
mask-repeat: no-repeat;
mask-size: 100%;
--mask: url(//www.gregorheating.co.uk/wp-content/uploads/2025/08/close.svg);
}
.gws-popup .brand-primary {
position: relative;
display: inline-flex;
justify-content: center;
align-items: center;
width: calc(100% + 60px);
height: 240px;
font-size: 2rem;
color: #fff !important;
padding: 30px;
margin-left: -30px;
margin-bottom: 30px;
}
.gws-popup .brand-primary::before {
content: "";
position: absolute;
width: 100%;
height: 100%;
background: rgba(18, 18, 18, 50%);
mix-blend-mode: multiply;
z-index: -1;
}
.gws-popup .brand-primary::after {
content: "";
position: absolute;
width: 100%;
height: 100%;
background-image: url(//www.gregorheating.co.uk/wp-content/uploads/2019/11/D1966-resized-cropped-compressed.jpg);
background-repeat: no-repeat;
background-size: 150%;
background-position: 50% 0%;
z-index: -2;
}
.gws-popup .gws-popup-modern-content {
height: 67%;
padding-right: 20px;
overflow-y: scroll;
}
.rss-vacancy-popup p {
text-align: unset !important;
}
.rss-vacancy-actions {
position: absolute;
bottom: 0;
display: flex;
justify-content: space-between;
align-items: center;
width: calc(100% - 60px);
background: #fff;
padding-top: 30px;
padding-bottom: 30px;
}
.rss-vacancy-actions p {
margin-bottom: 0 !important;
}
.rss-vacancy-actions .button {
margin-top: 0 !important;
white-space: nowrap;
display: flex;
justify-content: center;
align-items: center;
text-decoration: none !important;
}
@media(max-width: 768px) {  .rss-vacancy-popup .close {
transform: scale(75%);
transform-origin: 100% 0%;
}
.gws-popup .brand-primary {
height: 120px;
font-size: 1.5rem;
}
.rss-vacancy-actions {
flex-direction: column;
padding-top: 20px;
}
.rss-vacancy-actions .button {
width: 100%;
margin-top: 20px !important;
}
}  .page-id-16751 .terms-and-conditions, .page-id-16868 .terms-and-conditions {
width: 80%;
position: relative;
left: 10%;
}
.page-id-16751 .heating-form.booking-form, .page-id-16868 .heating-form.booking-form  {
width: 50%;
position: relative;
left: 25%;
.gfield--type-consent.gfield--type-choice.gfield--input-type-consent {
color: black;
a {
color: var(--accentColour);
}
}
.address_field, .find-address, .postcode {
display: none !important;
}
.form-brand-primary {
background-color: transparent !important;
}
}
.vertical-which-totm {
display: flex;
flex-direction: column;
width: 10%;
position: relative;
left: 27%;
row-gap: 20px;
bottom: 100px;
}
@media (max-width: 900px) {
.vertical-which-totm {
display: none;
}
.page-id-16751 .terms-and-conditions, .page-id-16868 .terms-and-conditions {
width: 100%;
left: 0;
}
.page-id-16751 .heating-form.booking-form, .page-id-16868 .heating-form.booking-form {
width: 100%;
left: 0;
}
}
.page-id-16868 {
.theme-2022 header.page-header img {
object-position: bottom;
}
}