/*
Theme Name: Cape Yachts 2022
Theme URI: https://www.capeyachts.com/wp-content/themes/cape_yachts
Author: MH Media Strategies
Author URI: https://mhmediastrategies.com/
Description: The 2022 theme created for Cape Yachts and built on Genesis Blocks
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: cape_yachts
Domain Path: /languages/
Tags: one-column, featured-images, theme-options, custom-background, custom-colors, custom-logo, custom-menu, editor-style, translation-ready, footer-widgets, full-width-template, blog, sticky-post, threaded-comments, wide-blocks
Requires at least: 5.0
Requires PHP: 7.1
*/

/*
font-family: 'Nunito Sans', sans-serif;
font-weight: 300 / 400 / 700;
*/

/*--------------------------------------------------------------
1.0 Normalize
Styles based on Normalize v5.0.0 @link https://github.com/necolas/normalize.css
--------------------------------------------------------------*/
* {
	padding: 0;
	margin: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

html {
    font-family: 'Nunito Sans', sans-serif;
	font-size: 100%;
	line-height: 1.15;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}

body {
	margin: 0;
}

article,
aside,
footer,
header,
nav,
section {
	display: block;
}

figcaption,
figure,
main {
	display: block;
}

figure {
	margin: 0 0 1em;
	max-width:100%;
}

hr {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}

pre {
	font-family: monospace, monospace;
	font-size: 1em;
}

a {
	background-color: transparent;
	-webkit-text-decoration-skip: objects;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

a:active,
a:hover {
	outline-width: 0;
}

abbr[title] {
	border-bottom: 1px #767676 dotted;
	text-decoration: none;
}

b,
strong {
	font-weight: 700;
}

code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

dfn {
	font-style: italic;
}

mark {
	background-color: #eee;
	color: #222;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

.wp-caption img {
	margin-bottom:0.25em;
}

.wp-caption-text {
	font-size:0.875rem;
	line-height:1.25rem;
	font-style:italic;
}

.wp-block-image {
    margin: 0;
}

audio,
video {
	display: inline-block;
}

.videoContainer {
	position:relative;
	margin:0 auto 1em;
	padding-bottom: 56.25%;
	max-width:100%;
	height:auto;
}

.videoContainer iframe,
.videoContainer object,
.videoContainer embed,
.videoContainer video {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

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

svg:not(:root) {
	overflow: hidden;
}

button,
input,
optgroup,
select,
textarea {
	font-family: 'Nunito Sans', sans-serif;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}

button,
input {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

select, .select2-search__field {
	-webkit-appearance:none;
	-moz-appearance: none;
	max-width: 100%;
	border-radius: 0;
	border: solid 1px #ccc;
	background: url("/wp-content/themes/cape_yachts/ui/select-down.png") right 0 top 50% no-repeat!important;
}

button,
html [type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

fieldset {
	border: 1px solid #bbb;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}

progress {
	display: inline-block;
	vertical-align: baseline;
}

textarea {
	overflow: auto;
}

[type="checkbox"],
[type="radio"] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

[type="search"] {
	-webkit-appearance: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}

details,
menu {
	display: block;
}

summary {
	display: list-item;
}

canvas {
	display: inline-block;
}

template {
	display: none;
}

[hidden] {
	display: none;
}

/*--------------------------------------------------------------
2.0 Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	overflow: hidden;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	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; /* Above WP toolbar. */
}

/*--------------------------------------------------------------
3.0 Alignments
--------------------------------------------------------------*/
.alignleft {
	display: block;
	margin:0 auto 0.5em
}

.alignright {
	display: block;
	margin:0 auto 0.5em
}

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

.page-width	{
	position:relative;
    width: 94%;
	max-width:1600px;
	margin:0 auto;
	padding:0;
}

.center, .align-center {
	text-align:center;
}

.align-left {
	text-align:left;
}

.align-right {
	text-align:right;
}

@media screen and ( min-width: 600px ) {
    .alignleft {
	    display: inline;
	    float: left;
	    margin:0 3% 0.5em 0;
	    max-width: 47%;
    }
    .alignright {
	    display: inline;
	    float: right;
	    margin:0 0 0.5em 3%;
	    max-width: 47%;
    } 
}

@media screen and ( min-width: 1700px ) {
    .page-width	{
	    width:100%;
    }
}

/*--------------------------------------------------------------
4.0 Clearings
--------------------------------------------------------------*/

.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.entry-footer:before,
.entry-footer:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after,
.nav-links:before,
.nav-links:after,
.pagination:before,
.pagination:after,
.comment-author:before,
.comment-author:after,
.widget-area:before,
.widget-area:after,
.widget:before,
.widget:after,
.comment-meta:before,
.comment-meta:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.entry-footer:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after,
.nav-links:after,
.pagination:after,
.comment-author:after,
.widget-area:after,
.widget:after,
.comment-meta:after {
	clear: both;
}


/*--------------------------------------------------------------
5.0 Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
    font-family: 'Nunito Sans', sans-serif;
	font-size: 1.0625rem;
	font-weight: 400;
	line-height: 100%;
	color: #333;
}

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
	font-family: 'Nunito Sans', sans-serif;
	clear: both;
	color:#111;
}

h1, .h1 {
    font-size: 2.625rem;
    line-height: 2.75rem;
    font-weight: 300;
    color: #4a6b8f;
	margin:0;
    padding:0 0 0.25em 0;
}

h2, .h2 {
	font-size: 2.625rem;
	line-height:2.75rem;
	font-weight:300;
	margin:0;
	padding:0 0 0.25em 0;
}

h3, .h3 {
	font-size: 1.75rem;
	line-height:2rem;
	font-weight:400;
	margin:0;
	padding:0 0 0.5em 0;
}

h4, .h4 {
	font-size: 1.125rem;
	line-height:1.25rem;
	font-weight:600;
    text-transform: uppercase;
	margin:0;
	padding:0 0 0.5em 0;
    letter-spacing: .02em;
}

h5, .h5 {
	font-size: 1.125rem;
	line-height:1.5rem;
	font-weight:700;
	margin:0;
	padding:0 0 0.3125em 0;
}

h6, .h6 {
	font-size: 1.0625rem;
	line-height:1.25rem;
    font-weight: 700;
    margin:0;
	padding:0 0 0.25em 0;
}

p {
	line-height: 1.875rem;
	margin: 0 0 1.25em;
	padding: 0;
}

#content p, #content li {
	line-height:1.875rem;
    margin-bottom: 1.25em;
}

#content p a, #content li a {
	text-decoration:underline;
    color: #111;
}

#content p a:hover, #content li a:hover {
    color: #4a6b8f;
}

#content h1 a,
#content h2 a,
#content h3 a,
#content h4 a,
#content h5 a,
#content h6 a {
	text-decoration:none;
}

@media screen and (min-width: 768px) {
h1 {
	font-size: 3.125rem;
	line-height:3.375rem;
}

h2 {
	font-size: 3.125rem;
	line-height:3.375rem;
}

h3 {
	font-size: 2.25rem;
	line-height: 2.75rem;
}

h4 {
	font-size: 1.25rem;
	line-height:1.5rem;
}
}

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

blockquote {
	color: #666;
    font-size: 1.125rem;
	font-weight: 400;
    line-height: 1.7;
    overflow: hidden;
    border-top: solid 2px #f0f4f7;
    border-bottom: solid 2px #f0f4f7;
    padding: 1.25em 1em 0 1em;
    margin-bottom: 1em;
    margin-top: 0.5em;
}

blockquote cite {
	display: block;
	font-style: normal;
	font-weight: 600;
	margin-top: 0.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 0.9375rem;
}

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

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

big {
	font-size: 125%;
}

blockquote {
	quotes: "" "";
}

q {
	quotes: "“" "”" "‘" "’";
}

blockquote:before,
blockquote:after {
	content: "";
}

:focus {
	outline: none;
}


/*--------------------------------------------------------------
7.0 Formatting
--------------------------------------------------------------*/

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

/*--------------------------------------------------------------
8.0 Lists
--------------------------------------------------------------*/

ul,
ol {
	padding: 0 0 1.5em 2.5em;
	overflow: hidden;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

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

dt {
	font-weight: 700;
}

dd {
	margin: 0 1.5em 1.5em;
}


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

a {
	color: #4a6b8f;
	text-decoration: none;
}

a:focus {
	outline: thin dotted;
}

a:hover,
a:active {
	color: #111;
	outline: 0;
}


/*--------------------------------------------------------------
Layout
--------------------------------------------------------------*/

html {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

*,
*:before,
*:after {
	/* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	box-sizing: inherit;
}

body {
	background: #4a6b8f;
}

#page {
	position: relative;
	word-wrap: break-word;
}


/*--------------------------------------------------------------
SITE ALERTS
--------------------------------------------------------------*/
.site-alert {
	display: block;
	position: relative;
	padding: 0.6125em 1.5em;
	text-align: center;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

.site-alert:hover {
	opacity: .7;
}

.site-alert a {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 100;	
}

.site-alert h3, .site-alert .alert-text, .site-alert .alert-link-text {
	font-size: 0.9375rem;
	line-height: 1.125rem;
}

.site-alert h3 {
	display: inline-block;
    text-transform: uppercase;
    padding: 0 0.5em 0 0;
}

.site-alert .alert-text {
	font-weight: 400;
}

.site-alert .alert-link-text {
    font-weight: 500;
	text-transform: uppercase;
    border-left: solid 1px;
    padding-left: .75em;
    margin-left: .75em;
}


/*--------------------------------------------------------------
SITE HEADER
--------------------------------------------------------------*/
.site-header {
	position: relative;
	width: 100%;
    background-color: #fff;
    -webkit-box-shadow: 0 0 6px #666;
    -moz-box-shadow: 0 0 6px #666;
    box-shadow: 0 0 6px #666;
    -webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
	z-index:999;
}

/* Logo */
.site-title-wrap {
    float: left;
    width: 50%;
    font-size: 100%;
    line-height: 100%;
    padding: 0;
}

.site-title-wrap > a {
	position: relative;
	float: left;
    padding-top: 1.125em;
	padding-bottom: 1.125em;
    font-size: 100%;
	line-height: 100%;
	width: 192px;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

.site-title-wrap > a > img {
	display: block;
}

@media screen and (min-width: 1024px) {
    .site-title-wrap {
        width: 22%;
    }
}

/* ========== Site Header Navigation ========== */
.top-navigation-right {
    display: none;
}

@media screen and (min-width: 1024px) {
.top-navigation-right {
    display: block;
    float: right;
    width: 78%;
    padding-top: 1em;
}

/* Secondary Navigation */
.secondary-navigation {
    position: relative;
    float: right;
}

.secondary-navigation ul {
	list-style: none;
	padding: 0;
	text-align: right;
}

.secondary-navigation ul li {
	position: relative;
    display: inline-block;
    font-size: 0.875rem;
	font-weight: 700;
    text-align: right;
	vertical-align: middle;
}

.secondary-navigation ul li a {
    display: block;
    padding: 0.5em 1em;
    text-transform: uppercase;
	color: #999;
}

.secondary-navigation ul li a:hover {
	color: #4a6b8f;
}

.secondary-navigation ul li.hide-mobile {
	display: none;
}

/* Header Email Signup */
.top-navigation-right .header-email-signup {
    position: relative;
	display: block;
    float: right;
    min-width: 280px;
    margin-left: 1.5em;
}

.top-navigation-right .header-email-signup form {
    position: relative;
}

.top-navigation-right .header-email-signup form .hs_firstname {
    display: none;
}

.top-navigation-right .header-email-signup form .hs_email label {
    display: none;
}

.top-navigation-right .header-email-signup form .hs_email,
.top-navigation-right .header-email-signup form .hs_submit {
    display: inline-block;
}

.top-navigation-right .header-email-signup form .hs_email {
    width: 100%;
}

.top-navigation-right .header-email-signup form .hs_email input[type=email] {
    background: none;
    border: 0;
    border-bottom: solid 1px #999;
    padding: 0;
    width: 100%;
    font-size: 0.875rem;
    color: #999;
}

.top-navigation-right .header-email-signup form .hs_submit {
    position: absolute;
    top:0;
    right: 0;
}

.top-navigation-right .header-email-signup form .hs_submit:before {
    display: block;
    position: absolute;
    top: 0;
    padding-top: 4px;
    content: '\f0e0';
    font-family: 'Font Awesome 5 Pro';
    width: 34px;
    height: 26px;
    text-align: right;
    color: #999;
}

.top-navigation-right .header-email-signup form .hs_submit input[type=submit] {
    font-size:0;
    border: 0;
    height: 26px;
    width: 34px;
    background: none;
}

.top-navigation-right .header-email-signup form ul.hs-error-msgs {
    position: absolute;
    list-style: none;
    padding: 4px 0 0 0;
    font-size: 0.75rem;
    color: red;
}

.top-navigation-right .header-email-signup form ul.hs-error-msgs label {
    display: block;
}
}


/* =========== Main Nav ============ */
.primary-navigation {
	display: none;
}

.mobile-main-navigation {
	display: none;
}

/* MMenu Overrides */
/*#menu:not( .mm-menu ) {
    display: none;
}*/

.primary-navigation .sub-menu-toggle,
.mm-listview .sub-menu-toggle {
    display: none;
}

nav.mm-menu {
    z-index: 9999;
}

.mm-navbars_top {
	/*border-left:solid 2px #4a6b8f;*/
}

.mm-listitem {
	font-weight: 700;
	border-color:#ccc;
    text-transform: uppercase;
}

.mm-listitem>a {
    color: #4a6b8f!important;
}

.mm-listitem>a:hover {
    color: #08253e!important;
}

.mm-panel:not(.mm-hidden) {
    /*background-color: #fff;
    border-left:solid 2px #4a6b8f;*/
}

.mm-listitem__btn:not(.mm-listitem__text) {
	border-left-width:0;
}

.mm-btn:after, .mm-btn:before {
	border-color: #4a6b8f;
}
.mm-navbar__title {
	font-weight: 400;
	color: #666!important;
}

.mm-btn_close:after, .mm-btn_close:before {
	width: 15px!important;
	height: 15px!important;
}

.mm-btn:after, .mm-btn:before {
	border-color: #4a6b8f!important;
}

.mm-btn_close:before {
	right: 14px!important;
}

.mm-btn_close:after {
	right: 35px!important;
}

.mm-wrapper_opened .mobile-menu .fa-bars:before {
    content: "\f00d";
}

@media screen and (min-width: 1024px) {
    .primary-navigation {
	    display: block;
        position: relative;
        margin-top: 1.1em;
    }

    .primary-navigation ul {
	    list-style: none;
	    padding: 0;
	    text-align: right;
        overflow: visible;
    }

    .primary-navigation ul li {
        position: relative;
	    display: inline-block;
	    vertical-align: top;
	    font-size: 1rem;
	    font-weight: 700;
        padding: 0 0 0 2.25em;
    }
    
    .primary-navigation ul li:first-child {
        padding-left: 0;   
    }
    
    .primary-navigation ul li.hide-desktop {
        display: none;
    }

    .primary-navigation ul li a {
        display: block;
	    color: #4a6b8f;
	    padding: 0.875em 0;
        text-transform: uppercase;
        border-bottom: solid 3px #fff;
    }
    
    .primary-navigation ul li a:hover,
    .primary-navigation ul li.hover a {
	    color: #08253e;
        border-bottom-color: #4a6b8f;
		text-decoration: none;
    }

    .primary-navigation li.current-menu-item > a,
    .primary-navigation li.current_page_parent > a {
	    color:#08253e;
        border-bottom-color: #4a6b8f;
    }

/* Sub Menu Dropdowns - First Tier */
    .primary-navigation ul.sub-menu {
	    display:none;
	    position: absolute;
        left: 0;
        top: 48px;
        text-align: left;
        background-color: #F0F4F7;
        padding: 1em 0;
        white-space: nowrap;
        z-index: 999;
    }

    .primary-navigation ul.menu > li:hover > ul.sub-menu {
	    display:block;
    }
    
    .primary-navigation ul.sub-menu li {
        display: block;
        font-size:1rem;
        font-weight: 500;
        padding: 0;
    }
    
    .primary-navigation ul.sub-menu li.menu-item-has-children:after {
        display: block;
        position: absolute;
        right: 1.25em;
        top: 50%;
        content: '\f054';
        font-family: 'FontAwesome';
        font-size: .75rem;
        line-height: 100%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    
    .primary-navigation ul.sub-menu li a,
    .primary-navigation ul li.hover ul.sub-menu li a {
        padding: 0.5em 2em 0.5em 1.25em;
        color:#08253e;
        text-transform: none;
        border: 0;
    }
    
    .primary-navigation ul.sub-menu li a:hover,
    .primary-navigation ul li.hover ul.sub-menu li a:hover {
        color:#4a6b8f;
    }
    
    .primary-navigation ul.sub-menu li.current-menu-item > a {
        color:#4a6b8f;
    }
    
    .primary-navigation .sub-menu.open:before {
        display: block;
        position: absolute;
        /*width: 100vw;*/
        height: 100%;
        content: '';
        background-color: #eee;
        top: 0;
    }
    
    /* Sub Menu Flyouts - Second Tier */
    .primary-navigation ul.sub-menu li ul.sub-menu {
        top: -1em;
        left: 100%;
        border-left: solid 1px #ccc;
    }

    .primary-navigation ul.sub-menu li:hover > ul.sub-menu {
	    display:block;
    }
    
    
}


/* Mobile Menu */
.mobile-menu {
	display: block;
    position: absolute;
    right:0;
    bottom: 0.15em;
    padding: .25em 0 0.25em .25em;
    font-size: 2rem;
    text-align: right;
	color: #4a6b8f;
    cursor: pointer;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

.mobile-menu:hover {
	color:#111;
}

@media screen and (min-width: 1024px) {
    .mobile-menu {
	    display: none;
    }
}


/* ============= Header Sticky Nav =============== */
@media screen and (min-width: 1024px) {
    .site-header.sticky {
	    position: fixed;
	    min-height: 0;
    }

    .site-header.sticky .site-alerts {
	    display: none;
    }
    
    .site-header.sticky .primary-navigation {
        margin-top: 0;
    }
    
    .site-header.sticky .top-nav-bar {
	    display: none;
    }

    .site-header.sticky .site-title-wrap>a {
	    height: 58px;
        overflow: hidden;
    }
}


/* Header Image / Search Region */
.header-image-region {
	position: relative;
	text-align: center;
    background-size: cover;
	background-color: #666;
}

.header-image-region .header-mobile-image {
	display: block;
}

.header-image-region.desktop-image {
	min-height: 150px;
}

.show-min-header {
	min-height: 65px;
}

.header-image-region .bottom-gray-gradient,
.header-image-region .top-gray-gradient {
	height: 140px;
}

.header-image-region .bottom-gray-gradient {
	display: none;
}


@media screen and (max-width: 699px) {
.header-image-region.desktop-image {
	background: none !important;
}
}

@media screen and (min-width: 600px) {
.show-min-header {
	min-height: 150px;
}
}

@media screen and (min-width: 700px) {
.header-image-region.desktop-image {
	min-height: 400px;
}

.header-image-region.tall-image {
	height: 630px;
}

.header-image-region .header-mobile-image {
	display: none;
}

.header-image-region .top-gray-gradient  {
	display: none;
}

.header-image-region .bottom-gray-gradient {
	display: block;
}
}


/*--------------------------------------------------------------
Content Region
--------------------------------------------------------------*/
.site-content {
	/*position: relative;*/
	padding: 0 0 0 0;
	background-color:#fff;
	z-index: 9;
}

.site-content .content-area {
	position: relative;
}

.entry-content p a {
	text-decoration:underline;
}

/* Post Navigation */
.post-navigation {
    text-align: center;
	border-top: solid 1px #ccc;
	padding-top: 1em;
    clear: both;
}

.post-navigation .nav-previous,
.post-navigation .nav-next {
	margin-bottom: 1em;
}

.post-navigation .meta-nav-text {
    display: block;
    text-transform: uppercase;
    font-size: 0.75rem;
    font-weight: 700;
    padding-bottom: 0.5em;
}

.post-nav-item {
	position:relative;
	display: inline-block;
    width: 34px;
    height: 34px;
    margin: 1em 5px;
	text-align: center;
    vertical-align: middle;
    background: #f1b434;
	-moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
	-webkit-transition: background 0.2s ease;
	transition:background 0.2s ease-in-out;
}

.post-nav-item:hover {
	background-color:#58585a;
}

.post-nav-item a {
	display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.post-nav-item .fa:before {
    position: absolute;
	top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
	color:#fff;
	font-size: 1.5rem;
}

.region.blog-navigation {
    padding-top: 1em;
}

@media screen and (min-width: 550px) {
   
}

@media screen and (min-width: 700px) {
    .narrow-column {
	    width:75%;
	    margin:0 auto;
    }
    
    .post-navigation {
        text-align: left;
    }
    
    .post-navigation .nav-previous {
        display: inline-block;
        width: 46%;
    }

    .post-navigation .nav-next {
        float: right;
        text-align: right;
        width: 46%;
    }
}

@media screen and (min-width: 1100px) {
    .narrow-column {
	    width:65%;
    }
}


/*--------------------------------------------------------------
PAGE HEADER REGION
--------------------------------------------------------------*/
/* Page Header */
.page-header {
    position: relative;
	padding: 0;
	margin: 0;
	border: 0;
}

.page-header.image-bkgd {
	position: relative;
	background-size: cover;
	background-repeat: no-repeat;
}

.page-header.image-bkgd:after,
.page-header.video-bkgd:after,
.page-header.slideshow-bkgd:after {
    display: block;
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 40px;
    background-color: #fff;
    clip-path: ellipse(52% 60% at 50% 100%);
    z-index: 2;
}

.page-header.height-short {
    height: calc(45vh - 160px);
}

.page-header.height-medium {
    height: calc(70vh - 160px);
}

.page-header.height-tall {
	height: calc(100vh - 160px);
}

.page-header.yacht-search-enabled {
    min-height: 736px;
}

/* Looping Video - PAGE HEADER */
.page-header.video-bkgd .videoContainer {
    height: 100%;
    padding-bottom: 0;
}

.page-header.video-bkgd .videoContainer video {
    object-fit: cover;
}

/* YW Search Feature - PAGE HEADER */
.page-header .header-yacht-search {
    position: absolute;
    top: 0;
    left: 50%;
    height: 100%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 2;
}

.page-header .header-yacht-search .header-yacht-search-box {
    position: absolute;
    top: 200px;
    left: 50%;
    width: 100%;
    max-width: 300px;
    background-color: #fff;
    padding: 1em 0 0 0;
    text-align: center;
    -webkit-transform: translate(-50%,0);
    -moz-transform: translate(-50%,0);
    transform: translate(-50%,0);
}

.page-header .header-yacht-search .yw-search-box {
     padding: 0 0.75em 0.75em;   
}

.page-header .header-yacht-search .yw-search-box div.grid {
    width: 100%;
    margin: 0;
}

.page-header .header-yacht-search .yw-search-box div.grid div {
    position: relative;
    float: none;
    height: auto;
    padding: 0;
    margin-bottom: 8px;
}

.page-header .header-yacht-search .yw-search-box div.grid div label {
    display: none;
}

.page-header .header-yacht-search .yw-search-box div.type,
.page-header .header-yacht-search .yw-search-box div.builder,
.page-header .header-yacht-search .yw-search-box div.length,
.page-header .header-yacht-search .yw-search-box div.price {
    width: 100%;
}

.page-header .header-yacht-search .yw-search-box input.small {
    display: block;
    float: left;
    width: 49%;
}

.page-header .header-yacht-search .yw-search-box input.length-min,
.page-header .header-yacht-search .yw-search-box input.price-min {
    margin-right: 2%;
}

.page-header .header-yacht-search .yw-search-box div.grid .min-max-separator {
    display: none;
    float: left;
    width: 2%;
    text-align: center;
    line-height: 36px;
}

.page-header .header-yacht-search ul.header-search-categories {
    list-style: none;
    padding: 0.75em;
    text-align: left;
    -webkit-columns: 2;
    -moz-columns: 2;
    columns: 2;
}

#content .page-header .header-yacht-search ul.header-search-categories li {
    font-size: .8125rem;
    margin-bottom: 0;
    color: #fff;
}

#content .page-header .header-yacht-search ul.header-search-categories li > a {
    color: #fff;
    text-decoration: none;
}

#content .page-header .header-yacht-search ul.header-search-categories li > a:hover {
    text-decoration: underline;
}

@media screen and (min-width: 600px) {
    .page-header .header-yacht-search .header-yacht-search-box {
        top:50%;
        left: auto;
        right: 0;
        -webkit-transform: translate(0,-50%);
        -moz-transform: translate(0,-50%);
        transform: translate(0,-50%);
    }
}


/* YW Search Feature - PAGE REGION */
.region-yacht-search {
    
}

.region-yacht-search .region-yacht-search-box {
    position: relative;
    padding: 1em 0 0 0;
    text-align: center;
}

.region-yacht-search .yw-search-box {
     padding: 0 0.75em 0.75em;   
}

.region-yacht-search .yw-search-box div.grid {
    width: 100%;
    margin: 0;
}

.region-yacht-search .yw-search-box div.grid div {
    position: relative;
    height: auto;
    padding: 0;
    margin-bottom: 8px;
}

.region-yacht-search .yw-search-box div.grid div label {
    display: none;
}

.region-yacht-search .yw-search-box div.type,
.region-yacht-search .yw-search-box div.builder,
.region-yacht-search .yw-search-box div.length,
.region-yacht-search .yw-search-box div.price {
    margin-right: 1%;
    margin-left: 1%;
}

.region-yacht-search .yw-search-box input.small {
    display: block;
    float: left;
    width: 49%;
}

.region-yacht-search .yw-search-box input.length-min,
.region-yacht-search .yw-search-box input.price-min {
    margin-right: 2%;
}

.region-yacht-search .yw-search-box div.grid .min-max-separator {
    display: none;
    float: left;
    width: 2%;
    text-align: center;
    line-height: 36px;
}

.region-yacht-search .yw-search-box div.grid .search-button {
    float: none;
    clear: both;
    padding-top: 0.5em;
}

.region-yacht-search .yw-search-box div.search-button button {
    display: inline-block;
    width: auto;
}

@media screen and (min-width: 768px) {
    .region-yacht-search .yw-search-box div.grid div {
        float: left;
    }
    .region-yacht-search .yw-search-box div.type,
    .region-yacht-search .yw-search-box div.builder,
    .region-yacht-search .yw-search-box div.length,
    .region-yacht-search .yw-search-box div.price {
        width: 49%;
    }
    .region-yacht-search .yw-search-box div.type,
    .region-yacht-search .yw-search-box div.builder,
    .region-yacht-search .yw-search-box div.length,
    .region-yacht-search .yw-search-box div.price {
        margin-right: 0.5%;
        margin-left: 0.5%;
    }
    .region-yacht-search .yw-search-box input.small {
        width: 50%;
    }
    .region-yacht-search .yw-search-box input.length-min,
    .region-yacht-search .yw-search-box input.price-min {
        margin-right: 0;
    }
}

@media screen and (min-width: 950px) {
    .region-yacht-search .yw-search-box div.type,
    .region-yacht-search .yw-search-box div.builder,
    .region-yacht-search .yw-search-box div.length,
    .region-yacht-search .yw-search-box div.price {
        width: 32.33333%;
    }
}

@media screen and (min-width: 1280px) {
    .region-yacht-search .yw-search-box div.type,
    .region-yacht-search .yw-search-box div.builder,
    .region-yacht-search .yw-search-box div.length,
    .region-yacht-search .yw-search-box div.price {
        width: 19%;
    }
}

/* Bread Crumbs */
.breadcrumbs {
    padding: 0.5em 0;
	border-bottom: solid 1px #ccc;
	margin-bottom: 0.5em;
}

#content #breadcrumbs {
    font-size: 0.8125rem;
	line-height: 1.125rem;
    color: #252525;
	font-weight: 400;
	margin-bottom: 0;
}

#content #breadcrumbs a {
    color: #666;
    text-decoration: none;
    padding: 0 0.25em;
}

#content #breadcrumbs a:hover {
    color: #111;
}

#breadcrumbs .breadcrumb_last {
    padding-left: 0.25em;
}

@media screen and (min-width: 1250px) {

}



/*--------------------------------------------------------------
PAGE REGIONS
--------------------------------------------------------------*/
.region, .standard-content {
	position:relative;
	padding:1.5em 0;
}

.region-button {
    padding-top: 0.75em;
	padding-bottom:1em;
}

.entry-header.no-bottom-padding,
.region.no-bottom-padding,
.standard-content.no-bottom-padding {
    padding-bottom: 0;
}

.entry-header.no-top-padding,
.region.no-top-padding,
.standard-content.no-top-padding {
    padding-top: 0;
}


/* Overlays */
.gray-overlay {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.7);
}

.white-overlay {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:rgba(255,255,255,0.7);
}

.blue-overlay {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:rgba(74,107,128,0.7);
}

.bottom-gray-gradient {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+11,0.65+100 */
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0) 11%, rgba(0,0,0,0.65) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 11%,rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 11%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
}

.bottom-dark-blue-gradinet {
    position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,08253e+35,08253e+100&0+0,0.75+35,1+100 */
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(8,37,62,0.75) 35%, rgba(8,37,62,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(8,37,62,0.75) 35%,rgba(8,37,62,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(8,37,62,0.75) 35%,rgba(8,37,62,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#08253e',GradientType=0 ); /* IE6-9 */
}

.top-gray-gradient {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0+89 */
background: -moz-linear-gradient(top,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 89%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 89%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 89%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}

/* Core Colors */
.white { color: #fff; }
.black { color: #111; }
.blue { color: #4a6b8f; }
.light-blue { color: #c1cfde; }
.dark-blue {color: #08253e;}
.gray {color: #999;}
.dark-gray {color: #333;}

.blue-bkgd { background-color: #4a6b8f; }
.light-blue-bkgd { background-color: #c1cfde; }
.dark-blue-bkgd {background-color: #08253e;}
.light-gray-bkgd { background-color: #f0f4f7; }
.gray-bkgd {background-color: #999;}
.dark-gray-bkgd {background-color: #333;}
.white-bkgd { background-color: #fff; }
.black-bkgd { background-color: #111; }
.background-none {background: none;}

.region-header {
	padding-bottom:0.75em;
}

.region-border-top, .region-border-bottom {
    position: absolute;
    left: 0;
    top: 5px;
    width: 100%;
    height: 1px;
}

.region-border-bottom {
    top: auto;
    bottom: 5px;
}

@media screen and (min-width: 700px) {

}

.region.image, .region.image-bkgd {
	background-size:cover;
	background-position:center center;
	background-repeat: no-repeat;
}

/* Region Content Color Switch */
.region-content.light,
.region-content.light h2,
.region-content.light h3,
.region-content.light h4,
.region-content.light h5,
.region-content.light h6,
.region-content.light .news-inner h2{
	color:#fff;
}

#content .region-content.light a,
#content .region-content.light h2 a,
#content .region-content.light h3 a,
#content .region-content.light h4 a,
#content .region-content.light h5 a,
#content .region-content.light h6 a,
#content .region-content.light p a {
	color:#fdd792;
}

#content .region-content.light a:hover,
#content .region-content.light h2 a:hover,
#content .region-content.light h3 a:hover,
#content .region-content.light h4 a:hover,
#content .region-content.light h5 a:hover,
#content .region-content.light h6 a:hover,
#content .region-content.light p a:hover {
	color:#fff;
}

#content .region-header p.region-subhead {
	font-size:1.125rem;
	line-height:1.75rem;
	margin-bottom: 0.5em;
}

/* Inline Arrow List */
#content ul.arrow-list {
	list-style: none;
	padding: 0 0 1em 0;
}

#content ul.arrow-list li {
	margin-bottom: .25em;
}

#content ul.arrow-list li a {
	font-weight: 500;
	color: #111;
	text-decoration: none;
}

#content ul.arrow-list li a:hover {
	color: #e9741f;
}

#content ul.arrow-list li a:after {
	content: "\f061";
	font-family: "Font Awesome 5 Pro";
	padding-left: .25em;
	color: #e9741f;
}


@media only screen and (min-width : 660px) {
.region-header h2.region-subhead {
	font-size:1.75rem;
	line-height:2rem;
}

.region-header h3.region-subhead {
	font-size:1.5rem;
	line-height:1.75rem;
}

.region-header h4.region-subhead {
	font-size:1.375rem;
	line-height:1.5rem;
}

#content ul.arrow-list.two-column {
	-webkit-columns: 2;
	-moz-columns: 2;
	columns: 2;
	-webkit-column-gap: 2em;
	-moz-column-gap: 2em;
	column-gap: 2em;
}
}

@media only screen and (min-width : 768px) {
    .region, .standard-content {
	    padding:2em 0;
    }
}

@media only screen and (min-width : 1024px) {
    .region, .standard-content {
	    padding:2.5em 0;
    }
}

.standard-content {
	padding-top:0;
}


/* ==================  TEXT COLUMNS - based on bootstrap ================== */
.text-column .column {padding-bottom: 1em;}
@media(min-width:768px) {
    .text-column .column {padding-bottom: 0;}
    [class*="span"] {float: left; margin: 0;}
    .span24{width:100%;}
    .span23{width:95.8333333333333333%;}
    .span22{width:91.6666666666666667%;}
    .span21{width:87.5%;}
    .span20{width:83.3333333333333333%;}
    .span19{width:79.1666666666666667%;}
    .span18{width:75%;}
    .span17{width:70.8333333333333333%;}
    .span16{width:66.6666666666666667%;}
    .span15{width:62.5%;}
    .span14{width:58.3333333333333333%;}
    .span13{width:54.1666666666666667%;}
    .span12{width:50%;}
    .span11{width:45.8333333333333333%;}
    .span10{width:41.6666666666666667%;}
    .span9{width:37.5%;}
    .span8{width:33.3333333333333333%;}
    .span7{width:29.1666666666666667%;}
    .span6{width:25%;}
    .span5{width:20.8333333333333333%;}
    .span4{width:16.6666666666666667%;}
    .span3{width:12.5%;}
    .span2{width:8.333333333333333%;}
    .span1{width:4.166666666666667%;}
    .offset24{margin-left:100%;}
    .offset23{margin-left:95.8333333333333333%;}
    .offset22{margin-left:91.6666666666666667%;}
    .offset21{margin-left:87.5%;}
    .offset20{margin-left:83.3333333333333333%;}
    .offset19{margin-left:79.1666666666666667%;}
    .offset18{margin-left:75%;}
    .offset17{margin-left:70.8333333333333333%;}
    .offset16{margin-left:66.6666666666666667%;}
    .offset15{margin-left:62.5%;}
    .offset14{margin-left:58.3333333333333333%;}
    .offset13{margin-left:54.1666666666666667%;}
    .offset12{margin-left:50%;}
    .offset11{margin-left:45.8333333333333333%;}
    .offset10{margin-left:41.6666666666666667%;}
    .offset9{margin-left:37.5%;}
    .offset8{margin-left:33.3333333333333333%;}
    .offset7{margin-left:29.1666666666666667%;}
    .offset6{margin-left:25%;}
    .offset5{margin-left:20.8333333333333333%;}
    .offset4{margin-left:16.6666666666666667%;}
    .offset3{margin-left:12.5%;}
    .offset2{margin-left:8.333333333333333%;}
    .offset1{margin-left:4.166666666666667%;}
}

/* 2-Columns Default */
@media(min-width:1024px) {
    .blog-listings .text-column.two-column .column {
        float: left;
        width: 46%;
        margin: 0 2% 1em;
    }
    .blog-listings .text-column.two-column .column:nth-child(2n+3) {
        clear: both;
    }
}

/* 3-Columns Default */
@media(min-width:600px) {
    .blog-listings .text-column.three-column .column {
        float: left;
        width: 46%;
        margin: 0 2% 1em;
    }
    .blog-listings .text-column.three-column .column:nth-child(2n+3) {
        clear: both;
    }
}

@media(min-width:900px) {
    .blog-listings .text-column.three-column .column {
        width: 29.33333%
    }
    .blog-listings .text-column.three-column .column:nth-child(2n+3) {
        clear: none;
    }
    .blog-listings .text-column.three-column .column:nth-child(3n+4) {
        clear: both;
    }
}

/* ==================  GRID PRODUCT BLOCKS ================== */
.grid-product-blocks {
	text-align: center;
}

.grid-product-blocks .grid-product-block {
    text-align: center;
    margin: 0 0 1em;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease-in-out;
}

.grid-product-blocks .product-block-inner {
	position: relative;
    padding: 40% 0;
}

.grid-product-blocks .product-block-inner .product-block-image,
.grid-product-blocks .product-block-inner a {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width:100%;
    height: 100%;
}

.grid-product-blocks .product-block-inner .product-block-image img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.grid-product-blocks .product-block-inner h2 {
	position: absolute;
    bottom: 0;
    font-size: 1rem;
	line-height: 1.25rem;
    font-weight: 700;
    text-transform: uppercase;
    padding: 2em 1em 0.625em;
    width: 100%;
}

@media only screen and (min-width : 550px) {
    .grid-product-blocks .grid-product-block {
        float: left;
	    width:48.5%;
        margin: 0 .75% 1em;
    }
    
    .region.insert-new-yacht .grid-product-blocks .grid-product-block {
        float: none;
        display: inline-block;
	    width:48%;
    }
    
    .grid-product-blocks .grid-product-block:hover {
        position: relative;
	    -webkit-transform: scale(1.05);
	    -moz-transform: scale(1.05);
	    transform: scale(1.05);
        z-index: 8;
    }

    .grid-product-blocks .grid-product-block:nth-child(2n+3) {
	    clear: both;
    }
    .grid-product-blocks .product-block-inner h2 {
        font-size: 1.125rem;
	    line-height: 1.25rem;
    }
}

@media only screen and (min-width : 900px) {
    .grid-product-blocks .three-column .grid-product-block {
	    width:31.83333%;
    }

    .grid-product-blocks .three-column .grid-product-block:nth-child(2n+3) {
	    clear: none;
    }

    .grid-product-blocks .three-column .grid-product-block:nth-child(3n+4) {
	    clear: both;
    }
}

@media only screen and (min-width : 1024px) {
    .grid-product-blocks .four-column .grid-product-block {
	    width:23.5%;
    }
    
    .region.insert-new-yacht .grid-product-blocks .grid-product-block {
	    width:23%;
    }

    .grid-product-blocks .four-column .grid-product-block:nth-child(2n+3) {
	    clear: none;
    }

    .grid-product-blocks .four-column .grid-product-block:nth-child(4n+5) {
	    clear: both;
    }
}


/* ================== Insert News Region ================== */
.region.news-region {
    padding-top: 2em;
}

.news-region .two-column .column {
    padding: 0 2.5% 1.5em;
}

.news-region .FeedLayout__wrapper {
    padding: 0!important;
}

.news-region .news-featured-image img {
    display: block;
	margin: 0 auto 1.5em;
}

.news-region .news-inner h2 {
    font-size: 1.875rem;
    line-height: 2.125rem;
}

.news-region .news-inner .view-news-link {
    display: block;
    margin-top: 0.6125em;
}

#content .news-region .news-inner .view-news-link a {
    text-decoration: none;
}

@media only screen and (min-width:680px) {
    .news-region .news-inner h2 {
        font-size: 2.25rem;
        line-height: 2.5rem;
    }
    .news-region .news-inner .view-news-link {
        display: inline-block;
        float: right;
        margin-top: 0;
        vertical-align: middle;
    }
}

@media only screen and (min-width:1024px) {
    .region.news-region {
        padding-top: 3em;
    }
}


/* ==================  BUTTON BLOCK ================== */
.button-block-region .block-button {
    display: inline-block;
    vertical-align: top;
    margin: 0.25em;
}


/* ==================  News Archives ================== */
/*.news-archives .entry-header {
	padding: 0;
}

.news-archives .entry-header h2 {
	font-size: 1.75rem;
	line-height: 2rem;
	font-weight: 400;
}

.news-archives .column {
	margin-bottom: 1.5em;
}*/


/* ==================  Insert Accordion ================== */
.insert-faqs {
	text-align:center;
}

#content .faq-listings {
	font-family: inherit;
	font-size: inherit;
	text-align: left;
}

.faq-listings .faq-question {
	font-size: 1.125rem;
	line-height: 1.25rem;
	color: #111;
	padding:1em 4em 1em 1em;
	background: none;
	background-color:#f1f1f1;
	border-radius: 0;
	border: 0;
}
.insert-faqs.light-gray-bkgd .faq-listings .faq-question,
.insert-faqs.light-blue-bkgd .faq-listings .faq-question {
	background-color: #fff;
}

.faq-listings .faq-question:hover {
	background-color: #eee;
}

.faq-listings .faq-question .fal {
	position: absolute;
    right: .5em;
    top: 50%;
    font-size: 1.5rem;
    color: #e9741f;
	width: 32px;
	text-align: center;
    -webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.faq-listings .faq-question.ui-state-active .fal:before {
	content: "\f00d";
}

.faq-listings .faq-answer a {
	border-bottom: solid 1px #111;
	color: #111;
}

.faq-listings .faq-item {
	border: 0;
	border-radius: 0;
}

.faq-listings.ui-accordion .ui-accordion-content {
	padding: 1em 1em;
}

.faq-button {
	margin-top: 1em;
}

.faq-button.hide {
	display: none;
}


@media only screen and (min-width:680px) {
.faq-listings .faq-question {
	font-size: 1.25rem;
	line-height: 1.5rem;
}

.faq-listings .faq-question .fal {
    font-size: 1.75rem;
}
}


/* ================== Tab Boxes ================== */
.region.tab-boxes {
	padding-bottom: 0;
}

.tabs {
	border: 0;
	font-size: inherit;
	color: #111;
	background: none;
    border-radius: 0;
    padding: 0;
}

.ui-widget.ui-widget-content {
	border: 0;
}

.tabs.vertical {
	margin-bottom: 1.5em;
}

.tabs .ui-tabs-nav {
	border-radius: 0;
    color: #111;
    background: none;
    border: 0;
    padding: 0;
	line-height: 100%;
	text-align: center;
	margin-bottom: 0;
}

#content .ui-tabs .ui-tabs-nav li {
	display: block;
	border-radius: 0;
	border-color: #111;
	background: none;
	font-weight: 600;
	line-height: 1.25rem;
	float: left;
	margin-top: 0;
	margin-bottom: 0;
	width: 100%;
	padding: .75em 1.25em;
	white-space: normal;
}

#content .tabs .ui-tabs-tab a {
	display: block;
	width: 100%;
	height: 100%;
	text-align: center;
	text-decoration: none;
	padding: 0.6125em 1em;
}

#content .ui-tabs .ui-tabs-nav li.ui-tabs-active,
#content .ui-tabs .ui-tabs-nav li:hover {
	background-color: #f1f1f1;
	/*border-color: #f1f1f1;*/
}

.tabs .ui-tabs-panel {
	padding:2em 0;
}

.tabs.vertical .ui-tabs-panel {
	padding:2em;
}

.tabs .ui-tabs-panel a {
	color: #111;
	border-bottom: solid 1px #111;
}

.tabs .ui-tabs-panel a:hover {
	color: #ccc;
	border-color: #ccc;
}

@media only screen and (min-width:680px) {
/* Vertical Tabs */
.tabs.vertical {
	max-width: 1240px;
	width: 94%;
	margin: 0 auto;
	border: solid 1px #111;
}

.vertical-tabs {
	float: left;
	width: 30%;
	margin: 0;
}

#content .ui-tabs .vertical-tabs .ui-tabs-nav li {
    display: block;
    width: 100%;
    float: none;
	border-left: 0;
	border-right: 0;
	border: 0;
	border-bottom: solid 1px #111 !important;
}

.tabs .vertical-tabs .ui-tabs-tab a {
	display: block;
	float: none;
}

.vertical-tab-panel {
	float: right;
	width: 70%;
}

.vertical-tab-panel .page-width {
	max-width: none;
}

.vertical-tab-panel .narrow-column {
	width:94%;
}
}

@media only screen and (min-width:700px) {
.tabs.vertical {
	margin-bottom: 2em;
}
}

@media only screen and (min-width:760px) {
.tabs .ui-tabs-nav {
	margin-bottom: -4px;
}

#content .ui-tabs .ui-tabs-nav li {
	display: inline-block;
	width: 19%;
	float: none;
	-webkit-border-radius: 10px 10px 0 0;
	-moz-border-radius: 10px 10px 0 0;
	border-radius: 10px 10px 0 0;
	white-space: normal;
	padding: 0;
}
#content .ui-tabs .vertical-tabs .ui-tabs-nav li {
	border-radius: 0;
}

#content .ui-tabs .ui-tabs-nav li.ui-tabs-active,
#content .ui-tabs .ui-tabs-nav li:hover {
	border-color: #f1f1f1;
}

#content .tabs.vertical .ui-tabs .ui-tabs-nav li.ui-tabs-active,
#content .tabs.vertical .ui-tabs .ui-tabs-nav li:hover {
	border-color: #111;
}
}

@media only screen and (min-width:850px) {
.vertical-tabs {
	width: 25%;
}

.vertical-tab-panel {
	width: 75%;
}
}

@media only screen and (min-width:1000px) {
.tabs.vertical {
	margin-bottom: 2.5em;
}
}


/* ==================  Image Slideshow ================== */
.image-slideshow {
	padding:0;	
}

.swiper-container {
    height: 100%;
    background-color: #c1cfde;
}
/*
.slideshow-wrapper {
	position:relative;
    height: 100%;
	margin:0 auto;
}
	
.swiper-container {
	width: 100%;
	z-index:1;
}

.swiper-wrapper {
	position:relative;
}

.swiper-slide {
	position: relative;
	background-size:cover !important;
	height:400px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}*/

.swiper-slide {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center top;
}

.swiper-slide img {
	/*max-height: 100%;*/
    width:100%;
    object-fit: cover;
}

/* Slide Inner Content */
.swiper-slide .slide-inner-content {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	padding: 2em;
	text-align: center;
	width: 70%;
}

.swiper-slide .slide-inner-content.align-left {
	left: 0;
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	transform: translate(0, -50%);
	text-align: left;
}

.swiper-slide .slide-inner-content.align-right {
	left: auto;
	right: 0;
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	transform: translate(0, -50%);
	text-align: right;
}

#content .swiper-slide .slide-inner-content p {
	margin-bottom: 0;
}

.swiper-slide .slide-inner-content .button-region {
	padding-top: 1em;
}

/* Slideshow Pagination */
.swiper-button-next, .swiper-button-prev {
	top:40%;
}

.swiper-pagination {
	bottom: 1em;
	width: 100%;
}

.swiper-pagination-bullet {
    background-color: #FFF;
    opacity: 1;
    width: 14px;
    height: 14px;
    border: solid 2px #fff;
    margin-left: 5px;
    margin-right: 5px;
}

.swiper-pagination-bullet-active {
    background: none;
}

.swiper-button-next, .swiper-button-prev {
	top:50%;
}

.swiper-slide.mobile-center-center {background-position: center center;}
.swiper-slide.mobile-center-top {background-position: center top;}
.swiper-slide.mobile-center-bottom {background-position: center bottom;}
.swiper-slide.mobile-left-center {background-position: left center;}
.swiper-slide.mobile-left-top {background-position: left top;}
.swiper-slide.mobile-left-bottom {background-position: left bottom;}
.swiper-slide.mobile-right-center {background-position: right center;}
.swiper-slide.mobile-right-top {background-position: right top;}
.swiper-slide.mobile-right-bottom {background-position: right bottom;}

@media only screen and (min-width : 600px) {
    .swiper-slide {
        background-size: cover;
    }
    .swiper-slide .slide-inner-content {
	    width: auto;
	    max-width: 50%;
    }
}

@media only screen and (min-width : 760px) {
    .swiper-slide.desktop-center-center {background-position: center center;}
    .swiper-slide.desktop-center-top {background-position: center top;}
    .swiper-slide.desktop-center-bottom {background-position: center bottom;}
}

@media only screen and (min-width : 1000px) {
    /*.swiper-slide {
	    height:600px;
    }*/
}

@media only screen and (min-width : 1250px) {
    /*.swiper-slide {
	    height:700px;
    }*/
}



/* ==================  Slideshow - PAGE HEADER  ================== */
.slide-header .swiper-pagination {
    bottom: 2em;
}

.slide-header .swiper-button-next, 
.slide-header .swiper-button-prev {
    display: none;
}

@media screen and (min-width: 1024px) {
    .slide-header .swiper-button-next, 
    .slide-header .swiper-button-prev {
        display: block;
        color: #fff;
        opacity: .7;
        -webkit-transition: all 0.2s ease;
        transition: all 0.2s ease;
    }

    .slide-header .swiper-button-next:hover, 
    .slide-header .swiper-button-prev:hover {
        opacity: 1;
    }

    .slide-header .swiper-button-next, 
    .slide-header .swiper-container-rtl .swiper-button-prev {
        right: 0.5em;
        background: none;
    }

    .slide-header .swiper-button-prev, 
    .slide-header .swiper-container-rtl .swiper-button-next {
        left: 0.5em;
        background: none;
    }
}




/* ==================  Video Embed Region ================== */
.video-embed {
	
}

.video-embed .region-header .region-subhead {
	font-weight: 500;
}

.video-embed .region-content .column {
	padding-bottom: 1em;
}

.video-embed .region-button {
	padding-top: 0.5em;
}

@media only screen and (min-width : 768px) {
    .video-embed .thirty-seventy .region-header,
    .video-embed .seventy-thirty .region-header,
    .video-embed .thirty-seventy .region-button,
    .video-embed .seventy-thirty .region-button {
	    text-align: left;
	    padding-bottom: 0;
    }
    .video-embed .column.float-right {
	    float: right;
    }
}


/* ==================  Video Background Region ================== */
.region.video-background {
	padding: 0;
}

/*.video-background .videoContainer {
	padding-bottom: 56%;
}*/

.video-background .video-text-overlay {
	position: relative;
	padding: 2em;
	width: 100%;
}

.video-background .video-text-overlay .region-headline {
	position: relative;
}

.video-background .video-text-overlay-content {
	position: relative;
}

.video-background .video-text-overlay-content.light {
	color: #fff;
}

.video-background .video-text-overlay .region-button {
	padding-bottom: 0;
	text-align: inherit;
}

@media only screen and (min-width : 600px) {
.video-background .video-text-overlay {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	padding: 2em;
	width: 90%;
}

.video-background .video-text-overlay.align-left {
	left: 0;
	-webkit-transform: translate(0,-50%);
	-moz-transform: translate(0,-50%);
	transform: translate(0,-50%);
}

.video-background .video-text-overlay.align-right {
	left: auto;
	right: 0;
	-webkit-transform: translate(0,-50%);
	-moz-transform: translate(0,-50%);
	transform: translate(0,-50%);
}
}

@media only screen and (min-width : 900px) {
.video-background .video-text-overlay {
	width: 50%;
}
}


/* ==================  Callouts Region ================== */
/*.callout-icon {
	position: absolute;
	top: -37px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	transform: translateX(-50%);
    background: rgba(0,90,132,1);
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
    border-radius: 50%;
    width: 75px;
    height: 75px;
}

.callout-boxes .callout {
	position: relative;
    background-color: #fff;
	padding: 50px 1.5em 1.5em;
	text-align: center;
	margin-top: 2em;
	margin-bottom: 2em;
	-webkit-box-shadow: 0px 0px 15px rgba(142,154,173,0.3);
    -moz-box-shadow: 0px 0px 15px rgba(142,154,173,0.3);
    -o-box-shadow: 0px 0px 15px rgba(142,154,173,0.3);
    -ms-box-shadow: 0px 0px 15px rgba(142,154,173,0.3);
    box-shadow:0px 0px 15px rgba(142,154,173,0.3);
}

.callout-boxes .callout:last-child {
	margin-bottom: 0;
}

.callout-icon img {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 45px;
	height: 45px;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	image-rendering: pixelated;
}

.callout-boxes .callout h3 {
    color: rgb(34, 34, 34);
}

@media screen and ( min-width: 600px ) {
.callouts .region-header {
	padding: 0 10%;
}

.callouts .intro-text {
	padding: 0 15%;
}

.callout-boxes.two-callout .callout {
	float: left;
	width: 48%;
	margin-left: 2%;
	margin-right: 2%;
}

.callout-boxes.two-callout .callout:first-child {
	margin-left: 0;
}

.callout-boxes.two-callout .callout:nth-child(2) {
	margin-right: 0;
}
}

@media screen and ( min-width: 760px ) {

.callout-boxes.three-callout .callout {
	float: left;
	width: 30.66666%;
	margin-left: 2%;
	margin-right: 2%;
}

.callout-boxes.three-callout .callout:first-child {
	margin-left: 0;
}

.callout-boxes.three-callout .callout:nth-child(3) {
	margin-right: 0;
}
}

.callout-boxes .callout.has-icon {
	margin-top: 4em;
}*/


/* ==================  UL Checkmark ================== */
/*ul.checkmark {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.checkmark li {
	background-image: url('https://www.parascript.com/wp-content/uploads/2020/05/checkmark.png');
	background-repeat: no-repeat;
	background-size: 18px 18px;
	background-position: left 3px;
	padding-left: 26px;
}*/


/* ==================  Services Region ================== */
/*.services {
	padding-bottom: 2em;
}

.service-points {
	list-style: none;
	margin: 0;
	padding: 2em 0 0;
}

.service-points li {
	position: relative;
	background-image: url('https://www.parascript.com/wp-content/uploads/2020/05/checkmark-boxed.png');
	background-repeat: no-repeat;
	background-size: 20px 20px;
	background-position: left 3px;
	padding-left: 30px;
	margin-bottom: 2em;
}

.service-points h3 {
	font-weight:400;
    color: rgb(34, 34, 34);
	padding-bottom:0.25em;
}

@media screen and ( min-width: 600px ) {
.service-points li {
	float: left;
	width: 48%;
}

.service-points li:nth-child(2n+2) {
	float: right;
}

.service-points li:nth-child(2n+3) {
	clear: both;
}
}*/


/*--------------------------------------------------------------
PASSWORD PROTECTED PAGES
--------------------------------------------------------------*/
form.post-password-form {
	text-align:center;
}

form.post-password-form label {
	display:block;
	font-size:0;
}

form.post-password-form input[type=submit] {
	margin-top:0.75em !important;
}



/*--------------------------------------------------------------
SEARCH
--------------------------------------------------------------*/
body.search .search-results > .page-header {
	padding-bottom: 1em;
}

body.search .search-results > .page-header h2 {
	font-size: 1rem;
    text-transform: uppercase;
}

body.search .search-results > .page-header h2 .search-query {
    text-transform: none;
	font-weight: 700;
	padding-left: 0.5em;
}

body.search #content .search-form,
body.error404 #content .search-form,
body.page-template-search #content .search-form {
	position: relative;
	padding-bottom:3em;
}

body.search #content .search-field,
body.error404 #content .search-field,
body.page-template-search #content .search-field {
	display:block;
	width: 100%;
	padding: 10px 5px;
	font-size: 1rem;
}

body.search #content article {
	padding:1.5em;
	margin-bottom: 1em;
	background-color: #eee;
}

body.search #content article .entry-header {
	text-align:left;
	background:none;
	padding:0;
}

body.search #content article h2 {
	padding-bottom:0.25em;
	font-size:1.375rem;
	line-height:1.6125rem;
}

