/*
Theme Name: BVI Holidays
Author URI: http://www.brightcherry.co.uk/
Description: BVI Holidays bespoke Theme
Version: 1.0
*/

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}

body, html{height:100%}

:focus {/* remember to define focus styles! */
	outline: 0;
}

ol, ul {
	list-style: none;
}

a{
	color: #656565;
}

a img {
	border: 0;
}

img{
	display:block;
	max-width:100%;
	height:auto;
}

* {
	box-sizing: border-box;
}

strong{
	font-weight:700;
}

em{
	font-style:italic;
}

.clear{
	width:100%;
	clear:both;
	height:0;
}

.clear.break30{
	height:30px;
}

.clear.break40{
	height:40px;
}

.clear.break50{
	height:50px;
}

p{
	margin:0 0 20px 0;
	font-size:16px;
	line-height:1.7em;
}

.italic,
#topbar .strapline h2{
	font-family: 'Merienda', cursive;
}

.btn,
#mc-embedded-subscribe{
	display:inline-block;
	background:#ef5e09;
  color:#fff;
  border:1px solid #fff;
	font-weight:700;
	font-size:14px;
	padding:6px 15px;
	text-decoration:none;
	text-transform:uppercase;
	width:auto;
}

.btn.large{
	font-size:16px;
	padding:8px 18px;	
}

.btn i{
	padding-right:4px;
}

.btn:hover,
#mc-embedded-subscribe:hover{
	cursor:pointer;
	border-color:#ef5e09;
	background-color:transparent;
	-webkit-transition: background-color 200ms linear;
	-moz-transition: background-color 200ms linear;
	-o-transition: background-color 200ms linear;
	-ms-transition: background-color 200ms linear;
	transition: background-color 200ms linear;	
	color:#ef5e09;
	background-color:#fff;
}


.btn.white.trans{
	color:#fff;
	background-color:transparent;
	display:inline-block;
	font-weight:600;
	border:1px solid #fff;
	text-transform:uppercase;
	text-decoration:none;
}

.btn.solid-orange{
	background:#ef5e09;	
	border:1px solid #ef5e09;		
}

.btn.solid-orange:hover{
	background:#fff;
}

.btn.orange.white{
	color:#ef5e09;	
	border:1px solid #ef5e09;	
	background:#fff;
}

.box-shadow{
	-webkit-box-shadow: 0 7px 20px -3px rgb(0 0 0 / 15%);
	box-shadow: 0 7px 20px -3px rgb(0 0 0 / 15%);
}

.box-shadow-orange,
.boxes a.box:hover span.text,
.navigation ul li.menu-item-has-children a:hover span{
	-webkit-box-shadow: 0 7px 20px -3px rgb(239 94 9);
	box-shadow: 0 7px 20px -3px rgb(239 94 9);
}

blockquote {
	font-family: Georgia, serif;
	font-size: 16px;
	font-style: italic;
	width: 70%;
	padding: 1em 40px;
	line-height: 1.45;
	position: relative;
	color: #383838;
	border-left:6px solid #c1c1c1;
	margin:20px 0 30px 0;
}
	
blockquote cite {
	color: #999999;
	font-size: 14px;
	display: block;
	margin-top: 5px;
}

blockquote cite:before{
	content: ?\2014 \2009?;
}


ul.ticks{
	position:relative;
	display:block;
	font-size:15px;
	margin-left:18px;
	padding-bottom:20px;
}

ul.ticks li{
	position:relative;
	padding-bottom:10px;
}

ul.ticks li::before{
	color: #2193b0;
 	position:absolute;
 	left:-16px;
 	top:5px;
}

ul.ticks.white li::before{
	color:#fff;
}

ul.ticks li{
	padding-left:15px;
}

ul.ticks li::before {
 	font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f00c";
}


/* =Colours
----------------------------------------------- */

.blue,
.wpcf7-form label,
.post-content a,
#footer ul li a:hover,
#breadcrumbs .strap a:hover{
	color:#2193b0
}

.orange,
.content-blocks .block h4:hover{
	color:#ef5e09
}

.blue-bg{
	background:#2193b0
}

/* =Structure
----------------------------------------------- */

body {
	text-align:center;
	font-family: 'Open Sans', sans-serif;
	color:#666;
	text-align:center;
}

#wrapper{
	position:relative;
	width:100%;
	min-width:360px;
}

#main-content{
	width:100%;
	margin:0 auto 0 auto;
}


.home .main-content{
	padding-top:30px;
}

.setwidth{
	position:relative;	
	max-width:1650px;
	min-width:360px;	
	margin: 0 auto;
	padding:0 20px;
}

.setwidth.small{
	max-width:1250px;
}

.introduction,
.page-categories{
	position:relative;
	max-width:1000px;
	text-align:left;
	margin:0 auto 40px auto;
	padding-bottom:40px;
}

.introduction:after{
	content: "";
	position: absolute;
	width: 60px;
	height: 1rem;
	bottom: 20px;
	left: calc(50% - 30px);
	border-bottom: 3px solid #00b6c8;
}


.introduction p{
	font-size:19px;
}

.home .introduction:after{
	display: none !important;
}

