/*!
Theme Name: StanleyWP Child
Theme URI: http://gentsthemes.com
Description: Responsive WordPress theme with all the Twitter Bootstrap elements and features.

Author: Chang Kon Han
Author URI: http://gentsthemes.com
Version: 3.0.3
Tags: white, black, gray, light, custom-menu, custom-header, custom-background, one-column, two-columns, left-sidebar, right-sidebar, flexible-width, theme-options, threaded-comments, full-width-template, sticky-post, translation-ready, bootstrap, twitter

Copyright (C) 2011-2014 Gents Themes
License: GNU General Public License, version 3 (GPLv3)
License URI: license.txt

CREATE CHILD THEME.
See: http://codex.wordpress.org/Child_Themes

Template: StanleyWP-Package

CSS Rules: Sorted alphabetically for better organization.
*/
/* Import statements */
/* Contains variables */
/* Colors */
/* ----------------------------------------------------------------------------- */
/* General */
/* Override the parent theme color */
a,
.glyphicon {
  color: #93c94b; }

.navbar-inverse,
.progress-bar-theme,
#goTop {
  background-color: #93c94b; }

.navbar-inverse {
  border-color: #666; }

/* Bold text with class bold */
.bold {
  font-weight: bold; }

.uppercase {
  text-transform: uppercase; }

/* So that there is no extra space at the bottom */
#ww > div:first-child > article:first-child {
  display: flex;
  flex-direction: column;
  /* IE 10 */
  display: -ms-flexbox;
  -ms-flex-direction: column;
  /* Safari, android */
  display: -webkit-flex;
  -webkit-flex-direction: column; }

/* Fill up height */
#ww > div:first-child > article:first-child > section {
  flex-grow: 1;
  /* Safari, android */
  -webkit-flex-grow: 1; }

/* Position in center of page */
/* Modal */
.modal[aria-hidden="false"] {
  display: flex !important;
  align-items: center;
  /* IE 10 */
  display: -ms-flexbox !important;
  /* Safari, android */
  display: -webkit-flex !important;
  -webkit-align-items: center; }

/* Override padding-top for #ww */
#ww {
  padding-top: 50px;
  padding-bottom: 0; }

/* Default background color */
#wrapper,
#ww {
  background-color: #fff; }

/* Container which aligns stuff in the middle */
.instore-container {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  /* IE 10 */
  display: -ms-flexbox;
  /* Safari, android */
  display: -webkit-flex;
  -webkit-justify-content: center;
  -webkit-align-items: center;
  -webkit-flex-wrap: wrap; }

.instore-row {
  width: 100%;
  text-align: center; }

/* Container separator border */
/* Bottom border */
.container-separator-border {
  border-bottom: 1px solid #666; }

/* Override media object img */
img.media-object {
  max-width: none; }

/* Table */
.instore-table thead {
  font-size: 1.5em;
  border-bottom: 3px solid #93c94b; }
.instore-table tr > * {
  padding: 10px; }
.instore-table tbody tr {
  border-bottom: 1px solid #ddd; }
.instore-table tbody tr:hover {
  background-color: #f5f5f5; }

.pointer-hover {
  cursor: pointer; }

/* Button */
a[role="button"],
button {
  color: white;
  background-color: #93c94b;
  padding: 20px;
  border-radius: 5px;
  display: inline-block; }

a[role="button"]:hover,
button:hover {
  background-color: #3ca016; }

/* ----------------------------------------------------------------------------- */
/* Header */
/* Header with zero padding. Override navbar-inverse */
nav[role="navigation"] .navbar.navbar-inverse.navbar-fixed-top {
  padding: 0; }

/* Override bootstrap */
.navbar-nav > li > a {
  padding-left: 10px;
  padding-right: 10px; }

#logo {
  height: 50px;
  display: table; }

#logo > a {
  display: table-cell;
  vertical-align: middle; }

/* ----------------------------------------------------------------------------- */
/* Home page */
/* For homepage, transparent header */
/* Transparency
.transparent-padding
{
    padding-top: 0 !important;
}

.transparent-navbar
{
    background-color: transparent;
    border-color: transparent;
}

.transparent-link
{
    color: white !important;
    text-shadow: 1px 1px 5px black;
}

.transparent-link:hover
{
    color: #4DB443 !important;
    text-shadow: none;
}

.navbar-inverse .navbar-nav > .active > .transparent-link,
.navbar-inverse .navbar-nav > .active > .transparent-link:hover,
.navbar-inverse .navbar-nav > .active > .trnsparent-link:focus
{
    color: #93c94b !important;
}
*/
/* Carousel */
/* Custom font-size for carousel */
.carousel-icon {
  font-size: 3vw; }

/* Remove header */
#post-79 > header > h1 {
  display: none; }

/* Define dimensions for carousel */
#homepage-carousel {
  width: 100%;
  max-height: 750px; }
  #homepage-carousel .item {
    width: 100%;
    max-height: 750px; }
  #homepage-carousel h3 {
    color: gainsboro;
    font-size: 2vw; }