body.search #content article p {
	margin-bottom:0;
}

body.search #content article p a {
	text-decoration:underline;
}

a.read-more {
	margin-top: 0.75em;
    display: inline-block;
    line-height: 1.25rem;
}

a.read-more:hover {
	color: #08253e;
}

body.search #content article .link-more {
	display:none;
	text-decoration:underline;
}

body.search #content .search-form .search-button-wrapper,
body.error404 #content .search-form .search-button-wrapper,
body.page-template-search #content .search-form .search-button-wrapper {
	width: 46px;
	height: 46px;
	text-align: right;
}

body.search #content .search-form .search-submit,
body.error404 #content .search-form .search-submit,
body.page-template-search #content .search-form .search-submit {
	width: 46px;
	height: 46px;
}

body.search #content .search-form .search-button-wrapper .fa-search,
body.error404 #content .search-form .search-button-wrapper .fa-search,
body.page-template-search #content .search-form .search-button-wrapper .fa-search {
	font-size: 1.5rem;
    padding-top: 12px;
}

.post-nav.pagination {
	padding:1.5em 0;
	clear: both;
}

.post-nav.pagination .page-numbers {
	padding:0.5em 0.75em;
    margin: 0.25em;
    font-size: .9125rem;
    color: #08253e;
    font-weight: 700;
    border: solid 1px #fff;
}

