/*
 * Globals
 */

@media (min-width: 48em) {
    html {
        font-size: 18px;
    }

    .masthead-logo {
        padding-right: 100px;
    }
}

html {
    position: relative;
    min-height: 100%;
}

body {
    color: #555;
    font-family: ProximaNova,Arial,sans-serif;
    margin: 0 0 350px; /* bottom = footer height */
}

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
    font-family: sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: normal;
    color: #333;
}

thead {
    font-weight: bold;
}


/*
 * Override Bootstrap's default container.
 */

.container {
    max-width: 60rem;
}


/*
 * Masthead for nav
 */

.masthead {
    margin-bottom: 3rem;
    background-color: #f5f4f3;
    -webkit-box-shadow: inset 0 -0.1rem 0.25rem rgba(0,0,0,.1);
    -moz-box-shadow: inset 0 -0.1rem 0.25rem rgba(0,0,0,.1);
    box-shadow: inset 0 -0.1rem 0.25rem rgba(0,0,0,.1);
    border-bottom: 9px solid #009DE0;
    border-top: 1px solid #dbdad9;
}

#masthead-brand-image {
    border-right: 1px solid #d4d4d4;
    padding: 0 10px 0 0;
    margin-right: 10px;
    margin-top: 15px;
    margin-bottom: 18px;
}

#masthead-logo {
    color: #000;
    display: inline;
    font-size: 1.5em;
    padding-left: 12px;
    vertical-align: middle;
    font-weight: 400;
    padding: 32px 0 33px;
}

/* Nav links */
.nav-link {
    color: black;
    font-weight: 500;
    position: relative;
    text-decoration: none;
    padding: .5em 1em;
}

    /*.nav-link img {
    height: 85px;
  }*/

    .nav-link:hover,
    .nav-link:focus {
        color: #000;
        background-color: transparent;
    }

    /* Active state gets a caret at the bottom */
    .nav-link.active {
        color: #fff;
    }

        .nav-link.active:after {
            position: absolute;
            bottom: 0;
            left: 50%;
            width: 0;
            height: 0;
            margin-left: -.3rem;
            vertical-align: middle;
            content: "";
            border-right: .3rem solid transparent;
            border-bottom: .3rem solid;
            border-left: .3rem solid transparent;
        }

.sub-nav {
    text-align: right;
    padding: 15px 0 5px;
}

.sub-nav-link {
    color: #000;
    display: inline;
    font-size: 14px;
    text-decoration: none;
}

    .sub-nav-link:hover {
        color: #000;
        text-decoration: none;
    }

/*
 * Footer
 */
footer {
    position: absolute;
    left: 0;
    bottom: 0;
    font-weight: bold;
    height: 300px;
    width: 100%;
    overflow: hidden;
    /*padding: 2.5rem 0;*/
    color: #fff;
    text-align: center;
    background-color: #333745;
    border-top: .05rem solid #e5e5e5;
}

.footer-nav {
    background: #e8e8e8;
    padding: 20px 0;
    text-align: center;
    line-height: 12px;
}

.footer-nav-link {
    color: #686868;
    display: inline-block;
    font-size: 14px;
    padding-right: 10px;
    margin-right: 10px;
    border-right: 1px #aaa solid;
    text-decoration: none;
}

    .footer-nav-link:hover {
        color: #000;
        text-decoration: none;
    }

.footer-bottom-nav {
    margin-bottom: 25px;
}

.footer-bottom-nav-link {
    color: #CACACA;
    display: inline-block;
    font-size: 14px;
    padding-right: 10px;
    margin-right: 10px;
    border-right: 1px #aaa solid;
    font-weight: lighter;
    text-decoration: none;
}

    .footer-bottom-nav-link:hover {
        color: #FFF;
        text-decoration: none;
    }

#footer-bottom-nav-link-last {
    border: none;
}

#fairfax-logo-footer {
    margin: 50px 0 30px;
}

.fairfax-copy {
    font-weight: lighter;
    font-size: 16px;
    color: #cacaca;
}

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

.tooltip-wrapper {
    display: inline-block; /* display: block works as well */
}

    .tooltip-wrapper > .btn[disabled] {
        /* don't let button block mouse events from reaching wrapper */
        pointer-events: none;
    }

    .tooltip-wrapper.disabled {
        /* OPTIONAL pointer-events setting above blocks cursor setting, so set it here */
        cursor: not-allowed;
    }


/* Bootstrap overrides */
.btn-primary.disabled, .btn-primary:disabled {
    background-color: #6fcdf5;
    border-color: #2391bf;
}

.btn-primary {
    background-color: #009DE0;
    border-color: #005e86;
}

    .btn-primary:hover {
        background-color: #025aa5;
        border-color: #01549b;
    }


.alert-info {
    background: #02638c;
    color: white;
}

.breadcrumb {
    top: -40px;
    position: relative;
}



ul.pagination {
    margin: 0 0 1rem
}

    ul.pagination .current {
        padding: 0.1875rem 0.625rem;
        background: #2199e8;
        color: #fefefe;
        cursor: default
    }

    ul.pagination .pagination-next a::after {
        content: '\00bb';
        display: inline-block;
        margin-left: 0.5rem
    }

    ul.pagination .pagination-previous a::before {
        content: '\00ab';
        display: inline-block;
        margin-right: 0.5rem
    }

    ul.pagination li {
        display: inline-block
    }

        ul.pagination li .show-for-sr {
            display: none
        }

        ul.pagination li a {
            color: #0a0a0a;
            display: block;
            padding: 0.1875rem 0.625rem;
            border-radius: 0
        }

            ul.pagination li a:hover {
                background: #e6e6e6
            }

.alert-danger2 {
    background-color: #f2dede;
    border-color: #ebcccc;
    color: #a94442;
}

    .alert-danger2 hr {
        border-top-color: #e4b9b9;
    }

    .alert-danger2 .alert-link {
        color: #843534;
    }   
    
.alert {
    margin-top: 1rem;
    margin-bottom: 1rem;
}