.home .introduction p{
	font-size:16px;
}

.introduction h2.page-title{
	max-width:720px;	
	margin-left: auto;
	margin-right: auto;
}

.title-wrapper{
	padding:20px 0 60px 0;
}


.table{
	display:table;
	table-layout: fixed;
	border-collapse: collapse;
	width:100%;
	height:100%;
}

.table-cell{
	display:table-cell;
	vertical-align:top;
}

.table-row{
	display:table-row;
	width:100%;
}

.author.table-cell{
	width:200px;
}

.content.table-cell{
	padding-left:80px;
}

.author img{
	max-width:200px;
	display:inline-block;
  -webkit-border-radius: 50%; 
  -moz-border-radius: 50%; 
  border-radius: 50%;	
  height:auto;
  width:100%;
 	text-align:center; 
 	margin-bottom:20px;
 	border:6px solid #56bcd4;
}


.author h4{
	font-weight:600;
	padding-bottom:5px;
}

.author h5{
	font-size:14px;
	font-weight:600;
}

.author h6{
	font-size:14px;
	padding-top:2px;
}

/* =Promos
----------------------------------------------- */

.banner .guide-download{
	position:absolute;
	right:60px;
	bottom:-40px;
	width:600px;
}

.guide-download{
	position:relative;
	-webkit-box-shadow: 0 7px 20px -3px rgb(0 0 0 / 15%);
	box-shadow: 0 7px 20px -3px rgb(0 0 0 / 15%);
	background-position: left center;
	background-repeat: no-repeat;
	background-color:#fff;
	background-size:160px;
	padding:35px 30px 35px 150px;
	width:100%;
}

.guide-download h4{
	text-transform:uppercase;
	font-weight:600;
}

.guide-download p{
	font-size:15px;
}

.guide-download #guide-form{
	display:none;
}

.guide-download #guide-form{
	position:absolute;
	left:0;
	top:100%;
	width:100%;
	padding:20px 20px 45px 20px;
	background-color:#ef5e09;
	z-index:2;
}


.guide-download #guide-form *{
	font-size:14px;
	color:#fff;
}

.guide-download #guide-form .mc-field-group{
	width:100%;
	clear:both;
}

.guide-download  #mc-embedded-subscribe{
	display:block;
	background-color:#000;
	width:100%;
	padding:12px;
	border:0;
}




/* =Heaadings
----------------------------------------------- */

h1,h2,h3,h4,h5{
	font-weight:normal;
	line-height:1.6em;
}

h1{
	font-size:38px;
}

h2{
	font-size:36px;
	line-height:1.4em;	
}

h3{
	font-size:28px;
}

h4{
	font-size:18px;
}

h5{
	font-size:16px;
}

.page-title{
	text-align:center;
}


h1.page-title,
h2.page-title,
h3.page-title{
	position:relative;
	margin-bottom:60px;
}

h1.page-title{
	margin-bottom:20px;
	font-weight:600;
}

h1.page-title:after,
h2.page-title:after,
h3.page-title:after{
	content: "";
	position: absolute;
	width: 60px;
	height: 1rem;
	bottom: -1.5rem;
	left: calc(50% - 30px);
	border-bottom: 3px solid #00b6c8;
}


.page-title.white-border:after{
	border-color:#fff;
}

h3.page-title{
	margin-bottom:50px;
}


h3.page-title:after{
	height: 0.8rem;
}

.guide-download h4{
	position:relative;
	margin-bottom:35px;
}

.guide-download h4:after {
	content: "";
	position: absolute;
	width: 60px;
	height: 1rem;
	bottom: -1rem;
	left: calc(50% - 30px);
	border-bottom: 2px solid #00b6c8;
}



/* =Topbar
----------------------------------------------- */

#topbar{
	position:relative;
	background: #2193b0;  /* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #56bcd4, #2193b0);  /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to left, #56bcd4, #2193b0); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	height:65px;
	padding:0 20px;
	z-index:999999;
}

#topbar .topbar-right,
#topbar .topbar-left{
  margin: 0;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

#topbar .topbar-right{
	right:20px
}

#topbar .topbar-left{
	left:20px
}


a.logo{
	display:block;
	position:absolute;
	left:20px;
	top:0;
	background:#56bcd4;
	height:100px;
	width:160px;
	z-index:9;
}

a.logo:hover{
	background-color:#ef5e09
}

a.logo img{
	display:block;
	width:80%;
	height:auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);	
}


#topbar .strapline{
	float:left;
	text-align:left;
	padding-left:180px;
	
}

#topbar .strapline h2{
	font-size:18px;
	color:#fff;
	font-weight:400;
}

#topbar .tels{
	float:right;
}

#topbar .tels .btn{
	margin-left:12px;
}

#topbar .tels a .fas{
	margin-right:5px;
}

#topbar ul#topbar-nav{
	float:right;
	margin-right:20px;
	margin-top:4px;
}

#topbar ul#topbar-nav li{
	display:inline-block;
}


#topbar ul#topbar-nav li a{
	color:#fff;
	text-decoration:none;
	display:block;
	padding:0 16px;
	text-transform:uppercase;
	font-weight:600;
	font-size:12px;
}

