/* Make the header image full width in Style theme */

.blink {
  -webkit-animation: 2s linear infinite condemned_blink_effect; 
  animation: 2s linear infinite condemned_blink_effect;
}
@-webkit-keyframes condemned_blink_effect {
  0% {
    visibility: hidden;
  }
  50% {
    visibility: hidden;
  }
  100% {
    visibility: visible;
  }
}
@keyframes condemned_blink_effect {
  0% {
    visibility: hidden;
  }
  50% {
    visibility: hidden;
  }
  100% {
    visibility: visible;
  }
}



/* Change size of Convert Kit Forms*/
#convertkit_form-4 form p {
	line-height: 1.5;
}

#convertkit_form-4 .formkit-form[data-uid="e059d757e6"] .formkit-field, .formkit-form[data-uid="e059d757e6"] .formkit-submit {
	margin: 0 0 10px 0;
}

#convertkit_form-4 .formkit-form[data-uid="e059d757e6"] .formkit-header {
	margin: 0 0 15px 0;
}

#convertkit_form-4 .formkit-form[data-uid="e059d757e6"][min-width~="600"] [data-style="minimal"] {
    padding: 20px;
}

#paypal-email-cell #paypal-email {
	color: white !important;
}

#dpd-widget-0 {
	margin: 0; !important
}


@media screen and (min-width: 768px) {
  /* 1. Reset ALL constraints on the top-level containers for full width */
/* (This ensures the logo link's parent elements don't restrict the width) */
.site-container, 
.site-header .wrap, 
header.site-header, 
header.site-header.front-page-header {
    max-width: none !important; 
    width: 100% !important; 
    padding: 0 !important;
    margin: 0 !important;
    margin-left: 0 !important; 
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    
    /* Ensure the main header background is clear, just in case */
    background: none !important; 
}

/* 2. AGGRESSIVELY STYLE THE LOGO LINK (WHICH HOLDS THE IMAGE) */
.header-image .site-title > a {
    /* CRITICAL: Force the full width and 400px height on the image container */
    width: 100% !important;
    min-height: 400px !important;
    height: 400px !important;
    display: block !important; 
    float: none !important;
    
    /* BACKGROUND IMAGE STYLES - Set the image properties to fill the new 400px area */
    background-size: cover !important; 
    background-position: center center !important;
    background-repeat: no-repeat !important;

    /* Ensure the original background image is used here (if it was a background image) */
    /* If the image appears now, you can remove this line. If not, you may need to add the URL here. */
    /* background-image: url(YOUR_IMAGE_URL) !important; */
}

/* 3. POSITION THE TEXT (The H1 inside the title area) */
.site-header .title-area {
    /* Keep the title area positioned correctly */
    width: 100% !important; 
    display: block !important; 
    padding: 0 !important;
    margin: 0 !important; 
}

/* 4. Position the text *inside* the title area using padding */
.site-title {
    /* Position the text content vertically and horizontally */
    padding-top: 150px !important; /* Adjust this value to vertically center */
    padding-left: 0 !important;
    text-align: left !important;
    margin: 0 !important;
}
}