1 <!DOCTYPE html> 2<html dir="ltr" lang="en-US" prefix="og: https://ogp.me/ns#"> 3<head> 4 <link rel="apple-touch-icon" sizes="180x180" href="https://ship2port.com/wp-content/themes/hrmatches/img/favicon/apple-touch-icon.png"> 5 <link rel="icon" type="image/png" sizes="32x32" href="https://ship2port.com/wp-content/themes/hrmatches/img/favicon/favicon-32x32.png"> 6 <link rel="icon" type="image/png" sizes="16x16" href="https://ship2port.com/wp-content/themes/hrmatches/img/favicon/favicon-16x16.png"> 7 <link rel="manifest" href="https://ship2port.com/wp-content/themes/hrmatches/img/favicon/manifest.json"> 8 <link rel="mask-icon" href="https://ship2port.com/wp-content/themes/hrmatches/img/favicon/safari-pinned-tab.svg" color="#f53e3b"> 9 <link href="https://assets.calendly.com/assets/external/widget.css" rel="stylesheet"> 10
10<script src="https://assets.calendly.com/assets/external/widget.js" type="text/javascript" async></script>
10 11 <meta name="theme-color" content="#ffffff"> 12 <meta charset="UTF-8" /> 13 <meta name="apple-itunes-app" content="app-id=1050986954"> 14 15 <title>Ship2Port | Royal Dirkzwager | Contact</title> 16 17 18 <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no"> 19 <!-- Google Tag Manager -->
20<script>
vendor: 327 bytes, lines 20-24
20(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 21new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 22j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 23'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 24})(window,document,'script','dataLayer','
24GTM-5MTGW465
vendor: 3 bytes, line 24
24');
24</script>
24 25<!-- End Google Tag Manager -->
26<script type="application/ld+json"> { "@context": "http://schema.org", "@type": "Organization", "name": "Ship2Report", "legalName" : "Ship2Report", "url": "https://web.ship2report.com", "logo": "https://web.ship2report.com/wp-content/uploads/logo_s2r_poweredby.png", "foundingDate": "1872", "founders": [{"@type": "Person", "name": ""}, {"@type": "Person", "name": ""} ], "address": {"@type": "PostalAddress", "streetAddress": "Govert van Wijnkade 50", "addressLocality": "Maassluis", "addressRegion": "Zuid-Holland", "postalCode": "3144 EG", "addressCountry": "Nederland"}, "contactPoint": {"@type": "ContactPoint", "contactType": "customer support", "telephone": "+31 10 5931600", "email": "[email protected]"}, "sameAs": []} </script>
26 27 <!--
27<script src="https://code.jquery.com/jquery-1.9.1.js"></script>
27 --> 28
28<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
28 29
29<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.matchHeight/0.7.2/jquery.matchHeight.js" integrity="sha256-arRUsB21UtqDosI3oA5sDe3UYqSGk6Jtg1S04NlIfuQ=" crossorigin="anonymous"></script>
29 30 <link rel="profile" href="http://gmpg.org/xfn/11" /> 31 <link href='//fonts.googleapis.com/css?family=Raleway:100,200,300,400,500,600,700,800,900,300italic,400italic|Montserrat:100,200,300,400,500,600,700,800,900,300italic,400italic|Open+Sans:100,200,300,400,500,600,700,800,900,300italic,400italic&subset=latin,latin-ext' rel='stylesheet' type='text/css'> 32 33 <!-- All in One SEO Pro 4.6.0 - aioseo.com --> 34 <meta name="description" content="Op zoek naar een demo? We helpen je graag verder met support-, sales- en algemene vragen. Neem hier direct contact met ons op." /> 35 <meta name="robots" content="max-image-preview:large" /> 36 <link rel="canonical" href="https://ship2port.com/contact/" /> 37 <meta name="generator" content="All in One SEO Pro (AIOSEO) 4.6.0" /> 38 <meta property="og:locale" content="en_US" /> 39 <meta property="og:site_name" content="Ship2Port | Operational Excellence with Ship2Port" /> 40 <meta property="og:type" content="article" /> 41 <meta property="og:title" content="Ship2Port | Royal Dirkzwager | Contact" /> 42 <meta property="og:description" content="Op zoek naar een demo? We helpen je graag verder met support-, sales- en algemene vragen. Neem hier direct contact met ons op." /> 43 <meta property="og:url" content="https://ship2port.com/contact/" /> 44 <meta property="article:published_time" content="2017-02-27T15:35:02+00:00" /> 45 <meta property="article:modified_time" content="2026-04-02T09:57:53+00:00" /> 46 <meta name="twitter:card" content="summary" /> 47 <meta name="twitter:title" content="Ship2Port | Royal Dirkzwager | Contact" /> 48 <meta name="twitter:description" content="Op zoek naar een demo? We helpen je graag verder met support-, sales- en algemene vragen. Neem hier direct contact met ons op." /> 49
49<script type="application/ld+json" class="aioseo-schema"> 50 {"@context":"https:\/\/schema.org","@graph":[{"@type":"BreadcrumbList","@id":"https:\/\/ship2port.com\/contact\/#breadcrumblist","itemListElement":[{"@type":"ListItem","@id":"https:\/\/ship2port.com\/#listItem","position":1,"name":"Home","item":"https:\/\/ship2port.com\/","nextItem":"https:\/\/ship2port.com\/contact\/#listItem"},{"@type":"ListItem","@id":"https:\/\/ship2port.com\/contact\/#listItem","position":2,"name":"Contact","previousItem":"https:\/\/ship2port.com\/#listItem"}]},{"@type":"Organization","@id":"https:\/\/ship2port.com\/#organization","name":"Royal Dirkzwager","url":"https:\/\/ship2port.com\/","logo":{"@type":"ImageObject","url":"https:\/\/ship2port.com\/wp-content\/uploads\/Ship2Port.horizontaal_powered_logo.cmyk_.jpg","@id":"https:\/\/ship2port.com\/contact\/#organizationLogo","width":1200,"height":414},"image":{"@id":"https:\/\/ship2port.com\/contact\/#organizationLogo"},"contactPoint":{"@type":"ContactPoint","telephone":"+31105931600","contactType":"Customer Support"}},{"@type":"WebPage","@id":"https:\/\/ship2port.com\/contact\/#webpage","url":"https:\/\/ship2port.com\/contact\/","name":"Ship2Port | Royal Dirkzwager | Contact","description":"Op zoek naar een demo? We helpen je graag verder met support-, sales- en algemene vragen. Neem hier direct contact met ons op.","inLanguage":"en-US","isPartOf":{"@id":"https:\/\/ship2port.com\/#website"},"breadcrumb":{"@id":"https:\/\/ship2port.com\/contact\/#breadcrumblist"},"datePublished":"2017-02-27T16:35:02+01:00","dateModified":"2026-04-02T11:57:53+02:00"},{"@type":"WebSite","@id":"https:\/\/ship2port.com\/#website","url":"https:\/\/ship2port.com\/","name":"Ship2Port | Royal Dirkzwager","description":"Operational Excellence with Ship2Port","inLanguage":"en-US","publisher":{"@id":"https:\/\/ship2port.com\/#organization"}}]} 51 </script>
51 52 <!-- All in One SEO Pro --> 53 54<link rel="alternate" hreflang="en" href="https://ship2port.com/contact/" /> 55<link rel="alternate" hreflang="x-default" href="https://ship2port.com/contact/" /> 56<link rel="alternate" type="application/rss+xml" title="Ship2Port » Feed" href="https://ship2port.com/feed/" /> 57<link rel="alternate" type="application/rss+xml" title="Ship2Port » Comments Feed" href="https://ship2port.com/comments/feed/" /> 58<link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://ship2port.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fship2port.com%2Fcontact%2F" /> 59<link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://ship2port.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fship2port.com%2Fcontact%2F&format=xml" /> 60<style id="wp-img-auto-sizes-contain-inline-css"> 61img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px} 62/*# sourceURL=wp-img-auto-sizes-contain-inline-css */ 63</style> 64<link rel='stylesheet' id='dashicons-css' href='https://ship2port.com/wp-includes/css/dashicons.min.css?ver=7.0.2' media='all' /> 65<link rel='stylesheet' id='menu-icon-font-awesome-css' href='https://ship2port.com/wp-content/plugins/menu-icons/css/fontawesome/css/all.min.css?ver=5.15.4' media='all' /> 66<link rel='stylesheet' id='menu-icons-extra-css' href='https://ship2port.com/wp-content/plugins/menu-icons/css/extra.min.css?ver=0.13.21' media='all' /> 67<style id="wp-emoji-styles-inline-css"> 68 69 img.wp-smiley, img.emoji { 70 display: inline !important; 71 border: none !important; 72 box-shadow: none !important; 73 height: 1em !important; 74 width: 1em !important; 75 margin: 0 0.07em !important; 76 vertical-align: -0.1em !important; 77 background: none !important; 78 padding: 0 !important; 79 } 80/*# sourceURL=wp-emoji-styles-inline-css */ 81</style> 82 83 84<link rel='stylesheet' id='flexy-breadcrumb-css' href='https://ship2port.com/wp-content/plugins/flexy-breadcrumb/public/css/flexy-breadcrumb-public.css?ver=1.2.1' media='all' /> 85<link rel='stylesheet' id='flexy-breadcrumb-font-awesome-css' href='https://ship2port.com/wp-content/plugins/flexy-breadcrumb/public/css/font-awesome.min.css?ver=4.7.0' media='all' /> 86<link rel='stylesheet' id='wpml-blocks-css' href='https://ship2port.com/wp-content/plugins/sitepress-multilingual-cms/dist/css/blocks/styles.css?ver=4.6.10' media='all' /> 87<link rel='stylesheet' id='wpml-legacy-horizontal-list-0-css' href='https://ship2port.com/wp-content/plugins/sitepress-multilingual-cms/templates/language-switchers/legacy-list-horizontal/style.min.css?ver=1' media='all' /> 88<link rel='stylesheet' id='default_style-css' href='https://ship2port.com/wp-content/themes/hrmatches/style.css?ver=7.0.2' media='all' /> 89<link rel='stylesheet' id='qode_font_awesome-css' href='https://ship2port.com/wp-content/themes/hrmatches/css/font-awesome/css/font-awesome.min.css?ver=7.0.2' media='all' /> 90<link rel='stylesheet' id='qode_font_elegant-css' href='https://ship2port.com/wp-content/themes/hrmatches/css/elegant-icons/style.min.css?ver=7.0.2' media='all' /> 91<link rel='stylesheet' id='qode_linea_icons-css' href='https://ship2port.com/wp-content/themes/hrmatches/css/linea-icons/style.css?ver=7.0.2' media='all' /> 92<link rel='stylesheet' id='stylesheet-css' href='https://ship2port.com/wp-content/themes/hrmatches/css/stylesheet.min.css?ver=7.0.2' media='all' /> 93<link rel='stylesheet' id='qode_print-css' href='https://ship2port.com/wp-content/themes/hrmatches/css/print.css?ver=7.0.2' media='all' /> 94<link rel='stylesheet' id='webkit-css' href='https://ship2port.com/wp-content/themes/hrmatches/css/webkit_stylesheet.css?ver=7.0.2' media='all' /> 95<link rel='stylesheet' id='style_dynamic-css' href='https://ship2port.com/wp-content/themes/hrmatches/css/style_dynamic.css?ver=1771946770' media='all' /> 96<link rel='stylesheet' id='responsive-css' href='https://ship2port.com/wp-content/themes/hrmatches/css/responsive.min.css?ver=7.0.2' media='all' /> 97<link rel='stylesheet' id='style_dynamic_responsive-css' href='https://ship2port.com/wp-content/themes/hrmatches/css/style_dynamic_responsive.css?ver=1771946770' media='all' /> 98<link rel='stylesheet' id='js_composer_front-css' href='https://ship2port.com/wp-content/plugins/js_composer/assets/css/js_composer.min.css?ver=8.0.1' media='all' /> 99<link rel='stylesheet' id='custom_css-css' href='https://ship2port.com/wp-content/themes/hrmatches/css/custom_css.css?ver=1771946770' media='all' /> 100<link rel='stylesheet' id='wpgdprc-front-css-css' href='https://ship2port.com/wp-content/plugins/wp-gdpr-compliance/Assets/css/front.css?ver=1706799934' media='all' /> 101<style id="wpgdprc-front-css-inline-css"> 102:root{--wp-gdpr--bar--background-color: #000000;--wp-gdpr--bar--color: #ffffff;--wp-gdpr--button--background-color: #000000;--wp-gdpr--button--background-color--darken: #000000;--wp-gdpr--button--color: #ffffff;} 103/*# sourceURL=wpgdprc-front-css-inline-css */ 104</style> 105<link rel='stylesheet' id='moove_gdpr_frontend-css' href='https://ship2port.com/wp-content/plugins/gdpr-cookie-compliance/dist/styles/gdpr-main.css?ver=5.0.11' media='all' /> 106<style id="moove_gdpr_frontend-inline-css"> 107#moove_gdpr_cookie_modal,#moove_gdpr_cookie_info_bar,.gdpr_cookie_settings_shortcode_content{font-family:'Nunito',sans-serif}#moove_gdpr_save_popup_settings_button{background-color:#373737;color:#fff}#moove_gdpr_save_popup_settings_button:hover{background-color:#000}#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content a.mgbutton,#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton{background-color:#1a3862}#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content .moove-gdpr-button-holder a.mgbutton,#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content .moove-gdpr-button-holder button.mgbutton,.gdpr_cookie_settings_shortcode_content .gdpr-shr-button.button-green{background-color:#1a3862;border-color:#1a3862}#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content .moove-gdpr-button-holder a.mgbutton:hover,#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content .moove-gdpr-button-holder button.mgbutton:hover,.gdpr_cookie_settings_shortcode_content .gdpr-shr-button.button-green:hover{background-color:#fff;
107color:#1a3862}#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-close i,#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-close span.gdpr-icon{background-color:#1a3862;border:1px solid #1a3862}#moove_gdpr_cookie_info_bar span.moove-gdpr-infobar-allow-all.focus-g,#moove_gdpr_cookie_info_bar span.moove-gdpr-infobar-allow-all:focus,#moove_gdpr_cookie_info_bar button.moove-gdpr-infobar-allow-all.focus-g,#moove_gdpr_cookie_info_bar button.moove-gdpr-infobar-allow-all:focus,#moove_gdpr_cookie_info_bar span.moove-gdpr-infobar-reject-btn.focus-g,#moove_gdpr_cookie_info_bar span.moove-gdpr-infobar-reject-btn:focus,#moove_gdpr_cookie_info_bar button.moove-gdpr-infobar-reject-btn.focus-g,#moove_gdpr_cookie_info_bar button.moove-gdpr-infobar-reject-btn:focus,#moove_gdpr_cookie_info_bar span.change-settings-button.focus-g,#moove_gdpr_cookie_info_bar span.change-settings-button:focus,#moove_gdpr_cookie_info_bar button.change-settings-button.focus-g,#moove_gdpr_cookie_info_bar button.change-settings-button:focus{-webkit-box-shadow:0 0 1px 3px #1a3862;-moz-box-shadow:0 0 1px 3px #1a3862;box-shadow:0 0 1px 3px #1a3862}#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-close i:hover,#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-close span.gdpr-icon:hover,#moove_gdpr_cookie_info_bar span[data-href]>u.change-settings-button{color:#1a3862}#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content #moove-gdpr-menu li.menu-item-selected a span.gdpr-icon,#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content #moove-gdpr-menu li.menu-item-selected button span.gdpr-icon{color:inherit}#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content #moove-gdpr-menu li a span.gdpr-icon,#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content #moove-gdpr-menu li button span.gdpr-icon{color:inherit}#moove_gdpr_cookie_modal .gdpr-acc-link{line-height:0;font-size:0;color:transparent;position:absolute}#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-close:hover i,#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content #moove-gdpr-menu li a,#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content #moove-gdpr-menu li button,#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content #moove-gdpr-menu li button i,#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content #moove-gdpr-menu li a i,#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-tab-main .moove-gdpr-tab-main-content a:hover,#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content a.mgbutton:hover,#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton:hover,#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content a:hover,#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button:hover,#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content span.change-settings-button:hover,#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.change-settings-button:hover,#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content u.change-settings-button:hover,#moove_gdpr_cookie_info_bar span[data-href]>u.change-settings-button,#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content a.mgbutton.focus-g,#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton.focus-g,#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content a.focus-g,#moove_gdpr_cookie_info_bar.moove-gdpr-d
107ark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.focus-g,#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content a.mgbutton:focus,#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton:focus,#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content a:focus,#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button:focus,#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content span.change-settings-button.focus-g,span.change-settings-button:focus,button.change-settings-button.focus-g,button.change-settings-button:focus,#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content u.change-settings-button.focus-g,#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content u.change-settings-button:focus{color:#1a3862}#moove_gdpr_cookie_modal .moove-gdpr-branding.focus-g span,#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-tab-main a.focus-g,#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-tab-main .gdpr-cd-details-toggle.focus-g{color:#1a3862}#moove_gdpr_cookie_modal.gdpr_lightbox-hide{display:none} 108/*# sourceURL=moove_gdpr_frontend-inline-css */ 109</style>
110<script id="jquery-core-js" src="https://ship2port.com/wp-includes/js/jquery/jquery.min.js?ver=3.7.1"></script>
vendor: 1 bytes, line 110
110
111<script id="jquery-migrate-js" src="https://ship2port.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1"></script>
vendor: 1 bytes, line 111
111
112<script id="snazzymaps-js-js-extra"> 113var SnazzyDataForSnazzyMaps = []; 114SnazzyDataForSnazzyMaps={"id":75,"name":"Shade of green","description":"A subtle twist on the default map style with roads and parks highlighted green.","url":"https:\/\/snazzymaps.com\/style\/75\/shade-of-green","imageUrl":"https:\/\/snazzy-maps-cdn.azureedge.net\/assets\/75-shade-of-green.png?v=20170315115808","json":"[{\"featureType\":\"water\",\"elementType\":\"all\",\"stylers\":[{\"hue\":\"#76aee3\"},{\"saturation\":38},{\"lightness\":-11},{\"visibility\":\"on\"}]},{\"featureType\":\"road.highway\",\"elementType\":\"all\",\"stylers\":[{\"hue\":\"#8dc749\"},{\"saturation\":-47},{\"lightness\":-17},{\"visibility\":\"on\"}]},{\"featureType\":\"poi.park\",\"elementType\":\"all\",\"stylers\":[{\"hue\":\"#c6e3a4\"},{\"saturation\":17},{\"lightness\":-2},{\"visibility\":\"on\"}]},{\"featureType\":\"road.arterial\",\"elementType\":\"all\",\"stylers\":[{\"hue\":\"#cccccc\"},{\"saturation\":-100},{\"lightness\":13},{\"visibility\":\"on\"}]},{\"featureType\":\"administrative.land_parcel\",\"elementType\":\"all\",\"stylers\":[{\"hue\":\"#5f5855\"},{\"saturation\":6},{\"lightness\":-31},{\"visibility\":\"on\"}]},{\"featureType\":\"road.local\",\"elementType\":\"all\",\"stylers\":[{\"hue\":\"#ffffff\"},{\"saturation\":-100},{\"lightness\":100},{\"visibility\":\"simplified\"}]},{\"featureType\":\"water\",\"elementType\":\"all\",\"stylers\":[]}]","views":11024,"favorites":51,"createdBy":{"name":"Kevin Lofthouse","url":"http:\/\/www.lofthou.se"},"createdOn":"2014-02-28T15:14:02.35","tags":["light"],"colors":["blue","gray","green"]}; 115//# sourceURL=snazzymaps-js-js-extra 116</script>
vendor: 1 bytes, line 116
116
117<script id="snazzymaps-js-js" src="https://ship2port.com/wp-content/plugins/snazzy-maps/snazzymaps.js?ver=1.5.0"></script>
vendor: 1 bytes, line 117
117
118<script id="pmgga-js" src="https://ship2port.com/wp-content/plugins/pmgGAnalytics/ga_events.js?ver=1683133112"></script>
vendor: 1 bytes, line 118
118
119<script id="wpgdprc-front-js-js-extra"> 120var wpgdprcFront = {"ajaxUrl":"https://ship2port.com/wp-admin/admin-ajax.php","ajaxNonce":"ec7d38c391","ajaxArg":"security","pluginPrefix":"wpgdprc","blogId":"1","isMultiSite":"","locale":"en_US","showSignUpModal":"","showFormModal":"","cookieName":"wpgdprc-consent","consentVersion":"","path":"/","prefix":"wpgdprc"}; 121//# sourceURL=wpgdprc-front-js-js-extra 122</script>
vendor: 1 bytes, line 122
122
123<script id="wpgdprc-front-js-js" src="https://ship2port.com/wp-content/plugins/wp-gdpr-compliance/Assets/js/front.min.js?ver=1706799934"></script>
vendor: 1 bytes, line 123
123
124<script></script>
124<link rel="https://api.w.org/" href="https://ship2port.com/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://ship2port.com/wp-json/wp/v2/pages/2575" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://ship2port.com/xmlrpc.php?rsd" /> 125<meta name="generator" content="WordPress 7.0.2" /> 126<link rel='shortlink' href='https://ship2port.com/?p=2575' /> 127 128 <style type="text/css"> 129 130 /* Background color */ 131 .fbc-page .fbc-wrap .fbc-items { 132 background-color: #edeff0; 133 } 134 /* Items font size */ 135 .fbc-page .fbc-wrap .fbc-items li { 136 font-size: 16px; 137 } 138 139 /* Items' link color */ 140 .fbc-page .fbc-wrap .fbc-items li a { 141 color: #337ab7; 142 } 143 144 /* Seprator color */ 145 .fbc-page .fbc-wrap .fbc-items li .fbc-separator { 146 color: #cccccc; 147 } 148 149 /* Active item & end-text color */ 150 .fbc-page .fbc-wrap .fbc-items li.active span, 151 .fbc-page .fbc-wrap .fbc-items li .fbc-end-text { 152 color: #27272a; 153 font-size: 16px; 154 } 155 </style> 156 157 <meta name="generator" content="WPML ver:4.6.10 stt:1;" />
158<script type="text/javascript"> 159(function(url){ 160 if(/(?:Chrome\/26\.0\.1410\.63 Safari\/537\.31|WordfenceTestMonBot)/.test(navigator.userAgent)){ return; } 161 var addEvent = function(evt, handler) { 162 if (window.addEventListener) { 163 document.addEventListener(evt, handler, false); 164 } else if (window.attachEvent) { 165 document.attachEvent('on' + evt, handler); 166 } 167 }; 168 var removeEvent = function(evt, handler) { 169 if (window.removeEventListener) { 170 document.removeEventListener(evt, handler, false); 171 } else if (window.detachEvent) { 172 document.detachEvent('on' + evt, handler); 173 } 174 }; 175 var evts = 'contextmenu dblclick drag dragend dragenter dragleave dragover dragstart drop keydown keypress keyup mousedown mousemove mouseout mouseover mouseup mousewheel scroll'.split(' '); 176 var logHuman = function() { 177 if (window.wfLogHumanRan) { return; } 178 window.wfLogHumanRan = true; 179 var wfscr = document.createElement('script'); 180 wfscr.type = 'text/javascript'; 181 wfscr.async = true; 182 wfscr.src = url + '&r=' + Math.random(); 183 (document.getElementsByTagName('head')[0]||document.getElementsByTagName('body')[0]).appendChild(wfscr); 184 for (var i = 0; i < evts.length; i++) { 185 removeEvent(evts[i], logHuman); 186 } 187 }; 188 for (var i = 0; i < evts.length; i++) { 189 addEvent(evts[i], logHuman); 190 } 191})('//ship2port.com/?wordfence_lh=1&hid=940B14E5D7B1F5D1C537C7C20A42BE1B'); 192</script>
192 193
193<script>
vendor: 113 bytes, lines 193-196
193 194 (function(h,o,t,j,a,r){ 195 h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)}; 196 h._hjSettings={hjid:
1963471803
vendor: 232 bytes, lines 196-202
196,hjsv:5}; 197 a=o.getElementsByTagName('head')[0]; 198 r=o.createElement('script');r.async=1; 199 r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv; 200 a.appendChild(r); 201 })(window,document,'//static.hotjar.com/c/hotjar-','.js?sv='); 202
202</script>
vendor: 66 bytes, lines 202-203
202 203 <script async src="https://www.googletagmanager.com/gtag/js?id=
203G-5ZELPTGZD1
vendor: 12 bytes, line 203
203"></script>
204<script>/* <![CDATA[ */
vendor: 127 bytes, lines 205-208
205window.dataLayer = window.dataLayer || []; 206function gtag(){dataLayer.push(arguments);} 207gtag('js', new Date()); 208gtag('config', '
208G-5ZELPTGZD1
vendor: 4 bytes, line 208
208');
209/* ]]> */</script>
209 210<meta name="generator" content="Powered by WPBakery Page Builder - drag and drop page builder for WordPress."/> 211<style data-type="vc_custom-css">.contactgegevens .mailurl a.email{ 212 color:#ffffff !important; 213} 214 215.contactgegevens .mailurl a.email:hover{ 216 color:#2f2f2f !important; 217} 218 219 220 header{ 221background: -moz-linear-gradient(to bottom, rgba(231,231,231,0.8) 50%,rgba(255,255,255,0) 100%); 222background: -webkit-linear-gradient(to bottom, rgba(231,231,231,0.8) 50%,rgba(255,255,255,0) 100%); 223background: linear-gradient(to bottom, rgba(231,231,231,0.8) 50%,rgba(255,255,255,0) 100%); 224filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */ 225} 226 227@media only screen and (max-width:600px){ 228 #wpgmza_map{ 229 height:300px !important; 230 } 231}</style><style id="wp-custom-css"> 232/* Ship2Port â Additional CSS (reordered, content unchanged) */ 233 234/* ========================= 235 1) Global / Utilities 236 ========================= */ 237 238html[lang="en-US"] .showNL 239{ 240 display: none; 241} 242 243html[lang="nl-NL"] .showEN 244{ 245 display: none; 246} 247 248/* Scroll behavior */ 249html { 250 scroll-behavior: smooth; 251} 252 253/* Hide bar / elements */ 254div.fbc 255{ 256 display: none; 257} 258 259body.page-id-3800 #moove_gdpr_cookie_info_bar { 260 opacity: 0 !important; 261 cursor: default !important; 262} 263 264/* Utility: Ship2Port Container */ 265.s2p-container{ 266 max-width:1100px; 267 margin:0 auto; 268 padding:0 clamp(18px,3vw,28px); 269} 270.s2p-container--narrow{ max-width:920px; } 271 272/* ========================= 273 2) Typography 274 ========================= */ 275 276h1 { font-size: 42px !important; line-height: calc(42px * 1.2) !important; } 277h2 { font-size: 34px !important; line-height: calc(34px * 1.24) !important; } 278h3 { font-size: 28px !important; line-height: calc(28px * 1.21) !important; } 279h4 { font-size: 23px !important; line-height: calc(23px * 1.22) !important; } 280h5 { font-size: 18px !important; line-height: calc(18px * 1.28) !important; } 281h6 { font-size: 16px !important; line-height: calc(16px * 1.5) !important; } 282 283.vc_row.s2p-tiles h3 { 284 font-size: 22px !important; 285 line-height: calc(22px * 1.25) !important; 286} 287 288/* ========================= 289 3) Header / Navigation (site-wide) 290 ========================= */ 291 292.icon_menu::before { 293 display: inline-block; 294 padding-top: .4rem; 295} 296 297.mobile_menu_button { 298 margin: 0 50px 0 0; 299} 300 301@media (min-width: 768px) 302{ 303 .custom-login-mobile-icon 304 { 305 display: none; 306 } 307} 308 309@media (max-width: 767px) 310{ 311 .custom-login-mobile-icon .fa.fa-user-o::before 312 { 313 display: inline-block !important; 314 width: 34px !important; 315 text-align: center; 316 } 317 .mobile_menu_button 318 { 319 margin: -20px 50px 0 0 !important; 320 } 321 .custom-login-mobile-icon 322 { 323 top: 19px !important; 324 } 325} 326 327/* ========================= 328 3.1) Theme cleanups (single posts) 329 ========================= */ 330 331/* --- Theme cleanups for ALL single posts (moved from page CSS) --- */ 332body.single h1.entry_title{ display:none; } 333body.single .post_info{ display:none !important; } 334body.single .post_image{ display:none !important; } 335body.single .post_text_inner{ padding-top:0 !important; } 336 337 338/* ========================= 339 3.2) Theme layout overrides (single posts) 340 ========================= */ 341 342@media (max-width: 1000px){ 343 344 /* Neutralise theme top spacing on single posts */ 345 body.single .content_inner{ 346 margin-top: 80px !important; 347 } 348 349 body.single .content .container .container_inner.default_template_holder, 350 body.single .container .container_inner.page_container_inner{ 351 padding-top: 0px !important; 352 } 353 354} 355 356 357/* ========================= 358 4) Page sections 359 ========================= */ 360 361/* ---- Home header ---- */ 362div.wpb_column.vc_column_container.vc_col-sm-12 div.vc_column-inner div.wpb_wrapper div.wpb_text_column.wpb_content_element div.wpb_wrapper div.homeheader 363{ 364 background-image: url('https://ship2port.com/wp-content/uploads/shutterstock_326359325-scaled.jpeg') !important; 365} 366 367div.homeheader div.homeheadertekst div.vc_row.wpb_row.section.vc_row-fluid.grid_section div.section_inner.clearfix div.section_inner_margin.clearfix div.wpb_column.vc_column_container.vc_col
367-md-offset-6.vc_col-md-6 div.vc_column-inner div.wpb_wrapper.homeheadertekst-blok 368{ 369 text-shadow: 1px 1px 2px black; 370} 371 372div.homeheader div.homeheadertekst div.vc_row.wpb_row.section.vc_row-fluid.grid_section div.section_inner.clearfix div.section_inner_margin.clearfix div.wpb_column.vc_column_container.vc_col-md-offset-6.vc_col-md-6 div.vc_column-inner div.wpb_wrapper.homeheadertekst-blok div.headerknoppen.hideonmobile a.hvr-bounce-to-right-groen.headercta 373{ 374 text-shadow: none; 375} 376 377.homeheadertekst .of-spanner 378{ 379 display: none; 380} 381 382.homeheadertekst .hvr-bounce-to-right-groen 383{ 384 margin-left: 16px; 385} 386 387/* ---- Feature fields ---- */ 388@media (min-width: 768px) 389{ 390 .feature-fields .moduleblock 391 { 392 display: flex; 393 flex-direction: row; 394 } 395 .feature-fields .moduleblock .moduleblock-image 396 { 397 flex: 0 0 40%; 398 margin-bottom: -4rem; 399 } 400 .feature-fields .moduleblock .moduleblock-tekst 401 { 402 flex: 1 1 60%; 403 } 404 .wpb-content-wrapper .vc_row:nth-child(2n) .feature-fields .moduleblock-image 405 { 406 order: 2; 407 } 408 .home .full_width .vc_row:nth-child(2n) .feature-fields .moduleblock-image 409 { 410 order: 2; 411 } 412 .wpb-content-wrapper .vc_row:nth-child(2n) .feature-fields span.headercta 413 { 414 margin-right: 70%; 415 } 416 .home .full_width .vc_row:nth-child(2n) .feature-fields span.headercta 417 { 418 margin-right: 70%; 419 } 420} 421 422@media only screen and (max-width: 768px) 423{ 424 #demo-form.wpb_raw_html 425 { 426 display: flex !important; 427 } 428 #demo-form.wpb_raw_html > div 429 { 430 flex: 1 1 100%; 431 } 432} 433 434.feature-fields a 435{ 436 box-shadow: none; 437 border-radius: 0; 438} 439 440#features-button button 441{ 442 background-color: #F53E3B; 443 color: white; 444 transition-duration: unset; 445 font-weight: bold; 446} 447 448#features-button button:hover 449{ 450 background-color: white; 451 color: #F53E3B; 452} 453 454@media(max-width: 767px) 455{ 456 section.wpb-content-wrapper div.vc_row.wpb_row.section.vc_row-fluid.vc_custom_1489748607984.grid_section div.section_inner.clearfix div.section_inner_margin.clearfix div.demoform.wpb_column.vc_column_container.vc_col-sm-8 div.vc_column-inner 457 { 458 padding: 0; 459 } 460} 461 462.feature-fields h2.moduleblocktitle 463{ 464 margin-bottom: 0; 465 text-align: left; 466} 467 468.feature-fields h4 469{ 470 color: rgba(245, 62, 59, 1); 471 font-size: 20px; 472 margin-bottom: 30px; 473 text-align: left; 474} 475 476.feature-fields p 477{ 478 text-align: left; 479} 480 481.info_box::before 482{ 483 background-color: rgba(0,0,0,.2); 484} 485 486/* ---- Show raw html (mobile) ---- */ 487@media only screen and (max-width: 768px) { 488 .wpb_raw_html { 489 display: block !important; 490 } 491} 492 493/* ========================= 494 5) Footer 495 ========================= */ 496 497footer #menu-footer-menu li 498{ 499 display: inline; 500} 501 502@media(min-width: 768px) 503{ 504 footer #menu-footer-menu-nl li 505 { 506 display: inline-block; 507 margin-right: 1rem; 508 } 509 footer #menu-footer-menu li 510 { 511 display: inline-block; 512 } 513 footer div.footer_inner.clearfix div.footer_top_holder div.footer_top div.container div.container_inner div.two_columns_50_50.clearfix div.column1.footer_col1 div.column_inner div.widget.widget_nav_menu 514 { 515 width: 50%; 516 float: left; 517 } 518} 519 520footer div.footer_inner.clearfix div.footer_top_holder div.footer_top div.container div.container_inner div.two_columns_50_50.clearfix div.column1.footer_col1 ul 521{ 522 display: flex; 523 flex-direction: column; 524 margin-top: 2rem; 525} 526 527.flexslider .slides img, .portfolio_slider .portfolio_slides img, .qode_carousels .slides img { 528 -webkit-filter: grayscale(0); 529 filter: grayscale(0); 530 width: 65%; 531 margin: 0 auto; 532 display: block; 533} 534 535/* ========================= 536 6) Ship2Port components 537 ========================= */ 538 539/* ======================================== 540 Component: Ship2Port CTAs v1 + Buttons v1 541 - Builder-agnostic 542 - Use everywhere (Hero, Meet, CTA band, cards) 543 ======================================== */ 544 545/* CTA row */ 546.s2p-ctas-v1{ 547 display:flex; 548 flex-wrap:wrap; 549 gap:12px; 550 align-items:center; 551 width:100%; 552 max-width:100%; 553 box-sizing:border-box; 554} 555 556/* Base button */ 557.s2p-btn-v1{ 558 display:inline-flex; 559 align-items:center; 560 justify-content:center; 561 box-sizing:border-box; 562 563 padding:14px 18px; 564 border-radius:8px; 565 566 font-weight:600; 567 font-size:14px; 568 line-height:1; 569 570 border:1px solid transparent; 571 text-decoration:none !important; 572 573 cursor:pointer; 574 transition:transform .15s ease, box-shadow .15s ease, background-color .15s ease, border-color .15s ease, color .15s ease; 575 will-change:transform; 576} 577 578.s2p-btn-v1[data-gtm-cta-type="webinar_watch_recording"]{ 579 gap:6px; 580} 581 582.s2p-btn-v1:hover{ 583 transform:translateY(-1px); 584} 585 586.s2p-btn-v1:focus{ 587 outline:none; 588} 589 590.s2p-btn-v1:focus-visible{ 591 outline:3px solid rgba(245,62,59,.45); 592 outline-offset:3px; 593 border-radius:12px; 594} 595 596/* ======================================== 597 Button variants 598 ======================================== */ 599 600.s2p-btn-v1--primary{ 601 background:#f53e3b; 602 color:#fff !important; 603 box-shadow:0 12px 22px rgba(245,62,59,.22); 604} 605 606.s2p-btn-v1--primary:hover{ 607 background:#c1372a; 608 box-shadow:0 16px 30px rgba(193,55,42,.24); 609} 610 611.s2p-btn-v1--secondary{ 612 background:#fff;
613 color:#1d3563 !important; 614 border-color:rgba(255,255,255,.55); 615 box-shadow:0 10px 22px rgba(0,0,0,.14); 616} 617 618.s2p-btn-v1--secondary:hover{ 619 background:rgba(255,255,255,.96); 620 box-shadow:0 14px 28px rgba(0,0,0,.16); 621} 622 623.s2p-btn-v1--outline{ 624 background:transparent; 625 border-color:rgba(29,53,99,.18); 626 color:#1d3563 !important; 627} 628 629.s2p-btn-v1--outline:hover{ 630 background:rgba(29,53,99,.04); 631 border-color:rgba(29,53,99,.26); 632 box-shadow:0 12px 30px rgba(11,31,58,.10); 633} 634 635.s2p-btn-v1--outline-light{ 636 background:transparent; 637 border:1px solid rgba(255,255,255,.6); 638 color:#fff !important; 639} 640 641.s2p-btn-v1--outline-light:hover{ 642 background:rgba(255,255,255,.08); 643 border-color:#fff; 644 box-shadow:0 12px 30px rgba(0,0,0,.25); 645} 646 647.s2p-ctas-v1--center{ 648 justify-content:center; 649} 650 651.s2p-btn-v1--wide{ 652 padding:18px 26px; 653 font-size:15px; 654 min-width:180px; 655} 656 657.s2p-ctas-v1--top{ 658 align-items:flex-start; 659} 660 661/* Sub CTA wrapper (button + note) */ 662 663 664/* Sub CTA wrapper */ 665.s2p-cta-sub{ 666 display:inline-flex; 667 flex-direction:column; 668 align-items:center; 669} 670 671/* Note under button */ 672.s2p-cta-sub__note{ 673 margin-top:6px; 674 font-size:12px; 675 color:rgba(255,255,255,.8); 676 text-align:center; 677} 678 679/* ======================================== 680 Disabled state 681 ======================================== */ 682 683.s2p-btn-v1[aria-disabled="true"], 684.s2p-btn-v1.is-disabled{ 685 opacity:.6; 686 pointer-events:none; 687 transform:none; 688} 689 690/* ======================================== 691 Mobile behaviour 692 - Stack CTA buttons vertically 693 - Full-width buttons for easier tapping 694 ======================================== */ 695 696@media (max-width:640px){ 697 698 .s2p-ctas-v1{ 699 width:100%; 700 flex-direction:column; 701 align-items:stretch; 702 } 703 704 .s2p-ctas-v1 .s2p-btn-v1{ 705 width:100%; 706 } 707 708} 709 710/* ======================================== 711 Component: Ship2Port Hero v2 712 - Builder-agnostic 713 - Fully scoped under .s2p-hero-v2 714 ======================================== */ 715 716.s2p-hero-v2{ 717 --s2p-hero-accent: #f53e3b; 718 --s2p-hero-navy: #1d3563; 719 --s2p-hero-navy2: #0b1f3a; 720 721 --s2p-hero-ink-on-dark: rgba(255,255,255,.92); 722 --s2p-hero-muted-on-dark: rgba(255,255,255,.86); 723 --s2p-hero-footnote-on-dark: rgba(255,255,255,.76); 724 725 position:relative; 726 padding:clamp(44px,6vw,72px) 0 clamp(34px,4vw,52px); 727 background: 728 radial-gradient(900px 480px at 20% 10%, rgba(245,62,59,.18), rgba(245,62,59,0) 60%), 729 radial-gradient(900px 520px at 70% 10%, rgba(255,255,255,.10), rgba(255,255,255,0) 65%), 730 linear-gradient(180deg,#10284e 0%, var(--s2p-hero-navy2) 100%); 731 overflow:hidden; 732} 733 734.s2p-hero-v2::after{ 735 content:""; 736 position:absolute; 737 inset:-2px; 738 background:radial-gradient(700px 380px at 85% 55%, rgba(255,255,255,.12), rgba(255,255,255,0) 60%); 739 pointer-events:none; 740} 741 742.s2p-hero-v2__grid{ 743 position:relative; 744 z-index:1; 745 display:grid; 746 grid-template-columns:1.15fr .85fr; 747 grid-template-areas:"left right"; 748 gap:26px 34px; 749 align-items:start; 750} 751 752.s2p-hero-v2__content{ 753 grid-area:left; 754 max-width:850px; 755} 756 757.s2p-hero-v2__media{ 758 grid-area:right; 759 align-self:start; 760 display:flex; 761 flex-direction:column; 762 align-items:flex-end; 763 justify-content:flex-start; 764 padding-top:4px; 765} 766 767.s2p-hero-v2__event-logo{ 768 margin:0 0 38px 0; 769 min-height:40px; 770} 771 772.s2p-hero-v2__event-logo:empty{ 773 display:block; 774} 775 776.s2p-hero-v2__event-logo img{ 777 display:block; 778 height:80px; 779 width:auto; 780 max-width:100%; 781 filter:none !important; 782 box-shadow:none !important; 783} 784 785.s2p-hero-v2__eyebrow{ 786 margin:0 0 12px 0 !important; 787 font-size:12px; 788 letter-spacing:.08em; 789 text-transform:uppercase; 790 color:var(--s2p-hero-ink-on-dark); 791} 792 793.s2p-hero-v2__title{ 794 margin:0 0 14px 0; 795 font-size:clamp(34px,4.2vw,52px) !important; 796 line-height:1.05 !important; 797 letter-spacing:-.03em; 798} 799 800.s2p-hero-v2__title-line{ display:block; color:#fff; } 801.s2p-hero-v2__title-accent{ display:block; color:var(--s2p-hero-accent); } 802 803.s2p-hero-v2__lead{ 804 margin:0 0 28px 0; 805 font-size:16px; 806 color:var(--s2p-hero-ink-on-dark); 807 max-width:78ch; 808} 809 810.s2p-hero-v2__body{ 811 margin:0 0 18px 0; 812 font-size:15px; 813 color:var(--s2p-hero-muted-on-dark); 814 max-width:60ch; 815} 816 817.s2p-hero-v2 .s2p-ctas-v1{ 818 margin-top:22px; 819} 820 821.s2p-hero-v2__outcomes{ 822 margin-top:18px; 823 padding-top:14px; 824 825 display:flex; 826 flex-wrap:wrap; 827 gap:12px 20px; 828 align-items:center; 829 830 font-size:13.5px; 831 color:rgba(255,255,255,.86); 832} 833 834.s2p-hero-v2__outcomes span{ 835 display:inline-flex; 836 align-items:center; 837 gap:8px; 838 white-space:nowrap; 839} 840 841.s2p-hero-v2__outcomes i{ 842 color:var(--s2p-hero-accent); 843 font-size:13px; 844} 845 846.s2p-hero-v2__image{ 847 width:100%; 848 height:auto; 849 display:block;
850 filter:none !important; 851 box-shadow:none !important; 852 margin-top:-2px; 853} 854 855.s2p-hero-v2__proof{ 856 margin-top:18px; 857 display:flex; 858 flex-wrap:wrap; 859 gap:10px 12px; 860 align-items:center; 861 padding-top:10px; 862 border-top:1px solid rgba(255,255,255,.16); 863} 864 865.s2p-hero-v2__badge{ 866 display:inline-flex; 867 align-items:center; 868 gap:8px; 869 padding:6px 10px; 870 border-radius:999px; 871 font-size:12px; 872 font-weight:800; 873 letter-spacing:.02em; 874 color:var(--s2p-hero-ink-on-dark); 875 border:1px solid rgba(255,255,255,.22); 876 background:rgba(255,255,255,.07); 877} 878 879.s2p-hero-v2__badge i{ opacity:.95; } 880 881.s2p-hero-v2__footnote{ 882 font-size:13px; 883 color:var(--s2p-hero-footnote-on-dark); 884 white-space:nowrap; 885} 886 887@media (max-width:980px){ 888 .s2p-hero-v2__grid{ 889 grid-template-columns:1fr; 890 grid-template-areas: 891 "left" 892 "right"; 893 gap:22px; 894 } 895 896 .s2p-hero-v2__content{ 897 max-width:none; 898 } 899 900 .s2p-hero-v2__media{ 901 align-items:center; 902 padding-top:0; 903 } 904 905 .s2p-hero-v2__event-logo{ 906 margin:0 0 18px 0; 907 max-width:170px; 908 } 909 910 .s2p-hero-v2__image{ 911 margin-top:0; 912 } 913 914 .s2p-hero-v2__footnote{ 915 white-space:normal; 916 } 917} 918 919@media (max-width:640px){ 920 .s2p-hero-v2__outcomes{ 921 flex-direction:column; 922 align-items:flex-start; 923 gap:8px; 924 } 925 926 .s2p-hero-v2__outcomes span{ 927 white-space:normal; 928 } 929} 930 931.s2p-hero-v2 .s2p-container{ 932 max-width:1550px; 933} 934/* ======================================== 935 Ship2Port Hero â Event status (minimal) 936 - Subtle text label above eyebrow 937 - Uses tag classes on the wrapping article 938 - Additive only 939 ======================================== */ 940 941.s2p-hero-v2__status{ 942 margin: 0 0 6px 0; 943 font-size: 12px; 944 font-weight: 800; 945 letter-spacing: .08em; 946 text-transform: uppercase; 947 line-height: 1.1; 948 min-height: 14px; 949} 950 951.blog_single article.tag-upcoming .s2p-hero-v2__status::before{ 952 content: "Upcoming"; 953 color: #f53e3b; 954} 955 956.blog_single article.tag-past-event .s2p-hero-v2__status::before{ 957 content: "Past event"; 958 color: rgba(255,255,255,.62); 959} 960 961.s2p-hero-v2__status + .s2p-hero-v2__eyebrow{ 962 margin-top: 0; 963} 964 965@media (max-width:640px){ 966 .s2p-hero-v2__status{ 967 margin: 0 0 5px 0; 968 font-size: 11px; 969 } 970} 971 972/* ======================================== 973 Ship2Port Hero v2 â Webinar extension 974 - Additive only 975 - Existing Hero v2 pages remain unchanged 976 ======================================== */ 977 978.s2p-hero-v2--webinar .s2p-container{ 979 max-width:1300px; 980} 981 982/* Webinar variant: slightly rebalance layout for content + details card */ 983.s2p-hero-v2--webinar .s2p-hero-v2__grid{ 984 grid-template-columns:minmax(0, 1.08fr) minmax(320px, 460px); 985 gap:28px 38px; 986} 987 988/* Webinar variant: content width can be a bit tighter for better rhythm */ 989.s2p-hero-v2--webinar .s2p-hero-v2__content{ 990 max-width:760px; 991 min-width:0; 992} 993 994/* Webinar variant: right column aligns better with a card than with a logo/image stack */ 995.s2p-hero-v2--webinar .s2p-hero-v2__media{ 996 align-items:stretch; 997 justify-self:end; 998 align-self:start; 999 width:100%; 1000 max-width:460px; 1001 min-width:0; 1002 padding-top:8px; 1003} 1004 1005/* ----------------------------------------- 1006 Webinar detail card 1007 ----------------------------------------- */ 1008.s2p-hero-v2__detail-card{ 1009 width:100%; 1010 max-width:100%; 1011 box-sizing:border-box; 1012 padding:24px 24px 22px; 1013 border-radius:22px; 1014 border:1px solid rgba(255,255,255,.16); 1015 background: 1016 linear-gradient(180deg, rgba(255,255,255,.11) 0%, rgba(255,255,255,.07) 100%); 1017 box-shadow: 1018 0 18px 42px rgba(0,0,0,.18), 1019 inset 0 1px 0 rgba(255,255,255,.08); 1020 backdrop-filter:blur(8px); 1021 overflow:hidden; 1022} 1023 1024/* Small title above the details */ 1025.s2p-hero-v2__detail-card-kicker{ 1026 margin:0 0 16px 0; 1027 font-size:12px; 1028 font-weight:800; 1029 letter-spacing:.08em; 1030 text-transform:uppercase; 1031 color:rgba(255,255,255,.76); 1032} 1033 1034/* Detail rows */ 1035.s2p-hero-v2__detail-list{ 1036 display:grid; 1037 gap:0; 1038} 1039 1040.s2p-hero-v2__detail-item{ 1041 display:grid; 1042 grid-template-columns:110px minmax(0, 1fr); 1043 gap:12px; 1044 align-items:start; 1045 padding:12px 0; 1046 border-top:1px solid rgba(255,255,255,.12); 1047} 1048 1049.s2p-hero-v2__detail-item:first-child{ 1050 border-top:0; 1051 padding-top:0; 1052} 1053 1054.s2p-hero-v2__detail-label{ 1055 font-size:12px; 1056 font-weight:800; 1057 letter-spacing:.04em; 1058 text-transform:uppercase; 1059 color:rgba(255,255,255,.68); 1060} 1061 1062.s2p-hero-v2__detail-value{ 1063 font-size:15px; 1064 line-height:1.5; 1065 color:rgba(255,255,255,.94); 1066 min-width:0; 1067} 1068 1069/* Speakers block */ 1070.s2p-hero-v2__detail-value--speakers{ 1071 display:flex; 1072 flex-direction:column; 1073 align-items:flex-start; 1074 gap:12px; 1075} 1076 1077.s2p-hero-v2__speaker-avatars{ 1078 display:flex; 1079 align-items:center; 1080 gap:8px; 1081 padding-left:0; 1082} 1083 1084.s2p-hero-v2__speaker-avatar{ 1085 width:48px; 1086 height:48px; 1087 display:block; 1088 object-fit:cover; 1089 border-radius:999px; 1090 border:2px solid rgba(255,255,255,.18); 1091 background:rgba(255,255,255,.08); 1092 box-shadow:0 6px 14px rgba(0,0,0,.18); 1093} 1094 1095.s2p-hero-v2__speaker-names{ 1096 display:flex; 1097 flex-direction:column; 1098 gap:1px; 1099 line-height:1.4; 1100} 1101 1102.s2p-hero-v2__speaker-name{ 1103 display:block; 1104} 1105 1106/* CTA inside the detail card */ 1107.s2p-hero-v2__detail-card .s2p-btn-v1, 1108.s2p-hero-v2__detail-card-cta{ 1109 display:inline-flex; 1110 width:100%; 1111 max-width:100%; 1112 box-sizing:border-box; 1113 justify-content:center; 1114 margin-top:18px; 1115} 1116 1117/* Webinar outcomes: slightly stronger spacing on this variant */ 1118.s2p-hero-v2--webinar .s2p-hero-v2__outcomes{ 1119 margin-top:20px; 1120 padding-top:0; 1121} 1122 1123/* Optional: make webinar hero body a touch more comfortable to read */ 1124.s2p-hero-v2--webinar .s2p-hero-v2__body{ 1125 max-width:62ch; 1126} 1127 1128/* ----------------------------------------- 1129 Responsive 1130 ----------------------------------------- */ 1131@media (max-width:1180px){ 1132 .s2p-hero-v2--webinar .s2p-hero-v2__grid{ 1133 grid-template-columns:minmax(0, 1fr) minmax(300px, 400px); 1134 gap:24px 28px; 1135 } 1136 1137 .s2p-hero-v2--webinar .s2p-hero-v2__media{ 1138 max-width:400px; 1139 } 1140} 1141 1142@media (max-width:980px){ 1143 .s2p-hero-v2--webinar .s2p-hero-v2__grid{ 1144 grid-template-columns:1fr; 1145 gap:24px; 1146 } 1147 1148 .s2p-hero-v2--webinar .s2p-hero-v2__media{ 1149 justify-self:stretch; 1150 max-width:none; 1151 width:100%; 1152 padding-top:0; 1153 } 1154 1155 .s2p-hero-v2__detail-card{ 1156 padding:22px 20px 20px; 1157 } 1158} 1159 1160@media (max-width:640px){ 1161 .s2p-hero-v2__detail-item{ 1162 grid-template-columns:1fr; 1163 gap:4px; 1164 padding:11px 0; 1165 } 1166 1167 .s2p-hero-v2__detail-label{ 1168 font-size:11px; 1169 } 1170 1171 .s2p-hero-v2__detail-value{ 1172 font-size:14px; 1173 } 1174 1175 .s2p-hero-v2__detail-value--speakers{ 1176 gap:10px; 1177 } 1178 1179 .s2p-hero-v2__speaker-avatars{ 1180 gap:7px; 1181 } 1182 1183 .s2p-hero-v2__speaker-avatar{ 1184 width:42px; 1185 height:42px; 1186 } 1187} 1188 1189/* ======================================== 1190 Component: Ship2Port Overview Hero v2 1191 - Compact centered hero for overview / hub pages 1192 - No side image 1193 - Keeps trust badges 1194 ======================================== */ 1195 1196.s2p-overview-hero-v2{ 1197 --s2p-overview-hero-accent:#f53e3b; 1198 --s2p-overview-hero-navy:#1d3563; 1199 --s2p-overview-hero-navy2:#0b1f3a; 1200 1201 --s2p-overview-hero-ink:rgba(255,255,255,.94); 1202 --s2p-overview-hero-muted:rgba(255,255,255,.84); 1203 1204 position:relative; 1205 overflow:hidden; 1206 1207 padding:clamp(34px,4.5vw,56px) 0 clamp(24px,3vw,34px); 1208 1209 background: 1210 radial-gradient(900px 440px at 20% 10%, rgba(245,62,59,.16), rgba(245,62,59,0) 60%), 1211 radial-gradient(900px 480px at 76% 12%, rgba(255,255,255,.09), rgba(255,255,255,0) 65%), 1212 linear-gradient(180deg,#10284e 0%, var(--s2p-overview-hero-navy2) 100%); 1213} 1214 1215.s2p-overview-hero-v2::after{ 1216 content:""; 1217 position:absolute; 1218 inset:-2px; 1219 pointer-events:none; 1220 background: 1221 radial-gradient(700px 340px at 82% 46%, rgba(255,255,255,.10), rgba(255,255,255,0) 60%); 1222} 1223 1224.s2p-overview-hero-v2__inner{ 1225 position:relative; 1226 z-index:1; 1227 1228 max-width:920px; 1229 margin:0 auto; 1230 1231 text-align:center; 1232} 1233 1234.s2p-overview-hero-v2__eyebrow{ 1235 margin:0 0 12px 0; 1236 1237 font-size:12px; 1238 letter-spacing:.08em; 1239 text-transform:uppercase; 1240 1241 color:var(--s2p-overview-hero-ink); 1242} 1243 1244.s2p-overview-hero-v2__title{ 1245 margin:0 0 14px 0; 1246 1247 font-size:clamp(32px,4.2vw,52px); 1248 line-height:1.06; 1249 letter-spacing:-.03em; 1250} 1251 1252.s2p-overview-hero-v2__title-line{ 1253 display:block; 1254 color:#ffffff; 1255} 1256 1257.s2p-overview-hero-v2__title-accent{ 1258 display:block; 1259 color:var(--s2p-overview-hero-accent); 1260} 1261 1262.s2p-overview-hero-v2__lead{ 1263 margin:0 auto; 1264 1265 max-width:72ch; 1266 1267 font-size:15.5px; 1268 line-height:1.72; 1269 color:var(--s2p-overview-hero-muted); 1270} 1271 1272.s2p-overview-hero-v2__proof{ 1273 margin:18px auto 0; 1274 padding-top:14px; 1275 1276 display:flex; 1277 flex-wrap:wrap; 1278 justify-content:center; 1279 align-items:center; 1280 gap:10px 12px; 1281 1282 border-top:1px solid rgba(255,255,255,.14); 1283 1284 max-width:640px; 1285} 1286 1287.s2p-overview-hero-v2__badge{ 1288 display:inline-flex; 1289 align-items:center; 1290 gap:8px; 1291 1292 padding:6px 10px; 1293 border-radius:999px; 1294 1295 font-size:12px; 1296 font-weight:800; 1297 letter-spacing:.02em; 1298 1299 color:var(--s2p-overview-hero-ink); 1300 border:1px solid rgba(255,255,255,.22); 1301 background:rgba(255,255,255,.07); 1302} 1303 1304.s2p-overview-hero-v2__badge i{ 1305 opacity:.95; 1306} 1307 1308/* Tablet / mobile */ 1309 1310@media (max-width:640px){ 1311 .s2p-overview-hero-v2{ 1312 padding:32px 0 22px; 1313 } 1314 1315 .s2p-overview-hero-v2__lead{ 1316 font-size:15px; 1317 line-height:1.65; 1318 } 1319 1320 .s2p-overview-hero-v2__proof{ 1321 padding-top:12px; 1322 } 1323} 1324 1325/* ======================================== 1326 Component: Ship2Port Stats v1 1327 ======================================== */ 1328 1329.s2p-stats-v1{ 1330 1331 --s2p-stats-navy:#1d3563; 1332 --s2p-stats-accent:#f53e3b; 1333 1334 padding:28px 0 34px; 1335 background:linear-gradient(180deg, rgba(29,53,99,.04) 0%, rgba(29,53,99,.02) 100%); 1336 border-bottom:1px solid rgba(29,53,99,.08); 1337} 1338 1339/* Wider container like hero */ 1340 1341.s2p-stats-v1 .s2p-container{ 1342 max-width:1550px; 1343} 1344 1345/* Grid now adapts to number of stats */ 1346 1347.s2p-stats-v1__grid{ 1348 display:grid; 1349 grid-template-columns:repeat(auto-fit, minmax(220px,1fr)); 1350 gap:0; 1351 align-items:stretch; 1352} 1353 1354.s2p-stats-v1__item{
1355 padding:18px 22px; 1356 text-align:left; 1357 position:relative; 1358 transition:transform .18s ease; 1359} 1360 1361.s2p-stats-v1__item:hover{ 1362 transform:translateY(-3px); 1363} 1364 1365/* vertical dividers */ 1366 1367.s2p-stats-v1__item:not(:last-child)::after{ 1368 content:""; 1369 position:absolute; 1370 top:20%; 1371 right:0; 1372 height:60%; 1373 width:1px; 1374 background:rgba(29,53,99,.10); 1375} 1376 1377.s2p-stats-v1__number{ 1378 font-size:32px; 1379 font-weight:900; 1380 letter-spacing:-.02em; 1381 color:var(--s2p-stats-navy); 1382 line-height:1.05; 1383 margin-bottom:6px; 1384 white-space:nowrap; 1385} 1386 1387.s2p-stats-v1__accent{ 1388 color:var(--s2p-stats-accent); 1389} 1390 1391.s2p-stats-v1__label{ 1392 font-size:13px; 1393 line-height:1.5; 1394 color:rgba(29,53,99,.72); 1395 max-width:26ch; 1396} 1397 1398/* Responsive */ 1399 1400@media (max-width:980px){ 1401 .s2p-stats-v1__grid{ 1402 grid-template-columns:repeat(2, minmax(0,1fr)); 1403 } 1404 1405 .s2p-stats-v1__item::after{ 1406 display:none; 1407 } 1408} 1409 1410@media (max-width:520px){ 1411 .s2p-stats-v1__grid{ 1412 grid-template-columns:1fr; 1413 } 1414} 1415 1416/* ===================================================== 1417 Ship2Port â Cards Scroller (v1.7 FINAL + dim disabled) 1418 Class: .s2p-cards-scroller-v1 1419 Optional arrows: add .s2p-cards-scroller-v1--arrows 1420 - Native horizontal rail + scroll-snap 1421 - No visible horizontal scrollbar (still scrollable) 1422 - Edge fades (non-blocking) with OUTER corners rounded only 1423 - Arrows live BELOW the rail (not overlaying it), aligned bottom-right 1424 - Disabled arrows stay visible but dimmed 1425 ===================================================== */ 1426 1427.s2p-cards-scroller-v1{ 1428 --s2p-csv1-gap: 20px; 1429 --s2p-csv1-padX: 20px; 1430 --s2p-csv1-padY: 20px; 1431 1432 --s2p-csv1-railRadius: 14px; 1433 1434 --s2p-csv1-fadeW: 46px; 1435 --s2p-csv1-fadeBg: rgba(232,238,244,1); 1436 --s2p-csv1-fadeHardness: 78%; 1437 1438 --s2p-csv1-cardW: clamp(270px, 78vw, 420px); 1439 --s2p-csv1-cardW-desktop: 380px; 1440 1441 --s2p-csv1-railEdgeW: 18px; 1442 --s2p-csv1-railEdgeLine: rgba(29,53,99,.14); 1443 --s2p-csv1-railEdgeGlow: rgba(255,255,255,.70); 1444 1445 --s2p-csv1-arrowSize: 40px; 1446 --s2p-csv1-arrowBorder: rgba(29,53,99,.18); 1447 --s2p-csv1-arrowBg: rgba(255,255,255,.78); 1448 --s2p-csv1-arrowShadow: 0 10px 26px rgba(15,23,42,.10); 1449 --s2p-csv1-arrowGlyph: rgba(29,53,99,.92); 1450 1451 --s2p-csv1-controlsGap: 10px; 1452 --s2p-csv1-controlsTop: 10px; 1453 1454 /* NEW: dim level for disabled arrows */ 1455 --s2p-csv1-arrowDisabledOpacity: .25; 1456 1457 position: relative; 1458 padding: 0 var(--s2p-csv1-padX); 1459} 1460 1461/* Scroll rail (first child) */ 1462.s2p-cards-scroller-v1 > *:first-child{ 1463 display: flex; 1464 flex-wrap: nowrap; 1465 gap: var(--s2p-csv1-gap); 1466 1467 overflow-x: auto; 1468 overflow-y: hidden; 1469 1470 padding: calc(var(--s2p-csv1-padY) + 6px) 4px calc(var(--s2p-csv1-padY) + 12px); 1471 margin: 0; 1472 1473 -webkit-overflow-scrolling: touch; 1474 scroll-behavior: smooth; 1475 1476 scroll-snap-type: x mandatory; 1477 scroll-padding-left: var(--s2p-csv1-padX); 1478 scroll-padding-right: var(--s2p-csv1-padX); 1479 1480 scrollbar-width: none; 1481 -ms-overflow-style: none; 1482 1483 border-radius: var(--s2p-csv1-railRadius); 1484 box-shadow: 1485 inset 0 0 0 1px rgba(29,53,99,.06), 1486 inset 0 10px 18px rgba(15,23,42,.03); 1487} 1488 1489/* Hide scrollbar (WebKit) */ 1490.s2p-cards-scroller-v1 > *:first-child::-webkit-scrollbar{ 1491 width: 0; 1492 height: 0; 1493 display: none; 1494} 1495 1496@supports (overflow: clip){ 1497 .s2p-cards-scroller-v1 > *:first-child{ 1498 overflow-y: clip; 1499 } 1500} 1501 1502/* Cards */ 1503.s2p-cards-scroller-v1 > *:first-child > *{ 1504 flex: 0 0 auto; 1505 width: var(--s2p-csv1-cardW); 1506 scroll-snap-align: start; 1507 min-width: 0; 1508} 1509 1510@media (min-width: 900px){ 1511 .s2p-cards-scroller-v1 > *:first-child > *{ 1512 width: var(--s2p-csv1-cardW-desktop); 1513 } 1514} 1515 1516/* Edge fades (overlay rail only) */ 1517.s2p-cards-scroller-v1::before, 1518.s2p-cards-scroller-v1::after{ 1519 content:""; 1520 position:absolute; 1521 top: 0; 1522 bottom: calc(var(--s2p-csv1-controlsTop) + var(--s2p-csv1-arrowSize)); 1523 1524 width: max(var(--s2p-csv1-fadeW), var(--s2p-csv1-railRadius)); 1525 z-index: 2; 1526 pointer-events: none; 1527} 1528 1529.s2p-cards-scroller-v1::before{ 1530 left: 0; 1531 border-top-left-radius: var(--s2p-csv1-railRadius); 1532 border-bottom-left-radius: var(--s2p-csv1-railRadius); 1533 1534 background: 1535 linear-gradient( 1536 90deg, 1537 var(--s2p-csv1-fadeBg) 0%, 1538 var(--s2p-csv1-fadeBg) calc(100% - var(--s2p-csv1-fadeHardness)), 1539 rgba(232,238,244,0) 100% 1540 ), 1541 linear-gradient(90deg, 1542 rgba(0,0,0,0) calc(100% - var(--s2p-csv1-railEdgeW)),
1543 var(--s2p-csv1-railEdgeGlow) calc(100% - 10px), 1544 var(--s2p-csv1-railEdgeLine) 100% 1545 ); 1546} 1547 1548.s2p-cards-scroller-v1::after{ 1549 right: 0; 1550 border-top-right-radius: var(--s2p-csv1-railRadius); 1551 border-bottom-right-radius: var(--s2p-csv1-railRadius); 1552 1553 background: 1554 linear-gradient( 1555 270deg, 1556 var(--s2p-csv1-fadeBg) 0%, 1557 var(--s2p-csv1-fadeBg) calc(100% - var(--s2p-csv1-fadeHardness)), 1558 rgba(232,238,244,0) 100% 1559 ), 1560 linear-gradient(270deg, 1561 rgba(0,0,0,0) calc(100% - var(--s2p-csv1-railEdgeW)), 1562 var(--s2p-csv1-railEdgeGlow) calc(100% - 10px), 1563 var(--s2p-csv1-railEdgeLine) 100% 1564 ); 1565} 1566 1567/* Controls slot (second child) */ 1568.s2p-cards-scroller-v1 .s2p-csv1-controls-slot{ 1569 display: flex; 1570 justify-content: flex-end; 1571 align-items: center; 1572 gap: var(--s2p-csv1-controlsGap); 1573 margin-top: var(--s2p-csv1-controlsTop); 1574 min-height: var(--s2p-csv1-arrowSize); 1575} 1576 1577/* Buttons */ 1578.s2p-cards-scroller-v1--arrows .s2p-csv1-btn{ 1579 width: var(--s2p-csv1-arrowSize); 1580 height: var(--s2p-csv1-arrowSize); 1581 1582 border-radius: 999px; 1583 border: 1px solid var(--s2p-csv1-arrowBorder); 1584 background: var(--s2p-csv1-arrowBg); 1585 color: var(--s2p-csv1-arrowGlyph); 1586 1587 backdrop-filter: blur(10px); 1588 -webkit-backdrop-filter: blur(10px); 1589 1590 box-shadow: var(--s2p-csv1-arrowShadow); 1591 1592 display:flex; 1593 align-items:center; 1594 justify-content:center; 1595 1596 cursor:pointer; 1597 user-select: none; 1598 1599 opacity: .92; 1600 transition: opacity .18s ease, transform .18s ease; 1601} 1602 1603@media (hover:hover){ 1604 .s2p-cards-scroller-v1--arrows .s2p-csv1-btn:hover{ 1605 transform: scale(1.03); 1606 opacity: 1; 1607 } 1608} 1609 1610/* NEW: disabled arrows stay visible but dim, and donât animate */ 1611.s2p-cards-scroller-v1--arrows .s2p-csv1-btn:disabled{ 1612 cursor: default; 1613 opacity: var(--s2p-csv1-arrowDisabledOpacity) !important; 1614 transform: none !important; 1615} 1616 1617/* On smaller screens: swipe is enough */ 1618@media (max-width: 720px){ 1619 .s2p-cards-scroller-v1 .s2p-csv1-controls-slot{ 1620 display:none; 1621 } 1622} 1623 1624/* Respect reduced motion */ 1625@media (prefers-reduced-motion: reduce){ 1626 .s2p-cards-scroller-v1 > *:first-child{ scroll-behavior: auto; } 1627} 1628 1629/* Mobile: controls are hidden, so fades should cover full rail height */ 1630@media (max-width: 720px){ 1631 .s2p-cards-scroller-v1::before, 1632 .s2p-cards-scroller-v1::after{ 1633 bottom: 0; 1634 } 1635} 1636 1637/* ======================================== 1638 Component: Ship2Port Partners v1 1639 - Builder-agnostic 1640 - Fully scoped under .s2p-partners-v1 1641 ======================================== */ 1642 1643.s2p-partners-v1{ 1644 /* Tokens (override per page if desired) */ 1645 --s2p-partners-bg:#eeeff3; 1646 --s2p-partners-ink:rgba(1,53,101,.78); 1647 --s2p-partners-muted:rgba(1,53,101,.62); 1648 1649 padding:38px 0 42px; 1650 background:var(--s2p-partners-bg); 1651 border-top:1px solid rgba(1,53,101,.06); 1652 border-bottom:1px solid rgba(1,53,101,.06); 1653} 1654 1655.s2p-partners-v1__inner{ 1656 display:grid; 1657 grid-template-columns:minmax(260px, 34%) 1fr; 1658 gap:22px 48px; 1659 align-items:center; 1660} 1661 1662/* Left column */ 1663.s2p-partners-v1__copy{ 1664 max-width:440px; 1665} 1666 1667.s2p-partners-v1__label{ 1668 font-size:12px; 1669 font-weight:900; 1670 letter-spacing:.16em; 1671 text-transform:uppercase; 1672 color:var(--s2p-partners-ink); 1673 margin-bottom:10px; 1674} 1675 1676.s2p-partners-v1__note{ 1677 font-size:15px; 1678 line-height:1.6; 1679 color:var(--s2p-partners-muted); 1680} 1681 1682/* Right column (logos) */ 1683.s2p-partners-v1__logos{ 1684 display:flex; 1685 flex-wrap:wrap; 1686 align-items:center; 1687 gap:24px 64px; 1688} 1689 1690/* Consistent vertical rhythm regardless of logo shape */ 1691.s2p-partners-v1__logo{ 1692 display:flex; 1693 align-items:center; 1694 justify-content:flex-start; 1695 min-height:112px; 1696} 1697 1698.s2p-partners-v1__logo img{ 1699 height:104px; 1700 width:auto; 1701 max-width:420px; 1702 object-fit:contain; 1703 display:block; 1704} 1705 1706/* Responsive */ 1707@media (max-width:900px){ 1708 .s2p-partners-v1{ 1709 padding:30px 0 34px; 1710 } 1711 1712 .s2p-partners-v1__inner{ 1713 grid-template-columns:1fr; 1714 text-align:center; 1715 gap:16px; 1716 } 1717 1718 .s2p-partners-v1__copy{ 1719 max-width:none; 1720 } 1721 1722 .s2p-partners-v1__logos{ 1723 justify-content:center; 1724 gap:22px 46px; 1725 } 1726 1727 .s2p-partners-v1__logo{ 1728 justify-content:center; 1729 min-height:86px; 1730 } 1731 1732 .s2p-partners-v1__logo img{ 1733 height:76px; 1734 max-width:300px; 1735 } 1736} 1737 1738/* ======================================== 1739 Component: Ship2Port Section Header v1 1740 - Robust centering (survives theme width:100%) 1741 ======================================== */ 1742 1743.s2p-sectionhead-v1{ 1744 width:100%; 1745 max-width:1000px; 1746 margin:0 auto 28px auto; 1747 padding:0 6px; 1748} 1749 1750.s2p-sectionhead-v1--center{ 1751 text-align:center !important; 1752 margin-left:auto !important; 1753 margin-right:auto !important; 1754 display:flex; 1755 flex-direction:column; 1756 align-items:center; 1757} 1758 1759.s2p-sectionhead-v1__title{ 1760 margin:0 0 14px 0; 1761 font-size:clamp(26px,3vw,36px); 1762 line-height:1.12; 1763 letter-spacing:-.03em; 1764 color:##f53e3b; 1765} 1766 1767.s2p-sectionhead-v1__lead{ 1768 margin:0; 1769 font-size:16px; 1770 line-height:1.75; 1771 color:rgba(43,58,85,.92); 1772 max-width:72ch; 1773} 1774 1775 1776/* ======================================== 1777 Component: Ship2Port Audience v1 1778 - Builder-agnostic 1779 - Fully scoped under .s2p-audience-v1 1780 ======================================== */ 1781 1782.s2p-audience-v1{ 1783 /* Local palette (override per page if needed) */ 1784 --s2p-aud-navy:#013565; 1785 --s2p-aud-accent:#de452d; 1786 1787 --s2p-aud-slab:#e8eef4; 1788 --s2p-aud-slab2:#eeeff3; 1789 1790 --s2p-aud-border:rgba(1,53,101,.16); 1791 --s2p-aud-shadow:0 16px 40px rgba(1,53,101,.10); 1792 1793 padding:clamp(56px,6vw,84px) 0; 1794 background: 1795 radial-gradient(900px 520px at 12% 10%, rgba(1,53,101,.10), rgba(1,53,101,0) 62%), 1796 radial-gradient(900px 520px at 88% 0%, rgba(222,69,45,.06), rgba(222,69,45,
17960) 60%), 1797 linear-gradient(180deg, var(--s2p-aud-slab) 0%, var(--s2p-aud-slab2) 100%); 1798 border-top:1px solid rgba(1,53,101,.10); 1799 border-bottom:1px solid rgba(1,53,101,.10); 1800} 1801 1802.s2p-audience-v1__grid{ 1803 display:grid; 1804 grid-template-columns:repeat(2, minmax(0,1fr)); 1805 gap:18px; 1806} 1807 1808/* Card */ 1809.s2p-audience-v1__card{ 1810 position:relative; 1811 overflow:hidden; 1812 1813 display:flex; 1814 flex-direction:column; 1815 1816 background:rgba(255,255,255,.96); 1817 border:1px solid var(--s2p-aud-border); 1818 border-radius:16px; 1819 box-shadow:var(--s2p-aud-shadow); 1820 1821 padding:20px 22px; 1822 transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease; 1823} 1824 1825/* top band */ 1826.s2p-audience-v1__card::before{ 1827 content:""; 1828 position:absolute; 1829 left:0; top:0; right:0; 1830 height:6px; 1831 background:linear-gradient(90deg, rgba(1,53,101,.95), rgba(1,53,101,0)); 1832 opacity:.9; 1833} 1834 1835/* left accent rail */ 1836.s2p-audience-v1__card::after{ 1837 content:""; 1838 position:absolute; 1839 left:0; 1840 top:10px; 1841 bottom:10px; 1842 width:4px; 1843 border-radius:999px; 1844 background:rgba(1,53,101,.18); 1845 opacity:.9; 1846} 1847.s2p-audience-v1__card--api::after{ background:rgba(222,69,45,.55); } 1848.s2p-audience-v1__card--ports::after{ background:rgba(1,53,101,.40); } 1849.s2p-audience-v1__card--terminals::after{ background:rgba(1,53,101,.30); } 1850.s2p-audience-v1__card--logistics::after{ background:rgba(1,53,101,.24); } 1851 1852.s2p-audience-v1__card:hover{ 1853 transform:translateY(-2px); 1854 border-color:rgba(222,69,45,.22); 1855 box-shadow:0 22px 56px rgba(1,53,101,.14); 1856} 1857 1858.s2p-audience-v1__head{ padding-bottom:10px; } 1859.s2p-audience-v1__body{ padding-top:6px; } 1860 1861.s2p-audience-v1__foot{ 1862 margin-top:auto; 1863 padding-top:14px; 1864 display:flex; 1865 align-items:center; 1866 gap:12px; 1867} 1868 1869/* kicker row */ 1870.s2p-audience-v1__kicker{ 1871 display:inline-flex; 1872 align-items:center; 1873 gap:10px; 1874 1875 margin:0 0 10px 0; 1876 font-size:12px; 1877 font-weight:900; 1878 letter-spacing:.08em; 1879 text-transform:uppercase; 1880 color:rgba(1,53,101,.72); 1881} 1882 1883.s2p-audience-v1__kicker i{ 1884 color:var(--s2p-aud-navy); 1885 font-size:14px; 1886} 1887 1888.s2p-audience-v1__pill{ 1889 display:inline-flex; 1890 align-items:center; 1891 padding:6px 10px; 1892 border-radius:999px; 1893 1894 background:rgba(1,53,101,.04); 1895 border:1px solid rgba(1,53,101,.10); 1896 color:rgba(1,53,101,.78); 1897 line-height:1; 1898} 1899 1900.s2p-audience-v1__title{ 1901 margin:0 0 10px 0; 1902 font-size:18px; 1903 line-height:1.2; 1904 font-weight:900; 1905 letter-spacing:-.02em; 1906 color:var(--s2p-aud-navy); 1907} 1908 1909.s2p-audience-v1__text{ 1910 margin:0; 1911 font-size:14px; 1912 line-height:1.7; 1913 color:rgba(1,53,101,.82); 1914} 1915 1916/* Checklist */ 1917.s2p-audience-v1__list{ 1918 list-style:none; 1919 margin:12px 0 0 0; 1920 padding:0; 1921 display:grid; 1922 gap:8px; 1923} 1924 1925.s2p-audience-v1__list li{ 1926 display:grid; 1927 grid-template-columns:16px 1fr; 1928 gap:10px; 1929 align-items:start; 1930 1931 font-size:14px; 1932 line-height:1.55; 1933 color:rgba(1,53,101,.82); 1934} 1935 1936.s2p-audience-v1__list li::before{ 1937 content:"â"; 1938 width:16px; 1939 height:16px; 1940 display:grid; 1941 place-items:center; 1942 border-radius:50%; 1943 1944 margin-top:2px; 1945 font-size:11px; 1946 font-weight:900; 1947 1948 color:var(--s2p-aud-accent); 1949 background:rgba(222,69,45,.10); 1950 border:1px solid rgba(222,69,45,.28); 1951} 1952 1953/* Mini panel (API example) */ 1954.s2p-audience-v1__mini{ 1955 margin-top:14px; 1956 border:1px solid rgba(1,53,101,.14); 1957 border-radius:12px; 1958 padding:14px; 1959 background:rgba(255,255,255,.92); 1960} 1961 1962.s2p-audience-v1__mini-title{ 1963 font-size:12px; 1964 font-weight:900; 1965 letter-spacing:.08em; 1966 text-transform:uppercase; 1967 color:rgba(1,53,101,.70); 1968 margin-bottom:10px; 1969 1970 display:flex; 1971 align-items:center; 1972 gap:10px; 1973} 1974.s2p-audience-v1__mini-title::before{ 1975 content:""; 1976 width:34px; 1977 height:10px; 1978 border-radius:999px; 1979 background: 1980 radial-gradient(circle at 6px 50%, rgba(222,69,45,.9) 0 3px, transparent 4px), 1981 radial-gradient(circle at 17px 50%, rgba(221,222,231,.95) 0 3px, transparent 4px), 1982 radial-gradient(circle at 28px 50%, rgba(221,222,231,.95) 0 3px, transparent 4px); 1983 border:1px solid rgba(1,53,101,.10); 1984} 1985 1986.s2p-audience-v1__codewrap{ position:relative; } 1987 1988.s2p-audience-v1__code{ 1989 margin:0; 1990 padding:0; 1991 border-radius:10px; 1992 overflow:auto; 1993 max-height:190px; 1994
1995 background:linear-gradient(180deg, #012a50 0%, #011f3c 100%); 1996 border:1px solid rgba(221,222,231,.65); 1997 box-shadow: inset 0 1px 0 rgba(255,255,255,.06); 1998} 1999 2000.s2p-audience-v1__code code{ 2001 display:block; 2002 padding:12px; 2003 font-size:12px; 2004 line-height:1.6; 2005 color:#e8eef4; 2006 font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; 2007} 2008 2009.s2p-audience-v1__codefade{ 2010 pointer-events:none; 2011 position:absolute; 2012 left:0; 2013 right:0; 2014 bottom:0; 2015 height:42px; 2016 border-radius:0 0 10px 10px; 2017 background:linear-gradient(180deg, rgba(1,31,60,0), rgba(1,31,60,.92)); 2018} 2019 2020/* Footer link (non-button CTA) */ 2021.s2p-audience-v1__link{ 2022 display:inline-flex; 2023 font-weight:900; 2024 color:var(--s2p-aud-navy); 2025} 2026.s2p-audience-v1__link:hover{ text-decoration:underline; } 2027 2028/* Responsive */ 2029@media (max-width:900px){ 2030 .s2p-audience-v1__grid{ grid-template-columns:1fr; } 2031} 2032 2033/* Reduced motion */ 2034@media (prefers-reduced-motion:reduce){ 2035 .s2p-audience-v1__card{ transition:none; } 2036 .s2p-audience-v1__card:hover{ transform:none; } 2037} 2038 2039/* Defensive: prevent theme box-sizing causing grid overlap */ 2040.s2p-audience-v1, 2041.s2p-audience-v1 *{ 2042 box-sizing: border-box; 2043} 2044 2045/* Defensive: prevent long content from forcing overflow */ 2046.s2p-audience-v1__grid > *{ 2047 min-width: 0; 2048} 2049 2050/* ===================================================== 2051 Ship2Port â Features Section (v2) â site-wide (NO outer cards) 2052 - Uses existing .s2p-sectionhead-v1 for titles/lead (robust centering) 2053 - Feature items sit directly on the section background 2054 - Keeps: red dot bullets, typography, spacing, media "card" 2055 ===================================================== */ 2056 2057.s2p-features-section-v2{ 2058 --s2p-navy:#1d3563; 2059 --s2p-muted:#64748b; 2060 --s2p-red:#f53e3b; 2061 2062 --s2p-slab:#f2f5f9; 2063 --s2p-media:#ffffff; 2064 2065 --s2p-line:rgba(29,53,99,0.12); 2066 --s2p-radius:18px; 2067 2068 --s2p-shadow:0 12px 30px rgba(15,23,42,.07); 2069 --s2p-shadowH:0 18px 46px rgba(15,23,42,.11); 2070 2071 background: 2072 radial-gradient(900px 460px at 18% 12%, rgba(245,62,59,.06), rgba(245,62,59,0) 62%), 2073 radial-gradient(900px 520px at 82% 8%, rgba(0,160,170,.08), rgba(0,160,170,0) 60%), 2074 linear-gradient(180deg, #ffffff 0%, var(--s2p-slab) 55%, #ffffff 100%); 2075 padding:64px 0; 2076} 2077 2078.s2p-features-section-v2__inner{ 2079 max-width:1300px; 2080 margin:0 auto; 2081 padding:0 20px; 2082} 2083 2084/* Kicker (scoped) */ 2085.s2p-features-section-v2 .s2p-section-kicker{ 2086 text-align:center; 2087 margin:0 0 10px 0; 2088 font-size:12px; 2089 letter-spacing:1.6px; 2090 text-transform:uppercase; 2091 color:var(--s2p-navy); 2092 opacity:.70; 2093} 2094 2095/* Use existing section header component spacing */ 2096.s2p-features-section-v2 .s2p-sectionhead-v1{ 2097 margin-bottom:34px; 2098} 2099 2100/* ===================================================== 2101 Ship2Port â Feature component (v2) â site-wide (NO outer cards) 2102 ===================================================== */ 2103 2104.s2p-feature-v2{ 2105 /* Local tokens (override per section if needed) */ 2106 --s2p-navy:#1d3563; 2107 --s2p-muted:#64748b; 2108 --s2p-red:#f53e3b; 2109 2110 --s2p-radius:18px; 2111 2112 display:grid; 2113 grid-template-columns:1fr; 2114 gap:18px; 2115 align-items:center; 2116 2117 /* no outer card */ 2118 padding:0; 2119 border:0; 2120 background:transparent; 2121 box-shadow:none; 2122} 2123 2124/* spacing between features */ 2125.s2p-feature-v2 + .s2p-feature-v2{ 2126 margin-top:66px; 2127} 2128 2129/* space above the first feature */ 2130.s2p-features-section-v2 .s2p-feature-v2:first-of-type{ 2131 margin-top:56px; 2132} 2133 2134/* Desktop layout */ 2135@media (min-width:992px){ 2136 .s2p-feature-v2{ 2137 grid-template-columns: 1fr 1fr; 2138 gap:34px; 2139 } 2140 2141 .s2p-feature-v2--imageRight .s2p-feature-v2__content{ order:1; } 2142 .s2p-feature-v2--imageRight .s2p-feature-v2__media{ order:2; } 2143 2144 .s2p-feature-v2--imageLeft .s2p-feature-v2__media{ order:1; } 2145 .s2p-feature-v2--imageLeft .s2p-feature-v2__content{ order:2; } 2146} 2147 2148/* Content */ 2149.s2p-feature-v2__title{ 2150 margin:0; 2151 color:var(--s2p-navy); 2152 letter-spacing:-0.01em; 2153} 2154 2155.s2p-feature-v2__text{ 2156 margin:10px 0 0 0; 2157 color:var(--s2p-muted); 2158 font-size:15.5px; 2159 line-height:1.75; 2160 max-width:60ch; 2161} 2162 2163.s2p-feature-v2__list{ 2164 margin:14px 0 0 0; 2165 padding:0; 2166 list-style:none; 2167 display:grid; 2168 gap:10px; 2169} 2170 2171.s2p-feature-v2__list li{ 2172 position:relative; 2173 padding-left:22px; 2174 color:var(--s2p-muted); 2175 font-size:14.5px; 2176 line-height:1.65; 2177} 2178 2179.s2p-feature-v2__list li::before{ 2180 content:""; 2181 position:absolute; 2182 left:0; 2183 top:0.62em; 2184 width:8px; 2185 height:8px; 2186 border-radius:999px; 2187 background:var(--s2p-red); 2188 box-shadow: 0 0 0 3px rgba(245,62,59,.12); 2189 transform: translateY(-50%); 2190} 2191 2192/* Media stays as the "card" */ 2193.s2p-feature-v2__media{ 2194 margin:0; 2195 border-radius: calc(var(--s2p-radius) - 4px); 2196 overflow:hidden; 2197 2198 background: var(--s2p-media); 2199 border:1px solid rgba(29,53,99,0.10); 2200 2201 box-shadow: 0 10px 24px rgba(15,23,42,.08); 2202} 2203 2204.s2p-feature-v2__media img{ 2205 display:block; 2206 width:100%; 2207 height:auto; 2208} 2209 2210/* Subtle media hover (no outer card hover) */ 2211@media (hover:hover){ 2212 .s2p-feature-v2__media{ 2213 transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease; 2214 }
2215 .s2p-feature-v2:hover .s2p-feature-v2__media{ 2216 transform: translateY(-2px); 2217 box-shadow: 0 18px 40px rgba(15,23,42,.12); 2218 border-color: rgba(29,53,99,0.18); 2219 } 2220} 2221 2222/* Mobile */ 2223@media (max-width:520px){ 2224 .s2p-features-section-v2{ 2225 padding:54px 0; 2226 } 2227 2228 .s2p-feature-v2 + .s2p-feature-v2{ 2229 margin-top:36px; 2230 } 2231 2232 .s2p-feature-v2__text{ 2233 font-size:15px; 2234 } 2235 2236 .s2p-feature-v2__list li{ 2237 font-size:14px; 2238 } 2239} 2240 2241 2242/* ======================================== 2243 Component: Ship2Port Trust v1 2244 - Builder-agnostic 2245 - Fully scoped under .s2p-trust-v1 2246 ======================================== */ 2247 2248.s2p-trust-v1{ 2249 --s2p-trust-navy:#1d3563; 2250 --s2p-trust-accent:#f53e3b; 2251 2252 background:linear-gradient(180deg, rgba(29,53,99,.06) 0%, rgba(29,53,99,.04) 100%); 2253 padding:36px 0; 2254 border-top:1px solid rgba(29,53,99,.10); 2255 border-bottom:1px solid rgba(29,53,99,.10); 2256} 2257 2258.s2p-trust-v1__inner{ 2259 display:grid; 2260 grid-template-columns:1fr 1.8fr; 2261 gap:24px; 2262 align-items:center; 2263} 2264 2265/* Brand block */ 2266.s2p-trust-v1__brand{ 2267 padding:20px 22px; 2268 border-radius:14px; 2269 background:linear-gradient(145deg, rgba(29,53,99,.12), rgba(29,53,99,.06)); 2270 border:1px solid rgba(29,53,99,.18); 2271 box-shadow: 2272 inset 0 1px 0 rgba(255,255,255,.6), 2273 0 6px 18px rgba(29,53,99,.08); 2274} 2275 2276.s2p-trust-v1__brandname{ 2277 color:var(--s2p-trust-navy); 2278 font-weight:900; 2279 letter-spacing:-.02em; 2280 font-size:17px; 2281} 2282 2283.s2p-trust-v1__sub{ 2284 margin-top:6px; 2285 font-size:13px; 2286 color:rgba(29,53,99,.65); 2287} 2288 2289/* Proof grid */ 2290.s2p-trust-v1__proof{ 2291 display:grid; 2292 grid-template-columns:repeat(2, minmax(0,1fr)); 2293 gap:14px 24px; 2294} 2295 2296.s2p-trust-v1__item{ 2297 display:flex; 2298 align-items:center; 2299 gap:10px; 2300 padding:0; 2301 border:0; 2302 background:transparent; 2303 border-radius:0; 2304 font-size:14px; 2305 color:rgba(29,53,99,.85); 2306} 2307 2308.s2p-trust-v1__item i{ 2309 color:var(--s2p-trust-navy); 2310 font-size:14px; 2311 opacity:.9; 2312} 2313 2314.s2p-trust-v1__item span{ position:relative; } 2315 2316.s2p-trust-v1__item span::after{ 2317 content:""; 2318 position:absolute; 2319 left:0; 2320 bottom:-3px; 2321 width:0%; 2322 height:2px; 2323 background:var(--s2p-trust-accent); 2324 transition:width .2s ease; 2325} 2326 2327.s2p-trust-v1__item:hover span::after{ width:100%; } 2328 2329/* Responsive */ 2330@media (max-width:900px){ 2331 .s2p-trust-v1__inner{ grid-template-columns:1fr; gap:18px; } 2332 .s2p-trust-v1__proof{ grid-template-columns:1fr; } 2333} 2334 2335/* Reduced motion */ 2336@media (prefers-reduced-motion:reduce){ 2337 .s2p-trust-v1__item span::after{ transition:none; } 2338} 2339 2340/* ======================================== 2341 Component: Ship2Port Meet v1 2342 - Builder-agnostic 2343 - Fully scoped under .s2p-meet-v1 2344 ======================================== */ 2345 2346.s2p-meet-v1{ 2347 --s2p-meet-navy:#1d3563; 2348 --s2p-meet-accent:#f53e3b; 2349 2350 padding:clamp(56px,6vw,84px) 0; 2351 background: 2352 radial-gradient(800px 420px at 15% 20%, rgba(245,62,59,.10), rgba(245,62,59,0) 55%), 2353 linear-gradient(180deg,#f7f9fd 0%, #fff 70%); 2354} 2355 2356.s2p-meet-v1__box{ 2357 max-width:1000px; 2358 margin:0 auto; 2359 padding:0; 2360} 2361 2362.s2p-meet-v1__grid{ 2363 display:grid; 2364 grid-template-columns:1.3fr .7fr; 2365 gap:36px; 2366 align-items:start; 2367} 2368 2369/* Left content */ 2370.s2p-meet-v1__kicker{ 2371 margin:0 0 10px 0; 2372 font-size:12px; 2373 font-weight:800; 2374 letter-spacing:.08em; 2375 text-transform:uppercase; 2376 color:rgba(106,122,150,1); 2377} 2378 2379.s2p-meet-v1__title{ 2380 margin:0 0 14px 0; 2381 font-size:clamp(26px,3vw,36px); 2382 line-height:1.12; 2383 letter-spacing:-.03em; 2384 color:var(--s2p-meet-navy); 2385} 2386 2387.s2p-meet-v1__lead{ 2388 margin:0; 2389 font-size:16px; 2390 line-height:1.75; 2391 color:rgba(43,58,85,.92); 2392} 2393 2394/* Topics */ 2395.s2p-meet-v1__topics{ 2396 margin-top:18px; 2397 display:grid; 2398 grid-template-columns:repeat(2, minmax(0,1fr)); 2399 gap:12px; 2400} 2401 2402.s2p-meet-v1__topic{ 2403 display:grid; 2404 grid-template-columns:20px 1fr; 2405 gap:10px; 2406 align-items:start; 2407 padding:12px; 2408 border-radius:12px; 2409 border:1px solid rgba(29,53,99,.12); 2410 background:rgba(29,53,99,.02); 2411} 2412 2413.s2p-meet-v1__topic i{ 2414 color:var(--s2p-meet-navy); 2415 font-size:16px; 2416 margin-top:2px; 2417} 2418 2419.s2p-meet-v1__topic-title{ 2420 font-weight:900; 2421 color:var(--s2p-meet-navy); 2422 font-size:13px; 2423 margin-bottom:2px; 2424} 2425 2426.s2p-meet-v1__topic-desc{ 2427 color:rgba(29,53,99,.70); 2428 font-size:13px; 2429 line-height:1.45; 2430} 2431 2432/* Right person card */ 2433.s2p-meet-v1__person{ 2434 max-width:320px; 2435 justify-self:end; 2436 width:100%; 2437} 2438 2439.s2p-meet-v1__card{ margin:0; } 2440 2441.s2p-meet-v1__img{ 2442 width:100%; 2443 display:block; 2444 border-radius:18px; 2445 object-fit:cover; 2446} 2447 2448.s2p-meet-v1__caption{ 2449 margin-top:12px; 2450 text-align:center; 2451} 2452 2453.s2p-meet-v1__name{ 2454 font-size:16px; 2455 font-weight:900; 2456 color:var(--s2p-meet-navy); 2457} 2458 2459.s2p-meet-v1__role{ 2460 font-size:13px; 2461 color:rgba(29,53,99,.62); 2462} 2463 2464.s2p-meet-v1__content{ 2465 padding-right:10px; 2466} 2467 2468/* Responsive */
2469@media (max-width:900px){ 2470 .s2p-meet-v1__box{ padding:28px; } 2471 .s2p-meet-v1__grid{ grid-template-columns:1fr; } 2472 .s2p-meet-v1__person{ justify-self:start; max-width:260px; } 2473 .s2p-meet-v1__topics{ grid-template-columns:1fr; } 2474} 2475 2476/* Reduced motion */ 2477@media (prefers-reduced-motion:reduce){ 2478 .s2p-meet-v1__topic{ transition:none; } 2479} 2480 2481/* ======================================== 2482 Component: Ship2Port CTA Band v2 2483 - Builder-agnostic 2484 - Fully scoped under .s2p-cta-band-v2 2485 - Replaces s2p-cta-band-v1 2486 - Supports: 2487 (1) End-of-page CTA with shortcode buttons + reassurance strip 2488 (2) Compact CTA (events) with 1 button + note 2489 ======================================== */ 2490 2491.s2p-cta-band-v2{ 2492 --navy:#183764; 2493 --navy2:#1d3563; 2494 --red:#f53e3b; 2495 2496 --ink:rgba(255,255,255,.98); 2497 --muted:rgba(255,255,255,.86); 2498 --muted2:rgba(255,255,255,.72); 2499 2500 position:relative; 2501 overflow:hidden; 2502 2503 text-align:center; 2504 2505 padding:64px 0; 2506 2507 background: 2508 radial-gradient(900px 520px at 18% 10%, rgba(245,62,59,.12), rgba(245,62,59,0) 62%), 2509 radial-gradient(1100px 520px at 82% 12%, rgba(0,160,170,.12), rgba(0,160,170,0) 62%), 2510 radial-gradient(900px 420px at 50% 8%, rgba(255,255,255,.08), rgba(255,255,255,0) 60%), 2511 linear-gradient(180deg,#1e386a 0%,#1d3563 42%,#142a4b 100%); 2512} 2513 2514/* Container */ 2515 2516.s2p-cta-band-v2__inner{ 2517 max-width:920px; 2518 margin:0 auto; 2519 padding:0 20px; 2520 2521 display:flex; 2522 flex-direction:column; 2523 align-items:center; 2524} 2525 2526/* Title 2527 Force readable against theme overrides */ 2528 2529.s2p-cta-band-v2 .s2p-cta-band-v2__title{ 2530 2531 margin:0; 2532 2533 max-width:24ch; 2534 2535 font-size:clamp(32px,4.2vw,46px); 2536 font-weight:800; 2537 line-height:1.15; 2538 letter-spacing:-0.017em; 2539 2540 color:var(--ink) !important; 2541 2542 text-align:center; 2543 text-wrap:balance; 2544 2545 text-shadow:0 6px 18px rgba(0,0,0,.22); 2546 2547 position:relative; 2548 z-index:2; 2549 2550 -webkit-font-smoothing:antialiased; 2551 -moz-osx-font-smoothing:grayscale; 2552} 2553 2554@media (max-width:520px){ 2555 .s2p-cta-band-v2 .s2p-cta-band-v2__title{ 2556 max-width:12ch; 2557 line-height:1.16; 2558 letter-spacing:-0.016em; 2559 } 2560} 2561 2562/* If builder wraps title in spans/links */ 2563 2564.s2p-cta-band-v2 .s2p-cta-band-v2__title *{ 2565 color:inherit !important; 2566} 2567 2568/* Lead text */ 2569 2570.s2p-cta-band-v2__lead{ 2571 margin:12px 0 0 0; 2572 2573 max-width:76ch; 2574 2575 color:var(--muted); 2576 2577 font-size:15.5px; 2578 line-height:1.75; 2579 2580 text-wrap:pretty; 2581} 2582 2583/* Actions (buttons) */ 2584 2585.s2p-cta-band-v2__actions{ 2586 margin-top:26px; 2587 2588 display:flex; 2589 flex-wrap:wrap; 2590 2591 justify-content:center; 2592 align-items:center; 2593 2594 gap:14px 16px; 2595} 2596 2597/* Defensive styling for shortcode output */ 2598 2599.s2p-cta-band-v2__actions a, 2600.s2p-cta-band-v2__actions button, 2601.s2p-cta-band-v2__actions input[type="submit"]{ 2602 max-width:100%; 2603} 2604 2605/* Ensure minimum tap size */ 2606 2607.s2p-cta-band-v2__actions a, 2608.s2p-cta-band-v2__actions button{ 2609 min-height:24px; 2610} 2611 2612/* Optional note (events CTA) */ 2613 2614.s2p-cta-band-v2__note{ 2615 width:100%; 2616 2617 margin-top:6px; 2618 2619 font-size:12px; 2620 2621 color:var(--muted2); 2622} 2623 2624/* Reassurance strip (optional) */ 2625 2626.s2p-cta-band-v2__reassurance{ 2627 2628 margin-top:22px; 2629 padding-top:16px; 2630 2631 width:100%; 2632 max-width:980px; 2633 2634 border-top:1px solid rgba(255,255,255,.14); 2635 2636 display:flex; 2637 flex-wrap:wrap; 2638 2639 justify-content:center; 2640 2641 gap:10px 18px; 2642 2643 font-size:13.5px; 2644 2645 color:rgba(255,255,255,.86); 2646} 2647 2648.s2p-cta-band-v2__reassurance span{ 2649 display:inline-flex; 2650 2651 align-items:center; 2652 2653 gap:8px; 2654 2655 white-space:nowrap; 2656} 2657 2658.s2p-cta-band-v2__reassurance i{ 2659 color:var(--red); 2660 2661 font-size:13px; 2662 2663 opacity:.95; 2664} 2665 2666/* Mobile */ 2667 2668@media (max-width:520px){ 2669 2670 .s2p-cta-band-v2{ 2671 padding:56px 0; 2672 } 2673 2674 .s2p-cta-band-v2__lead{ 2675 font-size:15px; 2676 } 2677 2678 .s2p-cta-band-v2__actions{ 2679 gap:10px; 2680 } 2681 2682 .s2p-cta-band-v2__reassurance{ 2683 flex-direction:column; 2684 2685 align-items:center; 2686 2687 gap:6px; 2688 2689 padding-top:14px; 2690 } 2691 2692 .s2p-cta-band-v2__reassurance span{ 2693 white-space:normal; 2694 2695 justify-content:center; 2696 2697 text-align:center; 2698 } 2699} 2700 2701/* Reduced motion */ 2702 2703@media (prefers-reduced-motion: reduce){ 2704 .s2p-cta-band-v2{ 2705 scroll-behavior:auto; 2706 } 2707} 2708 2709/* ======================================== 2710 Component: Ship2Port Badges 2711 ======================================== */ 2712 2713.s2p-badge {
2714 --s2p-bg: #e9eef3; 2715 --s2p-fg: #10324a; 2716 --s2p-bd: rgba(16,50,74,.25); 2717 2718 display: inline-flex; 2719 align-items: center; 2720 gap: .4rem; 2721 padding: .45rem .6rem; 2722 border-radius: 9999px; 2723 font-weight: 600; 2724 font-size: .75rem; 2725 line-height: 1.2; 2726 color: var(--s2p-fg); 2727 background: var(--s2p-bg); 2728 border: 1px solid var(--s2p-bd); 2729 text-decoration: none; 2730 2731 white-space: normal; 2732 overflow-wrap: anywhere; 2733 word-break: break-word; 2734 max-width: 100%; 2735 min-width: 0; 2736} 2737 2738.s2p-badge--outline { 2739 --s2p-bg: transparent; 2740 border: 1px solid var(--s2p-bd); 2741 color: var(--s2p-fg); 2742} 2743 2744/* Outline colors */ 2745.s2p-badge--outline.s2p-badge--primary { --s2p-fg:#1d3563; --s2p-bd:rgba(13,73,99,0.55); } 2746.s2p-badge--outline.s2p-badge--success { --s2p-fg:#0f9d58; --s2p-bd:rgba(15,157,88,0.55); } 2747.s2p-badge--outline.s2p-badge--warning { --s2p-fg:#b76e00; --s2p-bd:rgba(183,110,0,0.55); } 2748.s2p-badge--outline.s2p-badge--danger { --s2p-fg:#d93025; --s2p-bd:rgba(217,48,37,0.55); } 2749.s2p-badge--outline.s2p-badge--neutral { --s2p-fg:#555; --s2p-bd:rgba(85,85,85,0.55); } 2750 2751.s2p-badge--outline.s2p-badge--light { 2752 --s2p-fg:#fff; 2753 --s2p-bd:rgba(255,255,255,0.35); 2754 --s2p-bg:rgba(255,255,255,0.12); 2755} 2756 2757.s2p-badge--solid { 2758 --s2p-bd: transparent; 2759 color: var(--s2p-fg); 2760 background: var(--s2p-bg); 2761} 2762 2763.s2p-badge--solid.s2p-badge--primary { --s2p-bg:#0d4963; --s2p-fg:#fff; } 2764.s2p-badge--solid.s2p-badge--success { --s2p-bg:#0f9d58; --s2p-fg:#fff; } 2765.s2p-badge--solid.s2p-badge--warning { --s2p-bg:#b76e00; --s2p-fg:#fff; } 2766.s2p-badge--solid.s2p-badge--danger { --s2p-bg:#d93025; --s2p-fg:#fff; } 2767.s2p-badge--solid.s2p-badge--neutral { --s2p-bg:#555; --s2p-fg:#fff; } 2768.s2p-badge--solid.s2p-badge--light { --s2p-bg:#fff; --s2p-fg:#0d4963; } 2769 2770.s2p-badges { 2771 display: flex; 2772 flex-wrap: wrap; 2773 gap: .5rem; 2774 list-style: none; 2775 margin: 0; 2776 padding: 0; 2777} 2778 2779 2780 2781/* ======================================== 2782 Component: Ship2Port Tiles 2783 ======================================== */ 2784 2785.vc_row.s2p-tiles{ 2786 --s2p-bg: #fff; 2787 --s2p-border: rgba(0,0,0,0.08); 2788 --s2p-primary: #183760; 2789 --s2p-radius: 12px; 2790 --s2p-shadow: 0 10px 24px rgba(0,0,0,0.12); 2791} 2792 2793.wpb_raw_code.s2p-tile a{ 2794 display:block; 2795 background:var(--s2p-bg); 2796 color:inherit; 2797 text-decoration:none; 2798 border:1px solid var(--s2p-border); 2799 border-radius:var(--s2p-radius); 2800 overflow:hidden; 2801 transition:box-shadow .2s ease, transform .2s ease; 2802 will-change:transform, box-shadow; 2803} 2804 2805.wpb_raw_code.s2p-tile a:focus-visible{ 2806 outline:none; 2807 box-shadow: 2808 0 0 0 3px var(--s2p-primary), 2809 var(--s2p-shadow); 2810 transform:translateY(-2px); 2811} 2812 2813@media (hover:hover){ 2814 .wpb_raw_code.s2p-tile a:hover{ 2815 box-shadow: 2816 0 0 0 0.5px var(--s2p-primary), 2817 var(--s2p-shadow); 2818 transform:translateY(-2px); 2819 } 2820} 2821 2822.wpb_raw_code.s2p-tile img{ 2823 display:block; 2824 width:100%; 2825 height:auto; 2826} 2827 2828.wpb_raw_code.s2p-tile a>div{ 2829 display:flex; 2830 flex-direction:column; 2831 align-items:flex-start; 2832 padding:20px; 2833 box-sizing:border-box; 2834} 2835 2836.vc_row.s2p-tiles .wpb_raw_code.s2p-tile h3{ 2837 margin:0 0 10px 0; 2838 color:var(--s2p-primary); 2839 font-weight:700; 2840 font-size:1.125rem; 2841 line-height:1.25; 2842 min-height:var(--titleH, auto); 2843 overflow:hidden; 2844} 2845 2846.vc_row.s2p-tiles .wpb_raw_code.s2p-tile p{ 2847 margin:0 0 16px 0; 2848 line-height:1.5; 2849 min-height:var(--descH, auto); 2850 overflow:hidden; 2851} 2852 2853.vc_row.s2p-tiles .wpb_raw_code.s2p-tile a>div>span:last-child{ 2854 margin-top:auto; 2855 align-self:flex-start; 2856 display:inline-block; 2857 padding:10px 16px; 2858 background:var(--s2p-primary); 2859 color:#fff; 2860 border-radius:6px; 2861 font-weight:600; 2862 transition:filter .15s ease, transform .15s ease; 2863} 2864 2865@media (hover:hover){ 2866 .vc_row.s2p-tiles .wpb_raw_code.s2p-tile a>div>span:last-child:hover{ 2867 filter:brightness(0.95); 2868 } 2869} 2870 2871.vc_row.s2p-tiles .wpb_raw_code.s2p-tile a>div>span:last-child:active{ 2872 transform:translateY(1px); 2873} 2874 2875@media (prefers-reduced-motion:reduce){ 2876 .wpb_raw_code.s2p-tile a{ transition:none; } 2877} 2878 2879@media (max-width: 767px){ 2880 .wpb_raw_code.s2p-tile a>div{ padding:16px; } 2881 .vc_row.s2p-tiles .wpb_raw_code.s2p-tile h3{ font-size:1.0625rem; } 2882} 2883 2884.wpb_raw_code.s2p-tile{ margin-bottom:0 !important; } 2885 2886/* Subcomponent: Tile image overlay */ 2887.s2p-img-wrap{ 2888 position:relative; 2889 padding:0 !important; 2890} 2891 2892.s2p-img-wrap img{ 2893 display:block; 2894 width:100%; 2895 height:auto; 2896} 2897 2898.s2p-img-wrap::after{ 2899 content:""; 2900 position:absolute; 2901 inset:0; 2902 background:rgba(29,53,99,0.2); 2903 pointer-events:none; 2904 transition:opacity .2s ease; 2905} 2906 2907@media (hover:hover){ 2908 .wpb_raw_code.s2p-tile a:hover .s2p-img-wrap::after{ 2909 opacity:0.25; 2910 } 2911} 2912 2913/* =====================================================
2914 Component: Ship2Port Tiles v2 (builder-agnostic, scoped) 2915 Refined + JS equalize support via CSS vars: --titleH / --descH 2916 ===================================================== */ 2917 2918/* Root (tokens + scope) */ 2919.s2p-tiles-v2{ 2920 --s2p-primary:#183760; 2921 --s2p-muted:#64748b; 2922 2923 /* Slightly more "Ship2Port navy" than generic black border */ 2924 --s2p-border:rgba(29,53,99,0.12); 2925 2926 --s2p-bg:#ffffff; 2927 --s2p-slab:#f1f2f4; 2928 --s2p-radius:8px; 2929 2930 /* Cleaner premium shadow (still subtle) */ 2931 --s2p-shadow:0 14px 28px rgba(0,0,0,0.10); 2932 2933 /* Brand accent */ 2934 --s2p-accent:#f53e3b; 2935} 2936 2937/* Grid layout */ 2938.s2p-tiles-v2 .s2p-tiles-v2__grid{ 2939 display:flex; 2940 flex-wrap:wrap; 2941 justify-content:center; 2942 gap:32px; 2943} 2944 2945/* Tile wrapper */ 2946.s2p-tiles-v2 .s2p-tile-v2{ 2947 max-width:360px; 2948 width:100%; 2949} 2950 2951/* Entire tile link (whole tile clickable) */ 2952.s2p-tiles-v2 .s2p-tile-v2__link{ 2953 display:flex; 2954 flex-direction:column; 2955 height:100%; 2956 background:var(--s2p-bg); 2957 border:1px solid var(--s2p-border); 2958 border-radius:var(--s2p-radius); 2959 overflow:hidden; 2960 text-decoration:none; 2961 color:inherit; 2962 transition:box-shadow .2s ease; 2963 cursor:pointer; 2964} 2965 2966/* Hover (shadow only, no lift) */ 2967@media (hover:hover){ 2968 .s2p-tiles-v2 .s2p-tile-v2__link:hover{ 2969 box-shadow:var(--s2p-shadow); 2970 } 2971} 2972 2973/* Focus ring */ 2974.s2p-tiles-v2 .s2p-tile-v2__link:focus-visible{ 2975 outline:none; 2976 box-shadow: 2977 0 0 0 3px var(--s2p-primary), 2978 var(--s2p-shadow); 2979} 2980 2981/* Media header (16:9) */ 2982.s2p-tiles-v2 .s2p-tile-v2__media{ 2983 aspect-ratio:16/9; 2984 background:linear-gradient(180deg,#1d3563,#17335f); 2985 display:flex; 2986 align-items:center; 2987 justify-content:center; 2988 position:relative; 2989 overflow:hidden; 2990} 2991 2992/* Subtle overlay on hover for premium feel */ 2993.s2p-tiles-v2 .s2p-tile-v2__media::after{ 2994 content:""; 2995 position:absolute; 2996 inset:0; 2997 background:rgba(0,0,0,0); 2998 transition:background .2s ease; 2999} 3000 3001/* Accent stripe under media (subtle by default) */ 3002.s2p-tiles-v2 .s2p-tile-v2__media::before{ 3003 content:""; 3004 position:absolute; 3005 left:0; 3006 bottom:0; 3007 width:100%; 3008 height:2px; 3009 background:var(--s2p-accent); 3010 opacity:.7; 3011 transition:opacity .2s ease; 3012} 3013 3014@media (hover:hover){ 3015 .s2p-tiles-v2 .s2p-tile-v2__link:hover .s2p-tile-v2__media::after{ 3016 background:rgba(0,0,0,0.06); 3017 } 3018 .s2p-tiles-v2 .s2p-tile-v2__link:hover .s2p-tile-v2__media::before{ 3019 opacity:1; 3020 } 3021} 3022 3023/* Large icon (slightly bigger + micro scale on hover) */ 3024.s2p-tiles-v2 .s2p-tile-v2__media i{ 3025 font-size:54px; 3026 color:#ffffff; 3027 transition:transform .2s ease; 3028} 3029 3030@media (hover:hover){ 3031 .s2p-tiles-v2 .s2p-tile-v2__link:hover .s2p-tile-v2__media i{ 3032 transform:scale(1.03); 3033 } 3034} 3035 3036/* Body */ 3037.s2p-tiles-v2 .s2p-tile-v2__body{ 3038 background:var(--s2p-slab); 3039 padding:24px; 3040 display:flex; 3041 flex-direction:column; 3042 flex:1; 3043} 3044 3045/* Heading (equalize support via CSS vars set by JS) */ 3046.s2p-tiles-v2 .s2p-tile-v2 h3{ 3047 margin:0 0 10px 0; 3048 min-height:var(--titleH, auto); 3049} 3050 3051/* Text (equalize support) */ 3052.s2p-tiles-v2 .s2p-tile-v2 p{ 3053 margin:0 0 18px 0; 3054 color:var(--s2p-muted); 3055 line-height:1.6; 3056 min-height:var(--descH, auto); 3057} 3058 3059/* Button (visual only; click handled by whole tile link) */ 3060.s2p-tiles-v2 .s2p-tile-v2__btn{ 3061 margin-top:auto; 3062 display:inline-block; 3063 padding:10px 16px; 3064 background:var(--s2p-primary); 3065 color:#fff; 3066 border-radius:8px; 3067 font-weight:600; 3068 text-align:center; 3069 transition:filter .15s ease; 3070 pointer-events:none; /* ensures no "second CTA" behaviour */ 3071} 3072 3073/* Subtle button hover */ 3074@media (hover:hover){ 3075 .s2p-tiles-v2 .s2p-tile-v2__link:hover .s2p-tile-v2__btn{ 3076 filter:brightness(0.95); 3077 } 3078} 3079 3080/* Responsive spacing */ 3081@media (max-width:1024px){ 3082 .s2p-tiles-v2 .s2p-tiles-v2__grid{ gap:24px; } 3083} 3084 3085@media (max-width:767px){ 3086 .s2p-tiles-v2 .s2p-tiles-v2__grid{ gap:18px; } 3087 .s2p-tiles-v2 .s2p-tile-v2__body{ padding:20px; } 3088} 3089 3090 3091/* ======================================== 3092 Component: Ship2Port Buttons (Theme Overrides) 3093 ======================================== */ 3094 3095.qbutton { 3096 border-radius: 8px; 3097 -webkit-border-radius: 8px; 3098 -moz-border-radius: 8px; 3099} 3100/* ======================================== 3101 Component: Ship2Port QuickNav (Sticky In-Page Navigation) 3102 ======================================== */ 3103 3104@media(min-width: 768px) 3105{ 3106 #s2p-nav-wrapper 3107 { 3108 display: inline-block; 3109 position: sticky; 3110 left: 0; 3111 top: 57px; 3112 width: 100%; 3113 z-index:999999; 3114 } 3115 #s2p-nav-wrapper .vc_column-inner { padding-inline: 0; } 3116 .logged-in #s2p-nav-wrapper 3117 { 3118 top: 89px; 3119 } 3120 .wrapper_inner, 3121 .wrapper, 3122 body 3123 { 3124 overflow: visible !important; 3125 } 3126} 3127 3128.s2p-inpage-nav { 3129 background: rgba(255, 255, 255, 0.95); 3130 backdrop-filter: blur(12px); 3131 -webkit-backdrop-filter: blur(12px); 3132 border-bottom: 1px solid #e5e7eb; 3133 box-shadow: 0 1px 3px rgba(0,0,0,0.08); 3134} 3135
3136.s2p-inpage-nav[data-progress="1"]{ 3137 position:relative; 3138 border-bottom:0; 3139} 3140 3141.s2p-inpage-nav[data-progress="1"] .s2p-nav-progress{ 3142 position:absolute; 3143 left:0; 3144 right:0; 3145 bottom:0; 3146 height:2px; 3147 background:#e5e7eb; 3148 overflow:hidden; 3149} 3150 3151.s2p-inpage-nav[data-progress="1"] .s2p-nav-progress-bar{ 3152 display:block; 3153 height:100%; 3154 width:100%; 3155 transform-origin:left center; 3156 transform:scaleX(0); 3157 background:#1d3563; 3158} 3159 3160.s2p-nav-container { 3161 max-width: 1280px; 3162 margin: 0 auto; 3163 padding: 1rem; 3164 display: flex; 3165 align-items: center; 3166 gap: 0.75rem; 3167 overflow-x: auto; 3168 scrollbar-width: none; 3169} 3170 3171.s2p-nav-container::-webkit-scrollbar { 3172 display: none; 3173} 3174 3175.s2p-nav-label { 3176 font-size: 0.875rem; 3177 font-weight: 600; 3178 white-space: nowrap; 3179 margin-right: 1.5rem; 3180} 3181 3182.s2p-nav-buttons { 3183 display: flex; 3184 gap: 0.5rem; 3185} 3186 3187.s2p-nav-btn { 3188 padding: 0.5rem 1.3rem; 3189 font-size: 0.875rem; 3190 white-space: nowrap; 3191 border-radius: 9999px; 3192 border: none; 3193 cursor: pointer; 3194 transition: all 0.25s ease; 3195 background: transparent; 3196 color: #6b7280; 3197} 3198 3199.s2p-nav-btn:hover { 3200 background: #f3f4f6; 3201 color: #111827; 3202} 3203 3204.s2p-nav-btn.active { 3205 background: #1d3563; 3206 color: #fff; 3207 font-weight: 600; 3208 box-shadow: 0 4px 6px rgba(59,130,246,0.3); 3209} 3210 3211@media (max-width: 768px) { 3212 .s2p-nav-container { 3213 padding: 0.75rem 1rem; 3214 gap: 1rem; 3215 } 3216 3217 .s2p-nav-label { 3218 display: none; 3219 } 3220} 3221 3222/* ======================================== 3223 QuickNav: full-bleed on single posts (robust) 3224 - Avoids sticky + left:0 fighting full-bleed 3225 ======================================== */ 3226 3227@media (min-width: 768px){ 3228 3229 /* Make the nav row itself full viewport width on single posts */ 3230 body.single #s2p-nav-wrapper{ 3231 width: 100vw !important; 3232 max-width: 100vw !important; 3233 3234 margin-left: calc(50% - 50vw) !important; 3235 margin-right: calc(50% - 50vw) !important; 3236 3237 left: auto !important; /* IMPORTANT: don't pin left when using full-bleed */ 3238 right: auto !important; 3239 3240 display: block !important; /* avoid inline-block quirks */ 3241 } 3242 3243 /* Ensure the nav fills the full-bleed row */ 3244 body.single #s2p-nav-wrapper .s2p-inpage-nav{ 3245 width: 100% !important; 3246 } 3247} 3248 3249 3250/* ======================================== 3251 Page-Specific: QuickNav visibility toggles 3252 ======================================== */ 3253 3254.page-id-4778 .vc_custom_1759153728458, 3255.page-id-5441 .vc_custom_1763395436636 3256{ 3257 display: none; 3258} 3259 3260@media(min-width: 768px) 3261{ 3262 .page-id-4778 .vc_custom_1759153728458, 3263 .page-id-5441 .vc_custom_1763395436636 3264 { 3265 display: flex; 3266 } 3267 .page-id-4778 .vc_custom_1759153733808, 3268 .page-id-5441 .vc_custom_1759153733808 3269 { 3270 display: none; 3271 } 3272} 3273 3274/* ======================================== 3275 Utility: Full-bleed layout helper 3276 ======================================== */ 3277 3278/* Robust full-bleed (fixes mobile gaps / rounding) */ 3279.single .full-bleed{ 3280 width: 100vw; 3281 max-width: 100vw; 3282 margin-left: calc(50% - 50vw); 3283 margin-right: calc(50% - 50vw); 3284} 3285 3286/* Remove theme/WPBakery side padding inside the full-bleed row */ 3287.single .full-bleed .section_inner, 3288.single .full-bleed .section_inner_margin, 3289.single .full-bleed .vc_column-inner{ 3290 padding-left: 0 !important; 3291 padding-right: 0 !important; 3292} 3293 3294/* Prevent accidental horizontal scroll from 100vw on mobile */ 3295html, body{ 3296 overflow-x: clip; 3297} 3298 3299/* ======================================== 3300 Component: Events Overview Masonry Cards 3301 ======================================== */ 3302 3303.blog_holder.masonry article{ 3304 border-radius: 10px; 3305 overflow: hidden; 3306 3307 background: #ffffff; 3308 border: 1px solid rgba(16, 24, 40, 0.08); 3309 box-shadow: 0 10px 24px rgba(16, 24, 40, 0.08); 3310} 3311 3312/* Alle event images exact zelfde beeldvlak */ 3313.blog_holder.masonry article .post_image{ 3314 position: relative; 3315 overflow: hidden; 3316 border-radius: 18px 18px 0 0; 3317 aspect-ratio: 3 / 2; 3318 line-height: 0; 3319} 3320 3321/* Laat image altijd volledig het vlak vullen */ 3322.blog_holder.masonry article .post_image a{ 3323 display: block; 3324 width: 100%; 3325 height: 100%; 3326} 3327 3328.blog_holder.masonry article .post_image img{ 3329 display: block; 3330 width: 100% !important; 3331 height: 100% !important; 3332 min-height: 100%; 3333 object-fit: cover; 3334 object-position: center; 3335} 3336 3337.blog_holder.masonry .vc_btn3{ 3338 border-radius: 10px !important; 3339} 3340 3341/* Events overview titles */ 3342 3343.blog_holder.masonry article h5, 3344.blog_holder.masonry article h5 a, 3345.blog_holder.masonry article .icon_text_holder h5.icon_title{ 3346 line-height: 1.1; 3347} 3348 3349/* ===================================================== 3350 Events overview â Hide default post meta (date) 3351 Temporary: replaced later by ACF event date 3352 ===================================================== */
3353.category-events .blog_holder .post_info{ 3354 display: none !important; 3355} 3356 3357/* ===================================================== 3358 Ship2Port â Events Overview 3359 Event badges (Past, Upcoming, Webinar) 3360 CSS-only implementation (no JS) 3361 ===================================================== */ 3362 3363/* Ensure image container acts as positioning context */ 3364.blog_holder.masonry article .post_image{ 3365 position: relative; 3366 overflow: hidden; 3367 border-radius: 18px 18px 0 0; 3368} 3369 3370/* ===================================================== 3371 Base badge style (shared via both pseudo elements) 3372 ===================================================== */ 3373.blog_holder.masonry article.tag-past-event .post_image::before, 3374.blog_holder.masonry article.tag-upcoming .post_image::before, 3375.blog_holder.masonry article.tag-webinar .post_image::before, 3376.blog_holder.masonry article.tag-upcoming .post_image::after, 3377.blog_holder.masonry article.tag-webinar .post_image::after{ 3378 3379 position: absolute; 3380 left: 14px; 3381 z-index: 3; 3382 3383 display: inline-flex; 3384 align-items: center; 3385 padding: 8px 12px; 3386 3387 border-radius: 999px; 3388 color: #ffffff; 3389 3390 font-size: 12px; 3391 font-weight: 700; 3392 line-height: 1; 3393 letter-spacing: 0.02em; 3394 3395 box-shadow: 0 8px 22px rgba(0, 0, 0, 0.16); 3396 backdrop-filter: blur(2px); 3397 3398 pointer-events: none; 3399 transition: transform 0.15s ease; 3400} 3401 3402/* ===================================================== 3403 Single badge cases 3404 ===================================================== */ 3405 3406/* Past event */ 3407.blog_holder.masonry article.tag-past-event .post_image::before{ 3408 content: "Past event"; 3409 top: 14px; 3410 background: rgba(29, 53, 99, 0.96); 3411} 3412 3413/* Upcoming */ 3414.blog_holder.masonry article.tag-upcoming .post_image::before{ 3415 content: "Upcoming"; 3416 top: 14px; 3417 background: rgba(245, 62, 59, 0.96); /* accent red */ 3418} 3419 3420/* Webinar */ 3421.blog_holder.masonry article.tag-webinar:not(.tag-upcoming) .post_image::before{ 3422 content: "Webinar"; 3423 top: 14px; 3424 background: rgba(33, 102, 172, 0.96); /* blue variant */ 3425} 3426 3427/* ===================================================== 3428 Stacked badge combinations (2 max in CSS) 3429 ===================================================== */ 3430 3431/* Upcoming + Webinar â stack */ 3432.blog_holder.masonry article.tag-upcoming.tag-webinar .post_image::before{ 3433 content: "Upcoming"; 3434 top: 14px; 3435 background: rgba(245, 62, 59, 0.96); 3436} 3437 3438.blog_holder.masonry article.tag-upcoming.tag-webinar .post_image::after{ 3439 content: "Webinar"; 3440 top: 46px; /* stacked below */ 3441 background: rgba(33, 102, 172, 0.96); 3442} 3443 3444/* (Optional edge case) Past + Webinar */ 3445.blog_holder.masonry article.tag-past-event.tag-webinar .post_image::before{ 3446 content: "Past event"; 3447 top: 14px; 3448 background: rgba(29, 53, 99, 0.96); 3449} 3450 3451.blog_holder.masonry article.tag-past-event.tag-webinar .post_image::after{ 3452 content: "Webinar"; 3453 top: 46px; 3454 background: rgba(33, 102, 172, 0.96); 3455} 3456 3457/* ===================================================== 3458 Image treatment for past events 3459 ===================================================== */ 3460.blog_holder.masonry article.tag-past-event .post_image img{ 3461 filter: grayscale(12%) brightness(0.9); 3462 transition: filter 0.25s ease; 3463} 3464 3465.blog_holder.masonry article.tag-past-event:hover .post_image img{ 3466 filter: grayscale(6%) brightness(0.94); 3467} 3468 3469/* Optional subtle card tone */ 3470.blog_holder.masonry article.tag-past-event .post_text_inner{ 3471 opacity: 0.96; 3472} 3473 3474/* ===================================================== 3475 Micro interactions 3476 ===================================================== */ 3477.blog_holder.masonry article:hover .post_image::before, 3478.blog_holder.masonry article:hover .post_image::after{ 3479 transform: translateY(-1px); 3480} 3481 3482/* ===================================================== 3483 Mobile adjustments 3484 ===================================================== */ 3485@media only screen and (max-width: 600px){ 3486 3487 .blog_holder.masonry article .post_image::before, 3488 .blog_holder.masonry article .post_image::after{ 3489 left: 10px; 3490 padding: 7px 10px; 3491 font-size: 11px; 3492 } 3493 3494 .blog_holder.masonry article .post_image::before{ 3495 top: 10px !important; 3496 } 3497 3498 .blog_holder.masonry article .post_image::after{ 3499 top: 40px !important; 3500 } 3501 3502} 3503</style> 3504<style type="text/css" data-type="vc_shortcodes-custom-css">.vc_custom_1764871274019{background-image: url(https://ship2port.com/wp-content/uploads/header_01-contact-b.jpg?id=5761) !important;}.vc_custom_1764862813546{padding-top: 50px !important;padding-bottom: 50px !important;background-color: #E8EEF4 !important;}.vc_custom_1764871646840{padding-top: 90px !important;padding-bottom: 85px !important;}.vc_custom_1764871557473{margin-top: 25px !important;}.vc_custom_1764862916139{padding-right: 5% !important;padding-left: 5% !important;}.vc_custom_1764862959413{margin-right: 5% !important;margin-left: 5% !important;padding-right: 2% !important;padding-left: 2% !important;background-color: #FFFFFF !important;border-radius: 10px !important;}.vc_custom_1765286850735{padding-bottom: 15px !important;}.vc_custom_1775123857392{margin-top: 15px !important;padding-bottom: 10px !important;}.vc_custom_1765286885959{margin-left: 10px !important;padding-top: 35px !important;}.vc_custom_1764872040309{padding-bottom: 15px !important;}.vc_custom_1764872068854{padding-left: 20px !important;}.vc_custom_1518448515523{margin-right: 0px !important;margin-left: 0px !important;padding-top: 20px !important;padding-bottom: 20px !important;background-color: #f24041 !important;}</style><noscript><style> .wpb_animate_when_almost_visible { opacity: 1; }</style></noscript> 3505 <style> 3506 .fbc-page .fbc-wrap .fbc-items li.active span, .fbc-page .fbc-wrap .fbc-items li .fbc-end-text { 3507 color: #1d3563; 3508 } 3509 3510 .fbc-page .fbc-wrap .fbc-items li a i { 3511 margin-right: 0; 3512 display: none; 3513 } 3514 3515 .fbc-page .fbc-wrap .fbc-items li a:last-child { 3516 margin-right: 4px; 3517 color: #f53e3b; 3518 } 3519 3520 .fbc-page .fbc-wrap .fbc-items li:last-child { 3521 border-radius: 0 4px 4px 0; 3522 padding-right: 15px; 3523 color: #1f3661; 3524 padding-left: 15px; 3525 } 3526 3527 .fbc-page .fbc-wrap .fbc-items { 3528 background-color: transparent; 3529 } 3530 3531 .fbc-page .fbc-wrap .fbc-items li a { 3532 color: #f53e3b; 3533 } 3534 3535 .fbc-page .fbc-wrap .fbc-items li { 3536 margin: 0 -2px; 3537 padding: 15px 15px; 3538 line-height: normal; 3539 } 3540 /*.tl-states-root {*/ 3541 /* display: none;*/ 3542 /*}*/ 3543 </style> 3544<style id="wp-block-group-inline-css"> 3545.wp-block-group{box-sizing:border-box}:where(.wp-block-group.wp-block-group-is-layout-constrained){position:relative} 3546/*# sourceURL=https://ship2port.com/wp-includes/blocks/group/style.min.css */ 3547</style> 3548<link rel='stylesheet' id='fontawesome-css' href='https://ship2port.com/wp-content/plugins/wp-google-maps/css/font-awesome.min.css?ver=7.0.2' media='all' /> 3549<link rel='stylesheet' id='fontawesome-polyfill-css' href='https://ship2port.com/wp-content/plugins/wp-google-maps/css/polyfill/fa-5to4.css?ver=7.0.2' media='all' /> 3550<link rel='stylesheet' id='wpgmza-common-css' href='https://ship2port.com/wp-content/plugins/wp-google-maps/css/atlas-novus/common.css?ver=10.0.05' media='all' /> 3551<link rel='stylesheet' id='remodal-css' href='https://ship2port.com/wp-content/plugins/wp-google-maps/lib/remodal.css?ver=7.0.2' media='all' /> 3552<link rel='stylesheet' id='remodal-default-theme-css' href='https://ship2port.com/wp-content/plugins/wp-google-maps/lib/remodal-default-theme.css?ver=7.0.2' media='all' /> 3553<link rel='stylesheet' id='datatables-css' href='https://ship2port.com/wp-content/plugins/wp-google-maps/css/jquery.dataTables.min.css?ver=7.0.2' media='all' /> 3554<link rel='stylesheet' id='wpgmza-components-css' href='https://ship2port.com/wp-content/plugins/wp-google-maps/css/atlas-novus/components.css?ver=10.0.05' media='all' /> 3555<link rel='stylesheet' id='wpgmza-compat-css' href='https://ship2port.com/wp-content/plugins/wp-google-maps/css/atlas-novus/compat.css?ver=10.0.05' media='all' /> 3556 3557</head> 3558 3559 3560 3561<body id="lang_en" class="wp-singular page-template page-template-full_width page-template-full_width-php page page-id-2575 wp-theme-hrmatches qode-title-hidden qode_grid_1300 footer_responsive_adv qode-theme-ver-1.0 wpb-js-composer js-comp-ver-8.0.1 vc_responsive" itemscope itemtype="http://schema.org/WebPage"> 3562<!-- <div class="" style="z-index: 999999999999999;--> 3563<!--display: block;--> 3564<!--position: absolute;">Dit is de nieuwe server--> 3565<!-- </div>--> 3566<!-- Google Tag Manager (noscript) -->
vendor: 68 bytes, lines 3566-3567
3566 3567<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
3567GTM-5MTGW465
vendor: 83 bytes, lines 3567-3568
3567" 3568height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
3569<!-- End Google Tag Manager (noscript) --> 3570 <div class="wrapper"> 3571 <div class="wrapper_inner"> 3572 3573 3574 3575 <header class=" has_top scroll_top dark fixed scrolled_not_transparent page_header"> 3576 <div class="header_inner clearfix"> 3577 3578 3579 <form role="search" id="searchform" action="https://ship2port.com/" class="qode_search_form" method="get"> 3580 <div class="container"> 3581 <div class="container_inner clearfix"> 3582 3583 <i class="qode_icon_font_awesome fa fa-search qode_icon_in_search" ></i> <input type="text" placeholder="Search" name="s" class="qode_search_field" autocomplete="off" /> 3584 <input type="submit" value="Search" /> 3585 3586 <div class="qode_search_close"> 3587 <a href="#"> 3588 <i class="qode_icon_font_awesome fa fa-times qode_icon_in_search" ></i> </a> 3589 </div> 3590 </div> 3591 </div> 3592 </form> 3593 3594 <div class="header_top_bottom_holder"> 3595 <div class="header_top clearfix" style='background-color:rgba(255, 255, 255, 1);' > 3596 <div class="container"> 3597 <div class="container_inner clearfix"> 3598 3599 <div class="right top_level_menu_bleb"> 3600 <div class="inner"> 3601 <div class="header-widget widget_nav_menu header-right-widget"><div class="menu-top-menu-en-container"><ul id="menu-top-menu-en" class="menu"><li id="menu-item-2745" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2745"><a href="https://ship2port.com/support/">Help</a></li> 3602<li id="menu-item-2747" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-2575 current_page_item menu-item-2747"><a href="https://ship2port.com/contact/" aria-current="page">Contact</a></li> 3603</ul></div></div> 3604 3605 3606 3607 3608 <a class="search_button search_slides_from_window_top normal" href="javascript:void(0)"> 3609 Search <i class="qode_icon_font_awesome fa fa-search " ></i> </a> 3610 3611 3612 </div> 3613 </div> 3614 </div> 3615 </div> 3616 </div> 3617 <div class="header_bottom clearfix" style=' background-color:rgba(255, 255, 255, 1);' > 3618 <div class="container"> 3619 <div class="container_inner clearfix"> 3620 <div class="header_inner_left"> 3621 <div class="mobile_menu_button"> 3622 <span> 3623 <span aria-hidden="true" class="qode_icon_font_elegant icon_menu " ></span> </span> 3624 </div> 3625 <div class="custom-login-mobile-icon" style="position: absolute; right: 0; top: 39px;"> 3626 <a href="https://app.ship2port.com/" style="font-size: 1.5rem; padding-inline: 1rem; color: #777;"><i class="fa fa-user-o" aria-hidden="true"></i><p style="font-size: .6rem; width: 30px; margin: 0 auto;">Log in</p></a> 3627 </div> 3628 <div class="logo_wrapper"> 3629 <div class="q_logo"> 3630 <a itemprop="url" href="https://ship2port.com/"> 3631 <img itemprop="image" class="normal" src="https://ship2port.com/wp-content/uploads/Ship2Port.horizontaal_powered_logo.cmyk_.png" alt="Logo"/> 3632 <img itemprop="image" class="light" src="https://ship2port.com/wp-content/themes/hrmatches/img/logo.png" alt="Logo"/> 3633 <img itemprop="image" class="dark" src="https://ship2port.com/wp-content/uploads/Ship2Port.horizontaal_powered_logo.cm
3633yk_.png" alt="Logo"/> 3634 <img itemprop="image" class="sticky" src="https://ship2port.com/wp-content/themes/hrmatches/img/logo_black.png" alt="Logo"/> 3635 <img itemprop="image" class="mobile" src="https://ship2port.com/wp-content/uploads/Ship2Port.horizontaal_powered_logo.cmyk_.png" alt="Logo"/> 3636 </a> 3637 </div> 3638 </div> 3639 </div> 3640 <div class="header_inner_right"> 3641 <div class="side_menu_button_wrapper right"> 3642 <div class="header_bottom_right_widget_holder"></div> 3643 </div> 3644 </div> 3645 3646 3647 <nav class="main_menu drop_down right"> 3648 <ul id="menu-mobiel-menu-engels" class=""><li id="nav-menu-item-5640" class="menu-item menu-item-type-post_type menu-item-object-page narrow"><a href="https://ship2port.com/industries/" class=""><i class="menu_icon blank fa"></i><span>Industries</span><span class="plus"></span></a></li> 3649<li id="nav-menu-item-2931" class="menu-item menu-item-type-post_type menu-item-object-page narrow"><a href="https://ship2port.com/features/" class=""><i class="menu_icon blank fa"></i><span>Features</span><span class="plus"></span></a></li> 3650<li id="nav-menu-item-2929" class="menu-item menu-item-type-post_type menu-item-object-page narrow"><a href="https://ship2port.com/support/" class=""><i class="menu_icon blank fa"></i><span>Support</span><span class="plus"></span></a></li> 3651<li id="nav-menu-item-6357" class="menu-item menu-item-type-post_type menu-item-object-page narrow"><a href="https://ship2port.com/events/" class=""><i class="menu_icon blank fa"></i><span>Events & News</span><span class="plus"></span></a></li> 3652<li id="nav-menu-item-4366" class="menu-item menu-item-type-custom menu-item-object-custom narrow"><a href="https://ship2port.com/signup/" class=""><i class="menu_icon blank fa"></i><span>Sign up</span><span class="plus"></span></a></li> 3653<li id="nav-menu-item-2934" class="menu-item menu-item-type-custom menu-item-object-custom narrow"><a href="https://app.ship2port.com" class=""><i class="menu_icon blank fa"></i><span>Login</span><span class="plus"></span></a></li> 3654</ul> </nav> 3655 <nav class="mobile_menu"> 3656 <ul id="menu-mobiel-menu-engels-1" class=""><li id="mobile-menu-item-5640" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://ship2port.com/industries/" class=""><span>Industries</span></a><span class="mobile_arrow"><i class="fa fa-angle-right"></i><i class="fa fa-angle-down"></i></span></li> 3657<li id="mobile-menu-item-2931" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://ship2port.com/features/" class=""><span>Features</span></a><span class="mobile_arrow"><i class="fa fa-angle-right"></i><i class="fa fa-angle-down"></i></span></li> 3658<li id="mobile-menu-item-2929" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://ship2port.com/support/" class=""><span>Support</span></a><span class="mobile_arrow"><i class="fa fa-angle-right"></i><i class="fa fa-angle-down"></i></span></li> 3659<li id="mobile-menu-item-6357" class="menu-item menu-item-type-post_type menu-item-object-page "><a href="https://ship2port.com/events/" class=""><span>Events & News</span></a><span class="mobile_arrow"><i class="fa fa-angle-right"></i><i class="fa fa-angle-down"></i></span></li> 3660<li id="mobile-menu-item-4366" class="menu-item menu-item-type-custom menu-item-object-custom "><a href="https://ship2port.com/signup/" class=""><span>Sign up</span></a><span class="mobile_arrow"><i class="fa fa-angle-right"></i><i class="fa fa-angle-down"></i></span></li> 3661<li id="mobile-menu-item-2934" class="menu-item menu-item-type-custom menu-item-object-custom "><a href="https://app.ship2port.com" class=""><span>Login</span></a><span class="mobile_arrow"><i class="fa fa-angle-right"></i><i class="fa fa-angle-down"></i></span></li> 3662</ul> </nav> 3663 </div> 3664 </div> 3665 </div> 3666 </div> 3667 </div> 3668 3669 </header> 3670 3671 3672 <a id='back_to_top' href='#'> 3673 <span class="fa-stack"> 3674 <i class="fa fa-arrow-up" style=""></i> 3675 </span> 3676 </a> 3677 3678 3679 3680 3681 3682 <div class="content content_top_margin"> 3683 <div class="content_inner "> 3684 3685 <div class="full_width"> 3686 <div class="full_width_inner" > 3687 <div class="wpb-content-wrapper"><div class="vc_row wpb_row section vc_row-fluid vc_custom_1764871274019" style=' text-align:left;'><div class=" full_section_inner clearfix"><div class="wpb_column vc_column_container vc_col-sm-12"><div class="vc_column-inner vc_custom_1764871646840"><div class="wpb_wrapper"> 3688 <div class="wpb_text_column wpb_content_element vc_custom_1764871557473"> 3689 <div class="wpb_wrapper"> 3690 <h2 style="font-size: 48px; margin: 0px; text-shadow: rgba(0, 0, 0, 0.6) 0px 2px 4px; text-align: center;"><span style="color: #fff;">Get in touch</span></h2> 3691 3692 </div> 3693 </div> </div></div></div></div></div><div class="vc_row wpb_row section vc_row-fluid " style=' text-align:left;'><div class=" full_section_inner clearfix"><div class="wpb_column vc_column_container vc_col-sm-12 vc_hidden-lg vc_hidden-md vc_hidden-sm vc_hidden-xs"><div class="vc_column-inner"><div class="wpb_wrapper"> 3694 <div class="wpb_text_column wpb_content_element "> 3695 <div class="wpb_wrapper"> 3696 3697 <div class="detailheader" style="background-image: url(https://ship2port.com/wp-content/uploads/header_01.jpg);background-position:center center;"> 3698 <div class="detailheadertekst"> 3699 <div data-q_id="#about" class="vc_row wpb_row section vc_row-fluid grid_section" style=" text-align:center;"> 3700 <div class=" section_inner clearfix"> 3701 <div class="section_inner_margin clearfix"> 3702 <div class="wpb_column vc_column_container vc_col-md-offset-2 vc_col-md-8"> 3703 <div class="vc_column-inner "> 3704 <div class="wpb_wrapper detailheadertekst-blok"> 3705 <h2 class="detailheadertitle wit"> </h2> 3706 </div> 3707 </div> 3708 </div> 3709 </div> 3710 </div> 3711 </div> 3712 </div> 3713 </div><div class="vc_row wpb_row section vc_row-fluid grid_section" style="padding-top:20px;"><div class="section_inner"> <!-- Flexy Breadcrumb --> 3714 <div class="fbc fbc-page"> 3715 3716 <!-- Breadcrumb wrapper --> 3717 <div class="fbc-wrap"> 3718 3719 <!-- Ordered list--> 3720 <ol class="fbc-items" itemscope itemtype="https://schema.org/BreadcrumbList"> 3721 <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
3722 <span itemprop="name"> 3723 <!-- Home Link --> 3724 <a itemprop="item" href="https://ship2port.com"> 3725 3726 <i class="fa fa-home" aria-hidden="true"></i>Home </a> 3727 </span> 3728 <meta itemprop="position" content="1" /><!-- Meta Position--> 3729 </li><li><span class="fbc-separator">/</span></li><li class="active" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"><span itemprop="name" title="Contact">Contact</span><meta itemprop="position" content="2" /></li> </ol> 3730 <div class="clearfix"></div> 3731 </div> 3732 </div> 3733 </div></div> 3734 3735 </div> 3736 </div> </div></div></div></div></div><div class="vc_row wpb_row section vc_row-fluid vc_custom_1764862813546 grid_section" style=' text-align:left;'><div class=" section_inner clearfix"><div class='section_inner_margin clearfix'><div class="wpb_column vc_column_container vc_col-sm-4"><div class="vc_column-inner vc_custom_1764862916139"><div class="wpb_wrapper"> 3737 <div class="wpb_text_column wpb_content_element "> 3738 <div class="wpb_wrapper"> 3739 <h3>Let’s talk about your port operations</h3> 3740 3741 </div> 3742 </div> <div class="separator transparent " style="margin-top: 4px;"></div> 3743 3744 <div class="wpb_text_column wpb_content_element vc_custom_1765286850735"> 3745 <div class="wpb_wrapper"> 3746 <p>Whether you’re looking for a demo, have questions about Ship2Port, or want to explore how we can support your maritime operations â we’re here to help.</p> 3747 3748 </div> 3749 </div> 3750 <div class="wpb_raw_code wpb_raw_html wpb_content_element vc_custom_1775123857392" > 3751 <div class="wpb_wrapper"> 3752 <div style="display:flex; flex-wrap:wrap; align-items:flex-start; gap:12px; margin-bottom:10px;"> 3753 3754 <!-- Demo button --> 3755 <a itemprop="url" 3756 href="#" 3757 target="_self" 3758 class="qbutton default" 3759 style="font-weight:600; border-radius:8px;" 3760 data-gtm-event="cta_click" 3761 data-gtm-cta-type="request_demo" 3762 data-gtm-cta-location="contact_primary" 3763 onclick="Calendly.initPopupWidget({url: 'https://calendly.com/ship2port-sales/30min?background_color=ffffff&primary_color=f53e3b'}); return false;"> 3764 Request Demo 3765 </a> 3766 3767 <!-- Free Trial button --> 3768 <div style="position:relative; display:inline-block;"> 3769 3770 <a itemprop="url" 3771 href="https://app.ship2port.com/email-sign-up?source=s2pSite&medium=website&cta=contact_start_trial&slug=contact" 3772 target="_blank" 3773 rel="noopener" 3774 class="qbutton default" 3775 style=" 3776 font-weight:600; 3777 border-radius:8px; 3778 background-color:#1b2a44; 3779 color:#ffffff; 3780 " 3781 data-gtm-event="cta_click" 3782 data-gtm-cta-type="start_free_trial" 3783 data-gtm-cta-location="contact_secondary" 3784 > 3785 Start Free Trial 3786 </a> 3787 3788 <div style=" 3789 position:absolute; 3790 top:calc(100% + 6px); 3791 left:0; 3792 width:100%; 3793 font-size:12px; 3794 color:#00000080; 3795 text-align:center; 3796 "> 3797 No credit card needed 3798 </div> 3799 3800 </div> 3801 3802</div> 3803 </div> 3804 </div> 3805 3806 <div class="wpb_text_column wpb_content_element vc_custom_1765286885959"> 3807 <div class="wpb_wrapper"> 3808 <p><strong>Or send us a message â</strong></p> 3809 3810 </div> 3811 </div> <div class="separator normal " style="margin-top: 30px;margin-bottom: 40px;background-color: #B0B0B0;opacity: 0.5;"></div> 3812 3813 <div class="wpb_text_column wpb_content_element vc_custom_1764872040309"> 3814 <div class="wpb_wrapper"> 3815 <h5>Direct contact</h5> 3816 3817 </div> 3818 </div> <div class="q_icon_list"><span aria-hidden="true" class="qode_icon_font_elegant icon_mail qode-ili-icon-holder transparent" style="font-size: 20px;color: #112332;" ></span><p style="color:#112332;font-size: 18px;">[email protected]</p></div><div class="q_icon_list"><span aria-hidden="true" class="qode_icon_font_elegant icon_headphones qode-ili-icon-holder transparent" style="font-size: 20px;color: #112332;" ></span><p style="color:#112332;font-size: 18px;">[email protected]</p></div><div class="q_icon_list"><span aria-hidden="true" class="qode_icon_font_elegant icon_phone qode-ili-icon-holder transparent" style="font-size: 20px;color: #112332;" ></span>
3818<p style="color:#112332;font-size: 18px;">+31 10 59 31 600</p></div></div></div></div><div class="wpb_column vc_column_container vc_col-sm-8 vc_col-has-fill"><div class="vc_column-inner vc_custom_1764862959413"><div class="wpb_wrapper"> 3819 <div class="wpb_text_column wpb_content_element vc_custom_1764872068854"> 3820 <div class="wpb_wrapper"> 3821 <h3>Send us a message</h3> 3822 3823 </div> 3824 </div> 3825 <div class="wpb_raw_code wpb_raw_html wpb_content_element" > 3826 <div class="wpb_wrapper"> 3827 <iframe src="https://go.ship2port.com/l/1023541/2025-12-04/2yhr2" width="100%" height="1200" type="text/html" frameborder="0" allowTransparency="true" style="border: 0"></iframe> 3828 </div> 3829 </div> 3830</div></div></div><div class="wpb_column vc_column_container vc_col-sm-4"><div class="vc_column-inner"><div class="wpb_wrapper"><div class="vc_row wpb_row section vc_row-fluid vc_inner contactgegevens vc_custom_1518448515523" style=' text-align:left;'><div class=" full_section_inner clearfix"><div class="wpb_column vc_column_container vc_col-sm-12"><div class="vc_column-inner"><div class="wpb_wrapper"> 3831 <div class="wpb_text_column wpb_content_element "> 3832 <div class="wpb_wrapper"> 3833 <h5 class="small-white" style="font-size: 28px;">Contact details</h5> 3834 3835 </div> 3836 </div> <div class="separator transparent " style="margin-top: 10px;"></div> 3837 3838 <div class="wpb_text_column wpb_content_element white"> 3839 <div class="wpb_wrapper"> 3840 <p><span style="font-size: 18px; font-weight: bold;">Royal Dirkzwager</span><br /> 3841Noordzee 10a<br /> 38423144DB Maassluis<br /> 3843Netherlands</p> 3844<div style="height: 20px;"></div> 3845<p><a href="tel:+31(0)105931600">+31 10 59 31 600</a></p> 3846<p><a href="mailto:[email protected]" target="_top" rel="noopener">[email protected]</a></p> 3847 3848 </div> 3849 </div> </div></div></div></div></div></div></div></div></div></div></div><div class="vc_row wpb_row section vc_row-fluid " style=' text-align:left;'><div class=" full_section_inner clearfix"><div class="wpb_column vc_column_container vc_col-sm-12"><div class="vc_column-inner"><div class="wpb_wrapper"> 3850 <div class="wpb_text_column wpb_content_element "> 3851 <div class="wpb_wrapper"> 3852 <div id="wpgmza_map_1" class="wpgmza_map wpgmza-auto-left" style="display:block;width:100\%;height:570px;overflow:hidden;position:relative;" data-map-id="1" data-maps-engine="google-maps" data-build-engine="atlas-novus" data-shortcode-attributes="{"id":"1","zoom":false,"width":false,"height":false,"marker":false,"classname":false}" data-settings="{"map_title":"Contact map","map_width":"100","map_height":"570","map_start_lat":"51.916691","map_start_lng":"4.245375","map_start_location":"51.9166914,4.245375299999978","map_start_zoom":"15","default_marker":"0","type":"1","alignment":"2","directions_enabled":"1","styling_enabled":"0","styling_json":"","active":"0","kml":"","bicycle":"0","traffic":"0","dbox":"1","dbox_width":"100","listmarkers":"0","listmarkers_advanced":"0","filterbycat":"0","ugm_enabled":"0","ugm_category_enabled":"0","fusion":"","map_width_type":"\\%","map_height_type":"px","mass_marker_support":"1","ugm_access":"0","order_markers_by":"1","order_markers_choice":"2","show_user_location":"0","default_to":"","store_locator_enabled":2,"store_locator_distance":2,"store_locator_default_radius":"10","store_locator_not_found_message":"Geen resultaten gevonden in deze locatie. Probeer het opnieuw.","store_locator_bounce":1,"store_locator_query_string":"PC \/ Adres","store_locator_default_address":"","wpgmza_store_locator_restrict":"","map_max_zoom":"1","transport_layer":0,"wpgmza_theme_data":"","wpgmza_show_points_of_interest":1,"id":1}" ></div> 3853 3854 </div> 3855 </div> </div></div></div></div></div> 3856</div> 3857 </div> 3858 </div> 3859 <style type="text/css"> 3860 @media only screen and (max-width:480px){ 3861 .q_slider, .q_slider .carousel, .q_slider .carousel-inner, .q_slider .carousel-inner>.active, .q_slider .qode_slider_preloader{ 3862 height:310px !important; 3863} 3864} 3865</style> 3866 3867 3868 </div> 3869</div> 3870 3871 3872 3873 <footer > 3874 <div class="footer_inner clearfix"> 3875 <div class="footer_top_holder"> 3876 <div class="footer_top"> 3877 <div class="container"> 3878 <div class="container_inner"> 3879 3880 <div class="two_columns_50_50 clearfix"> 3881 <div class="column1 footer_col1"> 3882 <div class="column_inner">
3883 <div id="media_image-2" class="widget widget_media_image"><img width="130" height="123" src="https://ship2port.com/wp-content/uploads/Royal-Dirkzwager_maritime-services1.png" class="image wp-image-3915 attachment-full size-full" alt="" style="max-width: 100%; height: auto;" decoding="async" loading="lazy" /></div><div id="nav_menu-11" class="widget widget_nav_menu"></div><div id="nav_menu-10" class="widget widget_nav_menu"></div> </div> 3884 </div> 3885 <div class="column2 footer_col2"> 3886 <div class="column_inner"> 3887 <div id="block-3" class="widget widget_block"> 3888<div class="wp-block-group"><div class="wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow"> 3889<div class="geenrood"><div class="vc_row wpb_row section vc_row-fluid vc_inner info_box" style=" text-align:left;"><div class=" full_section_inner clearfix"><div class="wpb_column vc_column_container vc_col-sm-12"><div class="vc_column-inner "><div class="wpb_wrapper"><h3 style="font-size: 20px;text-align: left" class="vc_custom_heading showNL">Altijd op de hoogte </h3> <h3 style="font-size: 20px;text-align: left" class="vc_custom_heading showEN">Always up to date </h3> 3890 <div class="wpb_text_column wpb_content_element "> 3891 <div class="wpb_wrapper showNL"> 3892 <p>Schrijf je nu in voor onze nieuwsbrief en blijf op de hoogte van de ontwikkelingen in de markt en van Ship2Port.</p> </div> 3893 <div class="wpb_wrapper showEN"> 3894 <p>Sign up now for our newsletter and stay informed of developments in the market and Ship2Port.</p> 3895 3896 </div> 3897 3898 3899 </div> <div class="vc_btn3-container minTop vc_btn3-right"> 3900 [thrive_2step id='2278']<button class="vc_general vc_btn3 vc_btn3-size-md vc_btn3-shape-rounded vc_btn3-style-modern vc_btn3-icon-right vc_btn3-color-white showNL">Nu inschrijven <i class="vc_btn3-icon fa fa-arrow-right"></i></button>[/thrive_2step]</div><div class="vc_btn3-container minTop vc_btn3-right"> 3901 [thrive_2step id='3016']<button class="vc_general vc_btn3 vc_btn3-size-md vc_btn3-shape-rounded vc_btn3-style-modern vc_btn3-icon-right vc_btn3-color-white showEN">Sign up now <i class="vc_btn3-icon fa fa-arrow-right"></i></button>[/thrive_2step]</div> 3902 3903</div></div></div></div></div></div> 3904</div></div> 3905</div> </div> 3906 </div> 3907 </div> 3908 3909 3910 </div> 3911 </div> 3912 3913 </div> 3914 </div> 3915 <div class="footer_bottom_holder"> 3916 <div style="background-color: #5f6a71;height: 1px" class="footer_bottom_border in_grid"></div> 3917 <div class="container"> 3918 <div class="container_inner"> 3919 <div class="two_columns_50_50 footer_bottom_columns clearfix"> 3920 <div class="column1 footer_bottom_column"> 3921 <div class="column_inner"> 3922 <div class="footer_bottom"> 3923 <div class="textwidget"><!-- Made with <i class="fa fa-heart" style="color:#F53E3B;"></i> by <a href="https://www.bubblefish.nl/">Bubblefish Interactive</a>--></div> 3924 </div> 3925 </div> 3926 </div> 3927 <div class="column2 footer_bottom_column"> 3928 <div class="column_inner"> 3929 <div class="footer_bottom"> 3930 <div class="textwidget">Copyright © 2026 Ship2Port <font class="footerdash">-</font> <a class="showNL" id="algemene_voorwaarden" href="https://ship2port.com/wp-content/uploads/Royal-Dirkzwager-Algemene-voorwaarden_2024.pdf">Algemene voorwaarden</a> <a class="showEN" id="terms_conditions" href="https://ship2port.com/wp-content/uploads/Royal-Dirkzwager-General-Terms-Conditions_2024.pdf">Terms & Conditions</a><font class="footerdash">-</font> <a href="/#moove_gdpr_cookie_modal">Privacy & cookies</a></a></div> 3931 </div> 3932 </div> 3933 </div> 3934 </div> 3935 </div> 3936 </div> 3937 </div> 3938 </div> 3939 </footer> 3940 3941</div> 3942</div> 3943
3944<script> 3945jQuery( document ).ready(function() { 3946 3947 // Hide Header on on scroll down 3948var didScroll; 3949var lastScrollTop = 0; 3950var delta = 5; 3951var navbarHeight = $('header').outerHeight(); 3952 3953jQuery(window).scroll(function(event){ 3954 didScroll = true; 3955}); 3956 3957setInterval(function() { 3958 if (didScroll) { 3959 hasScrolled(); 3960 didScroll = false; 3961 } 3962}, 250); 3963 3964function hasScrolled() { 3965 var st = $(this).scrollTop(); 3966 3967 // Make sure they scroll more than delta 3968 if(Math.abs(lastScrollTop - st) <= delta) 3969 return; 3970 3971 // If they scrolled down and are past the navbar, add class .nav-up. 3972 // This is necessary so you never see what is "behind" the navbar. 3973 if (st > lastScrollTop && st > navbarHeight){ 3974 // Scroll Down 3975 $('header').removeClass('nav-down').addClass('nav-up'); 3976 } else { 3977 // Scroll Up 3978 if(st + $(window).height() < $(document).height()) { 3979 $('header').removeClass('nav-up').addClass('nav-down'); 3980 } 3981 } 3982 3983 lastScrollTop = st; 3984} 3985}); 3986</script>
vendor: 1 bytes, line 3986
3986
3987<script type="speculationrules"> 3988{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/hrmatches/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]} 3989</script>
3989 3990 <!--copyscapeskip--> 3991 <aside id="moove_gdpr_cookie_info_bar" class="moove-gdpr-info-bar-hidden moove-gdpr-align-center moove-gdpr-dark-scheme gdpr_infobar_postion_bottom" aria-label="GDPR Cookie Banner" style="display: none;"> 3992 <div class="moove-gdpr-info-bar-container"> 3993 <div class="moove-gdpr-info-bar-content"> 3994 3995<div class="moove-gdpr-cookie-notice"> 3996 <p>We are using cookies to give you the best experience on our website.</p><p>You can find out more about which cookies we are using or switch them off in <button aria-haspopup="true" data-href="#moove_gdpr_cookie_modal" class="change-settings-button">settings</button>.</p></div> 3997<!-- .moove-gdpr-cookie-notice --> 3998 3999<div class="moove-gdpr-button-holder"> 4000 <button class="mgbutton moove-gdpr-infobar-allow-all gdpr-fbo-0" aria-label="Accept" >Accept</button> 4001 </div> 4002<!-- .button-container --> 4003 </div> 4004 <!-- moove-gdpr-info-bar-content --> 4005 </div> 4006 <!-- moove-gdpr-info-bar-container --> 4007 </aside> 4008 <!-- #moove_gdpr_cookie_info_bar --> 4009 <!--/copyscapeskip-->
4010<script type="text/javascript"> 4011<!-- 4012piCId = '23965'; 4013piAId = '1024541'; 4014 4015piHostname = 'pi.pardot.com'; 4016 4017(function() { 4018 function async_load(){ 4019 var s = document.createElement('script'); s.type = 'text/javascript'; 4020 s.src = ('https:' == document.location.protocol ? 'https://pi' : 'http://cdn') + '.pardot.com/pd.js'; 4021 var c = document.getElementsByTagName('script')[0]; c.parentNode.insertBefore(s, c); 4022 } 4023 if(window.attachEvent) { window.attachEvent('onload', async_load); } 4024 else { window.addEventListener('load', async_load, false); } 4025})(); 4026--> 4027</script>
4027<script type="text/html" id="wpb-modifications"> window.wpbCustomElement = 1; </script>
4027<script id="flexy-breadcrumb-js" src="https://ship2port.com/wp-content/plugins/flexy-breadcrumb/public/js/flexy-breadcrumb-public.js?ver=1.2.1"></script>
vendor: 1 bytes, line 4027
4027
4028<script id="qode-like-js-extra"> 4029var qodeLike = {"ajaxurl":"https://ship2port.com/wp-admin/admin-ajax.php"}; 4030//# sourceURL=qode-like-js-extra 4031</script>
vendor: 1 bytes, line 4031
4031
4032<script id="qode-like-js" src="https://ship2port.com/wp-content/themes/hrmatches/js/qode-like.min.js?ver=7.0.2"></script>
vendor: 1 bytes, line 4032
4032
4033<script id="plugins-js" src="https://ship2port.com/wp-content/themes/hrmatches/js/plugins.js?ver=7.0.2"></script>
vendor: 1 bytes, line 4033
4033
4034<script id="carouFredSel-js" src="https://ship2port.com/wp-content/themes/hrmatches/js/jquery.carouFredSel-6.2.1.min.js?ver=7.0.2"></script>
vendor: 1 bytes, line 4034
4034
4035<script id="lemmonSlider-js" src="https://ship2port.com/wp-content/themes/hrmatches/js/lemmon-slider.min.js?ver=7.0.2"></script>
vendor: 1 bytes, line 4035
4035
4036<script id="one_page_scroll-js" src="https://ship2port.com/wp-content/themes/hrmatches/js/jquery.fullPage.min.js?ver=7.0.2"></script>
vendor: 1 bytes, line 4036
4036
4037<script id="mousewheel-js" src="https://ship2port.com/wp-content/themes/hrmatches/js/jquery.mousewheel.min.js?ver=7.0.2"></script>
vendor: 1 bytes, line 4037
4037
4038<script id="touchSwipe-js" src="https://ship2port.com/wp-content/themes/hrmatches/js/jquery.touchSwipe.min.js?ver=7.0.2"></script>
vendor: 1 bytes, line 4038
4038
4039<script id="isotope-js" src="https://ship2port.com/wp-content/plugins/js_composer/assets/lib/vendor/node_modules/isotope-layout/dist/isotope.pkgd.min.js?ver=8.0.1"></script>
vendor: 1 bytes, line 4039
4039
4040<script id="stretch-js" src="https://ship2port.com/wp-content/themes/hrmatches/js/jquery.stretch.js?ver=7.0.2"></script>
vendor: 1 bytes, line 4040
4040
4041<script id="default_dynamic-js" src="https://ship2port.com/wp-content/themes/hrmatches/js/default_dynamic.js?ver=1771946770"></script>
vendor: 1 bytes, line 4041
4041
4042<script id="default-js" src="https://ship2port.com/wp-content/themes/hrmatches/js/default.min.js?ver=7.0.2"></script>
vendor: 1 bytes, line 4042
4042
4043<script id="custom_js-js" src="https://ship2port.com/wp-content/themes/hrmatches/js/custom_js.js?ver=1771946770"></script>
vendor: 1 bytes, line 4043
4043
4044<script async data-wp-strategy="async" fetchpriority="low" id="comment-reply-js" src="https://ship2port.com/wp-includes/js/comment-reply.min.js?ver=7.0.2"></script>
vendor: 1 bytes, line 4044
4044
4045<script id="wpb_composer_front_js-js" src="https://ship2port.com/wp-content/plugins/js_composer/assets/js/dist/js_composer_front.min.js?ver=8.0.1"></script>
vendor: 1 bytes, line 4045
4045
4046<script id="moove_gdpr_frontend-js-extra"> 4047var moove_frontend_gdpr_scripts = {"ajaxurl":"https://ship2port.com/wp-admin/admin-ajax.php","post_id":"2575","plugin_dir":"https://ship2port.com/wp-content/plugins/gdpr-cookie-compliance","show_icons":"all","is_page":"1","ajax_cookie_removal":"false","strict_init":"2","enabled_default":{"strict":1,"third_party":0,"advanced":0,"performance":0,"preference":0},"geo_location":"false","force_reload":"false","is_single":"","hide_save_btn":"false","current_user":"0","cookie_expiration":"365","script_delay":"2000","close_btn_action":"1","close_btn_rdr":"","scripts_defined":"{\"cache\":true,\"header\":\"\",\"body\":\"\",\"footer\":\"\",\"thirdparty\":{\"header\":\"\",\"body\":\"\",\"footer\":\"\\r\\n\u003Cscript data-gdpr async src='https:\\/\\/www.googletagmanager.com\\/gtag\\/js?id=UA-116406000-1'\u003E\u003C\\/script\u003E\\r\\n\u003Cscript data-gdpr\u003E\\r\\n window.dataLayer = window.dataLayer || [];\\r\\n function gtag(){dataLayer.push(arguments);}\\r\\n gtag('js', new Date());\\r\\n gtag('config', 'UA-116406000-1');\\r\\n\u003C\\/script\u003E\\r\\n\\r\\n\\r\\n\u003C!-- Start of Jira Chat Script--\u003E\\r\\n\u003Cscript data-gdpr src=\\\"https:\\/\\/cdn.chat.appfire.app\\/app\\/widget-prod\\/get-chat.min.js\\\" defer\u003E\u003C\\/script\u003E\\r\\n\u003Cchat-widget jira-id=\\\"98cb7c04-c10d-3dca-bfba-22dd6f07b723\\\"\\r\\nservice-desk-id=\\\"3\\\"\u003E\u003C\\/chat-widget\u003E \\r\\n\u003C!-- End of Jira Chat Script--\u003E\\r\\n\"},\"strict\":{\"header\":\"\",\"body\":\"\",\"footer\":\"\"},\"advanced\":{\"header\":\"\",\"body\":\"\",\"footer\":\"\"}}","gdpr_scor":"true","wp_lang":"_en","wp_consent_api":"false","gdpr_nonce":"aafdd0b308"}; 4048//# sourceURL=moove_gdpr_frontend-js-extra 4049</script>
vendor: 1 bytes, line 4049
4049
4050<script id="moove_gdpr_frontend-js" src="https://ship2port.com/wp-content/plugins/gdpr-cookie-compliance/dist/scripts/main.js?ver=5.0.11"></script>
vendor: 1 bytes, line 4050
4050
4051<script id="moove_gdpr_frontend-js-after"> 4052var gdpr_consent__strict = "false" 4053var gdpr_consent__thirdparty = "false" 4054var gdpr_consent__advanced = "false" 4055var gdpr_consent__performance = "false" 4056var gdpr_consent__preference = "false" 4057var gdpr_consent__cookies = "" 4058//# sourceURL=moove_gdpr_frontend-js-after 4059</script>
vendor: 1 bytes, line 4059
4059
4060<script id="wpgmza_data-js-extra"> 4061var wpgmza_google_api_status = {"message":"Enqueued","code":"ENQUEUED"}; 4062//# sourceURL=wpgmza_data-js-extra 4063</script>
vendor: 1 bytes, line 4063
4063
4064<script id="wpgmza_data-js" src="https://ship2port.com/wp-content/plugins/wp-google-maps/wpgmza_data.js?ver=7.0.2"></script>
vendor: 1 bytes, line 4064
4064
4065<script id="wpgmza_api_call-js" src="//maps.google.com/maps/api/js?v=quarterly&language=en&libraries=geometry%2Cplaces%2Cvisualization%2Cmarker&key=AIzaSyBptip9rzRIB0JsmHK_sjC5DqhVfy8M_o8&callback=__wpgmzaMapEngineLoadedCallback&ver=7.0.2"></script>
vendor: 1 bytes, line 4065
4065
4066<script id="datatables-js" src="https://ship2port.com/wp-content/plugins/wp-google-maps/js/jquery.dataTables.min.js?ver=7.0.2"></script>
vendor: 1 bytes, line 4066
4066
4067<script id="datatables-responsive-js" src="https://ship2port.com/wp-content/plugins/wp-google-maps/js/dataTables.responsive.js?ver=7.0.2"></script>
vendor: 1 bytes, line 4067
4067
4068<script id="javascript-cookie-js" src="https://ship2port.com/wp-content/plugins/wp-google-maps/lib/jquery-cookie.js?ver=7.0.2"></script>
vendor: 1 bytes, line 4068
4068
4069<script id="remodal-js" src="https://ship2port.com/wp-content/plugins/wp-google-maps/lib/remodal.min.js?ver=7.0.2"></script>
vendor: 1 bytes, line 4069
4069
4070<script id="pepjs-js" src="https://ship2port.com/wp-content/plugins/wp-google-maps/lib/pep.js?ver=7.0.2"></script>
vendor: 1 bytes, line 4070
4070
4071<script id="fast-text-encoding-js" src="https://ship2port.com/wp-content/plugins/wp-google-maps/lib/text.js?ver=7.0.2"></script>
vendor: 1 bytes, line 4071
4071
4072<script id="pako-js" src="https://ship2port.com/wp-content/plugins/wp-google-maps/lib/pako_deflate.min.js?ver=7.0.2"></script>
vendor: 1 bytes, line 4072
4072
4073<script id="wpgmza-js-extra"> 4074var WPGMZA_localized_data = {"adminurl":"https://ship2port.com/wp-admin/","siteHash":"f6d052f5152ed27adcf439e05fc01f7a","ajaxurl":"https://ship2port.com/wp-admin/admin-ajax.php","pluginDirURL":"https://ship2port.com/wp-content/plugins/wp-google-maps/","ajaxnonce":"b8fbb2b694","legacyajaxnonce":"0d5f23b95d","html":{"googleMapsAPIErrorDialog":"\u003Cdiv\u003E\r\n\r\n\t\r\n\t\u003Cdiv class=\"error-overlay-inner\"\u003E\r\n\t\t\u003Ch2\u003EMaps API Error\u003C/h2\u003E\r\n\t\t\u003Cp\u003E\r\n\t\t\tOne or more error(s) have occured attempting to initialize the Maps API:\t\t\u003C/p\u003E\r\n\t\r\n\t\t\u003Cul class=\"wpgmza-google-api-error-list\"\u003E\r\n\t\t\t\u003Cli class=\"template notice notice-error\"\u003E\r\n\t\t\t\t\u003Cspan class=\"wpgmza-message\"\u003E\u003C/span\u003E\r\n\t\t\t\t\u003Cspan class=\"wpgmza-documentation-buttons\"\u003E\r\n\t\t\t\t\t\u003Ca target=\"_blank\"\u003E\r\n\t\t\t\t\t\t\u003Ci class=\"fa\" aria-hidden=\"true\"\u003E\u003C/i\u003E\r\n\t\t\t\t\t\u003C/a\u003E\r\n\t\t\t\t\u003C/span\u003E\r\n\t\t\t\u003C/li\u003E\r\n\t\t\u003C/ul\u003E\r\n\t\r\n\t\u003C/div\u003E\r\n\r\n\t\u003Cp class=\"wpgmza-front-end-only\"\u003E\r\n\t\t\u003Ci class=\"fa fa-eye\" aria-hidden=\"true\"\u003E\u003C/i\u003E\r\n\t\tThis dialog is only visible to administrators\t\u003C/p\u003E\r\n\r\n\u003C/div\u003E"},"imageFolderURL":"https://ship2port.com/wp-content/plugins/wp-google-maps/images/","resturl":"https://ship2port.com/wp-json/wpgmza/v1","restnonce":"a113e8ebfc","restnoncetable":{"/(polygons|polylines|circles|rectangles|pointlabels)(\\/\\d+)?/":"52c0543751","/markers(\\/\\d+)?/":"4cf0aa9dba","/datatables":"9101875fad","/system-health-tools/":"f2036a8dd6"},"settings":{"wpgmza_settings_map_streetview":true,"wpgmza_settings_map_scroll":true,"wpgmza_settings_map_draggable":true,"wpgmza_settings_map_open_marker_by":"1","wpgmza_api_version":"3.31","wpgmza_custom_css":"","wpgmza_settings_access_level":"manage_options","wpgmza_settings_marker_pull":"0","wpgmza_gdpr_enabled":1,"wpgmza_gdpr_notice":"I agree for my personal data, provided via submission through 'User Generated Markers' where applicable, 'WP Google Maps' Live Tracking app, where applicable, to be processed by {COMPANY_NAME}.\r\n\t\t\r\nI agree for my personal data, provided via map API calls, to be processed by the API provider, for the purposes of geocoding (converting addresses to coordinates), reverse geocoding and generating directions.\r\n\r\nWP Google Maps uses jQuery DataTables to display sortable, searchable tables, such as that seen in the Advanced Marker Listing and on the Map Edit Page. jQuery DataTables in certain circumstances uses a cookie to save and later recall the \"state\" of a given table - that is, the search term, sort column and order and current page. This data is help in local storage and retained until this is cleared manually. No libraries used by WP Google Maps transmit this information.\r\n\r\nSome visual components of WP Google Maps use 3rd party libraries which are loaded over the network. At present the libraries are Google Maps, Open Street Map, jQuery DataTables and FontAwesome. When loading resources over a network, the 3rd party server will receive your IP address and User Agent string amongst other details. Please refer to the Privacy Policy of the respective libraries for details on how they use data and the process to exercise your rights under the GDPR regulations.\r\n\r\nWhen using the User Generated Marker addon, data will be stored indefinitiely for the following purpose(s): {RETENTION_PURPOSE}","wpgmza_gdpr_retention_purpose":"presenting the data you have submitted on the map.","wpgmza_google_maps_api_key":"QUl6YVN5QnB0aXA5cnpSSUIwSnNtSEtfc2pDNURxaFZmeThNX284","user_interface_style":"legacy","wpgmza_marker_xml_url":"https://ship2port.com/wp-content/uploads/wp-google-maps/","internal_engine":"atlas-novus","action":"wpgmza_save_settings","engine":"google-maps","wpgmza_maps_engine":"google-maps","tile_server_url":"https://{a-c}.tile.openstreetmap.org/{z}/{x}/{y}.png","tile_server_url_override":"","wpgmza_settings_map_full_screen_control":false,"wpgmza_settings_map_zoom":false,"wpgmza_settings_map_pan":false,"wpgmza_settings_map_type":false,"wpgmza_settings_map_tilt_controls":false,"wpgmza_settings_map_clickzoom":false,"wpgmza_settings_retina_width":"","wpgmza_settings_retina_height":"","wpgmza_force_greedy_gestures":false,"disable_lightbox_images":false,"gallery_item_source_size":null,"infowindow_hide_title":false,"wpgmza_settings_infowindow_address":false,"infowindow_hide_category":false,"infowindow_hide_gallery":false,"infowindow_hide_description":false,"infowindow_hide_marker_fields":false,"wpgmza_settings_infowindow_links":false,"wpgmza_settings_infowindow_link_text":"","wpgmza_settings_disable_infowindows":false,"wpgmza_settings_image_resizing":false,"wpgmza_settings_image_width":"","wpgmza_settings_image_height":"","wpgmza_settings_infowindow_width":"","wpgmza_default_items":null,"wpgmza_settings_markerlist_icon":false,"wpgmza_settings_markerlist_link":false,"wpgmza_settings_markerlist_title":false,"wpgmza_settings_markerlist_address":false,"wpgmza_settings_markerlist_category":false,"wpgmza_settings_markerlist_description":false,"wpgmza_do_not_enqueue_datatables":false,"wpgmza_settings_carousel_markerlist_theme":null,"wpgmza_settings_carousel_markerlist_image":false,"wpgmza_settings_carousel_markerlist_title":false,"wpgmza_settings_carousel_markerlist_icon":false,"wpgmza_settings_carousel_markerlist_address":false,"wpgmza_settings_carousel_markerlist_description":false,"wpgmza_settings_carousel_markerlist_marker_link":false,"wpgmza_settings_carousel_markerlist_directions":false,"wpgmza_settings_carousel_markerlist_resize_image":false,"carousel_lazyload":false,"carousel_autoheight":false,"carousel_pagination":false,"carousel_navigation":false,"wpgmza_do_not_enqueue_owl_carousel":false,"wpgmza_do_not_enqueue_owl_carousel_themes":false,"carousel_items":"5","carousel_items_tablet":"3","carousel_items_mobile":"1","carousel_autoplay":"","wpgmza_store_locator_radii":"","categoryTreeSource":null,"wpgmza_settings_cat_logic":"0","wpgmza_settings_filterbycat_type":"1","wpgmza_gdpr_require_consent_before_load":false,"wpgmza_gdpr_company_name":"","wpgmza_gdpr_button_label":"","wpgmza_gdpr_override_notice":false,"wpgmza_gdpr_notice_override_text":"","importer_google_maps_api_key":"","wpgmza_load_engine_api_condition":"where-required","wpgmza_prevent_other_plugins_and_theme_loading_api":false,"open_layers_api_key":"","open_route_service_key":"","wpgmza_always_include_engine_api_on_pages":"","wpgmza_always_exclude_engine_api_on_pages":"","use_fontawesome":"4.*","woo_product_location_editor_enabled":false,"woo_checkout_map_enabled":false,"woo_checkout_map_placement":null,"enable_batch_loading":false,"fetchMarkersBatchSize":"100","wpgmza_custom_js":"","disable_compressed_path_variables":false,"disable_autoptimize_compatibility_fix":false,"enable_dynamic_
4074sql_refac_filter":false,"disable_automatic_backups":false,"disable_google_fonts":false,"enable_google_csp_headers":false,"force_ajax_only_mode":false,"wpgmza_developer_mode":false,"gdprRetentionPurpose":"presenting the data you have submitted on the map.","accessLevel":"manage_options","alwaysExcludeEngineApiOnPages":"","alwaysIncludeEngineApiOnPages":"","apiVersion":"3.31","carouselAutoplay":"","carouselItems":"5","carouselItemsMobile":"1","carouselItemsTablet":"3","carouselMarkerlistResizeImage":false,"carouselTheme":null,"categoryFilterDisplay":"dropdown","categoryFilteringLogic":"or","customCss":"","customJs":"","developerMode":false,"disableAutomaticBackups":false,"disableAutoptimizeCompatibilityFix":false,"disableCompressedPathVariables":false,"disableDoubleClickZoom":false,"disableDragPanning":true,"disableFullScreenControl":false,"disableGoogleFonts":false,"disableInfoWindows":false,"disableLightboxImages":false,"disableMouseWheelZoom":true,"disablePanControl":false,"disableStreetViewControl":true,"disableTypeControl":false,"disableZoomControl":false,"doNotEnqueueDatatables":false,"doNotEnqueueOwlCarousel":false,"doNotEnqueueOwlCarouselThemes":false,"enableBatchLoading":false,"enableCarouselAutoHeight":false,"enableCarouselLazyLoad":false,"enableCarouselNavigation":false,"enableCarouselPagination":false,"enableDynamicSqlRefacFilter":false,"enableGoogleCspHeaders":false,"forceAjaxOnlyMode":false,"forceGreedyGestures":false,"galleryItemSourceSize":null,"gdprButtonLabel":"","gdprCompanyName":"","gdprEnabled":1,"gdprNotice":"I agree for my personal data, provided via submission through 'User Generated Markers' where applicable, 'WP Google Maps' Live Tracking app, where applicable, to be processed by {COMPANY_NAME}.\r\n\t\t\r\nI agree for my personal data, provided via map API calls, to be processed by the API provider, for the purposes of geocoding (converting addresses to coordinates), reverse geocoding and generating directions.\r\n\r\nWP Google Maps uses jQuery DataTables to display sortable, searchable tables, such as that seen in the Advanced Marker Listing and on the Map Edit Page. jQuery DataTables in certain circumstances uses a cookie to save and later recall the \"state\" of a given table - that is, the search term, sort column and order and current page. This data is help in local storage and retained until this is cleared manually. No libraries used by WP Google Maps transmit this information.\r\n\r\nSome visual components of WP Google Maps use 3rd party libraries which are loaded over the network. At present the libraries are Google Maps, Open Street Map, jQuery DataTables and FontAwesome. When loading resources over a network, the 3rd party server will receive your IP address and User Agent string amongst other details. Please refer to the Privacy Policy of the respective libraries for details on how they use data and the process to exercise your rights under the GDPR regulations.\r\n\r\nWhen using the User Generated Marker addon, data will be stored indefinitiely for the following purpose(s): {RETENTION_PURPOSE}","gdprNoticeOverrideText":"","gdprOverrideNotice":false,"gdprRequireConsentBeforeLoad":false,"googleMapsApiKey":"QUl6YVN5QnB0aXA5cnpSSUIwSnNtSEtfc2pDNURxaFZmeThNX284","hideCarouselMarkerListingAddress":false,"hideCarouselMarkerListingDescription":false,"hideCarouselMarkerListingDirections":false,"hideCarouselMarkerListingIcon":false,"hideCarouselMarkerListingImage":false,"hideCarouselMarkerListingLink":false,"hideCarouselMarkerListingTitle":false,"hideMarkerListingAddress":false,"hideMarkerListingCategory":false,"hideMarkerListingDescription":false,"hideMarkerListingIcon":false,"hideMarkerListingLink":false,"hideMarkerListingTitle":false,"importerGoogleMapsApiKey":"","infoWindowAddress":false,"infoWindowHideCategory":false,"infoWindowHideDescription":false,"infoWindowHideGallery":false,"infoWindowHideMarkerFields":false,"infoWindowHideTitle":false,"infoWindowImageHeight":"","infoWindowImageResizing":false,"infoWindowImageWidth":"","infoWindowLinkText":"","infoWindowLinks":false,"infoWindowMaxWidth":"","internalEngine":"atlas-novus","loadEngineApiCondition":"where-required","mapTiltControls":false,"markerListingPageSize":null,"markerPull":"database","markerXmlUrl":"https://ship2port.com/wp-content/uploads/wp-google-maps/","openInfoWindowEvent":"click","openLayersApiKey":"","openRouteServiceKey":"","preventOtherPluginsAndThemeLoadingApi":false,"retinaHeight":"","retinaWidth":"","storeLocatorRadii":"","tileServerUrl":"https://{a-c}.tile.openstreetmap.org/{z}/{x}/{y}
4074.png","tileServerUrlOverride":"","useFontAwesome":"4.*","userInterfaceStyle":"legacy","wooCheckoutMapEnabled":false,"wooCheckoutMapPlacement":null,"wooProductLocationEditorEnabled":false},"stylingSettings":{},"currentPage":null,"tileServer":"","userCanAdministrator":"0","serverCanInflate":"1","localized_strings":{"unsecure_geolocation":"Many browsers are no longer allowing geolocation from unsecured origins. You will need to secure your site with an SSL certificate (HTTPS) or this feature may not work for your visitors","use_my_location":"Use my location","google_api_not_loaded":"The map cannot be initialized because the Maps API has not been loaded. Please check your settings.","no_google_maps_api_key":"You have not entered a \u003Cb\u003EGoogle Maps API Key\u003C/b\u003E.\u003Cbr /\u003E\u003Cbr /\u003EPlease go to the your admin area, then Maps, then Settings, then the Advanced tab to \u003Ca href=\"https://ship2port.com/wp-admin/admin.php?page=wp-google-maps-menu-settings&highlight=wpgmza_google_maps_api_key#advanced-settings\"\u003Eenter your Google Maps API key\u003C/a\u003E.\u003Cbr /\u003E\u003Cbr /\u003EAlternatively, \u003Ca href=\"https://ship2port.com/wp-admin/admin.php?page=wp-google-maps-menu-settings&highlight=wpgmza_maps_engine\"\u003Echoose the Open Layers engine\u003C/a\u003E to avoid getting an API key.","documentation":"Documentation","api_dashboard":"API Dashboard","verify_project":"Verify Project","no_shape_circle":"Please create the circle first.","no_shape_rectangle":"Please create the rectangle first.","no_shape_polygon":"Please create the polygon first.","no_shape_polyline":"Please create the polyline first.","failed_to_get_address":"Failed to get address","failed_to_create_marker":"Failed to create marker %d - this marker cannot be placed on the map.","my_location":"My Location","kilometers_away":"km away","miles_away":"miles away","import_completed":"Import completed.","importing_please_wait":"Importing, this may take a moment...","no_address_specified":"No address specified","add_marker":"Add Marker","save_marker":"Save Marker","please_wait":"Please Wait...","zero_results":"No results found in this location. Please try again.","address_not_found":"This address could not be found. WP Go Maps uses a 3rd party service (eg Google) to convert addresses to geographic coordinates. Unfortunately, the service has no records for this address at present. Please try an alternative format, or manually position the marker using right click.","geocode_fail":"Geocode failed due to technical reasons","you_must_check_gdpr_consent":"You must check the GDPR consent box to continue","no_gps_coordinates":"No GPS coordinates found","fetching_directions":"Fetching directions...","unknown_directions_service_status":"Unknown directions service status","please_fill_out_both_from_and_to_fields":"Please fill out both the \"from\" and \"to\" fields","no_picture_found":"No picture found","overwrite_theme_data":"Are you sure you want to overwrite the existing theme data?","upload_complete":"Upload Complete","uploading_file":"Uploading file","bulk_jpeg_media_title":"WP Go Maps - Bulk JPEG Upload","from_your_location":"from your location","from_searched_location":"from searched location","yes":"Yes","no":"No","requires_gold_v5":"Requires WP Go Maps - Gold add-on 5.0.0 or above","confirm_remove_duplicates":"This operation is not reversable. We recommend you take a backup before proceeding. Would you like to continue?","invalid_theme_data":"Invalid theme data","duplicate_custom_field_name":"Duplicate custom field names, please ensure you only add unique custom field names.","disabled_interactions_notice":"Some interactions are disabled.","interactions_enabled_notice":"Interactions Enabled","disabled_interactions_button":"Re-Enable Interactions","use_two_fingers":"Use two fingers to move the map","use_ctrl_scroll_to_zoom":"Use ctrl + scroll to zoom the map","use_ctrl_scroll_to_zoom_ios":"Use cmd + scroll to zoom the map","geocode_was_not_successful":"Geocode was not successful for the following reason: ","geocoding_library_notice":"Geocoding this address failed. Please check you have enabled the Geocoding API for your Google Maps API project.","map_delete_prompt_text":"Are you sure you want to delete this map?","map_bulk_delete_prompt_text":"Are you sure you want to delete these maps?","general_delete_prompt_text":"Are you sure you want to delete this data?","new_map":"New Map","all":"All","cloud_api_key_error_1":"Autocomplete disabled. \u003Ca href=\"https://wpgmaps.com/documentation/autocomplete-disabled/?utm_source=plugin&utm_medium=link&utm_campaign=cloud-autocomplete-error\" target=\"_BLANK\"\u003EFind out more\u003C/a\u003E.","autcomplete_placeholder":"Enter a location","map_type_roadmap":"Roadmap","map_type_satellite":"Satellite","map_type_terrain":"Terrain","map_type_hybrid":"Hybrid"},"api_consent_html":"\u003Cdiv class=\"wpgmza-gdpr-compliance modern\"\u003E\u003Cdiv class='wpgmza-gdpr-image-placeholder'\u003E\u003Cimg src='https://ship2port.com/wp-content/plugins/wp-google-maps//images/default.png' /\u003E\u003C/div\u003E\u003Cdiv class='wpgmza-gdpr-notice-card'\u003E\u003Cdiv class='wpgmza-gdpr-inner-notice'\u003E\u003Cp\u003E\r\n\tI agree for my personal data to be processed by \u003Cspan name=\"wpgmza_gdpr_company_name\"\u003E\u003C/span\u003E, for the purpose(s) of \u003Cspan name=\"wpgmza_gdpr_retention_purpose\"\u003Epresenting the data you have submitted on the map.\u003C/span\u003E.\r\n\u003C/p\u003E\r\n\r\n\u003Cp\u003E\t\r\n\tI agree for my personal data, provided via map API calls, to be processed by the API provider, for the purposes of geocoding (converting addresses to coordinates), reverse geocoding and\tgenerating directions.\r\n\u003C/p\u003E\r\n\u003Cp\u003E\r\n\tSome visual components of WP Go Maps use 3rd party libraries which are loaded over the network. At present the libraries are Google Maps, Open Street Map, jQuery DataTables and FontAwesome. When loading resources over a network, the 3rd party server will receive your IP address and User Agent string amongst other details. Please refer to the Privacy Policy of the respective libraries for details on how they use data and the process to exercise your rights under the GDPR regulations.\r\n\u003C/p\u003E\r\n\u003Cp\u003E\r\n\tWP Go Maps uses jQuery DataTables to display sortable, searchable tables, such as that seen in the Advanced Marker Listing and on the Map Edit Page. jQuery DataTables in certain circumstances uses a cookie to save and later recall the \"state\" of a given table - that is, the search term, sort column and order and current page. This data is held in local storage and retained until this is cleared manually. No libraries used by WP Go Maps transmit this information.\r\n\u003C/p\u003E\r\n\u003Cp\u003E\r\n\tPlease \u003Ca href=\"https://developers.google.com/maps/terms\"\u003Esee here\u003C/a\u003E and \u003Ca href=\"https://maps.google.com/help/terms_maps.html\"\u003Ehere\u003C/a\u003E for Google's terms. Please also see \u003Ca href=\"https://policies.google.com/privacy?hl=en-GB&gl=uk\"\u003EGoogle's Privacy Policy\u003C/a\u003E. We do not send the API provider any personally identifying information, or information that could uniquely identify your device.\r\n\u003C/p\u003E\r\n\u003Cp\u003E\r\n\tWhere this notice is displayed in place of a map, agreeing to this notice will store a cookie recording your agreement so you are not prompted again.\r\n\u003C/p\u003E\u003C/div\u003E\u003Cp class='wpgmza-centered wpgmza-gdpr-button-container'\u003E\u003Cbutton class='wpgmza-api-consent'\u003EI agree\u003C/button\u003E\u003C/p\u003E\u003C/div\u003E\u003C/div\u003E","basic_ver
4074sion":"10.0.05","_isProVersion":"","defaultMarkerIcon":"https://ship2port.com/wp-content/plugins/wp-google-maps/images/spotlight-poi3.png","markerXMLPathURL":"//ship2port.com/wp-content/uploads/wp-google-maps/","is_admin":"0","locale":"en_US","isServerIIS":"","labelpointIcon":"https://ship2port.com/wp-content/plugins/wp-google-maps/images/label-point.png","buildCode":"B.10.0.05::A.G","postID":"2575"}; 4075//# sourceURL=wpgmza-js-extra 4076</script>
vendor: 1 bytes, line 4076
4076
4077<script id="wpgmza-js" src="https://ship2port.com/wp-content/plugins/wp-google-maps/js/v8/wp-google-maps.min.js?ver=10.0.05"></script>
vendor: 1 bytes, line 4077
4077
4078<script id="wpgmza_canvas_layer_options-js" src="https://ship2port.com/wp-content/plugins/wp-google-maps/lib/CanvasLayerOptions.js?ver=7.0.2"></script>
vendor: 1 bytes, line 4078
4078
4079<script id="wpgmza_canvas_layer-js" src="https://ship2port.com/wp-content/plugins/wp-google-maps/lib/CanvasLayer.js?ver=7.0.2"></script>
vendor: 1 bytes, line 4079
4079
4080<script id="pddc-js" src="https://ship2port.com/wp-content/plugins/pardot/js/asyncdc.min.js?ver=7.0.2"></script>
vendor: 1 bytes, line 4080
4080
4081<script id="wp-emoji-settings" type="application/json"> 4082{"baseUrl":"https://s.w.org/images/core/emoji/17.0.2/72x72/","ext":".png","svgUrl":"https://s.w.org/images/core/emoji/17.0.2/svg/","svgExt":".svg","source":{"concatemoji":"https://ship2port.com/wp-includes/js/wp-emoji-release.min.js?ver=7.0.2"}} 4083</script>
vendor: 1 bytes, line 4083
4083
4084<script type="module"> 4085/*! This file is auto-generated */ 4086const a=JSON.parse(document.getElementById("wp-emoji-settings").textContent),o=(window._wpemojiSettings=a,"wpEmojiSettingsSupports"),s=["flag","emoji"];function i(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(o,JSON.stringify(t))}catch(e){}}function c(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0);const a=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);return t.every((e,t)=>e===a[t])}function p(e,t){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var n=e.getImageData(16,16,1,1);for(let e=0;e<n.data.length;e++)if(0!==n.data[e])return!1;return!0}function u(e,t,n,a){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\udde8\ud83c\uddf6","\ud83c\udde8\u200b\ud83c\uddf6")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!a(e,"\ud83e\u1fac8")}return!1}function f(e,t,n,a){let r;const o=(r="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):document.createElement("canvas")).getContext("2d",{willReadFrequently:!0}),s=(o.textBaseline="top",o.font="600 32px Arial",{});return e.forEach(e=>{s[e]=t(o,e,n,a)}),s}function r(e){var t=document.createElement("script");t.src=e,t.defer=!0,document.head.appendChild(t)}a.supports={everything:!0,everythingExceptFlag:!0},new Promise(t=>{let n=function(){try{var e=JSON.parse(sessionStorage.getItem(o));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(s),u.toString(),c.toString(),p.toString()].join(",")+"));",a=new Blob([e],{type:"text/javascript"});const r=new Worker(URL.createObjectURL(a),{name:"wpTestEmojiSupports"});return void(r.onmessage=e=>{i(n=e.data),r.terminate(),t(n)})}catch(e){}i(n=f(s,u,c,p))}t(n)}).then(e=>{for(const n in e)a.supports[n]=e[n],a.supports.everything=a.supports.everything&&a.supports[n],"flag"!==n&&(a.supports.everythingExceptFlag=a.supports.everythingExceptFlag&&a.supports[n]);var t;a.supports.everythingExceptFlag=a.supports.everythingExceptFlag&&!a.supports.flag,a.supports.everything||((t=a.source||{}).concatemoji?r(t.concatemoji):t.wpemoji&&t.twemoji&&(r(t.twemoji),r(t.wpemoji)))}); 4087//# sourceURL=https://ship2port.com/wp-includes/js/wp-emoji-loader.min.js 4088</script>
vendor: 1 bytes, line 4088
4088
4089<script></script>
4089 4090 4091 <!--copyscapeskip--> 4092 <!-- V1 --> 4093 <dialog id="moove_gdpr_cookie_modal" class="gdpr_lightbox-hide" aria-modal="true" aria-label="GDPR Settings Screen"> 4094 <div class="moove-gdpr-modal-content moove-clearfix logo-position-left moove_gdpr_modal_theme_v1"> 4095 4096 <button class="moove-gdpr-modal-close" autofocus aria-label="Close GDPR Cookie Settings"> 4097 <span class="gdpr-sr-only">Close GDPR Cookie Settings</span> 4098 <span class="gdpr-icon moovegdpr-arrow-close"></span> 4099 </button> 4100 <div class="moove-gdpr-modal-left-content"> 4101 4102<div class="moove-gdpr-company-logo-holder"> 4103 <img src="https://ship2port.com/wp-content/uploads/Ship2Port.horizontaal_powered_logo.cmyk_.png" alt="" width="1200" height="414" class="img-responsive" /> 4104</div> 4105<!-- .moove-gdpr-company-logo-holder --> 4106 <ul id="moove-gdpr-menu"> 4107 4108<li class="menu-item-on menu-item-privacy_overview menu-item-selected"> 4109 <button data-href="#privacy_overview" class="moove-gdpr-tab-nav" aria-label="Privacy Overview"> 4110 <span class="gdpr-nav-tab-title">Privacy Overview</span> 4111 </button> 4112</li> 4113 4114 <li class="menu-item-strict-necessary-cookies menu-item-off"> 4115 <button data-href="#strict-necessary-cookies" class="moove-gdpr-tab-nav" aria-label="Strictly Necessary Cookies"> 4116 <span class="gdpr-nav-tab-title">Strictly Necessary Cookies</span> 4117 </button> 4118 </li> 4119 4120 4121 <li class="menu-item-off menu-item-third_party_cookies"> 4122 <button data-href="#third_party_cookies" class="moove-gdpr-tab-nav" aria-label="Analytics"> 4123 <span class="gdpr-nav-tab-title">Analytics</span> 4124 </button> 4125 </li> 4126 4127 4128 4129 <li class="menu-item-moreinfo menu-item-off"> 4130 <button data-href="#cookie_policy_modal" class="moove-gdpr-tab-nav" aria-label="Cookie Policy"> 4131 <span class="gdpr-nav-tab-title">Cookie Policy</span> 4132 </button> 4133 </li> 4134 </ul> 4135 4136<div class="moove-gdpr-branding-cnt"> 4137 <a href="https://wordpress.org/plugins/gdpr-cookie-compliance/" rel="noopener noreferrer" target="_blank" class='moove-gdpr-branding'>Powered by <span>GDPR Cookie Compliance</span></a> 4138 </div> 4139<!-- .moove-gdpr-branding --> 4140 </div> 4141 <!-- .moove-gdpr-modal-left-content --> 4142 <div class="moove-gdpr-modal-right-content"> 4143 <div class="moove-gdpr-modal-title"> 4144 4145 </div> 4146 <!-- .moove-gdpr-modal-ritle --> 4147 <div class="main-modal-content"> 4148 4149 <div class="moove-gdpr-tab-content"> 4150 4151<div id="privacy_overview" class="moove-gdpr-tab-main"> 4152 <span class="tab-title">Privacy Overview</span> 4153 <div class="moove-gdpr-tab-main-content"> 4154 <p>This website uses cookies so that we can provide you with the best user experience possible. Cookie information is stored in your browser and performs functions such as recognising you when you return to our website and helping our team to understand which sections of the website you find most interesting and useful.</p> 4155 </div> 4156 <!-- .moove-gdpr-tab-main-content --> 4157 4158</div> 4159<!-- #privacy_overview --> 4160 4161 <div id="strict-necessary-cookies" class="moove-gdpr-tab-main" style="display:none"> 4162 <span class="tab-title">Strictly Necessary Cookies</span> 4163 <div class="moove-gdpr-tab-main-content"> 4164 <p>Strictly Necessary Cookie should be enabled at all times so that we can save your preferences for cookie settings.</p> 4165 <div class="moove-gdpr-status-bar "> 4166 <div class="gdpr-cc-form-wrap"> 4167 <div class="gdpr-cc-form-fieldset"> 4168 <label class="cookie-switch" for="moove_gdpr_strict_cookies"> 4169 <span class="gdpr-sr-only">Enable or Disable Cookies</span> 4170 <input type="checkbox" aria-label="Strictly Necessary Cookies" value="check" name="moove_gdpr_strict_cookies" id="moove_gdpr_strict_cookies"> 4171 <span class="cookie-slider cookie-round gdpr-sr" data-text-enable="Enabled" data-text-disabled="Disabled"> 4172 <span class="gdpr-sr-label"> 4173 <span class="gdpr-sr-enable">Enabled</span> 4174 <span class="gdpr-sr-disable">Disabled</span> 4175 </span> 4176 </span> 4177 </label> 4178 </div> 4179 <!-- .gdpr-cc-form-fieldset --> 4180 </div> 4181 <!-- .gdpr-cc-form-wrap --> 4182 </div> 4183 <!-- .moove-gdpr-status-bar --> 4184 4185 </div> 4186 <!-- .moove-gdpr-tab-main-content --> 4187 </div> 4188 <!-- #strict-necesarry-cookies --> 4189 4190 <div id="third_party_cookies" class="moove-gdpr-tab-main" style="display:none"> 4191 <span class="tab-title">Analytics</span> 4192 <div class="moove-gdpr-tab-main-content"> 4193 <p>This website uses Google Analytics to collect anonymous information such as the number of visitors to the site, and the most popular pages.</p> 4194<p>Keeping this cookie enabled helps us to improve our website.</p> 4195 <div class="moove-gdpr-status-bar"> 4196 <div class="gdpr-cc-form-wrap"> 4197 <div class="gdpr-cc-form-fieldset"> 4198 <label class="cookie-switch" for="moove_gdpr_performance_cookies">
4199 <span class="gdpr-sr-only">Enable or Disable Cookies</span> 4200 <input type="checkbox" aria-label="Analytics" value="check" name="moove_gdpr_performance_cookies" id="moove_gdpr_performance_cookies" disabled> 4201 <span class="cookie-slider cookie-round gdpr-sr" data-text-enable="Enabled" data-text-disabled="Disabled"> 4202 <span class="gdpr-sr-label"> 4203 <span class="gdpr-sr-enable">Enabled</span> 4204 <span class="gdpr-sr-disable">Disabled</span> 4205 </span> 4206 </span> 4207 </label> 4208 </div> 4209 <!-- .gdpr-cc-form-fieldset --> 4210 </div> 4211 <!-- .gdpr-cc-form-wrap --> 4212 </div> 4213 <!-- .moove-gdpr-status-bar --> 4214 4215 </div> 4216 <!-- .moove-gdpr-tab-main-content --> 4217 </div> 4218 <!-- #third_party_cookies --> 4219 4220 4221 <div id="cookie_policy_modal" class="moove-gdpr-tab-main" style="display:none"> 4222 <span class="tab-title">Cookie Policy</span> 4223 <div class="moove-gdpr-tab-main-content"> 4224 <p>More information about our <a href="#" target="_blank">Cookie Policy</a></p> 4225 4226 </div> 4227 <!-- .moove-gdpr-tab-main-content --> 4228 </div> 4229 </div> 4230 <!-- .moove-gdpr-tab-content --> 4231 </div> 4232 <!-- .main-modal-content --> 4233 <div class="moove-gdpr-modal-footer-content"> 4234 <div class="moove-gdpr-button-holder"> 4235 <button class="mgbutton moove-gdpr-modal-allow-all button-visible" aria-label="Enable All">Enable All</button> 4236 <button class="mgbutton moove-gdpr-modal-save-settings button-visible" aria-label="Save Settings">Save Settings</button> 4237 </div> 4238<!-- .moove-gdpr-button-holder --> 4239 </div> 4240 <!-- .moove-gdpr-modal-footer-content --> 4241 </div> 4242 <!-- .moove-gdpr-modal-right-content --> 4243 4244 <div class="moove-clearfix"></div> 4245 4246 </div> 4247 <!-- .moove-gdpr-modal-content --> 4248 </dialog> 4249 <!-- #moove_gdpr_cookie_modal --> 4250 <!--/copyscapeskip--> 4251
4251<script type="text/javascript"> 4252 $(function() { 4253 $('.moduleblock, .testimonialblock-text, .eq-height').matchHeight(); 4254 }); 4255 </script>
4255 4256 4257 4258<style type="text/css"> 4259@media only screen and (max-width:1001px){ 4260.nav-down{ 4261 position:fixed !important; 4262 top:0 !important; 4263 transition: top 0.2s ease-in-out; 4264} 4265.nav-up { 4266 top: -100px !important; 4267} 4268 4269 4270} 4271 4272</style> 4273 4274<!--Language switch hardcode--> 4275
4275<script> 4276 // buttons 4277 document.querySelector('#gform_submit_button_8 > span').innerText = "Send"; 4278 </script>
4278 4279 4280
4280<script> 4281 let vc_btn3 = document.querySelectorAll(".vc_btn3-icon"); 4282 for(let x = 0; x < vc_btn3.length; x++) { 4283 vc_btn3[x].classList.add("fa") 4284 vc_btn3[x].classList.add("fa-arrow-right") 4285 vc_btn3[x].classList.add("arrowen") 4286 } 4287 </script>
4287 4288 4289
4289<script> 4290 let eng_vlaggetjes = document.querySelector(".header_bottom_right_widget_holder"); 4291 eng_vlaggetjes.classList.add("en_vlaggetjes"); 4292 </script>
vendor: 1 bytes, line 4292
4292
4293<script> 4294 function tryout() { 4295 console.log("werkdit"); 4296 setTimeout(function() { 4297 let a = $j('.tve-scroll').hide(); 4298 let b = $j('.tl-states-root tl-anim-instant').show(); 4299 console.log(b) 4300 4301 }, 1100); 4302 } 4303 tryout(); 4304</script>
vendor: 1 bytes, line 4304
4304
4305<script type="text/javascript"> 4306_linkedin_partner_id = "8144986"; 4307window._linkedin_data_partner_ids = window._linkedin_data_partner_ids || []; 4308window._linkedin_data_partner_ids.push(_linkedin_partner_id); 4309</script>
4309<script type="text/javascript"> 4310(function(l) { 4311if (!l){window.lintrk = function(a,b){window.lintrk.q.push([a,b])}; 4312window.lintrk.q=[]} 4313var s = document.getElementsByTagName("script")[0]; 4314var b = document.createElement("script"); 4315b.type = "text/javascript";b.async = true; 4316b.src = "https://snap.licdn.com/li.lms-analytics/insight.min.js"; 4317s.parentNode.insertBefore(b, s);})(window.lintrk); 4318</script>
4318 4319<noscript> 4320<img height="1" width="1" style="display:none;" alt="" src="https://px.ads.linkedin.com/collect/?pid=8144986&fmt=gif" /> 4321</noscript> 4322</body> 4323</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.