#topbar ul#topbar-nav li a:hover{
	text-decoration:underline;
}


#topbar.nav-down {
	position:fixed;
	width:100%;
	top:0;
	left:0;
	z-index:99999;	
}

#topbar ul#topbar-nav li.caution a::before,
#mobile-menu #nav li.caution a::before {
	font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f05a";
	padding-right:5px;
	display:inline-block;
	font-size:16px;
	position:relative;
	top:1px;
}

#mobile-menu #nav li.caution a::before {
	top:0;
	padding-right:8px;
}

/* =Header
----------------------------------------------- */


#header{
	position:relative;
}

.navigation{
	text-align:center;
}

.navigation ul{
	text-align:center;
}

.navigation ul li{	
	display:inline-block;
}

.navigation ul li a{
	text-decoration:none;
	display:block;
	padding:25px 16px;
	text-transform:uppercase;
	font-weight:600;
	font-size:14px;
}

.navigation ul li.current-menu-item > a{
	color:#ef5e09 !important;
}

.navigation ul li a:hover,
.navigation ul li.menu-item-has-children:hover > a{
	color:#2193b0;
	-webkit-transition: background-color 300ms linear;
	-ms-transition: background-color 300ms linear;
	transition: background-color 300ms linear;	
  background: #e6f9fd;	
}


.navigation ul#nav li.menu-item-has-children > a{
	padding-right:35px;
	position:relative;
}

.navigation ul#nav li.menu-item-has-children > a:after {
	content: "\f078";
	font-family: 'Font Awesome 5 Free';
	right: 15px;
	font-style: normal;
	position: absolute;
	top: 28px;
	font-weight: 700;
}

.navigation ul.sub-menu{
	display:none;
	position:absolute;
	left:0;
	top:68px;
	z-index:9;
	background: #e6f9fd;
	width:100%;
	padding:30px 0 50px 0;
}

.navigation ul.sub-menu li{
	vertical-align:top;
	width:10%;
	margin:1%;
}

.navigation ul.sub-menu li a{
	display:block;
	padding-right:22px;
	position:relative;
	vertical-align: top;
	text-align: center;
	background: #fff;
	-webkit-box-shadow: 0 7px 20px -3px rgb(0 0 0 / 15%);
	box-shadow: 0 7px 20px -3px rgb(0 0 0 / 15%);
	padding: 10px;
}

.navigation ul.sub-menu li a small{
	font-weight:normal;
	font-size:10px;
	padding-top:3px;
	display:block;
	text-align:center;
	font-style:italic;
}

.navigation ul.sub-menu li a img{
	width:100%;
	height:auto;
	padding:0;
}

.navigation ul.sub-menu li a span.menu-image-title {
	position: absolute;
	z-index: 2;
	display: block;
	width: 85%;
	bottom: -20px;
	background: #fff;
	padding: 10px 10px;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 600;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

.hamburger{
	z-index: 999999;
	position: relative;
	display:none;
	padding:0;
	float:right;
	top:5px;
	margin-left:20px;
	opacity: 1 !important;
}

#mobile-menu{
	display:none;
	position:fixed;
	right:0;
	top:60px;
	z-index:999;
	background: #15a3c7;
	background: -webkit-linear-gradient(to right, #236777, #15a3c7);
  background: linear-gradient(to left, #236777, #15a3c7);
	padding:30px;
	width:100%;
}


#mobile-menu li a{
	color:#fff;
	text-transform:uppercase;
	text-decoration:none;
	display:block;
	padding:15px 0;
	font-weight:600;
}

#mobile-menu li.current-menu-item a{
	color: #fcb900;	
}


.hamburger-inner, 
.hamburger-inner::before, 
.hamburger-inner::after {
	background-color:#fff;
	border-radius: 0 !important;
}


/* =Homepage
----------------------------------------------- */

#breadcrumbs{
	margin-bottom:40px;
	text-align:left;
}


#breadcrumbs.no_banner{
	margin-bottom:0;
}

#breadcrumbs .strap{
	background:#eee;
	border-bottom-right-radius: 400px 120px;
	background-clip: padding-box;	
	padding:8px 120px 8px 20px;
	width:auto;
	display:inline-block;	
}

#breadcrumbs .strap,
#breadcrumbs .strap a{
	font-size:12px;
}

.banner{
	position:relative;
	width:100%;
	height:auto;
}

.home .banner{
	margin-bottom:0;
}

.banner img{
	width:100%;
 	height:700px;
	object-fit:cover;
	font-family: 'object-fit: cover; object-position: center;';		
	object-position: center;	
}

.banner .textbox{
	position:absolute;
	left:8%;
	top:15%;
	color:#fff;
	background:rgb(33,147,176, 0.8);
	padding:12px 60px;
}


.banner .textbox h1{
	text-transform:uppercase;
	font-weight:700;
	font-size:48px;
	border-bottom:4px solid #fff;
  text-shadow: 1px 1px 2px rgb(0 0 0 / 50%);	
  line-height:1.2em;
  padding:20px 0;
}

.banner .textbox h2{
	font-size:32px;
	font-family: 'Merienda', cursive;
	padding:20px 0;
  text-shadow: 1px 1px 1px rgb(0 0 0 / 90%);
}

