/* Sticky Footer ---------------------------------------------------------*/

html, body {
    height: 100%;
    /* The html and body elements cannot have any padding or margin. */
}

.sticky-wrapper {
    min-height: 100%;
    height: auto;
    margin: 0 auto -148px;
    padding: 0 0 148px;
}

/* Global ---------------------------------------------------------------*/
body {
    font-family: 'Open Sans', arial, sans-serif;
    font-size: 14px;
}

img {
    max-width: 100%;
}

a {
    font-weight: bold;
}

.icon-green {
    color: #5cb85c;
}

.icon-red {
    color: #d9534f;
}

.icon-yellow {
    color: #efb73e;
}

h1 {
    font: bold 2.4em/1.2em 'Open Sans', arial, sans-serif;
}

h1.heading {
    margin-top: 1em;
    letter-spacing: -0.05em;
}

h1 .btn {
    letter-spacing: 0;
}

h3 a,  h3 a:active,  h3 a:hover,
.h3 a, .h3 a:active, .h3 a:hover,
h4 a,  h4 a:active,  h4 a:hover {
    color: #333;
}

.meta {
    color: #6f6f6f;
    font-size: 0.9em;
}

.meta a {
    font-weight: normal;
    color: #6f6f6f;
}

/* Utility ------------------------------------------------------------------*/

.mb-15 {
    margin-bottom: 15px;
}

.mb-25 {
    margin-bottom: 25px;
}

/* Header & footer ----------------------------------------------------------*/

header {
    background: #ffffff url(../images/main/master/texture.png) repeat left top;
    padding: 2em 0 1em 0;
    background-color: #fbf2f2;
    border-bottom: 1px solid #efdddd;
}

.logo {
    z-index: 1; /* Must be on top of nav column so link works on mobile/tablet */
}
.logo img {
    max-height: 100px;
    margin-left: 12px;
}

footer {
    color: #ffffff;
    border: none;
    background: #350404;
    padding: 40px 0 36px;
    margin-top: 3em;
}

footer p {
    font-weight: bold;
}

footer a {
    color: white;
}

footer a:hover,
footer a:active,
footer a:focus {
    color: #ffffff;
}

.fb-logo {
    margin: 5px 0 0 5px;
}

/* Alerts and breadcrumbs --------------------------------------------------------------*/
.alert {
    margin: 10px 0;
}
.breadcrumb {
    margin-top: 10px;
    font-size: .9em;
    padding: 6px 15px;
    border-radius: 5px;
}

.breadcrumb a {
    color: #888888;
}

/* Home page slideshow  ---------------------------------------------------------*/
.flex-direction-nav,
.flex-control-nav {
    display: none;
}

#home-slideshow {
    border: none;
    margin-bottom: 0; /* Override default styles */
}

.flexslider .slides li {
    position: relative; /* To allow absolute positioning of caption */
}

.flex-caption {
    width: 400px;
    position: absolute;
    left: 8%;
    right: 0;
    bottom: 8%;
    font-family: Signika, sans-serif;
    font-size: 16px;
    color: #fff;
    padding: 0 25px;
    background: rgba(214, 44, 44, 0.9);
}

.flex-caption h3 {
    margin-top: 15px;
    font-size: 27px;
    letter-spacing: -.5px;
}

/* Adjustments for mobile */
@media only screen and (max-width: 767px) {
    .flex-caption {
        width: 100%;
        height: 135px; /* Set this to match the content and very small widths */
        position: relative;
        left: 0;
        right: 0;
        bottom: 0;
        padding: 10px 25px;
        background: rgba(214, 44, 44, 1);
    }
}

/* Home page below slideshow  ---------------------------------------------------------*/
@media only screen and (max-width: 991px) {
    .home .feature .thumb img {
        float: right;
        margin-top: 10px;
    }

    .home .feature {
        clear: both;
    }
}

.below-slider {
    height: 60px;
    background: #ffffff url(../images/main/master/texture.png) repeat left top;
    padding: 2em 0 1em 0;
    background-color: #fbf2f2;
    border-bottom: 1px solid #efdddd;
}

.home .feature {
    padding: 15px;
}

