/*
Theme Name: Sail the Canaries
Author: BrightCherry Web Design
Author URI: http://www.brightcherry.co.uk/
Description: Sail the Canaries bespoke Theme
Version: 2.1
*/

/* =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;
}

* {
	box-sizing: border-box;
}


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

ol, ul {
	list-style: none;
}

a{
	color:#333;
}

a img {
	border: 0;
}

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

p{
	color:#666;
	margin:15px 0;
	font-size:16px;
	font-family: 'PT Sans Narrow', sans-serif;
	line-height:1.6em;
}

li{
	line-height:1.4em;
}

h1,h2,h3,h4,h5{
	color:#666;
}

.myButton {
	border:0;
	-moz-box-shadow: 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow: 0px 1px 0px 0px #ffffff;
	box-shadow: 0px 1px 0px 0px #ffffff;

	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #5f9fd3), color-stop(1, #176fb7));
	background:-moz-linear-gradient(top, #5f9fd3 5%, #176fb7 100%);
	background:-webkit-linear-gradient(top, #5f9fd3 5%, #176fb7 100%);
	background:-o-linear-gradient(top, #5f9fd3 5%, #176fb7 100%);
	background:-ms-linear-gradient(top, #5f9fd3 5%, #176fb7 100%);
	background:linear-gradient(to bottom, #5f9fd3 5%, #176fb7 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5f9fd3', endColorstr='#176fb7',GradientType=0);

	background-color:#5f9fd3;

	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;

	display:inline-block;
	color:#ffffff !important;
	font-size:15px;
	font-weight:normal;
	padding:6px 24px;
	text-decoration:none;
}

.myButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #176fb7), color-stop(1, #5f9fd3));
	background:-moz-linear-gradient(top, #176fb7 5%, #5f9fd3 100%);
	background:-webkit-linear-gradient(top, #176fb7 5%, #5f9fd3 100%);
	background:-o-linear-gradient(top, #176fb7 5%, #5f9fd3 100%);
	background:-ms-linear-gradient(top, #176fb7 5%, #5f9fd3 100%);
	background:linear-gradient(to bottom, #176fb7 5%, #5f9fd3 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#176fb7', endColorstr='#5f9fd3',GradientType=0);
	background-color:#176fb7;
	cursor:pointer;
}

.myButton:active {
	position:relative;
	top:1px;
}

#intro .myButton{
	font-size:13px;
	font-weight:normal;
	padding:6px 15px;
}

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

body {
	background:#edf6f7;
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	color:#333;
}


#header{
	width:100%;
	text-align:left;
	position:relative;
	padding:0 0 20px 0;
	background:#fff;
	clear:both;
}

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

.setwidth{
	position:relative;	
	max-width:1150px;
	min-width:320px;	
	margin: 0 auto;
	padding:0 20px;
	text-align:left;
}


#logo{
	position:relative;
	padding-top:10px;
	display:block;
}

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

div#nav a.showhidemenu{
	display:none;
}

#nav{
	position:relative;
	margin-top:10px;
}

#nav .nav-arrow{
	position:absolute;
	background:url("images/nav-left-arrow.png") no-repeat left center;
	width:29px;
	height:59px;
	top:-12px;
	left:-29px;
}

#nav ul{
	width:100%;
	background:#176fb7;
	display:table;
}

#nav ul > li{
	position:relative;
	display:table-cell;
	text-align:center;
}

#nav ul li a{
	color:#fff;
	display:block;
	text-decoration:none;
	font-size:16px;
	padding:10px;
	position:relative;
	font-family: 'PT Sans Narrow', sans-serif;
	background:url("images/nav-sep.png") right center no-repeat;
	text-align:center;
}

#nav ul li:last-child a{
	background:none;	
}


#nav ul li.right a{
	background:none;
}

#nav ul li.current a,
#nav ul li a:hover,
#nav ul li.current_page_item a{
	background:#5f9fd3;
}

#nav ul.sub-menu{
	display:none;
	position:absolute;
	top:42px;
	left:0;
	z-index:999999999;
	height:auto;
	width:300px;
	padding:0 0 20px 0;
	background:url("images/nav-arrow.png") no-repeat center bottom;
}

#nav ul.sub-menu li{
	display:block;
	clear:both;
	width:100%;
	text-align:left;
	background:#176fb7;
}

#nav ul.sub-menu li:first-of-type{
	padding-top:20px;
}

#nav ul.sub-menu li:last-of-type{
	padding-bottom:20px;
}


#nav ul.sub-menu li a{
	text-align:left;
	margin:0 10px;
	display:block;
	padding:5px 20px;
	color:#eee;
	font-size:15px;
	border-bottom:1px dashed #eee;
	background:url("images/arrow.png") no-repeat 5px center;
}

#nav ul.sub-menu li:last-child a{
	border-bottom:0;
}

#nav ul.sub-menu li a:hover{
	background:url("images/arrow.png") no-repeat 5px center;
	color:#a3cbec;	
}	


.header-left{
	float:left;
}

.header-left a.logo{
	display:block;
}

.header-right{
	float:right;
	width:70%;
}

#header-contact{
	float:right;
	padding:40px 0 0 30px;
	text-align:right;
}

#header img#ryalogo{
	float:right;
	padding-left:30px;
}

#header-contact h4{
	font-size:32px;
	color:#176fb7;
}

#header-contact h5 a{
	font-size:17px;
	text-decoration:none;
	color:#176fb7;
}

#header-contact h5 a:hover{
	text-decoration:underline;
}

.trip-advisor{
	float:right;
	vertical-align:top;
	position:relative;
}

#CDSWIDEXC {
	margin: 0 !important;
}

#breadcrumbs{
	position:relative;
	bottom:10px;
}

#breadcrumbs,
#breadcrumbs a{
	font-size:11px;
	color:#666;
}


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

.home #content h1{
	position:relative;
	text-align:left;
	top:25px;
	left:0;
	font-size:38px;
	font-weight:normal;
	width:520px;
	height:238px;
	font-family: 'Raleway', sans-serif;
	color:#fff;
	z-index:999;
	padding:20px 30px 30px 30px;
	background:url("images/h1-bg.png") no-repeat;
	background-size:contain;
}

.home #boxes{
	margin-top:60px;
	min-width:980px;
}

#boxes .box{
	border:1px solid #dddddd;
	padding:15px 15px 3px 15px;
	width:31.333333333%;
	margin-right:3%;
	margin-bottom:20px;
	float:left;
	background:#fff;
	position:relative;

	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px; /* future proofing */
	-khtml-border-radius: 8px; /* for old Konqueror browsers */
}

