/*
Theme Name: Twenty Twenty-Five Child
Theme URI: https://wordpress.org/themes/twentytwentyfive/
Template: twentytwentyfive
Author: the WordPress team
Author URI: https://wordpress.org
Description: Twenty Twenty-Five emphasizes simplicity and adaptability. It offers flexible design options, supported by a variety of patterns for different page types, such as services and landing pages, making it ideal for building personal blogs, professional portfolios, online magazines, or business websites. Its templates cater to various blog styles, from text-focused to image-heavy layouts. Additionally, it supports international typography and diverse color palettes, ensuring accessibility and customization for users worldwide.
Tags: one-column,custom-colors,custom-menu,custom-logo,editor-style,featured-images,full-site-editing,block-patterns,rtl-language-support,sticky-post,threaded-comments,translation-ready,wide-blocks,block-styles,style-variations,accessibility-ready,blog,portfolio,news
Version: 1.4.1779271912
Updated: 2026-05-20 10:11:52

*/

:root :where(.is-layout-flow) > * {
margin-block-start: 0;
margin-block-end: 0;
}

h1, h2, h3, h4, h5, h6{
line-height: 1.3;
}

.has-large-font-size{
font-size: 20px !important;
}

/* Fade-in on scroll */
@keyframes fadeInUp {
from {
opacity: 0;
transform: translateY(30px);
}
to {
opacity: 1;
transform: translateY(0);
}
}

.reveal {
opacity: 0;
transition: all 0.8s ease-out;
}

.reveal.active {
opacity: 1;
animation: fadeInUp 0.8s ease-out forwards;
}



/* Make header sticky and transparent */
header.wp-block-template-part {
position: fixed !important;
width: 100%;
top: 0 !important;
z-index: 999 !important;
background-color: transparent !important;
transition: all 0.3s ease-in-out !important;
}

/* Scrolled state - white background */
header.wp-block-template-part.scrolled {
background-color: #251601 !important;
box-shadow: 0 2px 10px rgba(0,0,0,0.1) !important;
}

/* Default: white text on transparent */
header.wp-block-template-part .wp-block-site-title a,
header.wp-block-template-part .wp-block-site-title {
color: #ffffff !important;
}

.wp-block-navigation .wp-block-navigation__submenu-icon{
color: #ffffff;
}

.scrolled .wp-block-navigation .wp-block-navigation__submenu-icon{
color: #ffffff;
}

.scrolled .wp-block-navigation-submenu > ul .wp-block-navigation-item__label{
color: #ffffff !important;
}

.scrolled .wp-block-navigation-submenu > ul .wp-block-navigation-item__content{
text-decoration-color: #ffffff !important;
}

header.wp-block-template-part .wp-block-navigation-item a,
header.wp-block-template-part .wp-block-navigation__submenu-container a {
color: #ffffff !important;
}

.wp-block-navigation__submenu-container{
background-color: #251601 !important;
color: #ffffff !important;
}

/* Scrolled: black text */
header.wp-block-template-part.scrolled .wp-block-site-title a,
header.wp-block-template-part.scrolled .wp-block-site-title {
color: #ffffff !important;
}

header.wp-block-template-part.scrolled .wp-block-navigation-item a {
color: #ffffff !important;
}

.product-grib-block figure{
overflow: hidden;
border-radius: 20px;
}

.product-grib-block img{
transform: scale(1);
transition: transform 0.5s ease;
}

.product-grib-block:hover img{
transform: scale(1.05);
}

.w-50{
width: calc(50% - 20px);
}

.grid-relative{
position: relative;
}

.grid-relative h4{
padding: 10px;
background-color: #ffffff;
position: absolute;
bottom: 20px;
right: 20px;
width: auto;
border-radius: 10px 0;
}

.w-50-2 img{
aspect-ratio: 2/1 !important;
}

.product-grid-row-1{
gap: 20px;
flex-wrap: wrap;
align-items: stretch;
}

