Warning: Trying to access array offset on value of type null in /customers/4/1/b/surferscollective.com/httpd.www/wp-content/plugins/unyson/framework/includes/option-types/typography-v2/class-fw-option-type-typography-v2.php on line 148

Warning: foreach() argument must be of type array|object, null given in /customers/4/1/b/surferscollective.com/httpd.www/wp-content/plugins/unyson/framework/includes/option-types/typography-v2/class-fw-option-type-typography-v2.php on line 148

Warning: Trying to access array offset on value of type null in /customers/4/1/b/surferscollective.com/httpd.www/wp-content/plugins/unyson/framework/includes/option-types/typography-v2/class-fw-option-type-typography-v2.php on line 148

Warning: foreach() argument must be of type array|object, null given in /customers/4/1/b/surferscollective.com/httpd.www/wp-content/plugins/unyson/framework/includes/option-types/typography-v2/class-fw-option-type-typography-v2.php on line 148

Warning: Trying to access array offset on value of type null in /customers/4/1/b/surferscollective.com/httpd.www/wp-content/plugins/unyson/framework/includes/option-types/typography-v2/class-fw-option-type-typography-v2.php on line 148

Warning: foreach() argument must be of type array|object, null given in /customers/4/1/b/surferscollective.com/httpd.www/wp-content/plugins/unyson/framework/includes/option-types/typography-v2/class-fw-option-type-typography-v2.php on line 148

Warning: Trying to access array offset on value of type null in /customers/4/1/b/surferscollective.com/httpd.www/wp-content/plugins/unyson/framework/includes/option-types/typography-v2/class-fw-option-type-typography-v2.php on line 148

Warning: foreach() argument must be of type array|object, null given in /customers/4/1/b/surferscollective.com/httpd.www/wp-content/plugins/unyson/framework/includes/option-types/typography-v2/class-fw-option-type-typography-v2.php on line 148

Warning: Trying to access array offset on value of type null in /customers/4/1/b/surferscollective.com/httpd.www/wp-content/plugins/unyson/framework/includes/option-types/typography-v2/class-fw-option-type-typography-v2.php on line 148

Warning: foreach() argument must be of type array|object, null given in /customers/4/1/b/surferscollective.com/httpd.www/wp-content/plugins/unyson/framework/includes/option-types/typography-v2/class-fw-option-type-typography-v2.php on line 148

Warning: Trying to access array offset on value of type null in /customers/4/1/b/surferscollective.com/httpd.www/wp-content/plugins/unyson/framework/includes/option-types/typography-v2/class-fw-option-type-typography-v2.php on line 148

Warning: foreach() argument must be of type array|object, null given in /customers/4/1/b/surferscollective.com/httpd.www/wp-content/plugins/unyson/framework/includes/option-types/typography-v2/class-fw-option-type-typography-v2.php on line 148

Warning: Trying to access array offset on value of type null in /customers/4/1/b/surferscollective.com/httpd.www/wp-content/plugins/unyson/framework/includes/option-types/typography-v2/class-fw-option-type-typography-v2.php on line 148

Warning: foreach() argument must be of type array|object, null given in /customers/4/1/b/surferscollective.com/httpd.www/wp-content/plugins/unyson/framework/includes/option-types/typography-v2/class-fw-option-type-typography-v2.php on line 148

Warning: Trying to access array offset on value of type null in /customers/4/1/b/surferscollective.com/httpd.www/wp-content/plugins/unyson/framework/includes/option-types/typography-v2/class-fw-option-type-typography-v2.php on line 148

Warning: foreach() argument must be of type array|object, null given in /customers/4/1/b/surferscollective.com/httpd.www/wp-content/plugins/unyson/framework/includes/option-types/typography-v2/class-fw-option-type-typography-v2.php on line 148

Warning: Trying to access array offset on value of type null in /customers/4/1/b/surferscollective.com/httpd.www/wp-content/plugins/unyson/framework/includes/option-types/typography-v2/class-fw-option-type-typography-v2.php on line 148

Warning: foreach() argument must be of type array|object, null given in /customers/4/1/b/surferscollective.com/httpd.www/wp-content/plugins/unyson/framework/includes/option-types/typography-v2/class-fw-option-type-typography-v2.php on line 148

Warning: Trying to access array offset on value of type null in /customers/4/1/b/surferscollective.com/httpd.www/wp-content/plugins/unyson/framework/includes/option-types/typography-v2/class-fw-option-type-typography-v2.php on line 148

Warning: foreach() argument must be of type array|object, null given in /customers/4/1/b/surferscollective.com/httpd.www/wp-content/plugins/unyson/framework/includes/option-types/typography-v2/class-fw-option-type-typography-v2.php on line 148

Warning: Trying to access array offset on value of type null in /customers/4/1/b/surferscollective.com/httpd.www/wp-content/plugins/unyson/framework/includes/option-types/typography-v2/class-fw-option-type-typography-v2.php on line 148

Warning: foreach() argument must be of type array|object, null given in /customers/4/1/b/surferscollective.com/httpd.www/wp-content/plugins/unyson/framework/includes/option-types/typography-v2/class-fw-option-type-typography-v2.php on line 148

Warning: Trying to access array offset on value of type null in /customers/4/1/b/surferscollective.com/httpd.www/wp-content/plugins/unyson/framework/includes/option-types/typography-v2/class-fw-option-type-typography-v2.php on line 148

Warning: foreach() argument must be of type array|object, null given in /customers/4/1/b/surferscollective.com/httpd.www/wp-content/plugins/unyson/framework/includes/option-types/typography-v2/class-fw-option-type-typography-v2.php on line 148

Warning: Trying to access array offset on value of type null in /customers/4/1/b/surferscollective.com/httpd.www/wp-content/plugins/unyson/framework/includes/option-types/typography-v2/class-fw-option-type-typography-v2.php on line 148

Warning: foreach() argument must be of type array|object, null given in /customers/4/1/b/surferscollective.com/httpd.www/wp-content/plugins/unyson/framework/includes/option-types/typography-v2/class-fw-option-type-typography-v2.php on line 148

Warning: Trying to access array offset on value of type null in /customers/4/1/b/surferscollective.com/httpd.www/wp-content/plugins/unyson/framework/includes/option-types/typography-v2/class-fw-option-type-typography-v2.php on line 148

Warning: foreach() argument must be of type array|object, null given in /customers/4/1/b/surferscollective.com/httpd.www/wp-content/plugins/unyson/framework/includes/option-types/typography-v2/class-fw-option-type-typography-v2.php on line 148

Warning: Trying to access array offset on value of type null in /customers/4/1/b/surferscollective.com/httpd.www/wp-content/plugins/unyson/framework/includes/option-types/typography-v2/class-fw-option-type-typography-v2.php on line 148

Warning: foreach() argument must be of type array|object, null given in /customers/4/1/b/surferscollective.com/httpd.www/wp-content/plugins/unyson/framework/includes/option-types/typography-v2/class-fw-option-type-typography-v2.php on line 148

Warning: Trying to access array offset on value of type null in /customers/4/1/b/surferscollective.com/httpd.www/wp-content/plugins/unyson/framework/includes/option-types/typography-v2/class-fw-option-type-typography-v2.php on line 148

Warning: foreach() argument must be of type array|object, null given in /customers/4/1/b/surferscollective.com/httpd.www/wp-content/plugins/unyson/framework/includes/option-types/typography-v2/class-fw-option-type-typography-v2.php on line 148

Warning: Trying to access array offset on value of type null in /customers/4/1/b/surferscollective.com/httpd.www/wp-content/plugins/unyson/framework/includes/option-types/typography-v2/class-fw-option-type-typography-v2.php on line 148

