/*!
Theme Name: foxsyachtsales
Author: Foxs
Version: 1.1.1
Tested up to: 8.0
Requires PHP: 8.0
License: GNU General Public License v2 or later
Text Domain: foxsyachtsales
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

*/

:root {
	--primary: #0E1D40;
	--secondary: #8AB3D9;
	--tertiary: #5A8FC2;
	--gray: rgba(138, 137, 137, 0.30);
	--lightgray: #F6F6F6;
	--black: #000000;
	--white: #ffffff;
}

html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
}

/* Sections
	 ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

/**
 * Render the `main` element consistently in IE.
 */
main {
	display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

/* Grouping content
	 ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
	font-family: monospace, monospace;
	font-size: 1em;
}

/* Text-level semantics
	 ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */
a {
	background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
	font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

/**
 * Add the correct font size in all browsers.
 */
small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/* Embedded content
	 ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */
img {
	border-style: none;
}

/* Forms
	 ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
	overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
	text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
	padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
	vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
	overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}

/* Interactive
	 ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
	display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
	display: list-item;
}

/* Misc
	 ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */
template {
	display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
	display: none;
}

/* Box sizing
--------------------------------------------- */

/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
	box-sizing: inherit;
}

html {
	box-sizing: border-box;
	scroll-behavior: smooth;
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/

/* Typography
--------------------------------------------- */
body,
button,
input,
select,
optgroup,
textarea {
	color: var(--primary);
	font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-optical-sizing: auto;
	font-style: normal;
	font-size: 1rem;
	font-style: normal;
	line-height: 1.5;
	letter-spacing: 0.8px;
	font-display: swap;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	line-height: inherit;
	font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-display:swap;
}

p {
	margin-bottom: 1.5em;
	align-self: center;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/* Elements
--------------------------------------------- */
body {
	background: #fff;
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul,
ol {
	margin: 0 0 1.4rem 1.2rem;
	padding: 0 0 0;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li>ul,
li>ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: 700;
}

dd {
	margin: 0 1.5em 1.5em;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

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

figure {
	margin: 1em 0;
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

/* Links
--------------------------------------------- */

a {
	color: var(--black);
}

a:focus {
	outline: thin dotted;
}

a:hover,
a:active {
	outline: 0;
	text-decoration: none;
}

/* Forms
--------------------------------------------- */

/* Forms
--------------------------------------------- */
input::placeholder,
textarea::placeholder {
	color: var(--primary);
	font-size: 14px;
	font-weight: 300;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: var(--secondary);
}

button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
	outline: 0;
	border-color: solid 1px var(--secondary);
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea,
select {
	color: var(--primary);
	border: solid 1px var(--white);
	padding: 18px 15px;
	border-radius: 5px;
	background-color: #F2F5F7;
	width: 100%
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111;
	border: solid 1px var(--secondary);
	outline: 0;
}

.wpcf7-form input[readonly] {
	cursor: not-allowed;
	font-size: 14px;
}


.wpcf7-list-item-label {
	color: var(--primary);
	font-size: 13px;
	margin-left: 6px;
	position: relative;
	top: -2px;
}

.wpcf7-list-item-label a {
	color: var(--gray);
	font-size: 14px;
	text-underline-offset: 3px;
	text-decoration: underline 1px #5d5c5c6b;
}

.formarea p {
	margin-bottom: 8px;
}

.wpcf7-not-valid-tip {
	color: #dc3232;
	font-size: 13px;
	height: 0;
	font-weight: normal;
	display: unset;
}

form p:nth-of-type(5),
form p:nth-of-type(6) {
	display: grid;
	width: 100%;
}

textarea {
	width: 100%;
	border-radius: 8px;
	height: 13rem;
}

.wpcf7-submit {
	width: fit-content;
}

/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/

/* Navigation
--------------------------------------------- */
.main-navigation {
	display: block;
	width: 100%;
	border-top: solid 1px #D6D6D6;
}

.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation ul ul {
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 100%;
	left: -999em;
	z-index: 99999;
	display: block;
	text-align: left;
	min-width: 13rem;
	background-color: white;
	width: 100%;
	border-radius: 0 6px 6px 6px;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul li:hover>ul,
.main-navigation ul ul li.focus>ul {
	display: block;
	left: auto;
	margin: 1.8rem 0 0 8rem;
}

.main-navigation .sub-menu {
	background: #f8f8f8;
}

.main-navigation .sub-menu li a {
	padding: 0.5rem 0 0.5rem 0.5rem;
	border-top: 1px solid #dddddd;
}

.main-navigation ul li:hover>ul,
.main-navigation ul li.focus>ul {
	left: auto;
}

.main-navigation li {
	position: relative;
}

.main-navigation a {
	display: block;
	text-decoration: none;
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
	margin: 0 0 1.5em;
}

.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
	display: flex;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	flex: 1 0 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	text-align: end;
	flex: 1 0 50%;
}

/* Posts and pages
--------------------------------------------- */
.sticky {
	display: block;
}


.updated:not(.published) {
	display: none;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/* Boat Unavailable Box (Alex)
--------------------------------------------- */

.boat-unavailable-box {
  background-color: #d6e4f2;
  border: 3px solid #00458a;
  padding: 1rem 2rem;
  margin-bottom: 1rem;
  text-align: center;
}

.boat-unavailable-box h3 {
  color: #333333!important;
}

.boat-unavailable-box p {
  color: #333333;
  margin: 0;
}

.boat-unavailable-box a:hover {
  color: #ff8259; /* Lightened orange */
}

.boat-unavailable-box a {
  color: #fd633a;
  transition: color 0.3s ease, text-decoration 0.3s ease;
}

/* Contact Form Fix (Alex)
--------------------------------------------- */
.contact-form-hide-fix {
  visibility: hidden;
}

/* New Boat Brand Links (Alex)
--------------------------------------------- */
.new-boat-brand-links {
  padding: 0 0 1rem;
}
a.new-boat-brand-link {
  color: #fd633a!important;
}
a.new-boat-brand-link:hover {
  text-decoration: underline;
}

/* Hero Image Resize (Alex)
--------------------------------------------- */
#hero-image-resize {
  height: 32rem;
}
@media (min-width:989px) {
	#hero-image-resize {
  		height: 32rem;
	}
}

/* New Boats Logo Search (Alex)
--------------------------------------------- */
.brand-logos {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  gap: 1rem;
  flex-wrap: wrap;
  padding: 1rem 0;
}

.brand-logos a {
  display: inline-block;
  text-align: center;
  margin: 0 1rem;
}

.brand-logos img {
  max-width: 120px;
  width: 100%;
  height: auto;
  padding-bottom: 1rem;
}

.filterFix {
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
  max-width: 20rem;
}


.mm-longtext {
	overflow:hidden;
	transition: max-height 0.5s linear; 
}

.mm-fadetext {
	mask-image: linear-gradient(to bottom, black 0%, black 40%, rgba(0,0,0,0.15) 100%);
}

.mm-readmore {
	cursor:pointer;
	color:#FD633A;
}

/* Comments
--------------------------------------------- */
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/* Widgets
--------------------------------------------- */
.widget {
	margin: 0 0 1.5em;
}

.widget select {
	max-width: 100%;
}

/* Media
--------------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

/* Captions
--------------------------------------------- */
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/* Galleries
--------------------------------------------- */
.gallery {
	margin-bottom: 1.5em;
	display: grid;
	grid-gap: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	width: 100%;
}

.gallery-columns-2 {
	grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
	grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
	grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
	grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
	grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
	grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
	grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
	grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
	display: block;
}

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/

/* Jetpack infinite scroll
--------------------------------------------- */

/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/

/* Accessibility
--------------------------------------------- */

/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
	outline: 0;
}

/* Alignments
--------------------------------------------- */
.alignleft {

	/*rtl:ignore*/
	float: left;

	/*rtl:ignore*/
	margin-right: 1.5em;
	margin-bottom: 1.5em;
}

.alignright {

	/*rtl:ignore*/
	float: right;

	/*rtl:ignore*/
	margin-left: 1.5em;
	margin-bottom: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1.5em;
}


/* BS4 custom classes

---------------------------------------------------------*/

/* --------------------------------- 
Custom CSS start here 
*/
.br-15 {
	border-radius: 15px;
}

.br-10 {
	border-radius: 10px;
}

.br-5 {
	border-radius: 5px;
}

.bg-pri {
	background-color: var(--primary) !important;
}

.bg-sec {
	background-color: var(--secondary) !important;
}

.bg-ter {
	background-color: var(--tertiary) !important;
}

.bg-gray {
	background-color: var(--gray) !important;
}

.bg-dark {
	background-color: var(--black) !important;
}

.bg-orange {
	background-color: #FDC600;
}

.bg-darkorange{
	background-color:#E18F2A;
}

.bg-red {
	background-color: #DD052B;
}

.bg-lightgray {
	background-color: var(--lightgray) !important;
}

.text-pri {
	color: var(--white) !important;
}

.text-pri {
	color: var(--primary) !important;
}

.text-sec {
	color: var(--secondary) !important;
}

.text-ter {
	color: var(--tertiary) !important;
}

.text-gray {
	color: var(--gray) !important;
}

.text-dark {
	color: var(--dark) !important;
}

.text-black {
	color: var(--black) !important;
}

.d-grid {
	display: grid;
}

.max-width {
	max-width: 81rem;
}

.max-width-sec {
	max-width: 75rem;
}

.max-7 {
	max-width: 7rem !important;
}

.max-9 {
	max-width: 9rem;
}

.max-10 {
	max-width: 10rem !important;
}

.max-15 {
	max-width: 15rem;
}

.max-18 {
	max-width: 18rem;
}

.max-20 {
	max-width: 20rem;
}

.max-22 {
	max-width: 22rem;
}

.max-25 {
	max-width: 25rem;
}

.max-30 {
	max-width: 30rem;
}

.max-35 {
	max-width: 35rem;
}

.max-40 {
	max-width: 40rem;
}

.max-45 {
	max-width: 45rem;
}

.max-50 {
	max-width: 50rem;
}

.max-55 {
	max-width: 55rem;
}

.max-60 {
	max-width: 60rem;
}

.max-65 {
	max-width: 65rem;
}

.max-70 {
	max-width: 70rem;
}

.max-75 {
	max-width: 75rem;
}

.max-80 {
	max-width: 80rem;
}

.max-85 {
	max-width: 85rem;
}

.font-200 {
	font-weight: 200;
}

.font-300 {
	font-weight: 300;
}

.font-400 {
	font-weight: 400;
}

.font-500 {
	font-weight: 500;
}

.font-600 {
	font-weight: 600;
}

.font-700 {
	font-weight: 700;
}

.font-800 {
	font-weight: 800;
}

.font-12 {
	font-size: 12px !important;
}

.font-13 {
	font-size: 13px;
}

.font-14 {
	font-size: 14px;
}

.font-15 {
	font-size: 15px;
}

.font-16 {
	font-size: 16px;
}

.font-18 {
	font-size: 18px;
}

.font-20 {
	font-size: 20px;
}

.font-22 {
	font-size: 22px;
}

.font-25 {
	font-size: 25px;
}

.font-30 {
	font-size: 30px;
}

.font-35 {
	font-size: 35px;
}

.font-40 {
	font-size: 40px;
}

.font-45 {
	font-size: 45px;
}

.uppercase {
	text-transform: uppercase;
}

.font-italic{
    font-style: italic;
}

.line-normal {
	line-height: normal;
}

.line-inherit {
	line-height: inherit;
}

.underline {
	text-decoration: underline;
	text-underline-offset: 5px;
}

.border-sec {
	border: solid 1px var(--secondary);
}

.border-pri {
	border: solid 1px var(--primary);
}

/* End of BS4 custom classes here*/
.site-branding img {
	max-width: 290px;
}

.menu-menu-1-container {
	align-content: center;
}

.main-navigation a {
	font-size: 13px;
	color: var(--primary);
	font-weight: 500;
	text-transform: uppercase;
}

.menu-toggle {
	background: none;
	border: none;
}

.menu-toggle svg {
	padding: 3px 0px;
	width: 30px;
	height: 26px;
}

.mobmenu {
	position: fixed;
	top: 0;
	right: -100%;
	z-index: 999;
	width: 300px;
	height: 100vh;
	background-color: var(--primary);
	transition: transform 0.4s ease;
	transform: translateX(100%);
	overflow: auto;
}

.mobmenu.menu-open {
	transform: translateX(0) !important;
	right: 0;
}

.mobmenu.menu-close {
	transform: translateX(100%);
	right: 0;
}

.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

.closebtn svg {
	height: 17px;
	width: 17px;
}

.closebtn {
	cursor: pointer;
	position: relative;
	left: 3px;
}

.mobmain_menu a {
	color: var(--white);
	text-transform: uppercase;
	font-weight: 400;
	padding: 0 0px;
	font-size: 16px;
	display: block;
}

.mobmain_menu>div>ul {
	padding: 0;
	margin: 0;
}

.mobmain_menu .sub-menu a {
	font-weight: 300;
	font-size: 15px;
}
/*
.mobmain_menu li.current-menu-item a {
	color: #FDC600;
}
*/
.mobmain_menu .sub-menu {
	margin: 0;
	padding: 0.5rem 0.5rem 0.4rem 0.8rem;
	display: none;
	overflow: hidden;
	transition: 0.3s ease-in-out;
	max-height: 0;
}

.mobmain_menu .sub-menu.show {
	display: block;
	max-height: 100% !important;
	transition: 0.3s ease-in-out;
}

.mobmain_menu>div>ul>li {
	padding-bottom: 14px;
	list-style: none;
	border-bottom: solid 1px #b9b9b969;
	padding-top: 14px;
}

.mobmenu .menu-item-has-children {
	position: relative;
	list-style: none;
}

.mobmenu .menu-item-has-children>a::after {
	content: "";
	background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%229%22%20height%3D%225%22%20viewBox%3D%220%200%209%205%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M7.81665%200.841248L4.49915%204.15875L1.18164%200.841248%22%20stroke%3D%22%238AB3D9%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E');
	position: absolute;
	right: 0px;
	height: 16px;
	width: 16px;
	background-repeat: no-repeat;
	background-size: contain;
	margin-top: 7px;
}

.mobmain_menu .sub-menu li {
	padding-bottom: 6px;
	margin-top: 3px;
	list-style: none;
}
/*
.mobmain_menu .sub-menu .sub-menu a {
	color: var(--primary);
}
*/
.menu-main-menu-container {
	align-self: center;
}
.main-navigation li.menu-item-has-children {
	position: relative;
	padding-right: 14px;
}

.main-navigation .sub-menu li:hover {
	background: #dddddd;
}

.main-navigation li.menu-item-has-children::after {
	content: "";
	background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%229%22%20height%3D%225%22%20viewBox%3D%220%200%209%205%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M7.81665%200.841248L4.49915%204.15875L1.18164%200.841248%22%20stroke%3D%22%238AB3D9%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E');
	background-repeat: no-repeat;
	position: absolute;
	background-size: contain;
	height: 12px;
	width: 13px;
	right: 0.1rem;
	top: 40%;
}

#menu-item-501::after,
#menu-item-70854::after,
#menu-item-46435::after {
	right: -0.2rem;
	top: 14%;
}

.logolive {
	overflow: hidden;
	position: relative;
	width: 100%;
	margin: auto;
}

.logolive_container {
	display: flex;
	gap: 10px;
	animation: scroll 20s linear infinite;
	width: max-content;
}

.logolive .item {
	width: auto;
	flex-shrink: 0;
}

.logolive img {
	width: 100%;
	object-fit: contain;
	height: 3rem;
	max-width: 20rem;
	padding: 2px 4rem;
}

@keyframes scroll {
	0% {
		transform: translateX(0);
	}

	100% {
		transform: translateX(-50%);
	}
}

.copyright__row {
	border-top: solid 1px #FFFFFF;
}

.btna {
	padding: 18px 40px;
	font-size: 13px;
}

.btnb {
	position: relative;
	display: block;
}

.btnb::after {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='15' viewBox='0 0 8 15' fill='none'%3E%3Cpath d='M0.999999 1L7 7.5L1 14' stroke='%238AB3D9' stroke-width='1.07428' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	content: "";
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	position: absolute;
	height: 14px;
	width: 14px;
	margin: 2px 0 0 12px;
}

.slideimage .slideoverlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(0deg, rgb(0 43 85 / 55%) 0%, rgba(0, 43, 85, 0.28) 100%);
	z-index: 1;
}

.hero__overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(270deg, rgba(0, 0, 0, 0.00) 26.87%, rgba(0, 55, 114, 0.70) 80.46%);
	z-index: 1;
}

.homeslider .item .slideimage {
	margin-bottom: -7px;
}

.homeslider .content,
.heroimage .content {
	position: absolute;
	left: 0;
	width: 100%;
	max-width: 85rem;
	top: 50%;
	transform: translate(0, -50%);
	text-align: left;
	padding: 0 1.4rem;
	margin: auto;
	justify-self: anchor-center;
	z-index: 99;
}

.owl-nav .owl-next {
	top: 50%;
	position: absolute;
	right: 1%;
	transform: translate(0%, -50%);
}

.owl-nav .owl-prev {
	top: 50%;
	position: absolute;
	left: 1%;
	transform: translate(0%, -50%);
}

.owl-nav svg {
	height: 38px;
	width: 38px;
	background: white;
	border-radius: 50px;
	padding: 14px 12px;
}

.owl-dots {
	position: absolute;
	bottom: 0;
	margin-bottom: -4rem;
	left: 50%;
	transform: translate(-50%, 0px);
}


.owl-dots button span {
	background: white !important;
	height: 10px;
	width: 10px;
	position: absolute;
	border-radius: 51px;
	border:1px solid black;
}

.owl-dots button {
	margin-right: 18px;
}

.owl-dot.active span {
	background: var(--secondary) !important;
}

.carousel-wrapper {
  overscroll-behavior-x: contain;
}

.owl-carousel {
  touch-action: pan-y;
}

.owl-stage {
  will-change: transform;
}

.owl-item {
  transform: none !important;
}

.pages__slider .owl-nav button {
	bottom: 0;
	margin-bottom: -5rem;
	top: unset;
	transform: translate(0px, 0px);
}

.progress-button {
	z-index: 99;
	position: relative;
	margin: 0 5px;
	height: 5px;
	background: rgb(255 255 255 / 50%);
	border-radius: 6px;
	overflow: hidden;
	flex: 1;
	max-width: 90px;
	cursor: pointer;
	width: 100%;
}

.progress-button .progress-bar {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 0%;
	background: var(--white);
	transition: width 0.1s linear;
	z-index: 1;
}

.vertical__col>div {
	align-content: center;
	background-size: cover !important;
	max-width: 100%;
	width: 100%;
	overflow: hidden;
}

.pageoverlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgb(0 0 0 / 27%);
	z-index: 1;
}

