.gr-floating-header {
position: -webkit-sticky;
position: sticky;
top: 0;
z-index: 999;
background-color: #ffffff;
box-shadow: 0 2px 8px rgba(20, 37, 59, 0.08);
} .admin-bar .gr-floating-header {
top: 32px;
}
@media screen and (max-width: 782px) {
.admin-bar .gr-floating-header {
top: 46px;
}
} .gr-nav-extras {
display: flex;
align-items: center;
gap: 0.6rem;
}
.gr-quote-btn {
display: inline-block;
background-color: #F59E0B;
color: #14253B;
font-weight: 600;
padding: 0.5em 1em;
border-radius: 4px;
text-decoration: none;
line-height: 1.2;
white-space: nowrap;
}
.gr-quote-btn:hover,
.gr-quote-btn:focus {
background-color: #d98a06;
color: #14253B;
}
.gr-phone {
display: inline-flex;
align-items: center;
justify-content: center;
width: 2.4em;
height: 2.4em;
border-radius: 50%;
color: #0d4d2c;
border: 1px solid #E5E7EB;
text-decoration: none;
flex: 0 0 auto;
}
.gr-phone svg { fill: currentColor; display: block; } .main-navigation .gr-phone {
display: inline-flex;
align-items: center;
justify-content: center;
}
.gr-phone:hover,
.gr-phone:focus {
background-color: #0d4d2c;
color: #ffffff;
border-color: #0d4d2c;
} @media (min-width: 769px) {
.main-navigation .inside-navigation {
display: flex;
align-items: center;
}
.main-navigation .gr-nav-spacer { flex: 1 1 0; }
.main-navigation .main-nav { flex: 0 1 auto; }
.main-navigation .main-nav > ul {
display: flex;
justify-content: center;
}
.main-navigation .gr-nav-extras {
flex: 1 1 0;
justify-content: flex-end;
margin-right: 20px;
}
} @media (max-width: 768px) {
.main-navigation .gr-nav-spacer { display: none; }
.main-navigation .inside-navigation { position: relative; }
.main-navigation .gr-nav-extras {
position: absolute;
top: 50%;
right: 12px;
transform: translateY(-50%);
z-index: 5;
}
} @font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(//green-racks.com.au/wp-content/themes/generatepress-child/fonts/montserrat-400.woff2) format('woff2');
}
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(//green-racks.com.au/wp-content/themes/generatepress-child/fonts/montserrat-600.woff2) format('woff2');
}
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(//green-racks.com.au/wp-content/themes/generatepress-child/fonts/montserrat-700.woff2) format('woff2');
}
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 800;
font-display: swap;
src: url(//green-racks.com.au/wp-content/themes/generatepress-child/fonts/montserrat-800.woff2) format('woff2');
}
:root {
--gr-font-sans: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
} body,
button,
input,
select,
optgroup,
textarea,
.main-navigation .main-nav ul li a,
.menu-toggle,
.gr-quote-btn {
font-family: var(--gr-font-sans);
} h1, h2, h3, h4, h5, h6,
.entry-title,
.site-title {
font-family: var(--gr-font-sans);
font-weight: 700;
} .entry-title,
.page-header .entry-title,
h1.entry-title,
.site-main h1 {
font-size: clamp(2rem, 1.4rem + 2.4vw, 2.75rem);
font-weight: 800;
line-height: 1.15;
}
.entry-content h2,
.site-main h2 {
font-size: clamp(1.5rem, 1.2rem + 1.4vw, 2rem);
font-weight: 700;
line-height: 1.2;
} .main-navigation .main-nav ul li a {
font-size: 1.1rem;
font-weight: 600;
letter-spacing: 0.005em;
} :root {
--gr-green: #0BAF4F; --gr-green-dark: #0d4d2c; --gr-navy: #14253B; --gr-navy-2: #1d3354; --gr-amber: #F59E0B; --gr-border: #E5E7EB;
} body { background-color: #DDE2E7; }
a { color: var(--gr-green-dark); }
a:hover, a:focus { color: var(--gr-green); }
::selection { background-color: var(--gr-green); color: #ffffff; } h1, h2, h3, h4, h5, h6, .entry-title { color: var(--gr-navy); }
.site-title a { color: var(--gr-navy); }
.single .entry-title::after,
.page .entry-title::after {
content: "";
display: block;
width: 64px;
height: 4px;
margin-top: 0.45rem;
background-color: var(--gr-green);
border-radius: 2px;
} button:not(.menu-toggle),
.button,
input[type="submit"],
input[type="button"],
.wp-block-button__link,
.gb-button,
.wpforms-submit,
.wpcf7-submit {
background-color: var(--gr-green-dark);
color: #ffffff;
border-color: var(--gr-green-dark);
}
button:not(.menu-toggle):hover,
.button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
.wp-block-button__link:hover,
.gb-button:hover,
.wpforms-submit:hover,
.wpcf7-submit:hover {
background-color: var(--gr-green);
border-color: var(--gr-green);
color: #14253B;
} input:focus, textarea:focus, select:focus {
border-color: var(--gr-green);
box-shadow: 0 0 0 3px rgba(11, 175, 79, 0.18);
outline: none;
}
blockquote { border-left: 4px solid var(--gr-green); } #masthead.site-header { background-color: #ffffff; }
.gr-floating-header { border-bottom: 3px solid var(--gr-green); }
.gr-floating-header .main-navigation { background-color: var(--gr-navy); } .main-navigation .main-nav ul li a { color: #ffffff; }
.main-navigation .main-nav ul li a:hover,
.main-navigation .main-nav ul li a:focus,
.main-navigation .main-nav ul li[class*="current-menu"] > a {
color: var(--gr-green);
}
.main-navigation .menu-toggle,
.main-navigation .menu-toggle .mobile-menu {
background-color: transparent;
color: #ffffff;
} .main-navigation .main-nav ul ul { background-color: var(--gr-navy-2); }
.main-navigation .main-nav ul ul li a { color: #ffffff; }
.main-navigation .main-nav ul ul li a:hover,
.main-navigation .main-nav ul ul li[class*="current-menu"] > a {
color: var(--gr-green);
background-color: rgba(255, 255, 255, 0.05);
} .gr-phone {
color: #ffffff;
border-color: rgba(255, 255, 255, 0.45);
}
.gr-phone:hover, .gr-phone:focus {
background-color: var(--gr-green);
border-color: var(--gr-green);
color: #14253B;
} .site-footer,
.footer-widgets,
.site-info,
.inside-site-info {
background-color: var(--gr-navy);
color: rgba(255, 255, 255, 0.85);
}
.footer-widgets .widget-title { color: #ffffff; }
.site-footer a, .footer-widgets a, .site-info a { color: #ffffff; }
.site-footer a:hover, .footer-widgets a:hover, .site-info a:hover { color: var(--gr-green); } :root { --accent: #0d4d2c; }
.has-accent-color { color: #0d4d2c !important; }
.has-accent-background-color { background-color: #0d4d2c !important; }
.has-accent-border-color { border-color: #0d4d2c !important; } @media (max-width: 768px) { .gr-floating-header .site-logo img.header-image {
max-height: 48px;
width: auto;
height: auto;
}
.gr-floating-header .inside-header,
.gr-floating-header .site-branding-container {
padding-top: 8px;
padding-bottom: 8px;
}
.gr-floating-header .site-title {
font-size: 1.3rem;
line-height: 1.15;
} .main-navigation .menu-toggle {
text-align: left;
justify-content: flex-start;
padding-left: 20px;
}
.main-navigation .gr-nav-extras {
right: 10px;
gap: 0.4rem;
}
.gr-quote-btn {
padding: 0.45em 0.7em;
font-size: 0.9rem;
}
.gr-phone {
width: 2.1em;
height: 2.1em;
} .site-main h2,
.entry-content h2 {
font-size: clamp(1.55rem, 6vw, 2.3rem) !important;
line-height: 1.2 !important;
word-break: normal;
}
.site-main h3[style*="font-size:2.5rem"],
.site-main h3[style*="font-size:2.3rem"],
.entry-content h3[style*="font-size:2.5rem"],
.entry-content h3[style*="font-size:2.3rem"] {
font-size: clamp(1.3rem, 5vw, 1.75rem) !important;
line-height: 1.25 !important;
}
.rank-math-question {
font-size: 1.2rem !important;
line-height: 1.3 !important;
}
} @media (max-width: 768px) {
.entry-content .wp-block-group__inner-container {
padding-left: 0 !important;
padding-right: 0 !important;
}
.entry-content .wp-block-group.alignfull,
.entry-content > .wp-block-group {
padding-left: 18px !important;
padding-right: 18px !important;
}
} @media (max-width: 768px) {
.main-navigation .gr-nav-extras {
top: 0;
height: 60px;
transform: none;
}
} .page-id-13 .wp-block-columns:not(.alignwide):has(> .wp-block-column > .wp-block-group.has-border-color) {
display: grid;
grid-template-columns: 1fr; gap: 24px;
}
@media (min-width: 768px) {
.page-id-13 .wp-block-columns:not(.alignwide):has(> .wp-block-column > .wp-block-group.has-border-color) {
grid-template-columns: repeat(2, 1fr); }
}
@media (min-width: 1200px) {
.page-id-13 .wp-block-columns:not(.alignwide):has(> .wp-block-column > .wp-block-group.has-border-color) {
grid-template-columns: repeat(4, 1fr); }
} .page-id-13 .wp-block-columns:not(.alignwide):has(> .wp-block-column > .wp-block-group.has-border-color) > .wp-block-column {
display: flex;
margin: 0;
min-width: 0;
} .page-id-13 .wp-block-columns:not(.alignwide):has(> .wp-block-column > .wp-block-group.has-border-color) > .wp-block-column > .wp-block-group.has-border-color {
display: flex;
flex-direction: column;
width: 100%;
padding: 24px !important; } .page-id-13 .wp-block-columns:not(.alignwide):has(> .wp-block-column > .wp-block-group.has-border-color) .wp-block-group__inner-container {
display: flex;
flex-direction: column;
flex: 1 1 auto;
width: 100%;
padding: 0 !important; } .page-id-13 .wp-block-columns:not(.alignwide):has(> .wp-block-column > .wp-block-group.has-border-color) .wp-block-group__inner-container > p:last-child {
margin-top: auto !important;
} .page-id-13 .wp-block-columns:not(.alignwide):has(> .wp-block-column > .wp-block-group.has-border-color) h3.wp-block-heading {
overflow-wrap: normal;
word-wrap: normal;
word-break: normal;
hyphens: none;
line-height: 1.3;
} .page-id-13 .wp-block-columns:not(.alignwide):has(> .wp-block-column > .wp-block-group.has-border-color) .wp-block-group__inner-container > p {
overflow-wrap: normal;
word-wrap: normal;
word-break: normal;
line-height: 1.6 !important; } .gr-cards {
display: grid !important; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)) !important;
gap: 24px !important;
} .gr-cards > .wp-block-column {
display: flex;
flex-direction: column;
margin: 0;
min-width: 0;
} .gr-cards > .wp-block-column > .wp-block-group {
flex: 1 1 auto;
display: flex;
flex-direction: column;
width: 100%;
padding: 24px !important; } .gr-cards .wp-block-group__inner-container {
display: flex;
flex-direction: column;
flex: 1 1 auto;
width: 100%;
padding: 0 !important;
} .gr-cards .wp-block-group__inner-container > .wp-block-buttons:last-child,
.gr-cards > .wp-block-column > .wp-block-buttons:last-child {
margin-top: auto !important;
} .gr-cards :is(h1, h2, h3, h4, h5, h6, p, li, ul, ol, a) {
overflow-wrap: normal;
word-wrap: normal;
word-break: normal;
hyphens: none;
}
.gr-cards :is(h2, h3, h4, h5, h6) {
line-height: 1.3;
}
.gr-cards :is(p, li) {
line-height: 1.6;
}  .gr-buynow .wp-block-button__link {
background-color: var(--gr-amber);
color: #14253B;
border-color: var(--gr-amber);
}
.gr-buynow .wp-block-button__link:hover,
.gr-buynow .wp-block-button__link:focus {
background-color: #d97706;
border-color: #d97706;
color: #14253B;
} @media (max-width: 768px) {
.gr-buynow,
.gr-buynow .wp-block-button__link {
width: 100%;
text-align: center;
}
} .gr-wp-details {
border: 1px solid var(--gr-border);
border-radius: 8px;
background-color: #F6F7F8;
margin: 0.25rem 0 1rem;
overflow: hidden;
}
.gr-wp-details > summary {
cursor: pointer;
list-style: none;
padding: 0.7rem 2rem 0.7rem 0.9rem;
position: relative;
font-size: 0.88rem;
font-weight: 600;
color: var(--gr-green-dark);
line-height: 1.4;
}
.gr-wp-details > summary::-webkit-details-marker { display: none; }
.gr-wp-details > summary::after {
content: "";
position: absolute;
right: 0.9rem;
top: 50%;
width: 0.5rem;
height: 0.5rem;
margin-top: -0.35rem;
border-right: 2px solid var(--gr-green-dark);
border-bottom: 2px solid var(--gr-green-dark);
transform: rotate(45deg);
transition: transform 0.15s ease;
}
.gr-wp-details[open] > summary::after {
transform: rotate(-135deg);
margin-top: -0.1rem;
}
.gr-wp-details[open] > summary { border-bottom: 1px solid var(--gr-border); }
.gr-wp-details > summary:focus-visible {
outline: 2px solid var(--gr-green);
outline-offset: 2px;
}
.gr-wp-details__body { padding: 0.75rem 0.9rem 0.9rem; }
.gr-wp-details__body ul {
margin: 0;
padding-left: 1.1rem;
font-size: 0.86rem;
line-height: 1.6;
color: #374151;
}
.gr-wp-details__body li { margin: 0.15rem 0; }
.gr-wp-details__lead {
margin: 0 0 0.5rem;
font-size: 0.84rem;
color: #4b5563;
font-style: italic;
}
.gr-wp-details__not {
margin: 0.6rem 0 0;
font-size: 0.8rem;
line-height: 1.5;
color: #4b5563;
} :root { --gr-ink: #17212B; --gr-primary: #1E9E4A; --gr-mist: #EAF1EC; } .gr-floating-header {
background-color: #ffffff;
border-bottom: 2px solid var(--gr-primary);
box-shadow: 0 1px 6px rgba(23, 33, 43, 0.06);
}
#masthead.site-header { background-color: #ffffff; }
.gr-floating-header .main-navigation { background-color: transparent !important; } .site-branding { display: none !important; } .gr-floating-header {
display: flex;
align-items: center;
justify-content: space-between;
padding-left: 24px;
padding-right: 24px;
column-gap: 1rem;
}
.gr-floating-header > #masthead { flex: 0 0 auto; }
.gr-floating-header > .main-navigation { flex: 1 1 auto; min-width: 0; }
.gr-floating-header .inside-header {
display: flex;
align-items: center;
padding-top: 12px; padding-bottom: 12px;
}
.gr-floating-header .site-branding-container { margin: 0; padding: 0; }
.gr-floating-header .site-logo { display: flex; align-items: center; line-height: 0; } .gr-floating-header .site-logo img,
.gr-floating-header img.header-image,
.gr-floating-header .custom-logo {
height: 40px !important;
width: auto !important;
max-width: none !important;
max-height: none !important;
display: block;
transition: height 0.18s ease;
} .gr-floating-header .main-navigation .inside-navigation.grid-container {
max-width: none;
padding: 0;
} .main-navigation .main-nav ul li a { color: var(--gr-ink) !important; }
.main-navigation .main-nav ul li a:hover,
.main-navigation .main-nav ul li a:focus,
.main-navigation .main-nav ul li[class*="current-menu"] > a { color: var(--gr-primary) !important; }
.main-navigation .menu-toggle,
.main-navigation .menu-toggle .mobile-menu,
.main-navigation .menu-toggle .gp-icon { color: var(--gr-ink) !important; } .main-navigation .main-nav ul ul {
background-color: #ffffff !important; border: 1px solid #E5E7EB;
box-shadow: 0 6px 18px rgba(23, 33, 43, 0.10);
}
.main-navigation .main-nav ul ul li a { color: var(--gr-ink) !important; }
.main-navigation .main-nav ul ul li a:hover,
.main-navigation .main-nav ul ul li a:focus,
.main-navigation .main-nav ul ul li[class*="current-menu"] > a {
color: var(--gr-primary) !important;
background-color: var(--gr-mist) !important;
} #content.site-content, .site-content { margin-top: 0 !important; } @media (min-width: 769px) {
.gr-floating-header .main-navigation .inside-navigation {
display: flex;
align-items: center;
justify-content: flex-end;
gap: 1.5rem;
}
.main-navigation .gr-nav-spacer { display: none !important; }
.main-navigation .main-nav { flex: 0 1 auto; }
.main-navigation .main-nav > ul { display: flex; justify-content: flex-end; }
.main-navigation .gr-nav-extras { flex: 0 0 auto; margin-right: 0; } .gr-floating-header .main-nav ul li a { padding-top: 10px; padding-bottom: 10px; line-height: 1.2; }
.gr-floating-header.gr-shrink .main-nav ul li a { padding-top: 6px; padding-bottom: 6px; }
.gr-floating-header.gr-shrink .gr-quote-btn { padding-top: 0.3em; padding-bottom: 0.3em; }
.gr-floating-header.gr-shrink .gr-phone { width: 2em; height: 2em; }
} .gr-floating-header .inside-header { transition: padding 0.18s ease; }
.gr-floating-header.gr-shrink .inside-header { padding-top: 8px; padding-bottom: 8px; }
.gr-floating-header.gr-shrink .site-logo img,
.gr-floating-header.gr-shrink img.header-image,
.gr-floating-header.gr-shrink .custom-logo { height: 32px !important; } @media (max-width: 768px) {
.gr-floating-header { padding-left: 16px; padding-right: 16px; align-items: center; }
.gr-floating-header .inside-header { padding-top: 6px; padding-bottom: 6px; }
.gr-floating-header .site-branding-container { padding: 0 !important; margin: 0 !important; }
.gr-floating-header .main-navigation { padding-top: 0 !important; padding-bottom: 0 !important; }
.gr-floating-header .main-navigation .inside-navigation.grid-container { padding-top: 0 !important; padding-bottom: 0 !important; }
.gr-nav-extras .gr-quote-btn { padding: 0.4em 0.7em; font-size: 0.9rem; }
.gr-floating-header .site-logo { width: 46px; height: 40px; overflow: hidden; }
.gr-floating-header .site-logo img,
.gr-floating-header img.header-image,
.gr-floating-header .custom-logo { height: 40px !important; width: auto !important; max-width: none !important; }
.gr-floating-header.gr-shrink .site-logo { height: 34px; }
.gr-floating-header.gr-shrink .site-logo img,
.gr-floating-header.gr-shrink img.header-image,
.gr-floating-header.gr-shrink .custom-logo { height: 34px !important; } .gr-floating-header > .main-navigation { flex: 0 0 auto; min-width: 0; }
.gr-floating-header .main-navigation .inside-navigation {
display: flex;
flex-wrap: nowrap;
align-items: center;
justify-content: flex-end;
gap: 0.5rem;
position: static;
}
.main-navigation .gr-nav-spacer { display: none !important; }
.main-navigation .gr-nav-extras {
position: static !important;
transform: none !important;
top: auto !important;
right: auto !important;
height: auto !important;
margin: 0 !important;
gap: 0.4rem;
flex: 0 0 auto;
} .main-navigation .menu-toggle {
position: static;
display: inline-flex;
align-items: center;
justify-content: center;
width: 44px;
min-width: 44px;
height: 44px;
min-height: 44px;
padding: 0;
flex: 0 0 auto;
order: 3;
}
.main-navigation .menu-toggle .mobile-menu { display: none; } .main-navigation { position: static; }
.main-navigation.toggled .main-nav {
position: absolute;
left: 0;
right: 0;
top: 100%;
background-color: #ffffff;
border-top: 1px solid #E5E7EB;
box-shadow: 0 8px 18px rgba(23, 33, 43, 0.12);
z-index: 60;
}
.main-navigation.toggled .main-nav ul li a { color: var(--gr-ink) !important; }
} :root { --gr-deep: #0E7A38; --gr-lime: #3FD07A; --gr-slate: #64748B; }  .entry-content .wp-block-group.alignfull.has-background[style*="background-color:#DDE2E7"] {
background: linear-gradient(180deg, #EAF1EC 0%, #F5F9F6 100%) !important;
}
.entry-content .wp-block-group.has-background[style*="background-color:#DDE2E7"]:not(.alignfull) {
background-color: #EAF1EC !important;
}
.entry-content .wp-block-group.alignfull.has-background[style*="background-color:#14253B"] {
background: linear-gradient(157deg, #17212B 0%, #0f1a22 100%) !important;
}
.entry-content .wp-block-group.alignfull.has-background[style*="background-color:#0d4d2c"] {
background: linear-gradient(118deg, #0E7A38 0%, #1E9E4A 100%) !important;
} .entry-content .wp-block-group.alignfull.has-background[style*="background-color:#ffffff"] + .wp-block-group.alignfull.has-background[style*="background-color:#ffffff"] {
border-top: 1px solid #E9EEF0;
} .entry-content .wp-block-group.has-border-color.has-background {
box-shadow: 0 1px 2px rgba(23, 33, 43, 0.05), 0 10px 28px rgba(23, 33, 43, 0.05);
transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
}
.entry-content .wp-block-group.has-border-color.has-background:hover {
transform: translateY(-4px);
box-shadow: 0 4px 10px rgba(23, 33, 43, 0.08), 0 20px 44px rgba(23, 33, 43, 0.10);
border-color: var(--gr-primary) !important;
} @media (prefers-reduced-motion: no-preference) {
html.gr-motion .entry-content .wp-block-group.alignfull > .wp-block-group,
html.gr-motion .entry-content .wp-block-group.alignfull > .wp-block-columns {
opacity: 0;
transform: translateY(20px);
transition: opacity 0.7s cubic-bezier(0.2, 0.6, 0.2, 1), transform 0.7s cubic-bezier(0.2, 0.6, 0.2, 1);
will-change: opacity, transform;
}
html.gr-motion .entry-content .wp-block-group.alignfull > .wp-block-group.gr-in,
html.gr-motion .entry-content .wp-block-group.alignfull > .wp-block-columns.gr-in {
opacity: 1;
transform: none;
}
} .gr-quote-btn,
.gr-quote-btn:link,
.gr-quote-btn:visited { background-color: #0E7A38 !important; color: #ffffff !important; }
.gr-quote-btn:hover,
.gr-quote-btn:focus { background-color: #0d4d2c !important; color: #ffffff !important; }
.wp-block-button__link[style*="background-color:#F59E0B"] {
background-color: #0E7A38 !important;
color: #ffffff !important;
border-color: #0E7A38 !important;
}
.wp-block-button__link[style*="background-color:#F59E0B"]:hover,
.wp-block-button__link[style*="background-color:#F59E0B"]:focus {
background-color: #0d4d2c !important;
color: #ffffff !important;
}
.gr-buynow .wp-block-button__link {
background-color: #0E7A38 !important;
color: #ffffff !important;
border-color: #0E7A38 !important;
}
.gr-buynow .wp-block-button__link:hover,
.gr-buynow .wp-block-button__link:focus {
background-color: #0d4d2c !important;
color: #ffffff !important;
} @media (min-width: 769px) {
.gr-floating-header .main-navigation .inside-navigation {
display: flex !important;
flex-flow: row nowrap !important;
align-items: center !important;
justify-content: flex-end !important;
gap: 1.5rem;
}
.gr-floating-header .main-navigation .inside-navigation > .main-nav {
order: 1;
flex: 0 1 auto !important;
float: none !important;
width: auto !important;
}
.gr-floating-header .main-navigation .inside-navigation > .gr-nav-extras {
order: 2;
flex: 0 0 auto !important;
display: flex !important;
float: none !important;
}
.gr-floating-header .main-navigation .inside-navigation > .main-nav > ul {
display: flex !important;
flex-wrap: nowrap !important;
align-items: center !important;
}
} .entry-content .wp-block-group.alignfull[style*="background-color:#0d4d2c"] .wp-block-button__link:not([style*="background-color:transparent"]),
.entry-content .wp-block-group.alignfull[style*="background-color:#0e7a38"] .wp-block-button__link:not([style*="background-color:transparent"]),
.entry-content .wp-block-group.alignfull[style*="background-color:#14253B"] .wp-block-button__link:not([style*="background-color:transparent"]) {
background-color: #ffffff !important;
color: #0E7A38 !important;
border-color: #ffffff !important;
}
.entry-content .wp-block-group.alignfull[style*="background-color:#0d4d2c"] .wp-block-button__link:not([style*="background-color:transparent"]):hover,
.entry-content .wp-block-group.alignfull[style*="background-color:#0e7a38"] .wp-block-button__link:not([style*="background-color:transparent"]):hover,
.entry-content .wp-block-group.alignfull[style*="background-color:#14253B"] .wp-block-button__link:not([style*="background-color:transparent"]):hover {
background-color: #EAF1EC !important;
color: #0d4d2c !important;
} .entry-content .wp-block-group.alignfull[style*="background-color:#0d4d2c"] .wp-block-button__link[style*="background-color:transparent"],
.entry-content .wp-block-group.alignfull[style*="background-color:#14253B"] .wp-block-button__link[style*="background-color:transparent"] {
background-color: transparent !important;
color: #ffffff !important;
border-color: #ffffff !important;
}
.entry-content .wp-block-group.alignfull[style*="background-color:#0d4d2c"] .wp-block-button__link[style*="background-color:transparent"]:hover,
.entry-content .wp-block-group.alignfull[style*="background-color:#14253B"] .wp-block-button__link[style*="background-color:transparent"]:hover {
background-color: rgba(255, 255, 255, 0.14) !important;
color: #ffffff !important;
}
.gr-floating-header .main-nav ul li a{white-space:nowrap;} @media (min-width: 769px) {
.gr-floating-header .main-nav ul li a { font-size: 1rem !important; padding-left: 0.55rem !important; padding-right: 0.55rem !important; letter-spacing: 0 !important; }
.gr-floating-header .main-navigation .inside-navigation { gap: 1rem !important; }
.gr-floating-header .gr-nav-extras { gap: 0.5rem; }
.gr-floating-header .gr-quote-btn { padding: 0.45em 0.85em; font-size: 0.95rem; }
} @media (max-width: 1100px) { .gr-floating-header .main-navigation .menu-toggle {
display: inline-flex !important;
align-items: center;
justify-content: center;
width: 44px; min-width: 44px; height: 44px; min-height: 44px;
padding: 0;
order: 3;
}
.gr-floating-header .main-navigation .menu-toggle .mobile-menu { display: none !important; }
.gr-floating-header .main-navigation:not(.toggled) #primary-menu.main-nav > ul { display: none !important; } .gr-floating-header .main-navigation .inside-navigation {
display: flex !important;
flex-flow: row nowrap !important;
align-items: center !important;
justify-content: flex-end !important;
gap: 0.5rem !important;
position: static !important;
}
.gr-floating-header > .main-navigation { flex: 0 0 auto !important; }
.gr-floating-header .main-navigation .gr-nav-extras {
position: static !important; transform: none !important;
top: auto !important; right: auto !important; height: auto !important; margin: 0 !important;
flex: 0 0 auto;
} .gr-floating-header .site-logo { width: 46px; height: 40px; overflow: hidden; }
.gr-floating-header .site-logo img,
.gr-floating-header img.header-image,
.gr-floating-header .custom-logo { height: 40px !important; width: auto !important; max-width: none !important; } .gr-floating-header .main-navigation { position: static !important; }
.gr-floating-header .main-navigation.toggled #primary-menu.main-nav {
position: absolute !important;
left: 0; right: 0; top: 100%;
background: #ffffff !important;
border-top: 1px solid #E5E7EB;
box-shadow: 0 8px 18px rgba(23, 33, 43, 0.12);
z-index: 60;
}
.gr-floating-header .main-navigation.toggled #primary-menu.main-nav > ul { display: block !important; }
.gr-floating-header .main-navigation.toggled .main-nav ul li a { color: #17212B !important; }
} .entry-content .wp-block-group.alignfull.has-background[style*="background-color:#ffffff"]:has(.wp-block-group.has-border-color.has-background) {
background: linear-gradient(180deg, #D5E5D9 0%, #E4EFE7 100%) !important;
}
.entry-content .wp-block-group.has-border-color.has-background {
background-color: #ffffff !important;
} body.page-id-13 .entry-content .wp-block-group.alignfull:first-of-type {
background-color: #ffffff !important;
background-image:
linear-gradient(90deg, rgba(255,255,255,0.93) 0%, rgba(255,255,255,0.88) 42%, rgba(255,255,255,0.66) 100%),
url(//green-racks.com.au/wp-content/uploads/2026/07/backroung-image.png) !important;
background-repeat: no-repeat, no-repeat !important;
background-position: center right, center right !important;
background-size: cover, cover !important;
}
@media (max-width: 768px) { body.page-id-13 .entry-content .wp-block-group.alignfull:first-of-type {
background-image:
linear-gradient(180deg, rgba(255,255,255,0.90) 0%, rgba(255,255,255,0.86) 100%),
url(//green-racks.com.au/wp-content/uploads/2026/07/backroung-image.png) !important;
background-position: center, center !important;
}
} body.page-id-23 .entry-content .wp-block-group.alignfull:first-of-type,
body.page-id-128 .entry-content .wp-block-group.alignfull:first-of-type,
body.page-id-114 .entry-content .wp-block-group.alignfull:first-of-type,
body.page-id-25 .entry-content .wp-block-group.alignfull:first-of-type {
background-color: #ffffff !important;
background-image:
linear-gradient(90deg, rgba(255,255,255,0.93) 0%, rgba(255,255,255,0.88) 42%, rgba(255,255,255,0.66) 100%),
url(//green-racks.com.au/wp-content/uploads/2026/07/backroung-image.png) !important;
background-repeat: no-repeat, no-repeat !important;
background-position: center right, center right !important;
background-size: cover, cover !important;
}
@media (max-width: 768px) {
body.page-id-23 .entry-content .wp-block-group.alignfull:first-of-type,
body.page-id-128 .entry-content .wp-block-group.alignfull:first-of-type,
body.page-id-114 .entry-content .wp-block-group.alignfull:first-of-type,
body.page-id-25 .entry-content .wp-block-group.alignfull:first-of-type {
background-image:
linear-gradient(180deg, rgba(255,255,255,0.90) 0%, rgba(255,255,255,0.86) 100%),
url(//green-racks.com.au/wp-content/uploads/2026/07/backroung-image.png) !important;
background-position: center, center !important;
}
} @media (max-width: 1100px) {
.gr-floating-header .main-navigation.toggled #primary-menu.main-nav ul ul.sub-menu {
display: block !important;
position: static !important;
left: auto !important;
right: auto !important;
top: auto !important;
width: 100% !important;
min-width: 0 !important;
opacity: 1 !important;
visibility: visible !important;
transform: none !important;
pointer-events: auto !important;
box-shadow: none !important;
border: 0 !important;
background: #F3F6F4 !important;
}
.gr-floating-header .main-navigation.toggled #primary-menu.main-nav ul ul.sub-menu li a {
padding-left: 2.5rem !important;
font-size: 0.95rem !important;
color: #17212B !important;
}
.gr-floating-header .main-navigation.toggled .dropdown-menu-toggle {
display: none !important;
}
}.comment-content a{word-wrap:break-word}.bypostauthor{display:block}.comment,.comment-list{list-style-type:none;padding:0;margin:0}.comment-author-info{display:inline-block;vertical-align:middle}.comment-meta .avatar{float:left;margin-right:10px;border-radius:50%}.comment-author cite{font-style:normal;font-weight:700}.entry-meta.comment-metadata{margin-top:0}.comment-content{margin-top:1.5em}.comment-respond{margin-top:0}.comment-form>.form-submit{margin-bottom:0}.comment-form input,.comment-form-comment{margin-bottom:10px}.comment-form-comment textarea{resize:vertical}.comment-form #author,.comment-form #email,.comment-form #url{display:block}.comment-metadata .edit-link:before{display:none}.comment-body{padding:30px 0}.comment-content{padding:30px;border:1px solid rgba(0,0,0,.05)}.depth-1.parent>.children{border-bottom:1px solid rgba(0,0,0,.05)}.comment .children{padding-left:30px;margin-top:-30px;border-left:1px solid rgba(0,0,0,.05)}.pingback .comment-body,.trackback .comment-body{border-bottom:1px solid rgba(0,0,0,.05)}.pingback .edit-link{font-size:13px}.comment-content p:last-child{margin-bottom:0}.comment-list>.comment:first-child{padding-top:0;margin-top:0;border-top:0}ol.comment-list{margin-bottom:1.5em}.comment-form-cookies-consent{display:flex;align-items:center}.comment-form-cookies-consent input{margin-right:.5em;margin-bottom:0}.one-container .comments-area{margin-top:1.5em}.comment-content .reply{font-size:85%}#cancel-comment-reply-link{padding-left:10px}.gr-floating-header {
position: -webkit-sticky;
position: sticky;
top: 0;
z-index: 999;
background-color: #ffffff;
box-shadow: 0 2px 8px rgba(20, 37, 59, 0.08);
} .admin-bar .gr-floating-header {
top: 32px;
}
@media screen and (max-width: 782px) {
.admin-bar .gr-floating-header {
top: 46px;
}
} .gr-nav-extras {
display: flex;
align-items: center;
gap: 0.6rem;
}
.gr-quote-btn {
display: inline-block;
background-color: #F59E0B;
color: #14253B;
font-weight: 600;
padding: 0.5em 1em;
border-radius: 4px;
text-decoration: none;
line-height: 1.2;
white-space: nowrap;
}
.gr-quote-btn:hover,
.gr-quote-btn:focus {
background-color: #d98a06;
color: #14253B;
}
.gr-phone {
display: inline-flex;
align-items: center;
justify-content: center;
width: 2.4em;
height: 2.4em;
border-radius: 50%;
color: #0d4d2c;
border: 1px solid #E5E7EB;
text-decoration: none;
flex: 0 0 auto;
}
.gr-phone svg { fill: currentColor; display: block; } .main-navigation .gr-phone {
display: inline-flex;
align-items: center;
justify-content: center;
}
.gr-phone:hover,
.gr-phone:focus {
background-color: #0d4d2c;
color: #ffffff;
border-color: #0d4d2c;
} @media (min-width: 769px) {
.main-navigation .inside-navigation {
display: flex;
align-items: center;
}
.main-navigation .gr-nav-spacer { flex: 1 1 0; }
.main-navigation .main-nav { flex: 0 1 auto; }
.main-navigation .main-nav > ul {
display: flex;
justify-content: center;
}
.main-navigation .gr-nav-extras {
flex: 1 1 0;
justify-content: flex-end;
margin-right: 20px;
}
} @media (max-width: 768px) {
.main-navigation .gr-nav-spacer { display: none; }
.main-navigation .inside-navigation { position: relative; }
.main-navigation .gr-nav-extras {
position: absolute;
top: 50%;
right: 12px;
transform: translateY(-50%);
z-index: 5;
}
} @font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(//green-racks.com.au/wp-content/themes/generatepress-child/fonts/montserrat-400.woff2) format('woff2');
}
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(//green-racks.com.au/wp-content/themes/generatepress-child/fonts/montserrat-600.woff2) format('woff2');
}
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(//green-racks.com.au/wp-content/themes/generatepress-child/fonts/montserrat-700.woff2) format('woff2');
}
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 800;
font-display: swap;
src: url(//green-racks.com.au/wp-content/themes/generatepress-child/fonts/montserrat-800.woff2) format('woff2');
}
:root {
--gr-font-sans: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
} body,
button,
input,
select,
optgroup,
textarea,
.main-navigation .main-nav ul li a,
.menu-toggle,
.gr-quote-btn {
font-family: var(--gr-font-sans);
} h1, h2, h3, h4, h5, h6,
.entry-title,
.site-title {
font-family: var(--gr-font-sans);
font-weight: 700;
} .entry-title,
.page-header .entry-title,
h1.entry-title,
.site-main h1 {
font-size: clamp(2rem, 1.4rem + 2.4vw, 2.75rem);
font-weight: 800;
line-height: 1.15;
}
.entry-content h2,
.site-main h2 {
font-size: clamp(1.5rem, 1.2rem + 1.4vw, 2rem);
font-weight: 700;
line-height: 1.2;
} .main-navigation .main-nav ul li a {
font-size: 1.1rem;
font-weight: 600;
letter-spacing: 0.005em;
} :root {
--gr-green: #0BAF4F; --gr-green-dark: #0d4d2c; --gr-navy: #14253B; --gr-navy-2: #1d3354; --gr-amber: #F59E0B; --gr-border: #E5E7EB;
} body { background-color: #DDE2E7; }
a { color: var(--gr-green-dark); }
a:hover, a:focus { color: var(--gr-green); }
::selection { background-color: var(--gr-green); color: #ffffff; } h1, h2, h3, h4, h5, h6, .entry-title { color: var(--gr-navy); }
.site-title a { color: var(--gr-navy); }
.single .entry-title::after,
.page .entry-title::after {
content: "";
display: block;
width: 64px;
height: 4px;
margin-top: 0.45rem;
background-color: var(--gr-green);
border-radius: 2px;
} button:not(.menu-toggle),
.button,
input[type="submit"],
input[type="button"],
.wp-block-button__link,
.gb-button,
.wpforms-submit,
.wpcf7-submit {
background-color: var(--gr-green-dark);
color: #ffffff;
border-color: var(--gr-green-dark);
}
button:not(.menu-toggle):hover,
.button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
.wp-block-button__link:hover,
.gb-button:hover,
.wpforms-submit:hover,
.wpcf7-submit:hover {
background-color: var(--gr-green);
border-color: var(--gr-green);
color: #14253B;
} input:focus, textarea:focus, select:focus {
border-color: var(--gr-green);
box-shadow: 0 0 0 3px rgba(11, 175, 79, 0.18);
outline: none;
}
blockquote { border-left: 4px solid var(--gr-green); } #masthead.site-header { background-color: #ffffff; }
.gr-floating-header { border-bottom: 3px solid var(--gr-green); }
.gr-floating-header .main-navigation { background-color: var(--gr-navy); } .main-navigation .main-nav ul li a { color: #ffffff; }
.main-navigation .main-nav ul li a:hover,
.main-navigation .main-nav ul li a:focus,
.main-navigation .main-nav ul li[class*="current-menu"] > a {
color: var(--gr-green);
}
.main-navigation .menu-toggle,
.main-navigation .menu-toggle .mobile-menu {
background-color: transparent;
color: #ffffff;
} .main-navigation .main-nav ul ul { background-color: var(--gr-navy-2); }
.main-navigation .main-nav ul ul li a { color: #ffffff; }
.main-navigation .main-nav ul ul li a:hover,
.main-navigation .main-nav ul ul li[class*="current-menu"] > a {
color: var(--gr-green);
background-color: rgba(255, 255, 255, 0.05);
} .gr-phone {
color: #ffffff;
border-color: rgba(255, 255, 255, 0.45);
}
.gr-phone:hover, .gr-phone:focus {
background-color: var(--gr-green);
border-color: var(--gr-green);
color: #14253B;
} .site-footer,
.footer-widgets,
.site-info,
.inside-site-info {
background-color: var(--gr-navy);
color: rgba(255, 255, 255, 0.85);
}
.footer-widgets .widget-title { color: #ffffff; }
.site-footer a, .footer-widgets a, .site-info a { color: #ffffff; }
.site-footer a:hover, .footer-widgets a:hover, .site-info a:hover { color: var(--gr-green); } :root { --accent: #0d4d2c; }
.has-accent-color { color: #0d4d2c !important; }
.has-accent-background-color { background-color: #0d4d2c !important; }
.has-accent-border-color { border-color: #0d4d2c !important; } @media (max-width: 768px) { .gr-floating-header .site-logo img.header-image {
max-height: 48px;
width: auto;
height: auto;
}
.gr-floating-header .inside-header,
.gr-floating-header .site-branding-container {
padding-top: 8px;
padding-bottom: 8px;
}
.gr-floating-header .site-title {
font-size: 1.3rem;
line-height: 1.15;
} .main-navigation .menu-toggle {
text-align: left;
justify-content: flex-start;
padding-left: 20px;
}
.main-navigation .gr-nav-extras {
right: 10px;
gap: 0.4rem;
}
.gr-quote-btn {
padding: 0.45em 0.7em;
font-size: 0.9rem;
}
.gr-phone {
width: 2.1em;
height: 2.1em;
} .site-main h2,
.entry-content h2 {
font-size: clamp(1.55rem, 6vw, 2.3rem) !important;
line-height: 1.2 !important;
word-break: normal;
}
.site-main h3[style*="font-size:2.5rem"],
.site-main h3[style*="font-size:2.3rem"],
.entry-content h3[style*="font-size:2.5rem"],
.entry-content h3[style*="font-size:2.3rem"] {
font-size: clamp(1.3rem, 5vw, 1.75rem) !important;
line-height: 1.25 !important;
}
.rank-math-question {
font-size: 1.2rem !important;
line-height: 1.3 !important;
}
} @media (max-width: 768px) {
.entry-content .wp-block-group__inner-container {
padding-left: 0 !important;
padding-right: 0 !important;
}
.entry-content .wp-block-group.alignfull,
.entry-content > .wp-block-group {
padding-left: 18px !important;
padding-right: 18px !important;
}
} @media (max-width: 768px) {
.main-navigation .gr-nav-extras {
top: 0;
height: 60px;
transform: none;
}
} .page-id-13 .wp-block-columns:not(.alignwide):has(> .wp-block-column > .wp-block-group.has-border-color) {
display: grid;
grid-template-columns: 1fr; gap: 24px;
}
@media (min-width: 768px) {
.page-id-13 .wp-block-columns:not(.alignwide):has(> .wp-block-column > .wp-block-group.has-border-color) {
grid-template-columns: repeat(2, 1fr); }
}
@media (min-width: 1200px) {
.page-id-13 .wp-block-columns:not(.alignwide):has(> .wp-block-column > .wp-block-group.has-border-color) {
grid-template-columns: repeat(4, 1fr); }
} .page-id-13 .wp-block-columns:not(.alignwide):has(> .wp-block-column > .wp-block-group.has-border-color) > .wp-block-column {
display: flex;
margin: 0;
min-width: 0;
} .page-id-13 .wp-block-columns:not(.alignwide):has(> .wp-block-column > .wp-block-group.has-border-color) > .wp-block-column > .wp-block-group.has-border-color {
display: flex;
flex-direction: column;
width: 100%;
padding: 24px !important; } .page-id-13 .wp-block-columns:not(.alignwide):has(> .wp-block-column > .wp-block-group.has-border-color) .wp-block-group__inner-container {
display: flex;
flex-direction: column;
flex: 1 1 auto;
width: 100%;
padding: 0 !important; } .page-id-13 .wp-block-columns:not(.alignwide):has(> .wp-block-column > .wp-block-group.has-border-color) .wp-block-group__inner-container > p:last-child {
margin-top: auto !important;
} .page-id-13 .wp-block-columns:not(.alignwide):has(> .wp-block-column > .wp-block-group.has-border-color) h3.wp-block-heading {
overflow-wrap: normal;
word-wrap: normal;
word-break: normal;
hyphens: none;
line-height: 1.3;
} .page-id-13 .wp-block-columns:not(.alignwide):has(> .wp-block-column > .wp-block-group.has-border-color) .wp-block-group__inner-container > p {
overflow-wrap: normal;
word-wrap: normal;
word-break: normal;
line-height: 1.6 !important; } .gr-cards {
display: grid !important; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)) !important;
gap: 24px !important;
} .gr-cards > .wp-block-column {
display: flex;
flex-direction: column;
margin: 0;
min-width: 0;
} .gr-cards > .wp-block-column > .wp-block-group {
flex: 1 1 auto;
display: flex;
flex-direction: column;
width: 100%;
padding: 24px !important; } .gr-cards .wp-block-group__inner-container {
display: flex;
flex-direction: column;
flex: 1 1 auto;
width: 100%;
padding: 0 !important;
} .gr-cards .wp-block-group__inner-container > .wp-block-buttons:last-child,
.gr-cards > .wp-block-column > .wp-block-buttons:last-child {
margin-top: auto !important;
} .gr-cards :is(h1, h2, h3, h4, h5, h6, p, li, ul, ol, a) {
overflow-wrap: normal;
word-wrap: normal;
word-break: normal;
hyphens: none;
}
.gr-cards :is(h2, h3, h4, h5, h6) {
line-height: 1.3;
}
.gr-cards :is(p, li) {
line-height: 1.6;
}  .gr-buynow .wp-block-button__link {
background-color: var(--gr-amber);
color: #14253B;
border-color: var(--gr-amber);
}
.gr-buynow .wp-block-button__link:hover,
.gr-buynow .wp-block-button__link:focus {
background-color: #d97706;
border-color: #d97706;
color: #14253B;
} @media (max-width: 768px) {
.gr-buynow,
.gr-buynow .wp-block-button__link {
width: 100%;
text-align: center;
}
} .gr-wp-details {
border: 1px solid var(--gr-border);
border-radius: 8px;
background-color: #F6F7F8;
margin: 0.25rem 0 1rem;
overflow: hidden;
}
.gr-wp-details > summary {
cursor: pointer;
list-style: none;
padding: 0.7rem 2rem 0.7rem 0.9rem;
position: relative;
font-size: 0.88rem;
font-weight: 600;
color: var(--gr-green-dark);
line-height: 1.4;
}
.gr-wp-details > summary::-webkit-details-marker { display: none; }
.gr-wp-details > summary::after {
content: "";
position: absolute;
right: 0.9rem;
top: 50%;
width: 0.5rem;
height: 0.5rem;
margin-top: -0.35rem;
border-right: 2px solid var(--gr-green-dark);
border-bottom: 2px solid var(--gr-green-dark);
transform: rotate(45deg);
transition: transform 0.15s ease;
}
.gr-wp-details[open] > summary::after {
transform: rotate(-135deg);
margin-top: -0.1rem;
}
.gr-wp-details[open] > summary { border-bottom: 1px solid var(--gr-border); }
.gr-wp-details > summary:focus-visible {
outline: 2px solid var(--gr-green);
outline-offset: 2px;
}
.gr-wp-details__body { padding: 0.75rem 0.9rem 0.9rem; }
.gr-wp-details__body ul {
margin: 0;
padding-left: 1.1rem;
font-size: 0.86rem;
line-height: 1.6;
color: #374151;
}
.gr-wp-details__body li { margin: 0.15rem 0; }
.gr-wp-details__lead {
margin: 0 0 0.5rem;
font-size: 0.84rem;
color: #4b5563;
font-style: italic;
}
.gr-wp-details__not {
margin: 0.6rem 0 0;
font-size: 0.8rem;
line-height: 1.5;
color: #4b5563;
} :root { --gr-ink: #17212B; --gr-primary: #1E9E4A; --gr-mist: #EAF1EC; } .gr-floating-header {
background-color: #ffffff;
border-bottom: 2px solid var(--gr-primary);
box-shadow: 0 1px 6px rgba(23, 33, 43, 0.06);
}
#masthead.site-header { background-color: #ffffff; }
.gr-floating-header .main-navigation { background-color: transparent !important; } .site-branding { display: none !important; } .gr-floating-header {
display: flex;
align-items: center;
justify-content: space-between;
padding-left: 24px;
padding-right: 24px;
column-gap: 1rem;
}
.gr-floating-header > #masthead { flex: 0 0 auto; }
.gr-floating-header > .main-navigation { flex: 1 1 auto; min-width: 0; }
.gr-floating-header .inside-header {
display: flex;
align-items: center;
padding-top: 12px; padding-bottom: 12px;
}
.gr-floating-header .site-branding-container { margin: 0; padding: 0; }
.gr-floating-header .site-logo { display: flex; align-items: center; line-height: 0; } .gr-floating-header .site-logo img,
.gr-floating-header img.header-image,
.gr-floating-header .custom-logo {
height: 40px !important;
width: auto !important;
max-width: none !important;
max-height: none !important;
display: block;
transition: height 0.18s ease;
} .gr-floating-header .main-navigation .inside-navigation.grid-container {
max-width: none;
padding: 0;
} .main-navigation .main-nav ul li a { color: var(--gr-ink) !important; }
.main-navigation .main-nav ul li a:hover,
.main-navigation .main-nav ul li a:focus,
.main-navigation .main-nav ul li[class*="current-menu"] > a { color: var(--gr-primary) !important; }
.main-navigation .menu-toggle,
.main-navigation .menu-toggle .mobile-menu,
.main-navigation .menu-toggle .gp-icon { color: var(--gr-ink) !important; } .main-navigation .main-nav ul ul {
background-color: #ffffff !important; border: 1px solid #E5E7EB;
box-shadow: 0 6px 18px rgba(23, 33, 43, 0.10);
}
.main-navigation .main-nav ul ul li a { color: var(--gr-ink) !important; }
.main-navigation .main-nav ul ul li a:hover,
.main-navigation .main-nav ul ul li a:focus,
.main-navigation .main-nav ul ul li[class*="current-menu"] > a {
color: var(--gr-primary) !important;
background-color: var(--gr-mist) !important;
} #content.site-content, .site-content { margin-top: 0 !important; } @media (min-width: 769px) {
.gr-floating-header .main-navigation .inside-navigation {
display: flex;
align-items: center;
justify-content: flex-end;
gap: 1.5rem;
}
.main-navigation .gr-nav-spacer { display: none !important; }
.main-navigation .main-nav { flex: 0 1 auto; }
.main-navigation .main-nav > ul { display: flex; justify-content: flex-end; }
.main-navigation .gr-nav-extras { flex: 0 0 auto; margin-right: 0; } .gr-floating-header .main-nav ul li a { padding-top: 10px; padding-bottom: 10px; line-height: 1.2; }
.gr-floating-header.gr-shrink .main-nav ul li a { padding-top: 6px; padding-bottom: 6px; }
.gr-floating-header.gr-shrink .gr-quote-btn { padding-top: 0.3em; padding-bottom: 0.3em; }
.gr-floating-header.gr-shrink .gr-phone { width: 2em; height: 2em; }
} .gr-floating-header .inside-header { transition: padding 0.18s ease; }
.gr-floating-header.gr-shrink .inside-header { padding-top: 8px; padding-bottom: 8px; }
.gr-floating-header.gr-shrink .site-logo img,
.gr-floating-header.gr-shrink img.header-image,
.gr-floating-header.gr-shrink .custom-logo { height: 32px !important; } @media (max-width: 768px) {
.gr-floating-header { padding-left: 16px; padding-right: 16px; align-items: center; }
.gr-floating-header .inside-header { padding-top: 6px; padding-bottom: 6px; }
.gr-floating-header .site-branding-container { padding: 0 !important; margin: 0 !important; }
.gr-floating-header .main-navigation { padding-top: 0 !important; padding-bottom: 0 !important; }
.gr-floating-header .main-navigation .inside-navigation.grid-container { padding-top: 0 !important; padding-bottom: 0 !important; }
.gr-nav-extras .gr-quote-btn { padding: 0.4em 0.7em; font-size: 0.9rem; }
.gr-floating-header .site-logo { width: 46px; height: 40px; overflow: hidden; }
.gr-floating-header .site-logo img,
.gr-floating-header img.header-image,
.gr-floating-header .custom-logo { height: 40px !important; width: auto !important; max-width: none !important; }
.gr-floating-header.gr-shrink .site-logo { height: 34px; }
.gr-floating-header.gr-shrink .site-logo img,
.gr-floating-header.gr-shrink img.header-image,
.gr-floating-header.gr-shrink .custom-logo { height: 34px !important; } .gr-floating-header > .main-navigation { flex: 0 0 auto; min-width: 0; }
.gr-floating-header .main-navigation .inside-navigation {
display: flex;
flex-wrap: nowrap;
align-items: center;
justify-content: flex-end;
gap: 0.5rem;
position: static;
}
.main-navigation .gr-nav-spacer { display: none !important; }
.main-navigation .gr-nav-extras {
position: static !important;
transform: none !important;
top: auto !important;
right: auto !important;
height: auto !important;
margin: 0 !important;
gap: 0.4rem;
flex: 0 0 auto;
} .main-navigation .menu-toggle {
position: static;
display: inline-flex;
align-items: center;
justify-content: center;
width: 44px;
min-width: 44px;
height: 44px;
min-height: 44px;
padding: 0;
flex: 0 0 auto;
order: 3;
}
.main-navigation .menu-toggle .mobile-menu { display: none; } .main-navigation { position: static; }
.main-navigation.toggled .main-nav {
position: absolute;
left: 0;
right: 0;
top: 100%;
background-color: #ffffff;
border-top: 1px solid #E5E7EB;
box-shadow: 0 8px 18px rgba(23, 33, 43, 0.12);
z-index: 60;
}
.main-navigation.toggled .main-nav ul li a { color: var(--gr-ink) !important; }
} :root { --gr-deep: #0E7A38; --gr-lime: #3FD07A; --gr-slate: #64748B; }  .entry-content .wp-block-group.alignfull.has-background[style*="background-color:#DDE2E7"] {
background: linear-gradient(180deg, #EAF1EC 0%, #F5F9F6 100%) !important;
}
.entry-content .wp-block-group.has-background[style*="background-color:#DDE2E7"]:not(.alignfull) {
background-color: #EAF1EC !important;
}
.entry-content .wp-block-group.alignfull.has-background[style*="background-color:#14253B"] {
background: linear-gradient(157deg, #17212B 0%, #0f1a22 100%) !important;
}
.entry-content .wp-block-group.alignfull.has-background[style*="background-color:#0d4d2c"] {
background: linear-gradient(118deg, #0E7A38 0%, #1E9E4A 100%) !important;
} .entry-content .wp-block-group.alignfull.has-background[style*="background-color:#ffffff"] + .wp-block-group.alignfull.has-background[style*="background-color:#ffffff"] {
border-top: 1px solid #E9EEF0;
} .entry-content .wp-block-group.has-border-color.has-background {
box-shadow: 0 1px 2px rgba(23, 33, 43, 0.05), 0 10px 28px rgba(23, 33, 43, 0.05);
transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
}
.entry-content .wp-block-group.has-border-color.has-background:hover {
transform: translateY(-4px);
box-shadow: 0 4px 10px rgba(23, 33, 43, 0.08), 0 20px 44px rgba(23, 33, 43, 0.10);
border-color: var(--gr-primary) !important;
} @media (prefers-reduced-motion: no-preference) {
html.gr-motion .entry-content .wp-block-group.alignfull > .wp-block-group,
html.gr-motion .entry-content .wp-block-group.alignfull > .wp-block-columns {
opacity: 0;
transform: translateY(20px);
transition: opacity 0.7s cubic-bezier(0.2, 0.6, 0.2, 1), transform 0.7s cubic-bezier(0.2, 0.6, 0.2, 1);
will-change: opacity, transform;
}
html.gr-motion .entry-content .wp-block-group.alignfull > .wp-block-group.gr-in,
html.gr-motion .entry-content .wp-block-group.alignfull > .wp-block-columns.gr-in {
opacity: 1;
transform: none;
}
} .gr-quote-btn,
.gr-quote-btn:link,
.gr-quote-btn:visited { background-color: #0E7A38 !important; color: #ffffff !important; }
.gr-quote-btn:hover,
.gr-quote-btn:focus { background-color: #0d4d2c !important; color: #ffffff !important; }
.wp-block-button__link[style*="background-color:#F59E0B"] {
background-color: #0E7A38 !important;
color: #ffffff !important;
border-color: #0E7A38 !important;
}
.wp-block-button__link[style*="background-color:#F59E0B"]:hover,
.wp-block-button__link[style*="background-color:#F59E0B"]:focus {
background-color: #0d4d2c !important;
color: #ffffff !important;
}
.gr-buynow .wp-block-button__link {
background-color: #0E7A38 !important;
color: #ffffff !important;
border-color: #0E7A38 !important;
}
.gr-buynow .wp-block-button__link:hover,
.gr-buynow .wp-block-button__link:focus {
background-color: #0d4d2c !important;
color: #ffffff !important;
} @media (min-width: 769px) {
.gr-floating-header .main-navigation .inside-navigation {
display: flex !important;
flex-flow: row nowrap !important;
align-items: center !important;
justify-content: flex-end !important;
gap: 1.5rem;
}
.gr-floating-header .main-navigation .inside-navigation > .main-nav {
order: 1;
flex: 0 1 auto !important;
float: none !important;
width: auto !important;
}
.gr-floating-header .main-navigation .inside-navigation > .gr-nav-extras {
order: 2;
flex: 0 0 auto !important;
display: flex !important;
float: none !important;
}
.gr-floating-header .main-navigation .inside-navigation > .main-nav > ul {
display: flex !important;
flex-wrap: nowrap !important;
align-items: center !important;
}
} .entry-content .wp-block-group.alignfull[style*="background-color:#0d4d2c"] .wp-block-button__link:not([style*="background-color:transparent"]),
.entry-content .wp-block-group.alignfull[style*="background-color:#0e7a38"] .wp-block-button__link:not([style*="background-color:transparent"]),
.entry-content .wp-block-group.alignfull[style*="background-color:#14253B"] .wp-block-button__link:not([style*="background-color:transparent"]) {
background-color: #ffffff !important;
color: #0E7A38 !important;
border-color: #ffffff !important;
}
.entry-content .wp-block-group.alignfull[style*="background-color:#0d4d2c"] .wp-block-button__link:not([style*="background-color:transparent"]):hover,
.entry-content .wp-block-group.alignfull[style*="background-color:#0e7a38"] .wp-block-button__link:not([style*="background-color:transparent"]):hover,
.entry-content .wp-block-group.alignfull[style*="background-color:#14253B"] .wp-block-button__link:not([style*="background-color:transparent"]):hover {
background-color: #EAF1EC !important;
color: #0d4d2c !important;
} .entry-content .wp-block-group.alignfull[style*="background-color:#0d4d2c"] .wp-block-button__link[style*="background-color:transparent"],
.entry-content .wp-block-group.alignfull[style*="background-color:#14253B"] .wp-block-button__link[style*="background-color:transparent"] {
background-color: transparent !important;
color: #ffffff !important;
border-color: #ffffff !important;
}
.entry-content .wp-block-group.alignfull[style*="background-color:#0d4d2c"] .wp-block-button__link[style*="background-color:transparent"]:hover,
.entry-content .wp-block-group.alignfull[style*="background-color:#14253B"] .wp-block-button__link[style*="background-color:transparent"]:hover {
background-color: rgba(255, 255, 255, 0.14) !important;
color: #ffffff !important;
}
.gr-floating-header .main-nav ul li a{white-space:nowrap;} @media (min-width: 769px) {
.gr-floating-header .main-nav ul li a { font-size: 1rem !important; padding-left: 0.55rem !important; padding-right: 0.55rem !important; letter-spacing: 0 !important; }
.gr-floating-header .main-navigation .inside-navigation { gap: 1rem !important; }
.gr-floating-header .gr-nav-extras { gap: 0.5rem; }
.gr-floating-header .gr-quote-btn { padding: 0.45em 0.85em; font-size: 0.95rem; }
} @media (max-width: 1100px) { .gr-floating-header .main-navigation .menu-toggle {
display: inline-flex !important;
align-items: center;
justify-content: center;
width: 44px; min-width: 44px; height: 44px; min-height: 44px;
padding: 0;
order: 3;
}
.gr-floating-header .main-navigation .menu-toggle .mobile-menu { display: none !important; }
.gr-floating-header .main-navigation:not(.toggled) #primary-menu.main-nav > ul { display: none !important; } .gr-floating-header .main-navigation .inside-navigation {
display: flex !important;
flex-flow: row nowrap !important;
align-items: center !important;
justify-content: flex-end !important;
gap: 0.5rem !important;
position: static !important;
}
.gr-floating-header > .main-navigation { flex: 0 0 auto !important; }
.gr-floating-header .main-navigation .gr-nav-extras {
position: static !important; transform: none !important;
top: auto !important; right: auto !important; height: auto !important; margin: 0 !important;
flex: 0 0 auto;
} .gr-floating-header .site-logo { width: 46px; height: 40px; overflow: hidden; }
.gr-floating-header .site-logo img,
.gr-floating-header img.header-image,
.gr-floating-header .custom-logo { height: 40px !important; width: auto !important; max-width: none !important; } .gr-floating-header .main-navigation { position: static !important; }
.gr-floating-header .main-navigation.toggled #primary-menu.main-nav {
position: absolute !important;
left: 0; right: 0; top: 100%;
background: #ffffff !important;
border-top: 1px solid #E5E7EB;
box-shadow: 0 8px 18px rgba(23, 33, 43, 0.12);
z-index: 60;
}
.gr-floating-header .main-navigation.toggled #primary-menu.main-nav > ul { display: block !important; }
.gr-floating-header .main-navigation.toggled .main-nav ul li a { color: #17212B !important; }
} .entry-content .wp-block-group.alignfull.has-background[style*="background-color:#ffffff"]:has(.wp-block-group.has-border-color.has-background) {
background: linear-gradient(180deg, #D5E5D9 0%, #E4EFE7 100%) !important;
}
.entry-content .wp-block-group.has-border-color.has-background {
background-color: #ffffff !important;
} body.page-id-13 .entry-content .wp-block-group.alignfull:first-of-type {
background-color: #ffffff !important;
background-image:
linear-gradient(90deg, rgba(255,255,255,0.93) 0%, rgba(255,255,255,0.88) 42%, rgba(255,255,255,0.66) 100%),
url(//green-racks.com.au/wp-content/uploads/2026/07/backroung-image.png) !important;
background-repeat: no-repeat, no-repeat !important;
background-position: center right, center right !important;
background-size: cover, cover !important;
}
@media (max-width: 768px) { body.page-id-13 .entry-content .wp-block-group.alignfull:first-of-type {
background-image:
linear-gradient(180deg, rgba(255,255,255,0.90) 0%, rgba(255,255,255,0.86) 100%),
url(//green-racks.com.au/wp-content/uploads/2026/07/backroung-image.png) !important;
background-position: center, center !important;
}
} body.page-id-23 .entry-content .wp-block-group.alignfull:first-of-type,
body.page-id-128 .entry-content .wp-block-group.alignfull:first-of-type,
body.page-id-114 .entry-content .wp-block-group.alignfull:first-of-type,
body.page-id-25 .entry-content .wp-block-group.alignfull:first-of-type {
background-color: #ffffff !important;
background-image:
linear-gradient(90deg, rgba(255,255,255,0.93) 0%, rgba(255,255,255,0.88) 42%, rgba(255,255,255,0.66) 100%),
url(//green-racks.com.au/wp-content/uploads/2026/07/backroung-image.png) !important;
background-repeat: no-repeat, no-repeat !important;
background-position: center right, center right !important;
background-size: cover, cover !important;
}
@media (max-width: 768px) {
body.page-id-23 .entry-content .wp-block-group.alignfull:first-of-type,
body.page-id-128 .entry-content .wp-block-group.alignfull:first-of-type,
body.page-id-114 .entry-content .wp-block-group.alignfull:first-of-type,
body.page-id-25 .entry-content .wp-block-group.alignfull:first-of-type {
background-image:
linear-gradient(180deg, rgba(255,255,255,0.90) 0%, rgba(255,255,255,0.86) 100%),
url(//green-racks.com.au/wp-content/uploads/2026/07/backroung-image.png) !important;
background-position: center, center !important;
}
} @media (max-width: 1100px) {
.gr-floating-header .main-navigation.toggled #primary-menu.main-nav ul ul.sub-menu {
display: block !important;
position: static !important;
left: auto !important;
right: auto !important;
top: auto !important;
width: 100% !important;
min-width: 0 !important;
opacity: 1 !important;
visibility: visible !important;
transform: none !important;
pointer-events: auto !important;
box-shadow: none !important;
border: 0 !important;
background: #F3F6F4 !important;
}
.gr-floating-header .main-navigation.toggled #primary-menu.main-nav ul ul.sub-menu li a {
padding-left: 2.5rem !important;
font-size: 0.95rem !important;
color: #17212B !important;
}
.gr-floating-header .main-navigation.toggled .dropdown-menu-toggle {
display: none !important;
}
}