#boxes .box:nth-of-type(3n + 3){
	margin-right:0 !important;
}


.home #boxes .box{
	width:28%;
	margin-right:30px;
}


#boxes li{
	margin-bottom:5px;
}

#boxes .box a.main img{ 
	width:100%;
	height:auto;
	margin-top:10px;
}

#boxes .box	h3{
	color:#176fb7;
	font-family: 'Raleway', sans-serif;
	font-size:18px;
	font-weight:700;
}

#boxes .box	h3 a{
	text-decoration:none;
	color:#176fb7;	
}

#boxes .box p{
	font-size:15px;
	padding-top:0 !important;
}

div.btn-wrapper{
	display:block;
	clear:both;
	margin-top:30px;
	padding:15px 0;
	width:100%;
	border-top:1px solid #dddddd;
	text-align:center;
}


span.price{
	display:block;
	color:#be1e2d !important;
	font-size:21px;
	padding:5px 0 20px 0;
}

span.price i{
	font-style:normal;
	font-size:14px;
}

.page-template-page-course-details span.price{
	left:200px;
}

#intro{
	padding:40px 0 30px 0;
}


#intro h2{
	font-size:22px;
}

#intro .left{
	float:left;
	width:45%;
	padding-bottom:30px;
}


#intro .right{
	float:right;
	width:48%;
}

#intro .right img{
	float:right;
	position:relative;
	bottom:50px;
	padding-left:20px;
}

/* =Page content
----------------------------------------------- */

#page-content{
	background:#edf6f7;
	padding:20px 20px 50px 20px;
	min-height:690px !important;
}

#page-content a{
	color:#176fb7;
}

#page-content a:hover{
	text-decoration:none;
}


#page-content h1{
	font-size:38px;
	font-weight:normal;
	font-family: 'Raleway', sans-serif;
	color:#176fb7;
}

#page-content h3{
	font-size:26px;
	font-family: 'Raleway', sans-serif;
	color:#176fb7;
	margin-top:25px;
	font-weight:700;
}

#page-content #boxes h3{
	margin-top:0;
}


