@charset "UTF-8";
/************************************************

Stylesheet: Main Stylesheet

*************************************************/
/*********************
GENERAL STYLES
*********************/
body {
    animation: fadein 1s;
    -moz-animation: fadein 1s; /* Firefox */
    -webkit-animation: fadein 1s; /* Safari and Chrome */
    -o-animation: fadein 1s; /* Opera */
}

@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fadein { /* Firefox */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadein { /* Opera */
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}

body, p {
    font-family: 'Catamaran', Verdana, Arial, sans-serif;
    font-weight: 400;
    color: #4a4a4a;
}

.white {color: #fff;}

.homepage-slider {
    height: 100vh;
}

#content #inner-content .row .60-top {
    padding-top: 60px;
}

.staff-bios {
    margin-bottom: 30px;
}

p.subheading {
    font-weight: 100;
    margin-top: 1rem;
    margin-bottom: 0;
}

article {
    margin-top: 60px;
}

.archive-grid article {
    margin-top: 0px;
}

article.bi_boat {
    margin-top: 0;
}

h3.widget-title {
    display: none;
    }

/*********************
LINK STYLES
*********************/
a {
    color: rgba(49, 169, 182, 1.0);
}

a:link, a:visited:link {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3); }

h1 a,
h2 a,
h3 a,
h4 a {
    border-bottom: none;
}

.button {
    color: white;
    background-color: rgba(49, 169, 182, 1.0);
    /* border: 1px solid rgba(49, 169, 182, 1.0); */
    /* border-bottom-width: 3px; */
    border-radius: 5px;
    text-transform: uppercase;
    letter-spacing: 1px;
    /* padding: 0.5rem 1rem; */
    margin-bottom: 0;
    min-width: 150px;
}

.button:focus, .button:hover {

    background-color: #3D92C1;
}

.button-group {
    margin-top: 30px;
}

.enquiry.button {
    background-color: #B46414;
    text-transform: uppercase;
    border: 2px solid #fff;
    border-radius: 5px;
}

.section.button {
    background-color: #31A9B6;
    text-transform: uppercase;
    border-radius: 5px;
}

/*********************
H1, H2, H3, H4, H5 P STYLES
*********************/
h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a {
  text-decoration: none; }

h1, h2, h3, h4, h5, h6 {
    font-family: 'Catamaran', Verdana, Arial, sans-serif;
    font-weight: 700;
    line-height: 1.2;
    color: #4a4a4a;
}

h1 {font-size: 1.602rem;}
h2 {font-size: 1.424rem;}
h3 {font-size: 1.266rem;}
h4 {font-size: 1.125rem;}
h5 {font-size: 1rem;}

#hp-strap h3 {
    font-weight: 400;
}

#hp-tripadvisor h2 {
    margin-top: 1rem;
}

h2.title {
    font-size: initial;
    font-weight: 700;
    margin-top: 10px;
}

h1.page-title,
section.entry-content h1,
section.entry-content h2,
section.entry-content h3 {
    text-transform: none;
}

.bi_boat h1,
.bi_boat h2,
.bi_boat h3 {
    text-transform: uppercase;
}

h1.archive-title span {
    font-weight: 500;
}

/*********************
HEADER STYLES
*********************/

.off-canvas {
    background: #fff;
}

.header ul.off-canvas-list li {
  list-style: none; }

header.header {
    box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.3);
    z-index: 1;
}

.header-wrap {
    height: 211px;
    text-align: center;
    padding-top: 2rem;
    border-bottom: 1px solid #fff;
}

.header-wrap h1.entry-title {
    font-size: 1.563rem;
    color: #fff;
    text-shadow: 1px 1px 2px black;
    letter-spacing: 2px;
}

header.page-header {
    background-color: rgba(28, 66, 104, 1.0);;
    padding: 2rem 0;
    margin-bottom: 30px;
}

header.page-header h1 {
    color: #fff;
}

p.subhead-large {
    text-transform: uppercase;
    line-height: 1.2;
    font-weight: 700;
    margin-top: 1.414rem;
    margin-bottom: 1.414rem;
}

p.subhead-small {
    text-transform: none;
    line-height: 1.2;
}



/*********************
NAVIGATION STYLES
*********************/
.top-bar {
    background-color: #fff;
}

.top-bar ul {
    background-color: #fff;
    text-transform: uppercase;
}

.top-bar .top-bar-left {
    width: 50%;
}

.top-bar .top-bar-right {
    width: 50%;
}

.top-bar-right {
    margin-top: 1rem;
}

.top-bar-right.float-right.hide-for-large {
    margin-top: 5px;
}

.top-bar-right ul.menu {
    float: right;
    margin-right: 10px;
}

