:root {
–theme-red: #D1412F;
–theme-pink: #FFE0DC;
}
body, p {
font-size: 1.6rem;
color: #59595F;
font-family: ‘Poppins’;
}
p {
line-height: 2;
}
h1, h2, h3, h4 {
color: #000;
text-transform: uppercase;
}
h1 {
font-size: 4.5rem;
margin-bottom: 3rem;
}
h2 {
font-size: 4rem;
font-weight: 700;
margin-bottom: 3rem;
}
h3 {
font-size: 2.5rem;
margin-bottom: 2rem;
}
h4 {
font-size: 2rem;
margin-bottom: 1.5rem;
}
.brxe-container {
width: 1300px !important;
}
header#brx-header {
background: linear-gradient(rgba(0,0,0,0.8), rgba(31,31,31,0.6));
padding: 1rem 0;
}
header#brx-header,
header#brx-header p,
header#brx-header a,
header#brx-header h2,
header#brx-header span.title {
color: #FFF;
}
#brx-header.sticky.on-scroll {
position: fixed;
}
footer#brx-footer {
background-color: #000;
}
footer#brx-footer p,
footer#brx-footer h2,
footer#brx-footer span.title {
color: #FFF;
}
footer#brx-footer h2 {
font-size: 2.5rem;
text-transform: uppercase;
}
#get-in-touch .icon {
color: var(–theme-red);
}
#get-in-touch a:hover {
text-decoration: underline;
color: #FFF;
}
.bricks-button {
text-transform: uppercase;
font-weight: bold;
font-size: 2rem;
padding: 0.75rem 3rem;
border-radius: 1.2rem;
margin: 3rem 0;
}
.bricks-button.bricks-background-primary {
background-color: var(–theme-red);
color: #FFF;
}
#footer-copyright-text a {
color: var(–theme-red);
pointer-events: none;
}
#get-in-touch ul li {
margin-bottom: 1.5rem;
}
#front-top-highlighted {
transform: skew(0deg, 4deg);
}
#front-top-highlighted-container {
transform: skew(0deg, -4deg);
}
#front-bottom-highlighted {
transform: skew(0deg, -4deg);
}
#front-bottom-highlighted-container {
transform: skew(0deg, 4deg);
}
#featured-categories-slider .splide__arrow svg {
width: 2rem;
}
#front-content-bottom-container {
width: 1400px !important;
}
#testimonial-text p {
font-size: 1.4rem;
line-height: 1.5;
}
.bricks-search-form input[type=search] {
border-top-left-radius: 2rem;
border-bottom-left-radius: 2rem;
}
.bricks-search-form input[type=search] {
width: 100%;
}
#newsletter-signup {
position: relative;
}
#newsletter-signup .bricks-button {
position: absolute;
top: -30px;
right: 0px;
font-size: 3rem;
padding: 1.4rem 2rem;
border-radius: 0.8rem;
}
#footer-product-categories a span:hover {
text-decoration: underline;
}
#menu-main-menu a:hover {
color: var(–theme-red);
}
#testimonials-slider .splide__arrows {
position: absolute;
bottom: -5rem;
left: 50%;
}
#testimonials-slider .splide__arrow–prev {
left: -100%;
position: relative;
top: 1.4rem;
}
#testimonials-slider .splide__arrow–next {
right: -40%;
position: relative;
}