.small-page-banner.banner img.banner-image{
 	height:600px;
	object-fit:cover;
	font-family: 'object-fit: cover; object-position: center;';		
	object-position: center;
}

.small-page-banner.banner .textbox{
	max-width:620px;
}

.small-page-banner.banner .textbox h1{
	font-size:36px;
}

.small-page-banner.banner .textbox h2{
	font-size:26px;
}

.banner .textbox .btn{
	margin:10px 0 30px 0;
}


/* =Boxes
----------------------------------------------- */

.boxes{
	text-align:center;
}

.boxes .box{
	position:relative;
	width:22.6666%;
	margin:0 3.11111% 8% 0;
	float:left;
	vertical-align:top;	
	text-align:center;
  background: #fff;
 	-webkit-box-shadow: 0 7px 20px -3px rgb(0 0 0 / 15%);
	box-shadow: 0 7px 20px -3px rgb(0 0 0 / 15%); 
	padding:10px;
	text-decoration:none;
	display:block;
}

.boxes a.box:hover *{
	color:#666;
}

.home .boxes a.box{
	margin-bottom:60px;
}

.boxes a.box:nth-child(4n+1) {  
	clear:left;
}

.boxes a.box:nth-child(4n+4) { 
	margin-right:0;
}


.sidebar .boxes a.box{
	width:100% !important;
	float:none !important;
	margin:0 0 100px 0 !important;
}

.sidebar .setwidth{
	min-width: auto;
	padding: 0 0;
}

.boxes a.box:hover{
  color: #ef5e09;	
}

.boxes a.box img{
	width:100%;
	height:auto;
	display:block;
}

.boxes .box span.text{
	position:absolute;
	z-index:2;
	display:block;
	width:90%;
	bottom: -40px;
	background:#fff;
	padding:18px 20px;
	font-size:21px;
	text-transform:uppercase;
	font-weight:600;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

/* =Boxes 2 column
----------------------------------------------- */


.boxes.col-2 .box,
.boxes.col-2 .box:nth-child(4n+4){
	width:48%;
	padding-right:25px;
	padding:20px;
	float:left;
}

.boxes.col-2 .box:nth-child(2n+2) {  
	margin-right:0;
	float:right;
	clear:right;
}

.boxes.col-2 .box.floatleft{
	float:left;
	clear:none;
}

.boxes.col-2 .box .image{
	width:350px;
	height:100%;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
}

.boxes .box .text-content{
	text-align:left;	
	padding-bottom: 40px;	
	padding-left:30px;
	padding-right:30px;
}

.boxes.col-2 .box .text-content p{
	overflow:auto;
	font-size:15px;
}

.boxes.fullwidth .box .text-content p:first-of-type,
.boxes.col-2 .box .text-content p:first-of-type{
	padding-top:15px;
	font-weight:600;
	font-size:16px;
}

.boxes.fullwidth .box .text-content p:last-of-type,
.boxes.col-2 .box .text-content p:last-of-type{
	font-weight:400;
	font-size:15px;
}


/* =Boxes 2 fullwidth
----------------------------------------------- */

.boxes.fullwidth .box{
	margin:0 0 120px 0;
	width:100%;
	float:none;	
	padding-bottom:20px;
}

.boxes.fullwidth .box:last-of-type{
	margin-bottom:0;
}

.boxes.fullwidth .box .image{
	width:100%;
}

.boxes.fullwidth .box .image img{
	width:100%;
	height:auto;
	
}

.boxes.fullwidth .box p{
	padding-right:20px;
	padding-left:20px;
}


/* =News
----------------------------------------------- */

.boxes a.box img{	
	object-fit:cover;
	font-family: 'object-fit: cover; object-position: center;';		
	object-position: center;
}

.news.boxes a.box span.text{
	font-size:16px;
}

span.post-date{
	display:block;
	line-height:1.6em;
	padding:4px 5px 0 5px;
	font-size:12px;
	font-style:italic;
	color:#999;
	text-transform:none;
}

.pagenum{
	position:absolute;
	right:-50px;
	top:10px;
	display:block;
	line-height:1.6em;
	font-size:14px;
	font-style:italic;
	color:#999;
	text-transform:none;
}

.paged h1.page-title{
	display:inline-block;	
}

/* = News
----------------------------------------------- */

.blog .boxes a.box {

}

/* =Single news / post
----------------------------------------------- */

.single .title-wrapper span.post-date{
	font-size:14px;
	position:relative;
	padding-top:25px;
}


.blog-post-content .post-content{
	float:left;
	width:62%;
}


.blog-post-content .sidebar{
	float:right;
	width:30%;
}

.sidebar .features{
	padding:30px 25px;	
	margin-top:50px;
}

.sidebar .features h3{
	padding-bottom:30px;
}

.single .news.boxes a.box{
	margin-top:30px;
	margin-bottom:0;
}


/* =Paging
----------------------------------------------- */

.wp-pagenavi {
	clear: both;
	margin-top:120px;
}

.wp-pagenavi a, .wp-pagenavi span {
	text-decoration: none;
	border: 1px solid #ef5e09;
	padding: 8px 15px;
	margin: 2px;
	color:#ef5e09;
	font-size:14px;
  display: inline-block;
}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
	color:#fff;
	background:#ef5e09;
}

