/* ==========================================================================
   Typography & Basic Reset
   ========================================================================== */
p {
    line-height: 1.5 !important;
}

ul, ol {
    margin-top: 0 !important;
    margin-bottom: 0px !important;
}

h1, .h1, h2, .h2, h3, .h3 {
    margin-bottom: 5px !important;
}

blockquote {
    font-size: 14px !important;
}

/* ==========================================================================
   Header & Site Branding
   ========================================================================== */
.site-title a,
.site-title a:link,
.site-title a:visited {
    color: #666666 !important;
    background-color: transparent !important;
    font-family: sans-serif;
    font-size: clamp(30px, 100vw, 80px) !important;
    font-variant-caps: all-petite-caps;
    font-weight: 800 !important;
    line-height: 1;
    letter-spacing: 0px !important;
    text-decoration: none;
}

.site-title a:hover {
    background-color: transparent !important;
    color: #666666 !important;
}

.site-description {
    color: #666666;
    font-family: sans-serif;
    font-size: 1.5em !important;
    font-variant-caps: all-petite-caps;
    font-weight: 800 !important;
    line-height: 22px !important;
    padding-bottom: 0px !important;
}

.text-left .site-branding {
    border-bottom: 0.5px solid darkgray !important;
    margin-bottom: 20px !important;
}

.header-content li a {
    font-size: 11px !important;
}

/* ==========================================================================
   Links & Hover States
   ========================================================================== */
/* Default State: Light Grey Highlight */
a:link, 
a:visited, 
.woocommerce-page .woocommerce-breadcrumb a {
    color: #565656;
    background-color: #f0f0f0;
    font-size: 12px;
    line-height: 14px;
    font-weight: normal;
}

/* Specific Content Link Overrides */
#content a:link,
#content a:visited {
    color: #333 !important;
    text-decoration: underline !important;
}

#content li a:link {
    text-decoration: none !important;
}

/* Header Location Exclusions */
.header-location,
.header-location a,
.header-location a:link,
.header-location a:visited {
    color: #565656 !important;
    background-color: transparent !important;
    font-size: 12px;
    line-height: 14px;
    font-weight: normal;
}

.header-location a:hover {
    background-color: transparent !important;
}

/* Hover State: Yellow Highlight */
#content a:hover,
a:hover {
    background-color: #fff59d !important;
    color: #111 !important;
}

/* Buttons */
.btn-default {
    color: #333;
    background-color: transparent !important;
    border-color: transparent !important;
}

/* ==========================================================================
   Layout & Content Area
   ========================================================================== */
body.custom-background {
    background-image: linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.4)), url(https://sangjunyoo.art/wp-content/uploads/19.jpg) !important;
    background-repeat: no-repeat !important;
    background-position: bottom center !important;
    background-attachment: fixed !important;
    background-size: cover !important;
}

#content {
    padding-top: 0px !important;
}

#primary.content-area article {
    background-color: rgba(255, 255, 255, 0.75);
    padding: 10px 10px 0 10px !important;
}

#primary.content-area article#post-343 {
    background-color: transparent !important;
}

#post-26 {
    background-color: rgba(255, 255, 255, 0.75) !important;
}

.aligncenter {
    display: block;
    margin: 0px !important;
}

#footer {
    background-color: #ffffff !important;
    opacity: 0.5 !important;
}

/* ==========================================================================
   Single Posts & Entries
   ========================================================================== */
.entry-title {
    padding-bottom: 20px !important;
    font-size: 20px !important;
}

.entry-title a:link {
    font-size: 20px !important;
    text-decoration: none !important;
}

.single .entry-header {
    text-align: left !important;
    margin-bottom: 5px;
}

.single .entry-title {
    border: 0;
    font-size: 2em !important;
}

.single .entry-content {
    background-color: white !important;
    padding: 0 10px 10px 10px !important;
}

/* ==========================================================================
   Entry Footer & Back Button
   ========================================================================== */
.single .entry-footer {
    display: block !important;
    clear: both;
    text-align: left !important;
    margin: 20px 0 10px 0 !important;
}

.single .entry-footer a.back-link {
    font-size: 12px !important;
    line-height: 14px !important;
    color: #565656 !important;
    background-color: #f0f0f0 !important;
    padding: 2px 6px !important;
    text-decoration: none !important;
    display: inline-block !important;
    cursor: pointer !important;
}

.single .entry-footer a.back-link:hover {
    background-color: #fff59d !important;
    color: #111 !important;
}

/* Hide footer back button area on index and home archives */
.home .entry-footer,
.blog .entry-footer,
.archive .entry-footer {
    display: none !important;
}

/* ==========================================================================
   Widgets & Lists
   ========================================================================== */
.widget ul {
    padding-left: 0px !important;
    list-style: none !important;
    font-size: 11px !important;
}

.widget ul li {
    line-height: 14px !important;  /* Tight line height for wrapped text */
    margin-bottom: 8px !important; /* Visual separation between list items */
}

.widget-title, 
.widgettitle {
    font-size: 20px !important;
    border-bottom: 1px solid #222 !important;
    background-color: #333 !important;
    color: white !important;
}

/* ==========================================================================
   Hidden Elements
   ========================================================================== */
#primary-menu,
#voltata-cat,       /* Hides category wrapper & folder icon */
.nav-links,
.entry-meta, 
.entry-meta a,
.cat-links,      
.tags-links,      
.byline,          
.single #author-info-post,
.attachment-post-thumbnail {
    display: none !important;
}

#footer #secondary {
    margin: 0 0 20px 0;
    display: none;
}

/* ==========================================================================
   Media Queries
   ========================================================================== */
@media (min-width: 992px) {
    .col-md-offset-1 {
        margin-left: 0% !important;
    }
}

@media (min-width: 992px), screen and (max-width: 782px) {
    .col-md-4 {
        background-color: white !important;
        opacity: 0.75 !important;
        padding-bottom: 10px !important;
    }

    .text-left .site-branding {
        padding-left: 40px !important;
    }
}