body {
padding: 0;
margin: 0;
font-size: 18px; font-family: 'Outfit', sans-serif;
}
p {
margin-bottom: 0;
}
h3 {
margin-bottom: 0;
}
.separate-containers .site-main{
margin: 0;
}
.hide{
visibility: hidden;
} #generate-slideout-menu {
width: 400px;
padding-left: 15px;
overflow: hidden; }
#generate-slideout-menu:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url(http://woodsandprints.bestinsingapore.asia/wp-content/uploads/2025/02/background-contact-us.png);
background-color: #FFFFFF !important;
background-position: center center;
background-size: cover;
}
.slideout-navigation button.slideout-exit {
color: #222222;
font-size: 20px;
}
.slideout-exit {
position: absolute;
top: 60px; left: 300px; }
.main-navigation a {
font-size: 1em;
}
.slideout-menu li {
transition: background-color 0.1s ease, color 0.1s ease;
}
.slideout-menu li:hover {
color: var(--brown); }
.current-menu-item a {
color: var(--brown) !important; }
@media (max-width: 768px) { #generate-slideout-menu {
overflow: hidden; }
}  .page-hero {
background-size: cover;
background-position: center top; height: auto; min-height: 100vh; }
.page-hero img {
width: 100%;
height: 100%; object-fit: cover; position: absolute; top: 0;
left: 0;
} .page-hero::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(34, 34, 34, 0.4); z-index: 1; pointer-events: none; } .page-hero .hero-content {
position: relative;
z-index: 2; color: white; text-align: center;
}
.bg-opacity {
position: relative;
}
.bg-opacity::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url(https://woodsandprints.bestinsingapore.asia/wp-content/uploads/2025/03/services-background.png) no-repeat center center / cover;
opacity: 0.3; z-index: 1;
}
.bg-opacity > * {
position: relative;
z-index: 1;
}
.why-choose-us-image {
position: relative;
overflow: hidden; border-radius: 10px; }
.why-choose-us-image::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0); transition: background 0.3s ease-in-out;
border-radius: 10px; }
.why-choose-us-text {
color: white;
opacity: 0; transition: opacity 0.3s ease-in-out;
z-index: 2;
}
.why-choose-us-image:hover::before {
background: rgba(0, 0, 0, 0.7); }
.why-choose-us-image:hover .why-choose-us-text {
opacity: 1; }
.logo {
position: relative;
height: 130px;
overflow: hidden; }
.logo img {
position: absolute;
width: 100%;
height: 100%;
transition: transform 0.5s ease-in-out !important;
}
.logo img:first-child {
transform: translateY(0); }
.logo img:last-child {
transform: translateY(100%); }
.logo:hover img:first-child {
transform: translateY(-100%); }
.logo:hover img:last-child {
transform: translateY(0); } @media (max-width: 1024px) {
video {
height: 800px;
object-fit: cover;
}
.logo {
height: 70px;
}
} @media (max-width: 768px) {
video {
height: 650px;
object-fit: cover;
}
.page-hero-text{
margin-top: -50px;
padding: 0 10px;
}
.slider-wrapper {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
.slider {
display: flex;
gap: 20px;
min-width: max-content;
flex-wrap: nowrap;
}
.slider-wrapper::-webkit-scrollbar {
display: none;
}
.gb-element-e62b69d9{
padding: 50px 40px;
}
.logo {
height: 110px;
}
.gb-looper-15c89d50 > div {
flex: 0 1 70%; max-width: 250px; }
}   .cf7-flex {
display: flex;
gap: 10px;
} .cf7-half {
flex: 1;
} .wpcf7 input, 
.wpcf7 select, 
.wpcf7 textarea {
width: 100%;
padding: 12px 10px;
border: 1px solid rgba(206, 206, 206, 1);
border-radius: 3px;
font-family: 'Roboto', sans-serif;
margin-bottom: 25px;
font-size: 0.89em;
} .wpcf7 label {
display: block;
text-align: left;
margin-bottom: 5px;
font-size: 0.89em;
font-weight: 400;
font-family: 'Roboto', sans-serif;
} .wpcf7 select {
color: rgba(34, 34, 34, 1);
}
.wpcf7-form br {
display: none !important;
}
.wpcf7 {
background-color: white;
padding: 50px 100px;
border-radius: 20px;
max-width: 1260px;
margin: 0 250px; } .wpcf7-submit {
padding: 10px 25px !important;
border-radius: 50px !important;
font-family: Outfit !important;
font-weight: 300 !important;
margin-bottom: 0 !important;
} @media (max-width: 1024px) {
.wpcf7 {
max-width: 900px; margin: 0 50px; padding: 40px; }
} @media (max-width: 480px) {
.wpcf7 {
max-width: 100%; margin: 0; padding: 20px; }
.cf7-flex{
display: block;
}
} .post-title{
text-transform: uppercase;
}
.breadcrumbs span[property="itemListElement"] a {
font-weight: 700;
font-size: 0.89em;
color: var(--brown);
}
.breadcrumbs span[property="itemListElement"] > span[property="name"] {
font-weight: 400;
font-size: 0.89em;
}
.acf-gallery {
display: flex;
flex-wrap: wrap;
gap: 25px;
justify-content: flex-start; width: 100%;
max-width: 100%;
}
.acf-gallery a {
display: block;
} .acf-gallery img {
width: 315px; height: 315px;
object-fit: cover;
border-radius: 10px;
} @media (max-width: 1024px) {
.acf-gallery {
gap: 25px;
justify-content: center;
}
.acf-gallery img {
width: 280px;
height: 280px;
}
} @media (max-width: 600px) {
.acf-gallery {
justify-content: space-between; }
.acf-gallery a {
display: flex;
width: calc(50% - 12.5px); justify-content: center;
}
.acf-gallery img {
width: 100%; height: 200px; object-fit: cover; }
} .stretch-link{
position: relative;
}
.stretch-link a::after{
content: '';
position: absolute;
inset: 0;
}
.stretch-link a:is(:focus-visible)::after{
outline: 2px solid;
}
.stretch-link a:is(:hover, :focus){
outline: none;
}