.wp-pagenavi span.current {
	font-weight: bold;
}

.wp-pagenavi span.pages {
	border:0;	
}


/* =Post Content
----------------------------------------------- */

.post-content{
	text-align:left;
	margin:0 auto;
}

.post-content a:hover{
	text-decoration:none;
}

.post-content img{
	margin:40px 0 40px 0;
	max-width:100%;
	height:auto;
}


.post-content .wp-block-columns .wp-block-column:first-of-type{
	padding-right:40px;
}

.post-content .post-date + ul,
.post-content .post-date + ol,
.answer .post-content > ul,
.answer .post-content > ol{
	margin-top:0;
	padding-top:0;
}

.post-content h2 + ul,
.post-content h3 + ul,
.post-content h4 + ul,
.post-content h5 + ul,
.post-content h2 + ol,
.post-content h3 + ol,
.post-content h4 + ol,
.post-content h5 + ol{
	margin-top:5px;
}

.post-content ul,
.post-content ol{
	margin:20px 30px;
	font-size:17px;
}

.post-content ul li,
.post-content ol li{
	padding:6px 0;
	line-height:1.6em;
}

.post-content ul li{
	list-style:square;
}

.post-content ol li{
	list-style:decimal;
}


.post-content ol li ol,
.post-content ul li ul{
	margin-bottom:10px;
	margin-top:6px;
}

.post-content ol ol li{
	list-style-position: outside;
	list-style-type:disc;
}

.post-content h2{
	font-weight:600;
	padding:20px 0;
}

.post-content h3{
	font-weight:600;
	padding:30px 0 10px 0;	
}

.post-content > h3:first-of-type{
	padding-top:0;
}

.post-content h4{
	font-weight:700;
	padding:10px 0;
	font-size:20px
}

.post-content h5{
	font-weight:600;
	padding:10px 0;
}

.post-content .wp-block-image img{
	margin:0;
}

.post-content .wp-block-image .alignleft{
	margin-right:30px;
}

.post-content .wp-block-image .alignright{
	margin-left:30px;
}

.bvi-table{
	margin:20px 0;
	border-collapse: collapse;
}

.bvi-table thead tr{
	background: #666;
}

.bvi-table thead th{
	color:#fff;
	font-size:19px;
	padding:14px 10px
}

.bvi-table tbody tr:nth-child(odd){
	background: #eee;
}

.bvi-table td,
.bvi-table th{
	padding:10px;
	line-height: 1.7em;
	border:0;
	vertical-align:top;
}

.bvi-table th{
	border:1px solid #fff;
}

.bvi-table tr:last-child {
 border-bottom: 4px solid #666;
}


.post-content .gallery-item img {
margin: 0;
display: block;
border: 0 !important;
}

.post-content .gallery.gallery-columns-2 .gallery-item:nth-of-type(odd) {
	border-right:10px solid transparent
}

.post-content .gallery.gallery-columns-2 .gallery-item:nth-of-type(even) {
	border-left:10px solid transparent
}

.post-content .gallery.gallery-columns-2 .gallery-item{
	border-bottom:10px solid transparent
}

/* =Footer
----------------------------------------------- */

.footer-strap{
	margin-top:80px;
	background: #33a1bc;
	padding:20px 25px;
}

.footer-strap h2{
	color:#fff;
	font-weight:400;
	font-family: 'Merienda', cursive;	
	font-size:26px;
}

.footer-strap h2 span.tel{
	font-weight:700;
	
}

#footer{
	position:relative;
	padding:80px 80px 120px 80px;
	background:#eee;
	text-align:left;
}

#footer .footer-left{
	float:left;
}

#footer .footer-right{
	float:right;
	text-align:center;
	width:40%;
}


#footer .footer-section{
	float:left;
	padding-right:120px	
}

#footer .footer-section.last{
	padding-right:0;
}

#footer ul li.title{
	font-weight:600;
	padding-bottom:25px;
}

#footer ul li{
	padding:3px 0;
}

#footer ul li span.fas{
	margin-right:10px;
	display:inline-block;
}

#footer ul li a{
	text-decoration:none;
	font-weight:600;
}

#footer ul li a:hover{
	text-decoration:none;
}


#footer ul.address{
	padding:20px 0 30px 0;
}

#footer ul.address li{
	padding:0 0 1px 0;
	font-size:15px;
}

#footer ul.social li{
	float:left;
	padding-right:24px;
}

#footer ul.social li:last-of-type{
	padding-right:0;
}

#footer ul.social li a{
	font-size:32px;
}


#footer ul.social li a:hover{
	color: #656565;
}

#footer .copyright{
	width:100%;
	clear:both;
	text-align:left;
	padding-top:30px;
}

#footer .copyright p{
	font-size:14px;
	color:#999;
}

.footer-newsletter{
	position:absolute;
	right:0;
	top:0;
	background:#33a1bc;
	padding:25px 30px 40px 30px;
	border:10px solid #fff;
	width:40%;	
}

