/*
   general corporate identity styles
*/

/* INIT & RESET */
* {border:0;padding:0;margin:0;background:0;outline:none;}
.va, .sd {
    display:block;
    padding:1rem;
    font-family: Helvetica, Arial, sans-serif;
}
.va.invert{
    /* CORPORATE COLOR */
    background-color: #00917E;

    /* DARK (20% BLACK)*/
    /* #007465 */

    /* BRIGHT (20% WHITE)*/
    /* #33A798 */

    /* XTRABRIGHT (80% WHITE)*/
    /* #CCE9E5 */
}
.sd.invert {
    /* CORPORATE COLOR */
    background-color: #CC0033;

    /* DARK (20% BLACK)*/
    /* #A30029 */

    /* BRIGHT (20% WHITE)*/
    /* #D6335C */

    /* XTRABRIGHT (80% WHITE)*/
    /* #F5CCD6 */
}

/* CUSTOMFONTS */


/* BASEFONT */


/* GENERAL INPUT STYLES VA/SD */
.inp {
    box-shadow: 0 0.1rem 0.2rem 0 rgba(0,0,0,0.2) inset, 0 0 0 1px rgba(0,0,0,0.2);
    color: #333;
    background:#fff;
    display:inline-block;
    position:relative;
    z-index:1;
}
.inp:focus {
    box-shadow: 0 0.1rem 0.2rem 0 rgba(0,0,0,0.2) inset, 0 0 0 1px #333;
}
.btn {
    cursor:pointer;
}
.btn:hover {
    background-image:none !important;
}
.btn:active {
    box-shadow: 0 0.1rem 0.2rem 0 rgba(0,0,0,0.2) inset !important;
    position:relative;
    top:1px;
}
.primary, .invert .secondary{
    background-image: linear-gradient(rgba(255,255,255,0.2) 0%, rgba(255,255,255,0) 50%, rgba(0,0,0,0) 50%,rgba(0,0,0,0.2) 100%);
}
.secondary, .invert .primary{
    background-image: linear-gradient(rgba(255,255,255,1) 30%, rgba(255,255,255,0) 100%);
}
.btn.disabled{
    box-shadow: 0 0 0 1px rgba(0,0,0,0.5) !important;
    background-color: rgba(255,255,255,0.5);
    color: #000;
    cursor:not-allowed;
    opacity:0.2;
}
.btn.disabled:active{
    top:0;
}
.cta {
    font-size:1.5rem !important;
}

/* BRAND WIDE INPUT STYLES VA */
.va .btn, .va .inp {
    border-radius: .5em;
    /*font-size: 1rem;*/
    font-family: Helvetica, Arial, sans-serif;
    padding: .5em 1em;
    margin: .5rem;
}
.va .cta {
    font-family: corp-va;
    padding-top:.6em;
}
.va .primary, .va.invert .secondary{
    text-shadow: 0 -1px 0 rgba(0,0,0,0.2);
    background-color: #00917E;
    box-shadow: 0 0 0 1px #007465, 0 .1em .2em 1px rgba(0,0,0,0.2);
    color: #fff;
}
.va .secondary, .va.invert .primary{
    text-shadow: none;
    background-color: #CCE9E5;
    box-shadow: 0 0 0 1px #CCE9E5, 0 .1em .2em 1px rgba(0,0,0,0.2);
    color: #007465;
}

/* BRAND WIDE INPUT STYLES VA */
.sd .btn, .sd .inp {
    font-size: 1rem;
    padding: .75em 1.5em;
    font-family: Helvetica, Arial, sans-serif;
    border-radius: .3em;
    margin: .5rem;
}
.sd .cta {
    font-family: corp-sd;
    padding-top:.85em;
}
.sd .primary, .sd.invert .secondary{
    text-shadow: 0 -1px 0 rgba(0,0,0,0.2);
    background-color: #CC0033;
    box-shadow: 0 0 0 1px #A30029, 0 .1em .2em 1px rgba(0,0,0,0.2);
    color: #fff;
}
.sd .secondary, .sd.invert .primary{
    text-shadow: none;
    background-color: #F5CCD6;
    box-shadow: 0 0 0 1px #F5CCD6, 0 .1em .2em 1px rgba(0,0,0,0.2);
    color: #A30029;
}