/*!
 * Start Bootstrap - Simple Sidebar HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

/* Colors
vfa-nav-top #c3b8af
*/

/************************************************************************************************/
/* Toggle Styles (for slide-out sidebar) */

#wrapper {
    padding-left: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#wrapper.toggled {
    padding-left: 300px;
}

#page-content-wrapper {
    width: 100%;
}

#vfa-nav-side-sidewrapper {
    z-index: 1000;
    position: fixed;
    left: -300px;
    width: 300px;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    background: url('../grey_wash_wall9.png');
    /*background: #c3b8af;*/
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#wrapper.toggled #vfa-nav-side-sidewrapper {
    left: -0px;
}

#wrapper.toggled #page-content-wrapper {
    position: absolute;
    margin-right: -300px;
}

#screen-overlay {
  z-index: 999;
  content: "";
  display: none;
  position: fixed; /* could also be absolute */
  top: 0;
  left: 300;
  height: 100%;
  width: 100%;
  background-color: rgba(0,0,0,0.7);
}

#popup-contact {
  z-index: 1001;
  content: "";
  display: none;
  position: fixed; /* could also be absolute */
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

#popup-privacy {
  z-index: 1002;
  content: "";
  display: none;
  position: fixed; /* could also be absolute */
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

/************************************************************************************************/
/* Sidebar Styles */

.vfa-nav-side {
    position: absolute;
    top: 0;
    width: 300px;
    margin: 0;
    padding: 0;
    font-family: Philosopher, sans-serif;
    font-size: 18px;
    list-style: none;
}

.vfa-nav-side li {
    text-indent: 20px;
    line-height: 40px;
}

.vfa-nav-side li a {
    display: block;
    color: #fff;
    text-shadow: #000 0 1px 1px;
    text-decoration: none;
    cursor: pointer;
}

.vfa-nav-side li a:hover {
    color: #0ff;
    text-shadow: #000 0 1px 1px;
    background: rgba(255,255,255,0.2);
    text-decoration: none;
}
.vfa-nav-side li a.vfa-nav-side-selected {
    color: #0ff;
 }
.vfa-nav-side li a:active,
.vfa-nav-side li a:focus {
    text-decoration: none;
}

.vfa-nav-side > .vfa-nav-side-logo {
    height: 65px;
    line-height: 60px;
}

.vfa-nav-side-logo-font-1 {
  font-family: 'Great Vibes', cursive;
  font-size: 2em;
  color: #0042ff;
  text-shadow: #0ff 0 1px 1px;
}

.vfa-nav-side-logo-font-2 {
  font-family: 'Philosopher', cursive;
  font-size: 0.9em;
  color: #fff;
}

#vfa-nav-side-close-img {
  margin: 22px;
}

#vfa-nav-side-close {
  position: relative;
  left: 240px;
  width: 60px;
}

#sidebar-close a {
  height: 60px;
  width: 60px;
  display: block;
}

/************************************************************************************************/
/* Topbar Classes */
#vfa-nav-top-bg {
  z-index: 98;
  position: fixed;
  top: 0;
  left: 0;
  height: 59px;
  width: 100%;
  background: url('../grey_wash_wall9.png');
/*  background-color: #c3b8af; /* #918073; /* #3361bf; /* #476fbf; */
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
#vfa-nav-top-bg.toggled {
  left: 300px;
}
#vfa-nav-top {
  z-index: 99;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  text-shadow: #000 0 1px 1px;
  text-align: center;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
#vfa-nav-top.toggled {
  left: 300px;
}
.vfa-nav-top-logo-anchor,
.vfa-nav-top-logo-anchor:active,
.vfa-nav-top-logo-anchor:link,
.vfa-nav-top-logo-anchor:hover,
.vfa-nav-top-logo-anchor:visited
{
  display: block;
  text-decoration: none;
  cursor: pointer;
}
.vfa-nav-top-logo-font-1 {
  font-family: 'Great Vibes', cursive;
  font-size: 3em;
  color: #0042ff;
  text-shadow: #0ff 0 2px 2px;
}
.vfa-nav-top-logo-font-2 {
  font-family: 'Philosopher', cursive;
  font-size: 1.4em;
  color: #fff;
  text-shadow: #000 0 1px 1px;
}
.vfa-nav-top-btn-group > .btn {
  padding: 17px 16px;
  font-family: 'Philosopher', sans-serif;  
  font-size: 18px;
  line-height: 1.33;
  border-radius: 6px;
}
.vfa-nav-top-btn-group > .btn.vfa-nav-top-btn-unselected:hover,
.vfa-nav-top-btn-group > .btn.vfa-nav-top-btn-selected:hover {
  color: #0042ff;
  text-shadow: #0ff 0 1px 1px;
}
.vfa-nav-top-btn-group > .btn.vfa-nav-top-btn-selected {
  color: #0ff;
}
.vfa-nav-top-btn-group > .btn.vfa-nav-top-btn-unselected {
  color: #fff;
}
.navbar-toggle {
  display: block;
}
.navbar-toggle .icon-bar {
  background-color: #fff;
}

/************************************************************************************************/
/* Jumbotron */

.site-jumbotron-container {
  position: relative;
  width: 100%;
  height: 100%; /*same height as jumbotron */
}
.site-jumbotron-bg {
  z-index: -2;
  position: absolute;
  top:0;
  left:0;
  width: 100%;
  height: 100%; /*same height as jumbotron */
  min-height: 450px;
  overflow: hidden;
  text-align: center;
}
.site-jumbotron {
  z-index: -1;
  position: absolute;
  top:0;
  left:0;
  width: 100%;
  height: 100%; /*same height as jumbotron */
  min-height: 450px;
  padding-top: 80px;
  background:transparent;
  overflow: hidden;
}

/************************************************************************************************/
/* Site Classes */

html,
body, 
#wrapper, 
#page-content-wrapper {
  height: 100%;
  min-height: 450px;
  margin: 0px;
}

body {
  overflow-x: hidden; /* Prevent scroll on narrow devices */
  height: 100%;
}

.site-main-content {
  background: url('../grey_wash_wall7.png') repeat;
}

#headerlogo {
/*  display: none; */
}
hr.soften {
  height: 1px;
  background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.5), rgba(0,0,0,0));
  background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.5), rgba(0,0,0,0));
  background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.5), rgba(0,0,0,0));
  background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.5), rgba(0,0,0,0));
  border: 0;
}

@media screen and (orientation:landscape) {
  #vfa-nav-top {
    width : 100%;
  }
}