/*
    * Element specific / ids
*/

/*------------------------------------IMPORTS------------------------------------*/
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,300|Open+Sans+Condensed:300|Roboto+Condensed:400,300|Text+Me+One|Roboto:400,300|Lovers+Quarrel');
@import url('https://fonts.googleapis.com/css?family=Amita|Dancing+Script|Fredericka+the+Great|Monoton|Open+Sans|Open+Sans+Condensed:300|Petit+Formal+Script|Raleway+Dots|Tangerine');

/*------------------------------------Variables------------------------------------*/
@import url('variables.css');

/*------------------------------------Grid------------------------------------*/
@import url('grid.css');

/*------------------------------------Layouts------------------------------------*/
@import url('layouts.css');

/*------------------------------------Elements------------------------------------*/
@import url('elements.css');

/*--------------------------------------General classes-------------------------------------*/
@import url('general-classes.css');

/*------------------------------------Components classes------------------------------------*/
@import url('components.css');

/*------------------------------------Element specific------------------------------------*/
#intro-home {
    background: /* url(/content/img/IMG-20190117-WA0034-1.png) no-repeat bottom center scroll,*/
    url(/assets/img/general/kenrick-mills-709743-unsplash.jpg) no-repeat bottom center scroll;
    background-size: /*contain,*/ cover;
    background-position: /*center,*/ center;
}

#intro-about {
    background: url(/assets/img/general/passion-led-us-here.jpg) no-repeat bottom center scroll, url(/img/passion-led-us-here.jpg) no-repeat bottom center scroll, url(/img/background-11.png) repeat bottom center scroll;
    background-size: /*contain,*/ auto, contain;
    background-position: right, left;
}

#intro-blog {
    background: url(/assets/img/general/trianglify2.png) no-repeat bottom center scroll;
    background-size: /*contain,*/ cover;
    background-position: /*center,*/ center;
}

main#home {
    display: grid;
    grid-auto-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    align-items: center;
}

#welcome.inline-hero-image {
    background-image: url(img/welcome-3.jpg);
    filter: grayscale();
    position: relative;
}

    #welcome.inline-hero-image > div {
        background-color: rgba(0,0,0,0.9);
        position: absolute;
        height: 100%;
        width: 100%;
    }

#footer-image {
    width: 150px;
    height: 150px;
}

#workCityAtlanta {
    background-image: url(/assets/img/general/atlanta-building-above.jpg);
}

#workCitySeoul {
    background-image: url(/assets/img/general/seoul-south-korea.jpg);
}

#workCityNdola {
    background-image: url(/assets/img/general/congo-drc.jpg);
}

#workCityLubumbashi {
    background-image: url(/assets/img/general/zambia.jpg);
}

#userLogin {
    background-image: url('/assets/img/backend/multi-color-flower.png');
    background-position: top;
    height: 100vh;
    position: relative;
}

#loginFormWrapper {
    background-color: white;
    box-shadow: 0 0 2px 1px #bbb;
    padding: 50px;
    max-width: 315px;
    width: 1000%;
}

#dashboard {
    background-image: url('/assets/img/backend/passion-led-us-here.jpg');
    background-position: top;
}

#blogpostsAdmin {
    /*background-image: url('/assets/img/backend/beauty-in-the-dark.jpg');*/
}