.post-nav.pagination .page-numbers.current,
.post-nav.pagination .page-numbers:hover {
    background-color: #f0f4f7;
    border-color: #f0f4f7;
}

.nav-links svg {
	display:none;
}

.wp-pagenavi a, .wp-pagenavi span {
    padding: 0.5em 1em;
    font-size: 0.875rem;
}

.blog-listings .blog-post {
    padding-bottom: 2.5em;
}

.blog-listings .blog-post img {
    float: left;
    width: 20%;
    margin-right: 4%;
}

.blog-listings .blog-post .post-detail {
    float: left;
    width: 76%;
}

.blog-listings .blog-post .entry-header time {
    display: block;
    font-size: 0.875rem;
    padding-bottom: 0.5em;
}

.blog-listings .blog-post h2 {
    font-size: 2rem;
    line-height: 2.25rem;
}

/*@media screen and (min-width: 550px) {
body.search .text-column.three-column .column {
	float: left;
	width: 48%;
	margin-right: 4%;
}

body.search .text-column.three-column .column:nth-child(2n+2) {
	margin-right: 0;
}

body.search .text-column.three-column .column:nth-child(2n+3) {
	clear: both;
}

body.search #content article {
	margin-bottom: 1.75em;
}
}*/

@media screen and (min-width: 760px) {
body.search #content .search-form,
body.error404 #content .search-form,
body.page-template-search #content .search-form {
	width:50%;
    margin: 0 auto;
}

