/*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;}