.page__item .item__content {
	position: absolute;
	bottom: 0;
	padding: 9px 19px;
	z-index: 2;
}

.page__item img {
	height: 23rem;
	object-fit: cover;
	width: 100%;
}

.newsarea__catbtn {
	position: absolute;
	top: 1rem;
	left: 0;
	font-size: 12px;
	background: var(--secondary);
	padding: 7px 11px;
}

.newsarea__link img {
	height: 19rem;
	width: 100%;
	object-fit: cover;
}

.hero-banner .container-fluid {
	background-size: cover !important;
	background-position: center !important;
}

.mailchimp input {
	background: none;
	border: none;
	border-bottom: solid 1px white;
	border-radius: 0;
	padding: 11px 10px;
	height: 44px;
}

.mailchimp input::placeholder {
	color: white;
	font-size: 14px;
	font-weight: 100;
}

.mailchimpwhite #mce-EMAIL{
    color:white;
}

#mce-responses * {
	color: var(--tertiary);
	font-weight: 200 !important;
	font-size: 13px;
}

.mailchimpfooter input::placeholder {
	color: var(--dark);
}

.mailchimpfooter .btna {
	padding: 13px 10px 14px 10px;
}

.searchandfilter ul {
	margin: 0;
	padding: 0;
}

.searchandfilter ul ul {

	border-bottom: solid 1px #D6D6D6;
	padding-bottom: 1.9rem;
	margin-bottom: 9px;
}