.product-grid-row-1 .w-50-2{
display: flex;
gap: 20px !important;
flex-wrap: wrap;
flex-direction: column;
}

.product-grid-2{
width: 100% !important;
}

.product-grid-2 .w-50{
width: calc(50% - 20px) !important;
}	

.product-grid-2 .w-25{
width: calc(25% - 20px) !important;
}

.product-grid-2 .w-33{
width: calc(33.33% - 20px) !important;
}

.product-grid-2 .w-50 img{
width: 100% !important;
height: 300px;
}

.product-grid-2 figure{
width: 100%;	
}

.product-grid-2 .w-25 img{
width: 100%;
height: 300px;
}

.product-grid-2 .w-25 a, .product-grid-2 .w-33 a{
width: 100%;
}

.product-grid-2 .w-33 img{
width: 100%;
height: 300px;
}

@media(max-width: 767px){

.has-large-font-size{
font-size: 17px !important;
}

.product-grid-2 .w-50{
width: calc(50% - 10px) !important;
padding: 10px !important;
}	

.product-grid-2 .w-25, .product-grid-2 .w-33{
width: calc(50% - 10px) !important;
padding: 10px !important;
}

.product-grid-row-1{
gap: 10px;
}

.product-grid-row-1 .w-50-2{
gap: 10px !important;
}

.product-grid-2 .w-25 img, .product-grid-2 .w-33 img, .product-grid-2 .w-50 img{
height: 220px;
}

.grid-relative h4{
right: 0;
text-align: right !important;
}
}

/* image-text-big-sec */
.image-text-big-sec{
display: flex;
}

.image-text-big-sec-box {
width: calc(33.33% - 20px);
}

.image-text-big-sec-box figure{
width: 100%;
margin-bottom: 30px;
}

.image-text-big-sec-box-rev figure{
margin-bottom: 30px !important;
margin-top: 0px !important;
}

.image-text-big-sec-box .wp-block-heading{
font-size: 24px;
margin-bottom: 15px;
}

.image-text-big-sec-box p{
margin-bottom: auto;
}

.image-text-big-sec-box .wp-block-group {
width: 100%;
background-color: #ffffff;
padding: 30px;
min-height: 420px;
width: 100%;
background-color: #ffffff;
padding: 30px;
min-height: 450px;
display: flex;
flex-direction: column;
justify-content: space-between;
}

@media(max-width: 1280px){
.image-text-big-sec-row{
display: flex;
flex-wrap: wrap !important;
gap: 30px;
}

.image-text-big-sec-box {
width: calc(100% - 0px) !important;
display: flex;
gap: 30px;
}

.image-text-big-sec-box .wp-block-group {
width: calc(50% - 0px);
min-height: auto;
display: flex;
justify-content: center;
}

.image-text-big-sec-box figure{
width: 50%;
margin-bottom: 0;
}

.image-text-big-sec-box figure img{
aspect-ratio: 2/1;
object-fit: cover;
}

.image-text-big-sec-box-rev figure{
margin-bottom: 0px !important;
margin-top: 0px !important;
}
}

@media(max-width: 767px){
.image-text-big-sec-box{
flex-direction: column;
}
.image-text-big-sec-box figure{
width: 100%;
}
.image-text-big-sec-box .wp-block-group{
width: 100%;
}
.image-text-big-sec-box-rev{
flex-direction: column-reverse !important;
}
}

/* why-choose-us */
.why-choose-us h5{
margin-bottom: 15px;
}

.wcu-pointer {
margin-left: 0px !important;
padding: 20px;
border: 1px solid #25160180;
border-radius: 20px;
transition: transform 0.4s ease, background-color 0.4s ease;
transform: translateY(0px);
}
.wcu-pointer:hover {
background-color: #251601;
transform: translateY(-5px);
}
.wcu-pointer:hover h5, .wcu-pointer:hover p{
color: #ffffff;
}

