/*Changes the font colour of the sitemap link*/
.sp-module ul > li > a {
color: #9598A0;

/*This raises the mobile menu bar above the image on the right*/
body.ltr #offcanvas-toggler.offcanvas-toggler-right{
position: relative;
bottom: 35px;
}

/*How to hide offcanvas menu on PC*/
@media screen and (min-width: 1025px) {
#offcanvas-toggler {display: none !important; visibility: hidden;}
}

/* Menu items color, font etc*/
#sp-header .logo a {color: white; font-family: Book Antiqua; font-size: 20px; !important;}

/* How to change background colour of button on Home page*/
button#btn-1609361076101{
background: #9598A0 !important;
}

/* How to change background colour of button on contact page*/
button#btn-1605546259818{
background: #9598A0 !important;
}

/* How to change background colour of button on work page*/
button#btn-1608495227737
}

/* hide enlarge button on mobile*/
@media (max-width: 580px) {
body.itemid-104 .sppb-addon-image-content a.sppb-btn
{display: none !important; visibility: hidden;}
}

/* Menu items color */
.sp-megamenu-parent > li > a {color: white;}

/* Active color of menu item */
.sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li.active:hover > a { color: red; }

/* Color of hover menu item */
.sp-megamenu-parent > li > a:hover, .sp-megamenu-parent > li:hover > a { color: yellow; }

/* How to remove line below menu */
#sp-header:not(.header-sticky) .container{ border-bottom:0 !important }

/*To increase the gap between the Menu and text below*/
.sppb-row-container { margin-top: 30px; }

/*To reduce the width off the mobile menu so it can be seen on a phone*/


.offcanvas-menu {
width: 100%;
}
body.ltr.offcanvs-position-right .offcanvas-menu {
height: 0;
right: 0;
top: 60px;
}
body.ltr.offcanvs-position-right.offcanvas-active .offcanvas-menu {
right: 0;
height: 100%;
}
.offcanvas-overlay {
background: rgba(36, 35, 35, 0.56);
position: fixed;
left: inherit;
right: 0;
top: 0;
height: 60px;
width: 60px;
cursor: pointer;
}
.close-offcanvas {
display: none;
}
body.ltr.offcanvs-position-right.offcanvas-active .body-wrapper {
right: 0;
}

/*How to change Menu colour. Read faq and how to in helix documentation */
/* Menu items color */
.sp-megamenu-parent > li > a {color: white;}

/* Active color of menu item */
.sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li.active:hover > a { color: red; }

/* Color of hover menu item */
.sp-megamenu-parent > li > a:hover, .sp-megamenu-parent > li:hover > a { color: yellow; }

/*how to change three bar menu colour*/
#offcanvas-toggler > i.fa {color: white;}

WE LOVE JOOMLA

Joomwalker is not affiliated with or endorsed by the Joomla Project or Open Source Matters.
The Joomla name and logo are used under a limited license granted by Open Source Matters the trademark holder in the United States and other countries.