.searchandfilter ul li li {
	padding: 3px 0;
}

.filterposts input,
.mobfilter input {
	padding: 11px 3px;
	border-bottom: solid 1px #D6D6D6;
	border-radius: 0;
}

.searchandfilter h4 {
	text-transform: uppercase;
}

.filter-group .sf-field-search {
	padding-bottom: 2rem;
	padding-top: 0;
}

.postsrow img {
	/*height: 19rem;*/
	object-fit: cover;
}

.rangerow img {
	height: 16rem;
	object-fit: cover;
}

.mobfilterbtn {
	border: solid 1px;
	gap: 10px;
	display: inline-flex;
	align-items: center;
	padding: 5px 17px;
}

.mobfilter {
	position: fixed;
	top: 0;
	right: -100%;
	width: 100%;
	height: 100%;
	z-index: 999;
	padding: 2.5rem 1.3rem;
	transition: right 0.3s ease;
}

.mobfilter.open {
	right: 0;
}

.mobfilter .searchandfilter h4 {
	cursor: pointer;
	font-weight: 600;
	font-size: 16px;
	padding: 10px 0 8px 0;
}

.mobfilter .searchandfilter h4::after {
	content: "";
	background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%227%22%20viewBox%3D%220%200%2012%207%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M11.1195%201.1875L6.05974%206.24724L1%201.1875%22%20stroke%3D%22%23004289%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E');
	position: absolute;
	right: 1rem;
	height: 33px;
	width: 33px;
	background-size: 15px;
	background-repeat: no-repeat;
	margin-top: 8px;
}

