/* * Author: Carlos Alvarez
 * URL: http://Alvarez.is
 *
 * Version: 1.0
 * Date: 2014-04-20
 *
 * Used under license by Pedro Freire
 * Modified by Pedro Freire
 * URL: http://www.pedrofreire.com
 * Date: 2014-11-12 */

/* ==========================================================================
   Base Styles, Bootstrap Modifications & Fonts Import
   ========================================================================== */

::-moz-selection {
  background: #F2C2C9;
  color: #A4003A;
  text-shadow: none;
}

::selection {
  background: #16A085;
  color: #A4003A;
  text-shadow: none;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #CCC;
  margin: 1em 0;
  padding: 0;
}

pre {
  overflow-x: auto;
  word-wrap: normal;
  overflow-wrap: normal;
  white-space: pre;
}

.mt {
  margin-top: 80px;
}

.mb {
  margin-bottom: 80px;
}

/* ==========================================================================
   General styles
   ========================================================================== */

body, .font-body {
  font-family: 'Montserrat', sans-serif;
  font-weight: normal;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -webkit-overflow-scrolling: touch;
}

article > div > div > div > p, article blockquote, article li, .font-article {
  font-family: 'Martel', serif;
  font-weight: normal;
  font-size: 16px;
  line-height: 30px;
  color: #000;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: bold;
  color: #4A4A4A;
}

blockquote {
  font-size: 16px;
  font-style: italic;
}

article blockquote {
  border-left: none;
  position: relative;
}

article blockquote::before {
  color: #EEE;
  content: '\f10d';
  font-family: 'FontAwesome';
  font-size: 60px;
  top: 10px;
  left: -30px;
  z-index: -10;
  position: absolute;
  display: block;
}

article h2 {
  margin-top: 50px;
  margin-bottom: 30px;
  font-size: 36px;
  font-weight: normal;
}

article > div > div > div > p, article blockquote, article figure {
  margin-bottom: 30px;
}

article a {
  text-decoration: underline;
  text-decoration-color: rgb(51, 122, 183);
  text-decoration-line: underline;
  text-decoration-style: dotted;
  color: inherit;
}

.introducing-quote {
  margin-bottom: 10px;
}

.navbar-brand {
  font-weight: bold !important;
}

.navbar-default .navbar-brand {
  color: #1ABC9C !important;
}

.navbar-default {
  background-color: transparent !important;
  border-color: transparent !important;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
  color: #1ABC9C !important;
  background-color: transparent !important;
  border-bottom: 2px solid #1ABC9C !important;
}

.navbar-default .navbar-nav > li > a {
  color: #1ABC9C !important;
}

@media (max-width: 767px) {
  .navbar-collapse {
    background-color: rgba(0,0,0, 0.7) !important;
  }
}

@media (max-width: 767px) {
  .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #CFE !important;
    font-weight: bold !important;
    border-bottom: none !important;
  }
}

/* ==========================================================================
   Wrap Sections
   ========================================================================== */

.jumbotron {
  text-align: center;
  min-height: 500px;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

@media (max-width: 767px) {
  .jumbotron {
    min-height: 400px;
  }
}

.jumbotron > .container {
  text-align: center;
  text-shadow: #111 1px -1px 0.5em;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

.bg-index {
  /*background: #937442 url(../../assets/img/bg-index.jpg) no-repeat center top;*/
  background: #333333 url(../../assets/img/bg-office.jpg) no-repeat center top;
  background-attachment: relative;
  background-position: center center;
  -webkit-background-size: 100%;
  -moz-background-size: 100%;
  -o-background-size: 100%;
  background-size: 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.bg-bio {
  /*background: #6E593C url(../../assets/img/bg-work.jpg) no-repeat center top;*/
  background: #333333 url(../../assets/img/bg-office.jpg) no-repeat center top;
  background-attachment: relative;
  background-position: center center;
  -webkit-background-size: 100%;
  -moz-background-size: 100%;
  -o-background-size: 100%;
  background-size: 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.bg-work {
  /*background: #6E593C url(../../assets/img/bg-work.jpg) no-repeat center top;*/
  background: #333333 url(../../assets/img/bg-office.jpg) no-repeat center top;
  background-attachment: relative;
  background-position: center center;
  -webkit-background-size: 100%;
  -moz-background-size: 100%;
  -o-background-size: 100%;
  background-size: 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.bg-science {
  /*background: #AC713E url(../../assets/img/bg-science.jpg) no-repeat center top;*/
  background: #333333 url(../../assets/img/bg-office.jpg) no-repeat center top;
  background-attachment: relative;
  background-position: center center;
  -webkit-background-size: 100%;
  -moz-background-size: 100%;
  -o-background-size: 100%;
  background-size: 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.bg-sqrt {
  background: #455E7A url(../../assets/img/bg-sqrt.jpg) no-repeat center top;
  background-attachment: relative;
  background-position: center center;
  -webkit-background-size: 100%;
  -moz-background-size: 100%;
  -o-background-size: 100%;
  background-size: 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.bg-blog-chess {
  background: #937442 url(../../assets/img/bg-blog-chess.jpg) no-repeat center top;
  background-attachment: relative;
  background-position: center center;
  -webkit-background-size: 100%;
  -moz-background-size: 100%;
  -o-background-size: 100%;
  background-size: 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.bg-blog-standup {
  background: #403C38 url(../../assets/img/bg-blog-standup.jpg) no-repeat center top;
  background-attachment: relative;
  background-position: center center;
  -webkit-background-size: 100%;
  -moz-background-size: 100%;
  -o-background-size: 100%;
  background-size: 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.bg-blog-exodus {
  background: #CCA678 url(../../assets/img/bg-blog-exodus.jpg) no-repeat center top;
  background-attachment: relative;
  background-position: center center;
  -webkit-background-size: 100%;
  -moz-background-size: 100%;
  -o-background-size: 100%;
  background-size: 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.bg-blog-elephant {
  background: #756B56 url(../../assets/img/bg-blog-elephant.jpg) no-repeat center top;
  background-attachment: relative;
  background-position: center center;
  -webkit-background-size: 100%;
  -moz-background-size: 100%;
  -o-background-size: 100%;
  background-size: 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.jumbotron h1 {
  color: #FFF;
  padding-top: 10px;
  padding-bottom: 20px;
  letter-spacing: 4px;
  font-size: 80px;
  font-weight: bold;
}

.jumbotron h4 {
  font-weight: normal;
  color: #FFF;
}

@media (max-width: 767px) {
  .jumbotron h1 {
    font-size: 60px;
  }
}

#social {
  padding-top: 50px;
  padding-bottom: 50px;
  background-color: #F2F2F2;
}

#social i, #social svg {
  font-size: 40px;
  color: #4A4A4A;
}

#social i:hover, #social svg:hover {
  color: #1ABC9C;
}

#footerwrap {
  padding-top: 70px;
  padding-bottom: 50px;
  background-color: #2F2F2F;
}

#footerwrap p {
  color: #F2F2F2;
  margin-left: 10px;
}

/* Gallery */

.gallery {
  margin-top: 30px;
}

.gallery img:hover {
  opacity: 0.4;
}