/*
Theme Name: Highfield Boats
Theme URI: https://highfieldboats.com
Template: generatepress
Author: Luca Ottolini
Author URI: https://lucaottolini.com
Description: Highfield Boats Global Website
Tags: Highfield, GeneratePress, GenerateBlocks, ACF 
Version: 3.4.0.1712307343
Updated: 2024-04-05 08:55:43

*/

@font-face {
font-family:"futura-pt-bold";
src:url("https://use.typekit.net/af/309dfe/000000000000000000010091/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"),url("https://use.typekit.net/af/309dfe/000000000000000000010091/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"),url("https://use.typekit.net/af/309dfe/000000000000000000010091/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:700;font-stretch:normal;
}

@font-face {
font-family:"futura-pt";
src:url("https://use.typekit.net/af/9b05f3/000000000000000000013365/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/9b05f3/000000000000000000013365/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/9b05f3/000000000000000000013365/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:400;font-stretch:normal;
}

@import url("https://p.typekit.net/p.css?s=1&k=vom3tre&ht=tk&f=253.32874&a=15647409&app=typekit&e=css");

@font-face {
font-family:"relaxia";
src:url("https://use.typekit.net/af/f68b10/00000000000000007735961b/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/f68b10/00000000000000007735961b/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/f68b10/00000000000000007735961b/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:400;font-stretch:normal;
}

@font-face {
font-family:"futura-pt-bold";
src:url("https://use.typekit.net/af/b344de/000000000000000077586b5f/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"),url("https://use.typekit.net/af/b344de/000000000000000077586b5f/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"),url("https://use.typekit.net/af/b344de/000000000000000077586b5f/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:700;font-stretch:normal;
}


@font-face {
font-family:"degular-mono";
src:url("https://use.typekit.net/af/162f65/0000000000000000775723a8/31/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff2"),url("https://use.typekit.net/af/162f65/0000000000000000775723a8/31/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff"),url("https://use.typekit.net/af/162f65/0000000000000000775723a8/31/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:300;font-stretch:normal;
}

.tk-relaxia, .video-trigger { font-family: "relaxia",sans-serif!important
	; }
.tk-futura-pt { font-family: "futura-pt",sans-serif; }
.tk-futura-pt-bold { font-family: "futura-pt-bold",sans-serif; }
.tk-degular-mono { font-family: "degular-mono",sans-serif; }

@font-face {
  font-display: swap; 
  font-family: 'Square Peg';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/square-peg-v5-latin-regular.woff2') format('woff2'); 
}

:root{
	--padding:20px;
	--v-padding:60px;
	--h-padding:120px;
	--header-padding:90px;
	--gp-slideout-width:400px!important;
}

strong, b, .gb-button{
	font-family:'futura-pt';
}

.gb-button{
	font-size:24px;
}


/* Navigation */

.header-wrap{
	padding:12px 0!important;
}


.header_cta a{
	background-color:var(--accent);
	color:white!important;
}

.register_product_cta a{
	background-color:var(--contrast);
	color:white!important;
}

.header_cta a:hover,
.register_product_cta a:hover{
		background-color:var(--contrast-3);
}


/* Hero Sections */

.admin-bar.home .hero,
.admin-bar.boat-range .hero{
	min-height:calc(100vh - 32px);
}


.home .hero,
.boat-range .hero{
	height:100vh;
	max-height:calc(100vh - 50px);
}

.hero{
	position:relative;
}

.single-story .hero,
.page-id-59120 .page_hero{
	min-height:50vh;
}

.stories_cat_hero h1{
	margin-bottom:0;
}

.scroll-down-arrow{
	position:absolute;
	bottom:0;
}

.video_overlay{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:black;
	opacity:.2
}

.background-video {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0.5;
	animation: fadeInAnimation ease 3s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
	opacity:0;
}

.background-video-content {
    position: relative;
    z-index: 1;
}

video[poster] {
    object-fit: cover;
    width: 100%;
    height: 100%;
	  opacity:1;
}



.page-id-55818 h1{
	font-family: "Square Peg";
	text-transform:lowercase;
	font-size:120px;
	line-height:80px;
}


.home_model{
	position:relative;
}

.home_model .view_models{
	transition:all .2s;
	max-width:180px!important;
	opacity:0;
}

.home_model:hover .view_models{
	transition:all .9s;
	opacity:1;
}


/* Hide product navigation for smaller screens */

@media only screen and (max-width: 1240px) {
	#product-navigation{
		display:none;
	}
}

/* Product Key Features Map*/

.map-point-popup {
    position: absolute;
    background-color: white;
    border: 1px solid #ddd;
    padding: 10px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
    z-index: 100; /* Ensure it's above other content */
}

.map-point-popup .close-popup {
    display: inline-block;
    padding: 5px 10px;
    margin-top: 10px;
    cursor: pointer;
}

/* Adjust .map-point styles as needed */

.map-point {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: var(--accent);
	padding:2px;
    cursor: pointer;
	transform-origin:center center;
}

.map-point:hover{
	animation: pulsedot 3s infinite;
	transition:all .3s;
	/*background-color:var(--contrast);*/
}

.generate-back-to-top{
	bottom:60px;
	right:10px;
}

.dealers-map-list{
	max-width:1024px;
	margin:auto;
}

.dealers-map-container {
    display: flex;
}

.dealers-map-container .countries-dropdown-container {
    width: 40%;
	max-width:600px;
    background-color:var(--hfb-blue);
    padding: 30px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: top;
}

.dealers-map-container .countries-dropdown-container h3 {
    color: #ffffff!important;
    text-transform: uppercase;
    margin-bottom: 10px;
	font-weight:700;
}

.dealers-map-container .countries-dropdown-container #dealers-countries-dropdown {
    background: transparent;
    border: 2px solid white;
    color: white;
    padding: 5px;
    border-radius: 3px;
}

.dealers-map-container .countries-dropdown-container #dealers-countries-dropdown option {
    color: black;
}

.dealers-map-container .countries-dropdown-container .dealers-map-button {
    text-align: center;
    background: var(--accent);
    color: white;
    width: 100%;
    padding: 12px 15px 12px;
    font-size: 1em;
    font-weight: 600;
    letter-spacing: 1px;
    box-sizing: border-box;
    border: 0;
    margin-top: 10px;
}

.dealers-map-container .countries-dropdown-container .dealers-map-button:hover {
    background: white;
    color: var(--contrast-2);
}

#dealers-map {
    height: calc(100vh - 80px);
	min-height:340px; 
}


#dealers-map .gm-style img, #dealers-map-popup .gm-style img {
    min-width: 15px;
}

