/*
STANDARD+ CSS for UNBRANDED HCC PAGES
Variable styles marked with variable.
Import a Standard+ branded stylesheet for sub-brands.

[variable C01A] - MAIN BRAND COLOUR
CONTRAST AGAINST WHITE (#F8F8F8)
#294C64

[variable C01B] - MAIN BRAND COLOUR (DARKER FOR HOVER STATES)
VERY HIGH CONTRAST AGAINST WHITE (#F8F8F8)
#122A3B

[variable C02] - SECONDARY BRAND COLOUR
CONTRAST AGAINST BLACK (#222222)
#B4C1C9

[variable C03] - ACCENT COLOUR
NO CONTRAST REQUIREMENTS
#08314C
*/


/* PAGE LAYOUT */

#page {
    padding-top: 0 !important;
    background-color: #fff !important;
}

#page_content {
    padding-top: 50px;
}

footer {
    background-color: #FFFFFF;
}


/* BREADCRUMBS */

#page #global_breadcrumb {
    margin-left: 16px;
    margin-top: 16px;
}

#global_container_breadcrumb {
    max-width: 60em;
    margin: 0 auto;
}

#global_container_breadcrumb a {
    color: #F8F8F8;
    border-color: #F8F8F8;
}

#global_container_breadcrumb .breadcrumb li:after {
    color: #F8F8F8;
}


/* MICROSITE HEADER */

#microsite_header {
    /*[variable C01A]*/ background-color: #294C64;
}

#microsite_header .container {
    width:100%;
    max-width: none;
    padding: 0;
    margin-bottom:0 !important;
}

#microsite_header h1 {
    font-weight: bold;
    color: #F8F8F8;
    text-decoration: none;
}

#microsite_header .pseudo-h1{
    font-weight: bold;
}

#microsite_header .pseudo-h1 a{
    color: #F8F8F8;
}

#microsite_header div.scale-images.container.no-pad.content.add-bottom{
    max-width: 60em !important;
    margin-top: 30px;
    margin-bottom: 0px !important;
    padding:0 1em !important;
}

#microsite_header div.scale-images.container.no-pad.content.add-bottom a{
    border:0;
}

#microsite_header div.scale-images.container.no-pad.content.add-bottom img{
    padding: 10px 10px 10px 10px;
}


/* NAVBAR */

#local_header.container {
    /*[variable C02]*/ background: #B4C1C9;
}

#local_header ul#local_menu_header {
    padding-left: 9px;
    padding-right: 9px;
}

#local_header .navbar-inner {
    /*[variable C02]*/ background-color: #B4C1C9;
    border: 0;
    box-shadow: none;
    max-width: 60em;
    margin: 0 auto;
}

#page .navbar .nav>li{
    float:none;
    display:inline;
    padding-top:5px;
    padding-bottom:5px;
    margin-right: 1em;
    text-shadow: none;
}

#page .navbar .nav>li:first-child{
	border-left: 0px !important;
}

#page .navbar .nav>li>a {
    padding-top: 15px;
    padding-bottom: 15px;
    color: #222;
    text-shadow: none;
    transition: none !important;
    display:inline-block;
    font-size: 19px
}


#page .navbar .nav>li>a:hover {
    /*[variable C03]*/ border-bottom: 8px solid #08314C;
    margin: 0 0 -8px 0;
}


/* MOBILE MENU */

#header.nav.show-on-phones{
    /*[variable C02]*/ background-color: #B4C1C9;
    color: #222;
}

#header a:before, #header a:after {
    display: block;
    background: #222 !important;
    height: 2px;
}

#header a span {
    display: block;
    /* background: #222 !important; */
    /* height: 2px; */
    color: #000;
}


/* WELLS & BREAKOUT BLOCKS */

#page_content div.well {
    /*[variable C03]*/ border-top: solid 10px #08314C;
}

#page_content div.breakout-bg.alternate,
#page_content div.well.alternate {
    /*[variable C02]*/ background-color: #B4C1C9;
}


/* LINK BLOCK ICONS */

#page_content a.thumbnail.center i {
    /*[variable C01A]*/ color: #294C64;
}

#page_content a.thumbnail:hover i {
    /*[variable C01B]*/ color: #122A3B;
}


/* LINK BLOCK OVERLAY IMAGE */

#page_content a.overlay-image.blocklink .caption.bottom {
    /*[variable C01A]*/ background-color: #294C64;
}


/* ACCORDIONS */

#page_content details>summary::before {
    /*[variable C01A]*/ color: #294C64;
    /*[variable C01A]*/ border-color: #294C64;
}