.home .feature .icon {
    margin-right: 10px;
    border-radius: 3px;
}

/* Login page  ---------------------------------------------------------*/
.login-panel {
    margin-top: 1em;
}

/* Main content  ---------------------------------------------------------*/

.content h1 {
    letter-spacing: -0.05em;
}

.content h1.page-title {
    margin-bottom: 0; /* Meta comes after this and provides the bottom-margin */
}

.content h3,
.content .h3 {
    font-weight: bold;
    letter-spacing: -0.05em;
}

.content-main h4 {
    line-height: 1.3;
}

.content-main ul li {
    margin-bottom: 0.4em;
}

.content-main img.pull-right {
    margin: 0 0 15px 15px;
    border-radius: 3px;
}

.content-main img.pull-left {
    margin: 0 15px 15px 0;
    border-radius: 3px;
}

/* Video embeds */
.videoWrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
    clear: both;
}
.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Quote widget  -----------------------------------------------------------*/
blockquote {
    font-size: 14px;
    font-style: italic;
}

.quote {
    margin-top: 3em;
}

/* Mailing list signup widgets ----------------------------------------------*/
#mailinglist-signup h2 {
    font-size: 1em;
    color: #555555;
    letter-spacing: 0;
    font-weight: bold;
}

#mailinglist-signup .button {
    margin-top: 10px;
}

/* List view  --------------------------------------------------------------*/

.list {
    margin-top: 35px;
    margin-bottom: 20px;
}

.list h3 {
    margin-top: 0;
}

/* Forms  ---------------------------------------------------------*/
label.form-required:after {
    content: ' *';
}

.markdown-help dt {
    margin-right: 10px;
    width: 260px;
}

.markdown-help dl {
    margin-bottom: 5px;
}

.image-overlay {
    display: inline-block;
}

.checkbox-large {
    -webkit-transform: scale(1.3,1.3);
    -moz-transform: scale(1.3,1.3);
    -o-transform: scale(1.3,1.3);
}

form label + div.radio {
    margin-top: 0;
}

.radio + .radio {
    margin-top: 0;
}

.form-small input,
.form-small textarea {
    font-size: 85%;
}

/* Application forms -----------------------------------------------*/

#address-fields input {
    font-weight: normal;
    border: none;
    border-radius: 3px;
}

#address-fields input.bg-danger {
    border: 2px solid #b72020;
}

/* FAQs page -------------------------------------------------------*/
.panel-va {
    border-color: #efdddd;
}

.panel-va>.panel-heading {
    background-color: #fbf2f2;
    border-color: #efdddd;
}

/* Events  ---------------------------------------------------------*/
.content .events-list td {
    padding: 10px;
    border: none;
    height: 60px;
}

.events-list:nth-child(odd) {
    background-color: #fbf2f2;
}

.events-list:last-child {
    border-bottom: 2px solid #DDD;
}

.thumb-50px {
    width: 50px;
    height: 50px;
    float: right;
}

#regSuccess .icon-green {
    margin-left: 10px;
    font-size: 2em;
    top: 8px;
}

/* About section  ---------------------------------------------------------*/

.whakatauki {
    font-size: 1.4em;
}

.whakatauki .trans {
    font-size: .75em;
    font-style: italic;
    line-height: 2;
    margin-bottom: 1em;
}

.content-main .people img.pull-right {
    margin-top: 20px;
}

/* Sidebar  ---------------------------------------------------------*/
.widget {
    margin-bottom: 2em;
}
.widget h3 {
    font-size: 1em;
    color: #555555;
    letter-spacing: 0;
}

.widget-thumb {
    border-radius: 3px;
}

hr.separator {
    margin: 3em 0;
}

/* When sidebar is on right hand side */
@media only screen and (min-width: 992px) {
    hr.separator {
        display: none;
    }
}

/* Role select widget */
.widget hr {
    margin-top: 5px;
    margin-bottom: 5px;
}

.widget .form-group {
    margin-bottom: 5px;
}

/* Admin page  -----------------------------------------------------------------*/
.icon-lg {
    font-size: 55px;
}

tr.inactive {
    background-color: #FAFAFA;
    font-style: italic;
}