.menu a {
    font-size: 0.875rem;
    font-weight: 500;
    color: rgba(36, 171, 183, 1.0);
    border-bottom: none;
    transition: color 0.25s;
    background:transparent !important;
}
.top-bar .dropdown.menu.medium-horizontal>li.opens-left>.is-dropdown-submenu li a,
.menu.medium-horizontal li > a {
    color: rgba(36, 171, 183, 1.0);
}
.menu.medium-horizontal li {
    transition: background-color 0.5s !important;
}
.menu.medium-horizontal li:hover {
    background-color: rgba(36, 171, 183, 1.0);
}
.menu.medium-horizontal li:hover > a {
    color: #fff;
}
.dropdown.menu.medium-horizontal>li.is-dropdown-submenu-parent>a:after {
    transition: border-color 0.25s !important;
    right: 5px !important;
}
@media screen and (min-width: 40em) {
    .dropdown.menu.medium-horizontal>li.is-dropdown-submenu-parent:hover>a:after {
        border-color: #fff transparent transparent;
    }
}
li#search {
    padding-left:5px;
}
@media screen and (max-width: 39.99em) {
.vertical.menu.submenu.is-accordion-submenu {
    background:rgba(36, 171, 183, 0.08);
    padding-top:0;
}
.vertical.menu.submenu.is-accordion-submenu li {
    border-bottom:1px solid rgba(36, 171, 183, 0.08);
}
.vertical.menu.submenu.is-accordion-submenu li:last-child {
    border-bottom:0;
}
}
.menu .active>a {
    background: transparent !important;
    color: rgba(36, 171, 183, 1.0);
}

.top-bar .title-area {
  z-index: 1; }

.off-canvas-list ul {
  margin-left: 0; }
  .off-canvas-list ul li a {
    border-bottom: 0px; }
  .off-canvas-list ul .dropdown {
    margin-left: 20px; }

.off-canvas ul.menu {
    padding-top: 1rem;
}

.off-canvas ul.menu li#search form {
    max-width: 90%;
    margin: 20px auto;
}

.off-canvas ul.submenu li.is-submenu-item a {
    margin-left: 30px;
}

.off-canvas .menu .menu-item a {
    font-size: 1rem;
    font-weight: 400;
    color: rgba(49, 169, 182, 1.0);
    letter-spacing: 1px;
}

.dropdown.menu.medium-horizontal>li.opens-left>.is-dropdown-submenu {
    left: auto;
    right: auto;
    background-color: #fff;
    border-top: none;
    width: 300px;
}

.dropdown.menu.medium-horizontal>li.opens-left>.is-dropdown-submenu li {
    background-color: #fff;
    transition: background-color 0.5s linear;
}

.dropdown.menu.medium-horizontal>li.opens-left>.is-dropdown-submenu li:hover {
    background-color: rgba(36, 171, 183, 1.0);
}

.dropdown.menu.medium-horizontal>li.opens-left>.is-dropdown-submenu li a {
    color: #2F5380;
}

.dropdown.menu.medium-horizontal>li.opens-left>.is-dropdown-submenu li:hover a {
    color: #fff;
}

.is-accordion-submenu-parent>a:after {
    border-color: rgba(49, 169, 182, 1.0) transparent transparent;
    border-top-color: rgba(49, 169, 182, 1.0);
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
}

.side-nav {
    text-align: center;
    margin-top: 20px;
    border: 1px solid rgba(163, 205, 210, 1.0);
    border-radius: 5px;
    padding: 20px;
}

.side-nav li {
    border-bottom: 1px solid rgba(164, 206, 212, 1.0);
}

.side-nav li a {
    padding: 1rem;
    color: rgba(36, 171, 183, 1.0);
    background-color: #fff;
    transition: background-color 0.5s linear;
}

.side-nav li a:hover {
    color: #fff;
    background-color: rgba(36, 171, 183, 1.0);
}

.side-nav .active>a:hover,
.side-nav .active>a:focus {
    color: rgba(36, 171, 183, 1.0);
}

ul.sub-menu {
    list-style: none;
}

ul.sub-menu li {
    border-bottom: none;
}

ul.sub-menu li:last-child {
    margin-bottom: 8px;
}

ul.sub-menu>li>a {
    padding: 0;
}

.top-bar input {
    display: inline-block;
}

.menu-button {
    padding-top: 5px;
}

.pagination .current {
    background: rgba(36, 171, 183, 1.0);
}

/* Remove the little arrows after the main nav links */

.dropdown.menu.medium-horizontal>li.is-dropdown-submenu-parent>a:after,
.dropdown.menu.vertical>li.opens-left>a:after,
.dropdown.menu>li.is-dropdown-submenu-parent>a:after {
    /*border: none;
    border-top-style: none;
    border-right-style: none;*/
}