.mobfilter form ul ul {
	padding: 1rem 0.4rem 0.5rem;
}

.closefilter svg {
	height: 16px;
	width: 16px;
}

.mobfilter .searchandfilter label {
	font-size: 16px;
	width: 100%;
}

.mobfilter .searchandfilter ul li li {
	padding: 4px 0;
	display: flex;
}

.mobfilter .searchandfilter ul li {
	border-bottom: solid 1px #c9c9c9;
}

.mobfilter .sf-field-search,
.mobfilter .searchandfilter ul li li,
.mobfilter .searchandfilter ul ul {
	border-bottom: none !important;
}

.boat__type-btn {
    position: absolute;
    top: 0;
    padding: 7px 17px 4px 17px;
    text-transform: uppercase;
    font-size: 11px;
    letter-spacing: 1.3px;
}
.singleboat__type .instockicon, .singleboat__type .outstockicon{
    top: 5px !important;
    right: 8px;
}

.postmeta .boat__type-btn {
	top: 0;
	margin-top: -2.4rem;
	z-index: 99;
	padding: 7px 28px 4px 17px;
}
.boat-range-template-default .postmeta .boat__type-btn{
    margin-top: -1rem!important;
}

.postmeta {
	margin-top: -1rem;
	z-index: 99;
	position: relative;
}

.postmeta .row {
	box-shadow: 0px 3px 83px 0px rgba(0, 0, 0, 0.11);
}

.boat__content h1,
.boat__content h2,
.boat__content h3,
.boat__content h4,
.boat__content h5,
.boat__content a {
	color: var(--secondary);
}

