/*
	Theme Name: Atlas Sailing
	Theme URI: http://www.atlassailing.co.uk
	Description: Atlas Sailing WordPress Theme
	Version: 1.0.1
	Author: Daniel Winnard (@danielwinnard)
	Author URI: http://www.rethink-design.com
	
	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/
/* ==========================================================================
   Base Styles
========================================================================== */
*, *:before, *:after {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
html {-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;}
body {font: 15px/1.5 'Raleway', sans-serif;font-weight:300;text-rendering: optimizeLegibility;-webkit-font-smoothing: antialiased;color:#444;margin: 0px auto;text-align:center;}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary {display: block;}
audio,canvas,video {display: inline-block;*display: inline;*zoom: 1;}
audio:not([controls]) {display: none;height: 0;}
[hidden] {display: none;}
a {text-decoration:none;color:#303030;}
a:hover {text-decoration:underline;}
a:focus {outline: thin dotted;}
a:active, a:hover {outline: 0;}
a:visited   {text-decoration: underline;}
h1, h2, h3, h4, h5, h6 {font-weight:600;text-transform:uppercase;color:#1d3e6e;}
h1 {font-size: 2em;margin: 0.67em 0 0.67em 0;}
article h1 {margin:0.33em 0 0 0;}
h2 {font-size: 1.5em;margin: 0 0 0.83em 0;}
h3 {font-size: 1.17em;margin: 0 0 1em 0;}
h4 {font-size: 1em;margin: 0 0 1.33em 0;}
h5 {font-size: 0.83em;margin: 0 0 1.67em 0;}
h6 {font-size: 0.75em;margin: 0 0 2.33em 0;}
p { margin: 0 0 1em;}
p small {font-size:0.75em;}
span.amp{font-family:Adobe Caslon Pro,Baskerville,"Goudy Old Style","Palatino","Palatino Linotype","Book Antiqua",Georgia,"Times New Roman",Times,serif;font-style:italic;font-size:110%;line-height:0;position:relative;vertical-align:baseline;}
abbr[title] {border-bottom: 1px dotted;}
b,strong {font-weight: 600;}
em, blockquote, dfn {font-style:italic;}
blockquote {background: #f9f9f9;border-left: 10px solid #ccc;padding: 0.5em 10px;}
blockquote:before {color: #ccc;font-size: 4em;line-height: 0.1em;margin-right: 0.25em;vertical-align: -0.4em;}
blockquote p {display: inline;}
mark {background: #ff0;color: #000;}
code,kbd,pre,samp {font-family: monospace, serif;_font-family: 'courier new', monospace;font-size: 1em;}
pre {margin: 1em 0;white-space: pre;white-space: pre-wrap; word-wrap: break-word;}
q {quotes: none;}q:before, q:after {content: '';content: none;}
small {font-size: 80%;}
sub,sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}sup {top: -0.5em;}sub {bottom: -0.25em;}
dl,menu,ol,ul {margin: 1em 0;}dd {margin: 0 0 0 40px;}ol,ul {padding: 0 0 0 40px;}
nav ul,nav ol {list-style: none;list-style-image: none;font-weight:600;text-transform:uppercase;}
img {border: 0; -ms-interpolation-mode: bicubic; max-width:100%; height:auto;}
svg:not(:root) {overflow: hidden;}
figure, form{margin: 0;}
iframe {max-width:680px;}
figure {max-width:681px;min-width:250px;}
fieldset {border: 1px solid #c0c0c0;margin: 0 2px;padding: 0.35em 0.625em 0.75em;}
legend {border: 0;padding: 0;white-space: normal; *margin-left: -7px;}
button,input,select,textarea {margin: 0;vertical-align: baseline;*vertical-align: middle;}
button,input {line-height: normal;}
button,html input[type="button"], input[type="reset"],input[type="submit"] {-webkit-appearance: button;cursor: pointer;*overflow: visible;}
button[disabled], input[disabled] {cursor: default;}
input[type="checkbox"],input[type="radio"] {box-sizing: border-box;padding: 0;*height: 13px;*width: 13px;}
input[type="search"] {-webkit-appearance: textfield;-moz-box-sizing: content-box;-webkit-box-sizing: content-box;box-sizing: content-box;}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
button::-moz-focus-inner,input::-moz-focus-inner {border: 0;padding: 0;}
textarea {overflow: auto;vertical-align: top;}
table {border-collapse: collapse;border-spacing: 0;}
.cf:before, .cf:after {content:"";display:table;}
.cf:after {clear:both;}
.cf {zoom:1;clear:both;}
/* ==========================================================================
   Icons - Slightly Minimised now they have been setup.
   ========================================================================== */
@font-face {
	font-family: 'nautical-icons';
	src:url('font/nautical-icons.eot');
	src:url('font/nautical-icons.eot?#iefix') format('embedded-opentype'),
		url('font/nautical-icons.woff') format('woff'),
		url('font/nautical-icons.ttf') format('truetype'),
		url('font/nautical-icons.svg#nautical-icons') format('svg');
	font-weight: normal;
	font-style: normal;
}
/*================== SOCIAL MEDIA ICONS=====================*/
.social-top-links {text-align:right;margin:0;padding:0;}.social-top-links li {	display:inline-block;	height:34px;	width:34px;	line-height:34px;}.social-top-links a {	height:34px;	width:34px;	line-height:34px;	display:block;	text-align:center;	color:#fff;}
.phone-tb {	background-color:#ff404a;}.mobile-tb {	background-color:#262626;}.twitter-tb{	background-color:#4099ff;}.facebook-tb{	background-color:#3b5998;}.linkedin-tb{	background-color:#0e76a8;}

.footer-social-links li {list-style:none;display:inline-block;text-align:center;}.footer-social-links li a {	display:block;	width:34px;	height:34px;	line-height:34px;}
/*================== ATLAS SAILING ICON SET=====================*/
.atlas-wheel, .atlas-anchor, .atlas-boat1, .atlas-boat2, .atlas-lifebelt, .atlas-motor {
font-family: 'nautical-icons';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
color:#0d9ec9;
margin:0px auto;
}

.atlas-wheel:before {content: "\e000";}
.atlas-anchor:before {content: "\e001";}
.atlas-boat1:before {content: "\e002";}
.atlas-boat2:before {content: "\e003";}
.atlas-lifebelt:before {content: "\e004";}
.atlas-motor:before {content: "\e005";}

.atlas-boat2 {font-size:4em;}
.scroll-link {color:#0d9ec9;}
.scroll-link:hover {text-decoration:underline;}
/* ==========================================================================
   Fluid Grid - ReThink Design Ltd - Minimised now setup.
   ========================================================================== */
.container {margin:0px auto;max-width:960px;min-width:280px;padding:0 20px;}
.row {width: 100%;margin: 0 auto;}
.row:after {content: ".";  visibility: hidden;  display: block;  clear: both;  height: 0;  font-size: 0;}
.onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol {margin-right: 3.8%;float: left;min-height: 1px;}
.row .onecol {width: 4.85%;}.row .twocol {width: 13.45%;}.row .threecol {width: 22.05%;}.row .fourcol {width: 30.75%;}.row .fivecol {width: 39.45%;}.row .sixcol {width: 48%;}.row .sevencol {width: 56.75%;}.row .eightcol {width: 65.3%;}.row .ninecol {width: 74.05%;}.row .tencol {width: 82.7%;}.row .elevencol {width: 91.35%;}.row .twelvecol {width: 100%;float: left;}.last {margin-right: 0px;}
/* ==========================================================================
   Basic Layout Elements / Scaffolding
   ========================================================================== */
header {
	height: 400px;
	align: center;
	background-image: url(img/header/header-img-xlrg.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
	border-bottom: 2px solid #fff;
	background-position: center top;
}
.logo {
	max-width:224px;
	max-height:86px;
	padding-top:10px;
	margin-bottom:20px;
}
.logo a img {margin-bottom:20px;}
.main-navigation {
	background-color:#fff;
	background-color:rgba(255,255,255,0.95);
	height:157px;
}
.hero-unit {
	border-top:2px solid #1d3e6e;
}
.full-width {
	text-align:left;
	margin-bottom:40px;
}
.content-blocks {
	padding-bottom:20px;
}
.calltoaction {
	background-color:#0d9ec9;
	color:#fff;
	text-transform:uppercase;
	font-weight:600;
	line-height:55px;
}
.secondary-blocks {padding:20px 0;}
.footer {
	background-color:#1d3e6e;
	color:#fff;
	padding-top:10px;
	padding-bottom:20px;
}
p.footer-links a {color:#fff;}
.info b {color:#fff;}
.trip-advisor {width:75px;height:34px;max-width:75px;max-height:34px;}
/******BLOG LAYOUT ~(Custom Grid Layout For Posts)******/
.blog-row, .sidebar {padding-top:20px;}
.pagination a{margin-top:20px;}
article h2 {text-align:left;margin:0;padding-left:0px;}
aside h3 {text-align:left;}
article h2 a {color:#1d3e6e;}
article h2 a:hover, article a:hover, .pagination a:hover {color:#0d9ec9;}
article p  {text-align:left;}
article {
	padding:10px;
	border:1px solid #ddd;
	-webkit-box-shadow:  0px 0px 3px 1px #cccccc;
        box-shadow:  0px 0px 3px 1px #cccccc;
	margin-bottom:40px;
}
.post-thumbnail-atlas {max-width:680px;max-height:400px;}
iframe {padding:0;margin:0;}
.post-info {height:20px;margin:0 0 20px 0;padding:0;}
.post-info span {padding-right:20px;}
.post-info span:first-child {padding-left:0px;}
body.single h1, body.single h2, body.single h3, body.single h4 {text-align:left;}
.post-categories {list-style:none;}
/*********SIDEBAR WIDGET AREA************/
aside {
	padding:20px;
}
aside h3 {margin:0;padding:0;}
aside ul {margin:0 0 0 10px;padding:0;}
aside ul li {text-align:left;color:#0d9ec9;}
aside ul li a {color:#1d3e6e;}
aside li a:hover {color:#0d9ec9;}

/* ==========================================================================
   Navigation - Commented for ease of modification.
   ========================================================================== */
/* Align the text in the navigation */
nav {text-align: center;}
/* General styles for the navigation , to make it horizontal with a bit of padding */
nav ul {
	padding: 0 20px;
	list-style: none;
	position: relative;
	display: inline-table;
}
/* Clear any floated elements after the navigation */
nav ul:after {
	content: "";
	clear: both;
	display: block;
}
/* Float all the elements left, to display inline and also to help keep the dropdown in the correct position vertically instead of horizontally*/
nav ul li {float:left;}
/* Hover colour of the main links */
nav ul li:hover {background: #1d3e6e;}
/* Color of the text when hovered */
nav ul li:hover a {color: #fff;text-decoration:none;}
/* Hide the drop down menu's until they are hovered on */
nav ul ul {display: none;}
/* When a link is hovered display the dropdown menu */
nav ul li:hover > ul {display: block;}
/* Style the main links of the dropdown */
nav ul li a {
	color:#1d3e6e;
	display: block;
	padding:15px 20px;
	text-decoration: none;
}	
/* Style the Sub Menu when main menu is hovered */
nav ul ul {
	background: #0d9ec9;
	padding: 0px;
	position: absolute;
	top: 38px;
	min-width:200px;
	}
/* Position the sub menu so that it aligns vertically */
nav ul ul li {
	float: none; 
	position: relative;
	border-bottom:1px solid #fff;
}
/* Add a border to the bottom of every link, but not the last one in the sub menu and not the last one in the sub sub menu */
nav ul li:last-child, 
nav ul ul li :last-child {border-bottom:0;}
/* Padding added to the sub menu's*/
nav ul ul li a {padding: 15px 40px;}
/* Background colours or the sub menu's*/
nav ul ul li a:hover, nav ul ul ul {background: #1d3e6e;}
/* Positioning of the sub sub menu */	
nav ul ul ul {
	background-color:#0d9ec9;
	position: absolute;
	left: 100%;
	top:-16px;
}
/* ==========================================================================
   Misc. Anything theme related such as links changes etc.
   ========================================================================== */
.calltoaction a {margin-left:20px;vertical-align:middle;}
.calltoaction p {padding-top:20px;}
.calltoaction .atlas-boat2 {color:#1d3e6e;vertical-align:middle;padding-right:10px;}
.footer p {line-height:1em;margin:1em 0 0 0;}
.info {text-align:left;}
.footer-links {height:34px;}
.rethink {text-align:right;vertical-align:middle;}
.reverse-link {color:#fff;}

/* ==========================================================================
   UL Elements
   ========================================================================== */
.button, #submit, button{background: #1d3e6e;padding: 11px 22px;color: #ffffff;font-weight:600;text-decoration: none;vertical-align: middle;text-transform:uppercase;outline:none;outline:0;border:none;}
.button:hover, #submit:hover, button:hover{background: #0d9ec9;color: #ffffff;text-decoration:none;}
.button:active {background: #1d3e6e;}
.red {background-color:#ff404a;}
.red:hover {background-color:#1d3e6e;}
.icon-asterisk {color: #ff0000;font-size:0.75em;}
.post-image {border:1px solid #ccc;background-color:#f2f2f2;padding:5px;}
.content-block-img-sml {max-width:280px; max-height:200px;}
.content-block-img-lrg {max-width:480px;max-height:160px;}
/* ==========================================================================
   Form Styling
   ========================================================================== */
form {margin: 0;max-width:480px;}
form.pp {margin:-40px 0 0 0;padding:0;}
.payp {margin-bottom:40px;}
fieldset {border: 0;padding: 0;}
textarea {overflow: auto; vertical-align: middle;}
legend {*margin-left: -.75em;}
button, input, select, textarea {vertical-align: baseline; *vertical-align: middle;}
button, input {line-height: normal; *overflow: visible;}
button, input[type="button"], input[type="reset"], input[type="submit"] {cursor: pointer;-webkit-appearance: button;}
input[type="checkbox"], input[type="radio"] {box-sizing: border-box;}
input[type="image"] {max-width:180px;border:none;}
input[type="search"] {-webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box;	box-sizing: content-box;}
input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
button::-moz-focus-inner, input::-moz-focus-inner {border: 0; padding: 0;}
label {vertical-align:top;position:relative;}
label {
	font-size:1em;
}
input, select, textarea {
	width:100%;
	padding:5px;
	border: 1px solid #1d3e6e;
	margin: 5px 0;
	font-family:'Raleway', sans-serif;
}
input[type="submit"] {border:0;width:auto;}
input:focus, textarea:focus, select:focus {
	border:1px solid #0d9ec9;
	background-color:#fff;
}
input[type="checkbox"], input[type="radio"] {width:auto;margin-right:10px;}

/* Select the colour of the * if the field is required. */
span.required{
	color: #ff0000;
}

/* ==========================================================================
   Wordpress Styles & Plugin Overrides
   ========================================================================== */
.alignleft {float: left;margin:0px 30px 10px 0;}
.alignright {float: right;margin:0px 0px 10px 30px;}
.aligncenter {display: block;margin-left: auto;margin-right: auto;}
.wp-caption {max-width: 100%;padding: 4px;}
.wp-caption .wp-caption-text, .gallery-caption, .entry-caption {font-style: italic;font-size: 12px;font-size: 0.857142857rem;line-height: 2;color: #757575;}
.size-full {max-width:280px;border:3px solid #efefef;}
.size-thumb {width:250px;height:200px;border:3px solid #efefef;}
img.wp-smiley, .rsswidget img {border: 0;border-radius: 0;box-shadow: none;margin-bottom: 0;margin-top: 0;padding: 0;}
.entry-content dl.gallery-item {margin: 0;}
.gallery-item a, .gallery-caption {width: 90%;}
.gallery-item a {display: block;}
.gallery-caption a {display: inline;}
.gallery-columns-1 .gallery-item a {max-width: 100%;width: auto;}
.gallery .gallery-icon img {height: auto;max-width: 90%;padding: 5%;}
.gallery-columns-1 .gallery-icon img {padding: 3%;}
div.wpcf7-validation-errors {clear: left;} 
div.wpcf7-mail-sent-ok {
	border: 2px solid hsl(102, 75%, 32%);
	background-color:hsl(102,75%, 60%);
	color:#398F14;
	width:80%;
	text-align:center;
}
div.wpcf7-validation-errors {
	border: 2px solid hsl(56, 100%, 48%);
	background-color:hsl(56, 100%, 96%);
	color:#F7E700;
	width:80%;
	text-align:center;
}
span.wpcf7-not-valid-tip {
  background-position:initial initial;
  background-repeat:initial initial;
  border:1px solid hsl(0, 100%, 50%);
  color:#FF0000;
  background-color:hsl(0,100%,85%);
  left:20%;
  padding:2px;
  position:absolute;
  top:20%;
  width:280px;
  z-index:100;
  text-align:center;
}
.wpcf7-captchar {width:30%;}

.responsiveSelectContainer select.responsiveMenuSelect, select.responsiveMenuSelect {
display: inline-block;
width: 100%;
margin-top: 30px;
}
.ubermenu-skin-clean-white.ubermenu-responsive-toggle {
background:#1d3e6e !important;
color: #fff !important;
font-size: 12px;
text-transform: none;
font-weight: bold;
}
/* ==========================================================================
   Media Queries breakpoint -- 767
   ========================================================================== */
@media handheld, only screen and (max-width: 767px) {
.container {margin:0px auto;max-width:960px;min-width:280px;padding:0 20px;}	
	.row {
		width: 100%;
		min-width: 0;
		margin-left: 0px;
		margin:0 auto;
		padding-right: 0px;
	}
	.row .onecol, .row .twocol, .row .threecol, .row .fourcol, .row .fivecol, .row .sixcol, .row .sevencol, .row .eightcol, .row .ninecol, .row .tencol, .row .elevencol, .row .twelvecol {
		width: auto;
		float: none;
		margin-left: 0px;
		margin-right: 0px;
		padding-left: 20px;
		padding-right: 20px;
		padding-bottom:20px;
	}
	header {
	height:400px;
	background-image:url(img/header/header-img-med.jpg);
	background-repeat:no-repeat;
	background-attachment:fixed;
	border-bottom:2px solid #fff;
	}
	.logo a img {
		max-width:224px;
		max-height:86px;
		padding-top:10px;
		margin-bottom:20px;
	}
	.info {text-align:center;}
	.footer-links {text-align:center;}
	.social-top-links {text-align:center;}
	.ubermenu-skin-clean-white.ubermenu-responsive-toggle {margin-top:20px;}
	.ubermenu-main, .ubermenu-nav {background-color:#fff!important;}
}

/* ==========================================================================
   Media Queries breakpoint -- 380
   ========================================================================== */
@media handheld, only screen and (max-width: 380px) {
.container {margin:0px auto;max-width:960px;min-width:280px;padding:0 10px;}
	.row {
		width: 100%;
		min-width: 0;
		margin:0 auto;
		padding-left: 0px;
		padding-right: 0px;
	}
	.row .onecol, .row .twocol, .row .threecol, .row .fourcol, .row .fivecol, .row .sixcol, .row .sevencol, .row .eightcol, .row .ninecol, .row .tencol, .row .elevencol, .row .twelvecol {
		width: auto;
		float: none;
		margin-left: 0px;
		margin-right: 0px;
		padding-left: 10px;
		padding-bottom:0px;
	}
	header {
	height:350px;
	background-image:url(img/header/header-img-sml.jpg);
	background-repeat:no-repeat;
	background-attachment:fixed;
	border-bottom:2px solid #fff;
	}
	.logo a img {
		max-width:224px;
		max-height:86px;
		padding-top:10px;
		margin-bottom:20px;
	}
	.info {text-align:center;}
	.footer-links {text-align:center;}
	.social-top-links {text-align:center;}
}
/* ==========================================================================
   Print styles
   ========================================================================== */
@media print {
    * {background: transparent !important;color: #000 !important;box-shadow: none !important;text-shadow: none !important;}
    a,a:visited {text-decoration: underline;}
    a[href]:after {content: " (" attr(href) ")";}
    abbr[title]:after {content: " (" attr(title) ")";}
    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;}
}