/* --- Shared Image Styles --- */
.ft-item {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 4px !important;
    margin: 0 !important;
    padding: 0 !important;
}
.ft-item img { 
    width: 100% !important; 
    height: 100% !important;
    object-fit: cover !important; 
    filter: grayscale(100%) !important; 
    transition: filter 0.5s ease, transform 0.5s ease !important; 
    display: block !important;
}
.ft-item img:hover { 
    filter: grayscale(0%) !important; 
    transform: scale(1.03) !important; 
    cursor: pointer !important; 
    z-index: 10 !important;
}

/* --- STATIC GALLERY GRID --- */
.ft-gsap-gallery {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    grid-auto-rows: 250px !important; 
    gap: 15px !important;
    width: 100% !important;
    max-width: 1400px !important;
    margin: 0 auto !important;
    padding: 20px !important;
    grid-template-areas:
        "img1 img2 img2 img3"
        "img4 img2 img2 img5"
        "img4 img6 img7 img7"
        "img8 img9 img7 img7"
        "img10 img9 img11 img12" !important;
}
.ft-gsap-gallery .ft-item:nth-child(1)  { grid-area: img1 !important; }
.ft-gsap-gallery .ft-item:nth-child(2)  { grid-area: img2 !important; } 
.ft-gsap-gallery .ft-item:nth-child(3)  { grid-area: img3 !important; }
.ft-gsap-gallery .ft-item:nth-child(4)  { grid-area: img4 !important; } 
.ft-gsap-gallery .ft-item:nth-child(5)  { grid-area: img5 !important; }
.ft-gsap-gallery .ft-item:nth-child(6)  { grid-area: img6 !important; }
.ft-gsap-gallery .ft-item:nth-child(7)  { grid-area: img7 !important; } 
.ft-gsap-gallery .ft-item:nth-child(8)  { grid-area: img8 !important; }
.ft-gsap-gallery .ft-item:nth-child(9)  { grid-area: img9 !important; } 
.ft-gsap-gallery .ft-item:nth-child(10) { grid-area: img10 !important; }
.ft-gsap-gallery .ft-item:nth-child(11) { grid-area: img11 !important; }
.ft-gsap-gallery .ft-item:nth-child(12) { grid-area: img12 !important; }

@media (max-width: 768px) {
    .ft-gsap-gallery {
        grid-template-columns: repeat(2, 1fr) !important;
        grid-template-areas:
            "img1 img2"
            "img3 img2"
            "img4 img5"
            "img4 img6"
            "img7 img7"
            "img8 img9"
            "img10 img9"
            "img11 img12" !important;
    }
}

/* --- SCROLLING HOMEPAGE LAYOUT --- */
.ft-gsap-wrapper {
    position: relative !important;
    width: 100% !important;
    height: 90vh !important; 
    overflow: hidden !important; 
    background: #121212 !important;
}
.ft-center-anchor {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    z-index: 50 !important;
    pointer-events: none !important; 
    background: transparent !important; /* Made transparent */
    padding: 0 !important;              /* Removed padding */
    width: 150px !important;
    height: 150px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}
.ft-center-anchor img {
    max-width: 100% !important;
    height: auto !important;
}
.ft-columns-container {
    display: flex !important;
    gap: 15px !important;
    height: 100% !important;
    max-width: 1400px !important;
    margin: 0 auto !important;
}
.ft-column {
    flex: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 15px !important;
    will-change: transform !important; 
	/* transform: translateZ(0) !important;*/
	backface-visibility: hidden !important;
}
.ft-column .ft-item { flex-shrink: 0 !important; }
.ft-column .ft-item:nth-child(even) { height: 40vh !important; }
.ft-column .ft-item:nth-child(odd) { height: 25vh !important; }

/* --- Force Fancybox UI Visibility --- */
.fancybox__toolbar {
    z-index: 99999 !important;
}

.f-button[data-fancybox-close],
.f-button.is-close-btn {
    display: flex !important;
    background: rgba(0, 0, 0, 0.7) !important;
    border-radius: 50% !important;
    color: #ffffff !important;
    z-index: 99999 !important;
}