@media screen and (min-width: 40em){
    .dropdown.menu.medium-horizontal>li.is-dropdown-submenu-parent>a:after {
        border-color: #31A9B6 transparent transparent;
        right: 1px;
        margin-top: -4px;
    }
}

.dropdown.menu>li.is-dropdown-submenu-parent>a,
.dropdown.menu.medium-horizontal>li.is-dropdown-submenu-parent>a {
    padding-right: 1rem;
}

/*********************
POSTS & CONTENT STYLES
*********************/
#content #inner-content {
  padding: 0rem 0rem;
  z-index: 0;
}

.page-title .vcard {
  border: 0px;
  padding: 0px; }

.byline {
  color: #999;
  font-size: 0.875rem; }

.entry-content img {
  max-width: 100%;
  height: auto; }

.entry-content .alignleft, .entry-content img.alignleft {
  margin-right: 1.5em;
  display: inline;
  float: left; }

.entry-content .alignright, .entry-content img.alignright {
  margin-left: 1.5em;
  display: inline;
  float: right; }

.entry-content .aligncenter, .entry-content img.aligncenter {
  margin-right: auto;
  margin-left: auto;
  display: block;
  clear: both; }

.entry-content video, .entry-content object {
  max-width: 100%;
  height: auto; }

.entry-content pre {
  background: #eee;
  border: 1px solid #cecece;
  padding: 10px; }

.wp-caption {
  max-width: 100%;
  background: #eee;
  padding: 5px; }
  .wp-caption img {
    max-width: 100%;
    margin-bottom: 0;
    width: 100%; }
  .wp-caption p.wp-caption-text {
    font-size: 0.85em;
    margin: 4px 0 7px;
    text-align: center; }

.wp-post-image {
    margin-bottom: 25px;
}

.post-password-form input[type="submit"] {
  display: inline-block;
  text-align: center;
  line-height: 1;
  cursor: pointer;
  -webkit-appearance: none;
  transition: all 0.25s ease-out;
  vertical-align: middle;
  border: 1px solid transparent;
  border-radius: 0;
  padding: 0.85em 1em;
  margin: 0 1rem 1rem 0;
  font-size: 0.9rem;
  background: #2199e8;
  color: #fff; }
  [data-whatinput='mouse'] .post-password-form input[type="submit"] {
    outline: 0; }
  .post-password-form input[type="submit"]:hover, .post-password-form input[type="submit"]:focus {
    background: #1583cc;
    color: #fff; }

.custom-page-top-image {
    display: block;
    margin-bottom: 2rem;
}


/* ------ HOMEPAGE ------*/


.homepage-hero-overlay {
    position: absolute;
    top: 0;
    margin-top: 60px;
}

.homepage-hero-enquiry-button {
    position: absolute;
    bottom: 0;
    margin-bottom: 60px;
}

.homepage-hero-overlay h1, .homepage-hero-overlay h2, .homepage-hero-overlay p {
    color: #fff;
}

.homepage-hero-overlay h2{
    padding-top: 80px;
}


.homepage-enquire {

}

.homepage-strapline p.subheading,
.testimonial_rotator_author_info p {
    margin-left: auto;
    margin-right: auto;
}

#hp-strap,
#hp-boats,
#hp-tripadvisor,
#hp-activities,
#hp-latest,
#hp-testimonials {
    margin-top: 30px;
}

#hp-boats {
    -webkit-box-shadow: 0px 4px 6px -2px rgba(156,154,156,1);
    -moz-box-shadow: 0px 4px 6px -2px rgba(156,154,156,1);
    box-shadow: 0px 4px 6px -2px rgba(156,154,156,1);
}

#boat-recommendations .column h4 {
    font-size: initial;
    font-weight: 400;
    margin-top: 10px;
    margin-bottom: 2px;
}

.hp-boats-row {
    background-color: rgba(224, 235, 235, 0.4);
    border-bottom: 1px solid rgba(224, 235, 235, 0.4);
    border-top: 1px solid rgba(224, 235, 235, 0.4);
}

#hp-boats h3 {
    font-size: 1rem;
    text-transform: uppercase;
    margin-top: 10px;
}

#hp-boats h3 a {
    color: inherit;
    border-bottom: none;
}

#hp-boats p {
    font-size: 0.875rem;
    font-weight: 100;
    text-transform: uppercase;
}

#hp-boats h3.boat-name {
    font-size: 1rem;
    font-weight: 700;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}

#hp-boats a.section.button {
    margin-top: 60px;
}

.hp-tripadvisor blockquote {
    font-size: 1.333rem;
    text-transform: uppercase;
    border-left: none;
}