/*
.why-choose-us .icon-before:before {
content: "1";
width: 20px;
height: 20px;
font-size: 14px;
line-height: 20px;
text-align: center;
padding: 5px;
position: absolute;
left: -40px;
top: -5px;
border-radius: 20px;
background-color: #fbfaf3;
}
.why-choose-us .icon-1:before {
content: "1";
}
.why-choose-us .icon-2:before {
content: "2";
}
.why-choose-us .icon-3:before {
content: "3";
}
.why-choose-us .icon-4:before {
content: "4";
}
.why-choose-us .icon-5:before {
content: "5";
}
.why-choose-us .icon-6:before {
content: "6";
}
*/

@media(max-width: 767px){
.why-choose-us .why-choose-us-inner-row{
flex-direction: column;
}
.why-choose-us-2{
order: 1;
}
.why-choose-us-1{
order: 2;
padding-right: 20px !important;
padding-left: 20px !important;
margin-bottom: 20px !important;
}
.why-choose-us-3{
order: 3;
padding-right: 20px !important;
padding-left: 20px !important;
}
.counter-exp{
gap: 10px;    
}
.counter-exp h5{
font-size: 30px !important;
}
.counter-exp p{
font-size: 14px !important;
line-height: 1.4em !important;
}

}

/*footer loctaion*/

.address-box{
list-style-type: none;
}

.address-box ul{
padding-left: 30px;
}

.address-box .add-title{
font-weight: 500;
margin-bottom: 5px;
}

.address-box p{
margin-top: 5px;
}

.address-box li{
font-size: 15px;
margin-bottom: 25px;
position: relative;
}

.address-box li:before{
content: "";
width: 18px;
height: 18px;
background-image: url('https://woodlehomes.com/wp-content/uploads/2026/05/location-2952_64.png');
position: absolute;
background-size: contain;
background-repeat: no-repeat;
left: -30px;
top: 5px;
}
.address-box .phone-detailsul{
margin-bottom: 30px;
}
.address-box .phone-details li{
margin-bottom: 10px;
}
.address-box .phone-details li:before{
background-image: url('https://woodlehomes.com/wp-content/uploads/2026/05/phone.png');
}

@media(max-width: 767px){
.about-section .about-us-inner{
flex-direction: column !important;
}
.footer-1{
flex-basis: 100% !important;
margin-bottom: 30px !important;
}
.footer-2{
flex-basis: 100% !important;
gap: 20px !important;
flex-direction: column;
}
.footer-2-1{
width: 100%;
}
.footer-2-2 h4{
margin-left: -30px !important;
}     
.footer-2-2{
width: 100%;
padding-left: 30px !important;
}

.wp-block-navigation__responsive-container {
padding: 20px !important;
}

}

.about-us-img1 img{
aspect-ratio: 1/1;
object-fit: cover;
}

.swiper-pagination-bullet{
background: #251601 !important;
}

/* ============================================
ASTRA-STYLE MOBILE MENU FOR TWENTY TWENTY-FIVE
Copy this entire CSS to child theme's style.css
============================================ */

/* 1. CHANGE BREAKPOINT (Astra uses ~921px as default) */
/* Mobile menu activates at 921px instead of 600px [citation:1][citation:2] */
@media (max-width: 921px) {

/* Hide desktop menu, show hamburger */
.wp-block-navigation__responsive-container-open:not(.always-shown) {
display: flex !important;
}

.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
display: none !important;
}
}

@media (min-width: 922px) {
.wp-block-navigation__responsive-container-open:not(.always-shown) {
display: none !important;
}

.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
display: block !important;
position: relative;
width: 100%;
background-color: transparent;
}
}

