/*
Theme Name: Astra Child - Stvrce
Theme URI: https://www.stvrce.com
Description: Child theme of Astra, styled to match the minimalist look of stvrce.com
Author: Steve I. Rice
Template: astra
Version: 1.0.0
Text Domain: astra-child-stvrce
*/

/* ==========================================================================
   1. Navigation - all-caps, letter-spaced, matching the current site's nav
   ========================================================================== */

.main-header-menu li a,
.main-header-menu .menu-item a,
#primary-menu li a {
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
    font-weight: 400 !important;
}

/* Sub-menu items (ART > URBAN, SUBURBAN, etc.) */
.main-header-menu .sub-menu li a,
.main-header-menu ul.sub-menu li a {
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    font-weight: 400 !important;
}

/* Hide the little dropdown caret/arrow Astra adds next to parent menu items */
.main-header-menu .dropdown-menu-toggle-icon,
.main-header-menu .dropdown-nav-toggle .dropdown-menu-toggle-icon,
.main-header-menu span.dropdown-menu-toggle-icon svg {
    display: none !important;
}

/* ==========================================================================
   2. Typography - light, minimal sans-serif
   ========================================================================== */

body,
.ast-separate-container,
p, li, a, span, div {
    font-family: 'Work Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
    font-weight: 300 !important;
}

.site-title,
.site-title a {
    letter-spacing: 2px !important;
    font-weight: 300 !important;
}

/* ==========================================================================
   3. Color - strip down to black / white / neutral
   ========================================================================== */

body {
    color: #1a1a1a;
    background-color: #ffffff;
}

a {
    color: #1a1a1a;
}

a:hover,
.main-header-menu li a:hover {
    color: #666666;
}

/* ==========================================================================
   4. Transparent / overlay header for the homepage hero
   ========================================================================== */

.ast-above-header-transparent .site-header-focus-item,
.transparent-header.ast-header-break-point .main-header-bar,
.transparent-header.ast-header-break-point .ast-main-header-wrap {
    background-color: transparent;
    box-shadow: none;
}

/* ==========================================================================
   5. Full-width galleries
   ========================================================================== */

.ast-page-builder-template .site-content,
.gallery-page .site-content {
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
}

.envira-gallery {
    margin: 0;
}

/* ==========================================================================
   6. Footer - simple centered copyright + back to top
   ========================================================================== */

.site-footer {
    text-align: center;
    padding: 40px 0;
    font-size: 0.85em;
    letter-spacing: 0.5px;
}

.footer-back-to-top {
    display: block;
    margin-bottom: 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 0.8em;
}

/* ==========================================================================
   7. Logo sizing - keep the transparent wordmark from dominating hero images
   ========================================================================== */

.site-logo-img img {
    max-height: 60px;
    width: auto;
}

/* ==========================================================================
   8. Remove redundant page-title heading (Astra auto-generates one matching
   the page name on every page - not needed since content already conveys this)
   ========================================================================== */

.ast-container .page-header,
.entry-header,
.page-title,
h1.entry-title,
.ast-single-post .entry-header,
.page .entry-header {
    display: none !important;
}

/* ==========================================================================
   9. Remove hover caption overlay on Envira gallery thumbnails
   ========================================================================== */

.envira-gallery-item .envira-overlay,
.envira-gallery-item .envira-image-caption,
.envira-gallery-item .envira-inner-overlay,
.envira-gallery-item figcaption,
.envira-gallery-item .envira-caption,
.envira-gallery-item .envira-title,
.mfp-title,
.mfp-bottom-bar {
    display: none !important;
    opacity: 0 !important;
}

/* ==========================================================================
   10. Basic image protection - deters casual right-click save / dragging
   (does not prevent screenshots or dev-tools access; no CSS/JS solution can)
   ========================================================================== */

img {
    -webkit-user-drag: none;
    -khtml-user-drag: none;
    -moz-user-drag: none;
    -o-user-drag: none;
    user-drag: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}