body{background-color:var(--surface-0);color:var(--surface-90);}a{color:var(--primary-alt);}a{text-decoration:underline;}a:hover, a:focus{text-decoration:none;}.entry-title a, .site-branding a, a.button, .wp-block-button__link, .main-navigation a{text-decoration:none;}a:hover, a:focus, a:active{color:var(--surface-90);}.grid-container{max-width:1280px;}.wp-block-group__inner-container{max-width:1280px;margin-left:auto;margin-right:auto;}.site-header .header-image{width:200px;}.generate-back-to-top{font-size:20px;border-radius:3px;position:fixed;bottom:30px;right:30px;line-height:40px;width:40px;text-align:center;z-index:10;transition:opacity 300ms ease-in-out;opacity:0.1;transform:translateY(1000px);}.generate-back-to-top__show{opacity:1;transform:translateY(0);}:root{--primary:#12bab4;--primary-alt:#02837E;--contrast:#FEB425;--contrast-alt:#c18100;--surface-0:#ffffff;--surface-10:#FBFBFB;--surface-20:#f5f7fa;--surface-30:#E4E7EB;--surface-70:#3e4c59;--surface-80:#323f4b;--surface-90:#1f2933;--surface-100:#000000;--primary-light:#E7F9F8;}:root .has-primary-color{color:var(--primary);}:root .has-primary-background-color{background-color:var(--primary);}:root .has-primary-alt-color{color:var(--primary-alt);}:root .has-primary-alt-background-color{background-color:var(--primary-alt);}:root .has-contrast-color{color:var(--contrast);}:root .has-contrast-background-color{background-color:var(--contrast);}:root .has-contrast-alt-color{color:var(--contrast-alt);}:root .has-contrast-alt-background-color{background-color:var(--contrast-alt);}:root .has-surface-0-color{color:var(--surface-0);}:root .has-surface-0-background-color{background-color:var(--surface-0);}:root .has-surface-10-color{color:var(--surface-10);}:root .has-surface-10-background-color{background-color:var(--surface-10);}:root .has-surface-20-color{color:var(--surface-20);}:root .has-surface-20-background-color{background-color:var(--surface-20);}:root .has-surface-30-color{color:var(--surface-30);}:root .has-surface-30-background-color{background-color:var(--surface-30);}:root .has-surface-70-color{color:var(--surface-70);}:root .has-surface-70-background-color{background-color:var(--surface-70);}:root .has-surface-80-color{color:var(--surface-80);}:root .has-surface-80-background-color{background-color:var(--surface-80);}:root .has-surface-90-color{color:var(--surface-90);}:root .has-surface-90-background-color{background-color:var(--surface-90);}:root .has-surface-100-color{color:var(--surface-100);}:root .has-surface-100-background-color{background-color:var(--surface-100);}:root .has-primary-light-color{color:var(--primary-light);}:root .has-primary-light-background-color{background-color:var(--primary-light);}h1, h2, h3, h4, h5, h6{font-family:Poppins, sans-serif;text-transform:capitalize;}html{font-family:Poppins, sans-serif;}.top-bar{background-color:var(--surface-10);color:var(--surface-80);}.top-bar a{color:var(--primary);}.top-bar a:hover{color:var(--primary-alt);}.site-header{color:var(--surface-80);}.site-header a{color:var(--primary);}.site-header a:hover{color:var(--primary-alt);}.main-title a,.main-title a:hover{color:var(--surface-90);}.site-description{color:var(--surface-70);}.main-navigation,.main-navigation ul ul{background-color:var(--surface-0);}.main-navigation .main-nav ul li a, .main-navigation .menu-toggle, .main-navigation .menu-bar-items{color:var(--surface-70);}.main-navigation .main-nav ul li:not([class*="current-menu-"]):hover > a, .main-navigation .main-nav ul li:not([class*="current-menu-"]):focus > a, .main-navigation .main-nav ul li.sfHover:not([class*="current-menu-"]) > a, .main-navigation .menu-bar-item:hover > a, .main-navigation .menu-bar-item.sfHover > a{color:var(--surface-90);}button.menu-toggle:hover,button.menu-toggle:focus{color:var(--surface-70);}.main-navigation .main-nav ul li[class*="current-menu-"] > a{color:var(--surface-90);}.navigation-search input[type="search"],.navigation-search input[type="search"]:active, .navigation-search input[type="search"]:focus, .main-navigation .main-nav ul li.search-item.active > a, .main-navigation .menu-bar-items .search-item.active > a{color:var(--surface-90);}.main-navigation ul ul{background-color:var(--surface-10);}.main-navigation .main-nav ul ul li a{color:var(--surface-70);}.main-navigation .main-nav ul ul li:not([class*="current-menu-"]):hover > a,.main-navigation .main-nav ul ul li:not([class*="current-menu-"]):focus > a, .main-navigation .main-nav ul ul li.sfHover:not([class*="current-menu-"]) > a{color:var(--surface-90);}.main-navigation .main-nav ul ul li[class*="current-menu-"] > a{color:var(--surface-90);}.separate-containers .inside-article, .separate-containers .comments-area, .separate-containers .page-header, .one-container .container, .separate-containers .paging-navigation, .inside-page-header{color:var(--surface-90);background-color:var(--surface-0);}.entry-meta{color:var(--surface-70);}.entry-meta a{color:var(--primary-alt);}.entry-meta a:hover{color:var(--surface-90);}h3{color:var(--surface-90);}h4{color:var(--surface-90);}h5{color:var(--surface-90);}h6{color:var(--surface-90);}.sidebar .widget{background-color:var(--base-3);}.footer-widgets{background-color:var(--base-3);}.site-info{background-color:var(--base-3);}input[type="text"],input[type="email"],input[type="url"],input[type="password"],input[type="search"],input[type="tel"],input[type="number"],textarea,select{color:var(--base-dark);background-color:var(--base-lighter);border-color:var(--base-light);}input[type="text"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="password"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="number"]:focus,textarea:focus,select:focus{color:var(--base-darker);background-color:var(--base-lightest);border-color:var(--base-dark);}button,html input[type="button"],input[type="reset"],input[type="submit"],a.button,a.wp-block-button__link:not(.has-background){color:var(--surface-10);background-color:var(--primary);}button:hover,html input[type="button"]:hover,input[type="reset"]:hover,input[type="submit"]:hover,a.button:hover,button:focus,html input[type="button"]:focus,input[type="reset"]:focus,input[type="submit"]:focus,a.button:focus,a.wp-block-button__link:not(.has-background):active,a.wp-block-button__link:not(.has-background):focus,a.wp-block-button__link:not(.has-background):hover{color:var(--surface-0);background-color:var(--primary-alt);}a.generate-back-to-top{background-color:rgba( 0,0,0,0.4 );color:#ffffff;}a.generate-back-to-top:hover,a.generate-back-to-top:focus{background-color:rgba( 0,0,0,0.6 );color:#ffffff;}:root{--gp-search-modal-bg-color:var(--base-3);--gp-search-modal-text-color:var(--contrast);--gp-search-modal-overlay-bg-color:rgba(0,0,0,0.2);}@media (max-width: 1279px){.main-navigation .menu-bar-item:hover > a, .main-navigation .menu-bar-item.sfHover > a{background:none;color:var(--surface-70);}}.inside-header{padding:0px;}.nav-below-header .main-navigation .inside-navigation.grid-container, .nav-above-header .main-navigation .inside-navigation.grid-container{padding:0px 20px 0px 20px;}.separate-containers .inside-article, .separate-containers .comments-area, .separate-containers .page-header, .separate-containers .paging-navigation, .one-container .site-content, .inside-page-header{padding:0px;}.site-main .wp-block-group__inner-container{padding:0px;}.separate-containers .paging-navigation{padding-top:20px;padding-bottom:20px;}.entry-content .alignwide, body:not(.no-sidebar) .entry-content .alignfull{margin-left:-0px;width:calc(100% + 0px);max-width:calc(100% + 0px);}.one-container.right-sidebar .site-main,.one-container.both-right .site-main{margin-right:0px;}.one-container.left-sidebar .site-main,.one-container.both-left .site-main{margin-left:0px;}.one-container.both-sidebars .site-main{margin:0px;}.sidebar .widget, .page-header, .widget-area .main-navigation, .site-main > *{margin-bottom:0px;}.separate-containers .site-main{margin:0px;}.both-right .inside-left-sidebar,.both-left .inside-left-sidebar{margin-right:0px;}.both-right .inside-right-sidebar,.both-left .inside-right-sidebar{margin-left:0px;}.one-container.archive .post:not(:last-child):not(.is-loop-template-item), .one-container.blog .post:not(:last-child):not(.is-loop-template-item){padding-bottom:0px;}.separate-containers .featured-image{margin-top:0px;}.separate-containers .inside-right-sidebar, .separate-containers .inside-left-sidebar{margin-top:0px;margin-bottom:0px;}.rtl .menu-item-has-children .dropdown-menu-toggle{padding-left:20px;}.rtl .main-navigation .main-nav ul li.menu-item-has-children > a{padding-right:20px;}.widget-area .widget{padding:0px;}@media (max-width:768px){.separate-containers .inside-article, .separate-containers .comments-area, .separate-containers .page-header, .separate-containers .paging-navigation, .one-container .site-content, .inside-page-header{padding:0px;}.site-main .wp-block-group__inner-container{padding:0px;}.inside-top-bar{padding-right:30px;padding-left:30px;}.inside-header{padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.widget-area .widget{padding-top:30px;padding-right:30px;padding-bottom:30px;padding-left:30px;}.footer-widgets-container{padding-top:30px;padding-right:30px;padding-bottom:30px;padding-left:30px;}.inside-site-info{padding-right:30px;padding-left:30px;}.entry-content .alignwide, body:not(.no-sidebar) .entry-content .alignfull{margin-left:-0px;width:calc(100% + 0px);max-width:calc(100% + 0px);}.one-container .site-main .paging-navigation{margin-bottom:0px;}}.post-image:not(:first-child), .page-content:not(:first-child), .entry-content:not(:first-child), .entry-summary:not(:first-child), footer.entry-meta{margin-top:0em;}.post-image-above-header .inside-article div.featured-image, .post-image-above-header .inside-article div.post-image{margin-bottom:0em;}body {
padding-block: 0;
max-width: 1450px;
margin-inline: auto;
} #main {
min-height: 65vh;
} .inside-header {
padding-inline: 0px !important;
}
.site-header {
padding-inline: clamp(1rem, 0.848rem + 0.758vw, 1.5rem) !important;
padding-block: 1.5rem;
}
.site-content,
#content {
padding: 0px;
}  input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
filter: grayscale(100) opacity(0.3);
cursor: pointer;
} .wp-block-search {
border-radius: var(--radius-m);
overflow: hidden;
outline: 1px solid var(--surface-30);
box-shadow: 0px 0px 0px #00000010;
transition: all 250ms ease-in;
}
.wp-block-search__inside-wrapper {
border: none;
padding: 0;
}
.wp-block-search:focus-within {
outline: 1px solid var(--surface-30);
box-shadow: 0px 4px 10px #00000010;
}
.wp-block-search input {
border: none;
padding: 0px 1em;
border-radius: var(--radius-m);
outline: none;
}
.wp-block-search button {
background: var(--surface-20);
color: var(--surface-70);
padding: 10px 12px;
border-left: 1px solid var(--surface-30);
}
.wp-block-search button:hover {
background: var(--surface-30);
color: var(--surface-80);
} #site-navigation .menu-bar-item a {
padding-right: 0;
} .search-modal-fields button {
background: var(--surface-20) !important;
color: var(--surface-70) !important;
line-height: 1;
font-weight: 600;
border-left: 1px solid var(--surface-30);
padding: 10px 12px;
}
.search-modal-fields button:hover {
background: var(--surface-30) !important;
color: var(--surface-90) !important;
}
.search-modal-fields input {
background-color: white !important;
border-radius: var(--radius-m);
border: none;
padding: 0px 1em;
outline: none;
}
.search-modal-form {
color: var(--surface-80);
}
.search-modal-fields {
border-radius: var(--radius-m);
overflow: hidden;
outline: 1px solid var(--surface-30);
box-shadow: 0px 0px 0px #00000010;
transition: all 250ms ease-in;
background-color: var(--surface-0);
}
.search-modal-fields:focus-within {
outline: 1px solid var(--surface-30);
box-shadow: 0px 4px 10px #00000010;
}
.gp-search-modal .gp-modal__overlay {
background-color: #1f293399;
} .search-title-wrapper {
display: flex;
align-items: flex-start;
margin-top: 40px;
padding-top: 40px;
border-top: 1px solid var(--surface-30);
}
.search-for {
line-height: 1.4;
}
.search-title {
font-size: var(--fs-body);
text-transform: capitalize;
margin-left: 0.4em;
line-height: 1.4;
} .mobile-menu-control-wrapper .menu-toggle,
.mobile-menu-control-wrapper .menu-toggle:hover,
.mobile-menu-control-wrapper .menu-toggle:focus,
.has-inline-mobile-toggle #site-navigation.toggled {
background-color: transparent;
font-size: 1em;
} #generate-slideout-menu .slideout-menu {
padding-inline: 1.5rem;
}
#generate-slideout-menu .main-nav {
margin-bottom: 0;
}
#generate-slideout-menu .main-nav ul:not(.sub-menu) li a {
padding: 0rem;
font-size: 1rem;
}
#generate-slideout-menu .main-nav ul.sub-menu li a {
padding: 0.25rem 0rem;
}
#generate-slideout-menu .slideout-menu > li:not(:first-child) {
border-top: 1px solid var(--surface-30);
}
#generate-slideout-menu.main-navigation ul ul {
box-shadow: none;
padding-left: 1rem;
margin-bottom: 0.5rem;
}
#generate-slideout-menu.main-navigation ul ul > li {
padding-bottom: 0.75rem;
}
#generate-slideout-menu .nav-logo {
padding: 1.5rem;
}
#masthead .menu-item a {
font-size: 1.15rem;
}
#masthead .menu-item-has-children .dropdown-menu-toggle {
padding-right: 0;
}
#masthead a.nav-cta-button {
color: var(--surface-100);
}
@media (max-width: 1279px) {
#masthead .nav-cta-button {
margin-left: auto;
order: 2;
}
#mobile-menu-control-wrapper {
order: 3;
}
#site-navigation {
order: 4;
}
}
@media (min-width: 563px) {
#mobile-menu-control-wrapper {
margin-left: unset;
}
}
@media (max-width: 563px) {
#masthead a.nav-cta-button {
display: none;
}
}
#generate-slideout-menu .nav-cta-button {
width: 100%;
margin-inline: 20px;
color: var(--surface-100);
display: flex;
justify-content: center;
}
#generate-slideout-menu .book-online {
margin-inline: auto;
margin-top: var(--space-s);
font-size: var(--fs-body);
}
@media (max-width: 640px) {
.top-bar .email .gb-button-text,
.top-bar .telephone .gb-button-text {
display: none;
}
.top-bar .email::after {
content: "Email";
}
.top-bar .telephone::after {
content: "Telephone";
}
.top-bar .book-online .gb-icon {
display: none;
}
}
@media (max-width: 375px) {
.top-bar .email::after,
.top-bar .telephone::after {
content: "";
}
} #masthead .sub-menu {
border-radius: var(--radius-s);
box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px !important;
}
#masthead .sub-menu > li {
background: var(--surface-0);
border-radius: var(--radius-s);
}
.main-navigation .main-nav ul ul li[class*="current-menu-"] > a {
background-color: rgba(var(--primary-rgb), 0.05);
}
.main-navigation .main-nav ul ul li:hover > a,
.main-navigation .main-nav ul ul li:focus > a {
background-color: rgba(var(--primary-rgb), 0.15);
}
#masthead .sub-menu > li:first-child,
#masthead .sub-menu > li:first-child a {
border-top-right-radius: var(--radius-s);
border-top-left-radius: var(--radius-s);
}
#masthead .sub-menu > li:last-child,
#masthead .sub-menu > li:last-child a {
border-bottom-right-radius: var(--radius-s);
border-bottom-left-radius: var(--radius-s);
}
#masthead .sub-menu > li:not(:first-child) a:hover {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
#masthead .sub-menu > li:not(:last-child) a:hover {
border-top-right-radius: 0;
border-top-left-radius: 0;
}
#masthead .main-nav ul > li li.menu-item-has-children > a {
display: flex;
justify-content: space-between;
align-items: center;
padding-right: 10px;
}
.menu-item-has-children ul .dropdown-menu-toggle {
margin-top: 0;
padding-block: 0;
} .post-type-post .block-editor-block-list__layout,
.post-type-post .edit-post-visual-editor__post-title-wrapper .editor-post-title {
max-width: 768px;
margin-inline: auto;
} .post-password-form {
max-width: 768px;
padding: 8rem 0px;
margin-inline: auto;
text-align: center;
} .site-logo {
max-width: 200px;
}  .visually-hidden:not(:focus):not(:active) {
clip: rect(0 0 0 0);
clip-path: inset(50%);
height: 1px;
overflow: hidden;
position: absolute;
white-space: nowrap;
width: 1px;
} .line-limit-3,
.line-limit-2 {
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
}
.line-limit-3 {
-webkit-line-clamp: 3;
}
.line-limit-2 {
-webkit-line-clamp: 2;
} .aspect-16-9,
.aspect-9-16,
.aspect-4-3,
.aspect-1,
.aspect-square {
object-fit: cover;
}
.aspect-16-9 {
aspect-ratio: 16/9;
}
.aspect-9-16 {
aspect-ratio: 9/16;
}
.aspect-4-3 {
aspect-ratio: 4/3;
}
.aspect-1,
.aspect-square {
aspect-ratio: 1;
}
.position-right {
object-position: right;
} .no-ul,
.no-ul a {
text-decoration: none;
} :root {
--radius-xs: 0.25rem;
--radius-s: 0.5rem;
--radius-m: 1.25rem;
--radius-l: 1.5rem;
--radius-xl: 2rem;
--radius-xxl: 2.5rem;
--radius-50: 50%;
--radius-circle: 50%;
--radius-pill: 100vw;
} .clickable-parent {
position: relative;
}
.clickable-parent a::before {
content: "";
position: absolute;
inset: 0;
z-index: 1;
}
.clickable-parent:focus-within {
outline: -webkit-focus-ring-color auto 1px;
}
.clickable-parent:focus-within :focus {
box-shadow: none;
outline: none;
}
.clickable-parent:hover .card-button {
background-color: var(--primary-alt);
} :root { --headline-font: Poppins, sans-serif;
--body-font: Poppins, sans-serif;
--fs-body: clamp(1rem, calc(0.96rem + 0.21vw), 1.125rem);
--fs-headline-xl: clamp(3.05rem, calc(2.24rem + 4.08vw), 4.5rem);
--fs-headline-h1: clamp(2.44rem, calc(1.96rem + 2.41vw), 3.29rem);
--fs-headline-h2: clamp(1.95rem, calc(1.69rem + 1.33vw), 2.75rem);
--fs-headline-h3: clamp(1.56rem, calc(1.54rem + 0.64vw), 2.375rem);
--fs-headline-h4: clamp(1.37rem, calc(1.35rem + 0.21vw), 1.58rem);
--fs-headline-h5: clamp(1.25rem, calc(1.21rem + 0.21vw), 1.38rem);
--fs-headline-h6: clamp(1.25rem, calc(1.21rem + 0.21vw), 1.38rem);
--fs-headline-pre: clamp(0.97rem, calc(1.01rem + -0.05vw), 1rem);
--fs-headline-body-xl: clamp(1.27rem, calc(1.15rem + 0.59vw), 1.62rem);
--fs-headline-body-l: clamp(1.13rem, calc(1.05rem + 0.38vw), 1.35rem);
--fs-headline-body-s: clamp(0.89rem, calc(0.87rem + 0.08vw), 0.94rem);
--fs-headline-body-xs: clamp(0.78rem, calc(0.79rem + -0.01vw), 0.79rem);
--text-s: clamp(0.89rem, calc(0.87rem + 0.08vw), 0.94rem);
--text-xs: clamp(0.78rem, calc(0.79rem + -0.01vw), 0.79rem);
} p {
font-size: var(--fs-body);
font-weight: 400;
line-height: 1.5;
margin-bottom: 1.5rem;
font-family: var(--body-font);
} h1,
h2,
h3,
h4,
h5,
h6,
.gb-headline-xxl,
.gb-headline-xl,
.gb-headline-h1,
.gb-headline-h2,
.gb-headline-h3,
.gb-headline-h4,
.gb-headline-h5,
.gb-headline-h6 {
font-weight: 600;
margin-bottom: 0.5em;
font-family: var(--headline-font);
} .gb-headline-xl {
font-size: var(--fs-headline-xl);
line-height: 1.1;
font-weight: 700;
color: var(--primary-alt);
}
h1,
.gb-headline-h1 {
font-size: var(--fs-headline-h1);
line-height: 1.1;
font-weight: 700;
color: var(--primary-alt);
}
h2,
.gb-headline-h2 {
font-size: var(--fs-headline-h2);
line-height: 1.1;
color: var(--primary-alt);
font-weight: 700;
}
h3,
.gb-headline-h3 {
font-size: var(--fs-headline-h3);
line-height: 1.15;
font-weight: 600;
}
h4,
.gb-headline-h4 {
font-size: var(--fs-headline-h4);
line-height: 1.1;
}
h5,
.gb-headline-h5 {
font-size: 1.375rem;
font-size: var(--fs-headline-h5);
line-height: 1.25;
}
h6,
.gb-headline-h6 {
font-size: 1.25rem;
font-size: var(--fs-headline-h6);
line-height: 1.4;
color: var(--primary-alt);
}
.gb-headline-pre {
font-size: var(--fs-headline-pre);
text-transform: uppercase;
letter-spacing: 0.1em;
} .gb-headline-body-xl {
font-family: var(--body-font);
font-size: var(--fs-headline-body-xl);
}
.gb-headline-body-l {
font-family: var(--body-font);
font-size: var(--fs-headline-body-l);
}
.gb-headline-body-s {
font-family: var(--body-font);
font-size: var(--fs-headline-body-s);
}
.gb-headline-body-xs {
font-family: var(--body-font);
font-size: var(--fs-headline-body-xs);
} .single-post :is(h2, h3, h4, h5, h6) {
margin-top: 1.5em;
} .gb-button {
line-height: 1em;
} .gb-container p:last-child:last-of-type {
margin-bottom: 0px;
}
.block-editor-block-list__layout .gb-container p:nth-last-child(2) {
margin-bottom: 0px;
}  :root {
--space-inline: clamp(1rem, 0.848rem + 0.758vw, 1.5rem);
--space-xs: 1rem;
--space-s: clamp(1.5rem, 1.5rem + 0vw, 1.5rem);
--space-m: clamp(1.5rem, 1.197rem + 1.515vw, 2.5rem);
--space-d: clamp(3rem, 2.394rem + 3.03vw, 5rem);
--space-l: clamp(4.5rem, 3.591rem + 4.545vw, 7.5rem);
--space-xl: clamp(6rem, 4.788rem + 6.061vw, 10rem);
} .gb-container-section-xs {
padding: var(--space-xs) var(--space-inline);
}
.gb-container-section-s {
padding: var(--space-s) var(--space-inline);
}
.gb-container-section-m {
padding: var(--space-m) var(--space-inline);
}
.gb-container-section-d {
padding: var(--space-d) var(--space-inline);
}
.gb-container-section-l {
padding: var(--space-l) var(--space-inline);
}
.gb-container-section-xl {
padding: var(--space-xl) var(--space-inline);
} :root {
--width-m: 64rem;
--width-s: 48rem;
--width-xs: 40rem;
} .fluentform .frm-fluent-form input:not([type="submit"]),
.fluentform .frm-fluent-form textarea {
border-width: 1px;
border-radius: var(--radius-m);
border-color: var(--surface-30);
background-color: var(--surface-0);
}
.fluentform .frm-fluent-form input:not([type="submit"], [type="tel"]),
.fluentform .frm-fluent-form textarea {
padding: 12px 16px;
}
.fluentform .iti--show-flags .iti__selected-flag {
border-top-left-radius: var(--radius-m);
border-bottom-left-radius: var(--radius-m);
} .fluentform .ff-el-input--label.ff-el-is-required.asterisk-right label:after {
color: var(--primary);
}
.fluentform .ff-el-group {
margin-bottom: 15px;
}
.fluentform .frm-fluent-form input:not([type="submit"]):focus,
.fluentform .frm-fluent-form textarea:focus {
border-width: 1px;
border-color: var(--surface-70);
background-color: var(--surface-0);
box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
}
.fluentform .ff_t_c {
font-weight: 600;
text-transform: uppercase;
letter-spacing: 1px;
color: #666666;
padding-left: 5px;
padding-bottom: 16px;
}
.fluentform .ff-el-is-error .ff-el-form-control {
border: 1px solid var(--primary);
}
.fluentform .ff-el-is-error .text-danger {
font-size: 14px;
color: var(--surface-70);
}
.fluentform .ff-el-form-check-label .ff-el-form-check-input {
top: -1px;
}
.fluentform .frm-fluent-form .ff-el-input--label label {
font-size: 0.9rem;
color: var(--surface-70);
}
.fluentform .frm-fluent-form input::placeholder,
.fluentform .frm-fluent-form textarea::placeholder {
font-size: 16px;
font-weight: 400;
color: var(--surface-70);
}
.fluentform .frm-fluent-form button[type="submit"] {
font-size: 16px;
font-weight: 600;
color: var(--surface-90);
background-color: var(--primary);
padding: 1em 2.75em;
height: auto;
display: block;
margin-right: auto;
border-radius: var(--radius-m);
}
.fluentform .frm-fluent-form button[type="submit"]:hover {
color: var(--surface-0);
background-color: var(--primary-alt);
}
.fluentform .ff-el-form-control {
background: var(--surface-0);
}
.fluentform .ff-el-progress-bar {
color: var(--surface-90) !important;
background-color: var(--primary) !important;
} .ff_list_buttons .ff-el-input--content {
display: flex;
flex-wrap: wrap;
gap: 0rem 0.5rem;
}
.ff_list_buttons .ff-el-input--content .ff-el-form-check.ff_item_selected label > span {
background-color: var(--primary-alt) !important;
box-shadow: unset !important;
}
.ff_list_buttons .ff-el-input--content .ff-el-form-check.ff_item_selected label > span:hover {
color: var(--surface-30) !important;
}
.ff_list_buttons .ff-el-input--content .ff-el-form-check label > span {
border: 1px solid #dcdfe6 !important;
border-radius: 4px !important;
}
.ff_list_buttons .ff-el-input--content .ff-el-form-check label > span:hover {
color: var(--primary-alt) !important;
border-color: var(--primary-alt);
} .post-archive_hero-section h1 {
margin-bottom: 0;
}
.post-archive_grid-section .gb-grid-wrapper {
padding-left: 30px;
padding-right: 30px;
}
.post-archive_grid-section .gb-grid-column > .gb-container {
box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.2);
border-radius: 17px;
height: 100%;
position: relative;
transition: all 0.3s ease-in-out;
}
.post-archive_grid-section .gb-grid-column > .gb-container:hover {
box-shadow: 0px 10px 60px rgba(0, 0, 0, 0.4);
}
.post-archive_grid-section .header-container {
background-color: #12bab4;
display: flex;
align-items: center;
padding: 40px 40px;
border-radius: 17px;
height: 200px;
position: relative;
}
.post-archive_grid-section .header-container h2 a {
color: #fff;
font-size: 24px;
line-height: 38px;
max-width: 250px;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
position: relative;
z-index: 2;
text-decoration: none;
transition: all 0.4s ease-out;
}
.post-archive_grid-section .header-container h2 a:hover {
color: #feb425;
}
.post-archive_grid-section .header-container::after {
position: absolute;
content: "";
background-image: url(//southlondonheating.co.uk/wp-content/uploads/Logo-1.png);
background-size: cover;
width: 135px;
height: 125px;
image-rendering: -webkit-optimize-contrast;
top: 50%;
right: 20px;
z-index: 1;
transform: translateY(-50%);
}
.post-archive_grid-section .content-container {
padding: 50px 60px 100px;
text-align: center;
}
.post-archive_grid-section .content-container .post-date {
color: #12bab4;
font-size: 20px;
line-height: 160%;
font-style: italic;
font-weight: 500;
margin-bottom: 1rem !important;
}
.post-archive_grid-section .content-container .post-excerpt {
font-size: var(--fs-body);
font-weight: 400;
line-height: 1.5;
margin-bottom: 1.5rem;
font-family: var(--body-font);
margin-bottom: 1rem !important;
}
.post-archive_grid-section .content-container a.gb-button {
position: absolute;
bottom: 50px;
left: 50%;
transform: translateX(-50%);
white-space: nowrap;
}
.post-content-section .social-icons {
justify-content: center;
font-size: 24px;
}
@media (max-width: 1399px) {
.post-archive_grid-section .content-container {
padding: 50px 40px 100px;
}
}
@media (max-width: 767px) {
.post-archive_grid-section .content-container {
padding: 50px 20px 100px;
}
.post-archive_grid-section .post-archive_grid-section .gb-grid-wrapper {
padding-left: 20px;
padding-right: 20px;
}
.post-archive_hero-section .gb-grid-wrapper > .gb-grid-column {
width: 50% !important;
}
.post-archive_hero-section .gb-grid-wrapper > .gb-grid-column:first-child > .gb-container {
padding: 0 !important;
}
} :root {
--sidebar-primary: #12bab4;
--sidebar-secondary: #3e4c59;
}
.single-post .sidebar {
padding-left: 0 !important;
position: sticky;
top: 30px;
align-self: flex-start;
width: 30%;
}
.single-post .sidebar .widget_media_image img {
border-radius: 24px;
}
.single-post .sidebar .widget .search-field {
border-top-left-radius: 18px;
border-bottom-left-radius: 18px;
border-right: 0;
border-color: var(--sidebar-primary);
}
.single-post .sidebar .widget .search-submit {
border-top-right-radius: 18px;
border-bottom-right-radius: 18px; }
.single-post .blog_hero-section {
width: 100vw;
max-width: 1450px;
margin: 0;
}
.sidebar .widget_media_image {
margin-bottom: 1rem;
}
.sidebar a {
font-size: 1rem !important;
text-decoration: none !important;
}
.sidebar .sidebar-site-info h4 {
margin-top: 0 !important;
}
.sidebar .sidebar-site-info {
padding: 20px !important ;
padding-top: 20px !important;
padding-bottom: 60px !important;
border: 1px solid var(--sidebar-primary);
border-top-left-radius: 24px;
border-top-right-radius: 24px;
}
.sidebar .sidebar-site-info a:hover {
color: var(--sidebar-primary);
}
.sidebar-site-info li {
display: flex;
align-items: center;
gap: 0.5rem;
font-size: 1rem;
}
.sidebar-site-info li:last-child {
align-items: flex-start;
}
.sidebar-site-info li:last-child svg {
margin-top: 4px;
}
.sidebar-site-info li svg {
width: 20px;
height: 20px;
}
.sidebar .sidebar-address {
display: flex;
align-items: flex-start !important;
}
.sidebar .sidebar-address svg {
margin-top: 3px;
}
.sidebar .separator-container {
position: relative;
}
.sidebar .sidebar_separator {
display: flex;
justify-content: center;
background: #feb425;
position: absolute;
top: -15px;
width: 100%;
height: 30px;
}
.sidebar .circle_holder {
aspect-ratio: 1 / 1;
width: 70px;
background: #fff;
border-radius: 80%;
border: 3px solid var(--sidebar-primary);
position: absolute;
top: -24px;
text-align: center;
overflow: hidden;
padding: 5px;
box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);
}
.sidebar .image_holder {
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.sidebar .widget_recent_entries {
padding: 20px !important ;
padding-bottom: 60px !important;
background-color: var(--sidebar-primary);
margin-bottom: 30px !important;
border-bottom-left-radius: 24px;
border-bottom-right-radius: 24px;
}
.sidebar .widget_recent_entries h2 {
font-size: 24px;
color: #fff;
margin-bottom: 15px !important;
}
.sidebar .widget_recent_entries ul li {
display: flex;
flex-direction: column;
}
.sidebar .widget_recent_entries ul li:not(:last-child):after {
content: "";
display: block;
border-bottom: 1px solid #000;
margin: 15px 0;
}
.sidebar .widget_recent_entries ul li a,
.sidebar .widget_recent_entries ul li span {
color: #fff;
font-size: 1rem;
}
.sidebar .widget_recent_entries ul li span {
font-size: 14px;
}
.sidebar .widget_recent_entries ul li a {
font-weight: 700;
}
.sidebar .widget_recent_entries ul li a:hover {
color: #000;
}
.single-post .sidebar .et_pb_widget {
margin-bottom: 0;
}
.sidebar .widget_search {
margin-bottom: 30px !important;
}
.sidebar .widget_nav_menu h2 {
margin-bottom: 1rem;
font-size: 24px;
}
.sidebar .widget_nav_menu li { color: var(--sidebar-primary);
position: relative;
}
.sidebar .widget_nav_menu li a {
margin-left: 1rem;
}
.sidebar .widget_nav_menu li a:hover {
margin-bottom: 30px !important;
color: var(--sidebar-primary);
}
.sidebar .widget_nav_menu li::before {
content: "•";
position: absolute;
left: 0;
}
.quote-block {
text-align: center;
padding: 10px 0;
margin: 15px 0;
position: relative;
line-height: 0.2;
}
.quote-block::before {
content: "\201C";
position: absolute;
top: 40px;
left: 0;
bottom: 0;
font-size: 95px;
color: var(--sidebar-primary);
}
.quote-block p {
text-transform: uppercase;
font-size: 22px;
line-height: 26px;
margin: 0 40px;
border-top: 2px solid #000;
border-bottom: 2px solid #000;
padding: 10px 0 !important;
font-weight: 700;
color: var(--sidebar-primary);
}
.quote-block::after {
content: "\201D";
position: absolute;
right: 0;
bottom: 0;
font-size: 95px;
color: var(--sidebar-primary);
}
.single-post .cta_block {
background: var(--sidebar-primary);
padding: 15px; border-radius: 15px;
}
.cta_block .fluentform .frm-fluent-form button[type="submit"] {
background-color: #feb425;
width: 100%;
}
.cta_block .fluentform .frm-fluent-form button[type="submit"]:hover {
background-color: var(--sidebar-secondary);
border: 1px solid #fff;
}
.single-post .intro_text {
text-align: center;
margin-bottom: 20px;
}
.single-post .intro_text h3 {
color: #fff;
} .social_links.sticky_button {
position: fixed;
right: 0;
bottom: calc(35% - 50px);
display: flex;
z-index: 9999;
padding: 5px;
opacity: 1;
transition: opacity 1s;
}
.share_icons {
display: flex;
flex-direction: column;
}
.share_icons svg.bi.bi-facebook,
.share_icons svg.bi.bi-instagram,
.share_icons svg.bi.bi-linkedin,
.share_icons svg.bi.bi-twitter-x,
.share_icons svg.bi.bi-youtube,
.share_icons svg.bi.bi-whatsapp {
width: 25px;
height: 25px;
}
.share_icons svg.bi.bi-facebook {
fill: #fff;
}
.share_icons svg.bi.bi-instagram {
fill: #fff;
}
.share_icons svg.bi.bi-twitter-x {
fill: #fff;
}
.share_icons svg.bi.bi-linkedin {
fill: #fff;
}
.share_icons svg.bi.bi-whatsapp {
fill: #fff;
}
.share_icons svg.bi.bi-youtube {
fill: #fff;
}
.share_icons a.facebook,
.share_icons a.twitter,
.share_icons a.linkedin,
.share_icons a.youtube,
.share_icons a.instagram {
padding: 20px;
height: 65px;
margin-bottom: 5px;
}
.share_icons a.facebook:hover,
.share_icons a.twitter:hover,
.share_icons a.linkedin:hover,
.share_icons a.youtube:hover,
.share_icons a.instagram:hover {
opacity: 0.8;
}
.share_icons a.facebook {
background: #4c69c7;
}
.share_icons a.twitter {
background: #000;
}
.share_icons a.whatsapp {
background: #36b74d;
}
.share_icons a.instagram {
background: #f46f65;
}
.share_icons a.linkedin {
background: #0a66c2;
}
.share_icons a.youtube {
background: #cd201f;
} @media (max-width: 1000px) {
}
@media (max-width: 768px) {
.sidebar {
margin-right: 0 !important;
width: 100% !important;
}
.sidebar.widget-area .widget {
padding: 0 !important;
margin-inline: 30px !important;
}
.sidebar.widget-area .widget_recent_entries {
padding: 10px !important;
padding-bottom: 30px !important;
}
.sidebar .widget_recent_entries h2 { margin-top: 0;
padding-top: 2rem;
}
.single-post .et_pb_section,
.single-post .et_pb_row.et_pb_row_1 {
padding: 0 !important;
}
.share_icons a.facebook,
.share_icons a.twitter,
.share_icons a.instagram,
.share_icons a.youtube,
.share_icons a.linkedin {
padding: 15px;
height: 55px;
margin-bottom: 5px;
}
}
.single-post .et_pb_social_media_follow li a.icon {
height: 45px;
width: 45px;
display: flex;
justify-content: center;
align-items: center;
}
.et_pb_social_icon a.icon:before {
font-size: 1.5rem !important;
} .search-results .custom-index-category {
display: none;
}
.search-results .pagination {
padding-block: 1rem;
}
@media (min-width: 981px) {
.search #main-content .container:before {
content: "";
all: unset !important;
}
}
.search-no-results .entry {
margin-bottom: 1rem;
} .single-post .sidebar {
transition: all 0.3s ease-in-out; }
.single-post .sidebar:not(.stickyside) {
padding-top: 35rem;
}
.blog-container {
padding: 0 30px !important;
}
.post-content-section {
padding-left: 0 !important;
padding-right: 0 !important;
margin-right: 30px;
}
.blog_hero-section {
margin-left: -20px;
}
.postid-2852 #media_image-2,
.postid-2857 #media_image-2 {
display: none;
}
.postid-2852 .gb-grid-column.gb-grid-column-5fab0d0d,
.postid-2840 .gb-grid-column.gb-grid-column-5fab0d0d {
width: 100%;
}
@media (max-width: 1440px) {
.single-post .sidebar {
padding-right: 30px !important;
}
.single-post .site.grid-container {
overflow: hidden !important;
}
}
@media (max-width: 768px) {
.single-post .sidebar {
padding-right: 0px !important;
}
.post-content-section {
margin-right: 0;
}
.single-post .blog_hero-section {
width: 100% !important;
}
.single-post .sidebar .widget_media_image {
display: flex;
justify-content: center;
}
.gb-grid-wrapper-1fa78c71 > .gb-grid-column { }
} .postid-2857 .sidebar {
padding-top: 35rem !important;
}
.postid-2857 .sidebar {
top: -500px;
}
.postid-2840 .sidebar,
.postid-2852 .sidebar {
top: -300px;
}
@media (max-width: 1024px) {
.postid-2857 .sidebar {
top: -800px;
}
.postid-2857 .sidebar {
padding-top: 55rem !important;
}
}
@media (max-width: 767px) {
.post-content-section {
margin-right: 0;
}
.single-post .sidebar {
padding-top: 2rem !important;
}
.postid-2857 .blog_hero-section {
width: 100%;
}
.postid-2857 .sidebar {
padding-top: 2rem !important;
}
}