body.search #content .search-field,
body.error404 #content .search-field,
body.page-template-search #content .search-field {
	font-size: 1.25rem;
}

body.search .text-column.three-column .column {
	width: 48%;
	margin-right: 4%;
}

body.search .text-column.three-column .column:nth-child(3n+2), 
body.search .text-column.three-column .column:nth-child(3n+3) {
	margin-left: 0;
}

body.search .text-column.three-column .column:nth-child(2n+2) {
	margin-right: 0;
}

body.search .text-column.three-column .column:nth-child(3n+4) {
	clear: none;
}

body.search #content article h2 {
	font-size:1.75rem;
	line-height:2rem;
}
}

@media screen and (min-width: 950px) {
body.search .text-column.three-column .column {
	width: 31.33333%;
	margin-right: 0;
}

body.search .text-column.three-column .column:nth-child(3n+2), 
body.search .text-column.three-column .column:nth-child(3n+3) {
	margin-left: 3%;
}

body.search .text-column.three-column .column:nth-child(2n+3) {
	clear: none;
}

body.search .text-column.three-column .column:nth-child(3n+4) {
	clear: both;
}
}


/*--------------------------------------------------------------
SITEMAP
--------------------------------------------------------------*/
.wsp-container ul {
	list-style:none;
	padding:0;
}

