@import url('my_pagination.css');
@import url('my_card.css');
@import url('my_breadcrumbs.css');
@import url('my_btn-secondary.css');
@charset "UTF-8";
:root, [data-bs-theme="light"] {
   /* --- CUSTOM THEME CORE COLORS --- */
  --my-primary: #0a2e86;
  --my-primary-rgb: 10, 46, 134;
  --my-secondary: #BF0D3E;       /* Arizona Flag Red */
  --my-secondary-rgb: 191, 13, 62;
  --my-tertiary: #FFD200;        /* Arizona Flag Yellow */
  --my-tertiary-rgb: 255, 210, 0;
  --my-quaternary: #ce7033;
  --my-quaternary-rgb: 206, 112, 51;
  --my_quinary: #FFFFF0;
  --my_quinary-rgb: 255, 255, 240;
  --my-accent: #B95835;          /* Arizona Flag Copper */
  --my-bg-light: #F4F4F4;        /* Grey for neutral light background */
  --my-second-stop: #003a94;     /* Lighter version of Blue for gradients */
  --my-link-color: var(--my-primary);

/* 9 incremental shades of #0a2e86 */
  --my-primary-shades-100: #e7ebf3; /* Very pale tint */
  --my-primary-shades-200: #ced6e7;
  --my-primary-shades-300: #9eadcf;
  --my-primary-shades-400: #6d84b6;
  --my-primary-shades-500: #3d599e; /* Mid-tone */
  --my-primary-shades-600: #0a2e86; /* Base Color */
  --my-primary-shades-700: #08256b;
  --my-primary-shades-800: #061c50;
  --my-primary-shades-900: #041236; /* Deepest shade */

  --my-secondary-shades-100: #f9e7ec;  /* 9 incremental shades of the secondary (Flag Red) */
  --my-secondary-shades-200: #f2cfd8;
  --my-secondary-shades-300: #e69fb1;
  --my-secondary-shades-400: #d96e8b;
  --my-secondary-shades-500: #cc3e64;
  --my-secondary-shades-600: #bf0d3e;
  --my-secondary-shades-700: #990a32;
  --my-secondary-shades-800: #730825;
  --my-secondary-shades-900: #4c0519;

  --my-tertiary-shades-100: #fffbe6;  /* 9 incremental shades of the tertiary (Flag Yellow) */
  --my-tertiary-shades-200: #fff7cc;
  --my-tertiary-shades-300: #ffef99;
  --my-tertiary-shades-400: #ffe666;
  --my-tertiary-shades-500: #ffde33;
  --my-tertiary-shades-600: #ffd200;
  --my-tertiary-shades-700: #cca800;
  --my-tertiary-shades-800: #997e00;
  --my-tertiary-shades-900: #665400; 

  --my-quaternary-shades-100: #f9f0ea; /* Very Light Tint */
  --my-quaternary-shades-200: #f2e1d6;
  --my-quaternary-shades-300: #e6c2ac;
  --my-quaternary-shades-400: #d9a483;
  --my-quaternary-shades-500: #cc8559;
  --my-quaternary-shades-600: #ce7033; /* Your Base Color (#ce7033) */
  --my-quaternary-shades-700: #a55a29;
  --my-quaternary-shades-800: #7b431f;
  --my-quaternary-shades-900: #522d14; /* Deepest Shade */
  
  /* --- INTERFACE & BORDERS --- */
  /* (Layout properties preserved as per instructions) */
  
  /* --- BOOTSTRAP/CASSIOPEIA MAPPING --- */
  --cassiopeia-color-primary: var(--my-primary);
  --cassiopeia-color-link: var(--my-primary);
  --cassiopeia-color-hover: #001e4e; /* Darker primary for normal contrast hover */
  
  --blue: #010156;
  --black: #000;
  --indigo: #6812f3;
  --purple: #6f42c2;
  --pink: #e93f8e;
  --red: #a51f18;
  --orange: #fd7e17;
  --yellow: #ad6200;
  --green: #448344;
  --teal: #5abfdd;
  --cyan: #30638d;
  --white: #fff;
  --gray-100: #f9fafb;
  --gray-200: #eaedf0;
  --gray-300: #dfe3e7;
  --gray-400: #ced4da;
  --gray-500: #adb5bd;
  --gray-600: #6d757e;
  --gray-700: #484f56;
  --gray-800: #353b41;
  --gray-900: #22262a;

  --primary: var(--my-primary);
  --secondary: #6d757e;
  --success: #448344;
  --info: #30638d; 
  --warning: #ad6200;
  --danger: #a51f18;
  --light: #f9fafb;
  --dark: #353b41;
  --primary-rgb: 1, 1, 86;
  --secondary-rgb: 109, 117, 126;
  --success-rgb: 68, 131, 68;
  --info-rgb: 48, 99, 141;
--info-rgb: var(--my-secondary-rgb);
  --warning-rgb: 173, 98, 0;
  --danger-rgb: 165, 31, 24;
  --light-rgb: 249, 250, 251;
  --dark-rgb: 53, 59, 65;
  --primary-text-emphasis: #002;
  --secondary-text-emphasis: #2c2f32;
  --success-text-emphasis: #1b351b;
  --info-text-emphasis: #132838;
--info-text-emphasis: var(--my-primary);
  --warning-text-emphasis: #452700;
  --danger-text-emphasis: #420c09;
  --light-text-emphasis: #484f56;
--light-text-emphasis: var(--my-primary);
  --dark-text-emphasis: #484f56;
  --primary-bg-subtle: #ccd;
  --secondary-bg-subtle: #e2e3e5;
  --success-bg-subtle: #dae6da;
  --info-bg-subtle: #d6e0e8;
  --warning-bg-subtle: #efe0cc;
  --danger-bg-subtle: #edd2d1;
  --light-bg-subtle: #fcfcfd;
  --dark-bg-subtle: #ced4da;
  --primary-border-subtle: #99b;
  --secondary-border-subtle: #c5c8cb;
  --success-border-subtle: #b4ceb4;
  --info-border-subtle: #acc1d1;
  --warning-border-subtle: #dec099;
  --danger-border-subtle: #dba5a2;
  --light-border-subtle: #eaedf0;
  --dark-border-subtle: #adb5bd;
  --white-rgb: 255, 255, 255;
  --black-rgb: 0, 0, 0;
  --font-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --gradient: linear-gradient(180deg, #ffffff26, #fff0);
  --body-font-family: var(--cassiopeia-font-family-body, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
  --body-font-size: 1rem;
  --body-font-weight: 400;
  --body-line-height: 1.5;
  --body-color: #22262a;
--body-color: var(--my-primary); /* globally changes body text*/
  --body-color-rgb: 34, 38, 42;
--body-color-rgb: var(--my-primary-rgb); /* globally changes body text*/
  --body-bg: #FFFFF0;
--body-bg: var(--my_quinary);
  --body-bg-rgb: 255, 255, 255;
  --emphasis-color: #000;
--emphasis-color: var(--my-primary); /* changes text color in tables among other things */ 
  --emphasis-color-rgb: 0, 0, 0;
--emphasis-color-rgb: var(--my-secondary-rgb); /* changes background color in tables and through opacity the stripped hover */
  --secondary-color: #22262abf;
  --secondary-color-rgb: 34, 38, 42;
  --secondary-bg: #eaedf0; 
  --secondary-bg-rgb: 234, 237, 240;
  --tertiary-color: #22262a80;
  --tertiary-color-rgb: 34, 38, 42;
  --tertiary-bg: #f9fafb;
  --tertiary-bg-rgb: 249, 250, 251;
  --heading-color: var(--my-secondary); /* globally changes H tags*/
  --link-color: var(--my-primary);/* globally changes link color*/
  --link-color-rgb: var(--my-primary-rgb);/* globally changes link color*/
  --link-decoration: underline;
  --link-hover-color: var(--my-secondary);  /* globally changes link hover color*/
  --link-hover-color-rgb: var(--my-secondary-rgb); /* globally changes link hover color*/
  --code-color: #e93f8e;
  --highlight-color: #22262a;
  --highlight-bg: #fbeea8;
  --border-width: 1px;
  --border-style: solid;
  --border-color: #dfe3e7;
  --border-color-translucent: #0000002d;
  --border-radius: .25rem;
  --border-radius-sm: .2rem;
  --border-radius-lg: .3rem;
  --border-radius-xl: .3rem;
  --border-radius-xxl: 2rem;
  --border-radius-2xl: var(--border-radius-xxl);
  --border-radius-pill: 50rem;
  --box-shadow: 0 .5rem 1rem #00000026;
  --box-shadow-sm: 0 .125rem .25rem #00000013;
  --box-shadow-lg: 0 1rem 3rem #0000002d;
  --box-shadow-inset: inset 0 1px 2px #00000013;
  --focus-ring-width: .25rem;
  --focus-ring-opacity: .25;
  --focus-ring-color: #01015640;
  --form-valid-color: #448344;
  --form-valid-border-color: #448344;
  --form-invalid-color: #a51f18;
  --form-invalid-border-color: #a51f18;
}

.header {
  background-color: var(--my-primary) !important; 
  /* The gradient stays 'secondary' until 33%, then transitions to 'tertiary' */
  background-image: linear-gradient(90deg, var(--my-secondary) 40%, var(--my-tertiary) 60%) !important;    
  border-top: none !important;                    
  border-bottom: 20px solid var(--my-primary) !important; 
}
/* --- GRADIENT FOOTER --- */
.footer {
  background-color: var(--my-primary) !important; 
  /* Reversed direction: Tertiary holds for 40%, then blends into Secondary */
  background-image: linear-gradient(
    270deg, 
    var(--my-secondary) 40%, 
    var(--my-tertiary) 60%
  ) !important;    
  
  /* Using your new primary shade 300 for the top border to match the header's look */
  border-top: 20px solid var(--my-primary) !important;    
  border-bottom: none !important;                 
}


/* 1. This keeps your tiled background on the base layer */
body {
    background-image: url("../images/background_001.png") !important;
    background-repeat: repeat !important;
    background-attachment: fixed !important;
}

/* 2. This sets the center column to Beige and pulls it away from the edges */
.site-grid {
    background-color: var(--body-bg); /* Light Ivory */
    max-width: 1320px !important;         /* Prevents it from hitting the screen edges */
    margin: 30px auto !important;          /* Centers the box and adds space at top/bottom */
    padding: 40px !important;              /* Gives your text room to breathe */
    box-shadow: 0 0 20px rgba(0,0,0,0.15); /* Adds a professional 'lift' from the background */
    border-radius: 4px;                    /* Optional: very slight rounding for a modern look */
}

/* Ensure the background doesn't vanish on mobile */
.btn-primary {
    background-color: #0a2e86 !important; /* Your Arizona Blue */
    border-color: #0a2e86 !important;
}

/* Targets the wrapper and removes default spacing */
.site-grid .container-banner.full-width {
    margin: 0 !important;
    padding: 0 !important;
    max-width: 100% !important; /* Prevents container constraints */
    width: 100%;
}
.top-b card-body{
   background-color:#ffffff; /* Light Ivory */
}



/* General Card Container */
.curly-card {
    text-align: center;
    padding: 20px;
    border: 1px solid #ddd;
    border-radius: 8px;
    background-color: #ffffff;
    margin-bottom: 20px;
}

/* Specific background for the Dates card */
.bg-cream { background-color: #fffdf5; }

/* Typography */
.label-blue {
    margin-bottom: 0;
    font-weight: bold;
    color: #003366;
}

.date-red {
    font-size: 1.4rem;
    color: #d9534f;
    font-weight: 800;
    margin-top: 0;
    margin-bottom: 15px; /* Standardized spacing */
}

.subtext-grey {
    font-size: 0.85rem;
    color: #666;
    margin-top: 10px;
}

/* Standardized Button */
.btn-curly {
    display: inline-block;
    background-color: #003366; /* Matching the deep blue theme */
    color: #ffffff !important;
    padding: 12px 24px;
    border-radius: 4px;
    text-decoration: none !important;
    font-weight: bold;
    transition: background-color 0.2s;
}

.btn-curly:hover {
    background-color: #00509e;
}

hr.curly-divider {
    border: 0;
    border-top: 1px solid #e6e0cf;
    margin: 15px 0;
}

.curly-card {
    transition: all 0.3s ease-in-out; /* Makes the movement smooth */
    cursor: pointer;
}

.curly-card:hover {
    transform: translateY(-10px); /* Lifts the card up slightly */
    box-shadow: 0 12px 24px rgba(0,0,0,0.15); /* Adds a deeper shadow */
    border-color: #BF0D3E; /* Optional: changes border to your brand primary color */
}

.grecaptcha-badge { visibility: hidden; }