
/*import fonts from fonts.css file*/
@import url(./fonts.css);

/* css variables */
@import url(./partials/_variables.css);


/* start navigation */

.sticky-top {
    /*border: 1px solid blue; */
    background-color: rgba(255, 255, 255, 0.95);
}

.navbar{
    /*border: 1px solid blue;*/
    background-color: rgba(255, 255, 255, 0.95);
}
.nav-item {
    /* border: 1px solid red; */
    padding: 1rem;
    font: normal 500 25px var(--roboto);
    text-transform: uppercase; 
}

.site-banner > .container{
    padding: 5rem; 
}

a:link{
    color: black;
}




.dropdown-item{
    color: black;
    font: normal 15px var(--roboto);
    font-weight: 500;
}

html{
    position: relative;
    min-height: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: scroll;
    }

.homebody{
    background-color: rgb(0, 113, 193);
    overflow-x: hidden;
    margin: 0px;
    position: relative;
    min-height: 100%;
    height: auto;
}

.home{
    background-image: url("/img/brown-and-black-wooden-wind-mill-1036148.jpg");
    height: 100%;
     /*Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.card-header{
    color:rgb(0, 113, 193);
}
.card-head{
    color:rgb(0, 113, 193);
}

.sec-intro{
    font-weight: bold;
}

/* field services css */
.fieldservices{
    background-image: url("/img/landscape-photography-of-green-grass-field-2684805.jpg");
    height: 100%;
     /*Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

/* construction and infrastructure css */
.constructionandinfrastructure{
    background-image: url("/img/architecture-buildings-construction-site-excavator-69483.jpg");
    height: 100%;
     /*Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.mining{
    background-image: url("/img/mining-excavation-on-a-mountain-2892618.jpg");
    height: 100%;
     /*Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.ruralandagricultural{
    background-image: url("/img/agriculture-clouds-countryside-cropland-440731.jpg");
    height: 100%;
     /*Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.waterresourcemanagement{
    background-image: url("/img/michael-bourgault-nyEHg_Jo4P4-unsplash.jpg");    
    height: 100%;
     /*Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.dot-points{
    font-weight: bold;
    color: rgb(0, 113, 193);
}

.dot-title{
    color: rgb(0, 113, 193);
    margin-left: 1rem;
}

.dot-para{
    color:black;
    margin-left: 1rem;
}

.contact-details{
    color: rgb(0, 113, 193);
    font-weight: bold; 
}

.foot-logo{
    height: 150px;
    margin-top: 3rem;
    padding-top: 1rem;
}
/* end navigation */