img.homepage-publication-logo {
    max-width: 80%;
    margin: 10px;
    max-height: 60px;
}

.reviews {
    margin-top: 60px;
}

.homepage-activities h2 {

    color: #fff;
    max-width: 780px;
    margin: 0 auto;
    margin-bottom: 80px;
}

.homepage-activities {
    text-align: center;
    background-color: #3B71B7;
    background-size: cover;
    padding-top: 60px;
    padding-bottom: 80px;
}

.homepage-activities_block {
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 40px;
}

.homepage-activities_block img {
    max-width: 120px;
    border: 2px solid #fff;
    border-radius: 50%;
    margin-bottom: 30px;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.homepage-boat_block img {
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    margin-bottom:0;
}

.homepage-boat_block:hover img,
.homepage-boat_block:focus img,
.homepage-activities_block:focus img,
.homepage-activities_block:focus img {
    -moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

.homepage-activities_block p {
    color: #fff;
    font-weight: 700;
}

.hp-offers h3 {
    display: inline;
    text-transform: capitalize;
}

.hp-latest-heading {
    font-size: 1rem;
    font-weight: 400;
    margin-top: 0.5rem;
    margin-bottom: 1rem;
    text-transform: none;
}



#hp-testimonials {
    margin-bottom: 30px;
}

.testimonial_rotator_quote {
    font-size: 1.125rem;
}

.testimonial_rotator.template-longform .testimonial_rotator_author_info p {
    font-size: 1.25rem;
    font-weight: bold;
}

#hp-news img {
    margin-bottom: 0px;
}

/* ------ BOAT PAGES ------ */

.boat-strapline {
    text-align: center;
    padding: 30px 0px;
}

.boat-key-facts {
    background-color: rgba(28, 66, 104, 1.0);
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    padding-top: 1rem;
    padding-bottom: 1rem;
    text-align: center;
}

.boat-key-facts:nth-child(even) {
    border-right: none;
}

.boat-key-facts p {
    text-transform: uppercase;
    font-size: 1rem;
    font-weight: 400;
    color: #fff;
    max-width: 80%;
    margin: 0 auto;
}

.boat-key-facts p.head {
    font-weight: 700;
}

.boat-prices {
    background-color: rgba(111, 162, 206, 1.0);
    border-bottom: 1px solid #fff;
    padding: 40px 10px;
}
.boat-prices p {
    color: #fff;
    font-weight: 700;
}

.boat-content-container {
    background-color: rgba(58, 108, 160, 1.0);
    color: #fff;
}

.boat-content {
    padding: 40px 0px;
}

.boat-content p,
.boat-content h3,
.boat-social-buttons {
    color: #fff;
    padding-left: .9375rem;
    padding-right: .9375rem;
}

.boat-social-buttons {
    margin-top: 60px;
    text-align: center;
}

img.boat-image-gallery {
    border-bottom: 1px solid #fff;
}

.boat-pricing-panel, .boat-optional-extras {
    background-color: rgba(49, 147, 182, 0.05);
    border-top: 5px solid rgba(49, 147, 182, 1.0);
    text-align: center;
    padding-top: 20px;
    margin-bottom: 20px;
}

.boat-pricing-panel hr {
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
    background-image: -moz-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
    background-image: -ms-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
    background-image: -o-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
}

.boat-pricing-panel .boat-discount-price {
    background-color: rgba(49, 147, 182, 1.0);
    color: #fff;
    font-weight: 400;
    padding: 10px 0px;
    text-transform: uppercase;
}

.boat-pricing-panel h3 {
    font-size: 1.563rem;
    font-weight: 100;
    text-transform: uppercase;
}

.boat-pricing-panel h4 {
    font-size: 0.875rem;
    font-weight: 700;
}

/*.boat-pricing-panel p {
    font-size: 1.563rem;
}*/

.boat-optional-extras {
    background-color: rgba(49, 147, 182, 0.1);
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
}

.boat-optional-extras p {
    color: rgba(49, 147, 182, 1.0);
}

#boat-recommendations {
    max-width: 1024px;
    margin: 60px auto;
    text-align: center;
}

#boat-recommendations h4 {
    font-weight: 400;
    margin-top: 10px;
}

#boat-enquiry {
    background-color: rgba(224, 235, 235, 0.4);
    border-top: 1px solid rgba(224, 235, 235, 1.0);
}

#boat-pricing {
    background-color: rgba(224, 235, 235, 0.4);
    border-bottom: 1px solid rgba(224, 235, 235, 1.0);
    padding: 30px 0px;
    margin-top: 0px;
}

.boat-enquiry-form {
    padding: 30px 20px;
}

.fa-users, .fa-clock-o, .fa-map-marker, .fa-map-o {
    font-size: 35px;
    color: #fff;
    margin-bottom: 1rem;
}