.f-button svg {
    display: block !important;
    width: 24px !important;
    height: 24px !important;
    stroke: #ffffff !important;
    stroke-width: 2 !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* --- HEADER, OVERLAY MENU, & PRELOADER --- */
/* Hamburger Z-Index Priority */
.ft-custom-hamburger { 
    position: absolute !important; 
    top: 30px !important; 
    left: 30px !important; 
    z-index: 1000000 !important; /* Forces button above everything */
    cursor: pointer !important; 
    background: none !important; 
    border: none !important; 
    padding: 10px !important; 
}
/* Default Hamburger (White) */
.ft-custom-hamburger span { 
    display: block !important; 
    width: 30px !important; 
    height: 3px !important; 
    background-color: #ffffff !important; /* White for the dark gallery */
    margin-bottom: 6px !important; 
    transition: 0.3s !important; 
}

/* New Dark Hamburger Class */
.ft-custom-hamburger.dark span {
    background-color: #000000 !important; /* Black for your white header */
}

/* Preloader Layer */
#ft-preloader { 
    position: fixed !important; 
    top: 0 !important; 
    left: 0 !important; 
    width: 100vw !important; 
    height: 100vh !important; 
    background: #121212 !important; 
    z-index: 999999 !important; /* High, but under the hamburger */
    display: flex; 
    justify-content: center !important; 
    align-items: center !important; 
    color: #fff !important; 
    font-family: 'Roboto Mono', monospace !important; 
    font-size: 24px !important; 
    letter-spacing: 2px !important; 
    transition: opacity 0.5s ease; 
}

/* Overlay Menu */
.ft-overlay-menu { 
    position: fixed !important; 
    top: 0 !important; 
    left: 0 !important; 
    width: 100vw !important; 
    height: 100vh !important; 
    background: rgba(0,0,0,0.95) !important; 
    z-index: 999998 !important; /* Under the hamburger */
    display: flex !important; 
    align-items: center !important; 
    justify-content: center !important; 
    opacity: 0 !important; 
    visibility: hidden !important; 
    transition: 0.3s ease !important; 
    overflow-y: auto !important; 
}
.ft-overlay-menu.active { 
    opacity: 1 !important; 
    visibility: visible !important; 
}
.ft-overlay-nav ul { 
    list-style: none !important; 
    text-align: center !important; 
    padding: 0 !important; 
}
.ft-overlay-nav ul li { 
    margin: 20px 0 !important; 
}
.ft-overlay-nav ul li a { 
    color: #fff !important; 
    font-size: 24px !important; 
    font-family: "Roboto Mono", monospace !important; 
    text-decoration: none !important; 
    text-transform: uppercase !important; 
    letter-spacing: 2px !important; 
}
.ft-sub-menu { 
    display: none !important; 
    margin-top: 10px !important; 
}
.ft-sub-menu.active { 
    display: block !important; 
}
.ft-sub-menu li a { 
    font-size: 16px !important; 
    color: #aaa !important; 
}
.ft-sub-menu li a:hover { 
    color: #fff !important; 
}

ul#primary-menu.nav-menu {
	text-align:right;
}
/*.site-branding {
	text-align: left;
		padding: 5px;
}

.site-branding-logo img {
    max-height: 100px;
    width: auto;
	  position: absolute;
    z-index: 1;
	
	
}*/

/* --- HEADER BRANDING BANNER --- */
.site-branding {
    background-color: #ffffff !important; /* The white banner */
    text-align: center !important;
    padding: 20px 0 !important;
    width: 100% !important;
    display: block !important;
}

.site-branding-logo {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
}

.site-branding-logo img {
    position: relative !important; /* Restores document flow so it stops blocking the menu */
    max-height: 120px !important;  /* Adjust this value to dictate the total height of the white banner */
    width: auto !important;
    margin: 0 auto !important;
    z-index: 10 !important;
}

/* Hide the old Site Title and Description */
.site-branding-text {
    display: none !important;
}

/* --- FOOTER CREDIT REMOVAL --- */
/* Non-destructively hides the Kantipur Themes attribution */
.site-info {
    display: none !important;
}

li#menu-item-470 {
	    text-align: center;
}
.dropdown-toggle {
	right:-35px;
}

