body {
    background: #fff url("../images/bg.58e269ca9518.png") top center repeat;
    font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
    padding-top: 66px;
}
@media (max-width: 979px) {
  body {
    padding-top: 0px;
  }
}

/* Headers */

h1,h2,h3,h4,h5,h6{margin:0;font-family:inherit;font-weight:bold;color:inherit;text-rendering:optimizelegibility;}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{font-weight:normal;color:#999999;}
h1{font-size:30px;line-height:36px;}h1 small{font-size:18px;}
h2{font-size:24px;line-height:36px;margin-bottom: 8px;}h2 small{font-size:18px;}
h3{font-size:18px;line-height:27px;}h3 small{font-size:14px;}
h4,h5,h6{line-height:18px;}
h4{font-size:14px;}h4 small{font-size:12px;}
h5{font-size:12px;}
h6{font-size:11px;color:#999999;text-transform:uppercase;}

hr {border-top:3px double #DDD;}

/* Form styles */

.errorlist {color: #b94a48;}
.helptext {color: #888888}

.controls.no-controls {padding-top: 5px;}

.signup-form {margin: 40px 0;}
.signup-form label {width: 180px;}
.signup-form .helptext {margin-left: 1em;}

.row-space {margin-top: 20px;margin-bottom:20px;}

blockquote {
  border: 0;
  font-style: italic;
  margin: 1em 0;
  padding: 0.35em 40px;
  line-height: 1.45;
  position: relative;
}

blockquote::before {
  font-family: "Georgia";
  content: "“";
  display: block;
  padding-left: 10px;
  font-size: 80px;
  position: absolute;
  left: -20px;
  top: -20px;
  color: #aaa;
}

blockquote cite::before {
  content: "—";
}

/* Text Highlight */

::-moz-selection {
  color: #fff;
  color: rgba(255, 255, 255, 0.85);
  background: #66BCEE;
}

::selection {
  color: #fff;
  color: rgba(255, 255, 255, 0.85);
  background: #66BCEE;
}

/* Navigation */

.navbar-inner {
    background-image: none;
}
.navbar .nav > .active > a,
.navbar .nav > .active > a:hover,
.navbar .nav > .active > a:focus {
    color: #333333;
    box-shadow: none;
}

.navbar .brand {
    color: #555555;
    padding: 6px 20px;
    font-size: 30px;
    font-weight: bold;
}

.navbar .brand img {
    vertical-align: text-bottom;
}

.navbar .nav li a {
    color: #555555;
    font-size: 16px;
    padding-top: 16px;
    padding-bottom: 12px;
}

.navbar .nav .dropdown li a {
    font-size: inherit;
    padding: 3px 20px;
}

.navbar .btn,
.navbar .btn-group {
    margin-top: 9px;
}

.account .icon {
    vertical-align: middle;
}

.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus,
.dropdown-submenu:hover>a,
.dropdown-submenu:focus>a {
    color:#ffffff;
    background-color:#66BCEE;
    background-image: none;
}

@media (max-width: 979px) {
  .navbar .nav li a {
    padding: 3px 20px;
  }
  .dropdown-menu>li>a:hover,
  .dropdown-menu>li>a:focus,
  .dropdown-submenu:hover>a,
  .dropdown-submenu:focus>a {
      color:#555;
  }
}

.thumbnail {
    background-color: #ffffff;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
}

.browse-plaid {
    cursor: pointer;
    margin-bottom: 20px;
}

.browse-plaid .thumbnail > div {
    height: 290px;
    position: relative;
}

.browse-plaid .thumbnail .icon {
    vertical-align: baseline;
}

.featured-plaids .span3 {
    margin-bottom: 2em;
}
.featured-plaids .thumbnail > div {
    height: 210px;
}
.featured-plaids {
    margin-top: 2.6em;
}
.featured-plaids a {
    display: block;
    width: 100%;
    height: 100%;
}

.individual-plaid .thumbnail > div {
    height: 570px;
    overflow: hidden;
}

.individual-plaid img {
    max-width: none;
}

.browse-plaid .meta {
    background-color: #ffffff;
    background-color: rgba(255, 255, 255, .8);
    bottom: 0;
    overflow: hidden;
    position: absolute;
    width: 100%;
}
.meta h3 {
    padding: .4em .3em;
}
@media (max-width: 979px) and (min-width: 768px) {
    .browse-plaid {
        margin-bottom: 20px;
    }
    .browse-plaid .thumbnail > div {
        height: 218px;
    }
    .featured-plaids .thumbnail > div {
        height: 166px;
    }
    .individual-plaid .thumbnail > div {
        height: 436px;
    }
}

@media (min-width: 1200px) {
    .browse-plaid {
        margin-bottom: 30px;
    }
    .browse-plaid .thumbnail > div {
        height: 360px;
    }
    .featured-plaids .thumbnail > div {
        height: 260px;
    }
    .individual-plaid .thumbnail > div {
        height: 710px;
    }
}

@media (max-width: 767px) {
    .individual-plaid .thumbnail > div {
        height: 436px;
    }

    .form-search .browse-search {
      float: none;
      margin-bottom: 20px;
    }
}

.pagination a {
    background-color: #FFFFFF;
}

.footer {
    margin: 1.6em 0;
    border-top: 3px double #DDD;
    padding-top: 1em;
}

.footer .legal {
    font-size: 11px;
}

.footer .legal a {
    color: #999;
}

.swatch {
    height: 16px;
    width: 16px;
    border: 1px solid #DDD;
    margin: 4px 0 6px;
}

/* styles for the home page */
.home .main {font-size:14px;}
.home .main h2 {font-size:28px;}
.home .main h3 {font-size:22px;margin-top:.4em;}

/* styles for the make page */
#plaid-app .cpicker {text-transform:uppercase;width:58px;vertical-align:top;}
#plaid-app .chunk {white-space:nowrap;clear:both;}
#plaid-app .chunk i {visibility:hidden;margin-top:4px;}
#plaid-app .chunk:hover i {visibility:visible;cursor:pointer;}
#plaid-app .chunk:hover .caret {visibility:visible;}
#plaid-app .swatch {height:23px;width:23px;margin:2px 0 0;}
#plaid-app .width {width: 40px;vertical-align:top;margin-bottom:0;}
#plaid-app #twill {width:70px;}
#plaid-app .background {height:100%;overflow:hidden;position:relative;width:100%;}
.background img {left:0;max-width:none;margin:0;position:absolute;top:0;}
#plaid-app .dropdown {display:inline-block;width:24px;}
#plaid-app .dropdown-toggle {display:inline-block;text-align:center;}
#plaid-app .dropdown-toggle .caret {margin-left:0;visibility:hidden;}
#plaid-app .dropdown-menu {width:60px;min-width:60px;}
#plaid-app .dropdown-menu li > a {border:#ffffff 3px solid;}
#plaid-app .dropdown-menu li > a:hover,
#plaid-app .dropdown-menu .active > a,
#plaid-app .dropdown-menu .active > a:hover {background-color:inherit;border-color:#08C;}
#plaid-app .add-chunk {height:8px;padding-left:98px;}
#plaid-app .icon-plus-sign {visibility:hidden;top:-4px;position:relative;}
#plaid-app .icon-plus-sign.last {visibility:visible;}
#plaid-app .add-chunk:hover .icon-plus-sign {visibility:visible;cursor:pointer;}
#plaid-app span.weave-icon {font-size:28px;vertical-align:bottom;color:#999999;}
.after-save .btn {width:6em;margin:0 1em;}

.StripeElement {
  background-color: #fff;
  padding: 6px;
  border-radius: 4px;
  border: 1px solid #ccc;
}

.StripeElement--invalid {
  border-color: #fa755a;
}

.StripeElement--webkit-autofill {
  background-color: #fefde5 !important;
}