/*
 * Generated by Theme Roller
 * Client:    1180
 * Revision:  01KRWK5CBZM6PHV3Q8MZ4JT6FS
 * Published-By: Hanna.Hilario@deliverit.com.au
 * Published: 2026-05-18T03:48:05.631Z
 */

@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");

:root {
    --theme-primary:   #F04E23;
    --theme-secondary: #FF8C42;
    --theme-accent:    #FF5E3A;

    --theme-heading-font:   "Inter", sans-serif;
    --theme-heading-weight: 600;
    --theme-heading-size:   32px;
    --theme-heading-color:  #000000;

    --theme-body-font:     "Inter", sans-serif;
    --theme-body-weight:   400;
    --theme-body-size:     16px;
    --theme-body-color:    #000000;
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--theme-heading-font);
  font-weight: var(--theme-heading-weight);
}

@media (max-width: 480px) {
  a:focus {
    outline: none !important;
  }

  .fa-solid, .fa-brands {
    color: var(--theme-primary);
  }
  .service-fee-tooltip {
    color: unset !important;
  }
}

/* Navbar ===================================== */
@media (max-width: 480px) {
  .toggle-left div {
    background-color: var(--theme-primary);
  }
  #signIn {
    color: var(--theme-primary);
  }
  .navbar-right .glyphicon img {
    /* Move the real image way to the left */
    transform: translateX(-999px);
    /* Project a shadow (N)px to the right (back to the original spot) */
    /* The 0px 0px means no blur, so it stays a sharp icon */
    filter: drop-shadow(999px 0 0 #F04E23);
  }
  .view_cart {
    display: flex;
    align-items: center;
    justify-content: center;
    top: -2px;
    position: relative;
  }
  #login-nav {
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0;
    position: relative;
  }
  .glyphicon:not(.glyphicon-info-sign, .glyphicon-ok-sign, .glyphicon-remove) {
    top: 0;
    color: var(--theme-primary);
  }
  .glyphicon-info-sign, .glyphicon-ok-sign, .glyphicon-remove {
    color: unset !important;
  }
  #cartTotal {
    color: var(--theme-primary);
    vertical-align: unset !important;
    margin-top: 0 !important;
    font-size: 14px !important;
    font-weight: 600;
  }
}

/* Hero Section ===================================== */
@media (max-width: 480px) {
  #landing {
    text-align: center;
  }

  #landing {
    position: relative;
  }

  #landing::before {
    content: '';
    position: absolute;
    inset: 0;
    background-color: rgba(0, 0, 0, 0.24);
    z-index: 1;
    pointer-events: none;
  }
  #landing-content {
    width: 95svw;
    top: 50% !important;
    z-index: 10;
    text-align: center;
  }
  
  #tag-line,
  #tag-line b {
    color: #000000 !important;
    font-family: var(--theme-heading-font);
    font-weight: var(--theme-heading-weight) !important;
    font-size: var(--theme-heading-size) !important;
    text-wrap: pretty;
    text-shadow: none !important;
    text-align: center !important;
  }

  #form-text {
    color: #000000 !important;
    font-family: var(--theme-body-font);
    font-weight: var(--theme-body-weight) !important;
    font-size: var(--theme-body-size) !important;
    text-wrap: balance;
    text-shadow: none !important;
    text-align: center !important;
  }

  #form-button {
    background-color: var(--theme-primary) !important;
    color: #ffffff !important;
  }
      
}

/* Store Select Section ===================================== */

@media (max-width: 480px) {
  #store-data {
    background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url("https://d2ova09jg8x3xk.cloudfront.net/deliverit.com.au/portal/uploads/bannsersss.jpg") !important;
    background-size: cover !important;
    background-position: center !important;
    text-align: center;
  }

  #store-details {
    color: #ffffff;
    h2 { 
      color: #f04e23;
      font-family: var(--theme-heading-font);
      font-weight: var(--theme-heading-weight) !important;
    }

    p {
      color: #ffffff;
    }
  }

  #store-select2-tag-line {
    font-family: var(--theme-heading-font);
    font-weight: var(--theme-heading-weight) !important;
    color: #f04e23;
  }

  button.btn-change-store {
    background: var(--theme-primary) !important;
    color: #fff;
  }
    
  .button-rounded, .button-edged {
    background-color: var(--theme-primary) !important;
    color: #fff !important;
    border: unset;
  }
}

/* Menu Section ===================================== */