.fa-star {
    color: rgba(232, 189, 110, 1.0);
    margin: 0 5px;
}

/* ----- ARCHIVE PAGES ----- */

.row.archive-grid {
    margin-top: 30px;
}

.archive-grid article {
    margin-bottom: 30px;
    padding-bottom: 15px;
    background-color: rgba(224, 235, 235, 0.4);
    transition: background-color 0.5s linear;
}

.archive-grid article:hover,
.archive-grid article:focus {
    background-color: #31A9B6;
}

.archive-grid article:hover p, .archive-grid article:hover h3 {
    color: #fff;
}

.archive-grid article section {
    text-align: center;
    text-transform: uppercase;
}

.archive-grid article section.entry-content {
    padding-bottom: 1rem;
}

.archive-grid article section p {
    font-size: 0.875rem;
    margin-bottom: 0;
}

.archive-grid article:hover p.byline a,
.archive-grid article:focus p.byline a {
    color: #fff;
}

.article-header {
    text-align: center;
}

.article-header h3 {
    font-size: 1rem;
    text-transform: uppercase;
}

.article-header p.subhead-large,
.article-header p.subhead-small {
    color: #fff;
    margin: 0 auto;
}

.article-header div.button-group {
    margin-top: 30px;
}

/*********************
IMAGE GALLERY STYLES
*********************/

img.rounded {
    border-radius: 50%;
}

/*********************
PAGE NAVI STYLES
*********************/
.page-navigation {
  margin-top: 1rem; }

/*********************
COMMENT STYLES
*********************/
#comments .commentlist {
  margin-left: 0px; }

#respond ul {
  margin-left: 0px; }

.commentlist li {
  position: relative;
  clear: both;
  overflow: hidden;
  list-style-type: none;
  margin-bottom: 1.5em;
  padding: 0.7335em 10px; }
  .commentlist li:last-child {
    margin-bottom: 0; }
  .commentlist li ul.children {
    margin: 0; }

.commentlist li[class*=depth-] {
  margin-top: 1.1em; }

.commentlist li.depth-1 {
  margin-left: 0;
  margin-top: 0; }

.commentlist li:not(.depth-1) {
  margin-left: 10px;
  margin-top: 0;
  padding-bottom: 0; }

.commentlist .vcard {
  margin-left: 50px; }
  .commentlist .vcard cite.fn {
    font-weight: 700;
    font-style: normal; }
  .commentlist .vcard time {
    float: right; }
    .commentlist .vcard time a {
      color: #999;
      text-decoration: none; }
      .commentlist .vcard time a:hover {
        text-decoration: underline; }
  .commentlist .vcard img.avatar {
    position: absolute;
    left: 10px;
    padding: 2px;
    border: 1px solid #cecece;
    background: #fff; }

.commentlist .comment_content p {
  margin: 0.7335em 0 1.5em;
  font-size: 1em;
  line-height: 1.5em; }

.commentlist .comment-reply-link {
  float: right; }

/*********************
COMMENT FORM STYLES
*********************/
.respond-form {
  margin: 1.5em 10px;
  padding-bottom: 2.2em; }
  .respond-form form {
    margin: 0.75em 0; }
    .respond-form form li {
      list-style-type: none;
      clear: both;
      margin-bottom: 0.7335em; }
      .respond-form form li label,
      .respond-form form li small {
        display: none; }
    .respond-form form input[type=text],
    .respond-form form input[type=email],
    .respond-form form input[type=url],
    .respond-form form textarea {
      padding: 3px 6px;
      background: #efefef;
      border: 2px solid #cecece;
      line-height: 1.5em; }
      .respond-form form input[type=text]:focus,
      .respond-form form input[type=email]:focus,
      .respond-form form input[type=url]:focus,
      .respond-form form textarea:focus {
        background: #fff; }
      .respond-form form input[type=text]:invalid,
      .respond-form form input[type=email]:invalid,
      .respond-form form input[type=url]:invalid,
      .respond-form form textarea:invalid {
        outline: none;
        border-color: #fbc2c4;
        background-color: #f6e7eb;
        -ms-box-shadow: none;
        box-shadow: none; }
    .respond-form form input[type=text],
    .respond-form form input[type=email],
    .respond-form form input[type=url] {
      max-width: 400px;
      min-width: 250px; }
    .respond-form form textarea {
      resize: none;
      width: 97.3%;
      height: 150px; }

#comment-form-title {
  margin: 0 0 1.1em; }

#allowed_tags {
  margin: 1.5em 10px 0.7335em 0; }

.nocomments {
  margin: 0 20px 1.1em; }

input[type=search] {
    height: 30px;
    border-radius: 5px;
}