#curved-box{
	border:1px solid #dddddd;
	padding:25px 30px 25px 30px;
	background:#fff;
	position:relative;

	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px; /* future proofing */
	-khtml-border-radius: 8px; /* for old Konqueror browsers */	
}

.post-content{}

.post-content ul{}

.post-content ul li{}

.post-content ol{}

.post-content ol li{}

.post-content h4{
	font-weight:bold;
	margin-top:25px;
}

/* =Page Location
----------------------------------------------- */

.location-map{
	float:right;
	margin-left:20px;
}	

#transport{
	margin-top:30px;
}

#transport p{
	padding:0 !important;
	margin:0 !important;
}

#transport h4{
	font-size:14px;
	font-weight:normal;
	font-family: 'Raleway', sans-serif;
	color:#176fb7;
	font-weight:bold;
}

#transport div{
	padding-left:70px;
	margin-bottom:30px;
	background-repeat: no-repeat;
	background-position:left top;
}


/* =Page RYA Courses
----------------------------------------------- */

#page-content.rya-courses #boxes{
	margin-top:30px;
}


#page-content ul{
	margin:5px 0;
}

#page-content ul li{
	color:#666;
	font-size:16px;
	font-family: 'PT Sans Narrow', sans-serif;
	list-style-type:disc;
	margin-left:17px;
}

.course-details{
	padding-top:30px;
}

.course-detail{
	position:relative;
	border:1px solid #dddddd;
	padding:25px;
	position:relative;
	width:48%;
	float:left;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px; /* future proofing */
	-khtml-border-radius: 8px; /* for old Konqueror browsers */
}

.course-detail.fullwidth{
	width:100%;
}

.course-detail:nth-of-type(2n + 2){
	float:right;
}

.page-template-page-course-details #page-content h3{
	margin-top:0;
}

.page-template-page-course-details .post-content h4{
	color:#176fb7;
	margin-top:25px;
	font-weight:700;
}


.page-template-page-course-details .course-detail .sameheight h4{
	margin-top:15px;
}


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

#footer{	
	width:100%;
	position:relative;
	padding:40px 0 30px 0;
	background:#fff;
}

#footer .panel{
	float: left;
	margin-right: 30px;
	width: 18%;
}


#footer .panel.last{
	margin-right:0;
}

#footer .panel ul{
	margin-top:5px;
}

#footer .panel ul li{
	padding:4px 0;
}

#footer .panel a{
	line-height: 1.6em;
	font-size: 11px;
	color: #666;
	background: url(images/black-arrow.png) no-repeat left 5px;
	padding-left: 10px;
	display: block;
}

#footer .panel a:hover{
	text-decoration:none;
}

#footer .panel h4 a{
	color:#176fb7;
	font-size:12px;
	font-weight:bold;
	background:none;
	padding-left:0;
	text-decoration:none;
}

#footer .panel h4 a:hover{
	text-decoration:underline;
}

.footer-trip-advisor{
	display:none;
}

#feedbacks{
	position:relative;
	float:right;
	width:30%;
	z-index:9;	
}

#feedbacks .feedback{
	background:#3690d9;
	padding:8px;
	
  /* Safari 3-4, iOS 1-3.2, Android 1.6- */
  -webkit-border-radius: 6px; 

  /* Firefox 1-3.6 */
  -moz-border-radius: 6px; 
  
  /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
  border-radius: 6px; 	
}

.feedback-border{
	border:1px dashed #fff;
	padding:20px;

  /* Safari 3-4, iOS 1-3.2, Android 1.6- */
  -webkit-border-radius: 6px; 

  /* Firefox 1-3.6 */
  -moz-border-radius: 6px; 
  
  /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
  border-radius: 6px; 		
}

#feedbacks a{
	position:relative;
	z-index:9;
	color:#3690d9;
	font-size:14px;
	background:url("images/blue-arrow.png") no-repeat left center;
	display:block;
	padding: 0 0 0 18px;
	margin-top:15px;
	font-style:italic;
}

#feedbacks a:hover{
	text-decoration:none
}

#feedbacks .feedback{
	position:relative;
}

#feedbacks h3{
	color:#fff;
	font-size:18px;
	font-family: 'Raleway', sans-serif;
}

#feedbacks p{
	color:#fff;
	padding-left:20px;
}

#feedbacks span{
	font-family: 'Raleway', sans-serif;
	font-style:normal;
	font-weight:600;
	font-size:14px;
	display:block;
	float:right;
	margin-top:20px;
}