/* 2. ASTRA-STYLE MOBILE MENU APPEARANCE */
/* Make the menu slide from the left instead of full-screen overlay */
@media (max-width: 921px) {
.wp-block-navigation__responsive-container.is-menu-open {
position: fixed !important;
top: 0 !important;
left: 0 !important;
width: 320px !important;
height: 100vh !important;
background-color: #fff !important;
box-shadow: 2px 0 10px rgba(0,0,0,0.1) !important;
transform: translateX(-100%) !important;
transition: transform 0.3s ease-in-out !important;
z-index: 99999 !important;
}

.wp-block-navigation__responsive-container.is-menu-open {
transform: translateX(0) !important;
}

/* Overlay background when menu is open */
.wp-block-navigation__responsive-container.is-menu-open::before {
content: '';
position: fixed;
top: 0;
left: 100%;
right: 0;
bottom: 0;
background-color: rgba(0,0,0,0.5);
pointer-events: none;
}

/* Menu content styling */
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container {
padding: 20px !important;
margin-top: 10px !important;
}

/* Menu items - Astra style */
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item {
display: block !important;
width: 100% !important;
border-bottom: 1px solid #eee !important;
}

header.wp-block-template-part.scrolled .wp-block-navigation-item a, .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item a {
padding: 12px 0 !important;
display: block !important;
font-size: 16px !important;
color: #121212 !important;
}

/* Close button styling */
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close {
position: absolute !important;
top: 15px !important;
right: 15px !important;
background: transparent !important;
color: #333 !important;
}
}

/* 3. ASTRA-STYLE HAMBURGER ICON */
.wp-block-navigation__responsive-container-open {
background: transparent !important;
border: none !important;
padding: 10px !important;
cursor: pointer !important;
}

.wp-block-navigation__responsive-container-open svg {
width: 24px !important;
height: 24px !important;
fill: currentColor !important;
}

@media(min-width: 922px){
.wp-block-navigation .has-child .wp-block-navigation__submenu-container {
padding: 10px;
}
}

/* 4. SUB-MENU STYLING (Astra style dropdown) */
@media (max-width: 921px) {
.wp-block-navigation__submenu-container {
position: relative !important;
top: 0 !important;
left: 0 !important;
width: 100% !important;
opacity: 1 !important;
transform: none !important;
visibility: visible !important;
box-shadow: none !important;
background-color: #f8f9fa !important;
border-left: 3px solid #ddd !important;
margin-left: 10px !important;
}

.wp-block-navigation__submenu-container .wp-block-navigation-item a {
padding-left: 20px !important;
}

.wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-container-content{
align-items: center;
}

.wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-container-content .has-child .wp-block-navigation__submenu-container{
padding-right: 0rem !important;
}

.scrolled .wp-block-navigation-submenu > ul .wp-block-navigation-item__label{
color: #121212 !important;
}

.wp-block-navigation__responsive-container-close, .wp-block-navigation__responsive-container-open{
color: #ffffff !important;
}

.scrolled .wp-block-navigation__responsive-container-close{
color: #121212 !important;
}

.scrolled .wp-block-navigation__responsive-container-open{
color: #ffffff;
}

.wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-container-content .wp-block-navigation__container{
gap: 10px;
}

}

/* 5. OPTIONAL: Change menu breakpoint (Adjust 921px to your preference) */
/* To change breakpoint, simply update all instances of 921px and 922px */
/* Example: For 768px breakpoint, use 768px and 769px */

/* 6. ACTIVE MENU ITEM STYLING */
.current-menu-item a,
.wp-block-navigation-item.current-menu-item a {
color: #2271b1 !important;
font-weight: 600 !important;
}

/* Remove focus outline on menu click */
.wp-block-navigation__responsive-container-open:focus,
.wp-block-navigation__responsive-container-close:focus,
.wp-block-navigation-item__content:focus,
.wp-block-navigation-submenu__toggle:focus {
outline: none !important;
box-shadow: none !important;
}

/* Remove tap highlight on mobile */
.wp-block-navigation__responsive-container-open,
.wp-block-navigation__responsive-container-close,
.wp-block-navigation-item__content {
-webkit-tap-highlight-color: transparent !important;
}

