body {
    line-height: 1.7;
    font-family: 'Roboto', Helvetica, Arial, sans-serif!important;
}

p a:link {
    text-decoration: underline;
}

p a:visited {
    /* color: #666; */
    color: #007bff;
    /* color: #999;  */
    text-decoration: none;
}

p a:hover {
    color: #999;
    text-decoration: none;
}

.footer {
    background-color: #26559d;
}

.footer {
    color: #fff;
}

.footer a:link {
    color: #fff;
    text-decoration: none;
}

.footer a:visited {
    color: #fff;
    text-decoration: none;
}

.footer a:hover {
    color: #ccc;
    text-decoration: none;
}

.btn {
    white-space: normal;
}

.page-item.active .page-link {
    color: #fff;
    background-color: #26559d;
    border-color: #26559d;
}

/* map */
.contact-map {
    margin-bottom: 30px;

}

.contact-map #gMap {
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: #ccc;
}


.mapheight {
    height: 450px;
}

/* Misc */
.captionbg {
    background: rgba(0, 0, 0, .3);
    padding: 20px;
    border-radius: 8px;
}

.foodbanner1 {
    background-image: url(../img/burning-kitchen.jpg);
    background-position: center bottom;
    background-size: cover;
}

.foodbanner2 {
    background-image: url(../img/burning-kitchen.jpg);
    background-position: center top;
    background-size: cover;
}

/* fix badge width for search results key */
.badge-list {
    width: 40px;
}

.captionbg {
    background: rgba(0, 0, 0, .5);
    padding: 20px;
}

.consumers {
    /* background-color: #eee; */ /* fhrs images have a whitebackground so this looks silly */

}


/* custom button colour to match footer */
.btn-sotdblue {
    color: #ffffff;
    background-color: #26559D;
    border-color: #130269;
}

.btn-sotdblue:hover,
.btn-sotdblue:focus,
.btn-sotdblue:active,
.btn-sotdblue.active,
.open .dropdown-toggle.btn-sotdblue {
    color: #ffffff;
    background-color: #4F6BB3;
    border-color: #130269;
}

.btn-sotdblue:active,
.btn-sotdblue.active,
.open .dropdown-toggle.btn-sotdblue {
    background-image: none;
}

.btn-sotdblue.disabled,
.btn-sotdblue[disabled],
fieldset[disabled] .btn-sotdblue,
.btn-sotdblue.disabled:hover,
.btn-sotdblue[disabled]:hover,
fieldset[disabled] .btn-sotdblue:hover,
.btn-sotdblue.disabled:focus,
.btn-sotdblue[disabled]:focus,
fieldset[disabled] .btn-sotdblue:focus,
.btn-sotdblue.disabled:active,
.btn-sotdblue[disabled]:active,
fieldset[disabled] .btn-sotdblue:active,
.btn-sotdblue.disabled.active,
.btn-sotdblue[disabled].active,
fieldset[disabled] .btn-sotdblue.active {
    background-color: #26559D;
    border-color: #130269;
}

.btn-sotdblue .badge {
    color: #26559D;
    background-color: #ffffff;
}

ul.errors > li {
    color: red;
    font-size: 1.1em;
}

/* https://raw.githubusercontent.com/zachnietling/bootstrap-pulse/master/pulse.css */

.pulse-primary {
    color: rgba(255, 255, 255, 0.8);
    box-shadow: 0px 0px 20px 5px rgba(0, 170, 255, .8);
    animation: pulse-primary 3s infinite;
}
.pulse-primary:hover {
    color: rgba(255, 255, 255, 1) !important;
}
@-webkit-keyframes pulse-primary {
    0% {
        -webkit-box-shadow: 0px 0px 20px 5px rgba(0, 170, 255, .8);
        color: rgba(255, 255, 255, 1);
    }
    70% {
        -webkit-box-shadow: 0px 0px 20px 5px rgba(0, 170, 255, 0);
    }
    100% {
        -webkit-box-shadow: 0px 0px 20px 5px rgba(0, 170, 255, .8);
        color: rgba(255, 255, 255, 1);
    }
}
@keyframes pulse-primary {
    0% {
        -moz-box-shadow: 0px 0px 20px 5px rgba(0, 170, 255, .8);
        box-shadow: 0px 0px 20px 5px rgba(0, 170, 255, .8);
        color: rgba(255, 255, 255, 1);
    }
    70% {
        -moz-box-shadow: 0px 0px 20px 5px rgba(0, 170, 255, 0);
        box-shadow: 0px 0px 20px 5px rgba(0, 170, 255, 0);
    }
    100% {
        -moz-box-shadow: 0px 0px 20px 5px rgba(0, 170, 255, .8);
        box-shadow: 0px 0px 20px 5px rgba(0, 170, 255, .8);
        color: rgba(255, 255, 255, 1);
    }
}