/*********************
SIDEBARS & ASIDES
*********************/
.widget ul {
  margin: 0; }
  .widget ul li {
    list-style: none; }

.sidebar {
    margin-top: 20px;
}

.TA_selfserveprop {
    margin: 30px;
    max-width: 100%;
}

.widget {
    border: 1px solid rgba(163, 205, 210, 1.0);
    border-radius: 5px;
    padding: 20px;
    margin-bottom: 30px;
}

/*********************
FOOTER STYLES
*********************/
.footer {
    background-color: #1c4268;
    color: #fff;
    padding: 0px 0px;
    clear: both;
}

h2.footer-header {
    color: #fff;
    font-size: 1.563rem;
    font-weight: 700;
    margin-bottom: 0px;
    line-height: 40px;
    text-align: center;
}

footer label {
    color: #fff;
}

.footer-newsletter{
    padding-top: 30px;
    padding-bottom: 23px;
    background-color: rgba(58, 108, 160, 1.0);
}

.footer-connect,
.footer-contact {
    margin-top: 30px;
}
.footer-contact {
    text-align: center !important;
}

.footer-connect i {
    padding: 0.5rem;
}

.footer a {
    color: #fff;
}

.footer-contact a {
    font-size: 1.563rem;
}

#call-bar {
    width: 100%;
    background-color: rgba(49, 169, 182, 1.0);
    border-top: 3px solid rgba(37, 127, 136, 1.0);
    position: fixed;
    bottom: 0;
}

.call-bar-button {
    text-align: center;
    border-right: 1px solid #fff;
    padding: 0.5rem 0;
}

.call-bar-button:last-child {
    border-right: none;
}

.call-bar-button a {
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
}

.call-bar-button a span {
    margin-left: 10px;
    line-height: 1.5;
}

/*********************
FOUNDATION STYLES
*********************/



/*********************
PLUGIN STYLES
*********************/
.gform_body ul {
  list-style: none outside none;
  margin: 0; }

.validation_message{
  color: red;
}

.google-maps-builder-wrap {
    max-width: 800px;
}

/******************************************************************

Stylesheet: Retina Screens & Devices Stylesheet

When handling retina screens you need to make adjustments, especially
if you're not using font icons. Here you can add them in one neat
place.

******************************************************************/

/* Portrait */
@media only screen
  and (min-device-width: 320px)
  and (max-device-width: 800px)
  and (orientation: portrait) {

      #homepage-hero {
          position: relative;
          background-image: url(../images/homepage-hero-mobile-op.jpg);
          background-position: center center;
          background-size: cover;
        height: 540px;
    }

}


/* Medium and up */
/* 600px */
@media screen and (min-width: 37.5em){

    .header-wrap {
        height: 538px;
    }

    .homepage-hero-overlay {
        margin-top: 40px;
    }

    .homepage-hero-overlay h1 {
        max-width: 600px;
        margin: 0 auto;
    }

}


@media screen and (min-width: 40em) {

    .boat-enquiry-form,
    .boat-enquiry-phone {
        padding: 30px 100px;
    }

    .top-bar {
        padding: 0;
    }

    .top-bar-right {
        margin-top: 0;
    }


    .menu.medium-horizontal>li {
        padding: 14px 0px;
        transition: background-color 0.5s linear;
    }

    .menu.medium-horizontal>li:hover {
        background-color: rgba(36, 171, 183, 1.0);
        color: #fff;
    }

    .menu.medium-horizontal>li#search:hover {
        background-color: transparent;
    }


    .menu.medium-horizontal>li:hover a {
        color: #fff;
    }

    .menu .active>a:hover,
    .menu .active>a:focus {
        background-color: transparent;
    }

    .boat-page-header-large {
        margin-top: 60px;
    }

    .footer-connect,
    .footer-contact {
        margin-top: 0px;
    }

    .footer-connect {
        text-align: center;
    }

    .footer-contact {
        text-align: right;
    }

}

@media screen and (max-width: 48em){

    .header-wrap {
        height: 432px;
        }

    .boat-page-header-large {
        margin-top: 200px;
    }

    .boat-strapline {
    padding: 60px 0px;
}

    .boat-key-facts:nth-child(2) {
    border-right: 1px solid #fff;
}
}

/* Large and Up */