Warning: foreach() argument must be of type array|object, null given in /customers/4/1/b/surferscollective.com/httpd.www/wp-content/plugins/unyson/framework/includes/option-types/typography-v2/class-fw-option-type-typography-v2.php on line 148

Warning: Trying to access array offset on value of type null in /customers/4/1/b/surferscollective.com/httpd.www/wp-content/plugins/unyson/framework/includes/option-types/typography-v2/class-fw-option-type-typography-v2.php on line 148

Warning: foreach() argument must be of type array|object, null given in /customers/4/1/b/surferscollective.com/httpd.www/wp-content/plugins/unyson/framework/includes/option-types/typography-v2/class-fw-option-type-typography-v2.php on line 148

Warning: Trying to access array offset on value of type null in /customers/4/1/b/surferscollective.com/httpd.www/wp-content/plugins/unyson/framework/includes/option-types/typography-v2/class-fw-option-type-typography-v2.php on line 148

Warning: foreach() argument must be of type array|object, null given in /customers/4/1/b/surferscollective.com/httpd.www/wp-content/plugins/unyson/framework/includes/option-types/typography-v2/class-fw-option-type-typography-v2.php on line 148

Warning: Trying to access array offset on value of type null in /customers/4/1/b/surferscollective.com/httpd.www/wp-content/plugins/unyson/framework/includes/option-types/typography-v2/class-fw-option-type-typography-v2.php on line 148

Warning: foreach() argument must be of type array|object, null given in /customers/4/1/b/surferscollective.com/httpd.www/wp-content/plugins/unyson/framework/includes/option-types/typography-v2/class-fw-option-type-typography-v2.php on line 148

Warning: Trying to access array offset on value of type null in /customers/4/1/b/surferscollective.com/httpd.www/wp-content/plugins/unyson/framework/includes/option-types/typography-v2/class-fw-option-type-typography-v2.php on line 148

Warning: foreach() argument must be of type array|object, null given in /customers/4/1/b/surferscollective.com/httpd.www/wp-content/plugins/unyson/framework/includes/option-types/typography-v2/class-fw-option-type-typography-v2.php on line 148

Warning: Trying to access array offset on value of type null in /customers/4/1/b/surferscollective.com/httpd.www/wp-content/plugins/unyson/framework/includes/option-types/typography-v2/class-fw-option-type-typography-v2.php on line 148

Warning: foreach() argument must be of type array|object, null given in /customers/4/1/b/surferscollective.com/httpd.www/wp-content/plugins/unyson/framework/includes/option-types/typography-v2/class-fw-option-type-typography-v2.php on line 148

Warning: Trying to access array offset on value of type null in /customers/4/1/b/surferscollective.com/httpd.www/wp-content/plugins/unyson/framework/includes/option-types/typography-v2/class-fw-option-type-typography-v2.php on line 148

Warning: foreach() argument must be of type array|object, null given in /customers/4/1/b/surferscollective.com/httpd.www/wp-content/plugins/unyson/framework/includes/option-types/typography-v2/class-fw-option-type-typography-v2.php on line 148

Warning: Trying to access array offset on value of type null in /customers/4/1/b/surferscollective.com/httpd.www/wp-content/plugins/unyson/framework/includes/option-types/typography-v2/class-fw-option-type-typography-v2.php on line 148

Warning: foreach() argument must be of type array|object, null given in /customers/4/1/b/surferscollective.com/httpd.www/wp-content/plugins/unyson/framework/includes/option-types/typography-v2/class-fw-option-type-typography-v2.php on line 148

Warning: Trying to access array offset on value of type null in /customers/4/1/b/surferscollective.com/httpd.www/wp-content/plugins/unyson/framework/includes/option-types/typography-v2/class-fw-option-type-typography-v2.php on line 148

Warning: foreach() argument must be of type array|object, null given in /customers/4/1/b/surferscollective.com/httpd.www/wp-content/plugins/unyson/framework/includes/option-types/typography-v2/class-fw-option-type-typography-v2.php on line 148

Warning: Trying to access array offset on value of type null in /customers/4/1/b/surferscollective.com/httpd.www/wp-content/plugins/unyson/framework/includes/option-types/typography-v2/class-fw-option-type-typography-v2.php on line 148

Warning: foreach() argument must be of type array|object, null given in /customers/4/1/b/surferscollective.com/httpd.www/wp-content/plugins/unyson/framework/includes/option-types/typography-v2/class-fw-option-type-typography-v2.php on line 148

Warning: Trying to access array offset on value of type null in /customers/4/1/b/surferscollective.com/httpd.www/wp-content/plugins/unyson/framework/includes/option-types/typography-v2/class-fw-option-type-typography-v2.php on line 148

Warning: foreach() argument must be of type array|object, null given in /customers/4/1/b/surferscollective.com/httpd.www/wp-content/plugins/unyson/framework/includes/option-types/typography-v2/class-fw-option-type-typography-v2.php on line 148

Warning: Trying to access array offset on value of type null in /customers/4/1/b/surferscollective.com/httpd.www/wp-content/plugins/unyson/framework/includes/option-types/typography-v2/class-fw-option-type-typography-v2.php on line 148

Warning: foreach() argument must be of type array|object, null given in /customers/4/1/b/surferscollective.com/httpd.www/wp-content/plugins/unyson/framework/includes/option-types/typography-v2/class-fw-option-type-typography-v2.php on line 148

Warning: session_start(): Session cannot be started after headers have already been sent in /customers/4/1/b/surferscollective.com/httpd.www/wp-content/plugins/unyson/framework/includes/hooks.php on line 259
<!DOCTYPE html>
<html lang="en-US">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="pingback" href="https://surferscollective.com/xmlrpc.php">
        <title>Blog Cards Masonry Left Sidebar &#8211; Page 3 &#8211; Surfers Collective</title>