.dealers-map-list{
	max-height:calc(100vh - 340px);
	overflow-y:auto;
}

.dealers-map-list, .dealers-map-list .hidden-column {
    display: none;
}

.dealers-map-list table {
    width: calc(100% - 2 * (var(--padding)));
    text-align: left;
    margin: 20px var(--padding);
}

.dealers-map-list table .header {
    color: #37ab9c;
    font-family: "futura-pt-bold", sans-serif;
    font-size: 19.85px;
    text-transform: uppercase;
    letter-spacing: -.1px;
}

.dealers-map-list table .header th {
    font-weight: 400;
    padding: .5em;
}

.dealers-map-list table tr {
    border-bottom: 1px solid #32434d;
}

.dealers-map-list table tr:not(.header):hover {
    cursor: pointer;
    background-color: #eaeaea;
}

.dealers-map-list tr:not(.header) {
    display: none;
}

.dealers-popup{
	min-height:450px;
}

.dealers-popup-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.48);
    z-index: 9999;
}

.dealers-popup-overlay .dealers-popup {
    background: white;
    display: flex;
    align-items: top;
    position: relative;
    width: 750px;
    max-width: calc(100% - 40px);
}

.dealers-popup-content{
	position:relative;
	min-width:341px;
}

.dealers-popup-content .content{
	width:calc(100% - 60px);
}

.dealers-popup-overlay .close {
    position: absolute;
    top: 0;
    right: 0;
    background: transparent;
    border: none;
    color: var(--accent);
    font-size: 1.25em;
	font-family:'futura-pt-bold';
}

.dealers-popup-overlay #dealers-map-popup {
    width: 400px;
    height: 450px;
}

.dealers-popup-overlay .dealers-popup-content {
    padding: 15px 20px 15px 20px;
}

.dealers-popup-overlay h2 {
    font-size: 2.5em;
    margin-bottom: 10px;
    line-height: 1.05;
}

.dealers-popup .dealer-info p {
    position: relative;
    padding: 7px 0 7px 0;
    margin: 0;
    border-top: 1px solid #e0e0e0;
}

.dealers-popup .dealer-info p:last-of-type {
    border-bottom: 1px solid #e0e0e0;
}

.dealers-popup .dealer-info .fa {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    font-size: 21px;
}

.dealers-popup .dealer-info .fa-map-marker {
    font-size: 24px;
}

.dealers-popup .dealer-info .fa-envelope {
    font-size: 18px;
}

.dealers-popup .dealer-popup-button {
    text-align: center;
    background: #32434d;
    color: white;
    width: 100%;
    padding: 12px 0;
    font-size: 1em;
    font-weight: 600;
    letter-spacing: 1px;
    box-sizing: border-box;
    border: 2px solid #32434d;
    margin-top: 15px;
    display: block;
	text-decoration:none;
	text-transform:uppercase;
}

.dealers-popup .dealer-popup-button:hover {
    background: white;
    color: #32434d;
}

.select-hidden {
  display: none;
  visibility: hidden;
  padding-right: 10px;
}

.select {
  cursor: pointer;
  display: inline-block;
  position: relative;
  font-size: 16px;
  color: #fff;
  width: 100%;
  /*max-width:400px;*/
  height: 40px;
}

.select-styled {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: var(--contrast-2);
  padding: 8px 15px;
  -moz-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
.select-styled:after {
  content: "";
  width: 0;
  height: 0;
  border: 7px solid transparent;
  border-color: #fff transparent transparent transparent;
  position: absolute;
  top: 16px;
  right: 10px;
}
.select-styled:hover {
  background-color: var(--contrast-3);
}
.select-styled:active, .select-styled.active {
  background-color: var(--contrast-2);
}
.select-styled:active:after, .select-styled.active:after {
  top: 9px;
  border-color: transparent transparent #fff transparent;
}

.select-options {
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  left: 0;
  z-index: 999;
  margin: 0;
  padding: 0;
  list-style: none;
  background-color: var(--contrast-2);
}
.select-options li {
  margin: 0;
  padding: 12px 0;
  text-indent: 15px;
  border-top: 1px solid var(--contrast-3);
  -moz-transition: all 0.15s ease-in;
  -o-transition: all 0.15s ease-in;
  -webkit-transition: all 0.15s ease-in;
  transition: all 0.15s ease-in;
}
.select-options li:hover, .select-options li.is-selected {
  color: #fff;
  background: var(--contrast);
}
.select-options li[rel="hide"] {
  display: none;
}

/* Dealers Locator */

.dealers-map-container{
	width:100%;
}

.address-autocomplete-container{
	padding:8px;
	background-color:rgba(255,255,255,.8); display:flex; justify-content:center;
	
	@media only screen and (min-width: 769px) {
		position:absolute;
		max-width:50%;
	}
	
	z-index:20;
	top:20px;
	left:0;
	right:0;
	margin:auto;
	width:100%;
}

.dealer-info *{
	font-size:14px;
}

.dealer-info a{
	text-decoration:none;
	font-weight:700;
	text-transform:uppercase;
	padding-left:25px;
	position:relative;
}

.dealer-info svg{
	width:18px;
	margin-top:3px;
	margin-right:3px;
	position:absolute;
	left:0;
}



/* Boats */


.tab_specs_item p{
	font-size:18px;
}
	
.tab_specs_item h6{
	font-size:25px!important;
}

.kpi_tabs p{
	font-size:18px!important;
}

.range_long_description .range_intro_columns,
.single-boat #content > div > div{
	column-count:2;
	column-gap:40px;
}

