/*
Theme Name:   Astra Child
Description:  Astra Child Theme
Theme URI: https://finelinetattoobali.com/
Template: astra
Author: FLTB
Author URI: https://wpastra.com/about/?utm_source=theme_preview&utm_medium=author_link&utm_campaign=astra_theme
Version: 4.12.1.1769927962
Updated: 2026-02-01 14:39:22

*/

/* --- 1. Global & Layout Resets --- */
html, body { overflow-x: hidden; }


/* --- 2. Typography & Custom Text Blocks --- */
h1 { 
    font-size: 30px !important; 
    font-weight: 900 !important; 
    text-align: center; 
}

/* Grouped Text Alignment & Margins */
.my-custom-text-block h2, 
.my-custom-text-block h3, 
.my-custom-text-block h4, 
.my-custom-text-block h5, 
.my-custom-text-block a { 
    text-align: center; 
}

.my-custom-text-block h3, 
.my-custom-text-block h4
.my-custom-text-block h5,
{ margin-bottom: 15px; }

.my-custom-text-block h3,
.my-custom-text-block h4,
.my-custom-text-block h5 { 
    margin-top: 15px; 
    margin-inline: 30px; 
}


/* List & Paragraph spacing */
.my-custom-text-block p, 
.my-custom-text-block ul, 
.my-custom-text-block li, 
.my-custom-text-block td { 
    margin-bottom: 10px; 
}

.my-custom-text-block hr { 
    height: 1px; 
    background-color: #989898; 
    border: none; 
}

/* --- 3. Navigation & Header --- */
.nav-text a { border-bottom: 1px solid #dbdbdb; }
.nav-text a:hover { color: #4A4A4A; }


li.trail-item.trail-end {
  display: none ;
}

button.menu-toggle.main-header-menu-toggle.ast-mobile-menu-trigger-outline { 
    padding-block: 0; 
}

/* --- 4. Sticky Header Reveal  --- */
#masthead, 
.ast-header-sticky-active #masthead {
    transition: transform 0.3s ease-in-out !important;
    top: 0 !important;
    position: fixed !important;
    width: 100% !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 99999 !important;
}

/* Content Spacing for Sticky Header */
#content { padding-top: 70px; }

@media (max-width: 921px) {
    #content { padding-top: 60px; }
}

/* Mobile Dropdown Shadow */
.ast-mobile-header-content {
    box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1) !important;
    border-bottom: 1px solid #f1f1f1;
    background-color: #ffffff !important;
}

/* --- 5. Tables & Galleries --- */
#table-galleries, 
#table-galleries th, 
#table-galleries td, 
#table-galleries img { 
    border: none; 
}

#table-galleries th, 
#table-galleries td { 
    vertical-align: middle; 
    padding: 0 5px; 
}
.single .entry-content img, 
.ast-single-post img {
    box-shadow: none !important;
    border: 0 !important;
}


/* 1. THE FIX: Declare transition globally on the base class */
.jet-posts__inner-box {
    /* 'all' covers transform, filter, and any other changes */
    transition: all 0.3s ease-in-out !important; 
    
    
}

/* 2. Desktop Zoom (Screens wider than 1024px) */
@media (min-width: 1025px) {
    .jet-posts__inner-box:hover {
        transform: scale(1.01); /* Stronger zoom for desktop */
        filter: brightness(80%);
    }
}

/* 3. Tablet Zoom (Screens between 768px and 1024px) */
@media (max-width: 1024px) and (min-width: 768px) {
    .jet-posts__inner-box:hover {
        transform: scale(1.03); /* Medium zoom */
        filter: brightness(80%);
    }
}

/* 4. Mobile Zoom (Screens 767px and smaller) */
@media (max-width: 767px) {
    .jet-posts__inner-box:hover {
        transform: scale(1.04); /* Subtle zoom for mobile */
        filter: brightness(80%);
    }
}