:root {
--header-height: 80px;
--color-primary: #091725;
--color-secondary: #ce9969;
--color-accent: #c4c4d1;
--color-text: #414042;
--color-midgrey: #808080;
--color-ltgrey: #f5f5f5;
--color-white:#fff;
--color-black:#000;
}
body, html {
font-size: 10px;
height: 100%;
width: 100%;
}
body.et_cover_background {
background-color: white;
}   .child h1, .child h2, .child h3, .child h4, .child h5, .child h6, .child p, .child body, .child a {
color: var(--color-black);
font-family: "Montserrat", sans-serif;
font-optical-sizing: auto;
font-style: normal;
}
.child h1 { 
color: var(--color-secondary);
font-size: clamp(4.8rem, 5.2vw, 6.2rem);
font-weight: 800;
letter-spacing: -.03em;
text-transform: uppercase;
}
.child h1 span {
color: var(--color-white);
}
#product-detail .product-title h1, #product-detail .product-title h1 span {
color: var(--color-primary);
font-size: clamp(3.2rem, 3.8vw, 4.4rem);
text-transform: capitalize;
}
#product-detail .product-title h1 span {
font-weight: 300;
}
.child h2 {
color: var(--color-white);
font-size: clamp(4rem, 6vw, 8rem);
font-weight: 300;
line-height: 1.1em;
padding-bottom: .9em;
}
.child h2 span { 
font-weight: 700;
}
#product-cta h2 {
padding-bottom: 0.2em;
}
#stravia_footer h2 {
color: var(--color-accent);
padding-bottom: 0;
}
.child h2.preheader, .child h2.preheader-alt, .child h2.product-dload  {
font-size: clamp(1.5rem, 1.75vw, 2rem);
}
.child h2.preheader a {
color: var(--color-white);
}
.child h2.preheader-alt  {
color: var(--color-midgrey);
}
.child h2.product-dload {
color: var(--color-primary);
font-weight: 700;
}
.child h2.preheader,
.child h2.preheader-alt,
.child h2.product-dload {
display: inline-block;
position: relative;
}
.child h2.preheader a, .child h2.preheader-alt a, .child h2.product-dload a {
display: inline-block;
position: relative;
padding-right: 4em; text-decoration: none;
color: inherit;
} .child h2.preheader a::after, .child h2.preheader-alt a::after, .child h2.product-dload a::after {
content: "";
position: absolute;
right: 0;
top: 50%;
width: 1.1em;
height: 1.1em;
background: url(http://stravia.com.au/wp-content/uploads/2025/06/arrow-dot-grey.svg) no-repeat center center / contain;
transform: translateY(-50%);
pointer-events: none; }
.child h2.preheader-alt a::after {
background: url(http://stravia.com.au/wp-content/uploads/2025/06/arrow-dot-blue-white.svg) no-repeat center center / contain;
}
.child {
position: relative;
}
.child h2.product-dload a::after {
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
background: url(http://stravia.com.au/wp-content/uploads/2025/06/arrow-dot-blue-white.svg) no-repeat center center / contain;
}
.child h2.woocommerce-loop-product__title {
color: var(--color-primary);
font-size: clamp(1.2rem, 2vw, 2.8rem) !important;
font-weight: 800;
margin-top: 26px !important;
}
.child h2.woocommerce-loop-product__title span {
font-weight: 300;
}
#callout .child h2 {
font-size: clamp(2rem, 2.9vw, 5.8rem);
}
#footer .child h2 {
color: var(--color-accent);
font-size: clamp(2rem, 4vw, 6rem);
}
#footer .child h2 span {
font-weight: 700;
text-transform: uppercase;
}
.child h3 {
color: var(--color-secondary);
font-size: clamp(3rem, 3.5vw, 4rem);
font-weight: 300;
letter-spacing: -.04em;
line-height: 1.1em;
}
.child h3 span {
color: var(--color-primary);
}
#similar-products h3 {
letter-spacing: .05em;
text-transform: uppercase;
} 
.child h4,
#products .child h4 {
color: var(--color-primary);
font-size: clamp(3.6rem, 4.2vw, 4.8rem); 
font-weight: 800;
padding-bottom: .6em;
text-transform: capitalize;
}
.child h4 span,
#products .child h4 span {
font-weight: 300;
}
#products.child #filter h4 {
font-size: clamp(1.6rem, 1.95vw, 2.3rem);
font-weight: 600;
letter-spacing: .025em;
text-transform: uppercase;
}
#products .child h4 {
font-size: clamp(1.3rem, 1.4vw, 1.5rem);
}
.child h5 {
color: var(--color-midgrey);
font-size: clamp(2.5rem, 2.8vw, 3.1rem); 
font-weight: 300;
padding-bottom: .6em;
text-transform: uppercase;
}
.child h5 span {
color: var(--color-black);
}
#products h5 {
color: var(--color-primary);
font-size: clamp(3rem, 3.7vw, 4.4rem); 
}
#practical h5 {
padding-bottom: 1em;
} 
.child h6 {
color: var(--color-primary);
font-size: clamp(2.2rem, 2.45vw, 2.7rem);
font-weight: 500;
letter-spacing: 1px;
text-transform: uppercase;
}
#range .et_pb_blurb_container h6 span {
color: var(--color-white);
font-weight: 300;
padding-right: 10px;
padding-left: 20px;
letter-spacing: 0;
text-transform: capitalize;
}
#range h6, #range h6 a {
color: var(--color-white);
font-weight: 300;
letter-spacing: 0;
text-transform: capitalize;
}
#range h6 a {
padding-left: 20px;
}
.child h6.footer-tel, .child h6.footer-tel a, .child h6.footer-addy {
color: var(--color-white);
font-size: clamp(3rem, 3.8vw, 4rem);
font-weight: 300;
letter-spacing: 0.05em;
margin-bottom: .3em;
text-shadow: 0px 0px 5px #000000;
text-transform: none;
transition: .2s;
}
.child h6.footer-tel a:hover {
color: var(--color-secondary);
}
.child h6.footer-addy {
font-size: clamp(1.6rem, 1.8vw, 2rem);
}
.child p, .child p.reg {
color: var(--color-text);
font-size: clamp(1.8rem, 2vw, 2.2rem);
font-weight: 300;
line-height: 1.6em;
cursor: default;  
}
.child p a {   
border-bottom: 2px solid var(--color-secondary);
color: red;
font-weight: 500;
line-height: 1.6em;
padding-bottom: 1px;
transition: all .1s; 
}
.child p a:hover {   
color: var(--color-primary);
}
.child p.intro {
color: var(--color-text);
font-size: clamp(2rem, 2.3vw, 2.6rem);
font-weight: 300;
letter-spacing: 0.01em;
line-height: 1.6em;
}
.child p.medium, .child p.medium-white {
font-size: clamp(2.2rem, 2.35vw, 2.5rem);
}
.child p.medium-white {
color: var(--color-white);
line-height: 1.5em;
}
.child p.small, .child p.small-midgrey {
font-size: clamp(2rem, 2.2vw, 2.3rem);
line-height: 1.8em;
}
.child p.small-midgrey {
color: var(--color-midgrey);
}
#range .et_pb_blurb_description p {
color: var(--color-accent);
font-size: clamp(1.3rem, 1.5vw, 1.7rem);
padding-right: 10px;
padding-left: 20px;
}
.child ul, .child ol { 
margin-top: 20px;
margin-left: 20px;
padding-bottom: 2em;
}
.child ul li, .child ol li {   
color: var(--color-text);
font-family: "Montserrat", sans-serif;
font-size: clamp(1.8rem, 2vw, 2.2rem);
font-weight: 300;
line-height: 1.35; 
padding-left: 12px;
margin-bottom: 6px; 
}
.child ul li a, .child ol li a{ 
border-bottom: 1px solid var(--color-text);
color: (--color-text); 
transition: border-bottom .1s; 
}
.child ul li a:hover { 
border-bottom: 1px solid var(--color-text);
}
.child ul li::marker {
color: var(--color-accentyellow);
}
.child ul li a.woocommerce-LoopProduct-link, 
.child ol li a.woocommerce-LoopProduct-link {
border-bottom: none;
}
#product-detail .child h2 {
color: var(--color-primary);
text-transform: capitalize;
}
#product-detail .product_meta {
border-top: none;
}
#product-detail p.active {
color: var(--color-primary);
font-size: clamp(1.6rem, 1.8vw, 2rem);
font-weight: 700;
letter-spacing: 0.01em;
}
#product-detail p.available {
color: var(--color-primary);
font-size: clamp(1.8rem, 2vw, 2.2rem);
font-weight: 700;
letter-spacing: 0.025em;
text-transform: uppercase;
}
#product-detail .product_meta .posted_in a {
font-weight: 600;
letter-spacing: .025em;
text-transform: uppercase;
}
#product-detail .product-shipping-notes p {
padding: 10px 0;
color: red;
font-size: 16px;
}
.woocommerce-product-excerpt {
font-size: clamp(1.4rem, 1.55vw, 1.7rem);
color: var(--color-text);
}
.woof_list label {
padding-bottom: 0 !important;
}
.icheckbox_square-grey {
background-size: 180px 18px !important;
width: 18px !important;
height: 18px !important;
}
.icheckbox_square-grey.checked {
background-position: -35px 0 !important;
}
.icheckbox_square-grey.disabled {
background-position: 1px 0;
}
.woof_checkbox_label {
font-size: clamp(1.4rem, 1.55vw, 1.7rem);
}
#stravia_footer p, #stravia_footer p a {
border-bottom: none;
color: var(--color-white);
font-size: clamp(2rem, 2.4vw, 2.8rem);
}     .button-one, .button-two, .button-three, .button-four, .ams-contact button, button.et_pb_contact_submit, #featured a.et_pb_button, .et_pb_contact_submit, #featured .et_pb_button, button.woof_reset_search_form, .child .woocommerce button {
background-color: var(--color-primary);
border: none !important; 
border-radius: 0px !important;
color: var(--color-white) !important;
cursor: pointer;
font-family: "Montserrat", sans-serif;
font-size: clamp(1.3rem, 1.45vw, 1.6rem) !important;
font-weight: 600 !important;
letter-spacing: 0.05em; margin-left: 0 !important; 
position: relative;
text-transform: uppercase;
transition: all 0.3s;
z-index: 100;
}
button.woof_reset_search_form {
background: var(--color-secondary) !important;
}
.button-one:hover, .button-two:hover, .button-three:hover, .button-four:hover, .ams-contact button:hover, button.et_pb_contact_submit:hover, a.et_pb_button_one:hover, .et_pb_contact_submit:hover, #featured .et_pb_button:hover {
background-color: var(--color-secondary) !important;
z-index: 100;
}
button.et_pb_contact_submit {
background-color: var(--color-primary) !important;
font-weight: 600;
letter-spacing: 0.1em;
}
button.et_pb_contact_submit:hover {
background-color: var(--color-secondary) !important;
}
.button-two {
background-color: var(--color-secondary) !important;
color: var(--color-white);
}
.button-two:hover {
background-color: var(--color-accent) !important;
}
.button-three {
background-color: var(--color-accent) !important;
color: var(--color-white);
}
.button-three:hover {
background-color: var(--color-secondary) !important;
}
.button-four {
background-color: var(--color-primary);
color: var(--color-white) !important;
margin-top: 20px;
}
.button-four:hover {
background-color: var(--color-secondary) !important;
color: var(--color-primary) !important;
}
button.woof_reset_search_form:hover {
background: var(--color-primary) !important;
background-color: var(--color-primary) !important;
padding: 0.3em 1em 0.3em 1em !important;
}
.custom-product-button a {
margin-top: 30px;
transition: all 0.3s;
}
.child .woocommerce button {
background-color: var(--color-primary);
padding: .5em 2em !important;
}
.child .woocommerce button:hover,
button.woof_reset_search_form:hover {
background-color: var(--color-secondary) !important;
}
button.woof_reset_search_form::after {
content: none !important;
visibility: hidden !important;
} .dgwt-wcas-sf-wrapp { }
.dgwt-wcas-search-input { }
button.dgwt-wcas-search-submit {
background-color: var(--color-secondary) !important;
}
button:hover.dgwt-wcas-search-submit {
background-color: var(--color-accent) !important;
}
.dgwt-wcas-sf-wrapp .dgwt-wcas-search-submit::before {
visibility: hidden !important;
} hr.experience {
border-top: none;
border-bottom: 1px solid var(--color-ltgrey);
margin-top: 60px;
}    #page-container { }
#main-header { }
.child ul.et-menu li a, .child ul.et-menu li a:hover {
border-bottom: none;
}      #mainheader .et_mobile_menu { height: 106dvh;
text-align: center;
width: 101dvw;
}
#mainheader img.wp-image-99 {
position: relative;
width: 240px;
z-index: 10000;
}
#mainheader .hero-button-row, #mainheader .mobile_menu_bar {
z-index: 10000;
}
#mainheader .opened .mobile_menu_bar::before {
content: '\4d';
}
#mainheader .et_mobile_menu {
background: #091725;
background: linear-gradient(90deg,rgba(9, 23, 37, 1) 0%, rgba(9, 23, 37, .96) 100%); 
padding: 30vh 5% 10% 5%; }
ul#mobile_menu1.et_mobile_menu {
border-top: none !important;
margin-top: -130px !important;
margin-left: -22px !important;
}
#mainheader .et_mobile_menu li {
display: block;
margin-bottom: 18px;
}
#mainheader .et_mobile_menu li a {
border-bottom: none;
color: var(--color-white) !important;
font-size: 3.6rem !important;
font-weight: 300 !important;
letter-spacing: .1em;
padding-bottom: 0;
padding-left: 0;
text-transform: uppercase;
display: inline-block;
} .et_pb_fullwidth_menu .mobile-menu-message-item,
.et_menu .mobile-menu-message-item {
display: none !important;
} #mainheader .et_mobile_menu li.mobile-menu-message-item a {
pointer-events: none;
font-size: 1.8rem !important;
color: white;
padding: 6em 0 0 0;
text-align: center;
text-transform: none;
font-weight: 300;
letter-spacing: normal;
display: block;
} body:not(.et_mobile_menu_opened) .mobile-menu-message-item {
display: none !important;
}   .child .et_pb_menu li {
padding-left: 24px;
padding-right: 24px;
}
.child ul.et-menu li a {
color: var(--color-white);
font-size: clamp(1.7rem, 1.85vw, 2rem);
letter-spacing: 0.1em;
font-weight: 400;
text-transform: uppercase;
transition: .2s;
opacity: 1;
}
.child ul.et-menu li a:hover {
color: var(--color-secondary);
opacity: 1;
}      #hero .et_pb_section_video_bg video {
object-fit: cover !important;
object-position: right bottom !important;
}   #range .et_pb_blurb {
position: relative;
}
#range .custom-blurb-icon {
position: absolute;
top: 60px;
right: 26px;
width: 60px;
height: 60px;
background-image: url(https://stravia.com.au/wp-content/uploads/2025/06/blurb-arrow.svg);
background-size: contain;
background-repeat: no-repeat;
z-index: 10;
transition: background-image 0.3s ease;
}
#range .et_pb_blurb:hover .custom-blurb-icon {
background-image: url(https://stravia.com.au/wp-content/uploads/2025/06/blurb-arrow-hover.svg);
}   .row-with-border {
border: 19px solid; border-image: linear-gradient(to bottom, #81c241, #0096d1) 1;
}   .woof_block_html_items {
margin-bottom: 30px;
}
.woof_autohide_wrapper {
visibility: hidden !important;
height: 0 !important;
}    .et_contact_bottom_container{
display: flex;
align-items: left;
justify-content: left;
width: 100% !important;
}         #product-title {}
#product-detail {}
#product-cta {}
#similar-products {} .woocommerce ul.products li.product a img {
transition: opacity 0.2s ease; } .woocommerce ul.products li.product a img:hover {
opacity: 0.8;
} .et-pb-slider-arrows a.et-pb-arrow-prev,
.et-pb-slider-arrows a.et-pb-arrow-next {
opacity: 1 !important;
visibility: visible !important;
} .et-pb-slider-arrows a.et-pb-arrow-prev {
left: 10px !important;
}
.et-pb-slider-arrows a.et-pb-arrow-next {
right: 10px !important;
} .et-pb-slider-arrows a.et-pb-arrow-prev,
.et-pb-slider-arrows a.et-pb-arrow-next {
background: var(--color-accent);
width: 36px;
height: 36px;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
padding: 0 !important;
line-height: 1 !important;
font-size: 0;
box-shadow: 0 2px 6px rgba(0,0,0,0.20);
position: absolute !important;
top: 50%;
transform: translateY(-50%);
transition: background 0.25s ease, opacity 0.25s ease;
} .et-pb-slider-arrows a.et-pb-arrow-prev::before,
.et-pb-slider-arrows a.et-pb-arrow-next::before {
color: var(--color-white);
font-size: 32px;
font-weight: bold;
line-height: 1;
display: block; transform: translateY(-6px); } .et-pb-slider-arrows a.et-pb-arrow-prev::before {
content: "‹";
} .et-pb-slider-arrows a.et-pb-arrow-next::before {
content: "›";
} .et-pb-slider-arrows a.et-pb-arrow-prev:hover,
.et-pb-slider-arrows a.et-pb-arrow-next:hover {
background: var(--color-primary);
opacity: 1 !important;
}   #stravia_footer {
z-index: 10;
} #stravia_footer .et_pb_menu__menu { 
display: block;
flex: 0 1 auto;
width: 70%;
} #stravia_footer .mobile_menu_bar {
display: none;
} #stravia_footer .vertical-menu .et-menu > li { } #stravia_footer .vertical-menu .et_pb_menu__menu nav ul li { } #stravia_footer .vertical-menu .et_pb_menu__menu nav ul li a { }
.subfooter-row {
display: flex;
justify-content: space-between;
align-items: center; }
#stravia_footer p.disclaimer, 
#stravia_footer p.disclaimer a, 
#stravia_footer p.absolute-media, 
#stravia_footer p.absolute-media a { 
font-weight:300; 
line-height:1.3rem !important; 
padding-bottom: 0.5em; 
}
#stravia_footer p.disclaimer, 
#stravia_footer p.disclaimer a { 
color: rgba(255,255,255,1); 
font-size: clamp(1.3rem, 1.4vw, 1.5rem);  
letter-spacing: .05em; 
transition: 0.25s; 
width: fit-content;
}
#stravia_footer p.disclaimer a { border-bottom: 1px solid rgba(255,255,255,0); padding-bottom: 1px; }
#stravia_footer p.disclaimer a:hover { border-bottom: 1px solid rgba(255,255,255,0); color:rgba(255,255,255,1); }
#stravia_footer p.disclaimer span.separator { color: #3f3f3f; padding-right: 9px; padding-left: 9px; }
#stravia_footer p.absolute-media, 
#stravia_footer p.absolute-media a { 
border-bottom: 0; 
color:rgba(255,255,255,.7); 
font-size: clamp(1.1rem, 1.2vw, 1.3rem); 
letter-spacing: .05em; 
text-transform: none; 
transition: .25s; 
width: fit-content;
}
#stravia_footer p.absolute-media a span { 
border-bottom: 0; 
color:rgba(255,255,255,.7); 
font-size: clamp(1.1rem, 1.2vw, 1.3rem); 
line-height:1.5em !important; 
text-transform: none; 
transition: .25s; 
}
#stravia_footer p.absolute-media a:hover { border-bottom: 0; }
#stravia_footer p.absolute-media a:hover span { border-bottom: 0; color:#ff5500; }         .login #nav a:hover {
color: var(--color-primary) !important;
}    @media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
} @media only screen 
and (min-width : 321px) {
} @media only screen 
and (max-width : 320px) {
} @media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
} @media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
} @media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
} @media only screen 
and (min-width : 480px)
and (max-width : 979px) {
} @media only screen 
and (min-width : 540px) {
} @media only screen 
and (min-width : 768px) {
} @media only screen 
and (min-width : 980px) {
} @media only screen 
and (min-width : 1155px) {
} @media only screen 
and (min-width : 1224px) {
}
@media only screen 
and (min-width : 1524px) {
} @media only screen 
and (min-width : 1824px) {
} @media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
}