body {
padding-top: 140px;
}
.masthead .x-topbar {
padding: 0 30px;
}
.masthead .x-topbar .p-info {
position: relative;
}
@media (max-width: 768px) {
.x-container {
width: 93% !important; }
.masthead .x-topbar {
padding: 0 15px;
}
}
.top-cart .inner {
font-weight: 500!important;
color: rgb(176, 176, 176) !important;
font-size: 10px !important;
}
.x-main a.green-btn {
border: 3px solid black !important;
border-radius: 100px !important;
box-shadow: none !important;
background-color: rgb(125, 198, 95) !important;
color: #fff !important;
}
.green-btn .x-anchor-text-primary {
color: #fff !important;
}
@media (max-width: 767px) {
.masthead .x-topbar .p-info::before {
position: relative;
display: block;
margin-bottom: 12px;
}
.x-logobar-inner {
padding-left: 15px;
padding-right: 15px;
}
.x-navbar-inner {
padding: 2px 0 10px;
}
.top-inner-page-banner {
padding: 60px 30px !important;
}
.top-inner-page-banner a.x-anchor {
width: 100%;
min-height: 50px;
}
.top-inner-page-banner h3 {
margin-bottom: 0 !important;
text-align: center !important;
}
.main-content-section {
padding: 25px !important;
}
.bottom-buttons .green-btn {
max-width: 190px;
margin: 5px 0;
}
.bottom-buttons .x-col {
text-align: center;
}
.bottom-buttons {
margin-bottom: 25px !important;
}
} .ss-sub-header {
position: relative;
}
@media (max-width: 1235px) {
.x-navbar-inner .x-container {
width: 93% !important;
}
}
.x-navbar .desktop .x-nav > li > a {
height: 60px !important;
padding-top: 24px !important;
padding-left: 8px !important;
padding-right: 8px !important;
}
.x-navbar .mobile .x-nav li > a {
padding: 1.5em !important;
}
.x-navbar-inner {
min-height: 60px !important;
}
.x-navbar-inner .ss-navbar-wrap {
min-height: 60px;
display: flex;
align-items: center;
justify-content: space-between; }
.x-navbar .desktop .x-nav > li ul {
top: 58px !important;
}
.x-btn-navbar {
margin-top: 7px !important;
}
.menu-item.x-menu-item-woocommerce {
width: 0 !important;
height: 0 !important;
opacity: 0 !important;
margin: 0 !important;
}
.ss-navbar-main-wrap .x-navbar .x-navbar-inner {
display: flex !important;
}
.ss-desktop-nav-wrap {
display: flex !important;
align-items: center;
justify-content: center;
}
@media (max-width: 1280px) {
.ss-desktop-nav-wrap {
display: none !important;
}
}
@media (max-width: 1280px) {
.masthead-inline .x-btn-navbar {
display: block;
float: right;
box-shadow: none !important;
background-color: transparent !important;
}
}
.ss-navbar-main-wrap .ss-navbar-wrap {
width: 100% !important;
display: flex;
justify-content: space-between;
align-items: center;
}
@media (max-width: 1280px) {
.ss-navbar-main-wrap .ss-navbar-wrap,
.ss-navbar-main-wrap .x-navbar-inner {
display: block !important;
padding: 0;
}
}
@media (max-width: 768px) {
.ss-navbar-main-wrap .ss-navbar-wrap {
flex-wrap: wrap;
align-items: center;
text-align: center;
width: 100% !important; }
}
.ss-nav-logo-main-wrap a.img {
margin: 0 !important;
}
.ss-nav-logo-main-wrap {
width: 25%;
}
@media (max-width: 768px) {
.ss-nav-logo-main-wrap {
width: 100%;
margin-bottom: 20px !important;
order: 1;
}
.ss-nav-logo-main-wrap {
float: none;
display: none !important;
}
}
.ss-nav-item {
display: flex;
align-items: center;
justify-content: space-between;
width: 75%;
}
.ss-nav-item.active {
display: block !important;
}
@media (max-width: 768px) {
.ss-nav-item {
justify-content: flex-end !important;
position: relative;
width: 100%;
}
.ss-nav-item.active {
display: block !important;
}
}
@media (max-width: 1280px) {
.ss-nav-item.active {
width: 100%;
}
}
.menu-icon-desktop-nav-wrap {
margin: 0 auto;
}
@media (max-width: 768px) {
.menu-icon-desktop-nav-wrap {
margin: unset !important;
}
}
.navbar-cta-wrap-desktop .navbar-cta-btns {
border-radius: 100px !important;
border: 3px solid #000 !important;
font-size: 12px !important;
text-transform: uppercase;
padding: 3px 12px;
font-weight: 700 !important;
}
.navbar-cta-wrap-desktop :nth-child(1) {
color: #000;
}
.navbar-cta-wrap-desktop :nth-child(2) {
background: #7dc75e;
color: #fff;
}
@media (max-width: 1280px) {
.navbar-cta-wrap-desktop {
width: unset !important;
justify-content: center;
}
.navbar-cta-wrap-desktop .navbar-cta-btns {
position: relative;
}
.navbar-cta-wrap-desktop .navbar-cta-btns button {
width: 100px;
padding: 0;
}
.ss-nav-logo-main-wrap {
margin: 10px 0;
}
.x-btn-navbar {
padding: 9px 15px !important;
margin: 0 !important;
}
}
.navbar-cta-wrap-desktop,
.navbar-cta-wrap-mobile {
display: flex;
gap: 10px;
}
@media (min-width: 768px) {
.navbar-cta-wrap-mobile {
display: none;
}
}
@media (max-width: 768px) {
.navbar-cta-wrap-desktop {
display: none;
}
.navbar-cta-wrap-mobile .navbar-cta-btns {
border-radius: 100px !important;
border: 3px solid #000 !important;
font-size: 10px !important;
text-transform: uppercase;
padding: 3px 12px;
font-weight: 700 !important;
}
.navbar-cta-wrap-mobile {
width: max-content;
position: absolute;
top: 10px;
display: flex;
justify-content: center;
align-items: center;
left: 50%;
transform: translateX(-50%);
}
.navbar-cta-wrap-mobile :nth-child(1) {
color: #000;
}
.navbar-cta-wrap-mobile :nth-child(2) {
background: #7dc75e;
color: #fff;
}
}
.x-navbar .desktop .x-nav > li > a > span {
letter-spacing: 0 !important;
}
@media(max-width: 1280px) {
.menu-item.menu-item-has-children ul {
max-height: 35vh !important;
overflow-y: scroll !important;
}
#x-nav-wrap-mobile ul.x-nav {
overflow-y: scroll !important;
} }
.ss-main-header {
position: fixed !important; top: 0 !important;
z-index: 1030 !important;
} .ss-navbar-main-wrap .x-navbar {
padding: 0 30px;
box-shadow: none;
border-bottom: 0;
}
.ss-trades-banner {
background-color: #f0eded;
text-align: center;
padding: 5px 0 4px;
font-weight: bold;
font-size: 0.875rem;
color: #000;
position: relative;
top: -1px;
border-bottom: 1px solid #c9c9c9;
}
.ss-trades-banner a {
color: #000;
text-decoration: underline;
margin-left: 5px;
}
@media (max-width: 1280px) {
.ss-navbar-main-wrap .x-navbar {
padding: 8px 15px;
}
}
.ss-topbar .x-topbar-inner {
min-height: 46px;
height: 45px !important;
display: flex;
justify-content: center;
align-items: center;
position: relative;
}
.google-reviews-image-holder {
text-align: center;
width: 100%;
}
.ss-topbar .cart-page-link {
position: absolute;
right: 0;
}
.cart-page-link .top-cart .outer i {
font-size: 1.3rem !important;
margin-right: 3px !important;
}
.google-reviews-description-text {
font-size: 1rem;
color: #fff;
font-weight: 500 !important;
position: absolute;
left: 0;
}
@media (max-width: 980px) {
.google-reviews-description-text {
display: none;
}
}
.ss-topbar .cart-page-link:hover {
color: #fff !important;
}
.mobile-logo-wrap {
display: none;
position: relative;
}
@media (max-width: 768px) {
.mobile-logo-wrap {
display: unset;
position: fixed;
z-index: 1100;
width: 85px;
top: 8px;
left: 8px;
}
}
.x-cart .inner {
font-size: 12px;
}  [class*="woocommerce"] li.product .entry-header .button {
position: unset !important;
opacity: 1 !important;
max-width: 210px;
margin-top: 1.5rem !important;
}
[class*="woocommerce"] li.product .entry-wrap {
padding: 0 !important;
}
ul.products li.product {
padding: 1.5rem;
}
ul.products li.product {
padding: 1.5rem;
}
[class*=woocommerce] li.product .entry-wrap {
box-shadow: none !important;
}
.entry-product .entry-wrap {
box-shadow: none;
}
.product-description {
padding: 1.5rem 0rem;
}
.product-details-bullet-points {
margin: 0;
padding-bottom: 1rem;
}
.product-details-bullet-points li {
list-style: none;
}
.product-details-bullet-points li::before {
font-family: "FontAwesome";
content: "\f00c";
margin-right: 8px;
color: #7ec65f !important;
}
.type-product .entry-product h3 {
min-height: 70px !important;
}
@media (max-width: 768px) {
.type-product .entry-product h3 {
height: unset !important;
}
}
.price,
.woocommerce-Price-amount {
color: #000000 !important;
font-size: 1.4rem;
font-weight: 700;
margin-bottom: 8px;
}
.entry-featured::before {
content: "";
display: block;
width: 64px;
height: 64px;
background: url(//www.safeguardsecurity.co.uk/wp-content/uploads/2024/08/union-jack-green.svg) no-repeat
center center;
background-size: cover;
position: absolute;
bottom: 5px;
right: 5px;
}  .woocommerce-cart-form__contents th,
.woocommerce-cart-form__contents td,
.woocommerce-checkout-review-order-table th,
.woocommerce-checkout-review-order-table td {
border: 1px solid hsla(0, 0%, 50.2%, 0.5019607843) !important;
padding: 8px;
} footer {
margin-top: 25px;
}
footer > .x-container {
max-width: 1200px !important;
} body.x-navbar-fixed-top-active .x-navbar-wrap {
height: auto !important;
}
@media (min-width: 768px) and (max-width: 1280px) {
.ss-nav-item {
flex-direction: row-reverse !important;
}
.menu-icon-desktop-nav-wrap {
margin: 0;
}
} @media (max-width: 768px) {
.x-btn-navbar {
padding-right: 0px !important;
}
.x-btn-navbar.collapsed:hover {
color: white !important;
background-color: transparent !important;
box-shadow: none !important;
}
} html {
scroll-padding-top: 150px !important;
scroll-behavior: smooth!important;
}
header {
height: max-content !important; }
.product-details-wrap + .price {
margin: 0  !important;
}
.product_tag-cpo-products .price{
position: relative !important;
padding-left: 4rem !important;
}
.product_tag-cpo-products .price::before {
content: 'From' !important;
position: absolute;
left: 0;
}
.custom-button-product {
font-size: 14px !important;
margin-top: 1.5rem !important;
} div.quantity, input.qty {
display: none !important;
}