/*****************************************************************************
 *
 * theme-BlueCloudTop
 *
 * Background      - Dark Blue
 * Headings 1-2    - White
 * Headings 3-4    - Grey
 *
 ****************************************************************************/

[class*="-theme-BlueCloudTop"] > .container:before {
    content: " ";
    position: absolute;
    left: 0;
    height: 180px;
    width: 100%;
    background-image: url("images/blue-cloud-top.png");
    background-repeat: no-repeat;

}

/*****************************************************************************
 *
 * theme-default
 *
 * This theme is used on modules outside the .content but need to look like
 * the main content
 *
 ****************************************************************************/
[class*="-theme-default"] p, [class*="-theme-default"] li, [class*="-theme-default"] a {
    font-family: 'Raleway', 'Open Sans', Verdana, Arial, Helvetica;
    font-size: 16px;
    color: #333333;
    line-height: 1.75em;
}
[class*="-theme-default"] h1, [class*="-theme-default"] h2, [class*="-theme-default"] h3, [class*="-theme-default"] h4, [class*="-theme-default"] h5, [class*="-theme-default"] h6 {
    font-family: 'Raleway', 'Open Sans', Verdana, Arial, Helvetica;
}
[class*="-theme-default"] h1 {
    text-decoration-style: solid;
    font-weight: 600;
    color: #367FA9;
    font-size: 1.8em;
}
[class*="-theme-default"] h2 {
    color: #367FA9;
    font-size: 1.8em;
}
[class*="-theme-default"] h3 {
    color: #444444;
    font-size: 1.6em;
}
[class*="-theme-default"] h4 {
    color: #555555;
    font-size: 1.4em;
}
[class*="-theme-default"] h5 {
    color: #555555;
    font-size: 1.3em;
}
[class*="-theme-default"] h3 > A {
    color: #367FA9;
}