/* Remove focus ring on active/clicked state */
.wp-block-navigation-item__content:active,
.wp-block-navigation-submenu__toggle:active {
background-color: transparent !important;
outline: none !important;
}

/* Remove focus from menu when opened */
.wp-block-navigation__responsive-container.is-menu-open:focus {
outline: none !important;
}

/* Our Team */

.our-team-section img{
width: 100%;
}

.why-i-h{
border: 1px solid #dfdfdf !important;
overflow: hidden;
position: relative;
transition: box-shadow 0.4s, transform 0.2s ease;
background-color: #ffffff !important;
}

.why-i-h::before {
content: '';
position: absolute;
inset: 0;
background-color: #251601;
z-index: -1;           
transition: transform 0.45s cubic-bezier(0.2, 0.9, 0.4, 1.1);
transform: translateY(100%);
border-radius: inherit; 
pointer-events: none;  
}

.why-i-h:hover::before {
transform: translateY(0);
}

.why-i-h:hover p {
color: #ffffff;
}

.why-i-h:hover .has-large-font-size,
.why-i-h:hover .has-medium-font-size {
color: #ffffff;
}

.why-i-h .wp-block-image img {
transition: padding 0.5s ease;
}

.why-i-h:hover .wp-block-image img {
background-color: #fff1e0;   
transform: scale(1.02);
box-shadow: 0 8px 18px rgba(0, 0, 0, 0.08);
border-radius: 8px;
padding: 5px;
}

.why-i-h:hover {
box-shadow: 0 20px 32px rgba(0, 0, 0, 0.12);
transform: translateY(-3px);
}

.leadership-inner > .reveal:hover{
margin-top: -10px;
}

/* About Us Page */

@media(max-width: 960px){
.about-us-about-inner-1, .about-us-about-inner-2{
flex-wrap: wrap !important;
}

.mobile-banner {
padding-top: calc(50% + 70px) !important;
transform: translateY(-50%);
}

.mw-100 {
width: 100% !important;
flex-basis: 100% !important;
}
.about-us-about-inner-2{
gap: 10px !important;
flex-wrap: wrap;
}
.about-us-about-inner-2 .c-img{
width: calc(50% - 10px) !important;
}
.about-us-about-inner-2 img{
aspect-ratio: 3/2;
object-fit: cover;
}

.mision-vision-inner{
flex-wrap: wrap;
}

.mision-vision-inner > .wp-block-group{
width: 100% !important;
flex-basis: 100% !important;
flex-wrap: wrap;
}
.mision-vision-inner .c-img, .mision-vision-inner .c-content{
flex-basis: 100%;
}

.mision-vision-inner > .wp-block-group img{
aspect-ratio: 1/1;
width: 80px;
flex-basis: 100%;
object-fit: cover;
}

.mision-vision-inner > .wp-block-group figure{
padding: 20px 0 0 20px;
align-content: flex-start;
}

.leadership-inner{
flex-wrap: wrap;
gap: 15px;
}

.leadership-inner .reveal{
flex-basis: calc(50% - 10px) !important;
}
.why-indonesia-inner {
flex-wrap: wrap;
}
.why-indonesia-inner > .wp-block-group {
flex-basis: 100% !important;
}
}

footer .address-box ul{
list-style-type: unset;
}

.dcpage-box{
width: calc(50% - 20px);
padding: 25px;
border: 1px solid #d6d6d6;
border-radius: 15px;
}
.dcpage-box img{
height: 80px;
width: 80px;
background-color: #f7f6f1;
border-radius: 15px;
padding: 15px;
}
.dcpage-box h2{
font-size: 25px;
}
.banner-overlay:before{
	content: "";
	position: absolute;
	background-color: #12121290;
	height: 100%;
	width: 100%;
	top: 0px;
	left: 0px;
	z-index: 1;
}

@media(max-width: 767px){
.wp-container-core-group-is-layout-e4596533, .timber_sourcing_2{
flex-direction: column;
}
.wp-container-core-group-is-layout-3cc0b85d {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    }
}