.wsp-container h2 {
	padding-bottom:0.25em;
}

.wsp-container ul li {
	padding:0.5em 1em;
}

.wsp-container a:hover {
	text-decoration:underline;
}

.wsp-container.wsp-portfolio-archive + .wsp-container {
	margin-left: 2em;
}



/*--------------------------------------------------------------
FORM FIELD OVERRIDES
--------------------------------------------------------------*/
/* Placeholder text color -- selectors need to be separate to work. */
::-webkit-input-placeholder {
	color: #999;
	font-family: 'Nunito Sans', sans-serif;
	font-weight: 400;
}

:-moz-placeholder {
	color: #999;
	font-family: 'Nunito Sans', sans-serif;
	font-weight: 400;
}

::-moz-placeholder {
	color: #999;
	font-family: 'Nunito Sans', sans-serif;
	font-weight: 400;
	opacity: 1;
	/* Since FF19 lowers the opacity of the placeholder by default */
}

:-ms-input-placeholder {
	color: #999;
	font-family: 'Nunito Sans', sans-serif;
	font-weight: 400;
}

form input[type=text],
form input[type=email],
form input[type=password],
form input[type=number],
form textarea,
input[type=text],
input[type=email],
input[type=password],
input[type=number],
input[type=tel],
form select {
	border:solid 1px #ccc;
	background-color:#f0f4f7;
	padding:0.25em 1em;
	-webkit-appearance: none;
	appearance: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
    line-height: 1.5;
    min-height: 1.5rem;
    color: #999;
    width: 100%;
}

