.bg-primary {
    background-color: #A92323!important; /* background colour such as the title bar at the top of the page */
}
a {
    color: #A92323!important; /* the text colour of embedded links that have no other sytle applied */
}
.navbar-dark .navbar-nav .nav-link {
    color: rgba(255, 255, 255, 0.7) !important;  /* Menu bar text colour DO NOT CHANGE */
}
.btn-link {
    color: #A92323!important; /* button text where the button is based on a link element. Some buttons are based on an 'input' element so this will not work. */
}
.nav-link {
    color: #A92323 !important; /* The text colour of the  navigation elements nominally located in the nav bar at the top of the page. */
    font-weight: normal!important;
}
/* There are a number of button categories, btn-primary, btn-info, btn-danger, btn-secondary etc. Only the two most used are defined here. btn-primary is fully defined but only some elements of btn-info. Note you can apply all the same structures to btn-info as you can to btn-primary. */
.btn-primary { 
    color: white !important; /* the text colour */
    background-color: #A92323!important; /* the button background colour */
    border-color: #A92323!important; /* the border colour, nominally the same as the background colour.*/
    font-weight: normal !important; /* emphasizes the text. Set to normal if bold is not required. */
}
    .btn-primary:hover {
        color: white !important; /* Colour adjustments applied if the mouse is hovered over the button element. */
        background-color: #A92323 !important; /* normally a darker version of the button background colour */
        border-color: #A92323 !important;
    }

    .btn-primary:focus, .btn-primary.focus { /* when the button has the focus it places a  box-shadow around it. You should choose a colour to emphasize the button background colour. */
        -webkit-box-shadow: 0 0 0 0.2rem rgba(169, 35, 35, 0.5) !important;
        box-shadow: 0 0 0 0.2rem rgba(169, 35, 35, 0.5) !important;
    }

    .btn-primary.disabled, .btn-primary:disabled {
        color: #efd5d6 !important;/* Applied if the button is disabled. */
        background-color: #efd5d6 !important;/* You could set this and border-color to a washed-out version of the main colour to emphasize its disabled. */
        border-color: #efd5d6 !important;
    }

    .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
    .show > .btn-primary.dropdown-toggle {/* Applied to drop down toggles. Not sure this is being used anywhere. Included for completeness. */
        color: #efd5d6;
        background-color: #efd5d6 !important;
        border-color: #efd5d6 !important;
    }

        .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
        .show > .btn-primary.dropdown-toggle:focus {
            -webkit-box-shadow: 0 0 0 0.2rem rgba(169, 35, 35, 0.5) !important;
            box-shadow: 0 0 0 0.2rem rgba(169, 35, 35, 0.5) !important;
        }

.btn-info { /* basically the same structues as btn-primary, even though, only the top level is redefined here. */
    color: white !important; /* the text colour*/
    background-color:  #A92323 !important; /* the background colour */
    border-color:  #A92323 !important; /* the border colour, nominally the same as the background colour.*/
    font-weight: normal !important; /* emphasizes the text. Set to normal (or comment out) if bold is not required. */
}


/* Outline buttons: e.g. btn-outline-primary, compliment the main buttons. The body colour of the outline buttons is transparent. Only the text and an outline are coloured.*/
.btn-outline-primary { /* Note, this is reverse of the btn-primary. Background colour does not need to be specified as its always the same, irrespective of the text/border colour. */
    color: #A92323!important;
    border-color: #A92323!important;
}

    .btn-outline-primary:hover { /* Colour adjustments applied if the mouse if hovered over the button element. */
        color: #A92323!important;
        background-color: #A92323 !important;
        border-color: #A92323 !important;
    }

    .btn-outline-primary:focus, .btn-outline-primary.focus { /* when the button has the focus it places a  box-shadow around it. You should choose a colour to emphasize the button text/border colour. */
        -webkit-box-shadow: 0 0 0 0.2rem rgba(169, 35, 35, 0.5) !important;
        box-shadow: 0 0 0 0.2rem rgba(169, 35, 35, 0.5) !important;
    }

    .btn-outline-primary.disabled, .btn-outline-primary:disabled {
        color: #efd5d6; /* Applied if the button is disabled. You could set this to a washed-out version of the main text colour to emphasize its disabled. */
    }

    .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active,
    .show > .btn-outline-primary.dropdown-toggle { /* Applied to drop down toggles. Not sure this is being used anywhere. Included for completeness. */
        color: #A92323!important;
        background-color: #A92323 !important;
        border-color: #A92323 !important;
    }

        .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
        .show > .btn-outline-primary.dropdown-toggle:focus {
            -webkit-box-shadow: 0 0 0 0.2rem rgba(169, 35, 35, 0.5) !important;
            box-shadow: 0 0 0 0.2rem rgba(169, 35, 35, 0.5) !important;
        }


/* There are a number of text categories, text-primary, text-info, text-danger, text-secondary etc. More can be added here if necessary. */
.text-primary {
    color: #A92323!important;
}
.text-info {
    color: #A92323 !important;
}

.form-control:focus { /* form controls are where data is entered, such as text boxes */
    color: 0; /* the text colour */
    border-color: #A92323!important; /* the border of the text/combo box */
    -webkit-box-shadow: 0 0 0 0.2rem rgba(169, 35, 35, 0.25) !important;
    box-shadow: 0 0 0 0.2rem rgba(169, 35, 35, 0.25) !important;
}
.btn:focus, .btn.focus { /* color shadow changes when buttons get the focus */
    outline: 0;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(169, 35, 35, 0.25) !important;
    box-shadow: 0 0 0 0.2rem rgba(169, 35, 35, 0.25) !important;
}
.site-logo { /* Hides the site logo (ReachSubs). Comment it out or remove the 'display' line to display the logo*/
   
}

/* The colours apply to the pre order entry pages that determine product / delivery. */
.product-delivery-method-margins {
    background-color: #A92323;
}
.cost-per-week-background {
    background-color: #efd5d6;
}
.header-text-box {
    border-bottom: #efd5d6;
}
input[type="radio"],
input[type="checkbox"] {
    accent-color: #A92323 !important;
}