/* 
    Document   : a-feature.css
    Author     : david.rosser
    Description:
        Define a-feature types here.
*/


/* =A Feature Global
-------------------------------------------------------------- */
div.container div.a-feature{
    color: #333;
    margin-top: 15px;
    margin-bottom: 15px;
}

div.container div.a-feature h1{

}

div.container div.a-feature h2{
    color: #333;
}

/* =A Feature Header Global
-------------------------------------------------------------- */
div.container header.a-feature{
    margin-top: 15px;
    margin-bottom: 15px;
    position: relative;
}

div.container header.a-feature h2{
    color: #EC008C;
    margin: 0;
}


/* =A Feature Entry Point
-------------------------------------------------------------- */
/* 
These A Features are used for main click throughs to page content
*/
div.container div.a-feature.entry-point{
    background: url(assets/images/pages/mobile-life/a-features/a-feature-mobile-life.jpg) no-repeat top right #f2f2f2;
    margin-bottom: 15px;
    padding: 30px 0 20px 20px;
    position: relative;
    width: 964px;
    height: 336px;
}

div.container div.a-feature.entry-point h2{
    color: #333;
    font-size: 36px;
    margin: 0;
}

div.container div.a-feature.entry-point span.category{
    color: #EC008C;
    font-size: 13px;
    font-weight: normal;
    margin-top: 0;
}

div.container div.a-feature.entry-point span.description{
    color: #333;
    display: block;
    font-family: "FrutigerLTPro-Light";
    font-size: 18px;
    margin-top: 28px;
    width: 282px;
}

/* =A Feature Entry Point Button
-------------------------------------------------------------- */
div.container div.a-feature.entry-point a.button.link.light{
    bottom: 20px;
    position: absolute;
}