/*-----navbar--------*/

/* ------over-ride navbar collapse---------- */
.navbar-header {
  float: left !important;
}

.navbar-right:last-child {
  margin-right: 0px !important;
}

.navbar-right {
  float: right!important;
}




/* styling before user scrolls down */



.navbar-brand {
	visibility: hidden;
	color: white;
}

.nav-item {
	visibility: hidden;
	color: white;
}

/* styling after user scrolls down */

nav.solidifyNav {
	background-color: #333333;
}

.solidifyText {
	visibility: visible;
}

/*-----hero image--------*/

.heroImage {
	background-color: black;
	background: url("https://storage.googleapis.com/www.davidjmiller.ca/images/middle_tower-min.jpg") no-repeat  center;
	min-height: 500px;
	width: 100%;
	background-size: cover;
	padding-top: 250px;
}

.heroText {
	color: white;
	font-weight: bold;
	margin-bottom: 0px;
	padding-bottom: 0px;
	font-size: 2em;
	font-family: 'Montserrat', sans-serif;
}

.heroTextSubtitle {
	color: white;
	font-weight: bold;
	margin-top: 0px;
	padding-top: 0px;
	font-family: 'Montserrat', sans-serif;
}


/*------quickNumbers-----*/
 .quickNumbers{
 	margin-top:25px;
 }

/*-------footer----------*/
footer {
	padding-top: 100px;
	padding-bottom: 50px;
}

#footerBackground{
	background-color: #333333;
}

footer span {
	color: #ffffff;
}


/*------------portfolio--------------------*/
.img-responsive{
	display: block;
    margin-left: auto;
    margin-right: auto;
}

.clickableImage {
    border: 6px solid #355E74;
}

.clickableImage:hover {
    border: 0px;
    border-bottom: 4px solid #355E74;
}



/*---------------general----------------------------*/


/*--backgrounds--*/


body{
	background-color: #EAF1F8;
}

.colorBackground{
	background-color: #C6DAE8;
}

.lightBackground{
	/*background-color: #a7b5d6;*/
	background-color: #FFFFFF;
}

.contactNowBackground{
	padding-top: 100px;
	padding-bottom: 200px;
}

#mainContactNow{
	background: url("https://storage.googleapis.com/www.davidjmiller.ca/images/toronto-min.jpg") no-repeat top ;
	background-size: cover;
}

#portfolio1ContactNow{
	background: url("https://storage.googleapis.com/www.davidjmiller.ca/images/bridge-min.jpg") no-repeat center;
	background-size: cover;
}

#portfolio2ContactNow{
	background: url("https://storage.googleapis.com/www.davidjmiller.ca/images/city-hall-min.jpg") no-repeat center;
	background-size: cover;
}

#portfolio3ContactNow{
	background: url("https://storage.googleapis.com/www.davidjmiller.ca/images/harbour.jpg") no-repeat center;
	background-size: cover;
}

.captionHolder{
	background-color: #355E74;
	padding-top: 0.2em;
	padding-bottom:0.2em;
	margin-top:0.2em;
	text-align: center;
}

.captionText{
	color: white;
}

/*--spacing--*/

.spaceBefore {
	margin-top: 50px;
}

.halfSpaceBefore {
	margin-top: 25px;
}

.spaceAfter {
	margin-bottom: 50px;
}

.halfSpaceAfter {
	margin-bottom: 25px;
}

.snugBefore {
	margin-top: -10px;
}


.centerDiv {
	float: none;
    margin: 0 auto;
}


/*--borders--*/
.sectionHead{
	border-bottom: 1px solid;
	margin-top: 4.5em;
	margin-bottom: 1.5em;
}

.thickBorder{
	background-color: white;
	padding:8px;
}

.regBorder{
	padding:5px;
   border:3px solid #021a40;
}


.blueBorder{
   border:3px solid #1A3E6F;
}

.blue2Border{
	border:3px solid #437CB2;
}

.greenBorder{
   border: 3px solid #6E9B45;
} 

.orangeBorder{
   border: 3px solid #F0AD4E;
} 

.redBorder{
	border: 3px solid #B4181E;
}

.yellowBorder{
	border: 3px solid #e5da3b

}




/*--------------------text--------------------------*/

.navbar-brand:hover {
	color: #44cc44;
}


h2 {
	color: black;
	font-family: 'Montserrat', sans-serif;
}

.centered {
	text-align: center;
}

.glyphicon {
	font-size: 0.8em;
	color: black;
}

.bigGlyphicon {
	font-size: 2.5em;
	color: black;
}

.bigText {
	font-size: 3em;
	color: black;
}

.slightlyLessBigText{
	font-size: 2em;
	color: black;
}

.alignLeft {
	text-align: left;	
}

.alignRight {
	text-align: right;	
}

.spacedBullet {
	margin-top: 20px;
}

.skillListItem {
	margin-top: 0.5em;
}

.caption{
	text-align: center;
	font-style: italic;
}

.smallText{
	font-size: 0.8em;
}

.mainFeatureTitle{
	font-size: 1.3em;
	text-align:center;
	color: black;
}

.mainFeatureDescription{
	text-align:center;
	font-size: 0.9em;
	margin: auto;
}

/*----------Portfolio Pages-----------------*/

#myNelsonLogo {
	width: 400px;
}

#myNelsonSubtitle{
	color: #003B71;
}

.mainFeatureDiv{
	padding-left:2em;
	padding-right:2em;
	padding-top: 1em;
}

.mainFeatureDescriptionHolder{
	margin-top:0.5em;
}

.mainFeatureDescriptionHolder{
	margin:auto;
	max-width: 400px;
}

.iconHolder{
	margin-bottom: 0.8em;
	margin-top: 1em;
}

/*-------Responsive Elements---------------*/


/* xs < 768 */
@media screen and (max-width: 767px) {
    body {
        font-size: 1.5em;
    }

    .container {
    	padding-left:15px;
    	padding-right:15px;
    }


	/*Index Page: shrink down the hero image on smallest size*/
	.heroImage{
	min-height: 375px;
	padding-top: 150px;
	}

    /*Portfolio Page: change the spacing on smallest size */
	.portfolioRow {
    	margin-top: 25px;
    	margin-bottom: 25px;
	}

	.portfolioImageHolder{
		margin-top:50px;
	}

	#portfolio1ContactNow{
		margin-top:50px;
	}

}



/* sm */
@media screen and (min-width: 768px) {
    body {
        font-size: 1.5em;
    }

    .container {
    	padding-left:15px;
    	padding-right:15px;
    }

	/*Portfolio Page: vertically center bullet text */
	.portfolioRow {
    	display: flex;
    	align-items: center;
    	margin-top: 75px;
    	margin-bottom: 75px;
	}

}

/* md */
@media screen and (min-width: 992px) {
    body {
        font-size: 1.5em;
    }


	.container{
		padding-left: 75px;
		padding-right: 75px;
	}


}

/* lg */
@media screen and (min-width: 1200px) {
    body {
        font-size: 1.8em;
    }


}