#feedbacks b{
	font-size:40px;
	font-weight:normal;
	position:absolute;
	color:#fff;
	top:50px;
	left:30px;	
}


#disclaimer{
	background:url("images/wave.gif") #fff no-repeat center 0px;
	width:100%;
	text-align:left;
	position:relative;
	padding:90px 0 30px 0;
}	

#disclaimer li{
	font-size:11px;
	display:inline-block;
	color:#999;
	margin-right:30px;
	list-style-type:square;
}

#disclaimer li.first{
	list-style-type:none;
	padding-left:0;
}

#social{
	padding-top:40px;
}

#social a{
	display:inline-block;	
	margin-right:10px;
}

#contact-social a,
#contact-social a img,
#social a,
#social a img{
	border:0;	
	text-decoration:none !important;
}

#contact-social a{
	margin-right:10px;
}

#contact-social a:hover,
#social a:hover{
	zoom: 1;
	filter: alpha(opacity=80);
	opacity: 0.8;	
}

#contact-social img,
#social img{
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px; /* future proofing */
	-khtml-border-radius: 6px; /* for old Konqueror browsers */
}

a#brightcherry{
	position:absolute;
	right:20px;
	bottom:0;
}


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

.testimonial h4{
	font-size:18px;
	font-weight:normal;
	font-family: 'Raleway', sans-serif;
	color:#176fb7;
	font-weight:bold;
}

.testimonial p{
	margin-top:5px;
	margin-bottom:15px;
}

.testimonial{
	margin-bottom:40px;
}

blockquote{
	margin:15px;
	padding-left:20px;
	border-left:2px solid #eee;
	
}

/* Contact
------------------------------------------------------------------*/

#contact{
	margin-top:20px;
}

#contact .left{
	float:left;
	width:55%;;
}

#contact .right{
	float:right;
	width:35%;
}

#contact .right h4{
	font-size:14px;
	color:#666;
}

#contact .right h5 a,
#contact .right h5{
	font-size:20px;
	font-weight:normal;
	color:#176fb7;
	margin-top:5px;
}

#contact .right div{
	margin-bottom:20px;
	padding-bottom:20px;
	border-bottom:1px solid #eee;
}

form{}

form h5{
	font-size:18px;
	font-weight:normal;
	font-family: 'Raleway', sans-serif;
	color:#176fb7;
	font-weight:bold;
	margin-bottom:15px;
}

form div.row{
	border-bottom:1px solid #eee;
	padding:8px 0;
}

form div.row.last{
	border-bottom:0;
}

form label{
	font-size:14px;
	color:#666;
}

form .input{
	float:right;
}

form select{
	float:right;
}

form .input,
form textarea,
form select{
	border:1px solid #c0c0c0;
	width:320px;
	padding:3px 0;
	text-indent:4px;
}

form textarea{
	width:100%;
	margin-top:10px;
	height:115px;
}


form #response ul{
	margin-bottom:20px;	
	background:#be1e2d;
	padding:15px;
}

form #response ul li{
	background:none;
	padding:0;
	color:#fff;
}

form #response ul.success{
	background:#45923a;
}

form .submit{}


/* slider
------------------------------------------------------------------*/

.banner {
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:620px;
	overflow:hidden;
	padding: 0;
	z-index:0;
}

.banner img {
	width: 100%;
	height:auto;
	display: block;
	z-index:0;	
}


/* WP Image alignment
------------------------------------------------------------------*/

/* Alignment */
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.625em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.625em;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.alignleft,
img.alignright,
img.aligncenter {
	margin: 0 0 20px 20px !important;
}

p img,
.wp-caption {
	margin-top: 0.4em;
}
.wp-caption {
	background: #eee;
	margin-bottom: 1.625em;
	max-width: 96%;
	padding: 9px;
}
.wp-caption img {
	display: block;
	margin: 0 auto;
	max-width: 98%;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	color: #666;
	font-family: Georgia, serif;
	font-size: 12px;
}
.wp-caption .wp-caption-text {
	margin-bottom: 0.6em;
	padding: 10px 0 5px 40px;
	position: relative;
}
.wp-caption .wp-caption-text:before {
	color: #666;
	content: '\2014';
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	margin-right: 5px;
	position: absolute;
	left: 10px;
	top: 7px;
}

img.size-full{
	height:auto !important;
	width:auto !important;
}