/*
Theme Name: Great Little Website (Parent)
Theme URI: http://greatlittlewebsite.com/
Author: Victor Gerard Temprano
Author URI: http://tempranova.com/
Description: This is a general working prototype theme for use by Great Little Website in creating specific child themes for clients and for general consumption. This template is meant to be kept up to date with full HTML5, SASS, and Bootstrap integrated smoothly.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: one-column, two-columns, two-columns, right-sidebar, left-sidebar, flexible-width, custom-header, custom-menu, editor-style, featured-images, microformats, responsive, mobile-first, html5, SASS, CSS, JS, bootstrap
Text Domain: greatlittlewebsite

Thanks for using GLW!
*/

/*@import url("style.php/main.scss");*/

body {
  padding-bottom: 20px;
}

/* Header Styles */

header #logo {
  width:100%;
  height:100px;
  text-align:center;
  padding:15px;
}
header #logo img {
  height:100%;
  width:auto;
}

#social-icons img {
  width:30px;
  margin:5px;
}

/* Menu Styles */

/* This is to allow the Bootstrap navbar to be centered */

@media screen and (min-width: 767px) {
  .navbar-center .nav-center, .navbar-center .nav-center > li {
      float:none;
      display:inline-block;
      *display:inline;
      /* ie7 fix */
      *zoom:1;
      /* hasLayout ie7 trigger */
      vertical-align: top;
  }
  .navbar-center-inner {
      text-align:center;
  }
}

/* */

@media (min-width:768px) {
  .sub-menu {
    display: none;
    position: absolute;
    background: #222;
    padding: 10px 15px;
    width: 200px;
  }

  li:hover .sub-menu {
    display: block;
  }

}

.sub-menu li {
  margin-bottom: 10px;
  list-style: none;
}

.sub-menu li:last-child {
  margin-bottom: 0;
}

.sub-menu a  {
  color: #999;
  text-decoration: none;
}

.sub-menu a:hover  {
  color: #fff;
}

/* Menu styles */

.current-menu-item > a, .current-menu-parent > a {
  background: #f9f9f9;
}
.current-menu-parent li a {
  background: inherit;
}
.current-menu-parent .current-menu-item a {
  color: #fff;
  font-weight: bold;
}

.sidebar {
  margin-top: 40px;
}

.featured-image img {
  max-width: 100%;
}

/*
 * Off Canvas
 * --------------------------------------------------
 */
@media screen and (max-width: 767px) {
  .row-offcanvas {
    position: relative;
    -webkit-transition: all .25s ease-out;
         -o-transition: all .25s ease-out;
            transition: all .25s ease-out;
  }

  .row-offcanvas-right {
    right: 0;
  }

  .row-offcanvas-left {
    left: 0;
  }

  .row-offcanvas-right
  .sidebar-offcanvas {
    right: -50%; /* 6 columns */
  }

  .row-offcanvas-left
  .sidebar-offcanvas {
    left: -50%; /* 6 columns */
  }

  .row-offcanvas-right.active {
    right: 50%; /* 6 columns */
  }

  .row-offcanvas-left.active {
    left: 50%; /* 6 columns */
  }

  .sidebar-offcanvas {
    position: absolute;
    top: 0;
    width: 50%; /* 6 columns */
  }
}