.footer-newsletter h3,
.footer-newsletter h4{
	color:#fff;
}

.footer-newsletter form{
}

.footer-newsletter form label{
	display:block;
	color:#eee;
	font-size:12px;
	padding-bottom:4px;
}

.footer-newsletter form input[type=email],
.footer-newsletter form input[type=text],
.footer-newsletter .mc-field-group.submit-btn .button{
	height:35px;
}

.footer-newsletter form input[type=email],
.footer-newsletter form input[type=text]{
	border:0;
	padding:8px;
	width:100%;
}

.footer-newsletter #mc-embedded-subscribe{
	width:100%;
}

.footer-newsletter #mc_embed_signup_scroll{
	display:table;
	width:100%;
	margin-top:20px;
}

.footer-newsletter .mc-field-group,
.footer-newsletter .mc-field-group.submit-btn{
	position:relative;
	text-align:left;
	display:table-cell;
	width:33%;
	vertical-align:bottom;
	padding:5px;
}

.footer-newsletter .mc-field-group.submit-btn{
	width:24%;
}

.footer-newsletter .mc-field-group.submit-btn .button{
	width:100%;
}


/* =Activity Details
----------------------------------------------- */

.content-blocks{
	position:relative;
	text-align:left;
	padding-bottom:120px;
}


.content-blocks .blocks-wrapper{
	position:relative;
	float:left;
	width:62%;
}

.content-blocks .blocks-wrapper.fullwidth{
	width:100%;
	float:none;
}

.enquiry-box{
	position:relative;
	text-align:center;
}

.content-blocks .enquiry-box{
	float:right;
	width:30%;
}

.content-blocks .enquiry-box.fullwidth{
	float:none;
	width:100%;
	margin:20px;
}

.enquiry-box h3{
	padding:20px 25% 12px 25%;
	font-weight:600;
	font-size:18px;
	line-height:1.4em;
	background: #2999b5;
	color:#fff;
	text-transform:uppercase;
}

.enquiry-box .icons{
	position:absolute;
	left:12px;
	top:-25px;
}

.enquiry-box .icons .circle{
	width:48px;
	height:48px;
	background:#fff;
	border:2px solid #2193b0;
  -webkit-border-radius: 50%; 
  -moz-border-radius: 50%; 
  border-radius: 50%;	
  float:left;
  position:relative;
}

.enquiry-box .icons .circle:nth-of-type(2){
	position:relative;
	right:10px;
}

.enquiry-box .icons .circle span{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size:21px;
}


.enquiry-box .text{
	padding:25px 30px;
}

.enquiry-box ul{
	text-align:left;
	font-size:12px;
	padding-top:5px;
}

.enquiry-box ul li{
	padding:2px 0;
}

.enquiry-box p{
	font-size:14px;
}

.enquiry-box a.btn{
	display:block;
	width:100%;
	margin:10px 0;
	padding:10px;
}

.enquiry-box a.btn.tel{
	font-size:22px;
}

.enquiry-box a.btn .fas{
	margin-right:6px;
	display:inline-block;
}


.content-blocks .block{
	border-bottom:1px solid #83cadc;
}

.content-blocks .block .h4,
.content-blocks .block h4{
	text-transform:uppercase;
	font-size:19px;
	padding:15px 0;
	display:block;
	text-decoration:none;
}

.content-blocks .block .h4 span.icon,
.content-blocks .block h4 span.icon{
	display:inline-block;
	padding-right:10px;
}

.content-blocks .block .answer{
	padding:10px 0 20px 0;
}

.content-blocks .block .answer a.btn{
	margin:10px 0 40px 0;
}

.content-blocks .block h4:hover{
	cursor:pointer;
}

.content-blocks .block h3.trigger{
	
}


.content-blocks .answer{
	display:none;
}

.content-blocks .block:first-of-type .answer{
	display:block;
}

.gallery.boxes a.box{
	position:relative;
	width:250px;
	margin:0 20px 0 0;
	float:left;
}

.gallery.boxes a.box img{
	width:100%;
	height:auto;
}

.owl-carousel .owl-stage {
	margin-bottom: 20px;
}

.owl-carousel.owl-loaded {
	padding-right: 20px;
}


.owl-carousel .owl-stage-outer {
	margin:0 40px 0 50px;
}

.owl-prev {
  position: absolute;
  top: 40%;
  transform: translateY(-40%);
	margin-left: -20px;
	display: block !important;
	border:0px solid black;
}

.owl-next {
	position: absolute;
  top: 40%;
  transform: translateY(-40%);
	right: 0;
	display: block !important;
	border:0px solid black;
}

.gallery .fa.fa-angle-right,
.gallery .fa.fa-angle-left{
	font-size: 42px;
}

.owl-theme .owl-nav [class*=owl-]:hover {
	background: none;
	color: #ef5e09;
	text-decoration: none;
}

.featherlight-next,
.featherlight-previous,
.featherlight-next span,
.featherlight-previous span{
	display:block !important;
}

.featherlight-next img.emoji,
.featherlight-previous img.emoji{
	display:none !important
}

.featherlight-next span,
.featherlight-previous span{
	height:40px !important;
	width:40px !important;
	text-shadow: none;
}

