/*
Theme Name: Spark Lancaster
Theme URI: https://www.spark-lancaster.org.uk
Author: Tech Lancaster
Description: Pixel-perfect conversion of Spark Lancaster React components.
Version: 11.0
License: GNU General Public License v2 or later
Tags: tailwind, custom-theme
*/

/* --- 1. HEXAGON CLIP PATH --- */
.vertical-hex-clip {
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
    -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
}

/* --- 2. STICKER BORDER --- */
.sticker-border {
    box-shadow: 4px 4px 0px rgba(0,0,0,0.1);
}

/* --- 3. SPONSOR CAROUSEL ANIMATION --- */
@keyframes scroll-left {
  0% { transform: translateX(0); }
  100% { transform: translateX(-33.33%); }
}

.animate-scroll-left {
  animation: scroll-left 40s linear infinite;
  display: flex;
  width: max-content;
}

/* --- 4. BLOB ANIMATION --- */
@keyframes blob-ambient {
  0%, 100% { border-radius: 42% 58% 70% 30% / 45% 45% 55% 55%; transform: translate3d(0,0,0) rotate(0deg); }
  33% { border-radius: 52% 48% 60% 40% / 55% 35% 65% 45%; transform: translate3d(5px,-5px,0) rotate(2deg); }
  66% { border-radius: 32% 68% 50% 50% / 35% 65% 35% 65%; transform: translate3d(-5px,5px,0) rotate(-2deg); }
}

.animate-blob-ambient {
  animation: blob-ambient 8s infinite ease-in-out;
}

/* --- 5. UTILS --- */
body {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}
main {
    flex: 1;
}

.wpcf7-text, .wpcf7-textarea {
    background-color: #f7f7f7;
    border: 2px solid #1b365d;
}

.wpcf7-submit {
-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid gray;
    padding:0 3px 0 3px;
    display:inline-block;
    text-decoration:none;
    background:#1b365d;
    
    -webkit-font-smoothing: antialiased;
    font-weight: 700;
    font-family: Open Sans, sans-serif;
    font-feature-settings: normal;
    font-variation-settings: normal;

    color:#FFFFFF;
    cursor:pointer;

}