/* Give zero margin-bottom to carousel caption */
.carousel-caption > * {
  margin-bottom: 0; }

#homepage-intro .row {
  padding: 20px 0 20px 0; }

#homepage-appstore .instore-container {
  justify-content: flex-start; }
  #homepage-appstore .instore-container a {
    margin-right: 30px; }

/* Add margin bottom */
#homepage-features img {
  margin-bottom: 35px; }

/* Make the icon bigger */
#homepage-calculator {
  padding-top: 30px; }

#homepage-calculator > div:first-child {
  margin-bottom: 30px; }

#features-jumbo {
  background-color: #3ca016;
  color: white;
  border-radius: 0 !important; }

.features-container {
  margin-bottom: 75px; }
  .features-container .fa-check {
    color: #93c94b; }
  .features-container img {
    margin-top: 30px;
    height: auto;
    width: 200px; }
  .features-container div:nth-of-type(2) {
    margin-top: 50px; }

/* ----------------------------------------------------------------------------- */
/* Cost Calculator */
#cc-fix {
  flex: 1; }

#cc-button {
  margin-bottom: 50px; }

#cc-input {
  margin-bottom: 30px; }

/* Give the table responsive extra margin */
#cc-modal .table-responsive {
  margin-top: 20px; }

#cc-alert {
  display: none; }

#cc-modal .modal-body tbody td:first-child {
  font-weight: bold; }

#cc-weekly,
#cc-monthly,
#cc-total {
  text-align: center; }

/* ----------------------------------------------------------------------------- */
/* Contact Us */
#contact-form {
  margin-bottom: 15px; }

#contact-email-icon {
  top: 22px;
  line-height: 34px !important; }

#contact-form-spinner {
  margin-left: 15px;
  display: none; }

/* ----------------------------------------------------------------------------- */
/* Footer */
/* Create Sticky footer */
body {
  /* 100% of viewport height */
  min-height: 100vh;
  display: flex;
  /* Top to bottom */
  flex-direction: column;
  /* IE 10 */
  display: -ms-flexbox;
  /* Safari, android */
  display: -webkit-flex;
  -webkit-flex-direction: column; }

/* Body content. Fill up entire space. */
#wrapper {
  flex-grow: 1;
  /* Safari, android */
  -webkit-flex-grow: 1; }

#sitemap-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  /* IE 10 */
  display: -ms-flexbox;
  /* Safari, android */
  display: -webkit-flex;
  -webkit-flex-wrap: wrap;
  -webkit-justify-content: space-between;
  margin-bottom: 15px; }

.sitemap-header {
  color: white;
  text-decoration: underline; }

/* Social media icons */
#social-media-icons-container > a {
  margin: 10px 2.5px; }

.social-media-icons {
  display: inline-block;
  width: 35px;
  height: 35px;
  line-height: 35px;
  border-radius: 35px;
  text-align: center;
  color: white !important; }

/* Customise social media icon */
#twitter {
  border: 1px solid #55ACEE;
  background-color: #55ACEE; }

#twitter:hover {
  border: 1px solid #4C9AD6;
  background-color: #4C9AD6; }

#facebook {
  border: 1px solid #3b5998;
  background-color: #3b5998; }

#facebook:hover {
  border: 1px solid #355088;
  background-color: #355088; }

#linkedin {
  border: 1px solid #4875B4;
  background-color: #4875B4; }

#linkedin:hover {
  border: 1px solid #4069A2;
  background-color: #4069A2; }

#google-plus {
  border: 1px solid #C63D2D;
  background-color: #C63D2D; }

#google-plus:hover {
  border: 1px solid #B23628;
  background-color: #B23628; }

/* Update container div */
#footer {
  padding-top: 30px;
  padding-bottom: 30px;
  margin-top: 30px;
  /* Last column */ }
  #footer p {
    margin: 0; }
  #footer .row > .col-md-4 {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    /* IE 10 */
    display: -ms-flexbox;
    /* Safari, android */
    display: -webkit-flex;
    -webkit-justify-content: center;
    -webkit-align-items: center; }
  #footer .row > div:nth-of-type(3) > a {
    padding: 0 3px; }

/* ----------------------------------------------------------------------------- */
/* Link to go back top */
#goTop {
  padding: 0;
  width: 35px;
  height: 25px;
  position: fixed;
  display: none;
  bottom: 0;
  left: 95%;
  cursor: pointer;
  border-radius: 3px 3px 0 0;
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 100; }
  #goTop .fa-angle-up {
    color: white; }

#goTop:hover {
  background-color: #1ABC4B; }

/* ----------------------------------------------------------------------------- */
/* Media Queries */
@media all and (max-width: 768px) {
  /* Dropdown menu links */
  /* When in collapse view */
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: white; }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover {
    color: black; }

  #logo {
    margin-left: 15px; } }

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