.featherlight-previous span::after{
	font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f359";
	font-size:32px;
}

.featherlight-next span::after{
	font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f35a";
	font-size:32px;
}

.featherlight-next:hover,
.featherlight-previous:hover {
	background:none !important;
}

/* =The Islands
----------------------------------------------- */

.islands.boxes h1{
	margin-bottom:80px;
}


/* =Acommodation / Island Details
----------------------------------------------- */


.accommodation-wrapper{
	padding-top:80px;
}

.accommodation-wrapper h1{
	margin-bottom: 80px;
}

.features-box{
	margin:60px 0;
}

.features-box .image{
	width:25%;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;	
}

.features-box .list{
	width:30%;
	padding:50px;
	text-align:left;
	color:#fff;
}


.features-box .list ul.ticks li{
	padding-bottom:16px;
}

.features-box .list h4{
	font-weight:600;
	text-transform:uppercase;
	font-size:18px;
	padding:0 0 0 0;
}

.features-box .list h3{
	text-transform:uppercase;
	font-size:14px;
	padding:0 0 25px 0;	
	font-weight:600;
}

.features-box .gap{
	width:5%;
}

.features-box .enquiry{
	width:25%;
}


.popular-features{
	padding-bottom:15px;
}

.popular-features ul{
	text-align:center;
}

.popular-features li{
	display:inline-block;
	vertical-align:top;
	padding:0 30px 20px 30px;
	font-size:15px;
	text-align:center;
}

.popular-features li span{
	display:block;
	font-size:28px;
	text-align:center;
	padding:5px;
}



/* =Testimonials
----------------------------------------------- */


.testimonials .testimonial{
	position:relative;
	vertical-align:top;
	display:inline-block;
	width:42%;
	margin:80px 3% 4% 3%;
	padding:30px;
	background:#fff;
	padding-bottom:50px;
}

.testimonials .testimonial .caption p{
	font-size:21px;
}

.testimonials .testimonial p{
	font-size:15px;
}

.testimonials .testimonial .fas.fa-quote-left{
	font-size:21px;
	padding-right:15px;
}


.testimonials .testimonial h5{
	position:relative;
	font-size:14px;	
	font-weight:700;
}

.testimonials .testimonial .sep {
	width: 60px;
	height: 0;
	border-bottom: 2px solid #00b6c8;
	margin:0 auto;
	margin-bottom:20px;
}

.testimonials .testimonial small{
	font-size:13px;
	padding-top:4px;
}

.testimonials .testimonial h5,
.testimonials .testimonial small{
	color:#fff;
}	

.testimonials .testimonial .author{
	background:#33a1bc;
	padding:12px;
	position:absolute;
	bottom:0;
	width:85%;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	bottom: -25px;	
}



/* =Testimonials page
------------------------- */

.page-template-page-testimonials .testimonials .testimonial{
	width:46%;
	float:left;
	margin:80px 0 60px 0;
}

.gutter-sizer { 
	width: 7%;
}



/* =Testimonial feature
------------------------- */

.testimonials-wrapper{
	position:relative;
	padding:50px 0 340px 0;
}

.home .testimonials-wrapper{
	padding-top:80px;
}

.home .testimonials-wrapper .btn{
	position: absolute;
	bottom: 20px;
	left: 50%;
	transform: translateX(-50%);
}

.testimonials-wrapper img{
	width:100%;
 	height:700px;
	object-fit:cover;
	font-family: 'object-fit: cover; object-position: center;';		
	object-position: center;		
}

.testimonials-wrapper .text{
  position: absolute;
  top: 30%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80%;
}

.testimonials-wrapper h2{
  font-size:42px;
	text-transform: uppercase;
	font-weight: 700;
	border-bottom: 4px solid #fff;
	text-shadow: 1px 1px 2px rgb(0 0 0 / 80%);
	color:#fff;
	width:auto;
	padding-bottom:10px;
	display:inline-block;
}

.testimonials-wrapper .text .stars{
	padding:20px 0 40px 0;
}

.testimonials-wrapper .text .stars .fas{
	font-size:28px;
	color: #ef9309;
	padding:0 2px;
}

.testimonials-wrapper .testimonials{
	text-align:center;
	position:absolute;
	top:62%;
}

.testimonials-wrapper .testimonial{
	width:30%;
	margin:0 1%;
}

.testimonials-wrapper .testimonials .testimonial .caption p{
	font-size:18px;
}




/* =Yachts Parent/Results Page
----------------------------------------------- */

.results .boat-specs{
	margin:10px 0;
	height:auto;
}

.results .boat-specs .table-cell span{
	display:block;
	width:100%;
	text-align:center;
}

.results .boat-specs .icon{
	display: block;
	font-size: 28px;
	text-align: center;
	padding: 5px;
}

.results .boat-specs .label{
	font-size:14px;
}

.results .boat-specs .value{
	font-size:16px;
	font-weight:700;
}


ul.tabs{
	
}

ul.tabs li{
	width:50%;
	float:left;
	text-align:center;	
}

ul.tabs li a{
	position:relative;
	display:block;
	font-size:32px;
	text-align:center;
	text-decoration:none;
	padding:20px;
	border:3px solid #2193b0;
}