.insert-form.light-gray-bkgd form input[type=text],
.insert-form.light-gray-bkgd form input[type=email],
.insert-form.light-gray-bkgd form input[type=password],
.insert-form.light-gray-bkgd form input[type=number],
.insert-form.light-gray-bkgd form input[type=tel],
.insert-form.light-gray-bkgd form textarea,
.insert-form.light-gray-bkgd form select,
.insert-form.light-blue-bkgd form input[type=text],
.insert-form.light-blue-bkgd form input[type=email],
.insert-form.light-blue-bkgd form input[type=password],
.insert-form.light-blue-bkgd form input[type=number],
.insert-form.light-blue-bkgd form input[type=tel], 
.insert-form.light-blue-bkgd form textarea,
.insert-form.light-blue-bkgd form select {
	background-color: #fff!important;
}

.insert-form form label {
    display: block;
    font-size: .875rem;
    text-transform: uppercase;
    padding-bottom: 4px;
}

.insert-form form .hs-form-field {
    position: relative;
    padding-bottom: .75em;
}

.insert-form.hide-form-labels form label {
    display: none;
}

.insert-form form label .hs-form-required {
    color: red;
    margin-left: 3px;
}

.insert-form form ul.no-list {
    position: absolute;
    bottom: -6px;
    right: 0;
    list-style: none;
    padding: 0;
}

#content .insert-form form ul.no-list li {
    margin-bottom: 0;
    line-height: 100%;
}

.insert-form form label.hs-error-msg {
    display: block;
    text-transform: none;
    font-size: .75rem;
    color: red;
    padding: 0;
}

.hbspt-form .hs_error_rollup {display: none;}

@media screen and (min-width: 680px) {
    .insert-form.two-column-form form {
        /*columns: 2;*/
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        flex-wrap: wrap;
    }
    .insert-form.two-column-form form .hs-form-field {
        width: 48%;
        /*float: left;*/
        margin-left: 1%;
        margin-right: 1%;
    }

    .insert-form.two-column-form form .hs-submit {
        clear: both;
        text-align: center;
        /*column-span: all;*/
        margin-top: 1em;
        width: 100%;
    }
}

/* NEW YACHT SINGLE */
.yacht-video-gallery .yacht-video-item {
    margin-bottom: 1em;
}

.yacht-gallery-images .yacht-gallery {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
}

.yacht-gallery-images .gallery-image {
    margin-bottom: 1em;
    width: 31.5%;
}

.boat-detail.new-yachts .specifications {
    margin-bottom: 2em;
}


/* Custom Header Search Feature */
.search-form .search-field {
	background: none;
	border: 0;
    border-bottom: solid 1px #999;
    font-size: 1rem;
    padding-bottom: 0.125em;
	color: #999;
}

.search-form .search-button-wrapper {
	position: absolute;
	top: 0;
	right: 0;
}

.search-form .search-submit {
    background: none;
    border: 0;
    position: absolute;
    top: 0;
    right: 0;
    padding: 0;
    width: 30px;
    height: 30px;
	font-size: 0;
}

.search-form .search-submit:hover {
    background: none;
}

.search-form .fal,
.search-form svg {
    color: #999;
    font-size: 1.25rem;
}


@media screen and (min-width: 600px) {

}



/*--------------------------------------------------------------
FOOTER
--------------------------------------------------------------*/
.site-footer {
	position: relative;
    padding: 2em 0 1em;
    color: #fff;
	z-index: 10;
}

.site-footer ul {
	list-style:none;
	margin:0;
	padding:0;
}

.site-footer a {
	color: #fff;
	text-decoration: none;
}

.site-footer a:hover {
	opacity: .6;
    text-decoration: underline;
}

.site-footer .footer-widgets,
.site-footer .footer-bottom {
    text-align: center;
    color: #fff;
}

.site-footer .footer-bottom {
    padding-top: 1em;
    border-top: solid 1px rgba(255,255,255,.6);
}

.site-footer .footer-column:not(.footer-logo) p {
    font-size: 1rem;
    line-height: 1.5;
}

.site-footer .footer-column:not(.footer-logo) p a {
    color: #fff;
}

.site-footer .footer-logo {
    margin-bottom: 1.5em;
}

/* Social Nav */
.social-navigation {
	text-align: center;
    padding: 0.5em 0 1em;
}

.social-navigation ul {
	list-style: none;
}

.social-navigation li {
	position: relative;
	display: inline-block;
	padding:0 0.125em;
	font-size: 1.35em;
    line-height: 1.4;
	margin-right: .25em;
	margin-left: .25em;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

.social-navigation a {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	height: 100%;
	width: 100%;
}

.social-navigation li:hover,
.social-navigation li:focus {
	opacity: .6;
}

.footer-tagline {
    display: block;
	margin-bottom: 0.5em;
}

.copyright {
	font-size:0.875rem;
	line-height:1.3rem;
    font-weight: 400;
    margin: 0;
}

/* Footer Nav */
.footer-navigation {
    display: block;
}

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

.footer-navigation li a {
	display:block;
	font-size:0.875rem;
	font-weight:700;
	line-height:1.3rem;
	padding:0 0.75em;
	color:#fff;
	text-transform: uppercase;
	text-decoration: none;
}

@media screen and (min-width: 550px) {
    .site-footer .footer-column:not(.footer-logo) {
        display: inline-block;
        padding: 0 2em;
        vertical-align: top;
        min-width: 20%;
    }
    
    .footer-tagline {
	    display: inline-block;
        vertical-align: middle;
        margin-bottom: 0;
    }
    
    .footer-navigation {
        display: inline-block;
        vertical-align: middle;
    }
    
    .footer-navigation li a {
	    padding:0 0 0 1.5em;
    }
}


/*--------------------------------------------------------------
BUTTONS
--------------------------------------------------------------*/
.btn,
#content a.btn,
button, 
input[type="button"], 
input[type="submit"] {
	position:relative;
	-webkit-appearance: none;
	-moz-appearance:none;
	display:inline-block;
    font-weight:400;
	font-size: 1rem;
	line-height:100%;
	cursor:pointer;
	padding:0.75em 1.75em 0.685em;
    margin-bottom: 0.25em;
	text-decoration: none;
    text-transform: uppercase;
	text-align:center;
	color:#fff;
	background:#08253e;
	border: 1px solid #fff;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
	-webkit-transition: background 0.3s ease;
    transition: background 0.3s ease;
	-webkit-transform: none;
	-moz-transform: none;
	transform: none;
}

#content p span.btn a {
    color: #fff;
    text-decoration: none;
}

.btn:hover, 
#content a.btn:hover, 
button:hover, 
input[type="button"]:hover, 
input[type="submit"]:hover {
	color:#08253e;
	background:#fff;
    border-color:#08253e; 
}

#content p span.btn:hover a {
    color: #08253e;
}

.btn.white-btn, #content a.btn.white-btn {
    color:#08253e;
	background:#fff;
	border-color: #08253e;
}

.btn.white-btn:hover, #content a.btn.white-btn:hover {
    color:#fff;
	background:#08253e;
	border-color: #fff;
}

.btn.transparent-btn, #content a.btn.transparent-btn {
    color:#08253e;
	background:none;
	border-color: #08253e;
}

.btn.transparent-btn:hover, #content a.btn.transparent-btn:hover {
    color:#fff;
	background:#08253e;
	border-color: #fff;
}

.btn.transparent-white-btn, #content a.btn.transparent-white-btn {
    color:#fff;
	background:none;
	border-color: #fff;
}

.btn.transparent-white-btn:hover, #content a.btn.transparent-white-btn:hover {
    color:#08253e;
	background:#fff;
	border-color: #08253e;
}



/* CORE GENESIS STYLE OVERRIDES */
.entry-content p a, .header-text a {box-shadow: none!important;}



/* Hide Menu Items */
.hidenav {
	display: none;
}

.entry .entry-meta,
.entry .entry-footer {
	color: #999;
	font-weight: 500;
	font-size: .875rem;
}
.entry .entry-meta > span,
.entry .entry-footer > span {
	margin-right: 1rem;
	display: inline-block; 
}

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

.entry .entry-meta > span:last-child,
.entry .entry-footer > span:last-child {
	margin-right: 0; 
}

.entry .entry-meta a,
.entry .entry-footer a {
	transition: color 110ms ease-in-out;
	color: currentColor;
}

.entry .entry-meta a:hover,
.entry .entry-footer a:hover {
 	text-decoration: none;
	color: #e9741f; }
		
.entry .entry-meta .svg-icon,
.entry .entry-footer .svg-icon {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	margin-right: 0.5em;
	fill:#666;
}

.entry .entry-meta .fa, .entry .entry-meta .fab, .entry .entry-meta .fad, .entry .entry-meta .fal, .entry .entry-meta .far, .entry .entry-meta .fas,
.entry .entry-footer .fa, .entry .entry-footer .fab, .entry .entry-footer .fad, .entry .entry-footer .fal, .entry .entry-footer .far, .entry .entry-footer .fas {
	margin-right: 0.5em;
	color: #666;
}
	  
.entry .entry-meta {
    margin: 0 0 1rem 0; 
}
	
.entry .entry-footer {
	padding-top: 1em;
	padding-bottom: 1em;
}

.entry .entry-footer .cat-links,
.entry .entry-footer .tags-links {
	display: block;
	margin-bottom: 0.5em;
}

.entry .entry-footer .cat-links a,
.entry .entry-footer .tags-links a {
	display: inline-block;
    background-color: #f1f1f1;
    padding: 0.4em .75em;
    margin-right: .25em;
}

@media only screen and (min-width: 760px) {
.entry .entry-footer .cat-links,
.entry .entry-footer .tags-links {
	display: inline-block;
}
}

/*--------------------------------------------------------------
## Blog Comments
--------------------------------------------------------------*/
#comments {
	padding-bottom: 1em;
}

#comments h2.comments-title {
	text-align: center;
    font-size: 1.25rem;
    font-weight: 400;
	line-height: 1.5rem;
    text-transform: uppercase;
    border-top: solid 1px #ccc;
    padding-top: 1em;
}

#comments h3.comment-reply-title {
	padding-bottom: 0;
}

#comments h3.comment-reply-title a {
	font-weight: 400;
    font-size: 0.875rem;
    color: #e9741f;
    text-decoration: underline;
}

#comments .comment-form label {
	display: block;
	padding-bottom: 0.25em;
}

#comments .comment-form textarea {
	width: 100%;
}

#comments ol {
	list-style:none;
	padding: 0;
}

.entry-header .entry-meta .discussion-avatar-list {
	display: none;
}

.comments-area .comments-title-wrap .discussion-meta {
	background-color: #eee;
	padding: 1em 1em 0;
}

.comments-area .comments-title-wrap .discussion-meta-info > svg {
	vertical-align: middle;
	margin-right: 0.5em;
}

#comments .comment-list {
	background-color: #eee;
	padding: 0 1em 1em;
	margin-bottom: 1.5em;
}

#comments .comment-list .comment {
	padding-left: 2em;
}

#comments .comment-list .comment .post-author-badge {
	display: none;
}
 
#comments .children {
	padding-top: 2em;
}

#comments #respond .comment-form-url {
	display: none;
}

#comments #respond .comment-form-author input,
#comments #respond .comment-form-email input {
	width: 100%;
}

#comments #respond .comment-form-cookies-consent label {
	display: inline;
	margin-left: 1em;
}

@media screen and (min-width: 600px) {
#comments #respond .comment-form-author,
#comments #respond .comment-form-email {
	float: left;
	width: 48%;
}
#comments #respond .comment-form-email {
	float: right;
}

#comments #respond .comment-form-cookies-consent {
	clear: both;
}
}


/*--------------------------------------------------------------
BACK TO TOP
--------------------------------------------------------------*/
.back-to-top {
   /* display: none;*/
    position: fixed;
    bottom: 2em;
    right: 2em;
    z-index: 9999;
}

.back-to-top a {
    display: block;
    width: 50px;
    height: 50px;
    background-color: #BDCC2A;
    color: #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    font-size: 2.5rem;
    padding: 6px 0 0 0;
}

/* ======= TEAM MEMBERS / CREW ======== */
.team_member p.job-title {
    text-transform: uppercase;
    margin-bottom: 0;
}

