/* Scss Document */
/* MIXINS */
/* general */
body {
  margin: 0; }

/* header */
.header-bar {
  background-color: #ffffff;
  position: relative;
  width: 100%;
  z-index: 999; }
  .header-bar .cph-bcl-logo {
    height: 6.5vw;
    margin: 1.5vw 0 0 2vw; }
    .header-bar .cph-bcl-logo img {
      height: 100%;
      width: auto; }
  .header-bar .header-logo-content {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between; }
  .header-bar .header-content {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: space-between;
    justify-content: space-between; }
  .header-bar .trip-advisor {
    margin-right: 2vw;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between; }
    .header-bar .trip-advisor .header-images {
      height: 47px;
      display: -webkit-flex;
      display: flex; }
      .header-bar .trip-advisor .header-images img, .header-bar .trip-advisor .header-images a {
        height: 100%;
        width: auto;
        margin-right: .5vw;
        display: block; }
    .header-bar .trip-advisor .TA_cdsratingsonlywide {
      height: 47px; }
      .header-bar .trip-advisor .TA_cdsratingsonlywide > img {
        display: none; }

/* menu */
.nav-search {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column-reverse;
  flex-direction: column-reverse;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  width: 100%;
  margin-top: 1.5vw; }
  .nav-search nav {
    -webkit-align-self: center;
    align-self: center;
    width: 100%;
    position: relative; }
    .nav-search nav .menu-header {
      display: -webkit-flex;
      display: flex;
      padding: .25vw 0 0 2vw;
      background-color: #a80000; }
      .nav-search nav .menu-header > ul {
        display: -webkit-flex;
        display: flex;
        flex: 1 1 auto;
        list-style: none;
        margin: 0;
        padding: 0; }
        .nav-search nav .menu-header > ul > li {
          margin-right: 3vw; }
          .nav-search nav .menu-header > ul > li a {
            padding-bottom: .5em;
            transition: color .4s;
            color: #ffffff; }
            .nav-search nav .menu-header > ul > li a:hover {
              color: #000000; }
          .nav-search nav .menu-header > ul > li:hover .sub-menu {
            top: 1.75em;
            opacity: 1; }
          .nav-search nav .menu-header > ul > li > .sub-menu {
            background-color: #f2f2f2;
            padding-left: 1vw;
            padding-top: .5em;
            position: absolute;
            margin-left: -1vw;
            top: -100vw;
            opacity: 0;
            transition: opacity .5s;
            list-style: none; }
            .nav-search nav .menu-header > ul > li > .sub-menu li {
              margin-right: 3vw;
              font-size: 80%;
              margin-bottom: .5em; }
              .nav-search nav .menu-header > ul > li > .sub-menu li a {
                color: #000000;
                transition: color .5s; }
                .nav-search nav .menu-header > ul > li > .sub-menu li a:hover {
                  color: #a80000; }
              .nav-search nav .menu-header > ul > li > .sub-menu li .sub-menu {
                padding-left: 0.5vw;
                list-style: none;
                margin-top: .25vw; }
                .nav-search nav .menu-header > ul > li > .sub-menu li .sub-menu li {
                  font-size: 100%; }
  .nav-search .res-bar {
    display: none; }
  .nav-search .secondary-menu-bar {
    display: none; }

.secondary-menu-bar {
  display: -webkit-flex;
  display: flex;
  -webkit-align-self: flex-end;
  align-self: flex-end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  margin: 1vw 2vw 0 0; }
  .secondary-menu-bar .menu-secondary {
    font-size: 80%;
    margin-top: .25em; }
    .secondary-menu-bar .menu-secondary ul {
      display: -webkit-flex;
      display: flex;
      -webkit-flex-wrap: wrap;
      flex-wrap: wrap;
      list-style: none;
      margin: 0;
      padding: 0; }
      .secondary-menu-bar .menu-secondary ul li {
        margin-right: 2vw; }
        .secondary-menu-bar .menu-secondary ul li a {
          color: #222222; }

/* navigation */
.nav-btn {
  top: calc(50% - 1.5vw);
  width: 3vw;
  height: 3vw;
  cursor: pointer;
  opacity: .5;
  transition: .4s opacity;
  position: absolute;
  display: block;
  z-index: 100; }
  .nav-btn:hover {
    opacity: 1; }
  .nav-btn.nav-btn-prev {
    background-image: url(../image/nav-left.svg);
    left: 2vw; }
  .nav-btn.nav-btn-next {
    background-image: url(../image/nav-right.svg);
    right: 2vw; }

.btn {
  display: inline-block;
  padding: .5vw 1vw .25vw;
  color: #000000;
  font-size: 100%;
  text-transform: uppercase;
  box-sizing: border-box;
  border: 1px solid #000000;
  transition: background-color .5s;
  cursor: pointer; }
  .btn:hover {
    background-color: #78b4e5; }

.scroll-btn, .book-btn {
  width: 12vw;
  height: 12vw;
  background-color: #78b4e5;
  position: absolute;
  z-index: 499;
  border-radius: 50%;
  bottom: 4vw;
  left: 4vw;
  cursor: pointer; }
  .scroll-btn[scrollto="2"], .scroll-btn[btnnum="2"], .book-btn[scrollto="2"], .book-btn[btnnum="2"] {
    left: auto;
    right: 4vw; }
  .scroll-btn .scroll-btn-con, .book-btn .scroll-btn-con {
    margin: 1vw;
    border-radius: 50%;
    width: 10vw;
    height: 10vw;
    box-sizing: border-box;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex-direction: column;
    flex-direction: column; }
    .scroll-btn .scroll-btn-con h3, .book-btn .scroll-btn-con h3 {
      text-transform: uppercase;
      font-size: 1.6vw;
      text-align: center;
      margin: .25vw;
      line-height: 1; }
    .scroll-btn .scroll-btn-con div, .book-btn .scroll-btn-con div {
      width: 2vw;
      height: 1vw;
      background-position: center center;
      background-repeat: no-repeat; }

.book-btn {
  bottom: calc( 50% - 6vw ); }

.megaphone-icon {
  background-image: url(../image/megaphone.svg); }

.bicycle-icon {
  background-image: url(../image/bicycle.svg); }

.sizes-icon {
  background-image: url(../image/sizes.svg); }

.gear-icon {
  background-image: url(../image/gear.svg); }

.gender-selection-icon, .unisex-icon {
  background-image: url(../image/gender-selection.svg); }

.male-icon {
  background-image: url(../image/male-icon.svg); }

.female-icon {
  background-image: url(../image/female-icon.svg); }

.bags-icon {
  background-image: url(../image/bags.svg); }

.helmet-icon {
  background-image: url(../image/helmet.svg); }

.childseat-icon {
  background-image: url(../image/childseat.svg); }

.location-icon {
  background-image: url(../image/location.svg); }

.time-icon {
  background-image: url(../image/time.svg); }

.participants-icon {
  background-image: url(../image/participants.svg); }

.phone-icon {
  background-image: url(../image/phone.svg); }

.email-icon {
  background-image: url(../image/email.svg); }

.expand {
  background-image: url(../image/reveal-open.svg); }

.expand-close {
  background-image: url(../image/reveal-close.svg); }

/* index */
.front-slides {
  height: calc(100vh - 11vw);
  overflow: hidden;
  position: relative; }
  .front-slides .front-slide {
    position: absolute;
    width: 100%;
    height: 100%;
    display: none;
    left: 0;
    top: 0;
    z-index: 1;
    background-size: cover;
    background-position: center center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center; }
    .front-slides .front-slide .slide-content {
      color: #ffffff;
      text-align: center;
      width: auto;
      font-size: 150%;
      display: none;
      background-color: rgba(0, 0, 0, 0.3);
      padding: 1vw 4vw; }
      .front-slides .front-slide .slide-content.hide-slide-content {
        visibility: hidden; }
      .front-slides .front-slide .slide-content h2 {
        text-transform: uppercase;
        line-height: 1;
        margin: 0; }
      .front-slides .front-slide .slide-content .btn {
        margin-top: .5em;
        font-size: 75%;
        border-color: #ffffff;
        color: #ffffff;
        background-color: rgba(255, 255, 255, 0); }
        .front-slides .front-slide .slide-content .btn:hover {
          background-color: #78b4e5; }
    .front-slides .front-slide[imgnum="1"] {
      display: -webkit-flex;
      display: flex; }
      .front-slides .front-slide[imgnum="1"] .slide-content {
        display: block; }
    .front-slides .front-slide img {
      position: absolute;
      height: 100%;
      width: 100%;
      object-fit: cover; }

.slide-contents {
  bottom: 0;
  left: 5%;
  padding: 0.5vw 1vw 1vw;
  position: absolute;
  width: 90%;
  text-align: center;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column; }
  .slide-contents p {
    font-style: normal;
    margin: .5vw 0 0; }

.front-boxes {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap; }
  .front-boxes .front-box {
    width: calc(100% / 3 - 5%);
    margin: 2vw 2.5%; }
    .front-boxes .front-box img {
      width: 100%; }

.front-booking-text {
  width: 46vw;
  margin: auto;
  text-align: center;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: center;
  align-items: center; }
  .front-booking-text .btn a {
    color: #000000; }
  .front-booking-text hr {
    width: 50%; }

/* singles */
.header-image {
  height: calc(100vh - 11vw);
  overflow: hidden;
  position: relative; }
  .header-image.half-height {
    height: calc(50vh - 11vw); }
  .header-image .header-image-div {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1;
    background-size: cover;
    background-position: center center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    display: -webkit-flex;
    display: flex; }
    .header-image .header-image-div .header-image-content {
      color: #ffffff;
      text-align: center;
      width: 60vw;
      font-size: 150%; }
      .header-image .header-image-div .header-image-content h1 {
        text-transform: uppercase;
        line-height: 1;
        margin: 0; }
      .header-image .header-image-div .header-image-content .btn {
        margin-top: .5em;
        font-size: 75%;
        border-color: #ffffff;
        color: #ffffff;
        background-color: rgba(255, 255, 255, 0); }
        .header-image .header-image-div .header-image-content .btn:hover {
          background-color: #78b4e5; }
    .header-image .header-image-div[imgnum="1"] {
      display: -webkit-flex;
      display: flex; }
      .header-image .header-image-div[imgnum="1"] .slide-content {
        display: block; }
    .header-image .header-image-div img {
      position: absolute;
      height: 100%;
      width: 100%;
      object-fit: cover; }

content {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: auto;
  padding-top: 4em; }
  content.content-col-4 {
    width: 1199px; }
  content.content-col-2 {
    width: 600px;
    width: 729px; }
  content content-box {
    margin: 0 30px 2em 30px; }
    content content-box.col-1 {
      width: calc(25% - 60px); }
    content content-box.col-2 {
      width: calc(50% - 60px); }
    content content-box.col-3 {
      width: calc(75% - 60px); }
    content content-box.col-4 {
      width: calc(100% - 60px); }
      content content-box.col-4.booking-col {
        background-color: #f2f2f2;
        padding-top: 1em;
        margin: 2em 0;
        width: 100%; }
    content content-box.grey-col {
      background-color: #f2f2f2; }
    content content-box img {
      width: 100%;
      height: auto; }
    content content-box.booking-box {
      background-color: #f2f2f2; }

.title-box {
  margin-top: 2em; }
  .title-box > div {
    width: 50%; }
    .title-box > div h1 {
      margin: 0; }
    .title-box > div hr {
      width: 50%;
      margin-top: -.75em;
      border-color: #a80000; }

.image-col p {
  font-size: 80%;
  color: #222222; }

.video-col iframe {
  width: 100%; }
.video-col.col-2 iframe {
  height: 303px; }
.video-col.col-4 iframe {
  height: 640px; }

.image-list-col {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center; }
  .image-list-col a {
    display: -webkit-flex;
    display: flex; }
  .image-list-col .image-list-box {
    margin: 0 1vw; }
    .image-list-col .image-list-box img {
      -webkit-align-self: flex-start;
      align-self: flex-start;
      width: 3vw;
      height: auto;
      margin: 0 auto .5vw;
      box-shadow: 0 0 0.5vw rgba(0, 0, 0, 0.5); }

.price-box {
  padding-top: 5em; }
  .price-box.dis-price-box {
    padding-top: 0; }
    .price-box.dis-price-box h2 {
      margin-bottom: 2em; }
  .price-box p {
    display: -webkit-flex;
    display: flex;
    border-bottom: #444444 dotted 1px;
    margin: 0;
    padding: .125em 0; }
    .price-box p.titlebar {
      font-weight: 700;
      border-bottom: #444444 solid 1px;
      font-size: 80%;
      word-break: break-all;
      display: -webkit-flex;
      display: flex; }
      .price-box p.titlebar span.priceslots > span {
        position: relative; }
        .price-box p.titlebar span.priceslots > span > span {
          pointer-events: none; }
          .price-box p.titlebar span.priceslots > span > span > span {
            bottom: 0;
            position: absolute;
            right: 0;
            transform: rotate(45deg);
            transform-origin: 40vw 0 0;
            width: 40vw; }
    .price-box p span.timeslot {
      width: 30%;
      text-align: left; }
      .price-box p span.timeslot .period-box {
        display: -webkit-flex;
        display: flex;
        width: 200%;
        font-size: 80%; }
        .price-box p span.timeslot .period-box .dates {
          flex: 1 1 auto;
          width: 30%; }
    .price-box p span.priceslots {
      width: 70%;
      text-align: right;
      display: -webkit-flex;
      display: flex; }
      .price-box p span.priceslots > span {
        flex: 1 1 auto;
        width: 100%;
        position: relative; }
      .price-box p span.priceslots .dates {
        font-size: 80%; }

.size-box {
  border-bottom: 1px solid #444444; }
  .size-box p span.priceslots {
    width: 100%; }
  .size-box img {
    width: 50%; }

.bike-box {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-bottom: 2em;
  border-bottom: 1px solid #444444; }
  .bike-box:last-of-type {
    border-bottom: none; }
  .bike-box .bicycle-title {
    width: 100%; }
  .bike-box .bicycle-thumb {
    width: calc(25% - 60px);
    margin-right: 60px; }
    .bike-box .bicycle-thumb img {
      width: 100%;
      height: auto; }
  .bike-box .bicycle-booking-con {
    width: 75%;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap; }
  .bike-box .bicycle-description {
    width: calc(50% - 30px);
    margin-right: 60px; }
    .bike-box .bicycle-description > p {
      margin-bottom: 1em; }
  .bike-box .bicycle-book {
    width: calc(50% - 30px);
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: space-between;
    justify-content: space-between; }
  .bike-box .bicycle-info {
    background-color: #f2f2f2;
    color: #000000;
    padding: 15px;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-direction: column;
    flex-direction: column; }
    .bike-box .bicycle-info p {
      width: 100%;
      display: -webkit-flex;
      display: flex;
      -webkit-align-items: center;
      align-items: center; }
      .bike-box .bicycle-info p.optional {
        width: 100%;
        border-top: 1px solid #222222;
        padding-top: .25em;
        margin-top: .5em; }
      .bike-box .bicycle-info p .icon {
        background-repeat: no-repeat;
        background-position: center center;
        border-radius: 50%;
        background-color: #ffffff;
        background-size: 75%;
        width: 2.5em;
        height: 2.5em;
        margin-right: .5em;
        display: inline-block; }
      .bike-box .bicycle-info p.gender .icon:not(.gender-selection-icon) {
        background-color: #ffffff;
        margin-right: .25em;
        width: 1.5em;
        height: 1.5em; }
      .bike-box .bicycle-info p.gender .gen-des {
        margin-right: .5em; }
    .bike-box .bicycle-info .optional-con {
      display: -webkit-flex;
      display: flex; }
      .bike-box .bicycle-info .optional-con .optional-equipment {
        margin-right: 1em; }
        .bike-box .bicycle-info .optional-con .optional-equipment .icon {
          width: 3em;
          height: 3em;
          border-radius: 1.5em;
          display: block;
          background-color: #ffffff; }
        .bike-box .bicycle-info .optional-con .optional-equipment .equipment-title {
          display: inline-block;
          text-align: center;
          width: 100%;
          font-size: 75%; }
  .bike-box .btn {
    background-color: #78b4e5;
    text-align: center;
    border: none; }
    .bike-box .btn a {
      box-sizing: border-box;
      color: #ffffff;
      display: inline-block;
      font-size: 150%;
      width: calc(100% - 0.5em); }

.bike-box.experience-box {
  -webkit-flex-direction: row;
  flex-direction: row; }
  .bike-box.experience-box .bicycle-thumb {
    width: 100%;
    margin: 0; }
  .bike-box.experience-box .bicycle-description {
    width: 100%;
    margin: 0; }
  .bike-box.experience-box .bottom-experience-box {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    width: 100%; }
    .bike-box.experience-box .bottom-experience-box .experience-price {
      padding: .5vw 0 .25vw;
      font-size: 75%;
      margin: 0;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-direction: column;
      flex-direction: column;
      -webkit-align-self: flex-end;
      align-self: flex-end; }
      .bike-box.experience-box .bottom-experience-box .experience-price span {
        font-size: 135%; }
    .bike-box.experience-box .bottom-experience-box .btn {
      -webkit-align-self: flex-end;
      align-self: flex-end;
      -webkit-justify-self: flex-end;
      justify-self: flex-end;
      font-size: 60%;
      margin: 0; }
      .bike-box.experience-box .bottom-experience-box .btn a {
        display: block; }
  .bike-box.experience-box:last-of-type {
    border-bottom: 1px solid #444444; }

.guide-col h1 {
  line-height: 1;
  margin: 0; }
.guide-col h4 {
  margin: 0; }

.guides-box .guide-box {
  width: 30%;
  margin-right: 5%; }
  .guides-box .guide-box h3 {
    font-size: 125%;
    font-weight: 400;
    line-height: 1; }
  .guides-box .guide-box p {
    font-size: 75%; }

.map-box .acf-map {
  width: 100%;
  padding-bottom: 32vw; }

.profile-box {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  background-color: #f2f2f2; }
  .profile-box .potrait {
    width: 100%; }
    .profile-box .potrait > img {
      display: block; }
  .profile-box .profile-description {
    width: 100%;
    flex: 1 1 auto;
    padding: .5em .5em 0;
    box-sizing: border-box;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-direction: column;
    flex-direction: column; }
    .profile-box .profile-description > p {
      font-size: 90%; }
  .profile-box .profile-contact {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    width: 100%;
    box-sizing: border-box;
    font-size: 90%; }
    .profile-box .profile-contact p {
      display: -webkit-flex;
      display: flex;
      -webkit-align-items: center;
      align-items: center;
      width: 100%;
      margin: 0 0 .5em; }
      .profile-box .profile-contact p .icon {
        background-repeat: no-repeat;
        background-position: center center;
        border-radius: 50%;
        background-color: #ffffff;
        background-size: 75%;
        width: 2.5em;
        height: 2.5em;
        margin-right: .5em;
        display: inline-block; }
      .profile-box .profile-contact p .info {
        width: calc(100% - 3em);
        word-break: break-all;
        word-wrap: break-word; }

.faq-box {
  margin-bottom: .5em; }
  .faq-box .faq-header {
    cursor: pointer; }
    .faq-box .faq-header h3 {
      display: -webkit-flex;
      display: flex;
      -webkit-align-items: center;
      align-items: center; }
      .faq-box .faq-header h3 span {
        background-color: #000000;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 75% auto;
        border-radius: 50%;
        display: inline-block;
        height: 1em;
        margin-right: 0.5em;
        width: 1em; }
  .faq-box .faq-content {
    margin-left: .25em; }
    .faq-box .faq-content .faq-sub-header {
      cursor: pointer; }
      .faq-box .faq-content .faq-sub-header h4 {
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: center; }
        .faq-box .faq-content .faq-sub-header h4 span {
          background-color: #000000;
          background-position: center center;
          background-repeat: no-repeat;
          background-size: 75% auto;
          border-radius: 50%;
          display: inline-block;
          height: 1em;
          margin-right: 1em;
          width: 1em; }
    .faq-box .faq-content .faq-sub-answer p:last-of-type {
      margin-bottom: 1em;
      border-bottom: 1px solid #f2f2f2; }
  .faq-box .faq-content, .faq-box .faq-sub-answer {
    height: 0;
    transition: opacity .5s;
    opacity: 0;
    overflow: hidden; }
    .faq-box .faq-content.reveal, .faq-box .faq-sub-answer.reveal {
      height: auto;
      opacity: 1; }

.title-con-box {
  margin-bottom: 0; }

.single-bicycle .bike-box, .single-experience .bike-box {
  -webkit-align-content: flex-start;
  align-content: flex-start; }
  .single-bicycle .bike-box .bicycle-description, .single-bicycle .bike-box .bicycle-book, .single-experience .bike-box .bicycle-description, .single-experience .bike-box .bicycle-book {
    margin: 0;
    width: 100%; }

/*body.single, body.page {
	article {
		@include display-flex;
		@include flex-wrap(wrap);
		.header-box {
			width: 100%;
			height: calc( 100vh - 7vw );
			position: relative;
			
			.header-image {
				img {
					position: absolute;
					object-fit: cover;
					height: 100%;
					width: 100%;
				}
			}
		}
		
		column {
			width: 90%;
			margin: 0 5%;
			z-index: 2;
			
			&.title {
				margin: 8vw 5% 12vw;
				@include display-flex;
				@include justify-content(center);
				
				.title-wrapper {
					color: #fff;
					border: .125vw solid #fff;
					padding: 1vw 3vw;
					
				}
			}
			
			
			&.bookings {
				background-color: #fff;
				min-height: 40vw;
			}
		}
	}
	
	.pricetable {
		border: 1px solid #000;
		
		.time {
			color: red;
		}
		
		.price {
			color:green;
		}
	}
}*/
/* Footer */
footer {
  margin-top: 4em;
  background-color: #f2f2f2;
  padding: 1em 0 0; }
  footer content {
    padding-top: 0; }
    footer content content-box {
      display: -webkit-flex;
      display: flex;
      -webkit-flex-direction: column;
      flex-direction: column;
      -webkit-justify-content: flex-end;
      justify-content: flex-end; }
  footer .opening-hours {
    margin-bottom: 2em; }
    footer .opening-hours p {
      margin: 0;
      border-bottom: #666666 1px dotted;
      display: -webkit-flex;
      display: flex; }
      footer .opening-hours p .weekday {
        width: 40%;
        display: inline-block; }
      footer .opening-hours p .times {
        width: 60%;
        display: inline-block;
        text-align: right; }
  footer .social-col {
    border-bottom: 1px solid #ffffff;
    padding-bottom: 1em; }
    footer .social-col .social-box {
      margin: auto;
      text-align: center; }
      footer .social-col .social-box .social-icons {
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: center;
        justify-content: center; }
        footer .social-col .social-box .social-icons img {
          width: 2em;
          height: 2em;
          margin: 0 .25em; }
  footer .menu-footer {
    margin: 0 30px 2em 30px;
    border-top: 1px solid #ffffff;
    padding-top: 1em;
    width: 100%; }
    footer .menu-footer ul {
      list-style: none;
      padding: 0;
      margin: 0; }
    footer .menu-footer a {
      box-sizing: border-box;
      border-bottom: 1px solid rgba(0, 0, 0, 0);
      transition: border .5s; }
      footer .menu-footer a:hover {
        border-bottom: 1px solid #000000; }
    footer .menu-footer > ul {
      display: -webkit-flex;
      display: flex;
      -webkit-flex-direction: column;
      flex-direction: column;
      -webkit-flex-wrap: wrap;
      flex-wrap: wrap;
      height: 30vw; }
      footer .menu-footer > ul > li {
        margin: 0 2vw 1vw 0; }
        footer .menu-footer > ul > li > a {
          font-weight: 700;
          margin-bottom: 1vw; }

.trip-advisor ul {
  list-style: none; }
.trip-advisor img[alt="TripAdvisor"] {
  height: auto;
  max-width: 115px;
  width: 115px; }

body #wdi_feed_0 .wdi_feed_container {
  background: none;
  border-bottom: none; }
  body #wdi_feed_0 .wdi_feed_container .wdi_pagination {
    font-size: 1em;
    color: #ffffff; }
  body #wdi_feed_0 .wdi_feed_container .fa-camera-retro::before {
    content: " "; }

input {
  border: 1px solid #222222;
  box-sizing: border-box;
  border-radius: 0;
  -webkit-border-radius: 0;
  -webkit-appearance: none; }
  input#s {
    background-image: url(../image/magnify.svg);
    background-repeat: no-repeat;
    background-position: .5em;
    background-size: 1.25em;
    padding: .25em 0 .25em 2.5em; }

/* Scss Document */
html {
  font-size: 1em;
  font-family: Helvetica, Arial, "sans-serif";
  line-height: 1.5; }

p {
  margin: 0 0 .5em; }

h1, h2, h3 {
  font-family: "ingra", sans-serif;
  font-style: normal;
  margin: 0 0 .25em; }

h1 {
  font-size: 250%;
  font-weight: 400; }

h2 {
  font-size: 200%;
  font-weight: 400; }

h3 {
  font-size: 150%;
  font-weight: 400; }

h4 {
  font-size: 100%;
  font-weight: 700;
  margin: 0 0 .5em; }

a {
  text-decoration: none;
  color: inherit; }

content-box li a, content-box p a {
  color: #a80000;
  transition: color .5s; }
  content-box li a:hover, content-box p a:hover {
    color: #222222; }
content-box ul {
  margin: 0 0 .5em;
  padding: 0 0 0 1em; }

hr {
  margin: 0 0 .5vw;
  border: 0.5px solid #000000; }

address {
  font-style: normal; }

.inline-icon {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 75%;
  width: 1em;
  height: 1em;
  margin-right: .5em;
  display: inline-block; }

/* Scss Document */
@media only screen and (max-width: 1200px) {
  content.content-col-2, content.content-col-4 {
    width: 960px;
    margin: auto; }
    content.content-col-2 content-box, content.content-col-4 content-box {
      margin: 0 15px 2em; }
      content.content-col-2 content-box.col-1, content.content-col-4 content-box.col-1 {
        width: calc(25% - 30px ); }
      content.content-col-2 content-box.col-2, content.content-col-4 content-box.col-2 {
        width: calc(50% - 30px ); }
      content.content-col-2 content-box.col-3, content.content-col-4 content-box.col-3 {
        width: calc(75% - 30px ); }
      content.content-col-2 content-box.col-4, content.content-col-4 content-box.col-4 {
        width: calc(100% - 30px ); } }
@media only screen and (max-width: 960px) {
  .header-bar {
    height: 7em;
    border-bottom: 0.25vh #a80000 solid;
    position: relative; }
    .header-bar .cph-bcl-logo {
      height: 3em;
      top: 3em;
      position: absolute;
      margin-top: 0;
      z-index: 100; }
    .header-bar .header-content {
      width: 100%;
      height: 7em;
      display: block;
      position: relative; }
      .header-bar .header-content .secondary-menu-bar {
        display: none; }
      .header-bar .header-content .header-images {
        display: none; }
    .header-bar .trip-advisor {
      bottom: 1em;
      position: absolute;
      width: 30%;
      right: 0;
      height: auto;
      display: block; }
      .header-bar .trip-advisor #TA_cdsratingsonlywide141 {
        display: none; }
    .header-bar .nav-search {
      display: -webkit-flex;
      display: flex;
      height: auto;
      position: absolute;
      top: 0;
      margin-top: 0;
      width: 100%; }
      .header-bar .nav-search .res-bar {
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: flex-end;
        justify-content: flex-end;
        width: 100%;
        height: 2em;
        background-color: #a80000; }
        .header-bar .nav-search .res-bar .res-btn {
          background-image: url(../image/res-open.svg);
          background-size: 100% 100%;
          width: 1.5em;
          height: 1.5em;
          display: block;
          margin: .25em 2vw; }
      .header-bar .nav-search nav {
        display: none;
        width: 100%;
        order: 3; }
        .header-bar .nav-search nav .menu-header {
          background-color: #f2f2f2;
          padding: 0;
          width: 100%;
          padding-top: 1vh;
          border-top: #a80000 solid 0.5vh; }
          .header-bar .nav-search nav .menu-header ul {
            -webkit-flex-direction: column;
            flex-direction: column; }
            .header-bar .nav-search nav .menu-header ul li {
              text-align: center;
              padding: .5vw 0;
              margin: 0 auto;
              width: 100%; }
              .header-bar .nav-search nav .menu-header ul li a {
                color: #000000; }
              .header-bar .nav-search nav .menu-header ul li:hover .sub-menu {
                display: block; }
              .header-bar .nav-search nav .menu-header ul li .sub-menu {
                position: static;
                background: none;
                padding: 0;
                width: 96%;
                margin: 0.5em 2%;
                display: block;
                opacity: 1; }
                .header-bar .nav-search nav .menu-header ul li .sub-menu li a {
                  color: #444444;
                  text-transform: none; }
      .header-bar .nav-search .secondary-menu-bar {
        display: none;
        background-color: #f2f2f2;
        margin: 0;
        width: 100%;
        -webkit-align-self: center;
        align-self: center;
        -webkit-flex-direction: column;
        flex-direction: column; }
        .header-bar .nav-search .secondary-menu-bar .menu-secondary {
          font-size: 100%; }
          .header-bar .nav-search .secondary-menu-bar .menu-secondary ul {
            -webkit-flex-direction: column;
            flex-direction: column; }
            .header-bar .nav-search .secondary-menu-bar .menu-secondary ul li {
              margin: 0;
              text-align: center; }
              .header-bar .nav-search .secondary-menu-bar .menu-secondary ul li a {
                color: #444444;
                padding-bottom: .5em;
                display: block; }
      .header-bar .nav-search.nav-search-open nav, .header-bar .nav-search.nav-search-open .secondary-menu-bar {
        display: -webkit-flex;
        display: flex; }
      .header-bar .nav-search.nav-search-open .res-bar .res-btn {
        background-image: url(../image/res-close.svg); }
      .header-bar .nav-search.nav-search-open .res-bar .small-logo {
        margin: .5vh 2vw; }
        .header-bar .nav-search.nav-search-open .res-bar .small-logo a {
          opacity: 1; }

  main {
    margin-top: 0; }

  .front-slides {
    height: calc(100vh - 7em); }
    .front-slides .front-slide {
      -webkit-align-items: flex-end;
      align-items: flex-end; }
      .front-slides .front-slide .slide-content {
        font-size: 4vw;
        margin-bottom: 25vw; }
    .front-slides .scroll-btn {
      width: 20vw;
      height: 20vw;
      bottom: auto;
      top: 5vw;
      border-radius: 10vw; }
      .front-slides .scroll-btn .scroll-btn-con {
        width: 18vw;
        height: 18vw;
        margin: 1vw; }
        .front-slides .scroll-btn .scroll-btn-con div {
          height: 3vw;
          width: 6vw; }
        .front-slides .scroll-btn .scroll-btn-con h3 {
          font-size: 3vw; }

  content.content-col-2, content.content-col-4 {
    width: 100%;
    margin: auto; }
    content.content-col-2 content-box.col-1, content.content-col-2 content-box.col-2, content.content-col-2 content-box.col-3, content.content-col-2 content-box.col-4, content.content-col-4 content-box.col-1, content.content-col-4 content-box.col-2, content.content-col-4 content-box.col-3, content.content-col-4 content-box.col-4 {
      margin: 0 2% 2em;
      width: 96%; }
      content.content-col-2 content-box.col-1.video-col iframe, content.content-col-2 content-box.col-2.video-col iframe, content.content-col-2 content-box.col-3.video-col iframe, content.content-col-2 content-box.col-4.video-col iframe, content.content-col-4 content-box.col-1.video-col iframe, content.content-col-4 content-box.col-2.video-col iframe, content.content-col-4 content-box.col-3.video-col iframe, content.content-col-4 content-box.col-4.video-col iframe {
        height: 52vw; }
      content.content-col-2 content-box.col-1.image-list-col, content.content-col-2 content-box.col-2.image-list-col, content.content-col-2 content-box.col-3.image-list-col, content.content-col-2 content-box.col-4.image-list-col, content.content-col-4 content-box.col-1.image-list-col, content.content-col-4 content-box.col-2.image-list-col, content.content-col-4 content-box.col-3.image-list-col, content.content-col-4 content-box.col-4.image-list-col {
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap; }
        content.content-col-2 content-box.col-1.image-list-col .image-list-box, content.content-col-2 content-box.col-2.image-list-col .image-list-box, content.content-col-2 content-box.col-3.image-list-col .image-list-box, content.content-col-2 content-box.col-4.image-list-col .image-list-box, content.content-col-4 content-box.col-1.image-list-col .image-list-box, content.content-col-4 content-box.col-2.image-list-col .image-list-box, content.content-col-4 content-box.col-3.image-list-col .image-list-box, content.content-col-4 content-box.col-4.image-list-col .image-list-box {
          margin: 0 1em; }
          content.content-col-2 content-box.col-1.image-list-col .image-list-box img, content.content-col-2 content-box.col-2.image-list-col .image-list-box img, content.content-col-2 content-box.col-3.image-list-col .image-list-box img, content.content-col-2 content-box.col-4.image-list-col .image-list-box img, content.content-col-4 content-box.col-1.image-list-col .image-list-box img, content.content-col-4 content-box.col-2.image-list-col .image-list-box img, content.content-col-4 content-box.col-3.image-list-col .image-list-box img, content.content-col-4 content-box.col-4.image-list-col .image-list-box img {
            width: 3em; }

  .header-image .header-image-div {
    -webkit-align-items: flex-end;
    align-items: flex-end; }
    .header-image .header-image-div .header-image-content {
      font-size: 8vw;
      margin-bottom: 10vw; }
      .header-image .header-image-div .header-image-content h1 {
        font-size: 100%; }
  .header-image .book-btn {
    border-radius: 10vw;
    bottom: auto;
    height: 20vw;
    top: 5vw;
    width: 20vw; }
    .header-image .book-btn .scroll-btn-con {
      height: 18vw;
      margin: 1vw;
      width: 18vw; }
      .header-image .book-btn .scroll-btn-con h3 {
        font-size: 3vw; }

  .front-booking-text {
    width: 100%; }

  footer content-box {
    margin: 0 2% 2em; }
    footer content-box.col-1 {
      width: 100%; }
      footer content-box.col-1.opening-hours-col address, footer content-box.col-1.contact-col address {
        text-align: right; }
    footer content-box .footer-images {
      margin: 1em 0;
      display: -webkit-flex;
      display: flex;
      -webkit-justify-content: center;
      justify-content: center; }
      footer content-box .footer-images img {
        height: 2em;
        width: auto;
        margin: 0 .5em; }
  footer .menu-footer > ul {
    -webkit-flex-direction: row;
    flex-direction: row;
    height: auto; }
    footer .menu-footer > ul > li {
      margin: 0 2em 1em 0; }

  .bike-box .bicycle-thumb {
    margin-right: 0;
    width: 100%; }
  .bike-box .bicycle-booking-con {
    width: 100%; }
    .bike-box .bicycle-booking-con .bicycle-description {
      margin-right: 0;
      width: 100%; }
    .bike-box .bicycle-booking-con .bicycle-book {
      width: 100%; }

  .title-box > div {
    width: 100%; }

  .map-box .acf-map {
    padding-bottom: 96vw; }

  input#s {
    display: block;
    margin: 1em auto;
    width: 50%; } }