.boat_carousel_kpi{
	max-width:120px;
	min-width:120px;
}

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

.color-variations img{
	max-width:300px;
}

.long_intro p{
	margin:0;
}

.more_content ul, .more_content li{
	margin:0;
	padding:0;
}

#sml_gallery .small_gallery > div:nth-child(1) { grid-area: 1 / 1 / 4 / 3; }
#sml_gallery .small_gallery> div:nth-child(2)  { grid-area: 1 / 3 / 2 / 5; }
#sml_gallery .small_gallery> div:nth-child(5)  { grid-area: 2 / 3 / 3 / 4; }
#sml_gallery .small_gallery > div:nth-child(4) { grid-area: 2 / 4 / 3 / 5; }
#sml_gallery .small_gallery > div:nth-child(5)  { grid-area: 3 / 3 / 4 / 4; }
#sml_gallery .small_gallery> div:nth-child(6)  { grid-area: 3 / 4 / 4 / 5; }

.small_gallery a,
.variations_carousel a,
.layouts-container a{
	cursor: zoom-in;
}

.boat_features h6{
	font-size:32px;
	font-weight:400;
	margin-bottom:0;
	display:inline-block;
	margin-right:8px;
}

.layouts-container .flickity-slider{
	height:100%;
	display:flex;
}

.layouts-container{
	width:100%;
	height:100%;
	margin-bottom:var(--v-padding);
}

.layout-item {
	flex-direction:column;
	width:50%;
	justify-content:center;
	text-align:center;
	transition:all .4s;
	display:block;
}
/*
.layout-item img,
.product_slider .boat img{
	transform:scale(50%);
	opacity:.3;
}

.layout-item h3,
.product_slider .boat .boat_details{
	opacity:.3;
	font-weight:400;
	font-family:'futura-pt';
}*/

.features h3{
	text-transform:none;
	font-family:'futura-pt';
	font-weight:400;
}

.layout-item h3{
	margin:0;
	font-size:22px;
}

.layout-item.is-selected img,
.product_slider .boat.is-selected img{
	transform:scale(1);
	transition:all .4s;
	opacity:1;

}

.layout-item.is-selected h3,
.product_slider .boat.is-selected .boat_details{
	opacity:1;
}

.product_subtitles{
	text-align:center;
	font-weight:700;
	text-transform:uppercase; 
	margin-bottom:40px;
}

/*
.ranges_overview figure{
	transform:rotate(90deg);
	object-fit:cover;
	width:50%;
	margin-bottom:0;
}*/

.layouts{
	display:flex;
	flex-direction:column;
	
}

.layouts h2, .layouts h4{
	text-align:center;
}

.layouts h4{
	font-size:18px;
	position:relative;
	display:inline-block;
	margin:auto;
}

.layouts h4:before,
.layouts h4:after{
	width:50px;
	background-color:black;
	content:'';
	height:2px;
	display:inline-block;
	position:absolute;
	top:0;
	bottom:0;
	margin:auto;
}

.layouts h4:before{
	left:-60px;
}

.layouts h4:after{
	right:-60px;
}

.layouts p{
	max-width:1024px;
	margin:0 auto 80px auto;
	text-align:center;
}

.layouts .layout_item{
	padding:20px 0;
	display:flex;
	flex-direction:column-reverse;
	justify-content:center;
	align-content:center;
	align-items:center;
	font-weight:bold;
	gap:20px;
}

.variations_carousel{
	margin:40px 0 120px 0;
} 


.variations_carousel .color_scheme{
	display:flex;
	flex-direction:column-reverse;
	justify-content:center;
	align-content:center;
	text-align:center;
	font-family:'futura-pt-bold';
	padding:0 20px;
}


#sml_gallery .small_gallery {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-template-rows: repeat(2, 1fr);
	grid-column-gap: 2px;
	grid-row-gap: 2px;
}

#sml_gallery .small_gallery  img{
	height:100%;
	object-fit:cover;
}


#gallery .carousel-cell,
#gallery_2 .carousel-cell{
	padding:0 1px 0 0;
	display: flex;
  	align-items: center;
  	justify-content: center;
	max-width:1024px;
	position:relative;
}

.carousel-cell:not(.is-selected) .gallery_lightbox_trigger{
	display:none;
}

#gallery .gallery_lightbox_trigger,
#gallery_2 .gallery_lightbox_trigger{
	position:absolute;
	z-index:2;
	bottom:4px;
	right:8px;
	background-color:black;
	width:35px;
	height:35px;
	border-radius:100%;
	display:flex;
	align-content:center;
	align-items:center;
	justify-content:center;
}

