/*
Theme Name: Oceania Marine
Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the Enfold Wordpress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating will be much easier then.
Version: 1.0
Author: Kriesi
Author URI: http://www.kriesi.at
Template: enfold
*/



/*Add your own styles here:*/

.av-main-nav > li > a {letter-spacing:1.2px}


.hero-content p {text-shadow:
    0 0 15px rgba(255, 255, 255, 0.9),
    0 0 20px rgba(255, 255, 255, 0.7),
    0 0 20px rgba(255, 255, 255, 0.5);}

.sub-heading {font-size: 18px; margin-top: -15px; margin-bottom:15px;}

.upload-note{
    margin-top:10px;
    font-size:13px;
    color:#7b8794;
    line-height:1.6;
}

.av_promobox {margin-top: 20px !important;}

.avia-button:hover {transform: translateY(-2px);}


.avia-button {transition: all .3s ease;}


.image-overlay .image-overlay-inside {display: none;}

h1 {font-weight:600}
h2 {margin-bottom:30px !important}

div .logo {
  z-index: 999;
  margin-top: 20px;
}

h5 {font-family: "Open Sans", sans-serif; font-weight:400; font-size:20px; color:#C7A15B !important; text-transform:uppercase;}

.inner-container {padding-top: 0px !important;}


.image-overlay {position: absolute;background: none repeat scroll 0% 0%;z-index: 300;height: 100%;width: 100%;opacity: 100%;}
.image-overlay-inside, .image-overlay.overlay-type-extern {display: none;}




.avia-content-slider .slide-entry-title {
  font-size: 1.4em;
  line-height: 1.4em;
  margin: 0;
    margin-top: 0px;
  margin-top: 15px;
}

.more-link {
margin-top: 15px;
  margin-bottom: 15px;
  font-weight: 600;
  font-size: 15px;
}

.sold-wrapper {width:100px !important;}


.featured-section-home {margin-top:-100px}


.dynamic-featured-image {
    display: block;
    margin: -80px auto 0;
}









/* ========================
   FEATURED IMAGE SNIPPET
======================== */

.dynamic-featured-image {
    display: block;
    width: 100%;
    max-width: 1200px;      
    margin: -80px auto 20px;
}

/* Cropping control */
.dynamic-featured-image {
    height: 500px;        
    object-fit: cover;
}




.view-listings-link{
  display:inline-flex;
  align-items:center;
  gap:12px;
  text-decoration:none;
  font-size:14px;
  font-weight:600;
  letter-spacing:0.08em;
  text-transform:uppercase;
  color:#162554;
  transition:all 0.3s ease;
}

.view-listings-link .arrow{
  color:#c7a15b;
  font-size:30px;
  line-height:1;
  transition:transform 0.3s ease;
	margin-top: -5px;
}

.view-listings-link:hover{
  opacity:0.75;
}

.view-listings-link:hover .arrow{
  transform:translateX(4px);
}


.hero-buttons .avia-button:hover .avia_button_background {
  opacity: 0 !important;
}


.hero-buttons .avia-button.avia-color-light {color:#fff !important;background-color:#001E60 !important; border: 2px solid #001E60 !important; letter-spacing:1.5px; width:250px; margin-top:15px; padding:15px; font-size:16px;}

.hero-buttons .avia-button.avia-color-dark {color:#C7A15B !important;background-color:#fff !important; border: 2px solid #C7A15B !important; letter-spacing:1.5px; width:250px; margin-top:15px; padding:15px; font-size:16px;}

.hero-buttons2 .avia-button.avia-color-dark {color:#C7A15B !important;background-color:#fff !important; border: 2px solid #C7A15B !important; letter-spacing:1.5px; width:100%; max-width:400px; margin-top:15px; padding:15px; font-size:16px;}

.hero-buttons .avia-color-theme-color-highlight {background-color:#fff !important;}

#header {box-shadow: 0px 0px 10px #0000001a;}

.iconbox_top .iconbox_content {background-color: #f9f9f9;padding: 45px 10px 20px 10px; }
.iconbox .iconbox_content .iconbox_content_title {letter-spacing: 1px; text-transform: none; line-height:1.4;}

.entry-content-wrapper h2 {text-transform: capitalize !important;}



hr {margin-bottom:10px;}


.gold-bar {clear: both; margin-left: 40%; width: 20%; height: 2.5px; margin-top: 18px; background-color:#c7a15b; text-align: left;}







.dub-butt .avia-button.avia-size-large {width: 45% !important;}

.form-box p {margin:0px;}


#socket .container {text-align: center;}





.av-main-nav {text-transform:uppercase;}
#footer-page .widgettitle {color:#fff;}
#footer-page .widget_nav_menu li a {padding: 5px 3px !important; color:#fff; text-transform:uppercase !important; border-color:transparent !important;}
#footer-page .widget_nav_menu li a:hover {background-color:transparent;}
#footer-page #top .content .flex_column .widget_nav_menu li a:hover, #top .content .flex_column .widget_nav_menu ul:first-child > .current-menu-item, #top .content .flex_column .widget_nav_menu ul:first-child > .current_page_item {background-color: transparent;}

#footer-page .main_color div {border-color:none !important;}
#top .content .flex_column .widget_nav_menu li {border-bottom-style: none !important;}

#top .content .flex_column .widget_nav_menu li a:hover {background-color: transparent;}



.fullwidth-colorblock .container {max-width: 100% !important; padding: 0 !important}

#footer-page {border-top: none}
ul.footer-socials {padding: 0; margin: 0}

ul.footer-socials li {margin: 0; padding: 0; float: left; width: 100%}
ul.footer-socials li a {width: 100%; float: left; border: solid 1px #6786a1; color: #6786a1; font-size: 13px;margin-bottom: 10px; padding: 10px; border-radius: 3px}
ul.footer-socials li a:hover {color: #ffffff; background-color: #6786a1; text-decoration: none}
ul.footer-socials li a i {margin-right: 15px;}
.footer-logo {opacity: 0.5 !important}
#footer-page .sub-menu {display: none}
#footer-page .av-section-color-overlay {margin-top: -1px;}
/* Search customisation */

.sf-field-post-meta-boat_location label {width: 100%}
.sf-field-post-meta-boat_location label select, .sf-field-search input, .sf-input-select, .sf-input-range-number {border: solid 1px #ededed !important}
.sf-field-submit input {width: 100%; padding: 20px 0px; border-radius: 3px}
#top .input-text, #top input[type="text"], #top input[type="input"], #top input[type="password"], #top input[type="email"], #top input[type="number"], #top input[type="url"], #top input[type="tel"], #top input[type="search"], #top textarea, #top select {margin-bottom: 5px}
.sf-meta-range label:first-child {float: left;}


/* Boat Archive customisation */

	

		.trade-item-wrapper h1 {float: left; width: 100%; color:#071f60; min-height:60px;
    display:flex;
    align-items:center;
    justify-content:center;}	
.trade-item-wrapper:hover {opacity:0.7; z-index:5; transition: all ease-in-out 0.1s }



.archive-feature-list li {color:#071f60;}

.trade-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}

.trade-item-wrapper {
  display: flex;
  flex-direction: column;
  background: #ffffff;
  box-shadow: 0 6px 60px 0 rgba(0,47,73,0.12);
  position: relative;
  padding: 0;
  margin: 0;
  transform: scale(1);
  transition: all ease-in-out 0.05s;
}


@media (max-width: 991px) {
  .trade-grid {
    grid-template-columns: repeat(2, 1fr); 
  }
}

@media (max-width: 600px) {
  .trade-grid {
    grid-template-columns: 1fr;
  }
}


.grid-row {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 30px;
}

.grid-column {
    background: #fff;
    box-shadow: 0 6px 20px rgba(0,0,0,0.05);
    padding: 20px;
    text-align: center;
}


.featured-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	gap: 30px;
}

.featured-boat {
	background: #fff;
	padding: 20px;
	text-align: center;
	box-shadow: 0 4px 20px rgba(0,0,0,0.1);
	transition: transform 0.3s ease;
}

.featured-boat:hover {
	transform: scale(1.03);
}



		.boat-col {float: left; width: 100%; display: flex; flex-direction: column;justify-content: center;}
.boat-col {margin-bottom: -6px}
	.post-type-archive-trade-item .searchandfilter ul li {width: 20%;float: left;padding:0.5%}
		
.post-type-archive-trade-item .searchandfilter ul li input  {width: 100%; float: left}
		.sf-field-search label, .sf-field-taxonomy-trade_location label, .sf-field-category label, .sf-field-sort_order label {width: 100%}
		.sf-meta-range-number label {width:45%;float: left;}
		.sf-meta-range-number label input  {width:100%; max-width: 100% !important}
		.sf-range-values-seperator {float: left; width:10%; text-align:center}
		#search-filter-form-258 ul {position:relative}
		.sf-field-reset {position: absolute; bottom:0; right: 0; display: none !important}
		
		.boat-lhs {float:left; width: 25%; }
		.boat-lhs-inner {float:left; width: 100%; background: #ffffff; box-shadow: 0px 0px 10px rgba(0,0,0,0.05); padding: 30px; margin-bottom:100px;}
		.boat-rhs {float:right; width: 70%}
		.boat-archive-title {font-size: 16px; font-weight: 600;line-height: 130%; text-align: left; padding-top: 15px;padding-top: 0;}
.boat-archive-title {font-size: 20px; font-weight: 600;line-height: 130%; text-align: left; padding-top: 15px;padding-top: 0;}
		.price-box {  width: 100%; float: left; margin-top: auto; padding-top:20px;}
	.price-box span {border: solid 1px #ce0e2d; padding: 10px 15px; color: #ce0e2d !important; letter-spacing: 4px;}
ul.archive-feature-list {list-style-type: none; padding:0; margin: 0}
.archive-feature-list li i {margin-right: 10px; margin-left: 10px; padding-right: 20px;border-right: solid 1px #ededed;width: 28px;}
		.archive-feature-list li {padding: 10px;
		border: solid 1px #ededed;
		float: left;
		margin-bottom: 5px;
		width: 100%;
		background-color: #ffffff;
			margin-left: 0;
		}	
		.sm-cat-heading {margin: 0;
color: #06425c !important;
font-size: 50px;
font-weight: 300;
letter-spacing: 8px; line-height: 100%;}
		
		@media (max-width: 468px) {
		.trade-item-wrapper {width:98%; float: left; margin: 1%; border: solid 1px #efefef;  padding: 15px;}
		}

.single-boat-content ul {list-style-type: disclosure-closed;}



/* ========================
   FORMS
============================================================================================ */

.om-form{
    width:100%;
    max-width:900px;
    margin:0 auto;
}

.om-form-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:18px;
}

.om-field.full{
    grid-column:1 / -1;
}

/* ========================================
   INPUTS
======================================== */

.om-form input,
.om-form select,
.om-form textarea{
    width:100%;
    min-height:56px;

    padding:15px 18px;

    border:1px solid #d9dee7 !important;
    border-radius:5px !important;

    background:#fff !important;

    color:#07182f;

    font-size:15px;
    font-family:inherit;

    box-sizing:border-box;

    appearance:none;
    -webkit-appearance:none;

    transition:
        border-color .25s ease,
        box-shadow .25s ease,
        background-color .25s ease;

    outline:none !important;
	
}

/* ========================================
   TEXTAREA
======================================== */

.om-form textarea{
	height:200px;
	max-height:200px;
    min-height:160px;
    resize:vertical;
}

/* ========================================
   PLACEHOLDERS
======================================== */

.om-form input::placeholder,
.om-form textarea::placeholder{
    color:#7b8794;
    opacity:1;
}

/* ========================================
   FOCUS / ACTIVE
======================================== */

.om-form input:focus,
.om-form select:focus,
.om-form textarea:focus,
.om-form input:active,
.om-form select:active,
.om-form textarea:active{
    border:1px solid #1d2959 !important;
    box-shadow:0 0 0 3px rgba(29,41,89,.10) !important;
    background:#fff !important;
    outline:none !important;
}

/* ========================================
   AUTOFILL FIX
======================================== */

.om-form input:-webkit-autofill,
.om-form input:-webkit-autofill:hover,
.om-form input:-webkit-autofill:focus,
.om-form textarea:-webkit-autofill,
.om-form select:-webkit-autofill{
    -webkit-text-fill-color:#07182f !important;

    -webkit-box-shadow:
        0 0 0px 1000px #ffffff inset,
        0 0 0 3px rgba(29,41,89,.10) !important;

    border:1px solid #1d2959 !important;

    transition:background-color 9999s ease-in-out 0s;
}

/* ========================================
   SELECT
======================================== */

.om-form select{
    cursor:pointer;
}

/* ========================================
   SUBMIT BUTTON
======================================== */

.om-form .om-submit,
.om-form input[type="submit"]{
    background:#1d2959 !important;

    color:#fff !important;

    border:none !important;
    border-radius:5px;

    padding:18px 42px;

    min-height:58px;

    font-size:13px;
    font-weight:700;

    text-transform:uppercase;
    letter-spacing:.08em;

    cursor:pointer;

    transition:
        background .25s ease,
        transform .25s ease;

    display:inline-block !important;

    width:auto !important;

    appearance:none;
    -webkit-appearance:none;
}

.om-form .om-submit:hover,
.om-form input[type="submit"]:hover{
    background:#102347 !important;
    transform:translateY(-2px);
}

.om-form .om-submit:focus,
.om-form input[type="submit"]:focus{
    outline:none !important;
    box-shadow:none !important;
}


/* ========================================
   REMOVE CF7 DEFAULT SPACING
======================================== */

.om-form p{
    margin:0 !important;
    padding:0 !important;
}

.om-form .wpcf7-form-control-wrap{
    display:block;
    margin:0 !important;
    padding:0 !important;
}

.om-form br{
    display:none;
}

/* ========================================
   TIGHTER FIELD SPACING
======================================== */

.om-form-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    column-gap:16px;
    row-gap:12px;
}

/* ========================================
   FIELD WRAPPERS
======================================== */

.om-field{
    margin:0 !important;
    padding:0 !important;
}

/* ========================================
   INPUTS
======================================== */

.om-form input,
.om-form select,
.om-form textarea{
    margin:0 !important;
}

/* ========================================
   SUBMIT WRAP
======================================== */

.om-form .wpcf7-submit{
    margin-top:8px !important;
}




/* ========================================
   VALIDATION
======================================== */

.wpcf7-not-valid-tip{
    margin-top:7px;
    font-size:13px;
    color:#b42318;
}

/* ========================================
   RESPONSE OUTPUT
======================================== */

.wpcf7-response-output{
    margin:22px 0 0 !important;
    padding:16px 18px !important;
    border-radius:10px;
    font-size:14px;
    border:none !important;
  background-color: #0284C7;
  color: #fff;
}

/* ========================================
   SPINNER
======================================== */

.wpcf7-spinner{
    margin-left:12px;
}

/* ========================================
   MOBILE
======================================== */

@media(max-width:767px){

    .om-form-grid{
        grid-template-columns:1fr;
    }

    .om-field.half,
    .om-field.full{
        grid-column:1 / -1;
    }

}



.mini-search .searchandfilter ul li {float: left; width: 21.5%; margin: 0.5% !important; box-sizing: border-box}
.mini-search .searchandfilter ul li:nth-child(5) {width: 9% !important;}
.mini-search .sf-field-submit input {padding: 10px;width: 100%;	float: left;border: solid 1px #95bacc;background-color: #31a3c6;color: #fff !important;}
.mini-search .searchandfilter  input, .mini-search .searchandfilter  select {border: none !important; border-radius: 3px}
.mini-search .searchandfilter  input {padding: 11.5px !important;}
.mini-search .searchandfilter .range-max, .searchandfilter .range-min {width: 45%}

.mini-search .searchandfilter select {
    color: #818181;
    min-width: 100% !important;
	max-width: 100% !important;
	width: 100%;
	padding: 12px !important;
}
.mini-search .searchandfilter label {width: 100%;}

.mini-search .sf-field-post-meta-boat_price label {width: 40%!important;}
.mini-search .sf-range-prefix {float: left;
margin-right: -13px;
z-index: 9999;
position: relative;
padding-top: 7px;
padding-left: 3px;}
.fp-intro h2 {font-size: 25px; font-weight: 300}



a.white-but {width: 100%; padding-top: 15px; padding-bottom: 15px; background-color: #ffffff; color: #444444 !important; float: left; text-align: center; text-decoration: none !important; border-radius: 3px}

.fp-insurance .av-iconlist-small li {
    padding: 5px 0px !important;
    min-height: 0px;
    border-bottom: dotted 1px #fff;
}

.fp-insurance  .avia-icon-list-container {margin-top: 0px;}
.fp-insurance  {}
.ms-thumb-frame {opacity:1 !important}


.mini-search .sf-field-post-meta-boat_price input {border-radius: 2px !important;}
.mini-search .sf-range-values-seperator {color: #fff;padding-top: 7px;}
.avia-section {min-height: 0px !important;}
.mini-search form {margin-bottom: 0 !important}

.fp-hero .template-page  {margin-top: -140px;}
.fp-hero .content {padding-bottom: 50px !important;}


.sm-testimonials i {color:#C4942F; font-size: 16px; margin-right: 5px}
.avia-testimonial-wrapper {margin: 0}

.search-toggle {
padding: 10px;
border: solid 1px #31a3c6 !important;
cursor: pointer;
text-align: center;
background: #31a3c6;
color: #fff;
display: none
}

.search-toggle-fp   {
padding: 10px;
border: solid 1px #06425c !important;
cursor: pointer;
text-align: center;
background: #06425c;
color: #fff;
display: none;
	float: left;
	width: 100%
}



@media (max-width: 468px) {
.boat-col {width: 100% !important;}
.trade-item-wrapper {flex-direction: column !important;}
.boat-lhs, .boat-rhs {width: 100% !important}

.boat-lhs-inner {display:none}
.hide-mobile {display:none}
.sm-cat-heading span {display: none}
.trade-item-wrapper {width: 98% !important}
.single-boat-content {width: 100% !important;float: left;padding-top: 20px;padding: 5%;}
.search-toggle, .search-toggle-fp  {display: block}
.mini-search .searchandfilter ul li {float: left;width: 100% !important;}
.mini-search .searchandfilter ul li:nth-child(5) { width: 100% !important;}
.fp-min-search {display: none}
	.fp-main-heading {font-size: 30px !important}



}


@media only screen and (max-width: 1110px) {.av-main-nav > li.menu-item-avia-special {
    display: block;
}
.av-main-nav > li {
    display: none;
}}


/*super wide*/

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

	#header_main {
  margin-left: 11%;
  margin-right: 11%;
}
	
	
}


@media only screen and (max-width: 1280px) and (min-width:800px) {
	.trade-item-wrapper {max-width: 350px !important;}
	.trade-grid {padding-left:50px; padding-right:50px;}
	
}
	
	
	
	/* FILTER */
.boat-filter{
	
    display:flex;
    gap:10px;
    margin-bottom:30px;
    flex-wrap:wrap;
}

/* MOBILE IMPROVEMENTS */
@media (max-width:768px){

    .boat-filter{
		margin-left:25px;
        flex-wrap:nowrap;
        overflow-x:auto;
        -webkit-overflow-scrolling:touch;
        padding-bottom:5px;
        margin-bottom:20px;
        gap:8px;
    }

    .boat-filter::-webkit-scrollbar{
        display:none;
    }

    .filter-btn{
        flex:0 0 auto;
        white-space:nowrap;
        font-size:13px;
        padding:10px 14px;
    }

}
.avia-menu-fx {display:none}








/* ================================================================================== */


/* FULL WIDTH SECTION */
.full-width-lr{
    width:100vw;
    margin-left:calc(50% - 50vw);
    margin-right:calc(50% - 50vw);
    overflow:hidden;
}

/* FULL WIDTH CONTAINER */
.full-width-lr .container{
    max-width:100% !important;
    width:100% !important;
    padding:0 !important;

    display:flex;
    align-items:stretch;

    border-top:#F6F5F2 2px solid;
    border-bottom:#F6F5F2 2px solid;
}

/* FORCE TRUE 50/50 */
.full-width-lr .flex_column{
    width:50% !important;
    flex:0 0 50%;
    margin:0 !important;
    float:none !important;
}

/* IMAGE COLUMN */
.full-width-lr .image-column{
    position:relative;
    overflow:hidden;

    display:flex;
}

/* REMOVE ENFOLD IMAGE SPACING */
.full-width-lr .image-column .avia-image-container{
    margin:0 !important;
    width:100%;
    height:100%;
}

/* REMOVE INNER WRAPPER ISSUES */
.full-width-lr .image-column .avia-image-container-inner{
    width:100%;
    height:100%;
}

/* FORCE IMAGE TO ALIGN PROPERLY */
.full-width-lr .image-column img{
    width:100%;
    height:100%;

    object-fit:cover;
    display:block;

    position:relative; /* IMPORTANT */
}

/* TEXT COLUMN */
.full-width-lr .text-column{
    display:flex;
    align-items:center;
    justify-content:center;

    padding:100px 80px;
    box-sizing:border-box;

    background:#fff;
}

/* OPTIONAL CONTENT WRAP */
.full-width-lr .text-column .content-wrap{
    width:min(100%, 620px);
}


.full-width-lr .avia-image-container.avia-align-left {margin-right:0px;}



/* MOBILE */
@media only screen and (max-width:768px){

    .full-width-lr .container{
        flex-direction:column;
    }

    .full-width-lr .flex_column{
        width:100% !important;
        flex:0 0 100%;
    }

    .full-width-lr .image-column{
        min-height:400px;
    }

    .full-width-lr .text-column{
        padding:50px 25px;
    }
}










.big-copy {font-size:16px; line-height:1.5;}



/* ================================================================================== */
/* SERVICE BLOCK */


.marine-services-grid{
    display:grid;
    grid-template-columns:repeat(2, 1fr);
    gap:5px;
	
}

.marine-service-card{
    display:flex;
    align-items:center;
    gap:15px;
    background:#F6F5F2;
    padding:10px 10px;
    text-decoration:none;
    transition:all 0.3s ease;
}

.service-icon{
    width:42px !important;
    height:42px !important;
    min-width:42px;
    object-fit:contain;
    display:block;
}

.service-title{
    font-size:16px;
    font-weight:500;
    line-height:1.4;
    color:#162554;
}

.marine-service-card:hover{
    background:#ecebe7;
    transform:translateY(-3px);
}

/* MOBILE */
@media only screen and (max-width:768px){

    .marine-services-grid{
        grid-template-columns:1fr;
    }

    .marine-service-card{
        padding:22px;
        gap:20px;
    }

    .service-title{
        font-size:17px;
    }

    .service-icon{
        width:34px !important;
        height:34px !important;
        min-width:34px;
    }
}










/* BOTTOM INFO BAR */



.marine-stats{
    display:flex;
    justify-content:space-between;
    align-items:center;
    border-top:1px solid #e7e4dd;
    border-bottom:1px solid #e7e4dd;
    background:#fff;
}

.marine-stat{
    flex:1;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:22px;
    padding:38px 30px;
    position:relative;
}

.marine-stat:not(:last-child)::after{
    content:"";
    position:absolute;
    right:0;
    top:50%;
    transform:translateY(-50%);
    width:1px;
    height:70px;
    background:#e7e4dd;
}

.marine-stat img{
    width:42px;
    height:42px;
    object-fit:contain;
    display:block;
}

.stat-content{
    display:flex;
    flex-direction:column;
    gap:6px;
}

.stat-number{
    font-size:42px;
    line-height:1;
    font-weight:600;
    color:#162554;
    letter-spacing:-0.03em;
}

.stat-label{
    font-size:14px;
    text-transform:uppercase;
    letter-spacing:0.12em;
    color:#162554;
    opacity:0.75;
    font-weight:600;
}

/* TABLET */
@media only screen and (max-width:989px){

    .marine-stats{
        flex-wrap:wrap;
    }

    .marine-stat{
        width:50%;
        flex:none;
    }

    .marine-stat:nth-child(2)::after{
        display:none;
    }
}

/* MOBILE */
@media only screen and (max-width:768px){

    .marine-stats{
        flex-direction:column;
    }

    .marine-stat{
        width:100%;
        justify-content:flex-start;
        padding:28px 24px;
    }

    .marine-stat::after{
        display:none;
    }

    .marine-stat:not(:last-child){
        border-bottom:1px solid #e7e4dd;
    }

    .stat-number{
        font-size:34px;
    }

    .stat-label{
        font-size:12px;
    }

    .marine-stat img{
        width:34px;
        height:34px;
    }
}






/* ================================================================================== */
/* SINGLE VESSEL */
/* ================================================================================== */

.vessel-page{
    font-family:inherit;
    color:#07182f;
}

.vessel-page .vessel-wrap{
    max-width:1320px;
    margin:auto;
    padding:40px 20px 100px;
}

/* ========================================
   HERO
======================================== */

.vessel-page .vessel-hero{
    position:relative;
    height:min(800px);
    overflow:hidden;
    border-radius:4px;
    background:#e5e5e5;
}

.vessel-page .vessel-hero img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}

/* ========================================
   BADGES
======================================== */

.vessel-page .vessel-status,
.vessel-page .vessel-price-comment{
    position:absolute;
    left:18px;
    color:#fff;
    padding:10px 18px;
    font-size:12px;
    font-weight:700;
    letter-spacing:.05em;
    text-transform:uppercase;
    border-radius:100px;
    line-height:1;
}

.vessel-page .vessel-status{
    top:18px;
}

.vessel-page .vessel-price-comment{
    top:68px;
    background:#1d2959;
}

/* ========================================
   STATUS COLOURS
======================================== */

.vessel-status.for-sale{
    background:#c7a15b;
}

.vessel-status.sold{
    background:red;
}

.vessel-status.under-offer{
    background:#0284c7;
}

.vessel-status.under-contract{
    background:#0284c7;
}

.vessel-status.coming-soon{
    background:#0284c7;
}

/* ========================================
   PRICE CARD
======================================== */

.vessel-page .vessel-price-card{
    position:absolute;
    right:32px;
    bottom:32px;
    background:#fff;
    padding:26px 30px;
    min-width:290px;
    border-radius:18px;

    box-shadow:
        0 12px 30px rgba(0,0,0,.12),
        0 2px 10px rgba(0,0,0,.06);

    border:1px solid #eef2f6;
}

.vessel-page .vessel-price-card span{
    display:block;
    font-size:11px;
    text-transform:uppercase;
    letter-spacing:.08em;
    color:#7b8794;
    margin-bottom:6px;
}

.vessel-page .vessel-price-card strong{
    display:block;
    font-size:34px;
    line-height:1;
    color:#07182f;
    letter-spacing:-1px;
}

.vessel-page .vessel-price-card small{
    display:block;
    margin-top:8px;
    color:#7b8794;
    font-size:12px;
}

/* ========================================
   TITLE ROW
======================================== */

.vessel-page .vessel-title-row{
    display:grid;
    grid-template-columns:1fr auto;
    gap:40px;
    align-items:start;

    padding:20px 40px 20px;

    background:#f7f6f2;

    margin:0 0 20px;

    border-radius:0 0 18px 18px;
}

.vessel-page .vessel-title h1{
    margin:0;
    font-size:32px;
    line-height:1;
    color:#07182f;
    text-align:left;
}

.vessel-page .vessel-title p{
    margin:5px 0 0;
    color:#5f6f82;
    font-size:18px;
    text-align:left;
}

.vessel-page .vessel-listing-meta{
    text-align:right;
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    align-self:start;
    padding-top:4px;
}

.vessel-page .meta-item span{
    display:block;
    font-size:11px;
    text-transform:uppercase;
    letter-spacing:.08em;
    color:#7b8794;
    margin-bottom:5px;
}

.vessel-page .meta-item strong{
    display:block;
    font-size:15px;
    color:#07182f;
    font-weight:700;
}

/* ========================================
   OVERVIEW
======================================== */

.vessel-page .vessel-overview-grid{
    display:grid;
    grid-template-columns:1.3fr .7fr;
    gap:54px;
    padding:50px 0;
}

.vessel-page .vessel-copy{
    font-size:14px;
    line-height:1.8;
    color:#2f3d4d;
}

.vessel-page .vessel-copy h2,
.vessel-page .vessel-section-title{
    margin:0 0 20px;
    font-size:28px;
    color:#07182f;
}

.vessel-page .vessel-copy p{
    margin-bottom:14px;
}

/* ========================================
   BUTTON
======================================== */

.vessel-page .vessel-button{
    display:inline-block;
    margin-top:18px;
    padding:16px 30px;
    background:#07182f;
    color:#fff!important;
    text-decoration:none;
    text-transform:uppercase;
    font-size:12px;
    font-weight:700;
    letter-spacing:.08em;
    border-radius:3px;
}

/* ========================================
   QUICK SPECS
======================================== */

.vessel-page .vessel-spec-card{
    background:#fff;
    border:1px solid #e5e7eb;
    padding:28px;
    box-shadow:0 8px 30px rgba(0,0,0,.04);
}

.vessel-page .vessel-spec-list{
    list-style:none;
    margin:0;
    padding:0;
}

.vessel-page .vessel-spec-list li{
    display:grid;
    grid-template-columns:140px 1fr;
    gap:20px;
    padding:14px 0;
    border-bottom:1px solid #edf0f3;
}

.vessel-page .vessel-spec-list li:last-child{
    border-bottom:none;
}

.vessel-page .vessel-spec-list span{
    color:#5f6f82;
}

.vessel-page .vessel-spec-list strong{
    color:#07182f;
    font-weight:600;
}

/* ========================================
   SPECIFICATIONS
======================================== */

.vessel-page .vessel-specifications{
    margin-top:20px;
}

.vessel-page .vessel-accordions{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:15px;
    align-items:start;
}

.vessel-page .vessel-accordion{
    border:1px solid #e5e7eb;
    background:#fff;
    height:fit-content;
}

.vessel-page .vessel-accordion summary{
    position:relative;
    padding:24px 26px;
    min-height:74px;
    display:flex;
    align-items:center;
    cursor:pointer;
    list-style:none;

    font-size:14px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.08em;

    color:#07182f;
    background:#f7f6f2;
}

.vessel-page .vessel-accordion summary::-webkit-details-marker{
    display:none;
}

.vessel-page .vessel-accordion summary:after{
    content:"+";
    position:absolute;
    right:24px;
    top:50%;
    transform:translateY(-50%);
    font-size:26px;
    font-weight:300;
}

.vessel-page .vessel-accordion[open] summary:after{
    content:"−";
}

/* ========================================
   TABLE
======================================== */

.vessel-page .vessel-table{
    width:100%;
    border-collapse:collapse;
	margin:0;
}

.vessel-page .vessel-table tr{
    border-top:1px solid #edf0f3;
}

.vessel-page .vessel-table td{
    padding:14px 22px;
    font-size:14px;
}

.vessel-page .vessel-table td:first-child{
    color:#5f6f82;
    width:55%;
}

.vessel-page .vessel-table td:last-child{
    text-align:right;
    font-weight:600;
    color:#07182f;
}




/* ========================================
   ENQUIRY
======================================== */

.vessel-page .vessel-enquiry{
    margin-top:70px;
}

/* ================================================================================== */
/* VESSEL ARCHIVE */
/* ================================================================================== */

.vessel-archive-wrap{
    background:#f5f5f5;
    padding-bottom:100px;
}

/* ========================================
   ARCHIVE HERO
======================================== */

.vessel-archive-hero{
	position:relative;

	height:300px;

	display:flex;
	align-items:center;
	justify-content:center;

	text-align:center;

	background-image:url(https://www.oceaniamarine.au/wp-content/uploads/2026/05/About-us-bg.jpg);

	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
	background-attachment:fixed;

	overflow:hidden;
}

/* OVERLAY */

.vessel-archive-overlay{
	position:absolute;
	inset:0;

	background:
		linear-gradient(
			to bottom,
			rgba(7,24,47,.28),
			rgba(7,24,47,.45)
		);

	z-index:0;
}

/* CONTENT */

.vessel-archive-hero-inner{
	position:relative;
	z-index:2;

	max-width:900px;
	padding:40px 20px;
}

/* TITLE */

.page-heading{
	margin:0;

	font-size:68px;
	line-height:1;

	font-weight:700;

	letter-spacing:.02em;

	color:#fff;
}

/* SUBHEADING */

.heading2{
	margin:22px 0 0;

	font-size:20px;
	line-height:1.8;

	color:rgba(255,255,255,.82);
}

/* GOLD BAR */

.gold-bar{
	width:140px;
	height:3px;

	margin:26px auto 0;

	background:#c7a15b;
}

/* ========================================
   MOBILE
======================================== */


@media(max-width:767px){

	.vessel-archive-hero{
		height:300px;
		padding:0 20px;
	}

	.page-heading{
		font-size:38px;
	}

	.heading2{
		font-size:16px;
		line-height:1.7;
	}

	.gold-bar{
		width:100px;
		margin-top:22px;
	}

}



/* ========================================
   GRID
======================================== */

.vessel-archive-container{
    padding-top:20px;
}

.vessel-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:28px;
    align-items:stretch;
}

/* ========================================
   CARD
======================================== */

.vessel-card{
    background:#fff;
    border-radius:18px;
    overflow:hidden;
    text-decoration:none!important;

    box-shadow:0 10px 30px rgba(0,0,0,.08);

    transition:all .3s ease;

    display:flex;
    flex-direction:column;

    height:100%;
    position:relative;
	border: solid 5px #fff !important;
}

.vessel-card:hover{
    transform:translateY(-6px);
    box-shadow:0 18px 40px rgba(0,0,0,.14);
}

/* ========================================
   IMAGE
======================================== */

.vessel-image-wrap{
    position:relative;
    aspect-ratio:4/3;
    overflow:hidden;
}

.vessel-image-wrap img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    transition:transform .5s ease;
}

.vessel-card:hover img{
    transform:scale(1.05);
}

/* ========================================
   BADGES
======================================== */

.vessel-badge-wrap{
    position:absolute;
    top:18px;
    left:18px;

    display:flex;
    flex-direction:column;
    gap:10px;

    z-index:2;
    align-items:flex-start;
}

.vessel-badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    padding:10px 18px;

    border-radius:100px;

    font-size:12px;
    font-weight:700;
    line-height:1;

    color:#fff;

    box-sizing:border-box;

    text-transform:uppercase;
    letter-spacing:.5px;

    min-height:40px;

    white-space:nowrap;
    flex-shrink:0;

    box-shadow:0 4px 12px rgba(0,0,0,.12);

    backdrop-filter:blur(4px);
    -webkit-backdrop-filter:blur(4px);
}

.vessel-badge.vessel-price-comment{
    background:#1d2959;
}

/* ========================================
   CONTENT
======================================== */

.vessel-card .vessel-content{
    padding:15px 24px 22px;

    flex:1;

    display:flex;
    flex-direction:column;
}

.vessel-card .vessel-title{
    font-size:20px;
    line-height:1.5;
    color:#1d2959;

    margin:0 0 15px;

    font-weight:700;

    display:flex;
    align-items:center;
    justify-content:center;

    text-align:center;

    min-height:60px;

    overflow:hidden;
}

.vessel-card .vessel-title span{
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
}

/* ========================================
   SPECS
======================================== */

.vessel-specs{
    display:flex;
    flex-wrap:wrap;
    gap:10px;

    justify-content:center;

    padding:18px 0;

    border-top:1px solid #c7a15b;
    border-bottom:1px solid #c7a15b;

    font-size:17px;
    color:#444;

    margin-bottom:18px;
}

.vessel-specs span:not(:last-child)::after{
    content:"|";
    margin-left:10px;
    color:#c7a15b;
}

/* ========================================
   LOCATION
======================================== */

.vessel-location{
    text-align:center;
    font-size:18px;
    color:#444;
    margin-top:auto;
}

/* ========================================
   PRICE BAR
======================================== */

.vessel-price-bar{
    background:#1d2959;
    color:#fff;

    text-align:center;

    padding:18px 15px;

    font-size:20px;
    font-weight:700;
}

/* ========================================
   PAGINATION
======================================== */

.vessel-pagination{
    margin-top:70px;
    text-align:center;
}

.vessel-pagination .page-numbers{
    width:48px;
    height:48px;

    display:inline-flex;
    align-items:center;
    justify-content:center;

    border-radius:100px;

    background:#fff;
    color:#1d2959;

    margin:0 5px;

    text-decoration:none;
    font-weight:700;

    box-shadow:0 5px 15px rgba(0,0,0,.08);
}

.vessel-pagination .current{
    background:#1d2959;
    color:#fff;
}

/* ========================================
   FEATURED GRID
======================================== */

.featured-vessel-grid{
    grid-template-columns:repeat(4,1fr);
    gap:28px;
}

/* ================================================================================== */
/* RESPONSIVE */
/* ================================================================================== */

@media(max-width:1400px){

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

}

@media(max-width:1024px){

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

    .vessel-card .vessel-title{
        font-size:28px;
    }

}

@media(max-width:980px){

    .vessel-page .vessel-hero{
        height:auto;
        overflow:visible;
    }

    .vessel-page .vessel-hero img{
        width:100%;
        height:auto;
        display:block;
        object-fit:unset;
    }

    .vessel-page .vessel-price-card{
        position:static;
        width:100%;
        min-width:100%;

        margin-top:20px;

        box-shadow:none;

        border:1px solid #e5e7eb;
    }

    .vessel-page .vessel-title-row,
    .vessel-page .vessel-overview-grid{
        grid-template-columns:1fr;
		gap: 10px;
		padding: 20px 20px 20px;
    }

    .vessel-page .vessel-listing-meta{
        text-align:left;
    }

    .vessel-page .vessel-accordions{
        grid-template-columns:1fr;
    }

}

@media(max-width:767px){

    .vessel-grid,
    .featured-vessel-grid{
        grid-template-columns:1fr;
    }

    .vessel-archive-hero{
        padding:80px 20px;
    }

    .vessel-archive-hero h1{
        font-size:42px;
    }

    .vessel-card .vessel-title{
        font-size:20px;
        min-height:auto;
    }

    .vessel-page .vessel-title h1{
        font-size:20px;
    }

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

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

    .vessel-page .vessel-spec-list li{
        grid-template-columns:1fr;
        gap:4px;
    }

/* ========================================
   MOBILE TABLE FIX
======================================== */

@media(max-width:767px){

    .vessel-page .vessel-table,
    .vessel-page .vessel-table tbody,
    .vessel-page .vessel-table tr{
        display:block;
        width:100%;
    }

    .vessel-page .vessel-table tr{
        padding:18px 22px;
        border-top:1px solid #edf0f3;
    }

    .vessel-page .vessel-table td{
        display:block;
        width:100% !important;

        padding:0 !important;

        border:none !important;

        text-align:left !important;
    }

    /* LABEL */

    .vessel-page .vessel-table td:first-child{
        font-size:11px;

        font-weight:700;

        letter-spacing:.08em;

        text-transform:uppercase;

        color:#7b8794;

        margin-bottom:10px;
    }

    /* VALUE */

    .vessel-page .vessel-table td:last-child{
        font-size:18px;

        font-weight:600;

        color:#07182f;
    }

}



@media only screen and (max-width: 767px){

    .featured-vessel-grid .vessel-specs,
    .featured-vessel-grid .vessel-location{
        display:none !important;
    }
	
	 .featured-vessel-grid .vessel-badge-wrap{
        display:inherit !important;
    }

    .featured-vessel-grid .vessel-title{
        margin-bottom:0;
    }

    .featured-vessel-grid .vessel-price-bar{
        display:block !important;
    }

	.vessel-card .vessel-title {margin-bottom: 10px !important}
	
	#header_main {padding-bottom: 10px;}
	
	
}





.om-header-section {
border-bottom:3px solid #c7a15b;
}

	
	
	
	
	
	
	
	
	
	
	
	
	


	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	/* TESTIMONIAL BOX */
.testimonials-box{
	background-color:#fff;
    min-height:520px;
border-radius:28px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.8),
    display:flex;
    flex-direction:column;
    justify-content:center;
    height:100%;
	width:50%;
	max-width:500px;
}

/* SLIDER ITEM */
.avia-slideshow li,
.avia-content-slider-inner{
    height:100%;
}
	
	
/* FIX ENFOLD AUTO HEIGHT */
.avia-slideshow-inner{
    min-height:620px;
}

	}
	
	
	
	
	
	
		@media(max-width:767px){
	
		.testimonials-box{width:100%}
		.testimonials-section {padding-left:10px; padding-right:10px;}
	}
	
	
	
	.testimonials-section {padding-left:25%; padding-right:25%;}





/* =========================================
   PRICE CARD BUTTON
========================================= */

.price-card-enquire{

    display:block;
    width:100%;
    margin-top:22px;
    padding:16px 24px;
    background:#c7a15b;
    color:#fff !important;
    text-align:center;
    border-radius:5px;
    font-size:15px;
    font-weight:600;
    text-decoration:none !important;
    transition:all .3s ease;
}

.price-card-enquire:hover{

    background:#b38d49;
    transform:translateY(-2px);
}


	/* =========================================
   VESSEL ACTIONS
========================================= */

.vessel-actions{
    display:flex;
    gap:16px;
    flex-wrap:wrap;

    margin-top:30px;
}

/* BASE BUTTON */

.vessel-button{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:16px 30px;
    border-radius:5px;
    font-size:15px;
    font-weight:600;
    text-decoration:none !important;
    transition:all .3s ease;
}

/* GALLERY BUTTON */

.vessel-button-gallery{
    background-color:#1d2959 !important;
    color:#fff !important;
}

.vessel-button-gallery:hover{
    background-color:#1d2959 !important;
    transform:translateY(-2px);
}

/* ENQUIRE BUTTON */

.vessel-button-enquire{
    background-color:#b38d49 !important;
    color:#fff !important;
}

.vessel-button-enquire:hover{
    background-color:#b38d49 !important;
    transform:translateY(-2px);
}

/* MOBILE */

@media only screen and (max-width:767px){

    .vessel-actions{
        flex-direction:column;
    }

    .vessel-button{
        width:100%;
    }

}


	


























/* =========================================
   NEWS HERO
========================================= */

.om-news-hero{

    padding:120px 0;

    background:#1d2959;

    text-align:center;

    color:#fff;
}

.om-news-hero h1{

    color:#fff;

    font-size:62px;

    line-height:1.1;

    margin-bottom:20px;
}

.om-news-hero p{

    max-width:760px;

    margin:auto;

    font-size:18px;

    line-height:1.9;

    opacity:.82;
}

/* =========================================
   NEWS ARCHIVE
========================================= */

.om-news-archive{
    padding:90px 0;
}

/* GRID */

.om-news-grid{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:34px;
}

/* CARD */

.om-news-card{

    background:#fff;

    border-radius:24px;

    overflow:hidden;

    box-shadow:
        0 12px 34px rgba(0,0,0,0.08);

    transition:all .35s ease;
}

.om-news-card:hover{

    transform:translateY(-5px);

    box-shadow:
        0 18px 44px rgba(0,0,0,0.12);
}

/* IMAGE */

.om-news-image{
    display:block;
}

.om-news-image img{

    width:100%;

    height:280px;

    object-fit:cover;

    display:block;
}

/* CONTENT */

.om-news-content{
    padding:30px;
}

.om-news-meta{

    font-size:12px;

    text-transform:uppercase;

    letter-spacing:.08em;

    color:#7b8794;

    margin-bottom:14px;
}

.om-news-content h2{

    font-size:28px;

    line-height:1.3;

    margin-bottom:16px;
}

.om-news-content h2 a{
    color:#1d2959;
}

.om-news-content p{

    color:#5f6b7a;

    line-height:1.8;

    margin-bottom:24px;
}

/* BUTTON */

.om-news-button{

    display:inline-block;

    padding:14px 26px;

    background:#c7a15b;

    color:#fff !important;

    border-radius:100px;

    font-weight:600;

    text-decoration:none !important;

    transition:all .3s ease;
}

.om-news-button:hover{

    background:#1d2959;
}

/* MOBILE */

@media only screen and (max-width:990px){

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

}

@media only screen and (max-width:767px){

    .om-news-grid{
        grid-template-columns:1fr;
    }

    .om-news-hero{
        padding:90px 0;
    }

    .om-news-hero h1{
        font-size:42px;
    }

}
	



/* =========================================
   SINGLE POST
========================================= */

.om-single-hero{
    max-width:960px;
    margin:60px auto 0;
    padding:0 20px;
}

.om-single-hero img{
    width:100%;
    max-height:450px;
    object-fit:cover;
    border-radius:28px;
    display:block;
    margin:auto;
    box-shadow:
        0 14px 40px rgba(0,0,0,0.12);
}

.om-single-post{
    padding:30px 0;
}

.om-single-inner{
    max-width:960px;
    margin:auto;
}

.om-single-meta{
    font-size:12px;
    text-transform:uppercase;
    letter-spacing:.08em;
    color:#7b8794;
    margin-bottom:18px;
}

.om-single-inner h1{

    font-size:40px;
    line-height:1.4;
    margin-bottom:34px;
    color:#1d2959;
}

.om-single-content{
    font-size:18px;
    line-height:1.95;
    color:#3d4a59;
}

.om-single-content p{
    margin-bottom:28px;
}

.om-single-content img{
    border-radius:24px;
    margin:40px 0;
}

/* MOBILE */

@media only screen and (max-width:767px){

    .om-single-hero img{
        height:360px;
    }

    .om-single-inner h1{
        font-size:30px;
    }

}


.gold-bottom-box {border-bottom: solid 5px #c7a15b}
.gold-bottom-box-s {border-bottom: solid 3px #c7a15b}







/* Equal height service descriptions */
.service-intro{
    min-height:115px;
}

/* Editorial service list */
.service-list{
    min-height:255px;
}

.service-list div{
    display:flex;
    align-items:center;
    width:100%;
    padding:14px 0;
    border-bottom:1px solid #e5e5e5;
    color:#1d2959;
    font-size:15px;
    font-weight:500;
    letter-spacing:0.3px;
}

.service-list div:before{
    content:"";
    width:8px;
    height:8px;
    background:#c7a15b;
    margin-right:15px;
    flex-shrink:0;
}

/* Tablet */
@media (max-width: 989px){
    .service-intro{
        min-height:auto;
    }

    .service-list{
        min-height:auto;
    }
}











.credentials-grid{
    display:flex;
    gap:20px;
    margin-top:40px;
    flex-wrap:wrap;
}

.credential-card{
    flex:1;
    min-width:220px;
    display:flex;
    align-items:center;
    gap:18px;
    padding:18px 22px;
    border:1px solid rgba(199,161,91,.6);
    background:#fff;
    transition:all .3s ease;
}

.credential-card:hover{
    border-color:#c7a15b;
    box-shadow:0 5px 20px rgba(0,0,0,.08);
}

.credential-icon{
    font-size:34px;
    color:#c7a15b;
    line-height:1;
}

.credential-content{
    display:flex;
    flex-direction:column;
}

.credential-title{
    color:#1d2959;
    font-size:20px;
    font-weight:700;
    line-height:1.1;
    letter-spacing:1px;
}

.credential-subtitle{
    color:#1d2959;
    font-size:13px;
    font-weight:600;
    letter-spacing:1.5px;
    margin-top:3px;
}












.expertise-section {
    padding: 20px 0;
}

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

.expertise-item {
    display: flex;
    align-items: center;
    gap: 25px;
    padding: 35px 40px;
    min-height: 120px;
    border-bottom: 1px solid #c7a15b;
}

.expertise-item:not(:nth-child(3n)) {
    border-right: 1px solid #c7a15b;
}

.expertise-item:nth-last-child(-n+3) {
    border-bottom: none;
}

.expertise-item img {
    width: 48px;
    height: 48px;
    object-fit: contain;
    flex-shrink: 0;
}

.expertise-item h3 {
    position: relative;
    margin: 0;
    padding-bottom: 10px;
    color: #1d2959;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.35;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.expertise-item h3:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 18px;
    height: 2px;
    background: #c7a15b;
}

@media (max-width: 989px) {

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

    .expertise-item {
        padding: 30px;
    }

    .expertise-item:not(:nth-child(3n)) {
        border-right: none;
    }

    .expertise-item:not(:nth-child(2n)) {
        border-right: 1px solid #c7a15b;
    }
}

@media (max-width: 767px) {

    .expertise-grid {
        grid-template-columns: 1fr;
    }

    .expertise-item {
        border-right: none !important;
        padding: 25px 15px;
        min-height: auto;
    }

    .expertise-item img {
        width: 40px;
        height: 40px;
    }

    .expertise-item h3 {
        font-size: 13px;
    }
}

.qualifications-section {
    padding: 20px 0;
}

.qualifications-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.qualifications-column {
    padding: 0 50px;
}

.qualifications-column:first-child {
    border-right: 1px solid #c7a15b;
}

.qualifications-column h3 {
    position: relative;
    margin: 0 0 35px;
    padding-bottom: 12px;
    color: #1d2959;
    font-family: 'Montserrat', sans-serif;
    font-size: 24px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.qualifications-column h3:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 40px;
    height: 2px;
    background: #c7a15b;
}

.qualifications-column ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.qualifications-column li {
    position: relative;
    padding-left: 35px;
    margin-bottom: 16px;
    color: #444;
    font-size: 18px;
    line-height: 1.5;
}

.qualifications-column li:before {
    content: "✓";
    position: absolute;
    left: 0;
    top: 0;
    color: #c7a15b;
    font-size: 20px;
    font-weight: 700;
}

@media (max-width: 767px) {

    .qualifications-grid {
        grid-template-columns: 1fr;
    }

    .qualifications-column {
        padding: 0;
    }

    .qualifications-column:first-child {
        border-right: none;
        border-bottom: 1px solid #c7a15b;
        padding-bottom: 40px;
        margin-bottom: 40px;
    }

    .qualifications-column h3 {
        font-size: 20px;
    }

    .qualifications-column li {
        font-size: 16px;
    }
}



/* ==========================================
   NEWS ARCHIVE HEADER
========================================== */



.om-news-hero {
    position: relative;
    height: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;

    background-image: url('https://www.oceaniamarine.au/wp-content/uploads/2026/06/news-header-1.jpg');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

.om-news-hero:before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0.35);
}

.om-news-hero .container {
    position: relative;
    z-index: 2;
}

.om-news-hero .page-heading {
    margin: 0;
    color: #fff;
    font-size: 48px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.om-news-hero .heading2 {
    margin: 15px auto 0;
    max-width: 700px;
    color: rgba(255,255,255,0.9);
    font-size: 18px;
    line-height: 1.6;
}

.om-news-hero .gold-bar {
    clear: both;
    margin: 25px auto 0;
    width: 120px;
    height: 3px;
    background: #c7a15b;
}

@media only screen and (max-width: 767px) {

  .om-news-hero {
        height: 220px;
        background-attachment: scroll;
    }

    .om-news-hero .page-heading {
        font-size: 34px;
    }

    .om-news-hero .heading2 {
        font-size: 16px;
    }

}


/* HOW WE CAN HELP */

.om-help-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    column-gap:60px;
    row-gap:0;
    margin-top:30px;
}

.om-help-item{
    position:relative;
    padding:18px 0 18px 22px;
    border-bottom:1px solid #d9d9d9;
    color:#1d2959;
    font-size:15px;
    font-weight:500;
    line-height:1.5;
}

.om-help-item:before{
    content:"";
    position:absolute;
    left:0;
    top:28px;
    width:7px;
    height:7px;
    background:#c7a15b;
}

@media (max-width:767px){

    .om-help-grid{
        grid-template-columns:1fr;
        column-gap:0;
    }

}

#show-mobile {display:none}

@media (max-width:767px){
	#show-mobile {display:inherit}


}












@media only screen and (max-width: 1180px){

    #wrap_all{
        overflow-x:hidden;
    }

    .container{
        max-width:92% !important;
        width:92% !important;
    }

    .avia-section,
    .template-page,
    .content{
        overflow:hidden;
    }

    .full-width-lr{
        width:100% !important;
        margin-left:0 !important;
        margin-right:0 !important;
    }

    .full-width-lr .container{
        width:100% !important;
        max-width:100% !important;
        flex-direction:column !important;
    }

    .full-width-lr .flex_column{
        width:100% !important;
        max-width:100% !important;
        flex:0 0 100% !important;
    }

    .vessel-grid,
    .featured-vessel-grid{
        grid-template-columns:repeat(2, 1fr) !important;
    }
	
	
	

	
	
	
}

@media only screen and (max-width:1180px) and (min-width:768px){

    .hero-content{
        background:rgba(255,255,255,0.8);
        backdrop-filter:blur(8px);
        -webkit-backdrop-filter:blur(8px);
        padding:25px;
        border-radius:8px;
        width:min(460px, 90%);
        max-width:460px;
        margin-left:30px;
    }

    .hero-content h1{
        font-size:42px !important;
        line-height:1.1 !important;
    }

    .hero-content p{
        font-size:15px !important;
        line-height:1.5 !important;
		
    }

    .hero-buttons .avia-button{
        width:auto !important;
        min-width:210px;
        padding:13px 20px !important;
        font-size:14px !important;
    }

}





@media only screen and (max-width: 1024px){

    .vessel-grid,
    .featured-vessel-grid{
        grid-template-columns: repeat(2, 1fr) !important;
    }

}

@media only screen and (max-width: 767px){

    .vessel-grid,
    .featured-vessel-grid{
        grid-template-columns: 1fr !important;
    }

}




@media only screen and (max-width: 1100px){

    #top .featured-vessel-grid.vessel-grid{
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

}

@media only screen and (max-width: 767px){

    #top .featured-vessel-grid.vessel-grid{
        grid-template-columns: 1fr !important;
    }

}
#footer .widget {text-align: left;}

@media only screen and (max-width: 767px) {
    #footer .widget {
    padding: 0;
    margin: 10px 0 10px 0;
    overflow: hidden;
    text-align: center;

    }
}