.pulse-warning {
    color: rgba(255, 255, 255, 0.8);
    box-shadow: 0px 0px 20px 5px rgba(255, 170, 0, .8);
    animation: pulse-warning 2.5s infinite;
}
.pulse-warning:hover {
    color: rgba(255, 255, 255, 1) !important;
}
@-webkit-keyframes pulse-warning {
    0% {
        -webkit-box-shadow: 0px 0px 20px 5px rgba(255, 170, 0, .8);
        color: rgba(255, 255, 255, 1);
    }
    70% {
        -webkit-box-shadow: 0px 0px 20px 5px rgba(255, 170, 0, 0);
    }
    100% {
        -webkit-box-shadow: 0px 0px 20px 5px rgba(255, 170, 0, .8);
        color: rgba(255, 255, 255, 1);
    }
}
@keyframes pulse-warning {
    0% {
        -moz-box-shadow: 0px 0px 20px 5px rgba(255, 170, 0, .8);
        box-shadow: 0px 0px 20px 5px rgba(255, 170, 0, .8);
        color: rgba(255, 255, 255, 1);
    }
    70% {
        -moz-box-shadow: 0px 0px 20px 5px rgba(255, 170, 0, 0);
        box-shadow: 0px 0px 20px 5px rgba(255, 170, 0, 0);
    }
    100% {
        -moz-box-shadow: 0px 0px 20px 5px rgba(255, 170, 0, .8);
        box-shadow: 0px 0px 20px 5px rgba(255, 170, 0, .8);
        color: rgba(255, 255, 255, 1);
    }
}


.pulse-default {
    color: rgba(0, 0, 0, 0.8);
    box-shadow: 0px 0px 20px 5px rgba(245, 245, 245, .8);
    animation: pulse-default 3.2s infinite;
}
.pulse-default:hover {
    color: rgba(0, 0, 0, 1) !important;
}
@-webkit-keyframes pulse-default {
    0% {
        -webkit-box-shadow: 0px 0px 20px 5px rgba(245, 245, 245, .8);
        color: rgba(0, 0, 0, 1);
    }
    70% {
        -webkit-box-shadow: 0px 0px 20px 5px rgba(245, 245, 245, 0);
    }
    100% {
        -webkit-box-shadow: 0px 0px 20px 5px rgba(245, 245, 245, .8);
        color: rgba(0, 0, 0, 1);
    }
}
@keyframes pulse-default {
    0% {
        -moz-box-shadow: 0px 0px 20px 5px rgba(245, 245, 245, .8);
        box-shadow: 0px 0px 20px 5px rgba(245, 245, 245, .8);
        color: rgba(0, 0, 0, 1);
    }
    70% {
        -moz-box-shadow: 0px 0px 20px 5px rgba(245, 245, 245, 0);
        box-shadow: 0px 0px 20px 5px rgba(245, 245, 245, 0);
    }
    100% {
        -moz-box-shadow: 0px 0px 20px 5px rgba(245, 245, 245, .8);
        box-shadow: 0px 0px 20px 5px rgba(245, 245, 245, .8);
        color: rgba(0, 0, 0, 1);
    }
}