#gallery .gallery_lightbox_trigger:hover,
#gallery_2 .gallery_lightbox_trigger:hover{
	background-color:var(--accent);
}

#gallery .gallery_lightbox_trigger svg,
#gallery_2 .gallery_lightbox_trigger svg{
	max-width:50%;
}

.product_slider{
	max-width:100%;
	margin:auto;
}

.product_slider .boat{
	width:50%;
}

.single-boat .carousel-main {
	margin:0 -20px;
}

.single-boat .carousel-main img{
	width:100vw;
	height:50vw;
	object-fit:cover;
}

.single-boat .features{
	max-width:1024px;
	margin:auto;
}

.single-boat .features h2{
	text-align:center;
	margin-bottom:40px;
}

.single-boat .features ul{
	padding:0;
	margin:20px 0;
	display:flex;
	flex-wrap:wrap;
	gap:18px;
	justify-content:center;
	list-style-position:inside;
}

.single-boat .features li{
	margin:0 22px 0 0;
	padding:0;
}

.kpi_grid	 > div > div{
		min-width:80px!important;
}

.map-point-popup{
		font-size:12px;
		background-color:rgba(51,67,77,0.908000700280112);
		color:white;
		border-radius:12px;
		border:none;
	max-width:340px;
}
.map-point-popup strong{
	font-size:15px;
	font-weight:bold;
	text-transform:uppercase;
	font-family:'futura-pt-bold'
}

.pulse svg path{
	animation: pulse 2s infinite;
	transform-origin:center
}

.boat_kpi{
	display:inline-flex;
	gap:40px;
	justify-content:center;
	align-items:top;
	align-content:top;
	margin:40px 0;
	padding:18px;
	flex-wrap:wrap;
	background-color:#eeeeee;
	border-radius:8px;
}

.boat_kpi > div{
	display:flex;
	flex-direction:column;
	align-content:center;
	justify-content:top;
	align-items:center;
	gap:0;
	text-transform:uppercase;
	font-size:13px;
	max-width:120px;
	text-align:center;
}

.boat_kpi img{
	margin-bottom:10px;
	width:40px;
	height:auto;
}

.boat_kpi{
	color:#666;
}

.boat_kpi span{
	text-transform:none;
}

.boat_kpi > div span{
	font-size:18px;
	color:var(--contrast);
	line-height:24px;
}

.toggle_arrow{
	max-width:20px;
	position:absolute;
	right:15px;
	top:0;
	bottom:0;
	margin:auto;
}

.toggle_arrow svg{
	transform:rotate(0);
	transition: transform 0.3s ease-in-out;
	width:100%;
	transform:rotate(-180deg);
}

.toggle_arrow.rotate-arrow svg{
	transform:rotate(0);
	transition: transform 0.3s ease-in-out;
}

.background-video {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0.5;
}

.background-video-content {
    position: relative;
    z-index: 1;
}

video[poster] {
    object-fit: cover;
    width: 100%;
    height: 100%;
}


#secondary-menu-trigger {
    text-align: center;
    padding: 10px;
    font-size: 16px;
}

#sibling-products-menu {
    /* Adjust height as necessary */
    max-height: 50%; 
    overflow-y: auto;
}

#product-menu a{
	text-decoration:none;
}

#product-menu{
	position: fixed; 
	bottom: 0; left: 0; width: 100%; 
	height: 49px; 
	background-color:black;; 
	z-index: 9; 
	display: flex; 
	align-items: center; 
	justify-content: left;
	padding:0 20px;
	min-width:220px;
	overflow:hidden;
}

#secondary-menu{
	cursor: pointer;
	position:absolute;
	left:0;
	min-width:190px;
	display:flex;
	z-index:11;
	font-family:'futura-pt-bold';
	text-transform:uppercase;
	font-size:13px
}

#secondary-menu:hover{
	background-color:var(--contrast-2);
}

#secondary-menu a{
	padding:14px 20px;	
	color:white;
   min-width:190px;

}

#product-cta{
	position:absolute;
	right:0;
	display:flex;
}

#product-cta a{
	color:white;
	font-size:14px;
	text-transform:uppercase;
	padding:16px 12px;
	display:flex;
	font-family:'futura-pt-bold';
	
}

#product-cta a.rq{
	background-color:var(--accent);
}


#product-cta a.rq:hover{
	background-color:var(--contrast);
}

#product-cta a.dl{
	background-color:var(--contrast-2);
}

#product-cta a.dl:hover{
	background-color:var(--contrast);
}

#siblings-menu{
	max-width:250px;;
	background-color:var(--contrast);
	position: fixed; 
	bottom: -100%; 
	left: 0; 
	width: auto; 
	z-index: 9; 
	transition: bottom 0.3s ease; 
	overflow: hidden;
	padding:0;
	min-width:190px;
	box-shadow:0 0 30px rgba(0,0,0,.4);
	font-size:14px;
}

#siblings-menu > a{
	font-family:'futura-pt-bold';
}

.range_title{
	display:block;
	padding:16px 20px;
	background-color:var(--accent);
	color:white;
	font-weight:700;
	text-transform:uppercase;
}

ul.sibling-products,
.sibling-products li{
	margin:0;;
	padding:0;
	list-style-type:none;
}

.sibling-products li a{
	color:white;
	display:block;
	text-decoration:none;
	padding:16px 20px;
}

.sibling-products li a:hover{
	background-color:var(--accent);
}


#product-navigation{
	margin:0 240px 0 180px;
	display:flex;
	flex-wrap:wrap;
	align-content:center;
	justify-content:left;
	width:100%;
}

.about_menu #product-navigation{
	margin-left:0;
}