<meta name='robots' content='max-image-preview:large' />
<link rel='dns-prefetch' href='//fonts.googleapis.com' />
<link rel="alternate" type="application/rss+xml" title="Surfers Collective &raquo; Feed" href="https://surferscollective.com/feed/" />
<link rel="alternate" type="application/rss+xml" title="Surfers Collective &raquo; Comments Feed" href="https://surferscollective.com/comments/feed/" />
		<!-- This site uses the Google Analytics by MonsterInsights plugin v8.15 - Using Analytics tracking - https://www.monsterinsights.com/ -->
							<script src="//www.googletagmanager.com/gtag/js?id=UA-101733076-1"  data-cfasync="false" data-wpfc-render="false" type="text/javascript" async></script>
			<script data-cfasync="false" data-wpfc-render="false" type="text/javascript">
				var mi_version = '8.15';
				var mi_track_user = true;
				var mi_no_track_reason = '';
				
								var disableStrs = [
															'ga-disable-UA-101733076-1',
									];

				/* Function to detect opted out users */
				function __gtagTrackerIsOptedOut() {
					for (var index = 0; index < disableStrs.length; index++) {
						if (document.cookie.indexOf(disableStrs[index] + '=true') > -1) {
							return true;
						}
					}

					return false;
				}

				/* Disable tracking if the opt-out cookie exists. */
				if (__gtagTrackerIsOptedOut()) {
					for (var index = 0; index < disableStrs.length; index++) {
						window[disableStrs[index]] = true;
					}
				}

				/* Opt-out function */
				function __gtagTrackerOptout() {
					for (var index = 0; index < disableStrs.length; index++) {
						document.cookie = disableStrs[index] + '=true; expires=Thu, 31 Dec 2099 23:59:59 UTC; path=/';
						window[disableStrs[index]] = true;
					}
				}

				if ('undefined' === typeof gaOptout) {
					function gaOptout() {
						__gtagTrackerOptout();
					}
				}
								window.dataLayer = window.dataLayer || [];

				window.MonsterInsightsDualTracker = {
					helpers: {},
					trackers: {},
				};
				if (mi_track_user) {
					function __gtagDataLayer() {
						dataLayer.push(arguments);
					}

					function __gtagTracker(type, name, parameters) {
						if (!parameters) {
							parameters = {};
						}

						if (parameters.send_to) {
							__gtagDataLayer.apply(null, arguments);
							return;
						}

						if (type === 'event') {
							
														parameters.send_to = monsterinsights_frontend.ua;
							__gtagDataLayer(type, name, parameters);
													} else {
							__gtagDataLayer.apply(null, arguments);
						}
					}

					__gtagTracker('js', new Date());
					__gtagTracker('set', {
						'developer_id.dZGIzZG': true,
											});
															__gtagTracker('config', 'UA-101733076-1', {"forceSSL":"true"} );
										window.gtag = __gtagTracker;										(function () {
						/* https://developers.google.com/analytics/devguides/collection/analyticsjs/ */
						/* ga and __gaTracker compatibility shim. */
						var noopfn = function () {
							return null;
						};
						var newtracker = function () {
							return new Tracker();
						};
						var Tracker = function () {
							return null;
						};
						var p = Tracker.prototype;
						p.get = noopfn;
						p.set = noopfn;
						p.send = function () {
							var args = Array.prototype.slice.call(arguments);
							args.unshift('send');
							__gaTracker.apply(null, args);
						};
						var __gaTracker = function () {
							var len = arguments.length;
							if (len === 0) {
								return;
							}
							var f = arguments[len - 1];
							if (typeof f !== 'object' || f === null || typeof f.hitCallback !== 'function') {
								if ('send' === arguments[0]) {
									var hitConverted, hitObject = false, action;
									if ('event' === arguments[1]) {
										if ('undefined' !== typeof arguments[3]) {
											hitObject = {
												'eventAction': arguments[3],
												'eventCategory': arguments[2],
												'eventLabel': arguments[4],
												'value': arguments[5] ? arguments[5] : 1,
											}
										}
									}
									if ('pageview' === arguments[1]) {
										if ('undefined' !== typeof arguments[2]) {
											hitObject = {
												'eventAction': 'page_view',
												'page_path': arguments[2],
											}
										}
									}
									if (typeof arguments[2] === 'object') {
										hitObject = arguments[2];
									}
									if (typeof arguments[5] === 'object') {
										Object.assign(hitObject, arguments[5]);
									}
									if ('undefined' !== typeof arguments[1].hitType) {
										hitObject = arguments[1];
										if ('pageview' === hitObject.hitType) {
											hitObject.eventAction = 'page_view';
										}
									}
									if (hitObject) {
										action = 'timing' === arguments[1].hitType ? 'timing_complete' : hitObject.eventAction;
										hitConverted = mapArgs(hitObject);
										__gtagTracker('event', action, hitConverted);
									}
								}
								return;
							}

							function mapArgs(args) {
								var arg, hit = {};
								var gaMap = {
									'eventCategory': 'event_category',
									'eventAction': 'event_action',
									'eventLabel': 'event_label',
									'eventValue': 'event_value',
									'nonInteraction': 'non_interaction',
									'timingCategory': 'event_category',
									'timingVar': 'name',
									'timingValue': 'value',
									'timingLabel': 'event_label',
									'page': 'page_path',
									'location': 'page_location',
									'title': 'page_title',
								};
								for (arg in args) {
																		if (!(!args.hasOwnProperty(arg) || !gaMap.hasOwnProperty(arg))) {
										hit[gaMap[arg]] = args[arg];
									} else {
										hit[arg] = args[arg];
									}
								}
								return hit;
							}

							try {
								f.hitCallback();
							} catch (ex) {
							}
						};
						__gaTracker.create = newtracker;
						__gaTracker.getByName = newtracker;
						__gaTracker.getAll = function () {
							return [];
						};
						__gaTracker.remove = noopfn;
						__gaTracker.loaded = true;
						window['__gaTracker'] = __gaTracker;
					})();
									} else {
										console.log("");
					(function () {
						function __gtagTracker() {
							return null;
						}

						window['__gtagTracker'] = __gtagTracker;
						window['gtag'] = __gtagTracker;
					})();
									}
			</script>
				<!-- / Google Analytics by MonsterInsights -->
		<script type="text/javascript">
