h1, h2, h3, h4, h5, h6 {
  font-family: droid-serif, serif;
  font-weight: normal; }

a {
  text-decoration: underline;
  padding: 2px; }
  a.btn {
    text-decoration: none; }
  a:hover {
    background: #27262B;
    color: #fff;
    text-decoration: none; }

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
  max-width: 280px; }

/* Set padding to keep ../Content from hitting the edges */
.body-../Content {
  background: transparent;
  padding: 0 15px; }

/* styles for validation helpers */
.field-validation-error {
  color: red; }

.field-validation-valid {
  display: none; }

input.input-validation-error {
  border: 1px solid red; }

input[type="checkbox"].input-validation-error {
  border: 0 none; }

.validation-summary-errors {
  color: red; }

.validation-summary-valid {
  display: none; }

/**
CSS - DHF STARTS HERE
*/
body {
  /* padding-top: 50px; only needed in case of fixed nav */
  padding: 0px 0 20px 0;
  font-family: rosario, sans;
  background-color: #fff8ec; }

.yorkshire-dales-logo {
  margin: 9px; }

.header {
  background: #fff8ec; }

.dhf-nav {
  position: relative;
  /* absolute works funny in IE*/
  top: 0;
  left: 0;
  right: 0;
  z-index: 10;
  font-family: rosario, sans;
  background-color: #fff8ec;
  border-bottom: 1px solid #000;
  font-size: 1.3em;
  line-height: 1.6em;
  margin: 0 auto;
  max-width: 1400px;
  min-width: 400px; }
  .dhf-nav .col {
    padding: 5px; }
  .dhf-nav a {
    font-family: rosario, sans;
    text-decoration: none;
    padding: 10px 6px 4px 6px;
    color: #27262B;
    font-size: 1.4em;
    display: inline-block; }
    .dhf-nav a:hover {
      text-decoration: none;
      background: transparent;
      color: #b94a48; }
  .dhf-nav .hider {
    display: inline; }

.dhf-brand-holder {
  background: #fff8ec;
  font-size: 1.2em;
  line-height: 1.6em;
  min-height: 25px; }
  .dhf-brand-holder a {
    font-family: droid-serif, serif;
    padding-top: 12px; }

@media all and (max-width: 780px) {
  .dhf-nav a {
    font-size: 1.2em;
    display: inline-block; }
  .dhf-nav .hider {
    display: none; }

  .dhf-brand-holder {
    font-size: 1em;
    line-height: 1.4em; }
    .dhf-brand-holder a {
      display: inline-block; } }
@media all and (max-width: 500px) {
  .dhf-nav a {
    font-size: 1em;
    line-height: 0.9em;
    display: inline-block; }
  .dhf-nav .hider {
    display: none; }

  .dhf-brand-holder {
    font-size: 0.9em;
    line-height: 0.9em; }
    .dhf-brand-holder a {
      display: inline-block; } }
.dhf-body {
  position: absolute;
  z-index: 5;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  max-width: 1400px;
  min-width: 400px;
  margin: 0 auto 0 auto;
  padding: 0; }

.full-screen {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  margin: 0; }

.dhf-wow-image-holder {
  background-size: cover; }
  .dhf-wow-image-holder .dhf-wow-image-text {
    position: absolute;
    top: 11em;
    background: rgba(0, 0, 0, 0.7);
    border-bottom: 1px solid #fff8ec;
    color: #fff8ec;
    z-index: 20; }
  .dhf-wow-image-holder.wide-shot {
    background: #242628 url("../Content/photos/IMG_5229.jpg") bottom center no-repeat; }
  .dhf-wow-image-holder.wide-shot2 {
    background: #242628 url("../Content/photos/IMG_5233.jpg") bottom center no-repeat; }
  .dhf-wow-image-holder.dining-room {
    background: #242628 url("../Content/photos/dining-room.jpg") bottom center no-repeat; }
  .dhf-wow-image-holder.river {
    background: #242628 url("../Content/photos/IMG_1522.jpg") bottom center no-repeat; }
  .dhf-wow-image-holder.double-bedroom {
    background: #242628 url("../Content/photos/IMG_5317.jpg") bottom center no-repeat; }
  .dhf-wow-image-holder.top-bedroom {
    background: #242628 url("../Content/photos/IMG_5374.jpg") bottom center no-repeat; }
  .dhf-wow-image-holder.kunekune-piglets {
    background: #242628 url("../Content/photos/farm/IMG_7682.jpg") top center no-repeat; }
  .dhf-wow-image-holder.lamb-dry-stone {
    background: #242628 url("../Content/photos/farm/_MG_9659.jpg") top center no-repeat; }
  .dhf-wow-image-holder.kunekune-with-mum {
    background: #242628 url("../Content/photos/farm/kunekune-with-mum.jpg") top center no-repeat; }
  .dhf-wow-image-holder.kunekune-feeding {
    background: #242628 url("../Content/photos/farm/IMG_7840-LR.jpg") top center no-repeat; }
  .dhf-wow-image-holder.pigs-row {
    background: #242628 url("../Content/photos/farm/IMG_4789.jpg") top center no-repeat; }
  .dhf-wow-image-holder.piglet-stack {
    background: #242628 url("../Content/photos/farm/pigletstack.jpg") top center no-repeat; }

.dhf-page {
  font-size: 1.2em;
  position: absolute;
  padding: 5em 0 0 0;
  width: 99%; }
  .dhf-page .text-holder {
    width: 100%;
    padding: 0 6px 6px 6px; }
  .dhf-page.bed-breakfast {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    position: absolute; }
    .dhf-page.bed-breakfast .text-holder p {
      position: relative;
      z-index: 30; }
    .dhf-page.bed-breakfast .text-holder .title {
      position: relative;
      z-index: 30; }
    .dhf-page.bed-breakfast .text-holder .nav-tabs {
      position: relative;
      z-index: 30; }
    .dhf-page.bed-breakfast .room-page .image-holder {
      margin: 0;
      position: relative; }
      .dhf-page.bed-breakfast .room-page .image-holder .push-down {
        margin-bottom: 1.8em; }
    .dhf-page.bed-breakfast #info {
      background: url("../Content/photos/IMG_5223.jpg") bottom center;
      background-size: cover;
      position: absolute;
      width: 100%; }
      .dhf-page.bed-breakfast #info .heading {
        margin-top: 0; }
      .dhf-page.bed-breakfast #info .info-holder {
        background: rgba(0, 0, 0, 0.65);
        border-bottom: 1px solid white;
        color: #fff8ec;
        margin-top: 0;
        padding: 12px; }

@media all and (min-width: 1000px) {
  .dhf-page {
    padding: 3em 0 0 0; } }
.nav-tabs li.heading {
  margin: 0.7em 4px 0 2.5em;
  font-weight: bold; }
.nav-tabs li a {
  color: #b94a48; }
  .nav-tabs li a:hover {
    background: #b94a48;
    color: #fff8ec;
    border-radius: 0; }
.nav-tabs li.active a {
  background: #b94a48;
  color: #fff8ec;
  border-radius: 0; }

.dhf-footer {
  position: fixed;
  z-index: 5;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 32px;
  color: #fff8ec;
  background: rgba(0, 0, 0, 0.7);
  border-top: 1px solid #fff8ec;
  max-width: 1400px;
  margin: 0 auto 0 auto;
  padding: 3px 6px 5px 6px; }
  .dhf-footer p {
    letter-spacing: 0.0625em; }
  .dhf-footer .book-btn-holder {
    margin-left: 10px; }

.carousel.carousel-fade .item {
  opacity: 0;
  transition: opacity 0.8s ease-out;
  -moz-transition: opacity 0.8s ease-out;
  -webkit-transition: opacity 0.8s ease-out;
  -o-transition: opacity 0.8s ease-out; }
  .carousel.carousel-fade .item.active {
    opacity: 1; }
    .carousel.carousel-fade .item.active.left, .carousel.carousel-fade .item.active.right {
      left: 0;
      opacity: 0;
      z-index: 1; }
.carousel.carousel-fade .next.left, .carousel.carousel-fade .prev.right {
  opacity: 1; }
.carousel.carousel-fade .carousel-control {
  z-index: 2; }
  .carousel.carousel-fade .carousel-control:hover {
    background: rgba(0, 0, 0, 0.4); }
.carousel.carousel-farm .overlay {
  position: absolute;
  bottom: 4em;
  width: 100%;
  z-index: 20;
  margin: 0; }
  .carousel.carousel-farm .overlay .text-holder {
    padding: 12px;
    background: rgba(0, 0, 0, 0.7);
    border-bottom: 1px solid white;
    color: #fff8ec; }