/****************************************
Normalize
****************************************/
* {
  margin: 0;
  padding: 0;
  border: 0; }

/****************************************
Variables
****************************************/
/****************************************
Common Styles
****************************************/
.fa-angle-down {
  z-index: 10;
  transition: transform .2s ease; }

.fa-angle-down:hover {
  cursor: pointer;
  transform: translateY(4px);
  text-shadow: 1px 3px 10px rgba(20, 20, 20, 0.5); }

a {
  color: white;
  text-decoration: none; }

a:hover {
  text-decoration: underline; }

#full-image img:hover, .thumbnail, form button:hover, #submit:hover {
  cursor: pointer; }

.no-select {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* IE/Edge */
  user-select: none; }

/****************************************
Header (Logo and Nav)
****************************************/
header {
  width: 100%;
  height: 800px; }

#header-background-image {
  box-shadow: inset 0px 80px 140px 5px rgba(0, 0, 0, 0.4);
  position: relative;
  top: -8.45em;
  height: 100%;
  background-image: url("../img/core/header-image.jpg");
  background-size: cover;
  background-position: center left;
  z-index: -1; }

nav {
  display: flex;
  justify-content: flex-start;
  padding: 55px 50px 0px 50px;
  z-index: 1; }

#logo {
  position: relative;
  top: -9px;
  width: 30%;
  font-family: 'Open Sans', sans-serif;
  font-weight: lighter;
  font-size: 22px;
  color: white;
  letter-spacing: .025em;
  text-transform: uppercase;
  cursor: default; }

#logo-name {
  position: relative;
  top: -55px;
  z-index: 1; }

#logo-mm-mobile {
  display: none; }

#logo-mm {
  position: relative;
  top: -15px;
  left: -20px;
  width: 140px;
  height: 50px;
  z-index: 0;
  background-image: url("../img/core/mm-logo-w.png");
  background-size: contain;
  background-repeat: no-repeat;
  opacity: 0.45; }

#nav-options {
  width: 70%;
  display: flex;
  justify-content: flex-end; }
  #nav-options ul {
    width: 350px;
    display: flex;
    justify-content: space-between;
    position: relative;
    top: -20px; }
    #nav-options ul li {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 3.5em;
      padding: 0px 20px;
      list-style: none;
      font-family: "Open Sans", sans-serif;
      font-size: .75em;
      font-weight: 300;
      letter-spacing: .14em;
      color: white;
      text-transform: uppercase;
      cursor: pointer;
      transition: border .15s ease, background-color .15s linear, color .05s ease; }

#nav-about, #nav-gallery {
  border: 1px solid rgba(255, 255, 255, 0); }

#nav-about:hover, #nav-gallery:hover {
  border-bottom: 1px solid rgba(255, 255, 255, 0.8); }

#nav-contact {
  border: 1px solid white;
  z-index: 5;
  overflow: hidden; }

#nav-contact:hover {
  color: black;
  cursor: pointer;
  z-index: 100;
  overflow: hidden; }

#hover-circle {
  position: relative;
  left: -35px;
  height: .5em;
  width: .5em;
  border-radius: 100%;
  background-color: transparent;
  transition: transform .5s ease;
  z-index: -1; }

#nav-contact:hover #hover-circle {
  transform: scale(35);
  background-color: white; }

/****************************************
Section Titles
****************************************/
.title-container {
  display: flex;
  justify-content: flex-start;
  opacity: 0; }

#scroll-to-about, #scroll-to-gallery, #scroll-to-contact {
  margin-right: 15px;
  padding-top: 5px;
  font-size: 3em; }

.title h2 {
  font-family: "Playfair Display", serif;
  font-weight: lighter;
  font-size: 40px;
  letter-spacing: 2.15px; }

.title h3 {
  font-family: "Playfair Display", serif;
  font-size: 18px;
  font-weight: lighter;
  letter-spacing: 1.75px;
  margin-top: -5px; }

.title p {
  margin: 2.5px 0px 2.5px 0px;
  font-family: "Open Sans", sans-serif;
  font-size: 12px; }

.title ul li {
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
  color: white;
  margin-top: 8px; }

#header-title-container {
  width: 300px;
  position: absolute;
  top: 270px;
  right: 20%;
  color: white;
  transition: transform 1.25s ease, opacity 1.25s ease; }

/****************************************
Footer
****************************************/
footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 10%;
  width: 80%;
  height: 60px;
  background-color: #444;
  color: white;
  font-family: "Open Sans", sans-serif;
  font-size: 10px; }

.footer-column-left, .footer-column-right {
  width: 40%; }

.footer-column-right {
  display: flex;
  justify-content: flex-end; }

#footer-about, #footer-gallery {
  padding: 0 1.5em;
  font-family: "Open Sans", sans-serif;
  font-size: 1em;
  font-weight: 300;
  letter-spacing: 1.5px;
  color: white;
  text-transform: uppercase; }

#scroll-to-top {
  position: relative;
  bottom: 0px;
  width: 60px;
  height: 60px; }

#scroll-to-top i {
  font-size: 2.5em;
  color: white; }

#scroll-to-top, #footer-about, #footer-gallery {
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: center;
  transition: all .15s ease;
  cursor: pointer; }

#scroll-to-top:hover, #footer-about:hover, #footer-gallery:hover {
  background-color: black; }

/*# sourceMappingURL=core-styles.css.map */