#product-navigation a{
	padding:4px 8px;
	color:white;
	font-size:14px;
	font-weight:bold;
	line-break:none;
	font-family:'futura-pt-bold'
}

#product-navigation a:hover{
	color:var(--accent)
}



.comparison-grid .title{
	font-family:'futura-pt-bold';
}

/* Posts Grid */


.posts_grid {
	display: grid!important;
	grid-template-columns: repeat(4, 1fr);
	grid-template-rows: repeat(5, 1fr);
	grid-column-gap: 2px;
	grid-row-gap: 2px;
}

.home .posts_grid {
	grid-template-rows: repeat(2, 1fr);
}

.posts_grid > div:nth-child(1) { grid-area: 1 / 1 / 4 / 3; }
.posts_grid > div:nth-child(2) { grid-area: 1 / 3 / 3 / 4; }
.posts_grid > div:nth-child(3) { grid-area: 1 / 4 / 3 / 5; }
.posts_grid > div:nth-child(4) { grid-area: 3 / 3 / 4 / 4; }
.posts_grid > div:nth-child(5) { grid-area: 3 / 4 / 4 / 5; }
.posts_grid > div:nth-child(6) { grid-area: 4 / 1 / 6 / 2; }
.posts_grid > div:nth-child(7) { grid-area: 4 / 2 / 6 / 3; }
.posts_grid > div:nth-child(8) { grid-area: 4 / 3 / 6 / 4; }
.posts_grid > div:nth-child(9) { grid-area: 4 / 4 / 6 / 5; }

.posts_grid > div article:before{
	content:'';
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	top:0;
	background-color:black;
	opacity:.3;
	transition:opacity 3s;
}

.posts_grid > div article:hover:before{
	opacity:0;
	transition:opacity .3s;
}

.posts_grid > div article *{
	position:relative;
}

.posts_grid > div{
	min-height:250px;
}

.posts_grid > div article{
	height:100%;
	
}

.posts_grid > div article a{
	text-decoration:none;
}

.news_cats{
	position:absolute!important;
	top:20px;
	text-transform:uppercase;
	font-family:"futura-pt-bold";
	font-size:14px;
}

/* Stories */

.story_cats a{
	color:white;
	text-decoration:none;
	font-size:60px;
	font-family:'Square Peg'!important;
}

.boat_story_menu ul{
	list-style-type:none;
	margin:0;
	padding:var(--padding) 0;
	display:flex;
	gap:20px;
}

.boat_story_menu li a{
	text-decoration:none;
	color:var(--contrast);
	border:2px solid var(--contrast);
	padding: 8px 18px;
}

.single-story .hfb-content,
.single-story .hfb-video,
.single-portfolio .hfb-content,
.single-portfolio .hfb-video{
	max-width:768px;
	margin:auto;
	padding:0 var(--padding);
}

.single-story .hfb-carousel,
.single-portfolio .hfb-carousel{
	margin:40px 0;
}

.single-story .hfb-carousel img,
.single-portfolio .hfb-carousel img{
	max-height:340px;
	object-fit:cover;
}

.single-story .hfb-video iframe,
.single-portfolio .hfb-video iframe{
	width:100%;
	height:400px;
}

.single-story .hfb-video p,
.single-portfolio .hfb-video p{
	margin-top:12px;
	text-align:center;
	font-size:80%;
}

.stories-menu-item a{
	font-family:'Square Peg';
	text-transform:none;
	font-size:30px;
}

.stories-menu-item a:hover{
	color:var(--contrast)!important;
}

.stories_grid > div > article {
  background: #f0f0f0; /* Example background, adjust as needed */
	height:100%;
	width:100%;
	min-height:25vw;
}

.stories_grid .product-tags-double-height {
  grid-row: span 2; /* Makes the block double height */
}


.stories_carousel .flickity-viewport{
	width:100%;
}

.stories_carousel .story{
	min-width:33vw;
}

.stories_grid > * {
	margin:0!important;
	padding:0!important;
}

.stories_grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 2px; /* Adjust the space between blocks */
	max-width:100vw;
	margin:auto;
}

.stories_grid > div{
	display:flex;
	justify-content: center;
  align-items: center;
}

#stories article h3{
	text-transform:uppercase;
}

#stories h2{
	font-family:'Square Peg'!important;
	text-transform:lowercase!important;
}
/* Importers */

.importers ul{
	display:flex;
	gap:80px;
	flex-wrap:wrap;
}

.importers li{
	min-width:25%;
}

/* Gated Content */

.gated_content{
	padding:var(--padding);
	max-width:1024px;
	margin:auto;
}

.price_tag{
	border-radius:8px;
	color:white;
	padding:var(--padding);
	background-color:var(--contrast);
}

/* US Store Banner */

.us_store_banner{
	background-color:var(--contrast);
	text-decoration:none;
	color:white;
	display:block;
	text-align:center;
	font-size:15px;
	line-height:28px;
	transition:all .3s;
	letter-spacing:1px;
	text-transform:uppercase;
	margin-top:-12px;
}

.us_store_banner p{
	margin-bottom:0;
}

.us_store_banner:hover{
	background-color:var(--contrast-2);
	color:white;
	transition:all .3s;
}

/* Footer */

.footer_nav a:hover{
	color:var(--accent)!important;
}

.footer_suppliers > ul{
	display:flex;
	flex-wrap:wrap;
	gap:40px;
	justify-content:center;
	align-content:center;
	align-items:center;
}

.footer_suppliers > ul > li{
	width:10%;
	padding:0 10px;
}

.footer_copyright{
	font-size:14px;
}

/* Events */

