/*
Example, how to LOAD a google font here:
font-family: "Playfair Display SC" x
@import url(http://fonts.googleapis.com/css?family=Playfair+Display+SC:400,400italic,700,700italic,900,900italic);
*/

body {
    /*
        for dark overlays use e.g.:
        background-color: #000;
    */
    background-color: transparent;
}
/* ----- Nav bars -------------------------------------------------- */
#logo {
    width: 200px;
}
#logo-navbar {
    /* height = logo height (determined by #logo->width) +20px */
    height: 120px;
}

/* ----- Image Lightbox -------------------------------------------------- */
#imagelightbox-overlay {
    /*
        for dark overlays use e.g.:
        background-color: #444;
        background-color: rgba(68, 68, 68, .9);
    */
    background-color: #FFF;
    background-color: rgba(255, 255, 255, .9);
}
/* text-color in error popover in Image Lightbox */
div.popover-content {
    /*
        for dark layouts use e.g.:
        color: #FFF;
    */
    color: #333;
}


/* ----- newsletter template 03 -------------------------------------------------- */
#nl-body {
    background-color: #A00;
    width: 100%;
    margin: 0;
    padding: 0;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.nl-container {
    font-size: 1em;
    color: white;
    width: 600px;
    margin: 20px auto;
}
#nl-logo {
    float: right;
}
#nl-bad-view {
    clear: both;
}
#nl-bad-view a {
    color: #888;
}
.nl-content {
    width: 100%;
}
#nl-unsubscribe, #nl-unsubscribe a {
    color: white;
    font-size: .8em;
}