/* Xmas include  -----------------------------------------------------------------*/
.xmas {
    margin: 25px 0;
    color: white;
    font-weight:bold;
    background: #b72020;
    padding: 1em;
    border-radius: 3px;
}

.xmas p:last-child {
    margin-bottom: 0;
}

.xmas a {
    color: white;
    text-decoration: underline;
}

/* Xmas-lite  -----------------------------------------------------------------*/
.xmas-lite, .xmas-lite a {
    font-weight:bold;
}

/* Navbar styling  -----------------------------------------------------------------*/
.navbar-default {
    background-color: inherit;
    border-color: transparent;
}

.navbar-default .navbar-nav > li > a {
    color: #3E3E3E;
}

.navbar-default .navbar-collapse {
    border-color: transparent;
}

.navbar-nav > li {
    margin-left: 5px;
}

.navbar-nav > li > a {
    padding: 6px 12px;
    font-family: Signika, arial, sans-serif;
    font-weight: 300;
    font-size: 17px;
    border-radius: 3px;
}

/* Hovering and focussing on non-active links */
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: #fff;
    background-color: #B72020;
}

/* Styling top-level dropdowns which are opened and non-active */
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
    color: #fff;
    background-color: #B72020;
    border-radius: 3px 3px 0 0;
}

/* Styling active links */
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
    color: #fff;
    background-color: #B72020;
}

/* Dropdown menu */
.navbar-nav > li > .dropdown-menu {
    font-family: Signika, arial, sans-serif;
    font-weight: 300;
    font-size: 12px;
    background-color: #B72020;
    border: none;
    border-radius: 0 3px 3px 3px;
    padding: 10px 15px;
    width: 210px;
}

/* Dropdown links */
.dropdown-menu > li > a {
    color: white;
    padding: 4px 0;
}

/* Dropdown links hover */
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
    text-decoration: underline;
    background-color: inherit;
    color: #ffffff;
}

/* Dropdown subpage links active */
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
    text-decoration: underline;
}

/* Adjustments for collapsed mobile menu */
@media only screen and (max-width: 767px) {

    /* Add top margin */
    nav .navbar-nav {
        margin-top: 25px;
    }

    /* Remove background colour from active links and dropdown links which are opened */
    .navbar-default .navbar-nav > li > a:hover,
    .navbar-default .navbar-nav > li > a:focus,
    .navbar-default .navbar-nav > .active > a,
    .navbar-default .navbar-nav > .active > a:hover,
    .navbar-default .navbar-nav > .active > a:focus,
    .navbar-default .navbar-nav > .open > a,
    .navbar-default .navbar-nav > .open > a:hover,
    .navbar-default .navbar-nav > .open > a:focus {
        color: inherit;
        background-color: transparent;
        border-radius: inherit;
    }

    /* Style active links */
    .navbar-default .navbar-nav > .active > a,
    .navbar-default .navbar-nav > .active > a:hover,
    .navbar-default .navbar-nav > .active > a:focus {
        text-decoration: underline;
    }

    /* Style background coloured bar for active subpage links */
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
        background-color: #D3D3D3;
        border-radius: 5px;
        color: #111;
    }
}

/* Custom Checkbox for role filter Home Based -------------------------------*/
.role-filter .checkbox label:after {
    content: '';
    display: table;
    clear: both;
}

.role-filter .checkbox .cr {
    position: relative;
    display: inline-block;
    border: 1px solid #a9a9a9;
    border-radius: .25em;
    width: 1.3em;
    height: 1.3em;
    float: left;
    margin-right: .5em;
}

.role-filter .checkbox .cr .cr-icon {
    position: absolute;
    font-size: .8em;
    line-height: 0;
    top: 50%;
    left: 15%;
}

.role-filter .checkbox label input[type="checkbox"] {
    display: none;
}

.role-filter .checkbox label input[type="checkbox"]+.cr>.cr-icon {
    opacity: 0;
}

.role-filter .checkbox label input[type="checkbox"]:checked+.cr>.cr-icon {
    opacity: 1;
}

.role-filter .checkbox label input[type="checkbox"]:disabled+.cr {
    opacity: .5;
}