.hfb_events{
	display:flex;
	flex-wrap:wrap;
	gap:var(--padding);
}

.hfb_event{
	width:100%;
	background-color:#fff;
	padding:var(--padding);
	display:flex;
	gap:20px;
	flex-wrap:wrap;
	justify-content:space-around;
	min-height:340px;
}

.hfb_event .event_button{
	text-decoration:none;
	border:2px solid var(--contrast-3);
	color:var(--contrast-3);
	padding:8px 12px;
	font-weight:700;
	font-size:16px;
	text-transform:uppercase;
}

.hfb_event .event_button:hover{
	border:2px solid var(--contrast);
	color:var(--contrast);
}

.hfb_event > .event_details{
	width:calc(90% - 20px);
}

.hfb_event .event_pic{
	width:10%;
}

/* Forms */


.gform_button.button,
.gform_next_button{
	background-color:transparent!important;
	color:var(--accent)!important;
	font-family:'futura-pt-bold';
	text-transform:uppercase;
	border:3px solid var(--accent)!important;
}

.gform_button.button:hover,
.gform_next_button:hover{
	background-color:var(--accent)!important;
	color:white!important;
}

.gform_button.button:hover{
	background-color:var(--accent);
	color:white;
}

.gfield_select,
.ginput_address_country select{
	appearance: none;
	background-color:#F7F8F9!important;
	outline:none;
	height:39px;
	line-height:20px!important;
	padding:0 8px;
}

.gform_wrapper.gravity-theme .chosen-container-active.chosen-with-drop .chosen-single{
	background:#f7f8f9!important;
	border:1px solid var(--base);
	box-shadow:none;
	height:39px;
	line-height:39px;
	font-size:18px;
	color:#999;
	padding-left:5px;
}

.gform_legacy_markup_wrapper .chosen-container-single .chosen-single div b{
	position: absolute;
	top: 0;
	bottom: 4px;
	margin: auto;
	height: 18px;
}


/* Carousels */


.flickity-button{
	background-color:var(--contrast);
	color:white;
}

.flickity-button:hover{
	background-color:var(--accent);
}


.flickity-button[disabled]{
	display:none;
}

.flickity-page-dots .dot{
	background-color:white;
}


/* Lightbox */

.featherlight .featherlight-content{
	padding:2px;
	border-bottom:0;
}

.featherlight .featherlight-close-icon{
	color:white;
	background:var(--contrast)!important;
	border-radius:100px;
	top:5px;
	right:5px;
}

.featherlight-next:hover, .featherlight-previous:hover{
	background-color:transparent;
}

.featherlight-next span, .featherlight-previous span{
	left:0;
	right:0;
	width:100%;
}

.featherlight-next span span,
.featherlight-previous span span,
.featherlight-next:hover span, .featherlight-previous:hover span{
	display:flex!important;
}

.featherlight-next span span,.featherlight-next:hover span{
	justify-content:right;
}

.featherlight-previous span span, .featherlight-previous:hover span{
	justify-content:left;
}


.featherlight-next:hover span, .featherlight-previous:hover span{
	color:var(--accent);
	text-shadow:none;
}

.lightbox-gallery{
	background-color:var(--contrast)!important;
	width:30px;
	height:30px;
	display:flex;
	padding:5px;
	align-content:center;
	align-items:center;
	justify-content:center;
	border-radius:100%;
}

.lightbox-gallery svg{
	width:30px;
	height:30px;
}

.featherlight-next:hover span, .featherlight-previous:hover span{
	position:relative;
}

.featherlight-iframe .featherlight-content{
	background-color:transparent;
}


.eapps-instagram-feed-posts-grid-load-more-container{
	display:none!important;
}


#testimonials .testimonial{
	width:100%;
}

#testimonials .testimonial_boat a{
	text-decoration:none;
	text-transform:uppercase;
	font-size:14px;
	letter-spacing:3px;
	font-family:'futura-pt-bold';
	padding:2px 8px;
	color:var(--contrast)!important;
}

#testimonials .review_content{
	font-size:24px;
	line-height:30px;
	max-width:768px;
	margin:20px auto;
}

#testimonials .review_reviewer{
	text-transform:uppercase;
	font-size:16px;
}

.back {
  transform: rotateY( 180deg );
}

.gb-query-loop-wrapper .team-member,
.suppliers_cards .suppliers,
.suppliers_cards li{
	position:relative;
	min-height: 400px;
}

.suppliers_cards li{
	width:30%;
}

.card {
  position: absolute;
  top: 0;
  left:0;
  width: calc(100% - 20px);
  min-height: 400px;
  perspective: 500px;
}

.content {
  position: absolute;
  width: 100%;
  height: 100%;
  transition: transform 1s;
  transform-style: preserve-3d;
}

.card:hover .content {
  transform: rotateY( 180deg ) ;
  transition: transform 0.5s;
}

.front,
.back {
  position: absolute;
  height: 100%;
  width:100%;
	margin:auto;
  background: white;
  color: #03446A;
  text-align: center;
 
  border-radius: 5px;
  backface-visibility: hidden;
	padding:var(--padding);
	background-color:var(--base-2);
	 box-shadow: 0 0 15px rgba(0,0,0,0.1);
}

.suppliers_cards .front,
.suppliers_cards .back{
		background-color:var(--contrast);
}
.suppliers_cards .front{
	display:flex;
	flex-direction:column;
	justify-content:center;
}
.suppliers_cards .front p,
.suppliers_cards .back p{
	color:white;
}