window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/14.0.0\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/14.0.0\/svg\/","svgExt":".svg","source":{"concatemoji":"https:\/\/surferscollective.com\/wp-includes\/js\/wp-emoji-release.min.js?ver=6.2.6"}};
/*! This file is auto-generated */
!function(e,a,t){var n,r,o,i=a.createElement("canvas"),p=i.getContext&&i.getContext("2d");function s(e,t){p.clearRect(0,0,i.width,i.height),p.fillText(e,0,0);e=i.toDataURL();return p.clearRect(0,0,i.width,i.height),p.fillText(t,0,0),e===i.toDataURL()}function c(e){var t=a.createElement("script");t.src=e,t.defer=t.type="text/javascript",a.getElementsByTagName("head")[0].appendChild(t)}for(o=Array("flag","emoji"),t.supports={everything:!0,everythingExceptFlag:!0},r=0;r<o.length;r++)t.supports[o[r]]=function(e){if(p&&p.fillText)switch(p.textBaseline="top",p.font="600 32px Arial",e){case"flag":return s("\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!s("\ud83c\uddfa\ud83c\uddf3","\ud83c\uddfa\u200b\ud83c\uddf3")&&!s("\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!s("\ud83e\udef1\ud83c\udffb\u200d\ud83e\udef2\ud83c\udfff","\ud83e\udef1\ud83c\udffb\u200b\ud83e\udef2\ud83c\udfff")}return!1}(o[r]),t.supports.everything=t.supports.everything&&t.supports[o[r]],"flag"!==o[r]&&(t.supports.everythingExceptFlag=t.supports.everythingExceptFlag&&t.supports[o[r]]);t.supports.everythingExceptFlag=t.supports.everythingExceptFlag&&!t.supports.flag,t.DOMReady=!1,t.readyCallback=function(){t.DOMReady=!0},t.supports.everything||(n=function(){t.readyCallback()},a.addEventListener?(a.addEventListener("DOMContentLoaded",n,!1),e.addEventListener("load",n,!1)):(e.attachEvent("onload",n),a.attachEvent("onreadystatechange",function(){"complete"===a.readyState&&t.readyCallback()})),(e=t.source||{}).concatemoji?c(e.concatemoji):e.wpemoji&&e.twemoji&&(c(e.twemoji),c(e.wpemoji)))}(window,document,window._wpemojiSettings);
</script>
<style type="text/css">
img.wp-smiley,
img.emoji {
	display: inline !important;
	border: none !important;
	box-shadow: none !important;
	height: 1em !important;
	width: 1em !important;
	margin: 0 0.07em !important;
	vertical-align: -0.1em !important;
	background: none !important;
	padding: 0 !important;
}
</style>
	<link rel='stylesheet' id='sgr-css' href='https://surferscollective.com/wp-content/plugins/simple-google-recaptcha/sgr.css?ver=1683802924' type='text/css' media='all' />
<link rel='stylesheet' id='sbi_styles-css' href='https://surferscollective.com/wp-content/plugins/instagram-feed/css/sbi-styles.min.css?ver=6.1.5' type='text/css' media='all' />
<link rel='stylesheet' id='wp-block-library-css' href='https://surferscollective.com/wp-includes/css/dist/block-library/style.min.css?ver=6.2.6' type='text/css' media='all' />
<link rel='stylesheet' id='wc-blocks-vendors-style-css' href='https://surferscollective.com/wp-content/plugins/woocommerce/packages/woocommerce-blocks/build/wc-blocks-vendors-style.css?ver=10.0.6' type='text/css' media='all' />
<link rel='stylesheet' id='wc-blocks-style-css' href='https://surferscollective.com/wp-content/plugins/woocommerce/packages/woocommerce-blocks/build/wc-blocks-style.css?ver=10.0.6' type='text/css' media='all' />
<link rel='stylesheet' id='classic-theme-styles-css' href='https://surferscollective.com/wp-includes/css/classic-themes.min.css?ver=6.2.6' type='text/css' media='all' />
<style id='global-styles-inline-css' type='text/css'>
body{--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--duotone--dark-grayscale: url('#wp-duotone-dark-grayscale');--wp--preset--duotone--grayscale: url('#wp-duotone-grayscale');--wp--preset--duotone--purple-yellow: url('#wp-duotone-purple-yellow');--wp--preset--duotone--blue-red: url('#wp-duotone-blue-red');--wp--preset--duotone--midnight: url('#wp-duotone-midnight');--wp--preset--duotone--magenta-yellow: url('#wp-duotone-magenta-yellow');--wp--preset--duotone--purple-green: url('#wp-duotone-purple-green');--wp--preset--duotone--blue-orange: url('#wp-duotone-blue-orange');--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}body .is-layout-flow > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}body .is-layout-flow > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}body .is-layout-flow > .aligncenter{margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}body .is-layout-constrained > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}body .is-layout-constrained > .aligncenter{margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width: var(--wp--style--global--content-size);margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > .alignwide{max-width: var(--wp--style--global--wide-size);}body .is-layout-flex{display: flex;}body .is-layout-flex{flex-wrap: wrap;align-items: center;}body .is-layout-flex > *{margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}
.wp-block-navigation a:where(:not(.wp-element-button)){color: inherit;}
:where(.wp-block-columns.is-layout-flex){gap: 2em;}
.wp-block-pullquote{font-size: 1.5em;line-height: 1.6;}
</style>
<link rel='stylesheet' id='woocommerce-smallscreen-css' href='https://surferscollective.com/wp-content/plugins/woocommerce/assets/css/woocommerce-smallscreen.css?ver=7.7.2' type='text/css' media='only screen and (max-width: 768px)' />
<link rel='stylesheet' id='woocommerce-general-css' href='https://surferscollective.com/wp-content/plugins/woocommerce/assets/css/woocommerce.css?ver=7.7.2' type='text/css' media='all' />
<style id='woocommerce-inline-inline-css' type='text/css'>
.woocommerce form .form-row .required { visibility: visible; }
</style>
<link rel='stylesheet' id='fw-ext-forms-default-styles-css' href='https://surferscollective.com/wp-content/plugins/unyson/framework/extensions/forms/static/css/frontend.css?ver=2.7.28' type='text/css' media='all' />
<link rel='stylesheet' id='woocommerce-gzd-layout-css' href='https://surferscollective.com/wp-content/plugins/woocommerce-germanized/assets/css/layout.min.css?ver=3.13.0' type='text/css' media='all' />
<style id='woocommerce-gzd-layout-inline-css' type='text/css'>
.woocommerce-checkout .shop_table { background-color: #eeeeee; } .product p.deposit-packaging-type { font-size: 1.25em !important; } p.woocommerce-shipping-destination { display: none; }
                .wc-gzd-nutri-score-value-a {
                    background: url(https://surferscollective.com/wp-content/plugins/woocommerce-germanized/assets/images/nutri-score-a.svg) no-repeat;
                }
                .wc-gzd-nutri-score-value-b {
                    background: url(https://surferscollective.com/wp-content/plugins/woocommerce-germanized/assets/images/nutri-score-b.svg) no-repeat;
                }
                .wc-gzd-nutri-score-value-c {
                    background: url(https://surferscollective.com/wp-content/plugins/woocommerce-germanized/assets/images/nutri-score-c.svg) no-repeat;
                }
                .wc-gzd-nutri-score-value-d {
                    background: url(https://surferscollective.com/wp-content/plugins/woocommerce-germanized/assets/images/nutri-score-d.svg) no-repeat;
                }
                .wc-gzd-nutri-score-value-e {
                    background: url(https://surferscollective.com/wp-content/plugins/woocommerce-germanized/assets/images/nutri-score-e.svg) no-repeat;
                }
            
</style>
<link rel='stylesheet' id='etcode-google-fonts-css' href='//fonts.googleapis.com/css?family=Montserrat%3A300%2C400%2C500%2C600%2C700&#038;ver=1.1.2' type='text/css' media='all' />
<link rel='stylesheet' id='bootstrap-css' href='https://surferscollective.com/wp-content/themes/dukandari/css/bootstrap.css?ver=1.1.2' type='text/css' media='all' />
<link rel='stylesheet' id='aos-css' href='https://surferscollective.com/wp-content/themes/dukandari/css/aos.css?ver=1.1.2' type='text/css' media='all' />
<link rel='stylesheet' id='dukandari-style-css' href='https://surferscollective.com/wp-content/themes/dukandari/css/dukandari-style.css?ver=1.1.2' type='text/css' media='all' />
<style id='dukandari-style-inline-css' type='text/css'>
.hero_title_container { background-image: url('//surferscollective.com/wp-content/uploads/2017/11/image-credit-nendo-43.jpg'); background-size: cover; background-position: center center;}.hero_box { background-color: ; }.navbar {  padding-top: 32px; padding-bottom: 32px; } .sidebar-nav {  }.navbar .dropdown-menu {  } .navbar-nav .dropdown-menu a, .sidebar-menu .sidebar-submenu > li > a {  } .fluid_header, .navbar>.full-width-container.fluid_header { padding-right: 5%; padding-left: 5%; } .navbar-brand {width:222px; } ..footer_container a {  } ..footer_container a:hover {  } h1{font-family:'Montserrat';font-style:normal;font-weight:500;font-size:40px;}h2{font-family:'Montserrat';font-style:normal;font-weight:500;font-size:32px;}h3{font-family:'Montserrat';font-style:normal;font-weight:500;font-size:28px;}h4{font-family:'Montserrat';font-style:normal;font-weight:500;font-size:24px;}h5{font-family:'Montserrat';font-style:normal;font-weight:500;font-size:20px;}h6{font-family:'Montserrat';font-style:normal;font-weight:500;font-size:16px;}body{font-family:'Montserrat';font-style:normal;font-weight:300;font-size:16px;}.subtitles{font-family:'Montserrat';font-style:normal;font-weight:300;font-size:16px;}.btn{font-style:normal;font-weight:100;}.card-post-meta-top, .card-post-meta-top a {font-style:normal;font-weight:500;}.card-post-meta-top, .card-post-meta-top {text-transform: none;}.card-post-meta-top, .card-post-meta-top a {font-style:normal;font-weight:400;}.card-post-meta-bottom, .card-post-meta-bottom a, {text-transform: none;}.top-bar{font-style:normal;font-weight:500;}.navbar-nav li, .navbar-nav li a{font-style:normal;font-weight:500;}footer{font-style:normal;font-weight:400;}.form-group label  {font-style:normal;font-weight:400;}textarea, input[type], .form-control{font-style:normal;font-weight:400;}.contact-form  input[type="submit"], .btn,.woocommerce input.button.alt, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce-page a.button, .woocommerce-page a.added_to_cart, .woocommerce-page input[type="submit"], .woocommerce-page button[type="submit"], .woocommerce-page .wc-forward:not(.added_to_cart):not(.checkout-button), div.woocommerce a.button, div.woocommerce input[type="submit"], div.woocommerce button[type="submit"], div.woocommerce .wc-forward:not(.added_to_cart):not(.checkout-button) { color: #fff; } .contact-form  input[type="submit"]:hover ,.btn:hover,.woocommerce input.button.alt:hover, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover, .woocommerce-page a.button:hover, .woocommerce-page a.added_to_cart:hover, .woocommerce-page input[type="submit"]:hover, .woocommerce-page button[type="submit"]:hover, .woocommerce-page .wc-forward:not(.added_to_cart):not(.checkout-button):hover, div.woocommerce a.button:hover, div.woocommerce input[type="submit"]:hover, div.woocommerce button[type="submit"]:hover, div.woocommerce .wc-forward:not(.added_to_cart):not(.checkout-button):hover { color: #fff; } .contact-form  input[type="submit"], .btn,.woocommerce input.button.alt, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce-page a.button, .woocommerce-page a.added_to_cart, .woocommerce-page input[type="submit"], .woocommerce-page button[type="submit"], .woocommerce-page .wc-forward:not(.added_to_cart):not(.checkout-button), div.woocommerce a.button, div.woocommerce input[type="submit"], div.woocommerce button[type="submit"], div.woocommerce .wc-forward:not(.added_to_cart):not(.checkout-button) { background: #1b1b1b; } .contact-form  input[type="submit"]:hover, .btn:hover,.woocommerce input.button.alt:hover, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover, .woocommerce-page a.button:hover, .woocommerce-page a.added_to_cart:hover, .woocommerce-page input[type="submit"]:hover, .woocommerce-page button[type="submit"]:hover, .woocommerce-page .wc-forward:not(.added_to_cart):not(.checkout-button):hover, div.woocommerce a.button:hover, div.woocommerce input[type="submit"]:hover, div.woocommerce button[type="submit"]:hover, div.woocommerce .wc-forward:not(.added_to_cart):not(.checkout-button):hover { background: #141414; } .page-content { padding-top: 80px; } @media only screen and (max-width: 600px) {
 .navbar-brand {
    width: 240px !important;
}

.default-carousel .carousel-item-content {
    padding-right: 15px;
}

.default-carousel .carousel-item p {
font-size:0.8em;
}

.default-carousel .carousel-item h1,
.default-carousel .carousel-item h2,
.default-carousel .carousel-item h3
.default-carousel .carousel-item h4
.default-carousel .carousel-item h5,
.default-carousel .carousel-item h6 {
font-size:1em;
     margin-bottom: 10px;
}
.default-carousel .carousel-item .btn { 
display: none;
}

}

p { -ms-word-wrap: break-word;
    word-wrap: break-word; }

<meta name="facebook-domain-verification" content="m5f92m40i1i1exuclrrrkt1cvofun3" />
.tag-1fd54a2a0c33deee1c44b6a4a28ba4bd {       margin-right:5%; margin-left:5%;       }
.tag-596c3c9968575ce85a5e67b8d11ec6e0 {     margin-top:80px;          }
.tag-263cad7666a353290f2491441d1ff318 {     margin-top:80px;          }
.tag-9b9d73d625da86131865f87861f86324 h2, .tag-9b9d73d625da86131865f87861f86324 .et-banner figure h2{font-family:'Montserrat';font-style:normal;font-weight:500;}.tag-9b9d73d625da86131865f87861f86324 h5, .tag-9b9d73d625da86131865f87861f86324 h5 a, .tag-9b9d73d625da86131865f87861f86324 h5 a, .tag-9b9d73d625da86131865f87861f86324 .work-activities a ,.tag-9b9d73d625da86131865f87861f86324 .work-activities ,.tag-9b9d73d625da86131865f87861f86324 .figure_caption,.tag-9b9d73d625da86131865f87861f86324 .figure_caption .figure_meta a{font-family:'Montserrat';font-style:normal;font-weight:300;}.tag-9b9d73d625da86131865f87861f86324 .work-item-desc{font-family:'Montserrat';font-style:normal;font-weight:300;}.tag-9b9d73d625da86131865f87861f86324 .et-banner figure {}.tag-9b9d73d625da86131865f87861f86324 .et-banner figure:hover img {opacity:;}
</style>
<link rel='stylesheet' id='font-awesome-css' href='https://surferscollective.com/wp-content/plugins/unyson/framework/static/libs/font-awesome/css/font-awesome.min.css?ver=2.7.28' type='text/css' media='all' />
<link rel='stylesheet' id='woocommerce-css' href='https://surferscollective.com/wp-content/themes/dukandari/css/woocommerce.css?ver=1.1.2' type='text/css' media='all' />
<link rel='stylesheet' id='fw-shortcode-section-background-video-css' href='https://surferscollective.com/wp-content/plugins/unyson/framework/extensions/shortcodes/shortcodes/section/static/css/background.css?ver=6.2.6' type='text/css' media='all' />
<link rel='stylesheet' id='parent-style-css' href='https://surferscollective.com/wp-content/themes/dukandari/style.css?ver=6.2.6' type='text/css' media='all' />
<link rel='stylesheet' id='child-style-css' href='https://surferscollective.com/wp-content/themes/surfers-collective/style.css?ver=6.2.6' type='text/css' media='all' />
<link rel='stylesheet' id='etcodes-googleFonts-css' href='https://fonts.googleapis.com/css?family=Montserrat%3A500%2C300&#038;subset=latin&#038;ver=6.2.6' type='text/css' media='all' />
<script type='text/javascript' id='sgr-js-extra'>
/* <![CDATA[ */
var sgr = {"sgr_site_key":"6LfZuRAgAAAAAKKurpkOYuI-xGSTTrB_3vccbAqJ"};
/* ]]> */
</script>
<script type='text/javascript' src='https://surferscollective.com/wp-content/plugins/simple-google-recaptcha/sgr.js?ver=1683802924' id='sgr-js'></script>
<script type='text/javascript' src='https://surferscollective.com/wp-content/plugins/google-analytics-for-wordpress/assets/js/frontend-gtag.min.js?ver=8.15' id='monsterinsights-frontend-script-js'></script>
<script data-cfasync="false" data-wpfc-render="false" type="text/javascript" id='monsterinsights-frontend-script-js-extra'>/* <![CDATA[ */
var monsterinsights_frontend = {"js_events_tracking":"true","download_extensions":"doc,pdf,ppt,zip,xls,docx,pptx,xlsx","inbound_paths":"[]","home_url":"https:\/\/surferscollective.com","hash_tracking":"false","ua":"UA-101733076-1","v4_id":""};/* ]]> */
</script>
<script type='text/javascript' src='https://surferscollective.com/wp-includes/js/jquery/jquery.min.js?ver=3.6.4' id='jquery-core-js'></script>
<script type='text/javascript' src='https://surferscollective.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.0' id='jquery-migrate-js'></script>
<link rel="https://api.w.org/" href="https://surferscollective.com/wp-json/" /><link rel="alternate" type="application/json" href="https://surferscollective.com/wp-json/wp/v2/pages/2201" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://surferscollective.com/xmlrpc.php?rsd" />
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="https://surferscollective.com/wp-includes/wlwmanifest.xml" />
<meta name="generator" content="WordPress 6.2.6" />
<meta name="generator" content="WooCommerce 7.7.2" />
<link rel="canonical" href="https://surferscollective.com/blog-cards-masonry-left-sidebar/" />
<link rel='shortlink' href='https://surferscollective.com/?p=2201' />
<link rel="alternate" type="application/json+oembed" href="https://surferscollective.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fsurferscollective.com%2Fblog-cards-masonry-left-sidebar%2F" />
<link rel="alternate" type="text/xml+oembed" href="https://surferscollective.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fsurferscollective.com%2Fblog-cards-masonry-left-sidebar%2F&#038;format=xml" />
	<noscript><style>.woocommerce-product-gallery{ opacity: 1 !important; }</style></noscript>
			<style type="text/css" id="wp-custom-css">
			.img-100-wide img {
    width:100% !important;
}
		</style>
		 
  </head>
  <body class="paged page-template page-template-visual-builder-template page-template-visual-builder-template-php page page-id-2201 paged-3 page-paged-3 theme-dukandari woocommerce-no-js">

    <div id="main-content" class="m-scene body_inner_container">
      <!--  Header -->
      
<nav class="navbar navbar-toggleable-md header-three">
  <div class="full-width-container d-lg-flex">
    <button class="navbar-toggler navbar-toggler-right hamburger-menu-btn ml-auto" type="button" data-toggle="collapse" data-target="#etcodesnavbarDropdown" aria-controls="etcodesnavbarDropdown" aria-expanded="false" aria-label="Toggle navigation"><span>toggle menu</span></button>

                <a href="https://surferscollective.com/" class="navbar-brand">
                 <img src="//surferscollective.com/wp-content/uploads/2020/11/logo-sc.jpg" alt="Surfers Collective" />
                            </a>
        <div id="etcodesnavbarDropdown" class="collapse navbar-collapse"><ul id="menu-surfers-collective" class="navbar-nav"><li id="menu-item-2264" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home menu-item-2264"><a title="Home" href="https://surferscollective.com/">Home</a></li>
<li id="menu-item-4226" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4226"><a title="Our Magazine" href="https://surferscollective.com/our-magazine/">Our Magazine</a></li>
<li id="menu-item-2286" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2286"><a title="Our Talent" href="https://surferscollective.com/members/">Our Talent</a></li>
<li id="menu-item-4338" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-4338"><a title="Videos" href="http://surferscollective.com/videos/">Videos</a></li>
<li id="menu-item-3136" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3136"><a title="Journal" href="https://surferscollective.com/journal/">Journal</a></li>
<li id="menu-item-4534" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-4534"><a title="Our Agency" target="_blank" href="http://noktestudio.com/">Our Agency</a></li>
<li id="menu-item-3176" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-3176 dropdown"><a title="About" href="#" data-toggle="dropdown" class="dropdown-toggle">About <span class="caret"></span></a>
<ul role="menu" class=" dropdown-menu">
	<li id="menu-item-4541" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4541"><a title="Manifesto" href="https://surferscollective.com/manifesto/">Manifesto</a></li>
	<li id="menu-item-4444" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4444"><a title="Magazine Stockists" href="https://surferscollective.com/stockists/">Magazine Stockists</a></li>
</ul>
</li>
<li id="menu-item-3160" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3160"><a title="Contact" href="https://surferscollective.com/contact/">Contact</a></li>
</ul></div>
  </div>
</nav>
<div class="page-container ">      <!-- End Header -->
      
                    <div class="hero_title_container d-flex align-items-center height_40">
                <div class="fluid-container">
                    <div class="hero_box w-50 align-left">
                        <div class="hero_title hero_title_small">
                            <h1><a href="https://surferscollective.com/blog-cards-masonry-left-sidebar/" rel="bookmark">Blog Cards Masonry Left Sidebar</a></h1>
                            <div class="separator"></div>
                                                            <div class="subtitle"><p>Donec porta maximus eros vitae dapibus. Nulla a purus tristique dolor suscipit tincidunt. Morbi lorem purus, consequat ac tristique nec, dictum et odio. Nam liber tristique.</p></div>
                                                                                </div>
                    </div>
                </div>
            </div>
        
                
        
        
        
            <div id="post-2201" class="post-2201 page type-page status-publish hentry">
                                <div class="post-content">
                        <div class="fw-page-builder-content">

<div  id="section-6758e82d7580b" class="tag-1fd54a2a0c33deee1c44b6a4a28ba4bd shortcode shortcode-section etdukandari_etcodes_section          "  >
	
			<div class="container-fluid">
		<div class="row  large-gutters">
			<div class="tag-596c3c9968575ce85a5e67b8d11ec6e0 shortcode shortcode-column col-md-4            ">
     
            
                        
                <div class="shortcode-widget-area"><div id="text-9" class="widget widget_text"><h5 class="widget_title">About Us</h5>			<div class="textwidget"><div class="page" title="Page 3">
<div class="layoutArea">
<div class="column">
<p>Surfers Collective is a creative platform for all the talented people from the surf industry</p>
</div>
</div>
</div>
<p><img decoding="async" loading="lazy" class="alignnone size-large wp-image-2481" src="http://surfers-collective.com/shop/wp-content/uploads/2018/05/surfers-collective_logo-1024x441.jpg" alt="" width="848" height="365" srcset="https://surferscollective.com/wp-content/uploads/2018/05/surfers-collective_logo-1024x441.jpg 1024w, https://surferscollective.com/wp-content/uploads/2018/05/surfers-collective_logo-600x258.jpg 600w, https://surferscollective.com/wp-content/uploads/2018/05/surfers-collective_logo-300x129.jpg 300w, https://surferscollective.com/wp-content/uploads/2018/05/surfers-collective_logo-768x330.jpg 768w, https://surferscollective.com/wp-content/uploads/2018/05/surfers-collective_logo-1000x430.jpg 1000w, https://surferscollective.com/wp-content/uploads/2018/05/surfers-collective_logo.jpg 1822w" sizes="(max-width: 848px) 100vw, 848px" /></p>
<div class="page" title="Page 3">
<div class="layoutArea">
<div class="column">
<div class="page" title="Page 3">
<div class="layoutArea">
<div class="column">
<p>The magic sea is the heart of the platform. Everything is grounded on our deep passion and love towards the ocean and water sports.</p>
</div>
</div>
</div>
<p>The platform is inspired by saltwater, music, art and travel.</p>
</div>
</div>
</div>
</div>
		</div><div id="search-4" class="widget widget_search">
<form role="search" class="form-fields-bg-alabaster" action="https://surferscollective.com/">
	<div class="input-group">
		<input type="search" class="form-control" placeholder="Search &hellip;" value="" name="s">
		<div class="input-group-btn">
			<button class="btn btn-default" type="submit"><i class="fa fa-search" aria-hidden="true"></i></button>
		</div>
	</div>
</form></div><div id="categories-3" class="widget widget_categories"><h5 class="widget_title">Categories</h5>
			<ul>
					<li class="cat-item cat-item-76"><a href="https://surferscollective.com/category/events/">Events</a>
</li>
	<li class="cat-item cat-item-15"><a href="https://surferscollective.com/category/photography/">Photography</a>
</li>
	<li class="cat-item cat-item-79"><a href="https://surferscollective.com/category/surfing/">Surfing</a>
</li>
	<li class="cat-item cat-item-1"><a href="https://surferscollective.com/category/uncategorized/">Uncategorized</a>
</li>
			</ul>

			</div></div>

        
    
</div>

<div class="tag-263cad7666a353290f2491441d1ff318 shortcode shortcode-column col-md-8            ">
     
            
                        
                
    <div class="shortcode shortcode-wp-query            tag-9b9d73d625da86131865f87861f86324">
        
        
            

            
                <div id="id-9b9d73d625da86131865f87861f86324" class="row masonry_layout predefined">
                    <!-- the loop -->
                                                            <div class="grid-sizer col-md-6 col-sm-12"></div>
                    
                                        
                        
                                                    <div class="blog_posts stander_blog mb_10 stander_blog_card col-md-6 grid-item col-sm-12">
                                
                                                                    <article id="post-2435" class="clearfix post-2435 post type-post status-publish format-standard has-post-thumbnail hentry category-events category-surfing">
      <div class="single_post">
      
        <div class="card">
                      <a href="https://surferscollective.com/magic-quiver-x-matthew-wiggleton-collection/">
              <img src="https://surferscollective.com/wp-content/uploads/2018/05/31498969_1620822031349185_2663160923618803712_o-542x360.jpg" width="542" height="360" alt="31498969_1620822031349185_2663160923618803712_o">
            </a>
                    <div class="card-block">
                          <h2 class="card-title"><a  href="https://surferscollective.com/magic-quiver-x-matthew-wiggleton-collection/">Magic Quiver X Matthew Wiggleton Collection</a></h2>
                        <div class="card-post-meta-top">
                          <span class="post_meta_date">12. May 2018</span>
                                      <span class="post_meta_category"><a href="https://surferscollective.com/category/events/" rel="category tag">Events</a>&nbsp;<a href="https://surferscollective.com/category/surfing/" rel="category tag">Surfing</a> </span>
                        </div>
            <p> Our talented member Surfcultureart has done an incredible collection in cooperation with Magic Quiver Surf Shop in Portugal. Watch some photos of the launch event here&#8230; Photos </p>
            <div class="card-post-meta-bottom">
              <div class="row">
                <div class="col-md-6">
                                      <span class="post_meta_author">By <a href="https://surferscollective.com/author/marie/" title="Posts by Marie Pfisterer" rel="author">Marie Pfisterer</a></span>
                                  </div>
                <div class="col-md-6 align-right">
                                  <a class="post_read_more_btn" href="https://surferscollective.com/magic-quiver-x-matthew-wiggleton-collection/">Read More <i class="fa fa-long-arrow-right fa-lg ml-2" aria-hidden="true"></i></a>
                                </div>
              </div>
            </div>
          </div>
        </div>

      </div>
    </article>

                                                            </div>
                                                                                                        
                        
                                                    <div class="blog_posts stander_blog mb_10 stander_blog_card col-md-6 grid-item col-sm-12">
                                
                                                                    <article id="post-2414" class="clearfix post-2414 post type-post status-publish format-standard has-post-thumbnail hentry category-events category-surfing">
      <div class="single_post">
      
        <div class="card">
                      <a href="https://surferscollective.com/san-diego-surf-film-festival/">
              <img src="https://surferscollective.com/wp-content/uploads/2018/05/20180510_I-am-Home-Day-2-13-scaled-542x361.jpg" width="542" height="361" alt="20180510_I-am-Home-Day-2-13">
            </a>
                    <div class="card-block">
                          <h2 class="card-title"><a  href="https://surferscollective.com/san-diego-surf-film-festival/">San Diego Surf Film Festival with Aljaz Babnik &#038; Marie Pfisterer</a></h2>
                        <div class="card-post-meta-top">
                          <span class="post_meta_date"></span>
                                      <span class="post_meta_category"><a href="https://surferscollective.com/category/events/" rel="category tag">Events</a>&nbsp;<a href="https://surferscollective.com/category/surfing/" rel="category tag">Surfing</a> </span>
                        </div>
            <p>  </p>
            <div class="card-post-meta-bottom">
              <div class="row">
                <div class="col-md-6">
                                      <span class="post_meta_author">By <a href="https://surferscollective.com/author/marie/" title="Posts by Marie Pfisterer" rel="author">Marie Pfisterer</a></span>
                                  </div>
                <div class="col-md-6 align-right">
                                  <a class="post_read_more_btn" href="https://surferscollective.com/san-diego-surf-film-festival/">Read More <i class="fa fa-long-arrow-right fa-lg ml-2" aria-hidden="true"></i></a>
                                </div>
              </div>
            </div>
          </div>
        </div>

      </div>
    </article>

                                                            </div>
                                                                                                        
                        
                                                    <div class="blog_posts stander_blog mb_10 stander_blog_card col-md-6 grid-item col-sm-12">
                                
                                                                    <article id="post-420" class="clearfix post-420 post type-post status-publish format-standard has-post-thumbnail hentry category-photography tag-design tag-lifestyle">
      <div class="single_post">
      
        <div class="card">
                      <a href="https://surferscollective.com/being-a-traveler/">
              <img src="https://surferscollective.com/wp-content/uploads/2017/05/IMG_0173-scaled-542x375.jpg" width="542" height="375" alt="IMG_0173">
            </a>
                    <div class="card-block">
                          <h2 class="card-title"><a  href="https://surferscollective.com/being-a-traveler/">330photogalleries &#8211; Japan impressions</a></h2>
                        <div class="card-post-meta-top">
                          <span class="post_meta_date">16. May 2017</span>
                                      <span class="post_meta_category"><a href="https://surferscollective.com/category/photography/" rel="category tag">Photography</a> </span>
                        </div>
            <p>  </p>
            <div class="card-post-meta-bottom">
              <div class="row">
                <div class="col-md-6">
                                      <span class="post_meta_author">By <a href="https://surferscollective.com/author/marie/" title="Posts by Marie Pfisterer" rel="author">Marie Pfisterer</a></span>
                                  </div>
                <div class="col-md-6 align-right">
                                  <a class="post_read_more_btn" href="https://surferscollective.com/being-a-traveler/">Read More <i class="fa fa-long-arrow-right fa-lg ml-2" aria-hidden="true"></i></a>
                                </div>
              </div>
            </div>
          </div>
        </div>

      </div>
    </article>

                                                            </div>
                                                                                                                <!-- end of the loop -->
                        </div>

                        

                        <!-- pagination here -->
                        <div class="align-center mt-3">
                            
	<nav class="navigation pagination" aria-label="Posts">
		<h2 class="screen-reader-text">Posts navigation</h2>
		<div class="nav-links"><a class="prev page-numbers" href="https://surferscollective.com/blog-cards-masonry-left-sidebar/page/2/">Prev</a>
<a class="page-numbers" href="https://surferscollective.com/blog-cards-masonry-left-sidebar/">1</a>
<a class="page-numbers" href="https://surferscollective.com/blog-cards-masonry-left-sidebar/page/2/">2</a>
<span aria-current="page" class="page-numbers current">3</span></div>
	</nav>                        </div>
                        
                        
                        
                </div>
                
        
    
</div>



		</div>
	</div>
	
</div>

</div>
                </div>
        </div>


  <footer class="web-footer">
  <div class="footer_container">
    <div class="fluid-container">
        <div class="row">
            <div class="col-md-4">
                <p>Copyright ©2019 Surfers Collective. All Rights Reserved</p>            </div>
            <div class="col-md-4">
                <ul id="menu-footer" class="footer_nav align-center"><li id="menu-item-2412" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2412"><a href="https://surferscollective.com/agbs/">AGBs</a></li>
<li id="menu-item-2405" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2405"><a href="https://surferscollective.com/datenschutzerklaerung/">Datenschutzerklärung</a></li>
<li id="menu-item-2402" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2402"><a href="https://surferscollective.com/impressum/">Impressum</a></li>
</ul>            </div>
            <div class="col-md-4">
                <ul class="list-inline  align-right"><li><a target="_blank" href="http://www.facebook.com/surfer.collective"><i class="fa fa-facebook"></i></a></li><li><a target="_blank" href="http://www.instagram.com/surferscollective"><i class="fa fa-instagram"></i></a></li></ul>            </div>
        </div>
    </div>
</div>  </footer>
</div><!-- close div.page-container --></div><!-- close div.body_inner_container -->
<!-- Instagram Feed JS -->
<script type="text/javascript">
var sbiajaxurl = "https://surferscollective.com/wp-admin/admin-ajax.php";
</script>
	<script type="text/javascript">
		(function () {
			var c = document.body.className;
			c = c.replace(/woocommerce-no-js/, 'woocommerce-js');
			document.body.className = c;
		})();
	</script>
	<script type='text/javascript' src='https://surferscollective.com/wp-content/plugins/woocommerce/assets/js/jquery-blockui/jquery.blockUI.min.js?ver=2.7.0-wc.7.7.2' id='jquery-blockui-js'></script>
<script type='text/javascript' id='wc-add-to-cart-js-extra'>
/* <![CDATA[ */
var wc_add_to_cart_params = {"ajax_url":"\/wp-admin\/admin-ajax.php","wc_ajax_url":"\/?wc-ajax=%%endpoint%%","i18n_view_cart":"View cart","cart_url":"https:\/\/surferscollective.com\/cart\/","is_cart":"","cart_redirect_after_add":"no"};
/* ]]> */
</script>
<script type='text/javascript' src='https://surferscollective.com/wp-content/plugins/woocommerce/assets/js/frontend/add-to-cart.min.js?ver=7.7.2' id='wc-add-to-cart-js'></script>
<script type='text/javascript' src='https://surferscollective.com/wp-content/plugins/woocommerce/assets/js/js-cookie/js.cookie.min.js?ver=2.1.4-wc.7.7.2' id='js-cookie-js'></script>
<script type='text/javascript' id='woocommerce-js-extra'>
/* <![CDATA[ */
var woocommerce_params = {"ajax_url":"\/wp-admin\/admin-ajax.php","wc_ajax_url":"\/?wc-ajax=%%endpoint%%"};
/* ]]> */
</script>
<script type='text/javascript' src='https://surferscollective.com/wp-content/plugins/woocommerce/assets/js/frontend/woocommerce.min.js?ver=7.7.2' id='woocommerce-js'></script>
<script type='text/javascript' id='wc-cart-fragments-js-extra'>
/* <![CDATA[ */
var wc_cart_fragments_params = {"ajax_url":"\/wp-admin\/admin-ajax.php","wc_ajax_url":"\/?wc-ajax=%%endpoint%%","cart_hash_key":"wc_cart_hash_9172db137beb956d33b0f181785770d5","fragment_name":"wc_fragments_9172db137beb956d33b0f181785770d5","request_timeout":"5000"};
/* ]]> */
</script>
<script type='text/javascript' src='https://surferscollective.com/wp-content/plugins/woocommerce/assets/js/frontend/cart-fragments.min.js?ver=7.7.2' id='wc-cart-fragments-js'></script>
<script type='text/javascript' src='https://surferscollective.com/wp-content/themes/dukandari/js/bootstrap.min.js?ver=1.1.2' id='bootstrap-js'></script>
<script type='text/javascript' src='https://surferscollective.com/wp-content/themes/dukandari/js/isotope.pkgd.min.js?ver=1.1.2' id='isotope-js'></script>
<script type='text/javascript' src='https://surferscollective.com/wp-content/themes/dukandari/js/owl.carousel.min.js?ver=1.1.2' id='owl-carouse-js'></script>
<script type='text/javascript' src='https://surferscollective.com/wp-content/themes/dukandari/js/InstaFeed.min.js?ver=1.1.2' id='InstaFeed-js'></script>
<script type='text/javascript' src='https://surferscollective.com/wp-includes/js/imagesloaded.min.js?ver=4.1.4' id='imagesloaded-js'></script>
<script type='text/javascript' src='https://surferscollective.com/wp-content/themes/dukandari/js/jquery.countdown.min.js?ver=1.1.2' id='countdown-js'></script>
<script type='text/javascript' src='https://surferscollective.com/wp-content/themes/dukandari/js/jquery.countTo.min.js?ver=1.1.2' id='countTo-js'></script>
<script type='text/javascript' src='https://surferscollective.com/wp-content/themes/dukandari/js/jquery.easing.js?ver=1.1.2' id='easing-js'></script>
<script type='text/javascript' src='https://surferscollective.com/wp-content/themes/dukandari/js/jquery.magnific-popup.min.js?ver=1.1.2' id='magnific-popup-js'></script>
<script type='text/javascript' src='https://surferscollective.com/wp-content/themes/dukandari/js/aos.js?ver=1.1.2' id='aos-js'></script>
<script type='text/javascript' src='https://surferscollective.com/wp-content/themes/dukandari/js/jquery.parallax-scroll.js?ver=1.1.2' id='parallax-scroll-js'></script>
<script type='text/javascript' src='https://surferscollective.com/wp-content/themes/dukandari/js/one-page-scroll.js?ver=1.1.2' id='one-page-scroll-js'></script>
<script type='text/javascript' src='https://surferscollective.com/wp-content/themes/dukandari/js/dukandari-main.js?ver=1.1.2' id='dukandari-main-js'></script>
<script type='text/javascript' src='https://surferscollective.com/wp-content/plugins/unyson/framework/extensions/shortcodes/shortcodes/section/static/js/core.js?ver=6.2.6' id='fw-shortcode-section-formstone-core-js'></script>
<script type='text/javascript' src='https://surferscollective.com/wp-content/plugins/unyson/framework/extensions/shortcodes/shortcodes/section/static/js/transition.js?ver=6.2.6' id='fw-shortcode-section-formstone-transition-js'></script>
<script type='text/javascript' src='https://surferscollective.com/wp-content/plugins/unyson/framework/extensions/shortcodes/shortcodes/section/static/js/background.js?ver=6.2.6' id='fw-shortcode-section-formstone-background-js'></script>
<script type='text/javascript' src='https://surferscollective.com/wp-content/themes/dukandari/framework-customizations/extensions/shortcodes/shortcodes/section/static/js/background.init.js?ver=6.2.6' id='fw-shortcode-section-js'></script>
<script type='text/javascript' id='child_dukandari-main-js-extra'>
/* <![CDATA[ */
var et_ajax_params = {"nonce":"2374b0e1e5","ajax_url":"https:\/\/surferscollective.com\/wp-admin\/admin-ajax.php"};
/* ]]> */
</script>
<script type='text/javascript' src='https://surferscollective.com/wp-content/themes/surfers-collective/js/child-dukandari-main.js?ver=2' id='child_dukandari-main-js'></script>

Warning: session_start(): Session cannot be started after headers have already been sent in /customers/4/1/b/surferscollective.com/httpd.www/wp-content/plugins/unyson/framework/helpers/class-fw-session.php on line 13

Warning: Undefined variable $_SESSION in /customers/4/1/b/surferscollective.com/httpd.www/wp-content/plugins/unyson/framework/helpers/class-fw-session.php on line 24

Warning: session_start(): Session cannot be started after headers have already been sent in /customers/4/1/b/surferscollective.com/httpd.www/wp-content/plugins/unyson/framework/helpers/class-fw-session.php on line 13

Warning: Undefined variable $_SESSION in /customers/4/1/b/surferscollective.com/httpd.www/wp-content/plugins/unyson/framework/helpers/class-fw-session.php on line 24

Warning: session_start(): Session cannot be started after headers have already been sent in /customers/4/1/b/surferscollective.com/httpd.www/wp-content/plugins/unyson/framework/helpers/class-fw-session.php on line 13
</body>
</html>