.staff-member-detail .team-contact-info {
   text-align: center;
}

#content .staff-member-detail .team-contact-info p {
    /*display: inline-block;*/
    font-size: .9375rem;
    margin-bottom: 0.25em;
}

#content .staff-member-detail .team-bio-image img {
    display: block;
    margin: 0 auto 1em;
}

#content .staff-member-detail .team-contact-info a {
    text-decoration: none;
}

#content .staff-member-detail .team-contact-info a:hover {
    text-decoration: underline;
}

.staff-member-detail .team-contact-info a i {
    margin-right: 0.5em;
}

.staff-member-detail .team-contact-info .divider {
    padding: 0 1em;
}

@media only screen and (min-width : 1200px) {

}

/* TEAM LISTING TEMPLATE */
.team-member-listings .team-item {
    padding: 1em 1.5em;
    margin: 0 1% 1em;
    text-align: center;
}

.team-member-listings .team-item .post-detail {
    padding-top: 0.75em;
}

.team-member-listings .team-item h2 {
    font-size: 1.75rem;
    line-height: 2rem;
    padding-bottom: 0;
}

@media only screen and (min-width : 550px) {
    .team-member-listings .four-column .team-item {
        float: left;
	    width:48%;
    }

    .team-member-listings .four-column .team-item:nth-child(2n+3) {
	    clear: both;
    }
}

@media only screen and (min-width : 900px) {
    .team-member-listings .four-column .team-item {
        float: left;
	    width:31.33333%;
    }
    
    .team-member-listings .four-column .team-item:nth-child(2n+3) {
	    clear: none;
    }

    .team-member-listings .four-column .team-item:nth-child(3n+4) {
	    clear: both;
    }
}

@media only screen and (min-width : 1120px) {
    .team-member-listings .four-column .team-item {
        float: left;
	    width:23%;
    }
    
    .team-member-listings .four-column .team-item:nth-child(3n+4) {
	    clear: none;
    }

    .team-member-listings .four-column .team-item:nth-child(4n+5) {
	    clear: both;
    }
}


/* ======= YW PLUGIN CSS OVERRIDES ======== */
.screen-reader-text {
	display:none !important;
}

.page-holder {
    width: 100%!important;
}

.page-holder a.page {
    margin: 0.25em;
    padding: 0.75em;
    border: solid 1px #fff;
    font-size: .9125rem;
    font-weight: 700;
    color: #08253e;
	background-color: #fff;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

.page-holder a.page:hover,
.page-holder a.page.active {
    background-color: #f0f4f7;
    border-color: #f0f4f7;
    color: #08253e;
}

.column .page-holder:nth-child(1) {display: none;}

/* Sort */
.sort-wrapper {
	font-size: .9125rem;
	text-transform: uppercase;
	margin-bottom: 1em;
    padding: 0 20px;
}

.sort-wrapper .sort,
.sort-wrapper .sort-direction {
	display: inline-block;
}

.sort-wrapper .sort {
	margin-right: 2em;
}

.sort-wrapper a {
    display: inline-block;
    background-color: #fff;
    padding: 0.375em 1em 0.375em 0;
	color: #4a6b8f;
	margin-right: 0.25em;
    text-decoration: none;
    font-weight: 700;
}

.sort-wrapper .sort a:last-child {
    padding-right: 0;
}

.sort-wrapper .sort-direction a:last-child {
    padding-right: 0;
    margin-right: 0;
}

.sort-wrapper a.sortActive {
	background-color: #fff;
	color: #08253e;
}

@media only screen and (min-width : 850px) {
    .sort-wrapper {
        padding: 0 30px;
    }
}

/* Boat Listings */
.the-boats {
    text-align: center;
}

.the-boats .boat-item {
    position: relative;
    display: inline-block;
    float: none;
	width: calc(100% - 35px);
    margin: 0 17.5px 2em;
    text-align: center;
    padding: 0 0 45px 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background-color: #f0f4f7;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.the-boats .boat-item .status-flag {
    display: none;
    position: absolute;
    width: 80px;
    /*height: 60px;*/
    background-color: #fff;
    top: -5px;
    right: 1em;
    text-align: center;
    border: solid 1px #999;
    border-top-color: #ccc;
    border-bottom: 0;
    font-size: 1rem;
    padding: 20px 0;
    text-transform: uppercase;
    color: #08253e;
    font-weight: 700;
    clip-path: polygon(0% 0%, 100% 0, 100% 100%, 50% 85%, 0% 100%);
}

.the-boats .boat-item .listing-img {
	height: 230px;
	background-size: cover;
	background-position: center center;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.the-boats .boat-item .listing-img a {
	display: block;
	width: 100%;
	height: 100%;
}

.the-boats .boat-item .listing-detail {
	padding: 1.5em 2em;
    background: none;
}

.the-boats .boat-item .listing-detail div.listing-model a,
.the-boats .boat-item .listing-detail div.listing-model {
    font-size: 28px;
    color: #333;
    text-decoration: none;
}

.the-boats .boat-item a.listing-detail-link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.the-boats .boat-item .listing-location {
    float: none;
	padding-top: 0.25em;
    font-size: 16px;
    color: #333;
    font-weight: 700;
}

.the-boats .boat-item .listing-price {
    position: absolute;
	float: none;
    color: #fff;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 0.75em 1em;
    background-color: #08253e;
    font-size: 1rem;
    text-transform: uppercase;
}

@media only screen and (min-width : 600px) {
    .the-boats .boat-item {
	    /*float: left;*/
	    width: calc(49.5% - 35px);
    }
}

@media only screen and (min-width : 850px) {
    /*.the-boats {
        padding: 0 25px;
    }*/
    .the-boats .boat-item {
	    width: calc(32.7% - 35px );
    }
}

@media only screen and (min-width : 1200px) {
    /*.the-boats {
        padding: 0 50px;
    }*/
}

/* Boat Details */
.boat-detail .listing-details {
    display: none;
    padding-top: 1.5em;
	padding-bottom: 1.5em;
}

.boat-detail .listing-model-location {
	padding-bottom: 1em;
}

.boat-detail .listing-details h1.listing-model { 
	float:none; 
	line-height: 1.1;
	padding-bottom: 0.25em;
}

.boat-detail .listing-location { 
    display: none;
	float:none; 
}

.boat-detail .listing-price {
	float: none;
}

/*.boat-detail .listing-img,
.boat-detail .image-collection {
	display: none;
}*/

.boat-detail .boat-detail-listing-header .listing-img {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    padding: 40% 0;
	min-height: 300px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.boat-detail .swiper-container {
	background-color: #ccc;
	margin-bottom: 1em;
}

.boat-detail .gallery-top {
      height: 80%;
      width: 100%;
    }

.boat-detail .gallery-thumbs {
	/*display: block;*/
    display: none;
    height: 60px;
	box-sizing: border-box;
}

.boat-detail .gallery-thumbs .swiper-slide {
    height: 100%;
    opacity: 1;
	background-size: cover;
    background-position: center center;
}

.boat-detail .swiper-slide {
	text-align: center;
}

/*.boat-detail .additional-description .description-section:last-child > strong {
    display: none;
}*/

.boat-detail .swiper-slide img {
	max-height: 225px;
    object-fit: cover;
}

.boat-detail .lead-description {
	
}

.boat-detail .lead-description .leftside {
    padding-bottom: 1.5em;
}

.boat-detail .lead-description .rightside {
    float: none;
    width: 100%;
    background: none;
    border: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.boat-detail .brokerage-form {
    padding: 1.5em 1em 2em;
}

.boat-detail .brokerage-form .hbspt-form {
    padding-top: 0.75em;
}

.boat-detail .brokerage-form .hs_boat_owned,
.boat-detail .brokerage-form .hs_boat_interested_in,
.boat-detail .brokerage-form .hs_how_did_you_hear_about_cape_yachts_ {
    display: none;
}

.boat-detail .brokerage-form .hs_submit input[type=submit] {
    display: block;
    width: 100%;
	transform: none;
    background-color: #08253e !important;
    color: #fff !important;
    font-size: inherit;
    padding: 0.375em 1em !important;
    line-height: 1.5;
    font-weight: 600;
    margin: 0;
}
.boat-detail .brokerage-form .hs_submit input[type=submit]:hover {
	background-color: #fff !important;
    color: #08253e !important;
}

.boat-detail .description-section {
    padding-bottom: 16px;
    line-height: 1.875rem;
}

.boat-detail .lead-description .rightside .dt-btn {
    box-sizing: border-box;
}

.boat-detail .lead-description h2.boat-name {
	margin-bottom: 0;
}

.boat-detail .specifications {
    padding-top: 2.5em;
}
/*
.boat-detail .specifications .region-header {
	text-align: center;
}*/

.boat-detail .specifications .region-header h2 {
	margin-bottom: 0.5em;
}

.boat-detail ul.spec-data {
	list-style: none;
	margin: 0;
	padding: 0;
}

#content .boat-detail ul.spec-data li {
	position:relative;
    padding: 0.625em 0;
	font-size: 1rem;
	line-height:1.25rem;
    margin-bottom: 0;
}

.boat-detail ul.spec-data .spec-label {
	display:block;
	font-weight: 700;
}

.boat-detail ul.spec-data li:before {
	display:block;
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:1px;
	content:'';
	background-color: #ccc;
}

.boat-detail .additional-description {
    display: none;
}

/*.boat-detail .brokerage-disclaimer {
    display: none;
}*/

.brokerage-disclaimer .disclaimer-detail {
	display: none;
	/*background: #fff;
	padding: 0.5em 1em;
	margin: 1em 0;*/
}

.brokerage-disclaimer .disclaimer-detail:first-child {
	display: block;
}

.boat-detail .broker-message {
    padding: 1.5em 1.5em 0.125em;
}

.boat-detail .broker-message h4 {
    opacity: .7;
}

@media only screen and (min-width : 440px) {
.boat-detail ul.spec-data .spec-label {
	display:inline;
	float:left;
	width:49%;
}

.boat-detail ul.spec-data .spec-value {
	float:right;
	width:49%;
	text-align:right;
}

.boat-detail .swiper-slide img {
	max-height: 308px;
}
}

@media only screen and (min-width : 650px) {
/*.boat-detail .listing-model-location {
	float: left;
	width: 60%;
	padding-right: 2%;
	padding-bottom: 0;
}

.boat-detail .listing-price {
	float: right;
	width: 40%;
	text-align: right;
}

.boat-detail .lead-description {
	padding: 2em 0 1em;
}*/

.boat-detail .gallery-thumbs {
    height: 120px;
}

.boat-detail .swiper-slide img {
	max-height: 466px;
}

/*.boat-detail .specifications {
	padding: 1em 2em;
}*/
	.boat-detail .brokerage-form {
    	padding: 2em 2.5em 2.5em;
	}
}

@media only screen and (min-width : 768px) {
    .boat-detail .swiper-slide img {
	    max-height: 548px;
    }
    .boat-detail .boat-detail-listing-header .listing-img {
        padding: 30% 0;
	    min-height: 400px;
    }
    .boat-detail .lead-description .leftside {
        
    }
    .boat-detail .specifications {
        padding-top: 0;
    }
}

@media only screen and (min-width : 900px) {
/*    .boat-detail ul.spec-data {
	    -webkit-columns: 2;
	    -moz-columns: 2;
	    columns: 2;
	    -webkit-column-gap: 4em;
	    -moz-column-gap: 4em;
	    column-gap: 4em;
    }*/
    .boat-detail .swiper-slide img {
	    max-height: 653px;
    }
    .boat-detail .lead-description .leftside {
        float: left;
        width: 70%;
    }
    .boat-detail .lead-description .rightside {
        float: right;
        width: 26%;
    }
}

@media only screen and (min-width: 1020px) {
    .boat-detail .swiper-slide img {
	    max-height: 754px;
    }
    .boat-detail .boat-detail-listing-header .listing-img {
        padding: 17% 0;
	    /*min-height: 600px;*/
    }
}

@media only screen and (min-width: 1200px) {
    .boat-detail .swiper-slide img {
	    max-height: 840px;
    }
}


/* ======= YW BROKERAGE LISTINGS SLIDER ======== */
.brokerage-slider .page-holder, .brokerage-slider .sort-wrapper {display: none;}

.brokerage-slider .the-boats {
    position: relative;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    overflow-x: hidden;
}

.brokerage-slider .the-boats .boat-item {
    width: 100%;
    margin: 5px 0 0 0;
    box-sizing: border-box;
}

.brokerage-slider .the-boats .boat-item .listing-price {
    /*width: calc(100% - 30px);*/
}

.brokerage-slider .swiper-brokerage-button-next,
.brokerage-slider .swiper-brokerage-button-prev {
    position: absolute;
    top: 50%;
    left: 1%;
}

.brokerage-slider .swiper-brokerage-button-next {
    left: auto;
    right: 1%;
}


/* ================== Photo / Video Gallery ================== */
.photo-gallery {
	padding-bottom:0;
}

.photo-gallery .region-header,
.specifications .region-header {
	padding-bottom:0;
}

.gallery-image {
    margin-bottom: 1.5em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.gallery-wrapper {
	text-align:center;
}

.image-collection .gallery-image {
	position: relative;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.image-collection .gallery-image img {
    width: 100%;
}

.image-collection > h4 {
	padding-bottom: 1em;
}

 .video-gallery-wrapper {
    padding-bottom: 1em;
}

 .video-gallery-wrapper .gallery-video {
    margin-bottom:1.5em;
}

@media only screen and (min-width : 480px) {
    .gallery-wrapper {
		display: flex;
		flex-wrap: wrap;
        /*columns: 2;
        column-gap: 1.5em;*/
    }
	.gallery-wrapper .gallery-image {
		width: 50%;
		padding: 0 .5em;
	}
    /*.gallery-wrapper {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        gap:10px;
    }
    .image-collection .gallery-image {
        margin-bottom: 0;
        width: calc(50% - 20px);
    }*/
}

@media only screen and (min-width : 768px) {
     .video-gallery-wrapper {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-content: center;
        justify-content: center;
        align-items: stretch;
    }
    .video-gallery-wrapper .gallery-video {
	    width:48%;
    }
    .video-gallery-wrapper .gallery-video:nth-child(even) {
	    width:48%;
        margin-left: 4%;
    }
    .gallery-wrapper {
        /*columns: 3;*/
    }
	.gallery-wrapper .gallery-image {
		width: 33.33333%;
	}
    /*.image-collection .gallery-image {
        width: calc(33.33333% - 20px);
    }*/
    .image-collection .gallery-image:hover {
        -webkit-transform: scale(1.05);
        -moz-transform: scale(1.05);
        transform: scale(1.05);
    }
}

@media only screen and (min-width : 1281px) {
    .gallery-wrapper {
        /*columns: 4;*/
		
    }
	.gallery-wrapper .gallery-image {
		width: 25%;
	}
    /*.image-collection .gallery-image {
        width: calc(25% - 20px);
    }*/
}


/*--------------------------------------------------------------
IYBA PLUGIN OVERRIDES
--------------------------------------------------------------*/
.iyba_pro-form-layout {
	padding: 0;
	background: none;
}

.iybas-search-heading .iybas-search-heading-text {
	display: block;
	color: inherit;
	font-size: 22px;
	margin-left: 0!important;
	font-weight: inherit!important;
	text-align: center;
}
.iyba_pro-form-layout .iyba_pro-form-field.multiselect-field .select2-selection--multiple,
.iyba_pro-form-layout .iyba_pro-form-field.custom-select-input .select2-container--default {
	border-width: 1px!important;
	border-color:#ccc!important;
	background-color: #f0f4f7;
}
.iyba_pro-form-field input[type="text"], .iyba_pro-form-field input[type="password"], .iyba_pro-form-field input[type="email"], .iyba_pro-form-field .iyba_pro-forms-input, .iyba_pro-form-field .iyba_pro-form-select, .iyba_pro-form-field .iyba_pro-form-textarea, .iyba_pro-form-field textarea, .iyba_pro-form-field select {
	border-width: 1px;
	font-size: inherit;
	color: #999;
	background-color: #f0f4f7;
	border-color:#ccc;
	padding: 0.25em 1em;
	margin-bottom: 7px!important;
	min-height: auto;
	line-height: 1.5!important;
}
.iyba-detail-container .btn-main2 span, .vessel_broker_section .btn-main2 span {
	-webkit-transform: none;
	-moz-transform: none;
	transform: none;
}
.page-header .header-yacht-search .header-yacht-search-box .iyba_pro-main-wrapper {
	padding-top: 0;
	padding-bottom: 20px;
}
.page-header .header-yacht-search .header-yacht-search-box .iybas-search-heading {
	display: none;
}
.iyba_pro-forms-btn {
	padding-top: 0.75em;
	padding-bottom: 0.75em;
}
.iyba_pro-forms-btn>.fa {
	display: none;
}
#content .select2-container--default .select2-selection--multiple .select2-selection__rendered li {
	margin-bottom: 0;
	line-height: 100%;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
	display: block;
	padding: 0;
}
.iyba_pro-form-layout .iyba_pro-form-field.multiselect-field .select2-selection--multiple, .iyba_pro-form-layout .iyba_pro-form-field.category-field .select2-selection--multiple {
	min-height: auto;
	border: 0;
	background-color: #f0f4f7;
}

.iyba_pro-form-layout .iyba_pro-form-field.multiselect-field .select2-search__field, .iyba_pro-form-layout .iyba_pro-form-field.category-field .select2-search__field {
	font-size: inherit!important;
	line-height: 1.5!important;
	margin: 0!important;
	padding: 0.25em 1em!important;
}
.iyba_pro-form-row {
	margin-left: 0;
	margin-right: 0;
	justify-content: space-between;
}
.iyba_pro-form-field {
	position: relative;
	padding-left: 0;
	padding-right: 0;
}
.iyba_pro-half-field {
	width: 49%;
}
.iyba_pro-form-layout .iyba_pro-form-field .select2-container--default .select2-selection--single {
	min-height: auto;
	height: auto;
	background-color: #f0f4f7;
	border-width: 0;
	border-color:#ccc;
}
.iyba_pro-form-layout .iyba_pro-form-field .select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height: 1.5!important;
	padding: 0.25em 1em;
	text-align: left;
}
.iyba_pro-form-layout .iyba_pro-form-field.custom-select-input .select2-container--default .select2-selection--single .select2-selection__placeholder {
	padding: 0;
	font-family: inherit!important;
	font-size: inherit!important;
}
.iyba_pro-form-layout .iyba_pro-form-field .select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 34px;
}
.iyba_pro-form-layout .iyba_pro-form-field.custom-select-input {
	margin-bottom: 7px!important;
}

/* Brokerage Region Slider */
.brokerage-slider .iybafy-slider-heading-wrapper {
	display: none;
}
.btn-iybafy-wrapper .ubtn {
	background-color: #08253e;
	border: solid 1px #08253e;
	font-size: 1rem!important;
	font-weight: 600;
	padding: 0.75em 1.5em!important;
}
.btn-iybafy-wrapper button.ubtn-large {
	font-size: 1rem!important;
	padding: 0.75em 1.5em!important;
	font-family: 'Nunito Sans', sans-serif!important;
	line-height: 1;
}
.btn-iybafy-wrapper .ulta-skew-forward:active, .btn-iybafy-wrapper .ulta-skew-forward:focus, .btn-iybafy-wrapper .ulta-skew-forward:hover {
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	transform: none;
	background-color: #fff;
	color: #08253e!important;
}

.brokerage-slider .yacht-listing-slider {
	padding-left: 3%;
	padding-right: 3%;
}
.brokerage-slider .owl-carousel .owl-stage {
	display: flex;
}
.brokerage-slider .owl-carousel .owl-nav {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
}
.brokerage-slider .owl-carousel .owl-nav .owl-prev,
.brokerage-slider .owl-carousel .owl-nav .owl-next {
	position: absolute;
	left: -25px;
	line-height: 2em;
	opacity: .5;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.brokerage-slider .owl-carousel .owl-nav .owl-prev:hover,
.brokerage-slider .owl-carousel .owl-nav .owl-next:hover {
	opacity: 1;
}
.brokerage-slider .owl-carousel .owl-nav .owl-prev span,
.brokerage-slider .owl-carousel .owl-nav .owl-next span {
	display: none;
}
.brokerage-slider .owl-carousel .owl-nav .owl-prev:before,
.brokerage-slider .owl-carousel .owl-nav .owl-next:before {
	font-family: "Font Awesome 6 Pro";
	content: '\f053';
	font-size: 2em;
	font-weight: 300;
	color: #fff;
}
.brokerage-slider .owl-carousel .owl-nav .owl-next:before {
	content: '\f054';
}
.brokerage-slider .owl-carousel .owl-nav .owl-next {
	left: auto;
	right: -25px;
}
.brokerage-slider .iybafy-slider .iybafy-slider-content {
	background-color: #f0f4f7;
    text-align: center;
    font-size: inherit;
	line-height: 1.5;
	font-weight: 700;
    border: 0 !important;
    padding: 1em 1em 3.5em;
}
.brokerage-slider .iybafy-slider .iybafy-slider-content h5 a {
	font-size: 28px;
	color: #333!important;
	font-weight: 400;
}
.brokerage-slider .iybafy-slider .iybafy-slider-content .grid-vessel-price {
	position: absolute;
	bottom: 0;
	left: 0;
	width:100%;
	background-color: #08253e;
	color: #fff!important;
	text-transform: uppercase;
	padding: 0.5em 1em;
}
.brokerage-slider .iybafy-slider .iybafy-slider-content .grid-vessel-price .fa {
	display: none;
}

#content ul.vessel-pagination li {
	margin: 0.25em;
    padding: 6px 12px;
    border: solid 1px #fff;
    font-size: .9125rem;
    font-weight: 700;
    color: #08253e;
    background-color: #fff;
}
#content ul.vessel-pagination li a {
	display: block;
	padding: 0;
	text-decoration: none;
}

#content ul.vessel-pagination li:hover,
#content ul.vessel-pagination li.active {
    background-color: #f0f4f7;
    border-color: #f0f4f7;
    color: #08253e;
}