.searchandfilter select{
	appearance:none;
	border:2px solid var(--contrast);
	padding:4px 20px;
	font-size:16px;
	font-family:'futura-pt-bold';
	background-image:url('/wp-content/themes/HighfieldGP/img/down.svg');
	background-size:20px 20px;
	background-repeat:no-repeat;
	background-position:calc(100% - 20px) center;
	padding-right:60px;
	background-color:white;
}


.searchandfilter input[type="submit"]{
	background-color:transparent;
	color:var(--contrast);
	border:2px solid var(--contrast);
	padding:4px 20px;
	text-transform:uppercase;
	font-size:16px;
	font-family:'futura-pt-bold';
}

.searchandfilter input[type="submit"]:hover{
	background-color:var(--accent);
	color:white;
	border-color:var(--accent);
}

.searchandfilter ul,
.searchandfilter li{
	margin:0 0 20px 0;
}

#gallery .carousel-nav img{
	max-height:600px;
	object-fit:cover;
}

/* Classic menus on 2 cols */
.single-boat.postid-27990 .sibling-products,
/*.single-boat.postid-27899 .sibling-products,
.single-boat.boat-range-id-27899 .sibling-products,*/
.single-boat.boat-range-id-27990 .sibling-products{
	display:flex;
	flex-wrap:wrap;
}

.single-boat.postid-27990 .sibling-products li,
.single-boat.boat-range-id-27990 .sibling-products li{
	width:50%;
}


.rangemenu a{
	background-repeat:no-repeat;
	background-position:90% center;
	background-size:90px 55px;
}

.rangemenu.ru a{
	background-image:url('/wp-content/uploads/2024/08/rollup.png');
}

.rangemenu.ul a{
	background-image:url('/wp-content/uploads/2024/08/ultralite.png');
}

.rangemenu.cl a{
	background-image:url('/wp-content/uploads/2024/08/classic.png');
}

.rangemenu.sp a{
	background-image:url('/wp-content/uploads/2024/08/sport.png');
}

.rangemenu.pa a{
	background-image:url('/wp-content/uploads/2024/08/patrol.png');
}

.rangemenu.ve a{
	background-image:url('/wp-content/uploads/2024/08/velox.png');
}

.rangemenu.ej a{
	background-image:url('/wp-content/uploads/2024/08/ejet.png');
}



@media (min-width: 769px) {
    nav .main-nav .mega-menu {
        position: static;
    }

    nav .main-nav .mega-menu > ul {
        position: absolute;
        width: 100%;
        left: 0 !important;
        display: flex;
        flex-wrap: wrap;
    }

    nav .main-nav .mega-menu > ul > li > a {
        font-weight: bold;
    }

    nav .main-nav .mega-menu>ul>li {
        display: inline-block;
        width: 50%;
        vertical-align: top;
    }

    nav .main-nav .mega-menu.mega-menu-col-2>ul>li {
        width: 50%;
    }

    nav .main-nav .mega-menu.mega-menu-col-3>ul>li {
        width: 33.3333%;
    }

    nav .main-nav .mega-menu.mega-menu-col-5>ul>li {
        width: 20%;
    }

    nav .main-nav .mega-menu > ul > li:hover > a,
    nav .main-nav .mega-menu > ul > li:focus > a,
    nav .main-nav .mega-menu > ul > li[class*="current-"] > a,
    nav .main-nav .mega-menu ul ul {
        background-color: transparent !important;
        color: inherit;
    }

    nav .main-nav .mega-menu ul .sub-menu {
        position: static;
        display: block;
        opacity: 1;
        visibility: visible;
        width: 100%;
        box-shadow: 0 0 0;
        left: 0;
        height: auto;
        pointer-events: auto;
        transform: scale(1);
    }

    nav .main-nav .mega-menu ul.toggled-on .sub-menu {
        pointer-events: auto;
    }

    nav .main-nav .mega-menu .sub-menu .menu-item-has-children .dropdown-menu-toggle {
        display: none;
    }
}


@keyframes fadeInAnimation {
    0% {
        opacity: 0;
    }
		70%{
			opacity:0;
		}
    100% {
        opacity: 1;
    }
}


@keyframes pulsedot {
	0% {
		transform: scale(1);
	}

	40% {
		transform: scale(2);
	}

	60% {
		transform: scale(2);
	}
	
	100% {
		transform: scale(1);
	}
}

@media (max-width: 979px) {
  .dealers-map-container {
    flex-wrap: wrap;
  }

  .dealers-map-container .countries-dropdown-container {
    width: 100%;
    padding: 40px 15px 45px;
  }

  #dealers-map {
    width: 100%;
    height: 400px;
  }
}



