/* Font */
@import url(https://fonts.googleapis.com/css?family=Oswald:400,300,700);

@font-face {
   font-family: 'avenir';
   src: url('../assets/fonts/Avenir.ttc') format('truetype'),
}




/* Default */
body {
   color: #c8ab52;
   width: 100%;
   height: 100%;
   min-width: 320px;
   background: #fff;
   font-family: 'avenir', sans-serif;
   letter-spacing: 1px;
   font-weight: 300;
}

::selection {
   color: #000;
   background: #c8ab52;
}
::-moz-selection {
   color: #000;
   background: #c8ab52;
}

a {
   color: #fff;
}

a:hover, 
a:focus { 
   text-decoration: none; 
}

ol, ul {
   margin: 0;
   padding: 0;
}

li { 
   list-style-type: none;
}





/* Logo */
section.logo {
   margin: 120px 0 10px;
}

.logo-container {
   width: 100%;
   max-width: 620px;
   padding: 0 10px;
   margin: 0 auto;
}

.logo-container a {
   display: block;
}

.logo-container img {
   width: 100%;
}





/* Nav */
nav.primary-nav {
   background: #ebebeb;
   padding: 25px 0;
   margin-bottom: 45px;
}

nav ul.nav li {
   display: inline;
}

nav ul.nav li a {
   color: #000;
   font-size: .9em;
   display: inline-block;
   letter-spacing: 2px;
   padding: 0 0 2px;
   position: relative;
   cursor: default;
}

nav ul.nav li a::after {
   content: '';
   display: block;
   height: 2px;
   width: 0;
   background: transparent;
   transition: width .3s ease, background-color .3s ease;
}

nav ul.nav li a:hover::after {
   width: 100%;
   background: #c8ab52;
}

nav ul.nav li::after {
   content: " | ";
   color: #000;
   font-size: .9em!important;
}

nav ul.nav li:last-child::after {
   content: none;
}





/* Subscribe */
section.subscribe {
   margin-bottom: 40px;
}

#subscribe {
   width: 279px;
   margin: 0 auto;
}

#subscribe .form-group {
   width: 277px;
   border: 1px solid #efefef;
   margin: 0;
}

#subscribe input[type="text"],
#subscribe input[type="submit"] {
   float: left;
   border: none;
   height: 45px;
}

#subscribe input[type="submit"] {
   width: 45px;
   background: #fff url('../assets/images/arrow.png') no-repeat center;
   background-size: 45px 45px;
}

#subscribe input[type="submit"]:focus {
   outline: none;
   border: 1px solid #c8ab52;
}

#subscribe input[type="text"] {
   color: #000;
   width: 230px;
   font-size: .9em;
   letter-spacing: 1px;
   background: transparent;
   box-shadow: none;
   border-radius: 0;
}

#subscribe input[type="text"]::-webkit-input-placeholder { color: #6f6f6f; }
#subscribe input[type="text"]::-moz-placeholder { color: #6f6f6f; }
#subscribe input[type="text"]:-ms-input-placeholder { color: #6f6f6f; }
#subscribe input[type="text"]:-moz-placeholder { color: #6f6f6f; }

/* bootstrap overrides */
.form-control:focus {
   border: none;
   -webkit-box-shadow: none;
           box-shadow: none;
}

/* invalid error */
#email-error {
   color: #000;
   font-size: 1em;
   font-weight: inherit;
   margin: 8px 0;
}





/* media queries */
@media(min-width: 500px) {
   section.logo {
       margin: 140px 0 40px;
   }

   nav.primary-nav {
      margin-bottom: 70px;
   }

   nav ul.nav li a {
      font-size: 1.2em;
      margin: 0 2px;
   }

   nav ul.nav li::after {
      font-size: 1.5em!important;
   }

   #subscribe {
      width: 299px;
   }

   #subscribe .form-group  {
      width: 297px;
   }

   #subscribe input[type="text"] {
      width: 250px;
      font-size: 1em;
   }
}