.pulse-danger {
    color: rgba(255, 255, 255, 0.8);
    box-shadow: 0px 0px 20px 5px rgba(255, 63, 58, .8);
    animation: pulse-danger 2.7s infinite;
}
.pulse-danger:hover {
    color: rgba(255, 255, 255, 1) !important;
}
@-webkit-keyframes pulse-danger {
    0% {
        -webkit-box-shadow: 0px 0px 20px 5px rgba(255, 63, 58, .8);
        color: rgba(255, 255, 255, 1);
    }
    70% {
        -webkit-box-shadow: 0px 0px 20px 5px rgba(255, 63, 58, 0);
    }
    100% {
        -webkit-box-shadow: 0px 0px 20px 5px rgba(255, 63, 58, .8);
        color: rgba(255, 255, 255, 1);
    }
}
@keyframes pulse-danger {
    0% {
        -moz-box-shadow: 0px 0px 20px 5px rgba(255, 63, 58, .8);
        box-shadow: 0px 0px 20px 5px rgba(255, 63, 58, .8);
        color: rgba(255, 255, 255, 1);
    }
    70% {
        -moz-box-shadow: 0px 0px 20px 5px rgba(255, 63, 58, 0);
        box-shadow: 0px 0px 20px 5px rgba(255, 63, 58, 0);
    }
    100% {
        -moz-box-shadow: 0px 0px 20px 5px rgba(255, 63, 58, .8);
        box-shadow: 0px 0px 20px 5px rgba(255, 63, 58, .8);
        color: rgba(255, 255, 255, 1);
    }
}


.pulse-success {
    color: rgba(255, 255, 255, 0.8);
    box-shadow: 0px 0px 20px 5px rgba(45, 220, 45, .8);
    animation: pulse-success 3.5s infinite;
}
.pulse-success:hover {
    color: rgba(255, 255, 255, 1) !important;
}
@-webkit-keyframes pulse-success {
    0% {
        -webkit-box-shadow: 0px 0px 20px 5px rgba(45, 220, 45, .8);
        color: rgba(255, 255, 255, 1);
    }
    70% {
        -webkit-box-shadow: 0px 0px 20px 5px rgba(45, 220, 45, 0);
    }
    100% {
        -webkit-box-shadow: 0px 0px 20px 5px rgba(45, 220, 45, .8);
        color: rgba(255, 255, 255, 1);
    }
}
@keyframes pulse-success {
    0% {
        -moz-box-shadow: 0px 0px 20px 5px rgba(45, 220, 45, .8);
        box-shadow: 0px 0px 20px 5px rgba(45, 220, 45, .8);
        color: rgba(255, 255, 255, 1);
    }
    70% {
        -moz-box-shadow: 0px 0px 20px 5px rgba(45, 220, 45, 0);
        box-shadow: 0px 0px 20px 5px rgba(45, 220, 45, 0);
    }
    100% {
        -moz-box-shadow: 0px 0px 20px 5px rgba(45, 220, 45, .8);
        box-shadow: 0px 0px 20px 5px rgba(45, 220, 45, .8);
        color: rgba(255, 255, 255, 1);
    }
}


.pulse-info {
    color: rgba(255, 255, 255, 0.8);
    box-shadow: 0px 0px 20px 5px rgba(125, 249, 255, .8);
    animation: pulse-info 3.7s infinite;
}
.pulse-info:hover {
    color: rgba(255, 255, 255, 1) !important;
}
@-webkit-keyframes pulse-info {
    0% {
        -webkit-box-shadow: 0px 0px 20px 5px rgba(125, 249, 255, .8);
        color: rgba(255, 255, 255, 1);
    }
    70% {
        -webkit-box-shadow: 0px 0px 20px 5px rgba(125, 249, 255, 0);
    }
    100% {
        -webkit-box-shadow: 0px 0px 20px 5px rgba(125, 249, 255, .8);
        color: rgba(255, 255, 255, 1);
    }
}
@keyframes pulse-info {
    0% {
        -moz-box-shadow: 0px 0px 20px 5px rgba(125, 249, 255, .8);
        box-shadow: 0px 0px 20px 5px rgba(125, 249, 255, .8);
        color: rgba(255, 255, 255, 1);
    }
    70% {
        -moz-box-shadow: 0px 0px 20px 5px rgba(125, 249, 255, 0);
        box-shadow: 0px 0px 20px 5px rgba(125, 249, 255, 0);
    }
    100% {
        -moz-box-shadow: 0px 0px 20px 5px rgba(125, 249, 255, .8);
        box-shadow: 0px 0px 20px 5px rgba(125, 249, 255, .8);
        color: rgba(255, 255, 255, 1);
    }
}