@media only screen and (min-width : 971px) {
	.brokerage-slider .owl-carousel .owl-nav .owl-prev:before,
	.brokerage-slider .owl-carousel .owl-nav .owl-next:before {
		color: #333;
	}
}

/* Yacht Detail Overrides */
#sub-main {
	width: 100%;
	margin: 0;
	padding: 0;
}
.iyba-detail-container h1, .iyba-detail-container h2, .iyba-detail-container h3, .iyba-detail-container h4, .iyba-detail-container h5, .iyba-detail-container h6, .iyba-detail-container .h1, .iyba-detail-container .h2, .iyba-detail-container .h3, .iyba-detail-container .h4, .iyba-detail-container .h5, .iyba-detail-container .h6 {
	font-family: 'Nunito Sans', sans-serif;
	margin: inherit;
	padding: inherit;
	font-weight: inherit;
	color: #111;
}
.iyba-detail-container h4 {
	font-weight: 600;
	padding: 0 0 0.5em 0;
	margin: 0;
}
.iyba-detail-container .image-collection h4 {
	padding-bottom: 1em;
}
.iyba-detail-header .entry-header {
	width: 100%;
}
.iyba-detail-header .vd_hero_section .owl-carousel .owl-stage-outer {
	margin-bottom: 0;
}
.iyba-detail-header .vd_hero_section .thumbnail-slider {
	display: none;
}
.iyba-detail-container .region.justify-content-center .row {
	justify-content: center;
}
#content .iyba-detail-container ul.engines-list li {
	margin-bottom: .5em;
}

.iyba-detail-container .features-listing-region {
	padding-bottom: 1em;
}

@media only screen and (min-width : 971px) {
	.iyba-detail-header .vd_hero_section {
		display: flex;
		align-items: center;
	}
	.iyba-detail-header .vd_left_hero_section {
		width: 66.66666%
	}
	.iyba-detail-header .vd_right_hero_section {
		display: flex;
		align-items: center;
		width: 33.33333%;
		margin-left: 0;
	}
}

/*.fa {
	font-family: 'Font Awesome 6 Pro';
}
.iyba-detail-container .fa {
	font-family: 'Font Awesome 6 Brands'!important;
}*/

/*--------------------------------------------------------------
Clearfix
--------------------------------------------------------------*/
.clear:before,
.clearfix:before,
.clear:after,
.clearfix:after {
    content: " "; 
    display: table; 
}

.clearfix:after,
.clear:after{
    clear: both;
}