/*
Custom Styles for AeonianCapitalLLC.com
Author: John Himics, First Ascent Design
Author URL: http://firstascentdesign.com/
Description: This is the primary stylesheet for AeonianCapitalLLC.com
Version: 0.0

*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------

Table of Contents
01 - Variables
02 - Mix-ins and Utility Classes
03 - Typography and Layout
04 - Main Content
05 - Nav
*/
/***********************************************************************
Variables
***********************************************************************/
/* Fonts */
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,700|Cinzel:400,700);
/* Colors */
/* Dark Grey */
/* blue/teal */
/* Sizes */
/* Breakpoints */
/*768 +1 to fix iPad. */
/***********************************************************************
Mix-ins and Utility Classes
***********************************************************************/
/***********************************************************************
Typography and Layout
***********************************************************************/
html {
  height: 100%;
  min-width: 100%;
  font: 100%;
  font-size: 16px;
  /* @media (max-width: $phone-size) {
    font-size: 12px;
  } */ }

body {
  height: 100%;
  min-width: 100%;
  background: #dfdfdf;
  font: 100%;
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
  text-align: center; }

h1 {
  font-size: 1.5rem;
  margin: 0.67em 0;
  font-family: 'Cinzel', serif; }
  @media (max-width: 769px) {
    h1 {
      font-size: 1.4rem; } }

h2 {
  font-size: 1.3125rem;
  margin: 0.83em 0;
  font-family: 'Cinzel', serif; }

h3 {
  font-size: 1.17rem;
  margin: 1em 0; }

h4 {
  font-size: 1rem;
  margin: 1.33em 0; }

h5 {
  font-size: 0.83rem;
  margin: 1.67em 0; }

h6 {
  font-size: 0.67rem;
  margin: 2.33em 0; }

p, li {
  font-size: 0.875rem; }

.small-text {
  font-size: .8em; }

/* Full Page background image */
img.bg {
  /* Set rules to fill background */
  min-height: 100%;
  min-width: 2000px;
  /* Set up proportionate scaling */
  width: 100%;
  height: auto;
  /* Set up positioning */
  position: fixed;
  bottom: 0;
  left: 0; }

@media screen and (max-width: 2000px) {
  /* Specific to this particular image */
  img.bg {
    left: 50%;
    margin-left: -1000px;
    /* 50% */ } }
/*********************************************************************** 
Main Content
 ***********************************************************************/
main.container {
  background: #fff;
  padding-left: 0;
  padding-right: 0;
  min-height: 100%;
  position: relative; }

