/*S+ CSS for SMART LIVING

Variable styles marked with variable

[variable C01] - CONTRASTS AGAINST BLACK #222
#F6EDD9

[variable C02] - CONTRASTS AGAINST WHITE #F8F8F8
#647852

[variable C03] - ACCENT COLOUR NO CONTRAST REQUIREMENT
#587051

[variable C04] - CONTRASTS AGAINST BLACK #222
#F4FCF1

/*[variable C05]* - CONTRASTS AGAINST WHITE #F8F8F8
#587051

*/


/* PAGE */

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

#page_content{
    padding-top: 50px;
}



/* BREADCRUMB */

#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;
}



/* HEADER - TOP */

#page #microsite_header{
    /*[variable C02]*/ background-color: #647852 !important;
}

#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;
}

#page .pseudo-h1 a{
    color: #f8f8f8;
}

#page p.pseudo-h1{
    font-weight: bold;
    padding: 16px;
}

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

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

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



/* HEADER - BOTTOM */

#page #local_header.container {
    /*[variable C01]*/ background: #F6EDD9;
}



/* NAVBAR */

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

#local_header .navbar-inner {
    /*[variable C01]*/ background-color: #F6EDD9;
    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 #587051;
    margin: 0 0 -8px 0;
}



/* MOBILE MENU */

#header.nav.show-on-phones{
    /*[variable C01]*/ background-color: #F6EDD9;
    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
}



/* TEXT - LEAD TEXT */

#page_content p.lead{
    margin-bottom: 0;
}


/* DIVS - WELLS */

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



/* DIVS - BREAKOUT BLOCKS */

#page_content div.breakout-bg.alternate{
    /*[variable C04]*/ background-color: #F4FCF1;
}



#page_content a.thumbnail.center i{
    /*[variable C02]*/ color: #647852;
}

#page_content a.thumbnail:hover i{
    /*[variable C05]*/ color: #587051;
}



/* TILE ICON LINKS */

#page_content a.thumbnail{
    background-color: #fff;
}


#page_content /* ACCORDION ICONS */

details>summary::before {
    /*[variable C02]*/ color: #647852;
    /*[variable C02]*/ border-color: #647852;
}


/* FOOTER */

footer.navbar.noprint{
	background-color: #fff;
}