/*
Theme Name: TaylorViolet Child
Theme URI: https://example.com/taylorviolet-child
Description: Child theme for the TwentyTwentyFive theme.
Author: GraphiteSprite
Author URI: https://graphitesprite.com
Template: twentytwentyfive
Version: 1.0.0
*/

/* Add any custom styles here */ 

/* Transparent Header */
.wp-site-header,
header.site-header,
#site-header,
#masthead {
    background: transparent !important;
    position: relative !important;
    z-index: 100 !important;
} 
/* Transparent header */
header.block-template-part {
    background: transparent !important;
    position: relative !important;
    z-index: 100 !important;
}

/* Remove top padding from main content area on home page only */
.home main.wp-block-group.has-global-padding,
.home main {
    padding-top: 0 !important;
}

/* Remove top padding from header */
header.block-template-part {
    background: transparent !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    z-index: 100 !important;
    padding: 0 !important;
}

/* Hero image - scrolls with page, full width, 50% screen height */
.hero-image {
    position: relative !important;
    width: 100vw !important;
    height: 50vh !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    margin: 0 !important;
    padding: 0 !important;
    max-width: none !important;
    overflow: hidden !important;
    margin-top: -100px;
}

.hero-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
    max-width: none !important;
    display: block !important;
}

/* Block that floats over the bottom of the hero image */
.hero-float {
    position: relative !important;
    z-index: 10 !important;
    background: transparent !important;
    margin-top: -10vh !important;
}

/* Block that sits below the hero image */
.hero-below {
    position: relative !important;
    z-index: 10 !important;
    background: white !important;
}

/* Spacer */
.hero-spacer {
    display: block !important;
}

/* Contact form */
form {
    max-width: 500px;
    margin: 0 auto;
}
label {
    display: block;
    margin-bottom: 8px;
}
input, textarea {
    width: 100%;
    padding: 10px;
    margin-bottom: 20px;
    border: 1px solid #ccc;
    border-radius: 4px;
}
button {
    background-color: #0073aa;
    color: white;
    padding: 10px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}
button:hover {
    background-color: #005a8c;
}