/*** variables ***/
/*
 * element styles
 */
body {
  background-color: #fff;
  font-family: "nimbus-sans";
  font-weight: 300; }

hr {
  border-color: #ccc; }

a {
  color: #e86f38; }

a:hover {
  color: #e86f38; }

abbr[title], acronym[title] {
  border-bottom-width: 0; }

img.fits {
  width: 100%;
  max-width: 300px; }

.dog-pals-container,
.pet-nap-container {
  text-align: center; }

img.pet-nap {
  max-width: 300px;
  width: 100%; }

.navbar-brand {
  color: #555555;
  font-family: "proxima-nova-soft"; }

/*
 * bootstrap overrides
 */
div[role=main] {
  clear: both;
  color: #555;
  font-size: 120%;
  line-height: 150%; }

.jumbotronish {
  background: #665C51; }
  .jumbotronish p {
    color: #dfdfdf;
    margin-bottom: 2em;
    text-shadow: 0 0 5px #333; }
  .jumbotronish p.title {
    color: #F2ECE8;
    font-size: 240%;
    font-family: "museo-sans-condensed";
    line-height: 120%;
    margin-bottom: 1em;
    padding: 1em 0 0 0;
    text-align: left;
    text-shadow: 0 0 8px #333; }

.sub-jumbotronish {
  background-color: #F2ECE8; }
  .sub-jumbotronish .row {
    margin-bottom: 4em;
    margin-top: 4em; }

.jumbotron {
  background: url(../img/jumbotron.jpg) center right no-repeat;
  margin-bottom: 1em;
  padding: 40px;
  -webkit-border-radius: 0 0 6px 6px;
  -moz-border-radius: 0 0 6px 6px;
  border-radius: 0 0 6px 6px; }
  .jumbotron h2 {
    font-size: 140%;
    line-height: 80%; }
  .jumbotron img {
    float: right;
    margin: -1em -1em 1em 2em;
    height: 220px;
    width: 220px; }
  .jumbotron p {
    font-size: 90%;
    line-height: 140%; }
  .jumbotron .the-stuff {
    width: 50%; }

.sidekick-unit {
  background-color: #eee;
  margin-bottom: 3em;
  margin-top: -2em;
  padding: 1em;
  -webkit-border-radius: 0 0 6px 6px;
  -moz-border-radius: 0 0 6px 6px;
  border-radius: 0 0 6px 6px; }

.alert p {
  margin: 0.5em 0; }

/*
 * regular old styling
 */
header[role=banner] {
  margin-bottom: 2em;
  padding-top: 1.5em;
  text-align: center; }
  header[role=banner] .logo-container {
    background-color: #F2ECE8;
    padding-bottom: 1em;
    padding-top: 1em; }
  header[role=banner] h1 {
    color: #555555;
    font-family: "proxima-nova-soft";
    font-size: 260%;
    display: inline-block; }
  header[role=banner] a[rel=home]:hover {
    text-decoration: none; }
  header[role=banner] img.logo {
    display: block;
    width: 120px;
    height: 120px;
    margin: 0 auto; }
  header[role=banner] nav {
    margin-top: 2em; }
    header[role=banner] nav li {
      width: 24.5%; }
    header[role=banner] nav li.active a {
      background-color: transparent;
      border-bottom: 3px solid #639AA8;
      color: #3A5961; }
    header[role=banner] nav a {
      border-bottom: 3px solid #FFFFFF;
      color: #639AA8;
      line-height: 18px;
      font-family: "proxima-nova-soft";
      font-size: 120%;
      text-align: center;
      -webkit-border-radius: 0px;
      -moz-border-radius: 0px;
      border-radius: 0px; }
    header[role=banner] nav a:hover {
      background-color: transparent;
      color: #79BCCD; }
  header[role=banner] .sharing {
    display: block;
    height: 30px;
    margin-top: 1em; }
  header[role=banner] .sm-icons {
    margin-top: 28px;
    margin-right: 10px;
    text-align: center; }
    header[role=banner] .sm-icons a {
      display: inline-block;
      float: none;
      margin: 0 3px;
      text-align: left;
      text-indent: -9999px;
      height: 32px;
      width: 32px; }
    header[role=banner] .sm-icons .facebook {
      background: url(../img/sm-icons/facebook-32.png) top left no-repeat; }
    header[role=banner] .sm-icons .gplus {
      background: url(../img/sm-icons/gplus-32.png) top left no-repeat; }
    header[role=banner] .sm-icons .instagram {
      background: url(../img/sm-icons/instagram-32.png) top left no-repeat; }
    header[role=banner] .sm-icons .tumblr {
      background: url(../img/sm-icons/logo-32.png) top left no-repeat; }
    header[role=banner] .sm-icons .twitter {
      background: url(../img/sm-icons/twitter-bird-32.png) top left no-repeat; }
    header[role=banner] .sm-icons .youtube {
      background: url(../img/sm-icons/youtube-32.png) top left no-repeat; }

.content h2 {
  font-family: "museo-sans-condensed";
  font-size: 240%;
  margin-bottom: 0.5em;
  margin-top: 0; }
.content h3 {
  font-family: "museo-sans-condensed";
  line-height: 120%;
  margin-bottom: 1em;
  margin-top: 2em;
  padding-bottom: 5px; }
.content h4 {
  font-family: "museo-sans-condensed"; }
.content img.photoish {
  background-color: #fff;
  border: 1px solid #aaa; }
.content .contentish {
  margin-top: 120px;
  margin-bottom: 120px; }
.content ul, .content ol {
  margin-bottom: 1em; }
.content form {
  margin-bottom: 3em;
  margin-top: 1em; }
  .content form ul {
    list-style: none;
    margin: 0;
    padding: 0; }
  .content form li {
    margin: 1em 0; }
  .content form li.checkbox {
    margin: 2.5em 0; }
  .content form label {
    display: block; }
  .content form textarea {
    height: 10em;
    width: 90%; }
  .content form input[type=submit] {
    margin-right: 0.5em; }
  .content form .errorlist li {
    color: red;
    margin: 0.3em 0;
    padding: 0; }
.content .form-actions {
  margin-bottom: 2em;
  margin-top: 2em; }
.content .fyi {
  color: #3a5961;
  float: right;
  font-family: "Belgrano", serif;
  font-size: 100%;
  font-style: oblique;
  line-height: 150%;
  margin: 0 0 1em 2em;
  width: 180px; }
.content .resources {
  margin: 4em 0 2em 0; }
  .content .resources .row {
    margin-top: 2em; }
.content .testimonials img {
  float: left;
  margin-top: 10px;
  width: 75px; }
.content .testimonials p {
  font-family: "rooney-web";
  font-style: "oblique";
  font-weight: 200;
  line-height: 150%; }
.content .testimonials .a-testimonial {
  margin-left: 90px; }
.content .testimonials .img-circle {
  border: 1px solid #8c8c8c;
  padding: 2px; }

.classes h3 {
  margin-top: 0em; }
.classes .course {
  margin-bottom: 6em; }
.classes .price {
  color: #3a5961;
  font-family: "proxima-nova-soft";
  font-size: 160%;
  font-weight: bold; }
.classes .sessions {
  list-style: none;
  margin: 1em 0;
  padding: 0; }
  .classes .sessions li {
    border-bottom: 1px dotted #ccc;
    border-left: 1px solid #999;
    margin: 1em 0;
    padding: 1em 0 1em 1em; }
  .classes .sessions .session-info {
    display: inline-block;
    width: 380px; }
.classes .sidebar iframe {
  max-width: 100%; }

.sidebar-bio {
  margin-top: 3em;
  text-align: center; }
  .sidebar-bio p {
    margin-top: 0.5em;
    text-align: center; }
  .sidebar-bio .sidebar-bio-avatar {
    border: 1px solid #8c8c8c;
    margin: -3em auto 1em;
    padding: 2px;
    width: 140px; }

.sidebar .decorations p {
  margin-bottom: 4em; }

.testimonials {
  list-style: none;
  padding-left: 0; }
  .testimonials h4 {
    color: #888; }
  .testimonials li {
    margin-bottom: 40px; }
  .testimonials blockquote {
    border-left: 0;
    margin-bottom: 0;
    padding-left: 0; }
    .testimonials blockquote p {
      font-size: 90%;
      font-style: oblique; }
    .testimonials blockquote p:before, .testimonials blockquote p:after {
      content: "\""; }

.divider {
  border-bottom: 1px dotted #79BCCD;
  height: 30px;
  margin: 0 auto;
  width: 50%; }

.blueish-container {
  background-color: #f4f9ff;
  padding: 3em 0;
  margin-bottom: -20px; }

.press blockquote {
  border-left: 0;
  margin-bottom: 0;
  padding-left: 0; }
  .press blockquote p {
    font-size: 90%;
    font-style: oblique; }
  .press blockquote p:before, .press blockquote p:after {
    content: "\""; }

.hresume cite {
  font-style: oblique; }
.hresume ol, .hresume ul {
  list-style: none;
  margin: 0;
  padding: 0; }
.hresume li {
  margin-bottom: 1em; }
.hresume .citation {
  margin-left: 1em;
  text-indent: -1em; }
.hresume .vcalendar .experience .vcard {
  margin: 1em 0; }
.hresume .vcalendar .experience .org {
  display: block;
  font-weight: bold; }

.product-list {
  margin: 0;
  padding: 0; }

.product {
  list-style: none;
  padding-bottom: 2em; }
  .product h4 {
    margin-bottom: 1em; }
  .product img {
    float: right;
    margin: 0 0 1em 1em;
    width: 150px; }

/* .sidebar { padding-top: 2em; } */
.module {
  margin-bottom: 2em;
  margin-top: 2em; }

a.more {
  color: #e86f38;
  font-family: "museo-sans-condensed";
  font-size: 100%; }

#aba-affiliate {
  width: 0;
  height: 0; }

.prefooter {
  background-color: #F2ECE8;
  color: #665C51;
  margin-bottom: 2em;
  padding: 3em 0 3em 0; }
  .prefooter h3 {
    color: #3A5961; }
  .prefooter img {
    margin-top: -30px; }
  .prefooter a.btn {
    margin-top: 10px; }
  .prefooter .mailinglist-register {
    margin-top: 55px; }

.org-logo, .org-logo-abs, .org-logo-apdt, .org-logo-cgc {
  display: inline-block;
  width: 150px; }

.org-logo-container {
  text-align: right; }

footer[role=contentinfo] {
  background-color: #3A5961;
  color: #F2ECE8;
  padding: 0 0 1em 0;
  margin-top: 4em; }
  footer[role=contentinfo] .vcard .fn {
    color: #BEE4EB;
    font-size: 120%;
    margin-top: 0.2em; }
  footer[role=contentinfo] .vcard .adr {
    display: block; }
  footer[role=contentinfo] .vcard .title {
    display: block; }
  footer[role=contentinfo] .cc {
    margin-top: 30px;
    text-align: center; }

/* sm */
@media (max-width: 767px) {
  body {
    padding-top: 24px; }

  header[role=banner] {
    border-bottom: 3px solid #E66E3A; }
    header[role=banner] .logo-container {
      padding-top: 3em; }
    header[role=banner] h1 {
      font-size: 200%; }

  .jumbotronish {
    margin-top: -28px; }

  .col-sm-ish {
    margin-top: 3em; }

  .org-logo-container {
    text-align: center; }

  footer[role=contentinfo] {
    text-align: center; }
    footer[role=contentinfo] .cc {
      font-size: 90%; }

  .org-logo-apdt {
    margin-top: 2em; }

  .media-logos a {
    display: block;
    margin: 1em auto; }
  .media-logos .logo-wapo img {
    max-width: 100%; }

  .classes .price {
    display: block;
    margin-bottom: 1em; }

  .tel {
    display: inline-block;
    font-size: 200%;
    margin: 1em 0 0; }

  .form-actions button {
    display: block;
    margin-bottom: 0.5em; } }
/* md */
@media (max-width: 991px) {
  .col-md-ish {
    margin-top: 4em; } }
/* lg */
@media (max-width: 1199px) {
  .col-lg-ish {
    margin-top: 3em; } }
@media (min-width: 768px) {
  header[role=banner] {
    text-align: left; }
    header[role=banner] .logo-container {
      background-color: transparent;
      padding: inherit; }
    header[role=banner] img.logo {
      display: inline-block;
      height: 80px;
      width: 80px;
      margin-right: 1em;
      margin-top: -0.8em; }
    header[role=banner] nav {
      float: right; }
      header[role=banner] nav li {
        width: auto; }
    header[role=banner] .sm-icons {
      text-align: right; }

  .jumbotronish {
    background-image: url(../img/jumbotron-bg.jpg);
    background-position: right center;
    background-size: cover; }
    .jumbotronish .splash-content {
      background-color: #333;
      background-color: rgba(51, 51, 51, 0.8);
      border: 1px solid #999;
      margin: 2em 0;
      padding: 1em 2em;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px; }

  img.dog-pals {
    margin-top: 4em;
    max-width: 300px; }

  .bethesda-mag {
    float: right;
    margin: 3em 1em 0 1em;
    width: 140px; }

  .media-logos img {
    display: inline-block;
    margin: 0 2em 1em 0;
    max-width: 100%; }

  .classes .price {
    float: right;
    padding-top: 0.5em; } }