/*
Theme Name:     Twenty Twenty-Five Child
Template:       twentytwentyfive
Version:        1.1.6
*/
body,html{ font-family: quasimoda, sans-serif!important; background-color: #f8f8f7!important;}
a{ transition: color 0.3s ease, opacity 0.3s ease!important; /* smooth fade */}
b, strong{font-weight:700!important;}
/* TWS Slide Down Menu*/
.tws-header { display: flex; position: absolute; top: 0; left: 0; z-index: 998!important;justify-content: space-between; width: 100%; align-items: center;}
.logo{ padding:15px!important; margin-left: 40px!important;}
.logo img{ width: 300px!important;}
ul.header-menu{font-family: quasimoda, sans-serif!important;display:flex!important;padding:0 10px!important;margin-right: 40px!important;}
ul.header-menu ul{display: none!important; font-size: 13px!important;}
ul.header-menu li{list-style: none!important;padding:10px!important;font-size: 13px!important; position: relative;}
ul.header-menu li:after{display: inline-block; content: '|'; color: #fff; padding-left: 20px!important;}
ul.header-menu li:last-child:after, ul.header-menu li:hover ul li:after{ display: none!important;}
ul.header-menu li a{text-decoration: none!important; letter-spacing: .1em!important; text-transform:uppercase; font-weight: 400!important;color: #fff!important;}
ul.header-menu li a:hover{color:#ef611d!important;}
ul.header-menu li:hover ul{ display: block!important; width: 200px; background-color:#f8f8f7!important; position: absolute; top:35px; left: -7px; 
padding: 10px!important;z-index: 9998!important;}
ul.header-menu li:hover ul li{ padding: 5px 10px!important;}
ul.header-menu li:hover ul li a{ text-transform: none!important; letter-spacing: 0!important; color: #333!important;}
ul.header-menu li:hover ul li a:hover, #navbar ul.header-menu li:hover ul li a:hover{color:#ef611d!important;}

.logo{ margin-left: 2.5%; padding: 20px 0; width: 20%;}
.logo img{ }
#header .tws-nav ul.menu li a{text-decoration: none;color: #fff!important;}
#header .tws-nav ul.menu li a:hover{text-decoration: underline!important;}
#responsive-menu-pro-title, #responsive-menu-pro-title-image{ margin: 0!important; padding: 5px!important;}


#showheader {
  justify-content: space-between;
  width: 100%;
  align-items: center;
  position: absolute;
  z-index: 999 !important;
  display: flex;
  align-items: center;
  
  background-color: transparent;     /* START TRANSPARENT */
  
  opacity:1;

  
  pointer-events: auto;
}


#navbar {
  justify-content: space-between;
  width: 100%;
  align-items: center;
  position: fixed;
  z-index: 999 !important;
  display: flex;
  align-items: center;
  
  background-color: transparent;     /* START TRANSPARENT */
  
  opacity: 0;
  visibility: hidden;                /* IMPORTANT */
  transition: opacity 0.99s ease, background-color 0.99s ease;
  
  pointer-events: none;
}

#navbar.active {
  opacity: 1;
  visibility: visible;
  background-color:transparent;         /* ONLY WHEN SCROLLED */
  pointer-events: auto;
}


#navbar ul.header-menu li a, #showheader ul.header-menu li a{text-decoration: none;color: #333!important;}
#navbar ul.header-menu li a:hover, #showheader ul.header-menu li a:hover{color:#ef611d!important;}
#navbar ul.header-menu li:hover ul{ display: block!important; width: 200px; background-color:#f8f8f7!important; position: absolute; top:35px; left: -7px; 
padding: 10px!important; z-index: 9998!important;}
#navbar ul.header-menu li:after{display: inline-block; content: '|'; color: #333; padding-left: 20px!important;}

.link a{  display: inline-block; padding-bottom: 7px; border-bottom: solid 1px #333!important;}
.link a:hover{  display: inline-block; padding-bottom: 7px; border-bottom: solid 1px #ef611d!important;color:#ef611d!important;}

/*Project Section*/
.eael-image-accordion-hover .eael-image-accordion-item{}
body.page-id-22 .tws-header, body.page-id-24 .tws-header, body.page-id-14 .tws-header, body.page-id-3 .tws-header, body.page-id-12 .tws-header, body.page-id-16 .tws-header, body.page-id-20 .tws-header{display: none!important;}




small{font-size:12px!important; font-weight: 400!important;
}
label, .frm_primary_label{text-transform:none!important; letter-spacing: .0em!important; font-size:14px!important;}
.frm_primary_label{ margin-bottom: 5px!important}
.frm_opt_container label{text-transform: none!important; letter-spacing:0!important;}
input, textarea{ border: solid 0px #999!important;border-bottom:solid 1px #999!important; border-radius: 0px!important;}
.vertical_radio input{ border: solid 1px #999!important;}
button{font-family: quasimoda, sans-serif!important; font-size: 14px!important; letter-spacing: .0em!important}

/*Work*/
/* Add spacing between items */
/* Default: two-column layout */
/* Target the gallery grid items directly */
/* Make the grid container use auto-fit so we can control items */


.work-gallery .dynamic-gallery-item:nth-child(3n+1){ width: 100%!important; min-width: 100%!important; max-width: 100%!important;}

.work-gallery .dynamic-gallery-item:nth-child(3n+1) img {
width: 100%!important;
overflow: visible!important; /* ensure container doesn't clip the image */
display: block!important;
}
/* Full-width items: 1st, 4th, 7th, etc. */
.work-gallery .dynamic-gallery-item .dynamic-gallery-item-inner:nth-child(3n+1) {
    height: auto !important; /* allow natural height */

}

/* Full-width items: 1st, 4th, 7th, etc. */
.work-gallery .dynamic-gallery-item-inner:nth-child(3n+1) {
    height: auto!important; /* remove fixed height */
	
}
.work-gallery .dynamic-gallery-item-inner:nth-child(3n+1) .dynamic-gallery-thumbnail {

    height: auto!important; /* remove fixed height */
}

/* Optional: ensure half-width items stay 300px */
 .work-gallery .dynamic-gallery-item-inner,  .work-gallery-work .dynamic-gallery-item-inner {
    height: auto!important;
}

/* Make images fill their container */
.work-gallery .dynamic-gallery-thumbnail img, .work-gallery-work .dynamic-gallery-thumbnail img {
    width: 100%!important;
    height: 100%!important;
    object-fit: cover!important; /* cover for half-width, adjust for full-width */
    display: block!important;
}


/* Override object-fit for full-width items so image shows natural height */

ol li strong, ol li b{ text-transform: uppercase!important; letter-spacing: .1em!important;}
ol{margin-left: -20px!important; margin-top: 0!important;}
ol li{ padding: 0 0 20px 0!important;}

#rmp_menu_trigger-402{ position: fixed!important; right: 0!important; top: 0!important;
}
.ppolicy h3{ text-transform: uppercase!important; letter-spacing: .1em!important; font-size: 20px!important;}
.ppolicy ul{ margin-left: 0!important; padding: 5px 0!important; margin-left: 20px!important;}
#footer {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.5s ease, visibility 0.5s ease;
}

/* Footer visible */
#footer.visible {
  opacity: 1;
  visibility: visible;
}


footer{ padding: 40px 60px 20px 60px!important; background-color: #efefee!important; }
.cn-button{color:#fff!important;}
.frame{ width: 1280px; margin: 0 auto; padding: 40px!important;}
footer .smallfooter{display: flex; justify-content:space-between; align-items: baseline!important; margin-bottom: 20px!important;}
footer .left{ text-align: left; align-content: center!important;}
footer .right{text-align: right; padding-right: 0px!important;}
footer .left a{ text-decoration: none!important;letter-spacing: .1em!important; margin-right: 7px!important; font-size: 12px!important; font-weight: 500!important; color: #666!important}
footer .left a:hover{color:#F15E22!important}
footer ul li, footer ul{list-style: none!important;}
footer ul

/*Process*/

/*Projects*/
body.postid-1258 .elementor-post-navigation__prev a{display: none!important;}
body.postid-1258 .elementor-widget-post-navigation{border-left:none!important;}

body.postid-1892 .elementor-post-navigation__next a{display: none!important;}
body.postid-1892 .elementor-widget-post-navigation{border-right:none!important;}
 
@media all and (max-width: 1320px){.frame{ width: 100%; margin: 0 auto; padding: 40px!important;}}
@media all and (max-width:1024px){
	.frame{ width:100%!important; margin: 0 auto; padding: 0px!important;}
	ul.header-menu{display: none!important;}
	/*Project Section*/
.eael-img-accordion{ height: 600px!important; min-height: 600px!important; max-height: 600px!important}
	
}
@media all and (max-width:699px){
	.logo{ margin-left: 2.5%; padding: 20px 0; width: 100%; text-align: center!important;}
	.logo{ padding:15px!important; margin-left: 0px!important; text-align: center!important; width: 100%!important;}
	.logo img{ width: 215px!important;}
	.eael-img-accordion{height: 300px!important; min-height: 300px!important; max-height: 300px!important}
	.frame{ width:100%!important; margin: 0 auto; padding: 0px!important;}
footer .smallfooter{display: flex; flex-direction: column!important; align-items: baseline!important; margin-bottom: 20px!important;justify-content:center!important;}
	
	footer .left{ text-align: center; align-content: center!important; padding:0 0 20px 0!important;width: 100%!important;}
footer .right{text-align: center;width: 100%!important;}
.cfooter br{display: none!important;}


/* Make images fill their container */
.work-gallery .dynamic-gallery-thumbnail img, .work-gallery-work .dynamic-gallery-thumbnail img {
    width: 100%!important;
    height: 100%!important;
    object-fit: cover!important; /* cover for half-width, adjust for full-width */
    display: block!important;
}
	footer{ padding: 40px 40px 20px 40px!important; background-color: #e5e5e5!important; text-align: center!important; }
	footer img{max-width:200px!important; margin-bottom: 20px!important;}

}