@media only screen and (max-width: 1024px){
	
	:root{
		--padding:15px;
		--v-padding:30px;
		--h-padding:60px;
		--header-padding:80px;
	}	
	
  .dealers-popup-overlay .dealers-popup {
    flex-direction: column-reverse;
  }

  .dealers-popup-overlay .dealers-popup-content {
    width: 100%;
    padding: 25px 15px;
    box-sizing: border-box;
  }

  .dealers-popup-overlay #dealers-map-popup {
    width: 100%;
    height: 200px;
    min-width: 1px;
  }

  .dealers-popup-overlay h2 {
    font-size: 1.75em;
  }
  
		body, html{
		overflow-x:hidden;
	}
	
	.hero,
	.home .hero,
	.boat-range .hero{
	  min-height:100vh;
	}
	
	.admin-bar .hero,
	.admin-bar.home .hero,
	.admin-bar.boat-range .hero{
	  min-height:calc(100vh - 130px)
	}
	
	#product-menu *{
		font-size:12px!important;
		letter-spacing:0;
	}

	#product-cta{
		display:flex;
	}
	
	#product-cta a{
		display:flex;
		max-width:100px;
		align-items:center;
	}
	
	.layouts-container{
		flex-direction:column;
	}
	
	
	
	.single-boat .features ul{
		justify-content:left;
		flex-direction:column;
		list-style-position:outside;
		padding-left:30px;
	}
	
	.footer_nav{
		width:100%;
		align-items:center;
		margin-bottom:40px;
	}
	
	.footer_nav *{
		font-size:16px;
		line-height:30px;
	}
	
	.variations_carousel .color_scheme img{
		width:100%;
		height:auto;
	}
	
	.admin-bar .hero{
		margin-top:-46px;
	}
	
	.product_slider .flickity-prev-next-button{
		top:100px;
	}
	
	.variation_title{
		font-size:20px
	}
	 
	.variations_carousel .color_scheme{
		width:90%;
	}
	
	#specs h6{
		font-size:22px;
	}
	
	.map-point-popup{
		max-width:calc(100% - 20px);
		width:50%;
		top:0!important;
	 	right:10px;
		margin:20px!important;
		height:auto!important;
		transform:rotate(90deg);
		transform-origin:center bottom;
	}
	
	.hfb_image_map {
	  display: table;
	}
	
	
	:not(.page-id-57361) .hfb_image_map > div {
	  padding: 50% 0;
	  height: 0;
	}

	.hfb_image_map > div > div {
		display: block;
		transform: rotate(-90deg);
		margin-top: -27%;
	}
	
	.page-id-57361 .hfb_image_map > div > div {
		transform:none;
		margin-top:auto;
		left:auto;
	}
	
	.range_long_description .range_intro_columns{
		column-count:1;
		column-gap:40px;
	}

	.posts_grid{
		display:flex;
	}
	
	.product_slider .boat{
		width:calc(100% - 20px);
	}
	
	.home .scrolldown,
	.single-boat .scrolldown{
		margin-bottom:80px;
	}
	
	.tab_specs_item p{
		font-size:16px;
	}
	
	.tab_specs_item h6{
		font-size:18px!important;
	}

	#gallery .carousel-cell{
		max-width:50%;
	}
	
	.posts_grid{
		display:flex!important;
	}
	
	.history-wrapper-content .chapters{
		max-height:70vh;
	}
	.history-wrapper-content .double-images, .history-wrapper-content .start-chapter .caption,
	.history-wrapper-content .start-chapter .caption{
		width:100%;
	}
	.history-wrapper-content .item,
	.history-wrapper-content .start-chapter .caption p,
	.history-wrapper-content .caption p{
		max-width:90vw!important;
		font-size:24px!important;
	}
	.history-wrapper-content figure{
		position:absolute;
		min-width:100vw!important;
		right:20%;
		z-index
	}
	.history-wrapper-content img{
		min-width:50vw!important;
	}
	#testimonials .testimonial{
		width:98%;
	}
}

@media only screen and (max-width: 1240px) {
	#product-navigation{
		display:none;
	}
}

@media only screen and (min-width: 769px) {
	#stories article > div > div > div:nth-child(2){
		position:absolute;
		right:20px;
		min-width:34%;
	}
}

/* Animations */


@keyframes pulse {
	0% {
		transform: scale(0.65);
		box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);
		transform: scale(.8) translatey(0);
	}

	70% {
		transform: scale(1) translatey(20%);
		box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
	}

	100% {
		transform: scale(0.65);
		box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
			transform: scale(.8) translatey(0);
	}
}



/*
.comparison-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0;
    padding: 20px;
    border-collapse: collapse;
	margin-top:80px;
}*/

.comparison-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 0;
	padding: 20px;
    border-collapse: collapse;
	margin-top:80px;
}

.comparison-grid *:not(.grid-header a):not(.grid-header){
	font-size:14px;
}

.grid-header {
    padding: 10px;
    border-top: 0;
    text-align: center;
    font-size: 20px;
	font-family:'futura-pt';
	text-transform:uppercase;
}

.grid-item {
    background-color: #F7F8F9;
    padding: 10px;
    border-top: 1px solid #eeeeee;
    text-align: center;
    font-size: 0.9em;
}

.grid-item:first-child,
.grid-header:first-child {
    text-align: left;
}

.comparison-grid > .grid-item:nth-child(4n+1),
.comparison-grid > .grid-header:nth-child(4n+1) {
    text-align: left;
}

.current-boat {
    background-color: #ffffff;
}

.footer_col ul{
	gap:12px;
}

@media only screen and (max-width: 768px) {
	.grid-header{
		font-size:16px;
	}
	
	.comparison-grid{
		grid-template-columns:repeat(auto-fill,minmax(25%,1fr));
		padding:0;
		margin:80px -15px 20px -10px;
	}
	
	.comparison-grid *{
		font-size:12px!important;
	}
	
	.comparison-grid .grid-item{
		padding:7px;
	}
	
	.grid-item,
	.comparison-grid>.grid-item:nth-child(4n+1), .comparison-grid>.grid-header:nth-child(4n+1){
		text-align:center;
		
	}
	
	#gallery .carousel-nav img{
		max-height:95px;
	}
	
	.suppliers_cards li{
		width:90%;
	}
	
	.footer_col ul{
		justify-content:center;
		display:flex;
		align-items:center;
		align-content:center;
		gap:20px;
	}
	
	.footer_suppliers > ul > li{
		width:25%;
	}
	
	.dealers-popup{
		min-height:60vh;
	}
	
	.dealers-popup-overlay .dealers-popup{
		display:block;
	}
	.dealers-map-list{
		max-height:calc(200px);
		overflow-y:auto;
	}

}