@media screen and (min-width: 64rem) {

    h1 {font-size: 2.441rem;}
    h2 {font-size: 1.953rem;}
    h3 {font-size: 1.563rem;}
    h4 {font-size: 1.25rem;}
    h5 {font-size: 1rem;}

    .homepage-hero-overlay h1,
    .header-wrap h1.entry-title {
        font-size: 3.157rem;
        max-width: 800px;
        margin: 0 auto;
    }

    p.subhead-large {
        font-size: 1.563rem;
    }

    .homepage-hero-overlay {
        margin-top: 160px;
    }

    #hp-strap,
    #hp-boats,
    #hp-tripadvisor,
    #hp-activities,
    #hp-latest,
    #hp-testimonials,
    .archive-main {
        margin-top: 20px;
    }

    .archive-main,
    .page-main {
        padding-left: 60px;
    }

    #hp-testimonials {
        margin-bottom: 60px;
    }

    .boat-key-facts,
    .boat-prices {
        padding-top: 2rem;
        padding-bottom: 2rem;
    }

    .boat-key-facts:nth-child(even) {
        border-right: 1px solid #fff;
    }

    .boat-content {
        padding: 40px 0;
    }

    #boat-pricing {
        margin-bottom: 60px;
    }

    #boat-pricing h2 {
        margin-bottom: 30px;
    }

    #boat-pricing a {
        margin-top: 20px;
    }

    .boat-content p,
    .boat-content h3,
    .boat-social-buttons {
        padding: 0 60px;
    }

    .side-nav {
    text-align: left;
    }

    img.boat-image-gallery {
        border-left: 1px solid #fff;
    }

}

@media screen and (min-width: 64em) {

    .top-bar .top-bar-right {
        width: 80%;
    }
    .top-bar .top-bar-left {
        width: 20%;
    }

    p.subheading {
        font-size: 1.563rem;
    }
}

@media screen and (min-width: 80em) {

    .header-wrap {
        height: 720px;
        padding-top: 80px;
    }

    .boat-strapline {
        padding: 80px 0px;
    }
}

/******************************************************************

Stylesheet: Print Stylesheet

This is the print stylesheet. There's probably not a lot
of reasons to edit this stylesheet.

Remember to add things that won't make sense to print at
the bottom. Things like nav, ads, and forms shouldbe set
to display none.
******************************************************************/
@media print {
  * {
    background: transparent !important;
    color: black !important;
    text-shadow: none !important;
    -webkit-filter: none !important;
    filter: none !important;
    -ms-filter: none !important; }
  a, a:visited {
    color: #444 !important;
    text-decoration: underline; }
    a:after, a:visited:after {
      content: " (" attr(href) ")"; }
    a abbr[title]:after, a:visited abbr[title]:after {
      content: " (" attr(title) ")"; }
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: ""; }
  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }
  thead {
    display: table-header-group; }
  tr, img {
    page-break-inside: avoid; }
  img {
    max-width: 100% !important; }
  @page {
    margin: 0.5cm; }
  p, h2, h3 {
    orphans: 3;
    widows: 3; }
  h2,
  h3 {
    page-break-after: avoid; }
  .sidebar,
  .page-navigation,
  .wp-prev-next,
  .respond-form,
  nav {
    display: none; } }



/*GRAVITY FORM*/

.gform_button.button{
    width: 100%;
}

select{
    border-radius: 6px;
}
[type=color], [type=date], [type=datetime-local], [type=datetime], [type=email], [type=month], [type=number], [type=password], [type=search], [type=tel], [type=text], [type=time], [type=url], [type=week], textarea{
    border-radius: 6px;
}

.footer .gfield{
    width: 33%;
    float: left;
    padding-right: 10px;
}

.footer .gform_button.button {
    width: 33%;
}


.archive-main h2{
    text-align: center;
    padding-bottom: 10px;
    padding-top: 20px;
}

.archive-main p{
    color: #6A807F;
    text-align: justify;
}

.archive-grid article section p{
    text-align: center;
}

.submenu{
    z-index: 99999;
}

.gfield_date_dropdown_day.ginput_container.ginput_container_date, .gfield_date_dropdown_month.ginput_container.ginput_container_date, .gfield_date_dropdown_year.ginput_container.ginput_container_date{
  float: left;
  width: 33%;
}


@media screen and (max-width: 48em){
		.header-wrap {
	    		height: 300px !important;
		}
		.subhead-large{
			padding-top: 20px !important;
		}
	    }


/*FIX BOAT PAGE LAYOUT*/

@media screen and (max-width: 40em){
  .boat-content-container{
    display:grid;
  }
  .boat-content-container .column:last-child:not(:first-child), .boat-content-container .columns:last-child:not(:first-child){
    grid-row: 1;
  }
}

/*enquire button mobile*/

#enquirenow-footer {
  background: linear-gradient(to bottom,#FFFFFF,#F3F3F3) repeat scroll 0 0 #F3F3F3;
  border-color: #999;
  color: #222;
}
#enquirenow-footer {
  box-shadow: none;
  text-decoration: none;
}

#enquirenow-footer:hover{
  background: rgba(164, 181, 178, 1);
}

