/* Style 85 - Last Modified 2025-04-02 13:10:14 */
.logo-container{
    display:none;
}
/* Style 91 - Last Modified 2026-03-04 19:10:44 */
/* =========================================
   1. BRAND FONTS & TYPOGRAPHY
   Prioritizes web fonts, falls back to Arial for safety.
   ========================================= */

/* Attempt to load Brand Fonts (Web Only) */
@font-face {
  font-family: 'Greed Narrow';
  src: url('https://www.bradford.ac.uk/media-v8/t4-bank/assets/fonts/GreedNarrow-Medium[1].woff2') format('woff2'),
       url('https://www.bradford.ac.uk/media-v8/t4-bank/assets/fonts/GreedNarrow-Medium[1].woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Greed Narrow';
  src: url('https://www.bradford.ac.uk/media-v8/t4-bank/assets/fonts/GreedNarrow-SemiBold[1].woff2') format('woff2'),
       url('https://www.bradford.ac.uk/media-v8/t4-bank/assets/fonts/GreedNarrow-SemiBold[1].woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* APPLY FONTS (Overriding the CRM defaults) */
body, p, li, input, select, textarea, .ui-btn {
    /* Safe font stack: Arial for emails/older browsers, Custom for web */
    font-family: 'Circular Std', Arial, Helvetica, sans-serif !important;
    color: #000000 !important;
}

/* HEADINGS: Clean, Modern, No Black Boxes */
h1, h2, h3, h4, h5, h6,
#azPage h1:not(.ui-collapsible-heading),
#azPage h2:not(.ui-collapsible-heading),
.panel-title {
    font-family: 'Greed Narrow', Arial, Helvetica, sans-serif !important;
    font-weight: 700 !important;
    text-transform: none !important;
    line-height: 1.2 !important;
    
    /* REMOVE the old "Black Box" styling */
    background: transparent !important;
    background-color: transparent !important;
    color: #000000 !important;
    box-shadow: none !important;
    text-shadow: none !important;
    padding: 0 !important;
    display: block !important;
}

/* =========================================
   2. COLOR PALETTE & FOOTER
   ========================================= */

/* Backgrounds */
#azPage #azContainer {
    background-color: #f3f3f3 !important;
}
#azHeader, .background--white {
    background-color: #ffffff !important;
}

/* Footer & Accent Areas (University Green) */
#azFooter, 
.background--black, 
table > thead > tr > th,
.panel-heading {
    background-color: #004b3e;
    color: #ffffff;
}

/* Force everything inside the footer to be white */
#azFooter p, 
#azFooter address, 
#azFooter span, 
#azFooter a, 
#azFooter .ui-link {
    color: #ffffff !important;
    text-shadow: none !important;
}

/* Links */
a, .ui-link {
    color: #000000 !important;
    text-decoration: underline !important;
}
a:hover, .ui-link:hover {
    color: #f59915 !important; /* Orange Hover */
    text-decoration: none !important;
}
#azFooter a:hover, 
#azFooter .ui-link:hover {
    color: #f59915 !important; /* Orange Hover for footer links */
    text-decoration: none !important;
}

/* Table Striping */
table > tbody > tr:nth-child(even) > td {
    background-color: #f3f3f3 !important;
}

/* =========================================
   3. BUTTONS (Layout & Shape Only)
   Colors are handled by ThemeRoller Swatches
   ========================================= */

/* Primary Buttons - Spacing and Shape */
#azPage .ui-btn, 
#azPage .ui-input-btn, 
#azPage button,
.btn {
    font-weight: 700 !important;
    border: none !important;
    border-radius: 0.5rem !important;     /* Rounded Corners */
    text-shadow: none !important;
    padding: 0.75rem 1.5rem !important;   /* Larger click area */
    text-decoration: none !important;
    transition: background-color 0.2s ease !important;
    
    /* Breathing Space Added */
    margin-bottom: 0.75rem !important; 
    
    /* Centering & Wrapping Fixes */
    text-align: center !important;
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    white-space: normal !important;
    line-height: 1.2 !important;
    max-width: 100% !important;
}

/* Cancel / Secondary Buttons (Forced to Black) */
.btn-secondary, .booking-cancel {
    background-color: #000000 !important;
    color: #ffffff !important;
}
.btn-secondary:hover, .booking-cancel:hover {
    background-color: #333333 !important;
}

/* =========================================
   4. FORM INPUTS & SPACING
   Soft colored backgrounds with a white "focus" state for readability
   ========================================= */

/* Remove any weird wrapper borders from jQuery Mobile */
#azPage .ui-input-text {
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
}