.stickytop {
	position: sticky;
	top: 5px;
}

.arrow-gray {
	position: relative;
}

.arrow-gray::after {
	content: "";
	position: absolute;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='10' viewBox='0 0 20 10' fill='none'%3E%3Cpath d='M15.25 1.44727L19 5.19727M19 5.19727L15.25 8.94727M19 5.19727H1' stroke='%23BBBBBB' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	height: 17px;
	width: 17px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position-y: center;
	margin: 5px 0 0 15px;
}

.boat__content-inner {
	border: solid 1px #E1E1E1;
}

.listbox li {
	position: relative;
	padding-left: 31px;
}

.listbox li::before {
	content: "";
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='22' viewBox='0 0 21 22' fill='none'%3E%3Cpath d='M7.375 10.7069L9.45833 12.7902L13.625 8.62358M19.875 10.7069C19.875 11.9381 19.6325 13.1571 19.1614 14.2946C18.6902 15.432 17.9997 16.4655 17.1291 17.336C16.2586 18.2066 15.2251 18.8971 14.0877 19.3683C12.9502 19.8394 11.7311 20.0819 10.5 20.0819C9.26886 20.0819 8.04977 19.8394 6.91234 19.3683C5.77492 18.8971 4.74142 18.2066 3.87087 17.336C3.00032 16.4655 2.30977 15.432 1.83863 14.2946C1.36749 13.1571 1.125 11.9381 1.125 10.7069C1.125 8.2205 2.11272 5.83594 3.87087 4.07778C5.62903 2.31963 8.0136 1.33191 10.5 1.33191C12.9864 1.33191 15.371 2.31963 17.1291 4.07778C18.8873 5.83594 19.875 8.2205 19.875 10.7069Z' stroke='%23BBBBBB' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	width: 19px;
	height: 19px;
	position: absolute;
	display: inline-block;
	margin: 2px 0 0 0;
	left: 0;
}

.boatgallery .owl-dots,
.singleboat .owl-dots {
	margin-bottom: 2rem;
}

.boatgallery .owl-prev,
.images__slider .owl-prev{
	top: unset;
	bottom: 1rem;
	right: 4.5rem;
	left: unset;
}

.boatgallery .owl-next,
.images__slider .owl-next{
	top: unset;
	bottom: 1rem;
	right: 1.5rem;
}

#breadcrumbs {
	margin-bottom: 0;
	font-size: 14px;
}

#breadcrumbs a {
	color: gray;
	text-decoration: underline;
	text-underline-offset: 3px;
}

.hero-logo {
	max-width: 12rem;
	height: 100% !important;
	margin-bottom: 1.4rem;
	object-fit: contain !important;
}

.range__sidebar {
	box-shadow: 0px 3px 83px 0px rgba(0, 0, 0, 0.11);
	border-radius: 15px;
}

.borderbottom {
	border-bottom: solid 1px #C6C6C6;
}

.range__files svg {
	height: 19px;
	width: 19px;
	margin: -4px 3px 0 0px;
}

.services-sales img {
	height: 26rem;
}

.boats__slider .owl-next,
.boats__slider .owl-prev {
	margin-top: -5rem;
}

.col__inner h1,
.col__inner h2,
.col__inner h3,
.col__inner h4,
.col__inner h5,
.col__inner h6 {
	color: var(--secondary);
	font-size: 21px;
}

.col__inner li {
	padding-bottom: 12px;
	font-size: 15px;
}

.col__inner img {
	height: 11rem;
	width: 100%;
	object-fit: cover;
	padding-top: 0.5rem;
}

.pri-box img {
	height: 13rem;
	object-fit: cover;
}

.right-col__inner {
	border-radius: 15px;
	box-shadow: 0px 3px 83px 0px rgba(0, 0, 0, 0.11);
}

.right-col__inner img {
	width: 63px;
	height: 41px;
	object-fit: contain;
	margin-bottom: 12px;
}

.playicon {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	cursor: pointer;
	z-index: 99;
	height: 100%;
	width: 100%;
	align-content: center;
}

.playicon svg {
	height: 100px;
	width: 100px;
}

.playback__video {
	position: relative;
	margin: auto;
}

.video__thumb {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	object-fit: cover;
	cursor: pointer;
	background: black;
}

.video__overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	z-index: 2;
}

.video__player {
	z-index: 0;
	position: relative;
	margin-bottom: -7px;
}

.gallery__item img {
	height: 15rem;
	width: 100%;
	object-fit: cover;
}

.textarea__cta a {
	color: #00458A;
	margin-bottom: 3px;
}

.textarea__cta p {
	color: #00458A;
	margin-bottom: 3px;
	font-weight: 500;
}

.columns_grid img {
	height: 43px;
	width: 44px;
	object-fit: contain;
}

.twocol__area img {
	height: 4.5rem;
	max-width: 12.5rem;
	object-fit: contain;
}

.twocol__area li {
	list-style: inside;
}

.cards__inner {
	box-shadow: 0px 3px 53px 0px rgba(0, 0, 0, 0.07);
	border-radius: 15px;
	align-content: center;
}

.cards__inner img,
.cards__inner svg{
	height: 35px;
	width: 35px;
	object-fit: contain;
}

.teamcard img {
	height: 20rem;
	object-fit: cover;
}

.justify-items-center {
	justify-items: center;
}
.cardscontact{
	margin-top: -9rem;
	position: relative;
	z-index: 99;
}
.cardscontact > .boxshadow{
	filter: drop-shadow(0px 13px 100px rgba(0, 0, 0, 0.14));
}
.pagination .page-numbers{
	color: #BDBCBC;
    border: solid 1px;
    padding: 6px 14px;
    margin-right: 6px;
	font-size: 14px;
}
.pagination .page-numbers.current{
	background: #BDBCBC;
	color: white;
    border: solid 1px #BDBCBC;
}
.postcat__filter a{
	background: none;
    letter-spacing: 1px;
}
.postcat__filter a.btn-active{
	color: var(--tertiary) !important;
	font-weight: 400;
	text-decoration: underline;
	text-underline-offset: 4px;
}
.strikeprice{
	color: red;
    text-decoration: line-through;
}

