/*
    * 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------------------------------------*/
.sw-widget-listview-subitem {
    font-size: 1.25em !important;
    padding-left: 25px;
}

.sw-widget-listview-item {
    padding: 5px;
}
    .sw-widget-listview-item:hover, .sw-widget-listview-subitem:hover {
        background-color: rgba(145, 170, 255, 0.4);
    }
a.sw-widget-listview-item {
    white-space: pre-wrap !important; /* css-3 */
    white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
    white-space: -pre-wrap !important; /* Opera 4-6 */
    white-space: -o-pre-wrap !important; /* Opera 7 */
    word-wrap: break-word !important; /* Internet Explorer 5.5+ */
}


#banner-home {
    height: 100vh;
}

    #banner-home > div:nth-child(1) {
        background: url(/img/seventh-day-adventist-theological-seminary-of-andrews-university.jpg) no-repeat bottom center scroll;
        background-size: /*contain,*/ cover;
        background-position: /*center,*/ center;
    }
    


    #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-portfolio {
    background: url(/assets/img/general/background-12.png) no-repeat bottom center scroll;
    background-size: /*contain,*/ cover;
    background-position: /*center,*/ center;
}

#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;
}

#presenterPortfolio {
    background-position: right;
}

#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');*/
}