/* Base State: Soft Orange (Matches your Dropdowns) */
#azPage .ui-input-text input, 
#azPage textarea.ui-input-text {
    background-color: #facc8a !important; /* Soft Light Orange */
    color: #000000 !important;            /* Black text */
    border: 1px solid #f59915 !important; /* Brand Orange border */
    padding: 0.75rem 1rem !important;
    line-height: 1.5 !important;
    font-size: 1rem !important;
    min-height: 3rem !important; 
    border-radius: 0.5rem !important; 
    transition: all 0.2s ease !important; /* Smooth color fade */
    box-shadow: none !important;
}

/* Active/Typing State: Turns White with a Teal Border */
#azPage .ui-input-text input:focus, 
#azPage textarea.ui-input-text:focus,
#azPage .ui-input-text.ui-focus input {
    background-color: #ffffff !important; 
    border-color: #004b3e !important; /* Heritage Green (Teal) */
    outline: none !important;
}

/* Add Vertical Space Between Form Fields so they don't touch */
#azPage .azForm-item,
#azPage .ui-field-contain {
    margin-bottom: 1.5rem !important;
}

/* Give Checkboxes a little extra click radius and fix spacing */
#azPage .ui-checkbox label,
#azPage .ui-radio label {
    padding-top: 0.75rem !important;
    padding-bottom: 0.75rem !important;
    margin-top: 0.5rem !important;
}

/* Push checkbox text away from the box */
#azPage .ui-checkbox input[type="checkbox"],
#azPage .ui-radio input[type="radio"] {
    margin-right: 12px !important; 
}
#azPage .ui-checkbox label span,
#azPage .ui-radio label span {
    padding-left: 8px !important;
}
#azPage .ui-checkbox label.ui-btn,
#azPage .ui-radio label.ui-btn {
    padding-left: 3.2rem !important;
}

/* =========================================
   5. DEBUG / FORCE VISIBILITY
   Fixing hidden portal messages
   ========================================= */

/* Force the message content to always show */
.az-message-content {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: auto !important;
}

/* Optional: Hide the "Show More" button since it's now redundant */
.az-message-expander.az-expander-open {
    display: none !important;
}

/* Optional: Ensure the "Show Less" button is also hidden if you want static content */
.az-message-expander.az-expander-close {
    display: none !important;
}

/* =========================================
   6. SUBMIT BUTTON ALIGNMENT
   Overrides the awkward 3-column grid to perfectly center the button
   ========================================= */

#azPage .azForm-submit {
    display: flex !important;
    justify-content: center !important;
    width: 100% !important;
}

/* Hide the empty left and right grid columns */
#azPage .azForm-submit .ui-block-a, 
#azPage .azForm-submit .ui-block-c {
    display: none !important; 
}

/* Let the middle column take up the whole width and center the button */
#azPage .azForm-submit .ui-block-b {
    width: 100% !important; 
    display: flex !important;
    justify-content: center !important; 
    float: none !important;
}

/* Ensure the button has a nice minimum width so it doesn't look tiny */
#azPage .azForm-submit .ui-btn,
#azPage .azForm-submit input[type="submit"] {
    min-width: 250px !important; 
}

/* =========================================
   7. UTILITY CLASSES
   Custom classes you can apply in the CRM builder
   ========================================= */

/* Use this class to center any rogue button */
.center-me {
    margin-left: auto !important;
    margin-right: auto !important;
    display: block !important;
    width: fit-content !important;
    min-width: 250px !important; /* Keeps it consistent with the submit button */
}

/* If the CRM applies the class to the container instead of the button */
.center-container {
    display: flex !important;
    justify-content: center !important;
    width: 100% !important;
}

/* =========================================
   8. COLORED DROPDOWN (SELECT) STYLING
   Uses a soft brand color while keeping the text legible and clear of the arrow
   ========================================= */

#azPage .ui-select .ui-btn {
    background-color: #facc8a !important; /* Soft Light Orange */
    color: #000000 !important;            /* Black text for contrast */
    border: 1px solid #f59915 !important; /* Standard Brand Orange border to define the edge */
    font-weight: 700 !important;          /* Make text bold so it stands out against the color */
    text-align: left !important;          
    box-shadow: none !important;

    /* Structural Fixes (Centering & Bumper) */
    display: flex !important;
    align-items: center !important;         
    justify-content: flex-start !important; 
    min-height: 3rem !important;

    /* Text and Arrow Safe Zone */
    padding-left: 1rem !important;          
    padding-right: 3rem !important;         
    
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    transition: background-color 0.2s ease !important; /* Smooth color transition */
}

/* Deepen to the full brand orange when hovering */
#azPage .ui-select .ui-btn:hover {
    background-color: #f59915 !important; 
}

/* Position the arrow perfectly in the middle of the safe zone */
#azPage .ui-select .ui-btn:after {
    background-color: transparent !important;
    right: 1rem !important;                 
    top: 50% !important;                    
    transform: translateY(-50%) !important; 
    margin-top: 0 !important;               
}