/*
Theme Name: Silktide
Theme URI: http://silktide.com/
Author: Delighten
Author URI: http://delighten.co.uk/
Description: Theme for Silktide's website
Version: 1.0
*/
/*
Variables ----------------------------------------------------------------------------------------------------------------------------
*/
/* Colours
----------------------------------------------------------------------------------------------------------------------------- */
/* Screen sizes
----------------------------------------------------------------------------------------------------------------------------- */
html {
  position: relative;
  min-height: 100%; }

body {
  font-size: 21px;
  line-height: 1.6em;
  color: #424242; }

/*
Body ----------------------------------------------------------------------------------------------------------------------------
*/
body.off-white {
  background: #f5f5f5; }

/*
Headings ----------------------------------------------------------------------------------------------------------------------------
*/
h1, h2, h3, h4, h5 {
  font-family: "museo-sans", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  margin: 45px 0 20px 0;
  color: #272C33; }

h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child,
h1.close-top, h2.close-top, h3.close-top, h4.close-top, h5.close-top {
  margin-top: 0; }

.soft-heading {
  font-weight: normal;
  color: #888;
  padding-bottom: 6px;
  border-bottom: 1px solid #EEE; }

.soft-heading a {
  color: #888; }

/*
Layout fundamentals ----------------------------------------------------------------------------------------------------------------------------
*/
.vertical-align {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%); }

/*
Links ----------------------------------------------------------------------------------------------------------------------------
*/
a:link, a:visited, a:hover, a:active {
  text-decoration: none; }

h1 a, h2 a, h3 a, h4 a, h5 a {
  color: #272C33; }

/*
Body text ----------------------------------------------------------------------------------------------------------------------------
*/
.body-text p {
  margin-top: 20px;
  margin-bottom: 20px; }

.body-text img.size-full {
  width: 100%;
  height: auto; }

.body-text p:first-of-type {
  font-size: 27px;
  line-height: 1.3em; }

.body-text-no-intro p:first-of-type {
  font-size: inherit;
  line-height: inherit; }

.body-text ul, .body-text ol {
  margin-top: 30px;
  margin-bottom: 30px; }

.body-text ul > li, .body-text ol > li {
  margin: 20px 0; }

pre {
  background-color: #333;
  color: #FFD;
  font-size: 80%;
  padding: 20px;
  margin: 30px 0;
  border: 0;
  border-radius: 5px; }

hr {
  border-top: 1px solid #DDD;
  margin: 30px 0; }

/*
Bootstrap overrides ----------------------------------------------------------------------------------------------------------------------------
*/
.well {
  background-color: #f0f8ff;
  border: 1px solid #d0d8e8;
  border-radius: 3px; }

/*
Icon grid ----------------------------------------------------------------------------------------------------------------------------
*/
.icon-grid > .row .row {
  padding-top: 10px;
  padding-bottom: 10px; }

.icon-grid h2, .icon-grid h3 {
  margin-bottom: 10px; }

/*
Image grid ----------------------------------------------------------------------------------------------------------------------------
*/
.image-grid h2, .image-grid h3 {
  margin-top: 15px; }

.image-grid .image-grid-cropped {
  height: 200px;
  overflow: hidden; }

/*
Components ----------------------------------------------------------------------------------------------------------------------------
*/
/*
Buttons ----------------------------------------------------------------------------------------------------------------------------
*/
.btn {
  border-radius: 2px;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  box-shadow: inset 0 -3px 0 0 rgba(0, 0, 0, 0.3);
  font-size: 18px;
  padding: 12px 24px 14px; }

.btn.btn-lg {
  font-size: 20px;
  padding: 14px 30px 18px; }

.btn.btn-sm {
  font-size: 15px;
  padding: 7px 16px 9px; }

.btn.btn-xs {
  font-size: 12px;
  padding: 5px 12px 7px; }

.btn.btn-link {
  box-shadow: none; }

.btn-twitter {
  color: #fff;
  background: #00acee; }

.btn-twitter:hover {
  color: #fff;
  background: #008cde; }

.btn-facebook {
  color: #fff;
  background: #37549a; }

.btn-facebook img {
  width: 11px;
  margin-right: 15px; }

.btn-twitter img,
.btn-stumbleupon img {
  width: 21px;
  margin-right: 15px; }

.btn-facebook:hover {
  color: #fff;
  background: #17347a; }

.btn-stumbleupon {
  color: #fff;
  background: #e64011; }

.btn-stumbleupon:hover {
  color: #fff;
  background: #c62000; }

.btn-primary {
  background-color: #107bbf; }

.btn-primary-haystack {
  color: #424242 !important;
  background-color: #F7DB4C; }

.btn-primary-haystack:hover {
  background-color: #DCC035; }

.btn-secondary-haystack {
  color: #424242;
  background-color: #555; }

.btn-secondary-haystack:hover {
  color: #fff;
  background-color: #666; }

.btn-primary-cc {
  color: #fff;
  background-color: #D70000; }

.btn-primary-cc:hover {
  background-color: #930101; }

.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
  border-radius: 2px;
  outline: none; }

.form-control {
  padding: 10px 14px;
  height: auto;
  font-size: 20px;
  box-sizing: border-box; }

.radio label, .checkbox label {
  line-height: 1em;
  margin-bottom: 14px; }

/*
Wordpress form ----------------------------------------------------------------------------------------------------------------------------
*/
.wordpress-form input[type="text"],
.wordpress-form input[type="email"],
textarea,
select,
.wpcf7 {
  width: 100%; }

input[type="text"],
input[type="email"],
textarea,
select {
  padding: 13px;
  background: #fff;
  color: #444;
  border-radius: 2px;
  border: 1px solid #ccc;
  transition: all 0.3s;
  box-sizing: border-box; }

input[type="text"]:focus, input[type="email"]:focus, textarea:focus, select:focus {
  outline: none;
  background-color: #faffbd; }

select {
  -webkit-appearance: none;
  background: none;
  cursor: pointer;
  font-size: 18px; }

span.wpcf7-not-valid-tip {
  padding-top: 20px; }

@media (max-width: 1199px) {
  input[type="text"],
  input[type="email"],
  textarea,
  select {
    margin-bottom: 10px; } }
.navbar {
  text-align: center;
  margin-bottom: -66px; }
  .navbar .container {
    margin: 0 auto; }
  .navbar .navbar-nav > li > a {
    font-size: 19px; }
  .navbar .nav-pills > li > a {
    color: rgba(255, 255, 255, 0.5);
    transition: ease-out all 0.3s; }
  .navbar .nav-pills > li > a:hover {
    color: white;
    background-color: transparent; }

.navbar-header {
  padding-top: 9px; }

.nav.nav-pills.nav-justified {
  padding-top: 5px; }

.navbar ul > li.active > a,
.navbar ul > li.active > a:focus,
.navbar ul > li > a:focus {
  color: white;
  background: transparent; }

.navbar-inverse {
  background-color: transparent !important;
  border: 0 none; }

.navbar-light {
  /*background-color: #fff !important;*/ }
  .navbar-light #navbar-search .glyphicon {
    color: #424242; }
  .navbar-light .nav-pills > li > a {
    color: rgba(0, 0, 0, 0.3); }
  .navbar-light .nav-pills > li > a:hover {
    color: rgba(0, 0, 0, 0.5); }
  .navbar-light ul > li.active > a,
  .navbar-light ul > li.active > a:focus,
  .navbar-light ul > li > a:focus {
    color: rgba(0, 0, 0, 0.6) !important; }
  .navbar-light img.inverse-none {
    display: none; }
  .navbar-light img.inverse-display {
    display: inline-block; }
  .navbar-light .icon-bar {
    background: #888; }
  .navbar-light .navbar-header button {
    border: 1px solid #888; }

.navbar-background {
  background: #181818;
  height: 62px; }

.navbar-background.navbar-background-white {
  background: #fff !important; }

.navbar-background.navbar-background-light-grey {
  background: #e0e0e0 !important; }

.navbar-nav {
  display: inline-block;
  float: none;
  margin: 0; }

.glyphicon-search {
  vertical-align: top; }

#navbar-search {
  background: rgba(255, 255, 255, 0);
  transition: all 0.5s; }

#navbar-search.selected {
  background: white; }

#navbar-search span {
  color: #fff;
  padding: 4px 10px 8px 10px;
  transition: all 0.5s; }

#navbar-search.selected span {
  color: #000; }

#navbar-search input {
  border: 0;
  padding: 7px 20px 7px 0;
  width: 0;
  transition: all 0.5s;
  background: transparent;
  outline: none;
  margin: 0; }

#navbar-search.selected input {
  width: 200px; }

.navbar-brand {
  padding: 8px 15px 0 15px; }

.nav > li > a {
  padding: 9px 15px; }

img.inverse-display {
  display: none; }

@media (max-width: 767px) {
  .navbar-inverse {
    background-color: #222 !important; }

  .navbar-collapse.collapse,
  .nav-justified > li > a {
    text-align: left; } }
/* Colours
----------------------------------------------------------------------------------------------------------------------------- */
/* Screen sizes
----------------------------------------------------------------------------------------------------------------------------- */
footer {
  margin-top: 80px;
  padding: 50px 0;
  background: #212120;
  color: #888; }

footer a:link, footer a:visited {
  color: #888;
  -webkit-transition: 0.3s all ease-out;
  transition: 0.3s all ease-out; }

footer a:hover {
  color: #fff; }

footer h2, footer h3, footer h2 a:link, footer h3 a:link, footer h2 a:visited, footer h3 a:visited {
  color: #ddd;
  padding: 0;
  margin: 0 0 30px; }

footer h2 sup, footer h3 sup {
  opacity: 0.5;
  font-size: 30%;
  position: relative;
  top: -14px; }

footer h3 {
  margin: 0 0 15px; }

footer .row {
  padding-top: 10px;
  padding-bottom: 10px; }

footer .footnote {
  opacity: 1;
  color: #555;
  padding-top: 40px;
  max-width: 750px;
  margin: 0 auto;
  text-align: center;
  font-size: 70%; }

.img.footer-logo {
  margin-top: 25px; }

.follow img {
  width: 30px;
  margin-right: 20px; }

/*
Responsive ----------------------------------------------------------------------------------------------------------------------------
*/
@media (max-width: 767px) {
  footer {
    text-align: center; }

  footer .follow {
    margin-top: 40px; }

  footer .follow img {
    width: 45px;
    margin: 0 10px; }

  footer {
    padding: 15px 0; } }
/* Colours
----------------------------------------------------------------------------------------------------------------------------- */
/* Screen sizes
----------------------------------------------------------------------------------------------------------------------------- */
.jumbotron {
  color: #fff;
  padding-top: 60px;
  padding-bottom: 0;
  margin-top: -62px;
  margin-bottom: 62px;
  background-color: #259;
  /*#108ad3;*/
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }

.jumbotron-overlay {
  width: 100%;
  height: 100%;
  display: none; }

.jumbotron h2 {
  color: inherit; }

.jumbotron .container {
  padding-top: 50px;
  padding-bottom: 50px;
  text-align: center; }

.jumbotron a {
  color: #fff; }

.jumbotron h1 {
  font-size: 59px;
  font-weight: lighter; }

.jumbotron h1 sup {
  font-size: 20px;
  position: relative;
  top: -30px;
  opacity: 0.5; }

.jumbotron p {
  margin: 20px 0 25px; }

.jumbotron.jumbotron-home {
  background: transparent url("../img/haystack-banner-bck.jpg");
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }

.jumbotron.jumbotron-home .container {
  padding-top: 100px;
  padding-bottom: 100px;
  text-align: left; }

.jumbotron.jumbotron-split .container {
  padding-top: 60px;
  padding-bottom: 0;
  text-align: left; }

.jumbotron.jumbotron-haystack {
  background: #272C33; }

.jumbotron.jumbotron-cookie-consent {
  background-color: #222; }

.jumbotron.jumbotron-blog {
  padding-top: 0; }

.jumbotron.jumbotron-blog img {
  width: 100%; }

.jumbotron .container {
  padding-top: 40px; }

.jumbotron.jumbotron-empty {
  padding: 0;
  height: 62px;
  background-color: #212120; }

.jumbotron.jumbotron-with-footer {
  margin-bottom: 0; }

/*
Jumbotron footer -----------------------------------------------------------------------------------------------------------------------
*/
.jumbotron-footer {
  padding: 20px 0;
  background-color: #ededed;
  text-align: center; }

/*
Jumbotron nav -----------------------------------------------------------------------------------------------------------------------
*/
body.jumbotron-inverse #navbar-search .glyphicon {
  color: #424242; }
body.jumbotron-inverse img.inverse-none {
  display: none; }
body.jumbotron-inverse img.inverse-display {
  display: inline-block; }
body.jumbotron-inverse .jumbotron {
  color: #424242; }
body.jumbotron-inverse .navbar-inverse .nav-pills > li > a {
  color: rgba(66, 66, 66, 0.7); }
body.jumbotron-inverse .navbar-inverse .nav-pills > li > a:hover {
  color: #424242; }

.jumbotron.jumbotron-with-nav {
  padding-top: 0;
  margin-top: 0; }

.jumbotron.jumbotron-with-nav .container {
  padding-top: 0; }

.jumbotron.jumbotron-with-nav .jumbotron-nav {
  margin: 30px 0;
  text-align: left;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2); }

.jumbotron.jumbotron-with-nav h1 {
  margin-bottom: 35px; }

.jumbotron.jumbotron-dark.jumbotron-with-nav .jumbotron-nav {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2); }

.jumbotron.jumbotron-with-nav .jumbotron-nav h2 {
  font-size: 35px;
  font-weight: lighter;
  margin: 0; }

.jumbotron.jumbotron-with-nav .jumbotron-nav h2 img {
  width: 35px;
  height: 35px;
  margin-right: 10px;
  margin-bottom: 7px; }

.jumbotron.jumbotron-with-nav-text-only h1 {
  margin-top: 20px; }

.jumbotron.jumbotron-dark,
.jumbotron.jumbotron-dark.jumbotron-with-nav .jumbotron-nav .nav-pills > li > a {
  color: #444; }

.jumbotron.jumbotron-with-nav .jumbotron-nav .nav-pills > li > a {
  font-size: 18px;
  font-weight: 300;
  letter-spacing: 1px;
  border-radius: 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0);
  transition: all ease-out .3s; }

.jumbotron.jumbotron-with-nav .jumbotron-nav .nav-pills > li.active > a,
.jumbotron.jumbotron-with-nav .jumbotron-nav .nav-pills > li > a:hover {
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  background: transparent; }

.jumbotron.jumbotron-dark.jumbotron-with-nav .jumbotron-nav .nav-pills > li > a {
  border-bottom: 1px solid transparent; }

.jumbotron.jumbotron-dark.jumbotron-with-nav .jumbotron-nav .nav-pills > li > a:hover {
  border-bottom: 1px solid rgba(0, 0, 0, 0.5);
  background: transparent; }

@media (max-width: 767px) {
  .jumbotron {
    margin-top: 0;
    padding-top: 25px; }

  .jumbotron.jumbotron-empty {
    padding: 0;
    height: 0; }

  .jumbotron.jumbotron-blog {
    padding-left: 0;
    padding-right: 0; }

  .jumbotron.jumbotron-with-nav .jumbotron-nav .nav-pills {
    display: none; }

  body.jumbotron-inverse .navbar-brand img.inverse-none {
    display: inline-block; }
  body.jumbotron-inverse .navbar-brand img.inverse-display {
    display: none; }
  body.jumbotron-inverse .navbar-inverse .nav-pills > li > a {
    color: rgba(255, 255, 255, 0.7); }
  body.jumbotron-inverse .navbar-inverse .nav-pills > li > a:hover {
    color: white; } }
/*
Specific layouts ----------------------------------------------------------------------------------------------------------------------------
*/
/* Colours
----------------------------------------------------------------------------------------------------------------------------- */
/* Screen sizes
----------------------------------------------------------------------------------------------------------------------------- */
.subscribe-icon {
  margin-right: 15px;
  width: 30px;
  vertical-align: baseline; }

.subscribe-form .form-group {
  margin-top: 6px; }

.subscribe-form button {
  margin-top: 6px;
  width: 100%; }

.subscribe-description {
  margin-bottom: 30px; }

.signup {
  padding: 50px 0;
  margin-bottom: 50px;
  background-color: #ededed; }

.signup h2 {
  color: #424242; }

.signup p {
  color: #424242 !important; }

.signup-field {
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 2px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; }

/* Colours
----------------------------------------------------------------------------------------------------------------------------- */
/* Screen sizes
----------------------------------------------------------------------------------------------------------------------------- */
/*
 * Post with no header ----------------------------------------------------------------------------------------------------------------------------
 */
body.blog-no-header .jumbotron-blog {
  height: 62px;
  background: transparent !important; }

body.blog-no-header .blog-header-image {
  display: none; }

/*
 * These custom blog styles only apply to sufficiently large devices
 */
@media (min-width: 767px) {
  /*
  Post with big header text ----------------------------------------------------------------------------------------------------------------------------
  */
  body.blog-big-header-text .jumbotron.jumbotron-blog {
    margin-bottom: 0; }

  body.blog-big-header-text .article-meta {
    max-width: 100%; }

  body.blog-big-header-text .jumbotron-overlay {
    display: block; }

  body.blog-big-header-text .blog-content-title,
  body.blog-big-header-text .blog-header-image {
    display: none; }

  body.blog-big-header-text .jumbotron-blog {
    height: 55vw; }

  body.blog-big-header-text .jumbotron-blog .shares {
    margin-top: 40px; }

  body.blog-big-header-text .jumbotron-blog h1 {
    padding-top: 12vw;
    font-size: 4.5vw !important; }

  /*
  Post with big header text on left ----------------------------------------------------------------------------------------------------------------------------
  */
  body.blog-big-header-text-left .jumbotron-overlay-layout {
    max-width: 45%; }

  body.blog-big-header-text-left .jumbotron-blog .container {
    text-align: left; }

  /*
  Post with big header text on right ----------------------------------------------------------------------------------------------------------------------------
  */
  body.blog-big-header-text-right .jumbotron-overlay-layout {
    max-width: 45%;
    float: right; }

  body.blog-big-header-text-right .jumbotron-blog .container {
    text-align: right; }

  /*
  Post with big header text on top left ----------------------------------------------------------------------------------------------------------------------------
  */
  body.blog-big-header-text-top-left .jumbotron-overlay-layout {
    max-width: 45%; }

  body.blog-big-header-text-top-left .jumbotron-blog .container {
    text-align: left; }

  body.blog-big-header-text-top-left .jumbotron-blog h1 {
    padding-top: 5vw; }

  /*
  Post with big header text on top right ----------------------------------------------------------------------------------------------------------------------------
  */
  body.blog-big-header-text-top-right .jumbotron-overlay-layout {
    max-width: 45%;
    float: right; }

  body.blog-big-header-text-top-right .jumbotron-blog .container {
    text-align: right; }

  body.blog-big-header-text-top-right .jumbotron-blog h1 {
    padding-top: 5vw; }

  /*
  Post with big header text on bottom ----------------------------------------------------------------------------------------------------------------------------
  */
  body.blog-big-header-text-bottom .jumbotron-blog h1 {
    padding-top: 38vw; }

  body.blog-big-header-text-bottom .jumbotron-overlay {
    background: -moz-linear-gradient(top, transparent 0%, transparent 55%, black 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, transparent), color-stop(55%, transparent), color-stop(100%, black));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, transparent 0%, transparent 55%, black 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, transparent 0%, transparent 55%, black 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, transparent 0%, transparent 55%, black 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, transparent 0%, transparent 55%, black 100%);
    /* W3C */ }

  /*
  Post with big header text at top ----------------------------------------------------------------------------------------------------------------------------
  */
  body.blog-big-header-text-top .jumbotron-blog h1 {
    padding-top: 5vw; }

  /*
  Post with dimmed header ----------------------------------------------------------------------------------------------------------------------------
  */
  body.blog-big-header-dimmed .jumbotron-overlay {
    background: rgba(0, 0, 0, 0.5); } }
/*
Shared blog styles ----------------------------------------------------------------------------------------------------------------------------
*/
.blog-post {
  padding-bottom: 35px;
  border-bottom: 1px solid #DDD;
  margin-bottom: 50px; }

.alignleft, img.alignleft {
  max-width: 50% !important;
  height: auto !important;
  float: left;
  margin: 20px 20px 20px 0;
  box-sizing: border-box; }

.alignright, img.alignright {
  max-width: 50% !important;
  height: auto !important;
  float: right;
  margin: 20px 0 20px 20px;
  box-sizing: border-box; }

.aligncenter, img.aligncenter {
  width: 100% !important;
  height: auto !important;
  float: none;
  margin: 20px 0;
  box-sizing: border-box; }

.alignnone, img.alignnone {
  width: 100% !important;
  height: auto !important;
  margin: 20px 0; }

.wp-caption {
  padding: 0;
  margin: 0;
  text-align: center; }

.wp-caption.alignnone, .wp-caption.aligncenter {
  margin: 40px auto; }

.wp-caption.alignleft {
  margin: 5px 20px 20px 0; }

.wp-caption.alignleft p.wp-caption-text {
  text-align: left; }

.wp-caption.alignright {
  margin: 5px 0 20px 20px; }

.wp-caption.alignright p.wp-caption-text {
  text-align: right; }

.wp-caption img {
  width: 100% !important;
  height: auto !important;
  border: 0 none;
  height: auto;
  margin: 0;
  padding: 0; }

.wp-caption p.wp-caption-text {
  font-size: 15px;
  line-height: 17px;
  margin-top: 20px;
  padding: 0 4px 0;
  text-align: center; }

.shares {
  font-size: 21px;
  font-weight: 500; }

.shares p {
  display: inline-block;
  padding-top: 20px; }

.shares p.blog-post-meta {
  float: right;
  padding-top: 20px; }

span.shareCount {
  font-size: 40px;
  font-weight: 700;
  line-height: 1.4em; }

.container.container-narrow .shares {
  text-align: right; }

.arve-normal-wrapper {
  margin-top: 40px;
  margin-bottom: 40px; }

.blog-content-title h1 {
  margin-bottom: 40px;
  font-size: 60px;
  font-weight: normal;
  text-align: center; }

.article-meta {
  border-top: 1px solid #DDD;
  border-bottom: 1px solid #DDD;
  padding: 10px 20px;
  max-width: 750px;
  margin: 0 auto 50px; }

.article-meta .article-meta-author {
  padding-top: 12px;
  text-align: left; }

.article-meta .article-meta-shares {
  text-align: center; }

.article-meta .article-meta-date {
  padding-top: 12px;
  text-align: right; }

.article-meta .article-meta-author-bio {
  opacity: 0.5; }

/*
Blog related articles ----------------------------------------------------------------------------------------------------------------------------
*/
.related .cropped-image {
  width: 100%;
  height: 18vw;
  overflow: hidden; }

.related h2 {
  margin-top: 20px; }

/*
Responsive ----------------------------------------------------------------------------------------------------------------------------
*/
@media (max-width: 767px) {
  .blog-content-title h1 {
    font-size: 45px; } }
@media (max-width: 991px) {
  .related .cropped-image {
    height: 60vw; } }
@media (min-width: 1199px) {
  .related .cropped-image {
    height: 230px; } }
.img-test {
  margin-right: 20px; }

.row.footer-nav ul li a {
  transition: ease-out all 0.3s; }

.small-websites-light {
  padding-right: 20px; }

.small-websites-pro {
  padding-left: 20px; }

.pricing {
  position: relative;
  top: -90px;
  background-color: #fff;
  border-radius: 3px;
  padding-bottom: 10px;
  box-shadow: 0 0 5px #444; }

.pricing h1 {
  font-weight: lighter;
  padding: 30px;
  color: #fff;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px; }

.pricing.pricing1 h1 {
  background-color: #107bbf; }

.pricing.pricing2 h1 {
  background-color: #93c01f; }

.pricing p {
  padding: 10px 30px; }

.pricing-vat p {
  position: relative;
  top: -40px;
  opacity: 0.5; }

.pricing img {
  width: 40px;
  height: auto;
  margin-right: 20px; }

.lead {
  font-size: 26px; }

/*
Shared --------------------------------------------------------------------------------------
*/
span.small-letter {
  font-size: 18px; }

/*
Homepage ----------------------------------------------------------------------------------------------------------------------------
*/
h1.haystack-home-title {
  margin-bottom: 10px !important; }

/*
Features page --------------------------------------------------------------------------------------
*/
.container .tab-content h1 {
  font-size: 59px;
  font-weight: lighter;
  border-bottom: 9px solid #F7DB4C; }

.nav-tabs.nav-justified > li > a {
  font-size: 26px;
  font-weight: 300;
  border-top: none;
  border-left: none;
  border-right: none;
  border-radius: 3px 3px 0 0;
  padding-top: 15px;
  padding-bottom: 15px;
  transition: all 0.25s; }

.nav-tabs.nav-justified > li > a:hover {
  background: #D0D0D0;
  color: #555;
  border-bottom: 1px solid #D0D0D0; }

.nav-tabs.nav-justified > li.active > a {
  background: #FFF !important;
  color: #555 !important;
  border-bottom: 1px solid #FFF !important; }

/*
Pricing page --------------------------------------------------------------------------------------
*/
.jumbotron .tile {
  background-color: #fff;
  color: #424242;
  border-top: 9px solid #F7DB4C; }
  .jumbotron .tile h2 {
    font-size: 40px;
    margin-bottom: 0;
    padding: 30px; }
  .jumbotron .tile .tile-content {
    background-color: #fafafa;
    padding: 10px 30px 10px 30px;
    border-top: 1px solid #e7e3e3;
    border-bottom: 1px solid #e7e3e3; }
  .jumbotron .tile .tile-content img {
    margin-right: 10px; }
  .jumbotron .tile .btn-lg {
    margin: 30px 30%;
    color: #424242; }

.haystack-pricing .jumbotron {
  margin-bottom: 0; }

.haystack-pricing footer.footer {
  margin-top: 0;
  border-top: 1px solid rgba(255, 255, 255, 0.2); }

.haystack-pricing .haystack-pricing-footnote {
  color: rgba(255, 255, 255, 0.8);
  margin-bottom: 80px; }

.haystack-pricing .haystack-pricing-footnote a {
  color: #fff; }

.haystack-pricing h1 {
  font-size: 140%;
  font-weight: 300;
  margin: 40px 0 20px 0; }

/*
Tables ----------------------------------------------------------------------------------------------------------------------------
*/
.table.table-haystack {
  color: #424242;
  border: 1px solid #DDD;
  margin: 50px 0; }

.table.table-haystack th {
  background: #F7DB4C;
  color: #424242;
  border-bottom: 3px solid #D7BB2C; }

.table.table-haystack .table-shaded {
  background: #F8F8F8; }

.compliance-form .form-group {
  display: inline-block;
  margin-bottom: 0;
  width: 90%; }

/*
Quotes -----------------------------------------------------------------------------------------------------------------------
*/
blockquote {
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 700;
  font-size: 35px;
  line-height: 40px;
  color: #000;
  border-left: none;
  background-image: url("../img/quote-sign.png");
  background-size: 100px 70px;
  background-position: top left;
  background-repeat: no-repeat;
  padding: 10px 0 10px 120px;
  margin: 50px 0px 50px 100px; }

blockquote cite {
  display: block;
  font-family: inherit;
  font-size: 50%;
  margin: 20px 0 0 0;
  font-weight: 300;
  opacity: 0.5;
  font-style: normal; }

blockquote cite:before {
  content: ""; }

blockquote cite a {
  color: #000;
  border-bottom: 1px solid #DDD; }

blockquote cite a:hover {
  color: #000;
  border-bottom: 1px solid #BBB; }

/*
Pagination -----------------------------------------------------------------------------------------------------------------------
*/
.pager li > a, .pager li > span {
  border-radius: 30px;
  line-height: 1em;
  padding: 7px 20px 10px;
  border: none; }

/*
Featured clients -----------------------------------------------------------------------------------------------------------------------
*/
.logo-panel {
  margin-bottom: 30px;
  padding-bottom: 50px;
  border-bottom: 1px solid rgba(204, 204, 204, 0.4); }

/*
Blog article containers -----------------------------------------------------------------------------------------------------------------------
*/
.width-narrow {
  max-width: 750px;
  margin-left: auto;
  margin-right: auto; }

.width-wide {
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto; }

.width-full {
  width: 100%; }

.width-narrow img, .width-wide img, .width-full img {
  width: 100% !important;
  height: auto !important; }

.panel-share {
  padding: 30px 0 60px;
  text-align: center; }

/*
Resources ----------------------------------------------------------------------------------------------------------------------------
*/
.resources {
  padding-bottom: 15px; }

.resources a {
  color: #424242; }

.resources a:hover {
  color: #036793;
  text-decoration: none; }

.resources p {
  background-color: #fff !important;
  width: 100%;
  display: inline-block; }

.resources img {
  margin-right: 20px;
  width: 86px;
  height: 86px; }

/*
Sectors ----------------------------------------------------------------------------------------------------------------------------
*/
.featureQuote {
  font-size: 32px; }

/*
Container side navigation ----------------------------------------------------------------------------------------------------------------------------
*/
.nav-left > li > a {
  border-top-left-radius: 2px !important;
  border-top-right-radius: 0 !important;
  border-bottom-left-radius: 2px !important;
  border-bottom-right-radius: 0 !important; }

.nav-left li.active {
  position: relative;
  background: #337ab7; }

.nav-left li:after,
.nav-left li:before {
  left: 100%;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none; }

.nav-left li.active:after {
  border-color: rgba(136, 183, 213, 0);
  border-left-color: #337ab7;
  border-width: 26px;
  margin-top: -26px; }

.nav-left li.active:before {
  border-color: rgba(194, 225, 245, 0);
  border-left-color: #337ab7;
  border-width: 26px;
  margin-top: -26px; }

.nav-left li > a:hover:after {
  border-color: rgba(136, 183, 213, 0);
  border-left-color: #eee;
  border-width: 26px;
  margin-top: -26px; }

.nav-left li > a:focus:before {
  border-color: rgba(194, 225, 245, 0);
  border-left-color: #eee;
  border-width: 26px;
  margin-top: -26px; }

/*
Sitebeam search ----------------------------------------------------------------------------------------------------------------------------
*/
/*
Footnotes ----------------------------------------------------------------------------------------------------------------------------
*/
.footnote, .faint {
  opacity: 0.5; }

/*
Featured rows ----------------------------------------------------------------------------------------------------------------------------
*/
.feature-title {
  text-align: center;
  margin-bottom: 30px; }

.row-featured {
  margin: 0; }

.row-featured-alt {
  background: #F8F8F8;
  border-top: 1px solid #DDD;
  border-bottom: 1px solid #DDD; }

.row-featured-image {
  padding: 40px 30px; }

.row-featured-image img {
  border: 1px solid #DDD;
  margin: 0;
  padding: 0; }

.row-featured-text {
  padding: 40px 30px; }

/*
Responsive ----------------------------------------------------------------------------------------------------------------------------
*/
@media (max-width: 1199px) {
  .image-grid .image-grid-cropped {
    height: 170px; } }
@media (max-width: 991px) {
  .image-grid .image-grid-cropped {
    height: 125px; } }
@media (max-width: 767px) {
  .icon-grid > .row {
    margin-left: 10px;
    margin-right: 10px; }

  .width-narrow, table.width-wide, pre.width-wide {
    padding-left: 20px;
    padding-right: 20px; }

  .image-grid .image-grid-cropped {
    height: auto; }

  .jumbotron {
    margin-bottom: 30px; }

  blockquote {
    background: none;
    padding: 20px;
    margin: 40px 0;
    border-top: 1px solid #DDD;
    border-bottom: 1px solid #DDD; }

  blockquote p {
    margin-top: 0 !important; }

  .navbar-toggle {
    margin-top: 4px; } }
/* @todo Delete these styles once the site goes live */
.placeholder-image {
  background: #ccc;
  border-radius: 2px;
  padding: 150px 100px; }

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