﻿.nandos-responsive {
    background-color: #fff;
}

@media (min-width: 768px) {
  .navbar-nav > li > a {
    padding-top: 45px;
    padding-bottom: 15px;
  }
}

.nandos-responsive .navbar-default .navbar-toggle .icon-bar {
    background-color: white;
}

.nandos-responsive .navbar-default .navbar-toggle {
    border-color: #ddd;
    background-color: #CE0A24;
}

.nandos-responsive .navbar-default .navbar-toggle:focus, .nandos-responsive .navbar-default .navbar-toggle:hover {
    background-color: #CE0A24;
}

.nandos-responsive .navbar-brand {
    margin: 7px 0 0 14px;
    width: 190px;
    background-image: url('/img/nandos-logo.svg');
    background-repeat: no-repeat;
    background-size: contain;
}

.nandos-responsive .navbar-right {
    margin-right: 40px;
}

@media (min-width: 768px) {
    .nandos-responsive .navbar-brand {
        margin: 17px 0 0 14px;
    }
}

.nandos-responsive .navbar-default .navbar-nav>li>a {
    color: #000;
    text-transform: uppercase !important;
    font-weight: 900;
    font-size: 20px;
}

.nandos-responsive .navbar-default {
    background-color: #fff;
    border-color: #e7e7e7;
}

.nandos-responsive .footer {
    border-top: 0;
    padding-top: 50px;
    padding-bottom: 50px;
    color: #fff !important;
    text-align: center;
    background-color: #1a1a1a;
    float: none !important;
    margin: 0;
}

.nandos-responsive .footer-top-border {
    height: 27px;
    background: url(/img/footer/footer-border.png) top left repeat-x;
}

.nandos-responsive .footer-links {
    padding-left: 0;
    margin-bottom: 20px;
}

.nandos-responsive .footer-links li {
    display: inline-block;
    list-style-type: none;
}

.nandos-responsive .footer a {
    color: #fff !important;
}

.nandos-responsive .footer-links li+li {
    margin-left: 15px;
}

.nandos-responsive footer li, .nandos-responsive footer a {
    list-style: none !important;
    float: none !important;
    margin: 0 25px 0 0;
    height: auto !important;
    font-size:16px;
}

.nandos-responsive footer img {
    max-height: 48px !important;
    display: block;
    width: auto;
    height: auto;
    float: none !important;
}

.nandos-responsive footer .text-links li {
    margin: 20px 5px 0 5px !important;
    font-size: 16px;
}

.nandos-responsive footer #nandos_copyright {
    margin: 0 !important; 
}

.nandos-responsive footer ul {
    width: auto !important;
}

.nandos-responsive #main {
    margin-top: 100px;
}

.nandos-responsive ul.tab-heading li a {
    height: 33px;
}

/* The following rule re-applies the equivalent bootstrap rule which needed
    to be overidden in nandos.css to maintain the existing style for non uk sites */
 * {
  -webkit-box-sizing: border-box !important;
}

body.nandos-responsive {
    background-size: auto 85%, auto, auto;
    background-image: url('/img/takeaway-left-pattern.png'), url('/img/takeaway-bag.png'), url('/img/takeaway-bg.png');
    background-repeat: no-repeat, no-repeat, no-repeat;
    background-position: left, top right, top left;
    background-color: #2EE2C5;
}

.nandos-responsive .dietary-requirements-button {
    /*float: left !important;*/
}
.dietary-requirements-button {
    color: #ff2350 !important
}


.nandos-responsive #search {
    float: right;
    width: 29px;
    margin-left: -4px !important;
    margin-top: 1px;
    height: 22px;
}

.nandos-responsive a#search {
    line-height: 0; 
    font-size: 0;
    color: transparent;
}

.nandos-responsive #search:before, .nandos-responsive #select:before {
  content: '';  
  width: 0;  
  height: 0;  
  border-left: 14px solid #ff00b4;
  border-bottom: 10px solid transparent;
  border-top: 10px solid transparent;
  position: absolute;  
  left: 236px;
  margin-top: -11px;
}

