﻿/* ==========================================================================
   Variables
   ========================================================================== */
/* ==========================================================================
   Onesy - Twosy
   ========================================================================== */
.logo a {
  font-size: 37px;
  font-weight: 700;
  color: #5a4732;
}
.logo a em {
  font-family: 'Rochester', cursive;
  font-weight: 100;
  /*font-style: normal;*/
}
.logo a img {
  margin-top: -8px;
  padding-right: 10px;
}
a.navbar-brand {
  color: #ffffff;
  font-weight: 700;
  font-size: 22px;
  line-height: 50px;
}
a.navbar-brand > img {
  margin-right: 10px;
  display: inline-block;
}
a.navbar-brand em {
  font-family: 'Rochester', cursive;
  font-weight: 300;
  /*font-style: normal;*/
}
.navbar-brand:hover {
  color: #b19474 !important;
}
.chapterContent {
  overflow-y: scroll;
  padding-right: 20px;
}
.author,
.reviews,
.prices,
.twitter-feed {
  background-color: #f3f0e7;
}
.site-footer {
  background-color: #f3f0e7;
}
.color-white {
  color: white;
}
.welcome-paw {
  line-height: 106px;
}
#Pricing p.h1 > span {
  font-size: 14px;
  font-style: italic;
  display: block;
}
#Features .welcome-paw-right img {
  -moz-transform: rotate(-24deg);
  -ms-transform: rotate(-24deg);
  -o-transform: rotate(-24deg);
  -webkit-transform: rotate(-24deg);
  transform: rotate(-24deg);
}
.author-credit p {
  margin-top: -15px;
}
.author-credit p:first-child {
  margin-top: inherit;
}
#privacy .modal-body {
  font-weight: 300;
}
/* ==========================================================================
   Overrides
   ========================================================================== */
p,
.hero h1,
.hero h2,
section header h2,
section h2,
section header h3 {
  color: #222;
}
a,
.navbar-default .navbar-nav > li > a.button:hover,
.navbar-default .navbar-nav > li > a.button:focus,
.slick-dots li button:before,
#mc-form i[class*="fa-user"],
#mc-form i[class*="fa-envelope"],
.buy-button .button,
.author h4,
.twitter-icon .fa-twitter,
.address li i,
button.close,
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #b19474;
}
.button,
.btn-default {
  background-color: #b19474;
  border-color: #b19474;
}
.button.buy,
.site-footer .social li a {
  color: #b19474;
  border-color: #b19474;
}
.features hr,
.counter,
.plan .header,
.social li a,
.buy-now,
.modal-header,
.scroll-top a:hover,
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #b19474;
}
a:hover,
a:focus,
.close:hover,
.close:focus {
  color: #9b7b57;
}
.plan .header.nerd,
.social li a:hover {
  background-color: #9b7b57;
}
.button:hover,
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.site-footer .social li a:hover {
  background-color: #9b7b57;
  border-color: #9b7b57;
}
.button.buy:hover {
  border-color: #9b7b57;
  color: #ffffff;
}
.button-modal-buy {
  background-color: #ffffff;
  border-color: #B19474;
  color:#9b7b57;
  border-radius: 12px;
}
.button-modal-buy:hover {
  border-color: #B19474;
  color: #ffffff;
}
.overlay {
  background: rgba(255, 255, 255, 0.6);
}
.hero h1 {
  font-size: 61px;
}
.sub-form .btn {
  width: auto;
}
.action-button div {
  display: inline-block;
}
.action-button p {
  margin: 0;
  font-size: 13px;
  font-style: italic;
}
.action-button .button {
  padding-left: 2em;
  padding-right: 2em;
}
.learn-more {
  margin-bottom: 0;
}
@media all and (min-width: 992px) {
  .welcome-message {
    margin: 0 0 3em;
  }
}
/* ==========================================================================
   Responsive
   ========================================================================== */
@media all and (max-width: 1200px) {
  a.navbar-brand {
    font-size: 15px;
  }
  a.navbar-brand > img {
    height: 24px;
  }
}
@media all and (max-width: 991px) {
  .logo {
    margin-bottom: -30px;
  }
  .logo a {
    margin-left: -115px;
  }
  .logo a em {
    display: block;
    font-weight: 500;
    margin-top: -20px;
    margin-left: 50px;
  }
  #Preview .thumbnail h3 {
    font-size: 24px;
  }
  .welcome-paw {
    line-height: normal;
  }
  #Pricing .buy {
    margin-bottom: 60px;
  }
}
@media all and (max-width: 1203px) and (min-width: 992px) {
  .action-button {
    font-size: 12px;
  }
}
@media all and (max-width: 767px) {
  .action-button > div {
    display: block;
    padding-bottom: 25px;
  }
  .action-button .button {
    width: 60%;
  }
  #Preview .col-sm-4 .caption .button {
    margin-bottom: 100px;
    width: 60%;
  }
  #Pricing .buy {
    width: 208px;
  }
  .navbar-default {
    padding: 5px 0;
  }
  .modal .btn.btn-default {
    font-size: 12px;
  }
}
/*# sourceMappingURL=shelter.css.map */