.skip-container {
padding: 0;
}
.wp-caption.alignleft {
z-index: 99;
} .wp-caption {
background-color: transparent;
border: 0 none;
}
.wp-caption p.wp-caption-text {
font-size: 0.857em; } .gallery br[style] {
clear: both !important;
} a#responsive_menu_button {
display: none;
} .post-edit {
margin: 0;
line-height: 4;
} .alignnone {
margin: 0;
}
a img.alignnone {
margin: 5px 20px 15px 0;
}  .read-more {
display: block;
margin-top: 1em;
} .entry-title > a,
.read-more > a {
text-decoration: none;
} #content-archive {
margin-top: 20px;
} .breadcrumb-list {
font-size: 14px;
}
.breadcrumb-list > span:nth-child(-n+2) { display: none;
}  .alm-btn-wrap button.alm-load-more-btn.button, a.button,
input[type="reset"],
input[type="button"],
input[type="submit"] {
color: #ffffff !important;
border: 1px solid #ffffff !important;
border-radius: 5px !important;
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
text-shadow: none;
font-size: 18pt;
font-weight: 400;
font-family: 'Source Sans Pro', sans-serif;
line-height: 1.5;
padding: 1px 0.6em !important;
background-color: #929496 !important;
background-image: -webkit-gradient(linear, left top, left bottom, from(#929496), to(#58595b)) !important;
background-image: -webkit-linear-gradient(top, #929496, #58595b) !important;
background-image:    -moz-linear-gradient(top, #929496, #58595b) !important;
background-image:     -ms-linear-gradient(top, #929496, #58595b) !important;
background-image:      -o-linear-gradient(top, #929496, #58595b) !important;
background-image:         linear-gradient(to bottom, #929496, #58595b) !important;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#929496, endColorstr=#58595b) !important;
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#929496, endColorstr=#58595b)" !important;
}
.alm-btn-wrap button.alm-load-more-btn.button:hover, a.button:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
input[type="submit"]:hover {
color: #ffffff !important;
background-color: #58595b !important;
background-image: -webkit-gradient(linear, left top, left bottom, from(#58595b), to(#929496)) !important;
background-image: -webkit-linear-gradient(top, #58595b, #929496) !important;
background-image:    -moz-linear-gradient(top, #58595b, #929496) !important;
background-image:     -ms-linear-gradient(top, #58595b, #929496) !important;
background-image:      -o-linear-gradient(top, #58595b, #929496) !important;
background-image:         linear-gradient(to bottom, #58595b, #929496) !important;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#58595b, endColorstr=#929496) !important;
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#58595b, endColorstr=#929496)" !important;
} .fox-force-action-buttons a.button,
.fox-force-action-buttons input[type="reset"],
.fox-force-action-buttons input[type="button"],
.fox-force-action-buttons input[type="submit"], .alm-btn-wrap button.alm-load-more-btn.button.action-button, a.button.action-button,
input.action-button[type="reset"],
input.action-button[type="button"],
input.action-button[type="submit"] {
background-color: #d58e80 !important;
background-image: -webkit-gradient(linear, left top, left bottom, from(#d58e80), to(#c56053)) !important;
background-image: -webkit-linear-gradient(top, #d58e80, #c56053) !important;
background-image:    -moz-linear-gradient(top, #d58e80, #c56053) !important;
background-image:     -ms-linear-gradient(top, #d58e80, #c56053) !important;
background-image:      -o-linear-gradient(top, #d58e80, #c56053) !important;
background-image:         linear-gradient(to bottom, #d58e80, #c56053) !important;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#d58e80, endColorstr=#c56053) !important;
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#d58e80, endColorstr=#c56053)" !important;
} .fox-force-action-buttons a.button:hover,
.fox-force-action-buttons input[type="reset"]:hover,
.fox-force-action-buttons input[type="button"]:hover,
.fox-force-action-buttons input[type="submit"]:hover, .alm-btn-wrap button.alm-load-more-btn.button.action-button:hover, a.button.action-button:hover,
input.action-button[type="reset"]:hover,
input.action-button[type="button"]:hover,
input.action-button[type="submit"]:hover {
background-color: #c56053 !important;
background-image: -webkit-gradient(linear, left top, left bottom, from(#c56053), to(#d58e80)) !important;
background-image: -webkit-linear-gradient(top, #c56053, #d58e80) !important;
background-image:    -moz-linear-gradient(top, #c56053, #d58e80) !important;
background-image:     -ms-linear-gradient(top, #c56053, #d58e80) !important;
background-image:      -o-linear-gradient(top, #c56053, #d58e80) !important;
background-image:         linear-gradient(to bottom, #c56053, #d58e80) !important;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#c56053, endColorstr=#d58e80) !important;
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#c56053, endColorstr=#d58e80)" !important;
} .alm-btn-wrap button.alm-load-more-btn.button.loading {
padding-left: 40px !important;
}
body {
font-family: 'Source Sans Pro', sans-serif;
font-size: 14pt;
font-weight: 300;
line-height: 1.5;
color: #3e5666;
background-color: #ffffff;
} h1 {
font-family: 'Tinos', serif !important;
} .source-sans-pro {
font-family: 'Source Sans Pro', sans-serif !important;
}
.tinos {
font-family: 'Tinos', serif !important;
}
p, hr, dl, pre, form, table, address, blockquote {
margin: 0.8em 0 1.4em 0;
} h2 {
font-size: 1.2em; font-weight: 700;
}
h3 {
font-size: 1.0667em !important; font-weight: 400;
font-style: italic;
}
h4 {
font-size: 1.0667em; font-weight: 700;
}
h5 {
font-size: 1em; font-weight: 400;
}
h6 {
font-size: 0.8em; font-weight: 400;
}
a {
font-weight: inherit;
text-decoration: underline;
}
label {
font-weight: 400;
}
button, input, select, textarea {
font-family: inherit;
font-size: 1em;
color: inherit;
}
big {
font-size: 1.6em;
}
option[disabled="disabled"] {
background-color: #cccccc;
} .pswp__ui {
position: static;
} @media screen and (max-width: 320px){
.psgal {
width: 100% !important;
}
.psgal figure {
height: auto !important;
width: 50% !important;
}
.psgal figure a,
.psgal figure img {
height: auto !important;
width: 100% !important;
}
} .clearfix:after,
.clearfix:before {
overflow: hidden;
}
.clear-left {
clear: left;
}
.clear-right {
clear: right;
}
.float-left {
float: left;
}
.float-right {
float: right;
}
.fox-dayboat-brochure-download > span:after {
border-color: #00FF00 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
border-style: solid;
border-width: 1em 0.625em 0;
content: "";
display: inline-block;
height: 0;
position: relative;
width: 0;
}
.fox-dayboat-brochure-download:hover > span:after {
border-color: #009900 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
}
.full-round, a.button.full-round {
border-radius: 1em !important;
}
.marginbottom-halfem {
margin-bottom: 0.5em !important;
}
.minwidth-45pc {
min-width: 45%;
}
.noborders,
.noborders img {
border: 0 none !important;
}
br.none {
display: inline;
}
p.none {
display: block;
}
.section-separator {
clear: both;
margin: 1em 0;
height: 13px;
text-indent: -3000px;
background-color: transparent;
background-position: 0 0;
background-repeat: repeat-x;
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.1)), to(rgba(255, 255, 255, 0)));
background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.1), rgba(255, 255, 255, 0));
background-image:    -moz-linear-gradient(top, rgba(0, 0, 0, 0.1), rgba(255, 255, 255, 0));
background-image:     -ms-linear-gradient(top, rgba(0, 0, 0, 0.1), rgba(255, 255, 255, 0));
background-image:      -o-linear-gradient(top, rgba(0, 0, 0, 0.1), rgba(255, 255, 255, 0));
background-image:         linear-gradient(to bottom, rgba(0, 0, 0, 0.1), rgba(255, 255, 255, 0));
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#1a000000, endColorstr=#00ffffff);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#1a000000, endColorstr=#00ffffff)";
}
.sixteen-px,
.sixteen-px * {
font-size: 16px !important;
}
.textalign-center {
text-align: center;
}
.textalign-left {
text-align: left;
}
.textalign-right {
text-align: right;
}
.ungutter {
clear: both;
margin-left: -5.5555%;
margin-right: -5.5555%;
}
.white {
color: #ffffff !important;
}
.width-auto {
width: auto !important;
}
.wrap-floated-left-image {
padding: 0;
margin: 0;
float: left;
z-index: 20;
}
.wrap-floated-right-image {
padding: 0;
margin: 0;
float: right;
z-index: 20;
}  .col-1of2, .col-1of2-last { width: 46.6667%;
margin-right: 6.6667%;
} .col-1of3, .col-1of3-last { width: 28.8889%;
margin-right: 6.6667%;
}
.col-2of3, .col-2of3-last { width: 64.4444%;
margin-right: 6.6667%;
}
.col-1of4, .col-1of4-last { width: 22.6667%;
margin-right: 3.1112%;
}
.col-2of4, .col-2of4-last { width: 48.4444%;
margin-right: 3.1112%;
}
.col-3of4, .col-3of4-last { width: 74.2222%;
margin-right: 3.1112%;
}
.col-1of2, .col-1of3, .col-1of4,
.col-2of3, .col-2of4, .col-3of4,
.col-1of2-last, .col-1of3-last, .col-1of4-last,
.col-2of3-last, .col-2of4-last, .col-3of4-last {
float: left;
margin-bottom: 2.2223%; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.col-1of2-last, .home .col-1of2-last,
.col-1of3-last, .col-1of4-last,
.col-2of3-last, .col-2of4-last, .col-3of4-last {
margin-right: 0;
}
#header {
z-index: 10;
} #header-content {
height: 100%;
min-height: 149px;  background: #b5c8e7; background: -moz-linear-gradient(top,  #b5c8e7 0%, #c9d7ed 100%); background: -webkit-linear-gradient(top,  #b5c8e7 0%,#c9d7ed 100%); background: linear-gradient(to bottom,  #b5c8e7 0%,#c9d7ed 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5c8e7', endColorstr='#c9d7ed',GradientType=0 ); }
#header-overlay {
background: transparent url(//www.foxboats.co.uk/wp-content/themes/foxboats/images/fox-boats-top-band.png) no-repeat 0 0;
width: 100%;
height: 100%;
max-height: 100%;
position: absolute;
top:0 ;
left: 0;
z-index: 400; }
.home #header-overlay {
height: auto;
}
.max-content-width {
height: 113px;
}
#logo {
margin: 14px 10px 10px 2%;
}
#logo img {
}
#logo a {
display: block;
}
#wrapper {
border: 0 none;
border-radius: 0;
padding: 0 5% 20px;
margin-top: 30px;
margin-bottom: 30px;
}
#container {
max-width: none;
padding: 0;
}
#content {
margin-top: 0;
}
#content-full {
margin-top: 0;
}
#widgets {
margin-top: 20px;
}
#footer {
max-width: none;
border-top: 5px solid #c3c5c7; background: transparent url(//www.foxboats.co.uk/wp-content/themes/foxboats/images/boat-decking-background.gif) repeat 0 0; font-size: inherit; padding: 0 4% !important;
}
@media screen and (max-width: 980px) {
#footer {
background-size: cover;
}
}
#fox-footer-widgets > .col-460 {
margin-bottom: 0;
}
#fox-footer-widgets .widget_custom_menu_wizard ul {
margin: 1.6em 0;
padding: 0;
list-style-type: none;
}
#fox-footer-widgets .widget_custom_menu_wizard a {
color: #ffffff;
text-decoration: none;
} #fox-socials .social-icons-item {
display: inline-block;
margin: 0.25em;
} .top-widget {
width: auto;
padding: 0;
margin: 26px 4% 0 10px;
}
.top-widget #searchform {
float: right;
}
#s.fox-search-input {
width: 10em;
border-radius: 1.75em;
border-right-width: 44px;
}
#searchsubmit.fox-search-submit {
position: absolute;
top: 2px;
right: 1px;
padding: 0; background-color: transparent;
} #responsive_current_menu_item {
line-height: 1.25;
font-size: 14pt;
}
.main-nav {
font-size: inherit;
width: 100%; background-color: rgb(228, 235, 246);
border-bottom: 3px solid #C86356;
}
.main-nav .menu {
float: right;
right: 50%;
background: transparent none;
filter: none;
-ms-filter: none;
}
.main-nav .menu ul {
left: -3000px;
min-width: 12em;
}
.main-nav .menu li:hover > ul {
left: 0;
}
.main-nav .menu li li:hover > ul {
left: 100%;
}
.main-nav li {
left: 50%;
}
.main-nav li li {
left: auto;
background-color: rgba(255, 255, 255, 0.85);
}
.main-nav .current_page_item > a,
.main-nav .current-menu-item > a,
.main-nav .current_page_ancestor > a,
.main-nav .current-menu-ancestor > a {
background-color: rgba(0, 0, 0, 0.1);
color: #FA993A;
text-shadow: 1px 1px 1px #000000;
}
.main-nav a,
.main-nav li li a {
color: #3e5666;
border: 0 none;
font-size: inherit;
font-weight: 400;
height: 34px;
line-height: 34px;
padding: 0 0.45em;
text-shadow: 0 0 0;
text-decoration: none;
}
.main-nav li li a {
text-transform: lowercase;
}
.main-nav a:hover,
.main-nav li li a:hover {
color: #C86356;
background-color: rgba(255, 255, 255, 0.5);
background-image: none;
filter: none;
}
.main-nav .menu > li:hover {
background-color: rgba(255, 255, 255, 0.5);
} .main-nav {
background-image: none;
}
.main-nav:after,
.main-nav:before {
content: " ";
display: table;
overflow: hidden;
}
.main-nav:after {
clear: both;
} .royalSlider {
min-height: 149px;
}  .rsContent .trans-block {
background-color: rgb(189, 204, 227);
background-color: rgba(189, 204, 227, 0.7);
border-color: #C86356;
border-width: 2px 2px 0 0;
}
.rsContent .trans-block p {
line-height: 1;
margin: 0.75em 20% 0.75em 3%;
font-size: 1em; font-weight: 400; color: #000000; }
.rsContent .semi-trans-bg p {
line-height: 1;
margin: 0.5em 5% 1.3em 5%;
font-size: 1.8em; font-weight: 400; color: #ffffff; }
.rsContent .semi-trans-rev-bg p {
line-height: 1;
margin: 0.5em 5% 1.3em 5%;
font-size: 1.8em; font-weight: 400; color: #3f3f3f;
text-shadow: 1px 1px 1px #ffffff;
}
.rsContent .semi-trans-bg a,
.rsContent .semi-trans-rev-bg a {
color: inherit;
text-decoration: none;
}
.rsContent .semi-trans-bg a:hover,
.rsContent .semi-trans-bg a:active {
color: #000000;
}
.rsContent .semi-trans-rev-bg a:hover,
.rsContent .semi-trans-rev-bg a:active {
color: #000000;
}
.rsMinW, .rsMinW .rsOverflow, .rsMinW .rsSlide, .rsMinW .rsVideoFrameHolder, .rsMinW .rsThumbs {
background-color: #ffffff !important;
} body .visual-form-builder ul,
body .visual-form-builder ol {
font-size: inherit;
} .widget-title {
padding: 22px 20px 24px;
background-image: url(//www.foxboats.co.uk/wp-content/themes/foxboats/images/fox-boats-booking-band.png);
background-repeat: no-repeat;
background-position: -60px 0;
border-radius: 4px 4px 0 0;
margin: -20px -20px 0 -20px;
z-index: 2;
}
.widget-title h3 {
color: #f6d669;
font-size: 16pt;
font-style: normal;
font-weight: 400;
line-height: 1;
}
.foxboats-in-the-media {
margin: 5px;
}
.foxboats-in-the-media img {
border: 1px solid #E5E5E5;
border-radius: 4px;
margin: 0;
}
.widget_custom_menu_wizard .menu-widget {
list-style-type: none;
} #fox-booking-search-2_year {
margin-top: 0.5em;
}
.fox-booking-prices-from {
background: url(//www.foxboats.co.uk/wp-content/themes/foxboats/images/fox-boats-booking-pricetag.png) no-repeat 0 0;
background-size: 100% 100%;
color: #FFFFFF;
float: right;
font-size: 0.9em;
font-weight: 400;
line-height: 1;
margin: -10px -20px 1em 0;
text-align: center;
z-index: 1;
}
.fox-booking-prices-from div {
width: 5em;
margin: 0.1em 0.5em 1em;
}
.fox-booking-goto-pages {
margin-bottom: 0.25em;
}
.fox-booking-goto-pages a {
margin-left: 0.25em;
} #fox-hi-priority-widget {
margin-bottom: 0;
}
#fox-hi-priority-widget .widget-wrapper {
margin: 20px 0 0;
} .page-template-blank-page-php #wrapper {
margin-bottom: 0;
padding-bottom: 0;
}
.page-template-blank-page-php #content-full {
margin: 1em 0 0;
} .page-template-booking-page-php #wrapper {
margin: 0;
padding: 0;
} .page-template-narrowboat-page-php #wrapper {
margin: 0;
padding: 0;
} .error404 #searchform {
clear: left;
float: left;
}  .post-date.post-date-calIcon {
background: linear-gradient(-90deg, #ffffff, #ecebeb) repeat scroll 0 0 rgba(0, 0, 0, 0);
border: 1px solid #bebebe;
border-radius: 5px;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
float: left;
font-weight: bold;
margin: 0 12px 5px 0;
text-align: center;
width: 52px;
}
.post-date.post-date-calIcon .month {
background: linear-gradient(-90deg, #eb1c24, #a30c10) repeat scroll 0 0 rgba(0, 0, 0, 0);
border: 1px solid #a11216;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
color: #fff;
display: block;
font: 11px/100% Arial,Helvetica,sans-serif;
left: -1px;
letter-spacing: 1px;
padding: 2px 0;
position: relative;
text-transform: uppercase;
top: -1px;
width: 100%;
}
.post-date.post-date-calIcon .day {
color: #666;
display: block;
font: bold 18px/100% Arial,Helvetica,sans-serif;
padding: 2px 0 1px;
}
.post-date.post-date-calIcon .year {
color: #999;
display: block;
font: 10px/100% Arial,Helvetica,sans-serif;
padding: 0 0 4px;
} .tagcloud {
text-align: center;
}
.tagcloud-blog {
margin: 0 auto;
max-width: 100%;
padding: 2em 0 1em;
text-align: center;
width: 500px;
}
.tagcloud a {
display: inline-block;
margin: 0 12px;
text-decoration: none;
vertical-align: middle;
white-space: nowrap;
}
.tagcloud-corner {
display: block;
float: left;
height: 1em;
position: relative;
width: 12%;
}
.tagcloud-corner-right {
float: right;
}
.block {
display: block;
}
.iblock {
display: inline-block;
} .no-textshadow a.button,
.no-textshadow a.button.full-round,
.no-textshadow .full-round,
.no-textshadow input[type="reset"],
.no-textshadow input[type="button"],
.no-textshadow input[type="submit"] {
border-radius: 0 !important;
} .zero-pad-cells td, .zero-pad-cells th {
padding: 0px;
text-align: center;
}
.zero-pad-cells th {
width: 20%;
}
@media screen and (max-width: 980px) {
.zero-pad-cells td, .zero-pad-cells th {
font-size: 12px;
}
}  .green-boat {
background-color: #3f5e49;
margin-bottom: 0; }
.green-boat > h2 {
color: #f5d46a;
font-size: 1.7em;
line-height: 2;
margin: 0;
text-align: center;
}
.green-boat > h2 a {
color: #f5d46a;
text-decoration: none;
}
.green-boat > p,
.green-boat img {
margin: 0 !important;
}
.text-on-green-boat {
position: absolute;
width: 80%;
bottom: 5%;
left: 10%;
}
p.text-style-on-green-boat {
font-weight: bold;
color: #ffffff;
font-size: 1.1rem;
}
h2.landing-title {
text-align: center;
font-size: 2rem;
}
.green-boat-arr-right {
color: #ffffff;
margin-top: -10px;
position: absolute;
right: -2em;
top: 50%;
} .boat-feature-or-option img {
margin-right: 1em;
}
@media screen and (max-width: 650px) {
.text-on-green-boat {
left: 5%;
width: 90%;
}
p.text-style-on-green-boat {
font-size: 1.4rem;
}
}
@media screen and (max-width: 480px) {
p.text-style-on-green-boat {
font-size: 1.1rem;
}
} #ba-select-calmonth,
#ba-select-calbreaktype {
margin-top: 0.5em;
}
.npt-left-section {
float: left;
width: 25%;
}
.npt-top-section {
float: right;
width: 75%;
}
.npt-inner-sections {
float: left;
width: 75%;
}
.npt-center-section1,
.npt-center-section2 {
float: left;
width: 67%;
}
.npt-right-section {
float: right;
width: 33%;
}
.npt-center-section-wrap {
margin: 0 30px;
}
.npt-right-section-wrap {
margin: 0 15px;
}
.npt-details-section {
float: right;
width: 75%;
}
.npt-details-section .ba-boatpage-details {
padding-right: 0;
}
.npt-expander-headers h2 {
background-color: #555555;
color: #ffffff;
cursor: pointer;
display: none;
line-height: 2;
margin: 0;
padding: 0;
text-align: center;
}
.npt-expander-headers h2::after {
content: "▲";
display: block;
position: absolute;
right: 0.5em;
top: 0;
}
.npt-expander-headers h2.npt-h2-expander-collapsed::after {
content: "▼";
}
@media screen and (max-width: 650px) {
.npt-left-section,
.npt-details-section,
.npt-top-section,
.npt-inner-sections,
.npt-center-section1,
.npt-center-section2,
.npt-right-section {
float: none;
width: 100%;
}
.npt-center-section1 .npt-center-section-wrap {
margin: 0;
}
.npt-center-section2 .npt-center-section-wrap {
margin: 0 15px;
}
.npt-expander-headers h2 {
display: block;
}
.npt-expander-headers .npt-right-section-wrap h2 {
margin-left: -15px;
margin-right: -15px;
}
.ba-boatpage-calendar table.calendarTable {
margin-bottom: 40px;
}
.ba-sidebar.npt-expander-headers .ba-filter-form {
padding-top: 0;
}
} .no-margins {
margin: 0 !important;
}
.seamless {
margin-right: 0 !important;
}
.col-1of2.seamless,
.col-1of2-last.seamless {
width: 50%;
}
@media screen and (max-width: 650px) {
.col-1of2.seamless,
.col-1of2-last.seamless {
width: 100%;
}
}    .flex,
.flex-gallery .gallery,
.gallery-columns-0,
.boat-feature-or-option,
.flex-xs {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
@media screen and (min-width: 768px){
.flex-sm {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
}
@media screen and (min-width: 992px){
.flex-md {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
}
@media screen and (min-width: 1200px){
.flex-lg {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
}
.xcol-left {
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.xcol-center {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.xcol-right {
-webkit-box-align: end;
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
}
.xcol-left,
.xcol-center,
.xcol-right {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.xcol-left.bottom,
.xcol-center.bottom,
.xcol-right.bottom {
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;    
justify-content: flex-end;
}
.xrow-base {
-webkit-box-align: baseline;
-webkit-align-items: baseline;
-ms-flex-align: baseline;
-ms-grid-row-align: baseline;
align-items: baseline;
}
.xrow-bottom {
-webkit-box-align: end;
-webkit-align-items: flex-end;
-ms-flex-align: end;
-ms-grid-row-align: flex-end;
align-items: flex-end;
}
.boat-feature-or-option,
.xrow-middle {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
-ms-grid-row-align: center;
align-items: center;
}
.flex-gallery .gallery,
.xrow-top {
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
-ms-grid-row-align: flex-start;
align-items: flex-start;
}
.boat-feature-or-option,
.xrow-base,
.xrow-bottom,
.xrow-middle,
.xrow-top {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
} .basis100 { -webkit-flex-basis: 100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
}
.noshrink { -webkit-flex-shrink: 0;
-ms-flex-negative: 0;    
flex-shrink: 0;
}
.space-around { -webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around;
}
.flex-gallery .gallery,
.gallery-columns-0,
.space-between { -webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.stretch { -webkit-align-self: stretch;
-ms-flex-item-align: stretch;
align-self: stretch;
}
.gallery-columns-0,
.wrap { -webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.flex-gallery .gallery .gallery-item {
padding: 0 0.5em;
}
.flex-gallery .gallery .gallery-item:first-of-type {
padding-left: 0;
}
.flex-gallery .gallery .gallery-item:last-of-type {
padding-right: 0;
}
.flex-gallery .gallery > br:last-child {
display: none;
} #header-overlay {
text-align: right;
background: transparent url(//www.foxboats.co.uk/wp-content/themes/foxboats/images/fox-boats-top-band.2.png) no-repeat 0 100%;
}
.max-content-width {
height: auto;
}
#header-overlay #logo {
margin: 40px 10px 56px 2%;
}
.top-widget {
margin: 0;
}
.main-nav {
background: transparent;
width: auto;
clear: none;
display: inline-block;
border: 0 none;
}
.main-nav .menu {
float: none;
right: auto;
}
.main-nav li {
left: auto;
}
.main-nav a,
.main-nav li li a { font-weight: 600;
height: auto;
line-height: 3;
padding: 0 0.5em;
} .main-nav .menu > li:hover,
.main-nav a:hover,
.main-nav li li a:hover {
background-color: rgba(255, 255, 255, 0.25);
} .top-widget {
z-index: 100;
}
.fox-revealing-search {
padding-left: 0;
}
.fox-revealing-search .fox-revealing-search-toggle {
font-size: 32px;
line-height: 1;
padding: 12px;
text-decoration: none;
display: inline-block;
background-color: transparent;
}
.fox-revealing-search a.fox-revealing-search-toggle {
color: #444444;
z-index: 2;
}
.fox-revealing-search a.fox-revealing-search-toggle:hover {
color: #000000;
}
.fox-revealing-search input.fox-revealing-search-input[type=text] {
right: 100%;
opacity: 1;
position: absolute;
-webkit-transition: all 0.4s ease 0s;
-moz-transition:    all 0.4s ease 0s;
transition:         all 0.4s ease 0s;
width: 178px;
max-width: 178px;
z-index: 1;
padding-top: 0;
padding-bottom: 0;
line-height: 3;
}
.js .fox-revealing-search-closed input.fox-revealing-search-input[type=text] {
right: 0%;
opacity: 0;
padding-left: 0;
padding-right: 0;
width: 0;
} .fox-revealing-search .fox-revealing-search-toggle span {
width: 1em;
height: 1em;
font-size: inherit;
} @media screen and (max-width: 980px) { #wrapper #widgets {
margin: 0 -5.5555% 0 -5.5555% !important;
width: auto;
}
#wrapper #widgets .widget-wrapper {
padding: 20px 5%;
border: 0 none;
margin: 0;
border-radius: 4px;
overflow: hidden;
}
#wrapper #widgets .widget-title {
padding-left: 5%;
padding-right: 5%;
margin-left: -5.5555%;
margin-right: -5.5555%;
}
} .foxALM-CatArchivePostWrap .post-entry img {
width: 100%;
}
.foxALM-CatArchivePostWrap .post {
border: 0 none;
text-align: center;
}
.foxALM-CatArchivePostWrap .post-data {
margin-top: 1px;
} .post {
border-bottom: 0 none;
}
.post-data {
font-size: inherit;
}
.post-data a {
text-decoration: none;
font-weight: 300;
color: #0066cc;
}
.post-data a:hover {
color: #444444;
} .single .post-date {
display: none;
} .single .navigation {
font-size: inherit;
font-weight: 700;
color: #0066cc;
}
.single .navigation a {
color: inherit;
text-decoration: none;
}
.single .navigation a:hover {
color: #444444;
}
.single .navigation .previous a {
padding-left: 1px;
}
.single .navigation .next a {
padding-right: 1px;
}@media screen and (max-width: 980px) {
.grid,.grid-right {
display:block;
float: none;
width: 100%;
margin-right: 0
}
#container {
width: unset !important;
}
.copyright,.powered,.scroll-top {
float: left
}
#logo {
float: none;
margin: 0;
text-align: center
}
#featured-image .fluid-width-video-wrapper {
margin: 20px 0 0 0
}
.front-page #widgets {
margin-top: 40px
}
.front-page .top-widget,.top-widget {
margin-top: 0!important
}
.hide-desktop {
display: block
}
.show-desktop {
display: none
}
.hide-980 {
display: none
}
.show-980 {
display: block
}
.full-width-no-box #testimonial_div .section_title {
padding-top: 17px
}
#about_div .section_title::after {
margin: 0 auto;
top: 40px
}
#about_div .section_title {
text-align: center
}
#about_div .about-content {
text-align: center
}
#about_div .about_cta {
margin-top: 0
}
.contact_div .contact_right {
margin-left: 0
}
.contact_right p {
margin: 0
}
.contact_div .contact_left,.contact_div .contact_right {
text-align: center
}
.footer-menu {
padding-left: 20px;
padding-right: 20px
}
.powered {
text-align: left;
padding-left: 20px
}
.copyright {
padding-left: 20px
}
}
@media screen and (max-width: 650px) {
#logo {
float:none;
margin: 0;
text-align: center
}
.grid,.grid-right {
float: none
}
#featured-image .fluid-width-video-wrapper {
margin: 20px 0 0 0
}
.top-widget {
float: none;
margin: 0 auto 10px auto;
position: relative;
text-align: center;
width: auto
}
.top-widget .widget-title h3 {
text-align: center
}
.js .sub-header-menu {
display: none
}
.js .main-nav {
position: relative;
background-color: #585858;
background-image: -webkit-gradient(linear,left top,left bottom,from(#585858),to(#3d3d3d));
background-image: -webkit-linear-gradient(top,#585858,#3d3d3d);
background-image: -moz-linear-gradient(top,#585858,#3d3d3d);
background-image: -ms-linear-gradient(top,#585858,#3d3d3d);
background-image: -o-linear-gradient(top,#585858,#3d3d3d);
background-image: linear-gradient(to top,#585858,#3d3d3d);
clear: both;
margin: 0 auto
}
#about_div .about_text {
padding: 0 20px 0 20px
}
#about_div .about_cta {
margin-top: 0
}
#about_div .section_title {
padding-left: 20px
}
.footer-menu li,.top-menu {
float: none;
font-size: 11px;
text-align: center
}
#author-meta {
padding: 20px
}
#wrapper .gallery .gallery-item {
max-width: 100%
}
.hide-650 {
display: none
}
.show-650 {
display: block
}
.hide-mobile {
display: none
}
#footer {
text-align: center
}
#footer .social-icons {
padding-bottom: 10px;
padding-top: 10px;
text-align: center
}
.powered {
text-align: center;
padding: 0
}
.copyright {
text-align: center;
padding: 0
}
}
@media screen and (max-width: 480px) {
#logo {
float:none;
text-align: center
}
.grid,.grid-right {
float: none
}
#featured-image .fluid-width-video-wrapper {
margin: 20px 0 0 0
}
.featured-title {
font-size: 40px;
padding: 40px 20px 0 20px
}
.featured-subtitle {
font-size: 24px
}
.navigation .next,.navigation .previous {
display: block;
margin: 0 auto;
text-align: center
}
.footer-menu li,.menu li,.menu ul,.sub-header-menu li,.top-menu {
float: none;
text-align: center
}
#wrapper .gallery .gallery-item {
float: none
}
.hide-480 {
display: none
}
.show-480 {
display: block
}
#footer {
text-align: center
}
#footer .social-icons {
text-align: center
}
}
@media screen and (max-width: 320px) {
#about_div .about_text,#featured p {
font-size:12px;
line-height: 1.5em
}
.testimonial_main_text {
font-size: 12px;
line-height: 1.5em
}
.featured-title {
font-size: 35px
}
.featured-subtitle {
font-size: 15px
}
.about-content a,.call-to-action a.button {
font-size: 14px;
padding: 7px 17px
}
.hide-320 {
display: none
}
.show-320 {
display: block
}
}
@media screen and (max-width: 240px) {
#featured p {
font-size:11px;
line-height: 1.5em
}
.featured-title {
font-size: 20px
}
.featured-subtitle {
font-size: 11px
}
.call-to-action a.button {
font-size: 12px;
padding: 5px 15px
}
.top-widget area,.top-widget input[type=email],.top-widget input[type=password],.top-widget input[type=text],.top-widget select,.top-widget textarea {
width: 75%
}
.widget-title h3,.widget-title-home h3 {
font-size: 14px;
height: 13px;
line-height: 13px;
text-align: left
}
.hide-240 {
display: none
}
.show-240 {
display: block
}
}@media screen and (max-width: 980px) {
.clear-980 {
clear: both;
}
.col-1of3, .col-1of4, .col-2of3, .col-2of4, .col-3of4,
.col-1of3-last, .col-1of4-last, .col-2of3-last, .col-2of4-last, .col-3of4-last {
float: none;
display: block;
width: auto;
margin-right: 0;
clear: left;
}
.top-widget {
margin: 26px 4% 10px 10px !important;
}
#fox-hi-priority-widget {
display: block;
margin: -30px -5.5555% 30px !important;
width: auto;
}
#fox-hi-priority-widget .widget-wrapper {
border-radius: 0;
border-width: 0 0 1px 0;
margin: 0 !important;
}
#fox-hi-priority-widget .widget-wrapper .widget-title {
border-radius: 0;
} #fox-hi-priority-widget .fox-booking-adv-search-para {
float: left;
margin: 0;
}
.fox-booking-field-para {
width: 31.9149%;
margin-right: 2.12766%;
text-align: left;
float: left;
}
.fox-booking-field-para-party {
margin-right: 0;
}
.fox-booking-search-submit-para {
clear: left;
}
.rsContent .semi-trans-bg p,
.rsContent .semi-trans-rev-bg p {
font-size: 1.8em;
}
#fox-footer-widgets .widget_custom_menu_wizard ul {
margin: 0;
} #bookingApp .ba-sidebar .ba-search-form {
padding-left: 10%;
padding-right: 10%;
}
} @media screen and (max-width: 840px) {
.main-nav a, .main-nav li li a {
font-size: 0.85em;
}
}
@media screen and (max-width: 810px) {
.clear-810 {
clear: both;
}
.hide-810 {
display: none;
}
.show-810 {
display: block;
}  .fox-booking-field-para {
width: 48.9362%;
}
.fox-booking-field-para-date {
margin-right: 0;
}
.fox-booking-field-para-party {
margin-right: 2.12766%;
} .rsContent .semi-trans-bg p,
.rsContent .semi-trans-rev-bg p {
font-size: 1.5em;
} #bookingApp .ba-sidebar .ba-search-form {
padding-left: 5%;
padding-right: 5%;
}
} @media screen and (max-width: 740px) {
.main-nav a, .main-nav li li a {
padding: 0 0.3em;
}
}
@media screen and (max-width: 650px) {
.clear-650 {
clear: both;
}
.col-1of2, .col-1of2-last,
.home .col-1of2, .home .col-1of2-last {
float: none;
width: auto;
margin-right: 0;
clear: left;
}
#logo {
float: left;
margin: 14px 10px 10px 2%;
}
.top-widget {
clear: left;
float: right;
margin-bottom: 5px !important;
margin-top: 15px !important;
}
.js .main-nav a#responsive_menu_button {
left: auto;
right: 0;
margin-left: 0;
}
.js .main-nav .menu {
float: none;
right: auto;
}
.main-nav li,
.main-nav .menu li li:hover > ul {
left: 0;
}
.js .main-nav .menu li a {
font-size: 1em;
} #fox-hi-priority-widget .fox-booking-adv-search-para {
margin-bottom: 1.6em;
}
#foxBreaksBooking select,
#foxBreaksBooking input[type="text"],
#foxBreaksBooking input[type="password"],
#foxBreaksBooking input[type="email"],
#foxBreaksBooking textarea {
width: 100%;
}
.fox-booking-field-para {
width: auto;
float: none;
text-align: right;
margin-right: 0;
}
.fox-booking-field-para-party {
margin-right: 0;
}
.fox-booking-search-submit-para {
width: auto;
float: none;
}
.rsContent .semi-trans-bg p,
.rsContent .semi-trans-rev-bg p {
font-size: 1em;
}
.rsContent .trans-block {
display: none !important;
} #bookingApp .ba-sidebar .ba-search-form {
padding-left: 10%;
padding-right: 10%;
}
}
@media screen and (max-width: 480px) {
.clear-480 {
clear: both;
}
#logo {
float: left;
}
.rsContent .semi-trans-bg,
.rsContent .semi-trans-rev-bg {
display: none;
}
#foxBreaksBooking form td {
border-width: 0;
float: left;
padding: 0.1em 3% 0.5em;
width: 94%;
} #foxBreaksBooking form tr {
border-bottom: 1px solid #dddddd;
} .home #header-overlay {
height: 100%;
}
.home .main-nav-background {
bottom: 0;
left: 0;
position: absolute;
width: 100%;
}
.home .main-nav {
border-bottom: 0 none;
}
}
@media screen and (max-width: 320px) {
body {
font-size: 12pt;
}
.clear-320 {
clear: both;
}
#s.fox-search-input {
width: 12em;
}
#fox-hi-priority-widget .fox-booking-adv-search-para {
clear: both;
float: none;
}
#searchsubmit.fox-search-submit {
right: 0;
top: 0;
}
a.button, input[type="reset"], input[type="button"], input[type="submit"] {
font-size: 15pt;
}
}
@media screen and (max-width: 240px) {
.clear-240 {
clear: both;
}
}