.nandos-responsive #select {
    float: right;
    width: 29px;
    margin-left: -4px !important;
    margin-top: 1px;
    height: 22px;
}

.nandos-responsive a#select {
    line-height: 0; 
    font-size: 0;
    color: transparent;
}

.nandos-responsive #pac-input {
    width: 200px !important;
    height: 28px;
}

.nandos-responsive .red-panel-plus-dietary {
    width: 289px;
    height: 260px;
    background-color: #e1e1d3;
    float: left;
    margin: 0 0 25px 25px;
}

.nandos-responsive .chosen-container-single .chosen-single {
    height: 28px !important;
}

.nandos-responsive .btn-primary, .nandos-responsive .btn-primary.focus {
    color: #000;
    font-weight: 600;
    background-color: #FFFF00;
    border-color: #FFFF00;
    text-transform: uppercase;
    width: 100%;
    border-radius: 0;
}

.nandos-responsive .btn-secondary, .nandos-responsive .btn-secondary.focus {
    color: white;
    font-weight: 600;
    background-color: black;
    border-color: black;
    text-transform: uppercase;    
    width: 100%;
    border-radius: 0;
}

.nandos-responsive .btn-add-favourites {
    background-color: #14e1c1;
    border-color: #14e1c1;
}

.nandos-responsive .btn-checkout-now {
    background-color: #ff2350;
    border-color: #ff2350;
}

.nandos-responsive .btn.wrap-button-text {
    white-space: normal;   
}

.nandos-responsive .btn.btn-primary:before {
  content: '';  
  width: 0;  
  height: 0;  
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-top: 15px solid #ff00b4;
  position: absolute;  
  left: 30px;
  margin-top: -14px;
}

.nandos-responsive .nvi_button_action:before {
  content: '';  
  width: 0;  
  height: 0;  
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-top: 15px solid #ff00b4;
  position: absolute;  
  left: 30px;
  margin-top: -20px;
}

.nandos-responsive .nvi_button_action_abs:before {
    position: absolute !important;
    left: inherit !important;
}

.nandos-responsive .price-btn.nvi_button_action_abs:before, 
.nandos-responsive .order-button.nvi_button_action_abs:before {
    position: absolute !important;
    left: inherit !important;
    margin-left: -20px;
}

.nandos-responsive .pay-paypal-button.nvi_button_action_abs:before {
    position: absolute !important;
    left: inherit !important;
    margin-left: -85px;
}

.nandos-responsive #login-button {
    float: none;
    width: 332px !important;
    margin-top: 10px;
}

.nandos-responsive #login-button:before {
    left: 110px;
}

.nandos-responsive .nvi_button_action {
    max-height: 42px;
}

.nandos-responsive .nvi_button_action .padding-7 {
    padding: inherit !important;
}

.nandos-responsive .nvi_button_auto_height {
    max-height: inherit !important;
}

.nandos-responsive label, #please-read {
    font-weight: 800 !important;
}

.nandos-responsive #salads-section .info-button {
    margin-bottom: 10px;
}

.nandos-responsive .decrease-quantity,
.nandos-responsive .customize-meal-decrease-quantity,
.nandos-responsive .line-item-decrease-quantity {
    padding: 19px 19px 0 0;
    background: url('/img/takeaway/decrease-quantity-black.png');
    background-size: auto;
    width: 0px;
    height: 0px;
}

.nandos-responsive .increase-quantity, 
.nandos-responsive .customize-meal-increase-quantity,
.nandos-responsive .line-item-increase-quantity,
.nandos-responsive .increase-quantity-payment {
    padding: 19px 19px 0 0;
    background: url('/img/takeaway/increase-quantity-black.png');
    background-size: auto;
    width: 0px;
    height: 0px;
}

.nandos-responsive a.red-text {
    color: #ff2350 !important;
}

.nandos-responsive .checkout-add-order-btn {
    float: left;
}
.nandos-responsive .checkout-checkout-now-btn {
    float: left;
}

.nandos-responsive #favourites-total-submit {
    float: left !important;
}

