@charset "UTF-8";
/*-----------------
[Master Stylesheet]
Project:	Interior & Furniture
-----------------*/	

/*-----------------
[Table of contents]

1. Body
2. Click Top / #topcontrol
4. Header / .header
5. navbar / .navbar
6. Theme Banner / #banner
7. section-about / #section-about
8. Our Service / #Our Service
9. section-testimonial / #section-testimonial
10. section-portfolio / #portfoliolist
11. bg-image / #bg-image 
12. event / .event
13. footer / .footer
-------------------------------------------------------------------
[Color codes]
Body-Font:  	#ffffff {white}
Background:		#ffffff (white)
Content:		#111111 (dark grey)
Default:		#fecb38 (grey)
Primary:		#2bb9c3	(Turquoise)
Info:			#fd7397	(Pink)
Success:		#128807	(Green)
Warning:		#f0ad4e	(Yellow)
Danger:			#f33923	(Red)

a (standard):	#212121 (dark grey)
a (visited):	#fecb38 (Yellow )
a (active):	 	#fecb38 (Yellow )
 
-------------------------------------------------------------------

Body defaults:14px 'Ubuntu', sans-serif;;
Input, textarea:14px 'Ubuntu', sans-serif;;
Notes:	decreasing heading by 0.4em with every subsequent heading level

-------------------------------------------------------------------*/
/* Page css */ 
@import "../../assets/css/bootstrap.min.css";
@import "../../assets/css/style.css";
@import "../../assets/css/hover.css";
@import "../../assets/css/banner.css";
@import "../../assets/css/layout.css";
/* Page css */

/*owl*/
@import "../../assets/owlcarousel/owl.carousel.min.css";
@import "../../assets/owlcarousel/owl.theme.default.min.css";
 
/*owl*/

/*responsive css*/
@import "../../assets/css/responsive.css";
/*responsive css*/

/*coming-soon*/
@import "../../assets/coming-soon/css/style.css";
/*coming-soon*/

/*font-awesome*/
@import "../../assets/font-awesome/css/font-awesome.min.css";
/*font-awesome*/
/* Force portfolio to be centered and 3 boxes per row */
#portfoliolist{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:24px;
  max-width: 1100px;   /* keeps them in the middle */
  margin: 0 auto;      /* centers the whole group */
}

/* Each box = 1/3 row (desktop) */
#portfoliolist .portfolio{
  flex: 0 0 calc(33.333% - 24px);
  max-width: calc(33.333% - 24px);
}

/* Responsive: 2 per row on tablets */
@media (max-width: 992px){
  #portfoliolist .portfolio{
    flex: 0 0 calc(50% - 24px);
    max-width: calc(50% - 24px);
  }
}

/* Responsive: 1 per row on phones */
@media (max-width: 576px){
  #portfoliolist .portfolio{
    flex: 0 0 100%;
    max-width: 100%;
  }
}

* Make dropdown visible/usable on phones */
@media (max-width: 991px){
  .navbar .dropdown-menu{
    display: block !important;   /* show submenu items */
    position: static !important; /* keep inside collapsed menu */
    float: none !important;
    background: transparent;
    border: 0;
    box-shadow: none;
    padding-left: 15px;
  }

  .navbar .dropdown-toggle::after{
    display: none; /* optional: hide arrow if it looks odd */
  }

  .navbar .dropdown-menu .dropdown-item{
    padding: 10px 0;
  }
}
#portfoliolist figcaption > div{
  display:none !important;
}