/* Style 85 - Last Modified 2025-04-02 13:10:14 */
.logo-container{
    display:none;
}
/* Style 91 - Last Modified 2026-04-13 16:01:02 */
/* =========================================
   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;               
}

/* =========================================
   9. CHECKBOX & RADIO BUTTON COLORS
   Strips the heavy label background and styles the tick boxes perfectly
   ========================================= */

/* 1. Strip the striking orange background off the entire label row */
#azPage .ui-checkbox label.ui-btn,
#azPage .ui-radio label.ui-btn {
    background-color: transparent !important; 
    border: none !important;
    color: #000000 !important;
    box-shadow: none !important;
}

/* 2. Base State (Unticked): Soft Orange box with Orange Border */
#azPage .ui-checkbox label.ui-btn.ui-checkbox-off:after,
#azPage .ui-radio label.ui-btn.ui-radio-off:after {
    background-color: #facc8a !important; /* Soft Light Orange */
    border: 1px solid #f59915 !important; /* Brand Orange Border */
    transition: all 0.2s ease !important; /* Smooth color fade */
}

/* 3. Active State (Ticked): White background, Teal border */
#azPage .ui-checkbox label.ui-btn.ui-checkbox-on:after,
#azPage .ui-radio label.ui-btn.ui-radio-on:after {
    background-color: #ffffff !important; 
    border: 1px solid #004b3e !important; /* Heritage Green (Teal) */
}

/* 4. Inject a custom Teal Checkmark for Checkboxes */
#azPage .ui-checkbox label.ui-btn.ui-checkbox-on:after {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014%2014%22%3E%3Cpolygon%20fill%3D%22%23004b3e%22%20points%3D%2214%2C4%2011%2C1%205.003%2C6.997%203%2C5%200%2C8%204.966%2C13%204.983%2C12.982%205%2C13%22%2F%3E%3C%2Fsvg%3E") !important;
    background-size: 14px 14px !important;
}

/* 5. Inject a custom Teal Dot for Radio Buttons */
#azPage .ui-radio label.ui-btn.ui-radio-on:after {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014%2014%22%3E%3Ccircle%20fill%3D%22%23004b3e%22%20cx%3D%227%22%20cy%3D%227%22%20r%3D%224%22%2F%3E%3C%2Fsvg%3E") !important;
    background-size: 14px 14px !important;
    border-width: 1px !important; 
    width: 18px !important;
    height: 18px !important;
}

/* =========================================
   11. ACTIVITY/SESSION LIST FIXES
   Fixes text smashing together and overlapping the "Added" badge
   ========================================= */

/* 1. Force the title and time to stack vertically, and add a safe zone */
#azPage #azEvent-sessions-list .session-info.ui-btn {
    display: block !important;
    text-align: left !important;
    padding-right: 6.5rem !important; /* Massive safe zone so text NEVER touches the badge */
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
}

/* 2. Style the Activity Title to stand out */
#azPage .azEvent-session-activity {
    font-weight: 700 !important; /* Bold */
    display: block !important;
    margin-bottom: 0.3rem !important; /* Creates a clean gap between title and time */
    color: #000000 !important;
}

/* 3. Style the Time and Location text */
#azPage .azEvent-session-timeLocation {
    font-weight: 400 !important; /* Normal weight so it doesn't fight the title */
    font-size: 0.9rem !important;
    display: block !important;
    white-space: normal !important; /* Lets long locations wrap neatly to the next line */
}

/* 4. Fix the "Added" Badge so it sits neatly on the right */
#azPage .ui-listview .ui-li-count.added {
    position: absolute !important;
    right: 2.5rem !important; /* Sits nicely to the left of the carat arrow */
    top: 50% !important;
    transform: translateY(-50%) !important; /* Perfect vertical centering */
    background-color: #004b3e !important;
    color: #ffffff !important;
    border: 2px solid #000000 !important;
    font-size: 0.85rem !important;
    font-weight: 700 !important;
    padding: 0.3rem 0.6rem !important;
    border-radius: 1rem !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1) !important;
}

/* 5. Dropdown arrow overlap fix (Based on your "Select an option" image) */
#azPage .ui-select .ui-btn {
    padding-right: 3rem !important; /* Stops text from hitting the dropdown arrow */
}

/* =========================================
   12. NAVBAR / HEADER FIXES
   Prevents mobile top buttons from overlapping and covering content
   ========================================= */

/* 1. Un-fix the header so it naturally pushes content down when it wraps */
#azPage.ui-page-header-fixed {
    padding-top: 0 !important; 
}
#azPage .ui-header-fixed {
    position: relative !important; 
}

/* 2. Change the header layout to flexbox to handle wrapping neatly */
#azPage .ui-header {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: space-between !important;
    align-items: center !important;
    height: auto !important;
    padding: 0.5rem !important;
    gap: 0.5rem !important;
}

/* 3. Remove rigid absolute positioning from the left/right button groups */
#azPage .ui-header .ui-btn-left,
#azPage .ui-header .ui-btn-right {
    position: relative !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 0.5rem !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    margin: 0 !important;
}

/* 4. Make the navbar buttons more compact, but KEEP icon spacing */
#azPage .ui-header .ui-btn {
    margin: 0 !important;
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
    font-size: 0.85rem !important;
    min-width: 0 !important; /* Overrides the 250px rule so these stay small */
    flex: 1 1 auto !important; 
}

/* Restore the safe zones so text doesn't hit the icons */
#azPage .ui-header .ui-btn-icon-left {
    padding-left: 2.2rem !important;
    padding-right: 0.75rem !important;
}
#azPage .ui-header .ui-btn-icon-right {
    padding-right: 2.2rem !important;
    padding-left: 0.75rem !important;
}

/* Perfectly center the icon circles vertically */
#azPage .ui-header .ui-btn:after {
    top: 50% !important;
    transform: translateY(-50%) !important;
    margin-top: 0 !important;
}

/* 5. Hide the empty title spacer so it doesn't take up valuable space */
#azPage .ui-header .ui-title {
    display: none !important;
}

/* =========================================
   13. CALENDAR ITINERARY FIXES (Mobile)
   Improves readability of overlapping events in the calendar
   ========================================= */

/* 1. Style the calendar event blocks to stand out */
#azPage .fc-v-event {
    background-color: #facc8a !important; /* Soft brand orange */
    border: 1px solid #f59915 !important; /* Darker orange border */
    border-radius: 4px !important;
    box-shadow: 1px 2px 5px rgba(0,0,0,0.2) !important; /* Drop shadow separates overlapping boxes */
}

/* 2. Format the text inside so it fits in narrow columns */
#azPage .fc-event-main {
    color: #000000 !important;
    font-size: 0.75rem !important; /* Scales the text down nicely */
    line-height: 1.2 !important;
    padding: 4px !important;
    
    /* Force text to wrap to the next line instead of clipping */
    white-space: normal !important; 
    overflow-wrap: break-word !important; 
    word-wrap: break-word !important;
    word-break: break-word !important;
}