.menu-toggle {
    text-align: right;
}
td {
	padding: 0px !important;
	border:0px !important;
}
img {
	max-width: auto;
	border-style: none;
}
tr {
    border-bottom: 0px !important;
}
table
{
	width: auto !important;
	border: 0px !important;
}
.wp-block-table table {
	width: auto;
}
div#sp-qkqio6 {
	padding: 0 !important;
}

.introTable {
	position: absolute;
  top: 25%;
  left: 25%; 
	padding: 0px;
	border: 0px;
	width: auto;
}

 .card {

        position: relative;
        display: inline-block;
     
    }
    .card .img-top {
        display: none;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 99;
			display: none;
    }
    .card:hover .img-top {
        display: inline;
			
    }

body.page-id-10 #secondary {
    display: none;
}

body.page-id-10 #primary{
	width: 100%;
	padding-right: 0px;
}



/* ------------------  */
/* --- FONTS --- */
@import url('https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@300;400&display=swap');

/* --- THEME OVERRIDES (Online Photography) --- */
/* Invert the whole site to Dark Mode */
body, html, .site, .site-content-contain {
    background-color: #121212 !important;
    color: #b0b0b0 !important;
    font-family: 'Roboto Mono', monospace;
}

/* Header overrides */
.site-header {
    background-color: #000000 !important;
    border-bottom: 1px solid #333;
}

.site-title a {
    color: #ffffff !important;
    font-weight: 100 !important;
    letter-spacing: 3px;
}

/* Navigation - Dimmed until hover */
.main-navigation a {
    color: #666666 !important;
    font-family: 'Roboto Mono', monospace;
    font-size: 12px !important;
}

.main-navigation a:hover {
    color: #ffffff !important;
}

/* Content Areas */
.entry-content, .post, .page {
    background-color: #121212 !important;
    border: none !important;
}

h1, h2, h3, h4, h5 {
    color: #e0e0e0 !important;
    font-weight: 300 !important;
}

/* Hide distraction elements standard in this theme */
.entry-meta, .cat-links, .tags-links, .posted-on {
    display: none !important;
}

/* --- MODULA GALLERY OVERRIDES --- */
.modula .modula-item {
    opacity: 0.7; /* Dim images slightly */
    transition: opacity 0.5s ease, transform 0.5s ease;
}

/* Spotlight effect */
.modula .modula-item:hover {
    opacity: 1;
    transform: scale(1.02);
    z-index: 99;
    box-shadow: 0 0 20px rgba(255, 255, 255, 0.1);
}

/* Hide Modula Overlays - Let the art speak */
.modula-item-overlay {
    background: transparent !important;
}

/* Minimalist Caption */
.modula-title {
    font-family: 'Roboto Mono', monospace !important;
    font-size: 10px !important;
    color: #ffffff !important;
    text-align: right;
}
/* --- DYNAMIC WORDPRESS MENU OVERLAY MAPPING --- */
.ft-overlay-nav .ft-dynamic-menu { 
    list-style: none !important; 
    text-align: center !important; 
    padding: 0 !important; 
}
.ft-overlay-nav .ft-dynamic-menu li { 
    margin: 20px 0 !important; 
}
.ft-overlay-nav .ft-dynamic-menu > li > a { 
    color: #fff !important; 
    font-size: 24px !important; 
    font-family: "Roboto Mono", monospace !important; 
    text-decoration: none !important; 
    text-transform: uppercase !important; 
    letter-spacing: 2px !important; 
}

/* Sub-Menu Formatting */
.ft-overlay-nav .ft-dynamic-menu .sub-menu { 
    display: none !important; 
    margin-top: 10px !important; 
    padding: 0 !important; 
    list-style: none !important;
}
.ft-overlay-nav .menu-item-has-children.ft-open > .sub-menu { 
    display: block !important; 
}
.ft-overlay-nav .ft-dynamic-menu .sub-menu li a { 
    font-size: 16px !important; 
    color: #aaa !important; 
    text-transform: none !important; 
    letter-spacing: normal !important; 
}
.ft-overlay-nav .ft-dynamic-menu .sub-menu li a:hover { 
    color: #fff !important; 
}

/* --- ACTIVE PAGE HIGHLIGHT --- */
/* Targets the native accessibility attribute to turn the current page red */
.ft-overlay-nav .ft-dynamic-menu a[aria-current="page"] {
    color: #ff0000 !important; 
}