/**

* Site header
*/

.nav, .navbar {

border-bottom: 1px solid $grey-color-light;
min-height: $spacing-unit * 1.865;
-webkit-box-shadow: 0px 10px 17px 8px rgba(245,245,245,1);
-moz-box-shadow: 0px 10px 17px 8px rgba(245,245,245,1);
box-shadow: 0px 10px 17px 8px rgba(245,245,245,1);
position: relative;
min-height: $spacing-unit * 1.865;

}

.fa-bars {

color: $brand-color;

}

/**

* Site footer
*/

.footer {

margin-top: $spacing-unit;
background-color: $brand-color-dark;
color: $background-color;

}

.bottom-footer {

background-color: darken($brand-color-dark, 10%);

}

.footer-title {

margin-top: 20px;

}

.footer-link {

list-style: none;
margin-left: 0;

a {
    color: $background-color;
}
a:hover {
    color: $brand-color;
    text-decoration: none;
}

}

.footer-logo {

margin-top: 40px;

}

/**

* Page content
*/

.title {

color: $brand-color;

}

.content-start {

margin-top: $spacing-unit * 2;

}

.social-media {

display:inline-block;
margin-left: 10px;

}

.social-link {

list-style: none;
margin-left: 0px;

}

.brandcolor-bg {

background-color: $brand-color;
margin-top: $spacing-unit * 3;
padding-bottom: $spacing-unit;
margin-bottom: $spacing-unit * 2;

}

.btn-brand {

color: $background-color !important;
background-color: $brand-color;
border-color: darken($brand-color, 10%);
margin-bottom: $padding-unit;

a {
    color: $background-color;
}

&:hover {
    background-color: darken($brand-color, 10%);
    text-decoration: none;
}
&:focus {
    color: $background-color;
}

}

.progress-bar {

background-color: darken($brand-color, 10%);

}

/**

*/ .card-image {

background-size: cover;
background-position: center;
width: 100%;
max-width: 2275px;
max-height: 1516px;
box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);
border-radius: 3px;
margin-bottom: $padding-unit * 1.2;
margin-top: $padding-unit * 1.2;

}

.project-tag {

color: $brand-color;
padding-top: $padding-unit;
text-shadow: 1px 1px 1px rgba(0,0,0,.4);

}

.project-icon {

color: $brand-color;
text-shadow: 1px 1px 1px rgba(0,0,0,.4);

}

.project-text {

color: $background-color;
background-color: $pic-overlay;
text-shadow: 1px 1px 1px rgba(0,0,0,.4);

}

/**

* Posts
*/

.recent-posts {

margin-bottom: $spacing-unit;
img:hover {
    opacity:0.9 !important;
}

}

.post-header {

z-index: 3 !important;
margin-top: -4rem;
border-radius: 4px;
padding-top: $padding-unit;
margin-left: -2%;
margin-right: -2%;
background:  $background-color;
position: relative;
margin-bottom: $spacing-unit * 2;

.fa {
    color: $brand-color;
}

}

@media (min-width: 768px) {

.narrow {
    display: block;
    margin-right: auto;
    margin-left: auto;
    padding-left: 15%;
    padding-right: 15%;
}

}