ul.tabs li a span.triangle-down{
	display:none;
}

ul.tabs li.current a span.triangle-down{
	display:block;
}

ul.tabs li a span.triangle-down{
	position:absolute;
	bottom:-40px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 0;
	height: 0;
	border-left: 50px solid transparent;
	border-right: 50px solid transparent;
	border-top: 50px solid #2193b0;
}

ul.tabs li.current a{
  background-color:#2193b0;
	color: #fff;	
}

ul.tabs li a .fas{
	padding-right:12px;
}

.tab-content,
.tab-content.hide{
	display:none;
}

.tab-content.current{
	display:block;
}


/* =Yachts Details Page
----------------------------------------------- */

.page-template-page-boat-details .results .boat-specs{
	max-width:400px;
	margin:0 auto;
}

.page-template-page-boat-details .post-content.specs{

}

.page-template-page-boat-details .post-content.specs .table-row{

}

.page-template-page-boat-details .post-content.specs .table-row:nth-of-type(odd){
	background:#eee;
}

.page-template-page-boat-details .post-content.specs .table-cell{
	padding:10px 12px;
}


.page-template-page-boat-details .post-content.specs .table-row > .table-cell:nth-of-type(2){
	text-align:right;
}



/* =Fleets section
----------------------------------------------- */

.results.fleet.boxes{
	margin-top:80px;
}


/* =Contact Page
----------------------------------------------- */

.contact-details{
	text-align:left;
	float:left;
	width:50%;
}


.contact-details .field{
	padding-bottom:25px;
	position:relative;
}

.contact-details .field h5{
	font-size:19px;
	font-weight:600;
}

.contact-details .field i.fas{
	display:inline-block;
	padding-right:30px;
}


.contact-details .field.address p{
	float:left;
	padding-left:6px;
}

.contact-details .field.address i.fas{
	font-size: 24px;
	font-weight: 600;
	float:left;
	padding-right:10px;
	padding-top:4px;
}	

.contact-details .field.hours{
	padding:0 30px;
}

.contact-details .field.hours small{
	display:block;
	font-size:14px;
	font-weight:normal;
	max-width:400px;
	line-height:1.5em;
}

.contact-details .field.address{
	padding-bottom:60px;
}

.contact-form{
	float:right;
	width:45%;
	text-align:left;
}

.contact-form .enquiry-box p {
	font-size: 17px;
}

.contact-form .enquiry-box .text {
	padding-bottom:0;
}

.contact-form h3 {
	text-align:center;
	font-weight: 600;
	font-size: 21px;
	line-height: 1.4em;
	color: #fff;
	text-transform: uppercase;
}

#mc_embed_signup label, 
.wpcf7-form label{
	font-size:13px;
	text-align:left;
	text-transform: uppercase;
}

.enquiry-box .wpcf7-form .disclaimer p{
	text-align:left;
	font-size:12px;	
}

#guide-form #mc_embed_signup select,
#guide-form #mc_embed_signup input[type=text],
#guide-form #mc_embed_signup input[type=email],
.wpcf7-form select,
.wpcf7-form input[type=text],
.wpcf7-form input[type=email],
.wpcf7-form textarea{
	width:100%;
	padding:6px;
	border:0;
	font-size:17px;
	color:#333;
	border:1px solid #999;
}

.wpcf7-list-item {
	padding: 8px 0;
	margin: 0 20px 0 0 !important;
}

.wpcf7-list-item-label{
	position:relative;
	bottom:2px;
	padding-left:3px;
}

.wpcf7-form input[type=submit]{
	width:100%;
	padding:10px;
	margin-top:10px;
	margin-bottom:10px;
}

.wpcf7-form textarea{
	height:150px;
}

.mc-field-group,
.wpcf7-form .field{
	margin:14px 0;
	text-align:left;
}

.wpcf7-form .field-left{
	float:left;
	width:48%;
	text-align:left;	
}

.wpcf7-form .field-right{
	float:right;
	width:48%;
	text-align:left;
}

span.wpcf7-not-valid-tip {
	font-size:13px !important;
	font-weight:300 !important;
	color:#990000 !important;
	padding-top:3px;
	text-indent:0;
}

div.wpcf7-response-output{
	margin: 0 0 0 0 !important;
	border: 0 !important;
	padding: 10px 15px !important;
	background: #2a2a2a;
	color: #fff;	
	position: relative;
	bottom: 30px;	
	font-size:15px;
}

div.wpcf7-validation-errors{
	background:#990000 !important;
	color:#fff;
}


#mc_embed_signup .mc-field-group label{
	display:block;
	padding:0 0 3px 0;
}

#mc_embed_signup .content__gdpr label span{
	display:inline-block;
	padding-left:5px;
}


#mc_embed_signup .content__gdpr h3{
	font-size:14px;
	font-weight:700;
	padding:10px 0 5px 0;
	text-transform:uppercase;
}

#mc_embed_signup .content__gdpr span{
	font-size:13px;
}

#mc_embed_signup .content__gdpr p,
#mc_embed_signup .content__gdprLegal p{
	font-size:13px;
	margin-bottom:10px;
}