.relatedposts img{
	 /*height: 17rem;*/
    object-fit: cover;
}
.policiespage a{
    text-decoration:underline;
    text-underline-offset:4px;
    color:var(--primary);
}
.instockicon,
.outstockicon{
    height: 10px;
    width: 10px;
    position: absolute;
    border-radius: 70px;
    border: solid 1px white;
    margin-top: 4px;
    margin-left: 9px;
    right: 10px;
    top: 4px;
}
.instockicon{
    background:green;
}

.outstockicon{
    background:red;
}
.singleboat .owl-dots{
    margin-bottom: 3rem;
}

.triangle-container {
	position:absolute;
	width:100px;
	height:100px;
	background-color:none;
	right:0px;
	top:0px;
	overflow:hidden;
}

.triangle {
    position: relative;
    top:-10px !important;
	right:-5px !important;
	width: 0;
    height: 20px;
    border-left: 70px solid transparent;
    border-right: 70px solid transparent;
    border-bottom: 70px solid #D62828; /* Triangle color */
    transform: rotate(45deg); /* Rotate the triangle */
	overflow:hidden;
}

.triangle-text {
	transform: rotate(45deg);
	font-size: 12px;
    position: relative;
	top:-55px;
	right:-17px;
    width: 100px;
    text-align: center;
    color: white;
    overflow:hidden;
}
.triangle-text b {
	font-size: 16px;
}
.triangle-text span {
	line-height: 0.8;
}

.price-saving {
	padding: 7px 17px 4px 17px;
    position: absolute;
    top:0 !important;
	letter-spacing: 1.3px;
	font-size: 11px;
    right: 30px;
    color:white;
	background-color: red;
}

.homepage-slider-banner {
	background-color:#00458a55;	
	color:white;
	z-index:9999;
	text-align:center;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	padding: 1rem;
	font-size: 0.8rem;
}
@media (min-width:768px) {
	.homepage-slider-banner {
		font-size: 1rem;
	}
}
.homepage-slider-banner a {
	color: white;
	text-decoration: underline;
}
.homepage-slider-banner a:hover {
	text-decoration: none;
}

.youtubevideo iframe{
	height: 46rem;
    width: 100%;
}
.boats__slider img{
	min-height: 19rem;
    object-fit: cover;
}
.sf-field-search label{
    width:100%;
}
.sf-field-search input::placeholder{
    color:var(--secondary);
}
.sf-field-search input{
    background: #eeeeee;
	border: 1px solid #d6d6d6;
}


/*** H A START here***/
.underline__animate a,
.underline__animate-white a{
	position: relative;
	color: inherit;
	text-decoration: none;
}

.underline__animate a::after,
.underline__animate-white a::after{
	content: '';
	position: absolute;
	left: 0;
	bottom: -2px;
	width: 0;
	height: 1px;
	background-color: var(--primary);
	transition: width 0.5s ease;
}
.underline__animate-white a::after{
	background-color: var(--white)!important;
}

.underline__animate a:hover::after,
.underline__animate a:focus::after,
.underline__animate-white a:hover::after,
.underline__animate-white a:focus::after{
	width: 100%;	
}

.btna.bg-pri,
.btna.bg-sec{
  position: relative;
  overflow: hidden;
  color: white;
  background-color: transparent;
  z-index: 1;
}

.btna.bg-pri::before,
.btna.bg-sec::before{
  content: "";
  position: absolute;
  bottom: -100%;
  left: 0;
  width: 100%;
  height: 100%;
  background: darkgray;
  z-index: -1;
  transition: bottom 0.3s ease-in-out;
}

.btna.bg-sec::before{
	background: darkgray!important;
}

.btna.bg-pri:hover::before,
.btna.bg-sec:hover::before{
  bottom: 0;
}

.btna.bg-pri:hover {
  color: white;
}

/*** H A END here***/

.boat__content iframe{
    width:100%;
}
.boat__content dialog iframe{
    margin-bottom: -7px;
}
dialog::backdrop {
    background: rgba(0, 0, 0, 0.6);
}
.ytclosebtn{
    position: absolute;
    top: 0;
    right: 0;
    border: none;
    color: white;
    background: red;
    padding: 2px 13px;
    border-radius: 54px;
    height: 33px;
    width: 34px;
    font-family: cursive;
    font-size: 13px;
    padding-top: 4px; 
}
.nav-links a{
    color: white;
    background: black;
    padding: 12px 18px;
    margin: 0;
    display: inline-block;
    width: 100%;
    text-align: center;
}
.nav-links{
    gap: 8px;
    margin: 0 0px 0 11px;
}
.navigation.posts-navigation{
    display:none;
}
.sf-field-sort_order ul li:nth-of-type(1){
    display:none;
}
@media (min-width:768px) {

	.col-repeater .row .col-12:nth-of-type(1),
	.col-repeater .row .col-12:nth-of-type(2) {
		width: 50%;
		max-width: 50%;
		flex: none;
	}

	.col-repeater .row .col-12:nth-of-type(1) img,
	.col-repeater .row .col-12:nth-of-type(2) img {
		height: 35rem;
	}
}