#call-bar{
  z-index: 99 !important;
}


.hero-boat{
  opacity: 0.7 !important;
}

.wpml-ls-item-de{
  display: none !important;
}

.tss-wrapper .single-item-wrapper h3.author-name {
    font-weight:bold;
    color:#4a4a4a;
    font-size:20px;
    order:10;
    margin-top:0;
}
.tss-wrapper .single-item-wrapper h3.author-name:before {
    content:"";
    display:block;
    width: 175px;
    height: 3px;
    background: #efefef;
    border: none;
    margin: 0 auto 20px;
}
.tss-wrapper .single-item-wrapper .rating-wrapper span.dashicons {
    color:#e8bd6e;
    margin:0 6px;
}
.tss-wrapper .single-item-wrapper .item-content-wrapper {
    background:transparent;
}
.tss-wrapper .single-item-wrapper .item-content-wrapper .item-content {
    font-style:normal;
    font-size:18px;
}
.tss-wrapper .single-item-wrapper {
    display:flex;
    flex-direction: column;
}
.tss-carousel-main .swiper-arrow, .tss-carousel .swiper-arrow {
    background:transparent;
}
.tss-carousel-main .swiper-arrow > i, .tss-carousel .swiper-arrow > i {
    color:rgba(0, 0, 0, 0.2);
    font-size: 20px;
}
#cn-accept-cookie {
    background:#fff;
    font-weight:bold;
    color: #31a9b6;
}
.cn-close-icon:before, .cn-close-icon:after {
    background-color:#fff;
}
/* footer newsletter form */
footer.footer .gform_wrapper,
footer.footer .gform_wrapper .gform_footer {
    margin:0;
}
footer.footer .gform_wrapper .gform_footer {
    width:auto;
}
footer.footer .gform_wrapper .gform_body {
    flex-grow:1;
    width:auto;
}
footer.footer .gform_wrapper form {
    display:flex;
    flex-direction: row;
}
footer.footer .gform_wrapper .gform_fields {
    display:flex;
    flex-direction: row;
    width: 100%;
}
footer.footer .gform_wrapper .gfield {
    width:50%;
    margin-top:0;
}
@media (min-width:1024px) {
    footer.footer .small-12.large-4.columns .footer-header {
        margin-top: 20px;
    }
}
.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
    width:100%;
}
@media (max-width:669px) {
    footer.footer .gform_wrapper form {
        flex-direction:column;
    }
    footer.footer .gform_wrapper .gform_fields {
        flex-direction: column;
    }
    footer.footer .gform_wrapper .gform_fields .gfield {
        width:100%;
        padding:10px 0 0;
    }
    #inner-footer {
        padding-bottom:60px;
    }
    footer.footer .footer-connect {
        text-align: center;
    }
}

/* select styling and other form improvements */
.gfield_date_dropdown_day,
.gfield_date_dropdown_month,
.gfield_date_dropdown_year {
    position: relative;
}
.gfield_date_dropdown_day select,
.gfield_date_dropdown_month select,
.gfield_date_dropdown_year select{
    background-image:none;
    padding-left: 6px !important;
}
.gfield_date_dropdown_day:after,
.gfield_date_dropdown_month:after,
.gfield_date_dropdown_year:after {
    content:"";
    display: block;
    position:absolute;
    top:0;
    right:0;
    width: 16px;
    height: 38px;
    pointer-events: none;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: rgb%28138, 138, 138%29'></polygon></svg>");
    background-size: 9px 6px;
    background-position: right 5px center;
    background-origin: content-box;
    background-repeat: no-repeat;
}
.gfield_checkbox input[type="checkbox"] {
    margin: 0 0 2px;
}
body .gform_wrapper ul li.field_description_below div.ginput_container_checkbox {margin-top:0;}

body .gform_wrapper .top_label div.ginput_container {
    margin-top:2px;
}
#homepage-hero .orbit {
    min-height: 40vh;
}
#homepage-hero .orbit .orbit-slide:not(.is-active){
	display:none;
}
#homepage-hero .orbit .orbit-slide:not(.is-active):first-child {
    min-height: 40vh !important;
	display:block;
}
#homepage-hero .orbit-container {
    background-color: #00122d !important;
}
#whatsapplink {
	width:50px;
	height:50px;
	z-index:1;
	display:inline-block;
}
.call-bar-button {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: center;
}
.call-bar-button i {
    vertical-align: middle;
}
#enquirenow-footer {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
@media (max-width:400px) {
	#enquirenow-footer {
	min-width:0;
    padding-top: 10px;
    padding-bottom: 8px;
    max-width: 100px;
	}
	.call-bar-button a[href="tel:+34 663 745 520"] {
		line-height:0.8em;
	}
}