/*!

* Darkmatter Theme - (https://github.com/fellowhobbyist/darkmatter-theme)
* Copyright 2018 FellowHobbyist (Brian Hooper)
* Licensed under MPL_2.0 (https://www.mozilla.org/en-US/MPL/2.0/)
*/

/*

* Globals
*/

/* Links */ a, a:focus, a:hover {

color: #fff;

}

/* Custom default button */ .btn-secondary, .btn-secondary:hover, .btn-secondary:focus {

color: #333;
text-shadow: none; /* Prevent inheritance from `body` */
background-color: #fff;
border: .05rem solid #fff;

}

/*

* Base structure
*/

html, body {

height: 100%;
background-color: #333;
color: white;
background: url("../images/css/bg-pattern.png"), #333;
background: url("../images/css/bg-pattern.png"), -webkit-linear-gradient(to left, #333, #000);
background: url("../images/css/bg-pattern.png"), linear-gradient(to left, #333, #000);

}

header.masthead {

position: relative;
width: 100%;
padding-top: 150px;
padding-bottom: 100px;
color: white;
background: url("../images/css/bg-pattern.png"), #70C1B3;
background: url("../images/css/bg-pattern.png"), -webkit-linear-gradient(to left, #70C1B3, #50514F);
background: url("../images/css/bg-pattern.png"), linear-gradient(to left, #70C1B3, #50514F);

}

body {

display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-pack: center;
-webkit-box-pack: center;
justify-content: center;
color: #fff;
text-shadow: 0 .05rem .1rem rgba(0, 0, 0, .5);
box-shadow: inset 0 0 5rem rgba(0, 0, 0, .5);

}

.cover-container {

max-width: 60em;

}

/*

* Header
*/

.masthead {

margin-bottom: 2rem;

}

.masthead-brand {

margin-bottom: 0;

}

.nav-masthead .nav-link {

padding: .25rem 0;
font-weight: 700;
color: rgba(255, 255, 255, .5);
background-color: transparent;
border-bottom: .25rem solid transparent;

}

.nav-masthead .nav-hover, .nav-masthead .nav-focus {

border-bottom-color: rgba(255, 255, 255, .25);

}

.nav-masthead .nav-link + .nav-link {

margin-left: 1rem;

}

.nav-masthead .active {

color: #fff;
border-bottom-color: #fff;

}

@media (min-width: 48em) {

.masthead-brand {
  float: left;
}
.nav-masthead {
  float: right;
}

}

/*

* Cover
*/

.cover {

padding: 0 1.5rem;
padding-top: 10.0rem;

} .cover .btn-lg {

padding: .75rem 1.25rem;
font-weight: 700;

}

/*

* Footer
*/

.mastfoot {

color: rgba(255, 255, 255, .5);

}