.nandos-responsive #add-to-order-checkout {
    margin-top: 20px;
}

.nandos-responsive #save-favourites { height: 66px !important;}

.nandos-responsive .separator-popup {width: 395px;}

.nandos-responsive .peri-ometer-new-buttonset a {
    padding: 0;
}

.nandos-responsive .peri-ometer-new-panel {
    padding-bottom: 20px;
}

.nandos-responsive .peri-ometer {    
    background-position: 290px 0px !important;
}

.nandos-responsive .checkout-btn a { width: inherit !important;}

.nandos-responsive #order-summary-middle {
    width: 100% !important;
}

.nandos-responsive .checkout-btn {
    height: inherit !important;
}

.nandos-responsive #pay-by-card{
    width: 100% !important;
}

.nandos-responsive #pay-by-paypal {
    width: inherit !important;
}

.nandos-responsive .brown-header-panel {
    width: inherit !important;
}

.nandos-responsive #add-to-order.nvi_button {
    min-width: 200px;
}

.nandos-responsive .btn-checkout-now.nvi_button2, .nandos-responsive .btn-checkout-now.nvi_button2:hover {
    padding-top: 9px;
}

.nandos-responsive .sides-tab, .nandos-responsive .sides-active .sides-tab {
    height: 34px;
} 

.nandos-responsive .understand.nvi_button {
    font-size: 11px !important;
    height: 30px !important;
    padding-top: 9px !important;
}
.nandos-responsive .understand2.nvi_button {
    font-size: 11px !important;
    height: 30px !important;
    padding-top: 9px !important;
}

.nandos-responsive #checkout #paper-panel-top, 
.nandos-responsive #checkout #paper-panel-middle,
.nandos-responsive #checkout #paper-panel-bottom-new {
    width: 100%;
}

.nandos-responsive .beige-clock-panel-sml {
    height: inherit !important;
}

.nandos-responsive .continue-with-order-btn {
    margin-top: 10px;
}

.nandos-responsive .reset-pw-btn {
    margin: 0;
    width: 100%;
}

.nandos-responsive .full-width-button {
    width: 100% !important;
}

.nandos-responsive .inherit-width-button {
    width: inherit !important;
}

/* IE 10/11 specific rules */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .nandos-responsive #select {
        float: right;
        width: 12px;
        margin-left: -4px !important;
        margin-top: 1px;
        height: 2px;
    }

    .nandos-responsive #search {
        float: right;
        width: 12px;
        margin-left: -4px !important;
        margin-top: 1px;
        height: 2px;
    }

    .nandos-responsive .red-panel-plus-dietary {
        width: 240px;
    }

    .nandos-responsive #search:before, .nandos-responsive #select:before {
        left: 246px;
        margin-top: -10px;
    }

    .nandos-responsive #pac-input {
        width: 204px !important;
        height: 24px;
    }

    .nandos-responsive .price-btn.nvi_button_action_abs:before, 
    .nandos-responsive .order-button.nvi_button_action_abs:before {
        position: absolute !important;
        left: inherit !important;
        margin-left: 0;
    }

    a.price-btn {
        min-width: 85px !important;
    }

    a.order-button {
        min-width: 85px !important;
    }

    .order-again.nvi_button:not(.btn), .order-again-not-available.nvi_button:hover:not(.btn) {
        padding: 8px 10px 4px 10px !important;
    }

    .white-panel-middle {
         width:661px !important;
    }

    .nandos-responsive #checkout #paper-panel-top, 
    .nandos-responsive #checkout #paper-panel-middle,
    .nandos-responsive #checkout #paper-panel-bottom-new {
        width: 98%;
    }

    #checkout #paper-panel-top {
        padding:23px 12px !important;
    }

    #checkout .brown-header-panel {
        width: 621px !important;
    }

    .nandos-responsive .pay-paypal-button.nvi_button_action_abs:before {
        margin-left: 20px !important;
    }

    section .section-select {
        width: 623px !important;
    }
}


.full-width {
    width: 100%!important
}

span a {text-decoration: underline;}
.agree-box {width:200px}