.main-content {
  margin-bottom: 50px;
  background: #fff; }
  @media (max-width: 320px) {
    .main-content {
      margin-bottom: 85px; } }

.logo-container {
  margin-top: 25px; }
  @media (min-width: 992px) {
    .logo-container {
      padding-left: 25px;
      text-align: left; } }
  @media (max-width: 769px) {
    .logo-container {
      text-align: center; } }
  .logo-container img {
    width: 200px; }

article {
  text-align: left;
  padding: 25px;
  color: #445464; }
  @media (max-width: 769px) {
    article {
      width: 100%; } }
  article .image-col .img {
    width: 100%;
    border-radius: 5px; }
  article p:last-child {
    padding-bottom: 20px; }

/***********************************************************************
 Nav 
 ***********************************************************************/
/* Fix for nav-justified */
.navbar {
  border: 0;
  border-radius: 0;
  margin-bottom: 0;
  z-index: 10; }

@media (max-width: 769px) {
  .container > .navbar-header {
    margin-right: 0;
    margin-left: 0; } }

.navbar-toggle {
  padding: 5px 10px; }
  @media (max-width: 769px) {
    .navbar-toggle {
      margin-right: 0; } }

nav {
  height: 50px !important;
  margin-top: 25px;
  padding: 0 0;
  font-family: 'Cinzel', serif;
  font-weight: 300;
  background: #0091ba; }
  nav .container {
    padding: 0;
    width: 100%;
    height: 100%; }
  nav .navbar-header {
    color: #fff; }
    @media (max-width: 767px) {
      nav .navbar-header {
        width: 100%; } }
    nav .navbar-header .navbar-toggle {
      float: none;
      width: 100%; }
  nav .navbar-collapse {
    padding: 0; }
    @media (max-width: 767px) {
      nav .navbar-collapse {
        margin: 0; } }
  nav .navbar-nav {
    margin: 0 auto; }

.nav > li > a {
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out; }
  @media (min-width: 769px) {
    .nav > li > a {
      color: #fff; } }
  @media (max-width: 769px) {
    .nav > li > a {
      color: #fff !important;
      background: #0091ba !important; } }

.nav > li > a:hover {
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out; }
  @media (min-width: 769px) {
    .nav > li > a:hover {
      color: #fff;
      background: #445464; } }
  @media (max-width: 769px) {
    .nav > li > a:hover {
      color: #fff !important;
      background: #445464 !important; } }

/* .nav > li.active > a {
  color: #fff;
  background: $primary-color;
} // Replaced by using page name IDs below.*/
@media (min-width: 769px) {
  .navbar-nav {
    height: 50.00px !important;
    margin: 0 auto;
    display: table;
    table-layout: auto;
    float: none;
    width: 100%; }

  .navbar-nav > li {
    display: table-cell;
    float: none;
    text-align: center; } }
.navbar-brand {
  padding: 5px 0 5px 5px; }

.navbar-brand img {
  /* logo */
  height: 100%; }

/* ul.nav.navbar-nav li:first-child a{
  margin-left:-1px;
}

ul.nav.navbar-nav li:last-child a{
  margin-right:-2px;
} */
ul.nav.navbar-nav:before {
  content: none;
  display: block; }

ul.nav.navbar-nav:after {
  content: none;
  display: block; }

/* Custom Nav Sizes */
.navbar-nav > li {
  max-height: 99% !important; }

li#home a {
  padding: 15px 20px; }

li#our-company a {
  padding: 15px 10px; }

li#investment-philosophy a {
  padding: 15px 0; }

li#our-team a {
  padding: 15px 20px; }

li#careers a {
  padding: 15px 20px; }

li#contact-us a {
  padding: 15px 15px; }

nav .svg {
  width: 49px;
  height: 49px;
  padding: 10px;
  border: 0; }

/***********************************************************************
Banner
 ***********************************************************************/
.banner {
  height: auto;
  max-height: 300px;
  width: 100%;
  overflow: hidden; }
  .banner img {
    max-width: 100%; }

/***********************************************************************
Homepage Content
 ***********************************************************************/
.homepage .content {
  width: 100%;
  text-align: left;
  margin: 0 0; }

/***********************************************************************
Footer
 ***********************************************************************/
.footer {
  position: absolute;
  padding-left: 20px;
  bottom: 0;
  height: 35px;
  width: 100%;
  text-align: left;
  background: #445464;
  color: #fff;
  line-height: 35px; }
  @media (max-width: 320px) {
    .footer {
      height: 70px; } }
  .footer p {
    margin-bottom: 0;
    display: inline-block; }
    @media (max-width 769px) {
      .footer p {
        margin: 0 auto;
        text-align: center; } }

/***********************************************************************
Home
 ***********************************************************************/
li#home {
  background: #0091ba; }

li#home:hover {
  background: #445464; }

.homepage .nav > li#home > a {
  color: #fff;
  background: #445464; }
.homepage li#home {
  background: #445464; }

/***********************************************************************
Our Company
 ***********************************************************************/
.our-company .nav > li#our-company > a {
  color: #fff;
  background: #445464; }

/***********************************************************************
Investment Philosophy
 ***********************************************************************/
.investment-philosophy .nav > li#investment-philosophy > a {
  color: #fff;
  background: #445464; }

/***********************************************************************
Our Team
 ***********************************************************************/
.our-team .nav > li#our-team > a {
  color: #fff;
  background: #445464; }

/***********************************************************************
Careers
 ***********************************************************************/
.careers .nav > li#careers > a {
  color: #fff;
  background: #445464; }

/***********************************************************************
Contact Us
 ***********************************************************************/
.contact-us .nav > li#contact-us > a {
  color: #fff;
  background: #445464; }
.contact-us .google-map {
  padding: 25px;
  width: 700px;
  max-width: 100%;
  height: 450px; }
  @media (max-width: 992px) {
    .contact-us .google-map {
      padding: 50px;
      width: 500px;
      height: 500px; } }
  @media (max-width: 500px) {
    .contact-us .google-map {
      padding: 25px 0;
      width: 400px;
      height: 400px; } }

/*# sourceMappingURL=style.css.map */