@media (max-width:768px) {

	.playicon svg {
		height: 60px;
		width: 60px;
	}

	.progress-button {
		max-width: 40px;
	}

	.homeslider .owl-nav {
		display: none;
	}

	.owl-dots {
		margin-bottom: -4.5rem;
	}

	.page__item img {
		height: 19rem;
	}

	.newsarea__link img {
		height: 14rem;
	}

	.postsrow img {
		/*height: 13rem;*/
	}

	.boatgallery .owl-prev,
	.images__slider .owl-prev{
		top: unset;
		bottom: 0.5rem;
		right: 2.5rem;
	}

	.boatgallery .owl-next,
	.images__slider .owl-next{
		top: unset;
		bottom: 0.5rem;
		right: 0.5rem;
	}

	.pri-box__inner h2,
	.pri-box__inner h3,
	.pri-box__inner h4,
	.pri-box__inner h5,
	.pri-box__inner h6,
	.twocolarea h2,
	.twocolarea h3,
	.twocolarea h4 {
		font-size: 23px;
	}

	.teamcard img {
		height: 11rem;
		object-fit: cover;
	}
	.youtubevideo iframe{
		height: 22rem;
		width: 100%;
	}
	.images__slider .owl-nav button{
	    bottom: 3rem;  
	}
	.pagesarea .bg-pri{
	    padding-top: 11rem !important;
        margin-top: -10rem; 
	}
	.sm__header svg{
       height: 15px; 
    }
}

@media (min-width:989px) {

	.formarea form {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		gap: 1rem 0;
	}

	.formarea form p:nth-of-type(1),
	.formarea form p:nth-of-type(2),
	.formarea form p:nth-of-type(3),
	.formarea form p:nth-of-type(4) {
		width: 49.7%;
	}

	.sellform__area form {
		display: grid;
	}

	.sellform__area label {
		width: 100%;
		margin-top: 16px;
	}

	.sellform__area form p {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin: 0;
	}

	.sellform__area form p span {
		width: 49.7%;
		padding-bottom: 8px;
	}

	.sellform__area form h3,
	.sellform__area form p:nth-of-type(1) span:nth-of-type(5),
	.sellform__area form p:nth-of-type(2) span:nth-of-type(9),
	.sellform__area form p:nth-of-type(3) span:nth-of-type(1),
	.sellform__area form p:nth-of-type(4) span {
		width: 100%;
	}

	.sellform__area form p:nth-of-type(4) {
		display: block !important;
	}

	.menu-toggle {
		display: none;
	}

	.main-navigation ul {
		display: flex;
		gap: 1.5rem;
		align-items: center;
	}

	.homeslider .slideimage img,
	.homeslider .slideimage video,
	.heroimage img {
		height: 28rem;
		object-fit: cover;
	}

	.boatgallery .slideimage img,
	.singleboat .slideimage video,
	.boatgallery .slideimage video{
		height: 38rem;
		object-fit: cover;
	}

	.singleboat .slideimage img,
	.singleboat .slideimage video {
		height: 45rem;
		object-fit: cover;
	}

	.vertical__col h2 {
		display: block;
        height: 100%;
        align-content: end;
        transform: rotate(-90deg);
        margin-left: -31rem;
        margin-top: -14.8rem;
        font-size: 30px;
        font-weight: 400;
	}

	.sale__columns img {
		height: 28rem;
		object-fit: cover;
	}

	.fullrightimage {
		width: 100%;
		position: absolute;
		right: 0;
		padding: 0;
		transform: translate(0%, -30%);
		z-index: 0;
		margin-top: 11rem;
	}

	.images__slider img {
		object-fit: cover;
		height: 37rem;
		max-width: 100%;
		border-radius: 0;
	}

	.textwithimage img {
		height: 31rem;
		object-fit: cover;
	}

	.hero-banner .container-fluid {
		height: 38rem;
		align-content: center;
	}

	.range__sidebar {
		margin-top: -20rem;
		background: white;
		position: relative;
		z-index: 9;
	}

	.cglAutoLoad {
		min-height: 1450px;
	}
	.posthero img{
		height: 31rem;
	}
	.main-navigation ul > li > a{
		padding-bottom: 1rem;
	}
	.main-navigation .sub-menu a{
		padding-bottom:0;
	}
}

@media (max-width:989px) {
    .singleboat .owl-dots{
        display:none;
    }
	.cglAutoLoad {
		min-height: 170rem;
	}

	.sellform__area form p span {
		display: block;
		margin-bottom: -18px;
	}

	.postmeta .boat__type-btn {
		justify-self: anchor-center;
	}

	.textwithimage img {
		height: 17rem;
		object-fit: cover;
	}

	.images__slider img {
		height: 14rem;
		object-fit: cover;
	}

	.sale__columns img {
		height: 14rem;
		object-fit: cover;
	}

	.sale__columns .bg-pri {
		background: none !important;
	}

	.sale__columns h2 {
		color: var(--primary) !important;
	}

	.sale__columns p {
		color: var(--black) !important;
	}

	.font-mb-13 {
		font-size: 13px;
	}

	.font-mb-14 {
		font-size: 14px;
	}

	.font-mb-15 {
		font-size: 15px;
	}

	.font-mb-17 {
		font-size: 17px;
	}

	.font-mb-18 {
		font-size: 18px;
	}

	.font-mb-20 {
		font-size: 20px;
	}

	.font-mb-22 {
		font-size: 22px;
	}

	.font-mb-25 {
		font-size: 25px;
	}

	.font-mb-30 {
		font-size: 30px;
	}

	.font-mb-35 {
		font-size: 35px;
	}

	.btna {
		padding: 13px 22px;
		font-size: 13px;
	}

	.homeslider .slideimage img,
	.homeslider .slideimage video {
		height: 34rem;
		object-fit: cover;
	}

	.boatgallery .slideimage img,
	.singleboat .slideimage video {
		height: 15rem;
		object-fit: cover;
	}

	.boatgallery .owl-nav,
	.singleboat .owl-nav {
		display: block;
	}

	.singleboat .slideimage img,
	.singleboat .slideimage video {
		height: 16rem;
		object-fit: cover;
	}

	.heroimage img {
		height: 28rem;
		object-fit: cover;
	}

	.range__sidebar {
		max-width: 100%;
	}

	.footermenu h2,
	.team__collapsible h2 {
		cursor: pointer;
		padding-top: 15px;
		padding-bottom: 15px;
		margin: 0;
		text-align: left;
		position: relative;
		border-bottom: solid 1px #b9b9b969;
	}

	.footermenu ul,
	.team__toggle {
		max-height: 0;
		overflow: hidden;
		text-align: left;
		margin: 0;
		transition: max-height 0.3s ease-out;
	}

	.footermenu h2::after,
	.team__collapsible h2::after {
		content: "";
		background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%229%22%20height%3D%225%22%20viewBox%3D%220%200%209%205%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M7.81665%200.841248L4.49915%204.15875L1.18164%200.841248%22%20stroke%3D%22%238AB3D9%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E');
		position: absolute;
		right: 0px;
		top: 50%;
		height: 13px;
		width: 13px;
		background-repeat: no-repeat;
		background-size: contain;
		margin-top: -6px;
		transform: rotate(270deg);
	}

	.owl-nav svg {
		height: 27px;
		width: 27px;
		padding: 2px 10px;
	}

	.wpcf7-acceptance .wpcf7-list-item-label {
		display: inline;
	}

	.wpcf7-acceptance {
		padding-top: 19px;
	}
	.posthero img{
		height: 20rem;
	}
}