@media (max-width: 480px) {
  #menu-items {
    background-color: #ffffff !important;
    background-image: none !important;
    text-align: left;
  }

  #menu-items {
    background: #fff;
    h1 {
      background: var(--theme-accent) !important;
      color: var(--theme-heading-color) !important;
      font-family: var(--theme-heading-font);
      font-weight: var(--theme-heading-weight) !important;
    }
  }

  #menu-cont > #menu > #menu-ul > li > a.menu-active {
    background-color: var(--theme-primary);
    color: #fff !important;
  }

  #menu ul li a {
    color: var(--theme-secondary) !important;
  }

  #menu_items {
    background: transparent !important;
    
    .item-title {
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      font-family: var(--theme-heading-font);
      font-weight: var(--theme-heading-weight);
      font-size: var(--theme-heading-size);
      color: var(--theme-primary);
      text-wrap: pretty;
    }

    .item-description {
      font-family: var(--theme-body-font);
      font-weight: var(--theme-body-weight);
      font-size: 12px !important;
      color: #000000;
      text-wrap: balance;
    }

    .item-price {
      color: #000000;
    }
  }

  #modal-addbtn {
    height: 50px;
    width: 100% !important;
    background: var(--theme-primary);
    border-radius: 4px;
    border: none !important;
  }

  input:checked+.input-group-label {
    transition: .5s;
    background: var(--theme-primary) !important;
    color: white !important;
    align-items: center;
  }

  .input-group-label {
    align-items: center;
  }

  #menu-items ul li #item-buttons input[type=button], 
  #half-half-block a, 
  #HalfHalf a, 
  #HALFHALF a {
    height: 50px;
    width: calc(100% - 32px) !important;
    background-color: var(--theme-primary) !important;
    color: #fff !important;
    font-family: var(--theme-body-font);
    border-radius: 4px !important;
  }
  
  .popup-current-toppings .current-toppings-desc, 
  .popup-extra-toppings .extra-toppings-desc {
    font-size: 14px;
    font-weight: 600;
    color: var(--theme-primary);
  }
  
  .modal-deals .modal-footer button,
  .modal-deals .modal-header button {
    background-color: var(--theme-primary) !important;
    color: #fff !important;
  }
  
  #menu-items ul li #item-buttons .modal-hh .modal-footer button {
    background: var(--theme-primary) !important;
    color: #fff !important;
  }

  .modal-hh input:checked + .input-group-label {
    background: var(--theme-primary) !important;
    color: #fff !important;
  }

  .modal-deals .modal-header button, 
  .modal-deals .modal-footer button, 
  .modal-deals .modal-body .auto-deal-selection button, 
  .modal-deals .modal-body .deal-modal-body-selection-list button {
    background-color: var(--theme-primary) !important;
    color: #fff !important;
  }

  #menu-items ul li #item-buttons .modal-hh #modal-header-hh button {
    background: var(--theme-primary) !important;
    color: #fff !important;
  }

  .popup-current-toppings #current-toppings #current-toppings-list ul#current-toppings-list-ul li {
    color: var(--theme-primary) !important;
  }

  .popup-extra-toppings #extra-toppings #extra-toppings-list ul#accordion li ul li {
    color: var(--theme-primary) !important;

    span.condiment-price {
      color: var(--theme-secondary) !important;
    }
  }

  #item-buttons {
    .menu-item-outofstock {
      color: #d32f2f !important;
      font-size: 12px !important;
      letter-spacing: 0 !important;
      background: #d32f2e29;
      border-radius: 12px;
      padding: 4px 12px;
    }
  }

  .service-fee-disclaimer i {
    color: unset !important;
  }
  
  span.extra-deal-topping-desc,
  label.extra-hh-topping {
    color: var(--theme-primary) !important;
  }

  span.condiment-price {
    color: var(--theme-secondary) !important;
    &.first-condiment-price {
      color: var(--theme-secondary) !important;
    }
  }

  span.current-deal-topping-desc,
  span.current-hh-topping-desc,
  span.extra-hh-topping-desc {
    color: var(--theme-primary) !important;
  }

  .upsell-description.p-upsell {
    h5:last-child > b {
      display: flex;
      margin-top: 8px;
      font-family: var(--theme-body-font) !important;
    }
  }
}

/* App Download Section ===================================== */

@media (max-width: 480px) {
  #download-app {
    background-color: #ffffff !important;
    background-image: none !important;
    text-align: center;
  }

  #download-app {
    .section-title { 
      color: var(--theme-primary);
      font-family: var(--theme-heading-font);
      font-weight: var(--theme-heading-weight) !important;
    }
    .download-app-content p {
      color: var(--theme-primary);
      font-family: var(--theme-heading-font);
      font-weight: var(--theme-heading-weight) !important;
      text-wrap: balance;
    }
  }

  button.btn-change-store {
    background: var(--theme-primary) !important;
    color: #fff;
  }
    
  .button-rounded, .button-edged {
    background-color: var(--theme-primary) !important;
    color: #fff !important;
    border: unset;
  }
}

/* About Us Section ===================================== */

@media (max-width: 480px) {
  #about-us {
    background-color: #ffffff !important;
    background-image: none !important;
    text-align: center;
  }

  #about-us {
    .section-title { 
      color: var(--theme-primary);
      font-family: var(--theme-heading-font);
      font-weight: var(--theme-heading-weight) !important;
    }
    
    .about-us-content {
      color: #000000;
      font-family: var(--theme-body-font);
      font-weight: var(--theme-body-weight) !important;
      font-size: var(--theme-body-size) !important;
    }
  }

  button.btn-change-store {
    background: var(--theme-primary) !important;
    color: #fff;
  }
    
  .button-rounded, .button-edged {
    background-color: var(--theme-primary) !important;
    color: #fff !important;
    border: unset;
  }
}

/* Partner Enquiry Section ===================================== */

@media (max-width: 480px) {
  #partner-enquiry {
    background-color: #ffffff !important;
    background-image: none !important;
    text-align: left;
  }

  #partner-enquiry {
    text-align: left;
    .section-title2 {
      color: #000000;
      font-family: var(--theme-heading-font) !important;
      font-weight: var(--theme-heading-weight) !important;
      margin-bottom: 0 !important;
    }

    p.partner-enquiry-text {
      color: #000000;
      font-family: var(--theme-body-font) !important;
      font-weight: var(--theme-body-weight) !important;
      font-size: var(--theme-body-size) !important;
    }

    .franchise-btn-submit {
      background-color: var(--theme-primary);
      padding: 12px;
      font-weight: 500;
      color: #fff !important;
    }
  }
}