@media (min-width:989px) and (max-width:1410px) {
	.main-navigation a {
		font-size: 12px;
	}

	.main-navigation ul {
		gap: 1.5rem;
	}
}


.mmBackgroundGreenTone2 {
	background-color:#33a68c !important;
}

.hero-2603 {
  position: relative;
  width: 100%;
  min-height: 500px;
  display: flex;
  align-items: center;
  background-size: cover;
  background-position: center;
}
#hero-2603-default {
  background-image: 
    linear-gradient(270deg, rgba(0,55,114,0) 26.87%, rgba(0,55,114,0.7) 80.46%),
    var(--hero-bg-url);
  background-size: cover;
  background-position: center;
}

/* Smaller screens */
@media (max-width: 990px) {
  #hero-2603-default {
    background-image:
      linear-gradient(180deg, rgba(0,55,114,0.6), rgba(0,55,114,0.6)),
      var(--hero-bg-url);
  }
}
#hero-2603-homepage {
  background-image:
    linear-gradient(270deg, rgba(0, 55, 114, 0), rgba(0, 55, 114, 0.9)),
    url('/wp-content/uploads/2026/03/homepage-hero.webp')
}
@media (max-width: 990px) {
  #hero-2603-homepage {
	background-image:
		linear-gradient(270deg, rgba(0, 55, 114, 0.6), rgba(0, 55, 114, 0.6)),
		url('/wp-content/uploads/2026/03/homepage-hero.webp')
  }
}
#hero-2603-boats-for-sale {
  background-image:
    linear-gradient(270deg, rgba(0, 0, 0, 0.00) 26.87%, rgba(0, 55, 114, 0.70) 80.46%),
    url('/wp-content/uploads/2026/03/homepage-hero.webp');
}
#hero-2603-sell-your-boat {
  background-image:
    linear-gradient(270deg, rgba(0, 55, 114, 0), rgba(0, 55, 114, 0.9)),
    url('/wp-content/uploads/2026/03/sell-your-boat-hero.webp');
}
@media (max-width: 990px) {
  #hero-2603-sell-your-boat {
	background-image:
		linear-gradient(270deg, rgba(0, 55, 114, 0.6), rgba(0, 55, 114, 0.6)),
		url('/wp-content/uploads/2026/03/sell-your-boat-hero.webp')
  }
}
#hero-2603-the-team {
  background-image:
    linear-gradient(270deg, rgba(0, 0, 0, 0.00) 26.87%, rgba(0, 55, 114, 0.70) 80.46%),
    url('/wp-content/uploads/2026/03/foxs-marina-hero.webp');
}
@media (max-width: 990px) {
  #hero-2603-the-team {
	background-image:
		linear-gradient(270deg, rgba(0, 55, 114, 0.6), rgba(0, 55, 114, 0.6)),
		url('/wp-content/uploads/2026/03/foxs-marina-hero.webp');
  }
}
#hero-2603-boat-insurance {
  background-image:
    linear-gradient(270deg, rgba(0, 0, 0, 0.00) 26.87%, rgba(0, 55, 114, 0.70) 80.46%),
    url('/wp-content/uploads/2026/03/boat-insurance-header.webp');
}
@media (max-width: 990px) {
  #hero-2603-boat-insurance {
	background-image:
		linear-gradient(270deg, rgba(0, 55, 114, 0.6), rgba(0, 55, 114, 0.6)),
		url('/wp-content/uploads/2026/03/boat-insurance-header.webp');
  }
}
#hero-2603-why-us {
  background-image:
    linear-gradient(270deg, rgba(0, 0, 0, 0.00) 26.87%, rgba(0, 55, 114, 0.70) 80.46%),
    url('/wp-content/uploads/2026/03/foxs-marina-hero.webp');
}
@media (max-width: 990px) {
  #hero-2603-why-us {
	background-image:
		linear-gradient(270deg, rgba(0, 55, 114, 0.6), rgba(0, 55, 114, 0.6)),
		url('/wp-content/uploads/2026/03/foxs-marina-hero.webp');
  }
}

.hero-2603-content {
  max-width: 800px;
  padding: 5%;
  display: flex;
  flex-direction: column;
  color: #ffffff;
}

.hero-2603 h1 {
  font-size: clamp(2rem, 4vw, 2.5rem);
  margin-bottom: 0.5em;
  text-transform: uppercase;
}

.hero-2603 p {
  margin-bottom: 1.5em;
}

.hero-2603-buttons {
  display: flex;
  flex-direction: row;
  gap: 0.75rem;
  margin-top: 1rem;
}

.hero-2603-buttons a {
  width: 14rem; /* homepage only */
  text-align: center;
}
.hero-2603-content a {
  width: 14rem; /* all other instances */
  text-align: center;
}

/* Mobile layout */

@media (max-width: 990px) {

  .hero-2603 {
    justify-content: center;
  }

  .hero-2603-content {
    align-items: center;
    padding: 8%;
  }

  .hero-2603 p {
    max-width: 600px;
  }
  .hero-2603-buttons {
    flex-direction: column;
	align-self: center;
  }

}