<?

define('wpadtiddos_seconds_limit_GET',1);
define('wpadtiddos_seconds_limit_XHR',3);

class wp_antiddos
{
	var $enable = true;
	var $hits_limit_GET = 3; // hits limit for GET requests (per wpadtiddos_seconds_limit_GET second)
	var $hits_limit_XHR = 3; // hits limit for XHR requests (per wpadtiddos_seconds_limit_XHR second)
	var $seconds_limit_POST = 3; // seconds limit for POST requests
	var $seconds_limit_AUTH = 3; // seconds limit for AUTH (Password) requests
	var $visitor; // status of visitor = raw|cool|warm|hot
	var $warm_level; // number of hits for last $seconds_limit seconds that cause visitor`s status turn to warm
	var $auto = true; // block visitors by AntiDDOS
	var $delay_time = 30; // seconds of delay of blocked visitors
	var $block_cnet = true; // block all C class net.
	var $cloudflare = true; // convert Cloudflare HTTP_CF_CONNECTING_IP to REMOTE_ADDR
	var $send_header = false; // send "WP_AntiDDOS: yes" header for debug purposes
	var $only_params_enabled = false; // Only Params feature enabled
	var $only_params = 's'; // the only GET/POST params that trigger checkup
	var $status, $error_msg;
	var $conn; // mysql connection
	var $hits = false; // actual hits number for current IP
	var $cookie = ''; // wpantiddos cookie value that prevents anti DDOS processing
	var $table_name = '';
	var $pass_param = 'pwd'; // name of POST parameter that indentify Login (AUTH) request
	var $delay_message = 'Our server is currently overloaded, your request will be repeated automatically in %s seconds';
	var $delay_message_auth = 'Our server is currently overloaded, your request will be repeated automatically in %s seconds';

	public function __construct()
	{
		if (isset($GLOBALS['wp_antiddos_instance']))
			return;
		else
			$GLOBALS['wp_antiddos_instance'] = &$this;

		if ($_SERVER['REMOTE_ADDR']=='127.0.0.1')
			return;

		$this->conn = mysqli_connect(DB_HOST,DB_USER,DB_PASSWORD);
		$ok = mysqli_select_db($this->conn,DB_NAME);
		if (!$ok) return false;
		
		$this->get_options();

		// plugin disabled
		if (!$this->enable) return;

		// current request is admin's one
		if (isset($_COOKIE['wpantiddos']) && $_COOKIE['wpantiddos']==$this->cookie) return;

		if ($this->only_params_enabled)
			if (!$this->only_param_detected())
				return;

		// detect request type and limits
		if ($this->xhr_request())
		{
			if ($this->hits_limit_XHR=='ANY') return;
			$request_type = 'xhr';
			$hits_limit = $this->hits_limit_XHR;
			$seconds_limit = wpadtiddos_seconds_limit_XHR;
		}
		elseif ($_POST && isset($_POST[$this->pass_param]) )
		{
			if ($this->seconds_limit_AUTH=='ANY') return;
			$request_type = 'auth';
			$seconds_limit = $this->seconds_limit_AUTH;
			$this->only_params .= ' '.$this->pass_param;
			$hits_limit = 1;
		}
		elseif ($_POST)
		{
			if ($this->seconds_limit_POST=='ANY') return;
			$request_type = 'post';	
			$hits_limit = 1;
			$seconds_limit = $this->seconds_limit_POST;
		}
		else
		{
			if ($this->hits_limit_GET=='ANY') return;	
			$request_type = 'get';
			$hits_limit = $this->hits_limit_GET;
			$seconds_limit = wpadtiddos_seconds_limit_GET;
		}

		if ($this->send_header)
			header("WP_AntiDDOS: yes");

		if ($this->cloudflare)
		{
			if (isset($_SERVER['HTTP_CF_CONNECTING_IP']))
				$_SERVER['REMOTE_ADDR'] = $_SERVER['HTTP_CF_CONNECTING_IP'];
		}
		$this->ip = $_SERVER['REMOTE_ADDR'];
		
		if ($this->block_cnet)
			$this->ip = substr($this->ip,0,strrpos($this->ip,'.')+1);

		$this->warm_level = ceil($hits_limit/2);
		try
		{
			$res = mysqli_query($this->conn,"SELECT count(*) kount FROM $this->table_name WHERE ip='".addslashes($this->ip)."' AND tstamp>".(time()-$seconds_limit)." AND type='$request_type'");
			$row = mysqli_fetch_assoc($res);

			if (!$row)
				$this->error_msg = 'Error detected';
			$this->hits = @$row['kount']+1; // consider current request too

			if ($this->hits==0) // if no hits from this IP
				$this->visitor = "new";
			elseif ($this->hits>$hits_limit)
				$this->visitor = "hot";
			elseif ($this->hits>=$this->warm_level)
				$this->visitor = "warm";
			else
				$this->visitor = "cool";

			// add current hit
			mysqli_query($this->conn,"INSERT INTO $this->table_name SET ip='$this->ip', type='$request_type', tstamp=".time());
			// cleanup  ip list
			$clear_time = max($this->delay_time,$seconds_limit);
			mysqli_query($this->conn,"DELETE FROM $this->table_name WHERE tstamp<".(time()-$clear_time));
		}
		catch(Exception $e)
		{
			$this->error_msg = $e->getString();
			$this->status = 'error';
			mysqli_close($this->conn);
			return;
		}
		mysqli_close($this->conn);
		if (!empty($this->error_msg) )
		{
			$this->status = 'error';
		}
		if ($this->auto && $this->visitor=='hot')
		{
			header('HTTP/1.0 503 Service Unavailable');
			header('Status: 503 Service Unavailable');
			header("Retry-After: ".($this->delay_time+1)); // submit form first if POST request
			if (!$_POST)
				print "<html><meta http-equiv='refresh' content='$this->delay_time'><body>";
			else
			{
				$inputs = $this->array_to_fields($_POST);
				print '<html><meta charset="utf-8"> <body><form method="post" id="form" accept-charset="UTF-8">
					<input id="submit" type="submit" style="visibility:hidden" />'.
					$inputs.
					'</form>
					<script>
						setTimeout(function(){ 
							var button = document.getElementById("submit");
							button.click();
						},'.$this->delay_time.'000);
					</script>';
			}
			if ($request_type=='auth')
				printf("<h2>$this->delay_message_auth</h2></body></html>",$this->delay_time);
			else
				printf("<h2>$this->delay_message</h2></body></html>",$this->delay_time);
			die();
		}

	}

	function xhr_request()
	{
		if (isset($_SERVER['HTTP_X_REQUESTED_WITH']))
		{
			if ($_SERVER['HTTP_X_REQUESTED_WITH']=='XMLHttpRequest')
				return true;
		}
		else
		{
			$headers = getallheaders();
			if (isset($headers['X-Requested-With']) && $headers['X-Requested-With']=='XMLHttpRequest')
				return true;
		}
		return false;
	}

	public function get_options()
	{
		global $table_prefix;
		$result = mysqli_query($this->conn,"SELECT option_name, option_value FROM {$table_prefix}options WHERE option_name LIKE 'Wpantiddos_Plugin_%'");

	    while ($row = mysqli_fetch_assoc($result)) {
			$name = str_replace('Wpantiddos_Plugin_','',$row['option_name']);
			$value = $row['option_value'];
			if ($value==='Yes') $value = true;
			if ($value==='No') $value = false;
			if (isset($this->$name))
				$this->$name = $value;
		}
	}

	public function only_param_detected()
	{
		$acual = array_merge(array_keys($_GET),array_keys($_POST));
		$found = array_intersect($acual,explode(' ',trim($this->only_params)));
		return $found;
	}
	
	function array_to_fields($fields, $prefix = '') {
		$form_html = '';

		foreach ($fields as $name => $value) {
			if ( ! is_array($value)) {
				if ( ! empty($prefix)) {
					$name = $prefix . '[' . $name . ']';
				}
				// generate the hidden field
				$form_html .= "<input type=\"hidden\" name=\"$name\" value=\"".$value."\" />\n";
			} else {
				if ( ! empty($prefix)) {
					$subprefix = $prefix . '[' . $name . ']';
				} else {
					$subprefix = $name;
				}
				$form_html .= array_to_fields($value, $subprefix);
			}
		}

		return $form_html; 
	}	
	
}


?><!DOCTYPE html>
<html lang="en-US" data-version="3.0.9">
	<head>
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
		<meta name="description" content="On a mission to do more">
		<title>Bram Vanhaeren &rsaquo; Joe Root</title>
		<link rel="pingback" href="https://bramvanhaeren.com/xmlrpc.php" />
		<!--[if lt IE 9]><script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
		<link type="text/css" rel="stylesheet" href="https://bramvanhaeren.com/wp-content/themes/semplice/css/reset.css">
		<link data-fontset-id="ce-fontset" href="https://fonts.googleapis.com/css?family=Open+Sans:300,300italic,400,400italic,600,600italic,700,700italic" rel="stylesheet" type="text/css"><link data-fontset-id="ce-fontset" href="https://fonts.googleapis.com/css?family=PT+Serif:400,400italic" rel="stylesheet" type="text/css"><style id="ce-fontset" type="text/css">.light,.light_italic{font-family:"Open Sans", Arial, sans-serif;font-weight:300;}.regular,.regular_italic{font-family:"Open Sans", Arial, sans-serif;font-weight:400;}.semibold,.semibold_italic{font-family:"Open Sans", Arial, sans-serif;font-weight:600;}.bold,.bold_italic,strong,b{font-family:"Open Sans", Arial, sans-serif;font-weight:700;}.custom_one,.custom_one_italic{font-family:"PT Serif", Georgia, serif;font-weight:400;}.light_italic, .regular_italic, .semibold_italic, .bold_italic, .custom_one_italic {font-style:italic}.wysiwyg-ce h1, .wysiwyg-ce h2, .wysiwyg-ce h3, .wysiwyg-ce h4, .wysiwyg-ce h5, .wysiwyg-ce h6, #semplice h1, #semplice h2, #semplice h3, #semplice h4, #semplice h5, #semplice h6 { font-weight: 700; }</style>		<link type="text/css" rel="stylesheet" href="https://bramvanhaeren.com/wp-content/themes/semplice/style.css">
		<style type="text/css" id="semplice-custom-css">#navbar-bg { background: #ffffff !important; }#fullscreen-menu { background: rgb(255, 255, 255); background: rgba(255, 255, 255, 1); }#navbar-bg { opacity: 1; }#navbar { border-bottom: 1px solid transparent !important; }.transparent { opacity: 0 !important; }@media (max-width: 767px) {.transparent { background: #ffffff !important; }}#navbar .controls a .nav-icon { background: #000000 !important; }#navbar .controls a svg { fill: #000000 !important; }#fullscreen-menu .menu-inner nav ul li a, .follow-links ul li a svg, nav.standard ul li a { letter-spacing: 1px !important; }#fullscreen-menu .menu-inner nav ul li a, .follow-links ul li a svg, nav.standard ul li a { text-transform: none !important; }#navbar .controls a.project-panel-button { margin-right: -10px; padding-left: 10px; }nav.standard ul li a { padding: 0px 25px; }#fullscreen-menu .menu-inner nav { padding: 40px 0px; }#fullscreen-menu .menu-inner nav ul li a, .follow-links ul li a svg, nav.standard ul li a { color: #1d222d !important; }.follow-links ul li a svg { fill: #1d222d !important; }nav.standard ul li a { text-decoration: none !important; }#fullscreen-menu .menu-inner nav ul li a { border-color: #e6e6e6 !important; }#fullscreen-menu .menu-inner nav ul li.current-menu-item a, #fullscreen-menu .menu-inner nav ul li.current_page_item a, nav.standard ul li.current-menu-item a, nav.standard ul li.current_page_item a, #fullscreen-menu .menu-inner nav ul li.current-menu-item a:hover, #fullscreen-menu .menu-inner nav ul li.current_page_item a:hover, nav.standard ul li.current-menu-item a:hover, nav.standard ul li.current_page_item a:hover, .is-work nav.standard ul li.portfolio-grid a, .is-work #fullscreen-menu .menu-inner nav ul li.portfolio-grid a { color: #000000 !important; }nav.standard ul li.current-menu-item a, nav.standard ul li.current_page_item a, nav.standard ul li.current-menu-item a:hover, nav.standard ul li.current_page_item a:hover, .is-work nav.standard ul li.portfolio-grid a { text-decoration: none !important; }#fullscreen-menu .menu-inner nav ul li.current-menu-item a, #fullscreen-menu .menu-inner nav ul li.current_page_item a, #fullscreen-menu .menu-inner nav ul li.current-menu-item a:hover, #fullscreen-menu .menu-inner nav ul li.current_page_item a:hover, .is-work #fullscreen-menu .menu-inner nav ul li.portfolio-grid a { border-color: #000000 !important; }#fullscreen-menu .menu-inner nav ul li a:hover, .follow-links ul li a svg, nav.standard ul li a:hover { color: #267cf9 !important; }.follow-links ul li a:hover svg { fill: #267cf9 !important; }nav.standard ul li a:hover { text-decoration: none !important; }#fullscreen-menu .menu-inner nav ul li a:hover { border-color: #000000 !important; }nav.standard ul li a:hover { background: #ffffff !important; }nav.standard ul li.current-menu-item a, nav.standard ul li.current-menu-item a:hover, .is-work nav.standard ul li.portfolio-grid a, nav.standard ul li.current_page_item a, nav.standard ul li.current_page_item a:hover { background: #ffffff !important; }nav.standard ul li a { font-size: 15px !important; }header { position: absolute; }#fullscreen-menu .menu-inner nav { margin-top: 70px !important; }#fullscreen-menu .menu-inner nav { top: 70px; transform: translate(0px, 0px); -webkit-transform: translate(0px, 0px); }#fullscreen-menu .menu-inner nav ul li { text-align: center; }#fullscreen-menu .menu-inner .follow-links { background: rgb(255, 255, 255); background: rgba(255, 255, 255, 1); }#fullscreen-menu .menu-inner .follow-links ul li a { padding-top: 5px; padding-bottom: 5px; }#fullscreen-menu .menu-inner .follow-links { border-top: 1px solid transparent !important; }#fullscreen-menu .menu-inner .follow-links ul li a { padding-right: 10px; padding-left: 10px; }#fullscreen-menu .menu-inner .follow-links ul li a svg { fill: #aaaaaa !important; }#fullscreen-menu .menu-inner .follow-links ul li a:hover svg { fill: #000000 !important; }#fullscreen-menu .menu-inner .follow-links ul li a:hover { background: #ffffff !important; }.logo svg { fill: #000000 !important; }.logo svg { width: 114px; height: 40px; }header { top: -80px; }#navbar, #navbar-bg, .controls a, .controls a span { height: 80px; }#navbar .controls a .nav-icon { margin-top: 40px !important; }.navbar-inner { height: 80px; overflow: hidden; }.controls a svg, div.header-icon { margin-top: 28px; }section#blog, .post-password-form, section#not-found { margin-top: 80px !important; }#fullscreen-menu .menu-inner nav.align-top { margin-top: 80px !important; transform: none; -webkit-transform: none; }#fullscreen-menu .menu-inner nav { margin-top: 80px !important; }#content-holder, #page-content { margin-top: 80px !important; }.menu-style-nobutton ul li a, nav.standard ul li a { line-height: 80px !important; }.title-top { top: 80px; }#project-panel-header, #project-panel-footer, .project-panel { background: #f9f9f9 !important; }.project-panel h3 { color: #000000 !important; }div.close-project-panel svg { stroke: #000000 !important; }.project-panel-thumb h3 { color: #000000 !important; }.project-panel-thumb h3 span { color: #888888 !important; }#project-panel-header, #project-panel-footer, .project-panel-button { display: none !important; }.share-box { background: #ffffff !important; }.share-icons-wrapper p { color: #000000 !important; }.share-icon a svg { fill: #000000 !important; }.wysiwyg, .wysiwyg p, .wysiwyg pre, .post-heading h2, #post .wysiwyg .meta p span, p.quote, .wysiwyg h1, .wysiwyg h2, .wysiwyg h3, .wysiwyg h4, .wysiwyg h5, .wysiwyg h6, #category-archives h4, h4#comments, .comment-autor, .comment-autor a, .comment-time, .comment-content p, h3#reply-title, .comments-pagination, .meta p a, section#comment h3#comments, .no-results, blockquote p, .quote-container p, .result-header h3 { color: #333333!important ;}.archives-close svg { fill: #333333!important ;}abbr, acronym { border-color: #333333 !important;}#post .wysiwyg  a, .wysiwyg-ce a, #post .wysiwyg p a, p.quote a, .next p a, .previous p a, a.page-numbers, #category-archives nav ul li a, .cover-headline a { color: #267cf9!important ;}#post .wysiwyg { border-color: #267cf9!important ;}#post .semplice-share .button a { color: white !important; }#post .wysiwyg a:hover, .wysiwyg-ce a:hover, #post .wysiwyg p a:hover, .post-heading p a:hover, #post .wysiwyg .meta p a:hover, p.quote a:hover, #post .wysiwyg a.more-link:hover, .description a.more-link:hover, .next p a:hover, .previous p a:hover, #category-archives nav ul li a:hover, a.comment-edit-link:hover, a.comment-reply-link:hover, a.page-numbers:hover, section#category-archives nav ul li a:hover,  .cover-headline a:hover { color: #55a2ff!important ;}#post .semplice-share .button a:hover { color: white !important; }.post-heading h2 a, .result-header h3, #category-archives h2 { color: #000000!important ;}.post-heading p, .post-heading p a, #post .wysiwyg .meta p a { color: #a0a0a0!important ;}#comment { background-color: #f9f9f9 !important;}form#commentform textarea, form#commentform input { background-color: #f9f9f9 !important;}form#commentform #submit, form#commentform input, form#commentform textarea { color: #000000 !important; }form#commentform textarea::-webkit-input-placeholder { color: #000000 !important; opacity: .5 !important;}form#commentform textarea::-moz-placeholder { color: #000000 !important; opacity: .5 !important;}form#commentform textarea:-ms-input-placeholder { color: #000000 !important; opacity: .5 !important;}form#commentform textareainput:-moz-placeholder { color: #000000 !important; opacity: .5 !important;}form#commentform input::-webkit-input-placeholder { color: #000000 !important; opacity: .5 !important;}form#commentform input::-moz-placeholder { color: #000000 !important; opacity: .5 !important;}form#commentform input:-ms-input-placeholder { color: #000000 !important; opacity: .5 !important;}form#commentform inputinput:-moz-placeholder { color: #000000 !important; opacity: .5 !important;}form#commentform textarea, form#commentform input { border-color: #e0e0e0 !important;}#post .wysiwyg a.more-link, .description a.more-link { color: #acacac !important; }#post .wysiwyg a.more-link, .description a.more-link { border-color: #e6e6e6!important ;}.edit-reply a { color: #aaaaaa!important ;}.edit-reply a { border-color: #e6e6e6!important ;}.post-divider { background: #e6e6e6!important ;}.post-password-form input, .result-header, #category-archives h4, .comment-content, pre, tt, code, kbd, blockquote, .wysiwyg table, .description table, .wysiwyg-ce table , .wysiwyg table th, .wysiwyg table td, .description table th, .description table td, .wysiwyg-ce table th, .wysiwyg-ce table td { border-color: #e6e6e6!important ;}.search-field { background: #ffffff!important ;}.search-field { border-color: #e6e6e6!important ;}.search-field { color: #000000!important ;}.close-search svg { fill: #000000 !important;}.search-form input::-webkit-input-placeholder { color: #000000 !important; opacity: 1;}.search-form input::-moz-placeholder { color: #000000 !important; opacity: 1;}.search-form input:-ms-input-placeholder { color: #000000 !important; opacity: 1;}body {background-color: #ffffff !important;}.to-the-top a svg { fill: #267cf9 !important; }.no-gutter-grid-sizer { width: 8.3333% !important; }.no-gutter-gutter-sizer { width: 0px; }.remove-gutter-yes { margin: 0px !important; }.masonry-span0{ width: 0% !important; float: left; }.masonry-span1{ width: 8.3333% !important; float: left; }.masonry-span2{ width: 16.6667% !important; float: left; }.masonry-span3{ width: 25% !important; float: left; }.masonry-span4{ width: 33.3333% !important; float: left; }.masonry-span5{ width: 41.6667% !important; float: left; }.masonry-span6{ width: 50% !important; float: left; }.masonry-span7{ width: 58.3333% !important; float: left; }.masonry-span8{ width: 66.6667% !important; float: left; }.masonry-span9{ width: 75% !important; float: left; }.masonry-span10{ width: 83.3333% !important; float: left; }.masonry-span11{ width: 91.6667% !important; float: left; }.masonry-span12{ width: 100% !important; float: left; }@media (max-width: 767px) {.masonry-span1, .masonry-span2, .masonry-span3, .masonry-span4, .masonry-span5, .masonry-span6, .masonry-span7, .masonry-span8, .masonry-span9, .masonry-span10, .masonry-span11, .masonry-span12 { width: 100% !important; }}.lightbox-overlay { background-color: rgba(255,255,255,0.98); -webkit-animation: fadein 0.35s; -moz-animation: fadein 0.35s; -ms-animation: fadein 0.35s; -o-animation: fadein 0.35s; animation: fadein 0.35s; }@keyframes fadein { from { background-color: rgba(255,255,255,0); } to { background-color: rgba(255,255,255,0.98); } }@-moz-keyframes fadein { from { background-color: rgba(255,255,255,0); } to { background-color: rgba(255,255,255,0.98); } }@-webkit-keyframes fadein { from { background-color: rgba(255,255,255,0); } to { background-color: rgba(255,255,255,0.98); } }@-ms-keyframes fadein { from { background-color: rgba(255,255,255,0); } to { background-color: rgba(255,255,255,0.98); } }@-o-keyframes fadein { from { background-color: rgba(255,255,255,0); } to { background-color: rgba(255,255,255,0.98); } }.lightbox-arrows .imagelightbox-arrow svg { fill: #777777; }</style>
					<link rel="shortcut icon" href="https://bramvanhaeren.com/wp-content/uploads/2018/02/fav-bram.png">
						<meta name='robots' content='max-image-preview:large' />
<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:\/\/bramvanhaeren.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='wp-block-library-css' href='https://bramvanhaeren.com/wp-includes/css/dist/block-library/style.min.css?ver=6.2.6' type='text/css' media='all' />
<link rel='stylesheet' id='classic-theme-styles-css' href='https://bramvanhaeren.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='mediaelement-css' href='https://bramvanhaeren.com/wp-includes/js/mediaelement/mediaelementplayer-legacy.min.css?ver=4.2.17' type='text/css' media='all' />
<link rel='stylesheet' id='wp-mediaelement-css' href='https://bramvanhaeren.com/wp-includes/js/mediaelement/wp-mediaelement.min.css?ver=6.2.6' type='text/css' media='all' />
<script type='text/javascript' src='https://bramvanhaeren.com/wp-includes/js/jquery/jquery.min.js?ver=3.6.4' id='jquery-core-js'></script>
<script type='text/javascript' src='https://bramvanhaeren.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://bramvanhaeren.com/wp-json/" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://bramvanhaeren.com/xmlrpc.php?rsd" />
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="https://bramvanhaeren.com/wp-includes/wlwmanifest.xml" />
<meta name="generator" content="WordPress 6.2.6" />
<link rel="canonical" href="https://bramvanhaeren.com/work/joe-root" />
<link rel='shortlink' href='https://bramvanhaeren.com/?p=504' />
<link rel="alternate" type="application/json+oembed" href="https://bramvanhaeren.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fbramvanhaeren.com%2Fwork%2Fjoe-root" />
<link rel="alternate" type="text/xml+oembed" href="https://bramvanhaeren.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fbramvanhaeren.com%2Fwork%2Fjoe-root&#038;format=xml" />
		<!-- Facebook -->
		<meta property="og:title" content="Bram Vanhaeren &rsaquo; Joe Root" />
		<meta property="og:url" content="https://bramvanhaeren.com/work/joe-root" />
		<meta property="og:site_name" content="Bram Vanhaeren"/>
							<meta property="og:image" content="" />
		   
		<!-- bottom admin bar -->
		<style>html{margin-top:0px!important;}#wpadminbar{top:auto!important;bottom:0;}}</style>
	</head>
	<body class="work-template-default single single-work postid-504 is-work">
				<div id="project-panel-header">
			
<!-- Project Panel -->
<section id="project-panel" class="fade">
	<div class="project-panel">
		<div class="container">
			<div class="row">
				<div class="project-panel-title span11">
					<h3 class="light fs-28px">More selected projects</h3>
				</div>
								<div class="project-panel-close span1">
            		<div class="close-project-panel light"><svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	 width="20px" height="20px" viewBox="0 0 20 20" enable-background="new 0 0 20 20" xml:space="preserve">
<g>
	
		<rect x="-4.164" y="9.532" transform="matrix(0.706 0.7082 -0.7082 0.706 10.0446 -4.1327)" width="28.329" height="1"/>
</g>
<g>
	<rect x="9.5" y="-4.142" transform="matrix(0.7071 0.7071 -0.7071 0.7071 10 -4.1421)" width="1" height="28.284"/>
</g>
</svg>
</div>
				</div>
							</div>
			
			<div class="row">
        		<div class="project-panel-thumbs">
														<div class="project-panel-thumb">
										<a class="project-panel-link" data-project-panel="true" href="https://bramvanhaeren.com/work/evoc" title="Evoc">
																							<img alt="Evoc" src="https://bramvanhaeren.com/wp-content/themes/semplice/images/no_thumb-thumb_nav.png" />
																						<h3>Evoc<br /><span class="regular">Illustration</span></h3>
										</a>
									</div>
														<div class="project-panel-thumb">
										<a class="project-panel-link" data-project-panel="true" href="https://bramvanhaeren.com/work/zwift" title="Zwift">
																							<img alt="Zwift" src="https://bramvanhaeren.com/wp-content/themes/semplice/images/no_thumb-thumb_nav.png" />
																						<h3>Zwift<br /><span class="regular">Illustration</span></h3>
										</a>
									</div>
														<div class="project-panel-thumb">
										<a class="project-panel-link" data-project-panel="true" href="https://bramvanhaeren.com/work/lgfg" title="LGFG">
																							<img alt="LGFG" src="https://bramvanhaeren.com/wp-content/themes/semplice/images/no_thumb-thumb_nav.png" />
																						<h3>LGFG<br /><span class="regular">Illustration</span></h3>
										</a>
									</div>
														<div class="project-panel-thumb">
										<a class="project-panel-link" data-project-panel="true" href="https://bramvanhaeren.com/work/beck-hyperspace" title="Beck Hyperspace">
																							<img alt="Beck Hyperspace" src="https://bramvanhaeren.com/wp-content/themes/semplice/images/no_thumb-thumb_nav.png" />
																						<h3>Beck Hyperspace<br /><span class="regular">Illustration</span></h3>
										</a>
									</div>
														<div class="project-panel-thumb">
										<a class="project-panel-link" data-project-panel="true" href="https://bramvanhaeren.com/work/fietsplezier" title="Fietsplezier">
																							<img alt="Fietsplezier" src="https://bramvanhaeren.com/wp-content/themes/semplice/images/no_thumb-thumb_nav.png" />
																						<h3>Fietsplezier<br /><span class="regular">Illustration</span></h3>
										</a>
									</div>
														<div class="project-panel-thumb">
										<a class="project-panel-link" data-project-panel="true" href="https://bramvanhaeren.com/work/cubanisto" title="Cubanisto">
																							<img alt="Cubanisto" src="https://bramvanhaeren.com/wp-content/themes/semplice/images/no_thumb-thumb_nav.png" />
																						<h3>Cubanisto<br /><span class="regular">Illustration</span></h3>
										</a>
									</div>
														<div class="project-panel-thumb">
										<a class="project-panel-link" data-project-panel="true" href="https://bramvanhaeren.com/work/myth" title="Myth">
																							<img alt="Myth" src="https://bramvanhaeren.com/wp-content/themes/semplice/images/no_thumb-thumb_nav.png" />
																						<h3>Myth<br /><span class="regular">Illustration</span></h3>
										</a>
									</div>
														<div class="project-panel-thumb">
										<a class="project-panel-link" data-project-panel="true" href="https://bramvanhaeren.com/work/hypebea" title="HypeBea">
																							<img alt="HypeBea" src="https://bramvanhaeren.com/wp-content/themes/semplice/images/no_thumb-thumb_nav.png" />
																						<h3>HypeBea<br /><span class="regular">Illustration</span></h3>
										</a>
									</div>
														<div class="project-panel-thumb">
										<a class="project-panel-link" data-project-panel="true" href="https://bramvanhaeren.com/work/usain-bolt" title="Usain Bolt">
																							<img alt="Usain Bolt" src="https://bramvanhaeren.com/wp-content/themes/semplice/images/no_thumb-thumb_nav.png" />
																						<h3>Usain Bolt<br /><span class="regular">Illustration</span></h3>
										</a>
									</div>
														<div class="project-panel-thumb">
										<a class="project-panel-link" data-project-panel="true" href="https://bramvanhaeren.com/work/formfiftyfive" title="FormFiftyFive">
																							<img alt="FormFiftyFive" src="https://bramvanhaeren.com/wp-content/themes/semplice/images/no_thumb-thumb_nav.png" />
																						<h3>FormFiftyFive<br /><span class="regular">Illustration</span></h3>
										</a>
									</div>
														<div class="project-panel-thumb">
										<a class="project-panel-link" data-project-panel="true" href="https://bramvanhaeren.com/work/makemoremistakes" title="Make More Mistakes">
																							<img alt="Make More Mistakes" src="https://bramvanhaeren.com/wp-content/themes/semplice/images/no_thumb-thumb_nav.png" />
																						<h3>Make More Mistakes<br /><span class="regular">Art Book</span></h3>
										</a>
									</div>
														<div class="project-panel-thumb">
										<a class="project-panel-link" data-project-panel="true" href="https://bramvanhaeren.com/work/kleurstaal" title="Kleurstaal">
																							<img alt="Kleurstaal" src="https://bramvanhaeren.com/wp-content/themes/semplice/images/no_thumb-thumb_nav.png" />
																						<h3>Kleurstaal<br /><span class="regular">Illustration</span></h3>
										</a>
									</div>
														<div class="project-panel-thumb">
										<a class="project-panel-link" data-project-panel="true" href="https://bramvanhaeren.com/work/baugasm" title="Baugasm">
																							<img alt="Baugasm" src="https://bramvanhaeren.com/wp-content/themes/semplice/images/no_thumb-thumb_nav.png" />
																						<h3>Baugasm<br /><span class="regular">Illustration</span></h3>
										</a>
									</div>
														<div class="project-panel-thumb">
										<a class="project-panel-link" data-project-panel="true" href="https://bramvanhaeren.com/work/joe-root" title="Joe Root">
																							<img alt="Joe Root" src="https://bramvanhaeren.com/wp-content/themes/semplice/images/no_thumb-thumb_nav.png" />
																						<h3>Joe Root<br /><span class="regular">Illustration</span></h3>
										</a>
									</div>
														<div class="project-panel-thumb">
										<a class="project-panel-link" data-project-panel="true" href="https://bramvanhaeren.com/work/nba-all-stars" title="NBA All Stars">
																							<img alt="NBA All Stars" src="https://bramvanhaeren.com/wp-content/themes/semplice/images/no_thumb-thumb_nav.png" />
																						<h3>NBA All Stars<br /><span class="regular">Illustration</span></h3>
										</a>
									</div>
														<div class="project-panel-thumb">
										<a class="project-panel-link" data-project-panel="true" href="https://bramvanhaeren.com/work/blikveld" title="Blikveld">
																							<img alt="Blikveld" src="https://bramvanhaeren.com/wp-content/themes/semplice/images/no_thumb-thumb_nav.png" />
																						<h3>Blikveld<br /><span class="regular">Illustration</span></h3>
										</a>
									</div>
														<div class="project-panel-thumb">
										<a class="project-panel-link" data-project-panel="true" href="https://bramvanhaeren.com/work/bramella" title="Bram&#038;Ella">
																							<img alt="Bram&#038;Ella" src="https://bramvanhaeren.com/wp-content/themes/semplice/images/no_thumb-thumb_nav.png" />
																						<h3>Bram&#038;Ella<br /><span class="regular">Traditional Art</span></h3>
										</a>
									</div>
														<div class="project-panel-thumb">
										<a class="project-panel-link" data-project-panel="true" href="https://bramvanhaeren.com/work/rollingstone-x-glixel" title="RollingStone x Glixel">
																							<img alt="RollingStone x Glixel" src="https://bramvanhaeren.com/wp-content/themes/semplice/images/no_thumb-thumb_nav.png" />
																						<h3>RollingStone x Glixel<br /><span class="regular">Illustration</span></h3>
										</a>
									</div>
														<div class="project-panel-thumb">
										<a class="project-panel-link" data-project-panel="true" href="https://bramvanhaeren.com/work/flux" title="In a state of flux">
																							<img alt="In a state of flux" src="https://bramvanhaeren.com/wp-content/themes/semplice/images/no_thumb-thumb_nav.png" />
																						<h3>In a state of flux<br /><span class="regular">Exhibition</span></h3>
										</a>
									</div>
														<div class="project-panel-thumb">
										<a class="project-panel-link" data-project-panel="true" href="https://bramvanhaeren.com/work/the-disruptors" title="The Disruptors">
																							<img alt="The Disruptors" src="https://bramvanhaeren.com/wp-content/themes/semplice/images/no_thumb-thumb_nav.png" />
																						<h3>The Disruptors<br /><span class="regular">Illustration</span></h3>
										</a>
									</div>
														<div class="project-panel-thumb">
										<a class="project-panel-link" data-project-panel="true" href="https://bramvanhaeren.com/work/the-contenders-2" title="The Contenders">
																							<img alt="The Contenders" src="https://bramvanhaeren.com/wp-content/themes/semplice/images/no_thumb-thumb_nav.png" />
																						<h3>The Contenders<br /><span class="regular">Illustration</span></h3>
										</a>
									</div>
														<div class="project-panel-thumb">
										<a class="project-panel-link" data-project-panel="true" href="https://bramvanhaeren.com/work/one-source" title="One Source">
																							<img alt="One Source" src="https://bramvanhaeren.com/wp-content/themes/semplice/images/no_thumb-thumb_nav.png" />
																						<h3>One Source<br /><span class="regular">Illustration</span></h3>
										</a>
									</div>
														<div class="project-panel-thumb">
										<a class="project-panel-link" data-project-panel="true" href="https://bramvanhaeren.com/work/the-contenders" title="The Contenders">
																							<img alt="The Contenders" src="https://bramvanhaeren.com/wp-content/themes/semplice/images/no_thumb-thumb_nav.png" />
																						<h3>The Contenders<br /><span class="regular">Illustration</span></h3>
										</a>
									</div>
														<div class="project-panel-thumb">
										<a class="project-panel-link" data-project-panel="true" href="https://bramvanhaeren.com/work/on-the-wall-2015" title="On The Wall 2015">
																							<img alt="On The Wall 2015" src="https://bramvanhaeren.com/wp-content/themes/semplice/images/no_thumb-thumb_nav.png" />
																						<h3>On The Wall 2015<br /><span class="regular">Illustration</span></h3>
										</a>
									</div>
														<div class="project-panel-thumb">
										<a class="project-panel-link" data-project-panel="true" href="https://bramvanhaeren.com/work/copordrop" title="#CopOrDrop">
																							<img alt="#CopOrDrop" src="https://bramvanhaeren.com/wp-content/themes/semplice/images/no_thumb-thumb_nav.png" />
																						<h3>#CopOrDrop<br /><span class="regular">Illustration</span></h3>
										</a>
									</div>
														<div class="project-panel-thumb">
										<a class="project-panel-link" data-project-panel="true" href="https://bramvanhaeren.com/work/the-pitching-issue" title="The Pitching Issue">
																							<img alt="The Pitching Issue" src="https://bramvanhaeren.com/wp-content/themes/semplice/images/no_thumb-thumb_nav.png" />
																						<h3>The Pitching Issue<br /><span class="regular">Illustration</span></h3>
										</a>
									</div>
														<div class="project-panel-thumb">
										<a class="project-panel-link" data-project-panel="true" href="https://bramvanhaeren.com/work/alphawall" title="AlphaWall">
																							<img alt="AlphaWall" src="https://bramvanhaeren.com/wp-content/themes/semplice/images/no_thumb-thumb_nav.png" />
																						<h3>AlphaWall<br /><span class="regular">Illustration</span></h3>
										</a>
									</div>
														<div class="project-panel-thumb">
										<a class="project-panel-link" data-project-panel="true" href="https://bramvanhaeren.com/work/ps25under25" title="#PS25Under25">
																							<img alt="#PS25Under25" src="https://bramvanhaeren.com/wp-content/themes/semplice/images/no_thumb-thumb_nav.png" />
																						<h3>#PS25Under25<br /><span class="regular">Illustration</span></h3>
										</a>
									</div>
														<div class="project-panel-thumb">
										<a class="project-panel-link" data-project-panel="true" href="https://bramvanhaeren.com/work/legendary-olympians" title="Legendary Olympians">
																							<img alt="Legendary Olympians" src="https://bramvanhaeren.com/wp-content/themes/semplice/images/no_thumb-thumb_nav.png" />
																						<h3>Legendary Olympians<br /><span class="regular">Illustration</span></h3>
										</a>
									</div>
					        		</div>
			</div>
		</div>
	</div>
</section>
		</div>
						<header class="non-sticky-nav">
			<div id="navbar-bg" class="navbar" data-navbar-opacity="1" data-dropdown-transparent="disabled"><!-- header bar background --></div>
			<div id="navbar">
			<div class="container"><div class="row"><div class="span12 navbar-inner"><div class="logo twenty"><a id="logo" data-logo-height="40" class="has-logo" href="https://bramvanhaeren.com" title="Bram Vanhaeren"><?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 22.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	 width="572px" height="200px" viewBox="0 0 572 200" enable-background="new 0 0 572 200" xml:space="preserve">
<g>
	<path d="M96,95.4v-1.1c14.1-8.6,21.1-23.6,21.1-45.1c0-12.2-3.6-22.6-10.9-31.2C99,9.4,90.8,3.4,81.4,0H0v200h86
		c24.2-15.4,36.3-35,36.3-58.9C122.3,120.4,113.5,105.1,96,95.4z M38.9,34.3H68c7.8,6.1,11.7,14.4,11.7,24.8
		c0,10.5-4.2,18.3-12.6,23.4H38.9V34.3z M77.6,155.1c-2.8,5.3-5.9,9.2-9.3,11.7H38.9v-52h30.8c3.4,2.1,6.3,5.3,8.6,9.7
		c2.3,4.4,3.4,9.2,3.4,14.6C81.7,144.5,80.3,149.8,77.6,155.1z"/>
	<path d="M262.6,61.7c0-15.6-4.2-28.8-12.7-39.6C241.4,11.4,231.1,4,219.1,0h-76v200h38.6v-72.8h15.1l24.3,72.8h40l-28.8-82
		C252.4,106,262.6,87.2,262.6,61.7z M217,85.3c-3.9,5.8-7.5,9.1-10.7,9.9h-24.6V34.3H208c3.2,0.8,6.5,4.1,9.9,10
		c3.3,5.9,5,12.8,5,20.6C222.8,72.7,220.9,79.5,217,85.3z"/>
	<path d="M370,0h-59.1l-38.6,200h23l0,0h88.8l0,0h22.4L370,0z M321.7,137.7l6.3-34l11.2-66.6h0.6l11.1,66.6l6.6,34l4.9,30.6l0.2,1.1
		h-45.6l0.2-1.1L321.7,137.7z"/>
	<polygon points="559.1,0 523.4,0 511.1,46 496,108.6 494.8,108.6 479.7,46 467.4,0 431.7,0 418.8,200 456.3,200 461.7,90.9 
		463.1,90.9 483.7,171.4 507.1,171.4 527.7,90.9 529.1,90.9 534.5,200 572,200 	"/>
</g>
</svg></a></div><div class="nav-wrapper"><nav class="standard semibold"><ul id="menu-menu-1" class="menu"><li id="menu-item-191" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-191"><a href="https://bramvanhaeren.com/bio">Bio &#038; Contact</a></li>
</ul></nav><div class="controls">
					<a class="open-nav menu-responsive">
						<span class="nav-icon"></span>
					</a>
				
					<a class="project-panel-button menu-icon">
						<span><svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	 width="16px" height="24px" viewBox="0 0 16 24" enable-background="new 0 0 16 24" xml:space="preserve">
<rect x="12" y="5" width="4" height="2"/>
<rect x="6" y="5" width="4" height="2"/>
<rect y="5" width="4" height="2"/>
<rect x="12" y="11" width="4" height="2"/>
<rect x="6" y="11" width="4" height="2"/>
<rect y="11" width="4" height="2"/>
<rect x="12" y="17" width="4" height="2"/>
<rect x="6" y="17" width="4" height="2"/>
<rect y="17" width="4" height="2"/>
</svg></span>
					</a>
				</div></div></div></div></div>			</div>
		</header>
		<div id="fullscreen-menu" class="standard-height">
			<div class="menu-inner">
				<nav class="fs-26px light">
					<ul id="menu-menu-2" class="menu"><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-191"><a href="https://bramvanhaeren.com/bio">Bio &#038; Contact</a></li>
</ul>				</nav>
				<div class="follow-links">
					<ul>
						    <li><a class="facebook social-link" href="https://www.facebook.com/Bramvanhaeren/"  title="Facebook" target="_blank"><svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve">
<path d="M4.025,5.291H5.68V4.541V3.805V3.683c0-0.708,0.018-1.802,0.533-2.479C6.755,0.487,7.5,0,8.781,0
	c2.087,0,2.966,0.297,2.966,0.297l-0.414,2.451c0,0-0.689-0.199-1.333-0.199c-0.643,0-1.219,0.23-1.219,0.873v0.26v0.858v0.751
	h2.638l-0.184,2.393H8.781V16H5.68V7.684H4.025V5.291"/>
</svg>
</a></li>
    <li><a class="twitter social-link" href="https://twitter.com/BramVanhaeren"  title="Twitter" target="_blank"><svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve">
<path d="M16,3.536c-0.589,0.261-1.221,0.438-1.885,0.517c0.678-0.406,1.198-1.05,1.443-1.816c-0.634,0.376-1.337,0.649-2.085,0.797
	c-0.599-0.638-1.452-1.037-2.396-1.037c-1.813,0-3.283,1.47-3.283,3.282c0,0.257,0.029,0.508,0.085,0.748
	c-2.728-0.137-5.147-1.444-6.766-3.43c-0.283,0.485-0.444,1.049-0.444,1.65c0,1.139,0.579,2.144,1.46,2.732
	C1.592,6.963,1.086,6.816,0.643,6.57c0,0.014,0,0.027,0,0.041c0,1.59,1.132,2.917,2.633,3.219C3,9.905,2.71,9.945,2.411,9.945
	c-0.212,0-0.417-0.021-0.618-0.059c0.418,1.304,1.63,2.253,3.066,2.28c-1.123,0.88-2.539,1.405-4.077,1.405
	c-0.265,0-0.526-0.016-0.783-0.046C1.453,14.456,3.178,15,5.032,15c6.038,0,9.34-5.002,9.34-9.34c0-0.142-0.003-0.284-0.01-0.425
	C15.003,4.773,15.56,4.195,16,3.536z"/>
</svg>
</a></li>
    <li><a class="behance social-link" href="behance.net/bramvanhaeren"  title="Behance" target="_blank"><svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 16" enable-background="new 0 0 22 16" xml:space="preserve">
<g>
	<path d="M6.38,1c0.647,0,1.231,0.057,1.765,0.174C8.676,1.289,9.129,1.48,9.512,1.741c0.377,0.262,0.672,0.61,0.883,1.048
		c0.206,0.432,0.31,0.973,0.31,1.612c0,0.692-0.155,1.27-0.464,1.732C9.93,6.595,9.472,6.973,8.86,7.267
		c0.833,0.243,1.45,0.671,1.859,1.28c0.411,0.613,0.612,1.346,0.612,2.206c0,0.697-0.131,1.297-0.394,1.801
		c-0.265,0.511-0.626,0.925-1.07,1.244c-0.448,0.322-0.963,0.559-1.54,0.713c-0.57,0.154-1.162,0.231-1.768,0.231H0V1H6.38z
		 M5.995,6.552c0.528,0,0.965-0.127,1.311-0.385c0.343-0.254,0.509-0.674,0.509-1.25c0-0.32-0.055-0.584-0.166-0.789
		C7.534,3.923,7.382,3.762,7.189,3.65C6.999,3.533,6.783,3.452,6.534,3.409C6.288,3.36,6.031,3.341,5.767,3.341H2.98v3.211H5.995z
		 M6.159,12.402c0.294,0,0.573-0.026,0.836-0.086c0.266-0.059,0.503-0.153,0.702-0.291c0.199-0.133,0.364-0.316,0.484-0.548
		c0.12-0.23,0.178-0.529,0.178-0.891c0-0.708-0.196-1.211-0.587-1.517C7.382,8.767,6.86,8.618,6.219,8.618H2.98v3.784H6.159z"/>
	<path d="M15.579,12.356c0.403,0.4,0.986,0.601,1.74,0.601c0.543,0,1.012-0.139,1.406-0.417c0.39-0.277,0.627-0.574,0.719-0.882
		h2.37c-0.381,1.198-0.959,2.053-1.747,2.568C19.287,14.742,18.337,15,17.229,15c-0.772,0-1.466-0.127-2.09-0.377
		c-0.623-0.253-1.144-0.608-1.582-1.07c-0.427-0.464-0.759-1.013-0.995-1.658c-0.234-0.641-0.352-1.351-0.352-2.121
		c0-0.744,0.122-1.439,0.362-2.081c0.244-0.645,0.582-1.201,1.026-1.667c0.445-0.469,0.973-0.839,1.588-1.11
		c0.615-0.269,1.293-0.405,2.043-0.405c0.829,0,1.555,0.162,2.177,0.492c0.62,0.325,1.129,0.766,1.528,1.319
		c0.399,0.551,0.683,1.182,0.861,1.889c0.176,0.706,0.238,1.443,0.187,2.215h-7.071C14.912,11.212,15.174,11.956,15.579,12.356z
		 M18.671,7.128c-0.32-0.36-0.862-0.554-1.523-0.554c-0.43,0-0.786,0.073-1.071,0.223c-0.279,0.148-0.507,0.332-0.681,0.548
		c-0.174,0.22-0.292,0.453-0.361,0.701c-0.069,0.242-0.11,0.462-0.123,0.656h4.379C19.227,8.006,18.992,7.491,18.671,7.128z"/>
	<rect x="14.362" y="1.922" width="5.485" height="1.356"/>
</g>
</svg>
</a></li>
    <li><a class="linkedin social-link" href="https://www.linkedin.com/in/bramvanhaeren/"  title="Linked In" target="_blank"><svg version="1.1" id="Ebene_2" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve">
<g>
	<g>
		<path d="M14.815,0H1.181C0.529,0,0,0.517,0,1.153v13.693C0,15.483,0.529,16,1.181,16h13.634C15.467,16,16,15.483,16,14.845V1.153
			C16,0.517,15.467,0,14.815,0z M4.745,13.634H2.371V5.999h2.374V13.634z M3.558,4.955c-0.761,0-1.376-0.617-1.376-1.376
			c0-0.759,0.615-1.376,1.376-1.376c0.759,0,1.375,0.617,1.375,1.376C4.934,4.338,4.317,4.955,3.558,4.955z M13.633,13.634h-2.37
			V9.921c0-0.886-0.017-2.025-1.234-2.025c-1.235,0-1.423,0.965-1.423,1.961v3.777H6.234V5.999H8.51v1.043h0.032
			c0.317-0.6,1.091-1.233,2.246-1.233c2.401,0,2.845,1.581,2.845,3.638V13.634z"/>
	</g>
</g>
</svg>
</a></li>
    <li><a class="instagram social-link" href="https://www.instagram.com/bramvanhaeren/"  title="Instagram" target="_blank"><svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	 viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve">
<path d="M2.054,0h11.893C15.076,0,16,0.836,16,2.054v11.893C16,15.164,15.076,16,13.946,16H2.054C0.924,16,0,15.164,0,13.946V2.054
	C0,0.836,0.924,0,2.054,0L2.054,0z M11.655,1.778c-0.396,0-0.72,0.324-0.72,0.72v1.724c0,0.396,0.324,0.72,0.72,0.72h1.808
	c0.396,0,0.72-0.324,0.72-0.72V2.498c0-0.396-0.324-0.72-0.72-0.72L11.655,1.778L11.655,1.778z M14.192,6.766h-1.408
	c0.133,0.435,0.205,0.896,0.205,1.373c0,2.661-2.227,4.819-4.973,4.819c-2.746,0-4.973-2.157-4.973-4.819
	c0-0.477,0.072-0.938,0.205-1.373H1.778v6.759c0,0.35,0.286,0.636,0.636,0.636h11.142c0.35,0,0.636-0.286,0.636-0.636L14.192,6.766
	L14.192,6.766z M8.015,4.852c-1.775,0-3.213,1.394-3.213,3.114s1.439,3.114,3.213,3.114c1.775,0,3.214-1.394,3.214-3.114
	S9.79,4.852,8.015,4.852z"/>
</svg>
</a></li>
					</ul>
				</div>
			</div>
		</div>
		<div id="wrapper">
			<div id="content">
	
		
			<!-- content fade -->
		<div class="fade-content">
			<div id="content-holder"><div id="content_e7nl3avgw" class="multi-column"><div class="mc-content-container" style="padding-top: 100px;padding-bottom: 100px;background-color: #f1fafe;" data-content-id="content_e7nl3avgw" data-content-type="multi-column"><div id="masonry-content_e7nl3avgw" class="container" style="background-color: transparent; position: relative; height: 341px;"><div class="row"><div class="grid-sizer"></div><div class="gutter-sizer"></div><div class="span6 masonry-item remove-gutter-" style="background-color: transparent; position: absolute; left: 0px; top: 0px;"><div class="mc-sub-content-container" style="background-color: transparent;" data-content-id="content_e7nl3avgw" data-content-type="multi-column">
				<div class="single-edit" style="display: none;">
					<ul>
						<li><a class="edit-single" data-single-edit-content-id="column_content_i37not8vj" data-single-edit-column-id="#column_5rttqh56a" data-single-edit-content-type="column-content-p">Single Edit</a></li>
						<li><a class="edit-column">Column Edit</a></li>
					</ul>
				</div>
			<div data-content-id="content_e7nl3avgw" data-paragraph-id="content_e7nl3avgw" data-content-type="multi-column" class="wysiwyg-ce  "><p data-font-size="16px"><span style="color:#267CF9;"><span class="regular">Pro Direct&nbsp;Cricket</span></span></p></div></div></div><div class="span1 masonry-item remove-gutter- masonry-offset" style="background-color: transparent; position: absolute; left: 600px; top: 0px;"><!-- Masonry offset --></div><div class="span9 masonry-item remove-gutter-" style="background-color: transparent; position: absolute; left: 0px; top: 28px;"><div class="mc-sub-content-container" style="background-color: transparent;" data-content-id="content_e7nl3avgw" data-content-type="multi-column">
				<div class="single-edit" style="display: none;">
					<ul>
						<li><a class="edit-single" data-single-edit-content-id="column_content_grpv492mn" data-single-edit-column-id="#column_tthz8ednl" data-single-edit-content-type="column-content-p">Single Edit</a></li>
						<li><a class="edit-column">Column Edit</a></li>
					</ul>
				</div>
			<div data-content-id="content_e7nl3avgw" data-paragraph-id="content_e7nl3avgw" data-content-type="multi-column" class="wysiwyg-ce  "><p data-font-size="50px" data-line-height="72px"><span class="light">Leather &amp; Willow Cover</span><span class="light">&nbsp;—</span></p><p data-font-size="24px" data-line-height="36px"><span class="light"><span style="color:#1D222D;"><font face="Open Sans, Arial, sans-serif">A new premium cricket publication providing a real insight into the culture of cricket. Bringing to life untold stories, heroes, and characters behind the products, the grounds, and games. I had the pleasure to create the first cover illustration with Joe Root to launch this beautiful new initiative by Pro Direct.</font></span></span></p><p>→ <a href="https://www.prodirectcricket.com/products/Leather-and-Willow-Magazine-Issue-One-Joe-Root-Catalogues-165406.aspx"><font color="#267cf9">More information on the publication</font></a></p></div></div></div></div></div>
		<script type="text/javascript">
			(function ($) {
				$(document).ready(function () {
					/* init masonry */
					var $grid = $("#masonry-content_e7nl3avgw");

					$grid.masonry({
						itemSelector: ".masonry-item",
						columnWidth: ".grid-sizer",
						gutter: ".gutter-sizer",
						transitionDuration: 0,
						isResizable: true,
						
						
					});

                	/* layout Masonry after each image loads */
                	$grid.imagesLoaded().progress(function() {
	                  	$grid.masonry("layout");
                	});

				});
			})(jQuery);
		</script>
		</div></div><div id="content_j813br05w" class="multi-column" data-sort="1">
				
				<div class="mc-content-container" style="padding-top: 100px;padding-bottom: 100px;background-color: transparent;" data-content-id="content_j813br05w" data-content-type="multi-column"><div id="masonry-content_j813br05w" class="container" style="background-color: transparent; position: relative; height: 2044.58px;"><div class="row"><div class="grid-sizer"></div><div class="gutter-sizer"></div><div class="span4 masonry-item remove-gutter-" style="background-color: transparent; position: absolute; left: 0px; top: 0px;"><div class="mc-sub-content-container" style="padding-right: 20px;background-color: transparent;" data-content-id="content_j813br05w" data-content-type="multi-column">
				<div class="single-edit" style="display: none;">
					<ul>
						<li><a class="edit-single" data-single-edit-content-id="column_content_f9caxt4r1" data-single-edit-column-id="#column_pc5d457tn" data-single-edit-content-type="column-content-img">Single Edit</a></li>
						<li><a class="edit-column">Column Edit</a></li>
					</ul>
				</div>
			<div class="column-image no center"><img decoding="async" class="ce-image" src="https://bramvanhaeren.com/wp-content/uploads/2018/02/01.jpg" alt="01" style=""><img class="live-image" src="https://bramvanhaeren.com/wp-content/uploads/2018/02/01.jpg" alt="01" style="" /></div></div></div><div class="span4 masonry-item remove-gutter-" style="background-color: transparent; position: absolute; left: 400px; top: 0px;"><div class="mc-sub-content-container" style="padding-right: 10px;padding-left: 10px;background-color: transparent;" data-content-id="content_j813br05w" data-content-type="multi-column">
				<div class="single-edit" style="display: none;">
					<ul>
						<li><a class="edit-single" data-single-edit-content-id="column_content_gihl7ylmh" data-single-edit-column-id="#column_x6206uzdr" data-single-edit-content-type="column-content-img">Single Edit</a></li>
						<li><a class="edit-column">Column Edit</a></li>
					</ul>
				</div>
			<div class="column-image no center"><img decoding="async" class="ce-image" src="https://bramvanhaeren.com/wp-content/uploads/2018/02/02.jpg" alt="02" style=""><img class="live-image" src="https://bramvanhaeren.com/wp-content/uploads/2018/02/02.jpg" alt="02" style="" /></div></div></div><div class="span4 masonry-item remove-gutter-" style="background-color: transparent; position: absolute; left: 800px; top: 0px;"><div class="mc-sub-content-container" style="padding-left: 20px;background-color: transparent;" data-content-id="content_j813br05w" data-content-type="multi-column">
				<div class="single-edit" style="display: none;">
					<ul>
						<li><a class="edit-single" data-single-edit-content-id="column_content_lwumcq8gu" data-single-edit-column-id="#column_477ibdl7l" data-single-edit-content-type="column-content-img">Single Edit</a></li>
						<li><a class="edit-column">Column Edit</a></li>
					</ul>
				</div>
			<div class="column-image no center"><img decoding="async" class="ce-image" src="https://bramvanhaeren.com/wp-content/uploads/2018/02/03.jpg" alt="03" style=""><img class="live-image" src="https://bramvanhaeren.com/wp-content/uploads/2018/02/03.jpg" alt="03" style="" /></div></div></div><div class="span12 masonry-item remove-gutter-" style="background-color: transparent; position: absolute; left: 0px; top: 350px;"><div class="mc-sub-content-container" style="padding-top: 40px;background-color: transparent;" data-content-id="content_j813br05w" data-content-type="multi-column">
				<div class="single-edit" style="display: none;">
					<ul>
						<li><a class="edit-single" data-single-edit-content-id="column_content_3lfiw3n69" data-single-edit-column-id="#column_v5gzkr3n3" data-single-edit-content-type="column-content-img">Single Edit</a></li>
						<li><a class="edit-column">Column Edit</a></li>
					</ul>
				</div>
			<div class="column-image no center"><img decoding="async" class="ce-image" src="https://bramvanhaeren.com/wp-content/uploads/2018/02/joe_Root_3.jpg" alt="joe_Root_3" style=""><img class="live-image" src="https://bramvanhaeren.com/wp-content/uploads/2018/02/joe_Root_3.jpg" alt="joe_Root_3" style="" /></div></div></div></div></div>
		<script type="text/javascript">
			(function ($) {
				$(document).ready(function () {
					/* init masonry */
					var $grid = $("#masonry-content_j813br05w");

					$grid.masonry({
						itemSelector: ".masonry-item",
						columnWidth: ".grid-sizer",
						gutter: ".gutter-sizer",
						transitionDuration: 0,
						isResizable: true,
						
						
					});

                	/* layout Masonry after each image loads */
                	$grid.imagesLoaded().progress(function() {
	                  	$grid.masonry("layout");
                	});

				});
			})(jQuery);
		</script>
		</div></div></div>		</div>
		
				<div id="project-panel-footer" class="fade-content">
			
<!-- Project Panel -->
<section id="project-panel" class="fade">
	<div class="project-panel">
		<div class="container">
			<div class="row">
				<div class="project-panel-title span11">
					<h3 class="light fs-28px">More selected projects</h3>
				</div>
							</div>
			
			<div class="row">
        		<div class="project-panel-thumbs">
														<div class="project-panel-thumb">
										<a class="project-panel-link"  href="https://bramvanhaeren.com/work/evoc" title="Evoc">
																							<img alt="Evoc" src="https://bramvanhaeren.com/wp-content/themes/semplice/images/no_thumb-thumb_nav.png" />
																						<h3>Evoc<br /><span class="regular">Illustration</span></h3>
										</a>
									</div>
														<div class="project-panel-thumb">
										<a class="project-panel-link"  href="https://bramvanhaeren.com/work/zwift" title="Zwift">
																							<img alt="Zwift" src="https://bramvanhaeren.com/wp-content/themes/semplice/images/no_thumb-thumb_nav.png" />
																						<h3>Zwift<br /><span class="regular">Illustration</span></h3>
										</a>
									</div>
														<div class="project-panel-thumb">
										<a class="project-panel-link"  href="https://bramvanhaeren.com/work/lgfg" title="LGFG">
																							<img alt="LGFG" src="https://bramvanhaeren.com/wp-content/themes/semplice/images/no_thumb-thumb_nav.png" />
																						<h3>LGFG<br /><span class="regular">Illustration</span></h3>
										</a>
									</div>
														<div class="project-panel-thumb">
										<a class="project-panel-link"  href="https://bramvanhaeren.com/work/beck-hyperspace" title="Beck Hyperspace">
																							<img alt="Beck Hyperspace" src="https://bramvanhaeren.com/wp-content/themes/semplice/images/no_thumb-thumb_nav.png" />
																						<h3>Beck Hyperspace<br /><span class="regular">Illustration</span></h3>
										</a>
									</div>
														<div class="project-panel-thumb">
										<a class="project-panel-link"  href="https://bramvanhaeren.com/work/fietsplezier" title="Fietsplezier">
																							<img alt="Fietsplezier" src="https://bramvanhaeren.com/wp-content/themes/semplice/images/no_thumb-thumb_nav.png" />
																						<h3>Fietsplezier<br /><span class="regular">Illustration</span></h3>
										</a>
									</div>
														<div class="project-panel-thumb">
										<a class="project-panel-link"  href="https://bramvanhaeren.com/work/cubanisto" title="Cubanisto">
																							<img alt="Cubanisto" src="https://bramvanhaeren.com/wp-content/themes/semplice/images/no_thumb-thumb_nav.png" />
																						<h3>Cubanisto<br /><span class="regular">Illustration</span></h3>
										</a>
									</div>
														<div class="project-panel-thumb">
										<a class="project-panel-link"  href="https://bramvanhaeren.com/work/myth" title="Myth">
																							<img alt="Myth" src="https://bramvanhaeren.com/wp-content/themes/semplice/images/no_thumb-thumb_nav.png" />
																						<h3>Myth<br /><span class="regular">Illustration</span></h3>
										</a>
									</div>
														<div class="project-panel-thumb">
										<a class="project-panel-link"  href="https://bramvanhaeren.com/work/hypebea" title="HypeBea">
																							<img alt="HypeBea" src="https://bramvanhaeren.com/wp-content/themes/semplice/images/no_thumb-thumb_nav.png" />
																						<h3>HypeBea<br /><span class="regular">Illustration</span></h3>
										</a>
									</div>
														<div class="project-panel-thumb">
										<a class="project-panel-link"  href="https://bramvanhaeren.com/work/usain-bolt" title="Usain Bolt">
																							<img alt="Usain Bolt" src="https://bramvanhaeren.com/wp-content/themes/semplice/images/no_thumb-thumb_nav.png" />
																						<h3>Usain Bolt<br /><span class="regular">Illustration</span></h3>
										</a>
									</div>
														<div class="project-panel-thumb">
										<a class="project-panel-link"  href="https://bramvanhaeren.com/work/formfiftyfive" title="FormFiftyFive">
																							<img alt="FormFiftyFive" src="https://bramvanhaeren.com/wp-content/themes/semplice/images/no_thumb-thumb_nav.png" />
																						<h3>FormFiftyFive<br /><span class="regular">Illustration</span></h3>
										</a>
									</div>
														<div class="project-panel-thumb">
										<a class="project-panel-link"  href="https://bramvanhaeren.com/work/makemoremistakes" title="Make More Mistakes">
																							<img alt="Make More Mistakes" src="https://bramvanhaeren.com/wp-content/themes/semplice/images/no_thumb-thumb_nav.png" />
																						<h3>Make More Mistakes<br /><span class="regular">Art Book</span></h3>
										</a>
									</div>
														<div class="project-panel-thumb">
										<a class="project-panel-link"  href="https://bramvanhaeren.com/work/kleurstaal" title="Kleurstaal">
																							<img alt="Kleurstaal" src="https://bramvanhaeren.com/wp-content/themes/semplice/images/no_thumb-thumb_nav.png" />
																						<h3>Kleurstaal<br /><span class="regular">Illustration</span></h3>
										</a>
									</div>
														<div class="project-panel-thumb">
										<a class="project-panel-link"  href="https://bramvanhaeren.com/work/baugasm" title="Baugasm">
																							<img alt="Baugasm" src="https://bramvanhaeren.com/wp-content/themes/semplice/images/no_thumb-thumb_nav.png" />
																						<h3>Baugasm<br /><span class="regular">Illustration</span></h3>
										</a>
									</div>
														<div class="project-panel-thumb">
										<a class="project-panel-link"  href="https://bramvanhaeren.com/work/joe-root" title="Joe Root">
																							<img alt="Joe Root" src="https://bramvanhaeren.com/wp-content/themes/semplice/images/no_thumb-thumb_nav.png" />
																						<h3>Joe Root<br /><span class="regular">Illustration</span></h3>
										</a>
									</div>
														<div class="project-panel-thumb">
										<a class="project-panel-link"  href="https://bramvanhaeren.com/work/nba-all-stars" title="NBA All Stars">
																							<img alt="NBA All Stars" src="https://bramvanhaeren.com/wp-content/themes/semplice/images/no_thumb-thumb_nav.png" />
																						<h3>NBA All Stars<br /><span class="regular">Illustration</span></h3>
										</a>
									</div>
														<div class="project-panel-thumb">
										<a class="project-panel-link"  href="https://bramvanhaeren.com/work/blikveld" title="Blikveld">
																							<img alt="Blikveld" src="https://bramvanhaeren.com/wp-content/themes/semplice/images/no_thumb-thumb_nav.png" />
																						<h3>Blikveld<br /><span class="regular">Illustration</span></h3>
										</a>
									</div>
														<div class="project-panel-thumb">
										<a class="project-panel-link"  href="https://bramvanhaeren.com/work/bramella" title="Bram&#038;Ella">
																							<img alt="Bram&#038;Ella" src="https://bramvanhaeren.com/wp-content/themes/semplice/images/no_thumb-thumb_nav.png" />
																						<h3>Bram&#038;Ella<br /><span class="regular">Traditional Art</span></h3>
										</a>
									</div>
														<div class="project-panel-thumb">
										<a class="project-panel-link"  href="https://bramvanhaeren.com/work/rollingstone-x-glixel" title="RollingStone x Glixel">
																							<img alt="RollingStone x Glixel" src="https://bramvanhaeren.com/wp-content/themes/semplice/images/no_thumb-thumb_nav.png" />
																						<h3>RollingStone x Glixel<br /><span class="regular">Illustration</span></h3>
										</a>
									</div>
														<div class="project-panel-thumb">
										<a class="project-panel-link"  href="https://bramvanhaeren.com/work/flux" title="In a state of flux">
																							<img alt="In a state of flux" src="https://bramvanhaeren.com/wp-content/themes/semplice/images/no_thumb-thumb_nav.png" />
																						<h3>In a state of flux<br /><span class="regular">Exhibition</span></h3>
										</a>
									</div>
														<div class="project-panel-thumb">
										<a class="project-panel-link"  href="https://bramvanhaeren.com/work/the-disruptors" title="The Disruptors">
																							<img alt="The Disruptors" src="https://bramvanhaeren.com/wp-content/themes/semplice/images/no_thumb-thumb_nav.png" />
																						<h3>The Disruptors<br /><span class="regular">Illustration</span></h3>
										</a>
									</div>
														<div class="project-panel-thumb">
										<a class="project-panel-link"  href="https://bramvanhaeren.com/work/the-contenders-2" title="The Contenders">
																							<img alt="The Contenders" src="https://bramvanhaeren.com/wp-content/themes/semplice/images/no_thumb-thumb_nav.png" />
																						<h3>The Contenders<br /><span class="regular">Illustration</span></h3>
										</a>
									</div>
														<div class="project-panel-thumb">
										<a class="project-panel-link"  href="https://bramvanhaeren.com/work/one-source" title="One Source">
																							<img alt="One Source" src="https://bramvanhaeren.com/wp-content/themes/semplice/images/no_thumb-thumb_nav.png" />
																						<h3>One Source<br /><span class="regular">Illustration</span></h3>
										</a>
									</div>
														<div class="project-panel-thumb">
										<a class="project-panel-link"  href="https://bramvanhaeren.com/work/the-contenders" title="The Contenders">
																							<img alt="The Contenders" src="https://bramvanhaeren.com/wp-content/themes/semplice/images/no_thumb-thumb_nav.png" />
																						<h3>The Contenders<br /><span class="regular">Illustration</span></h3>
										</a>
									</div>
														<div class="project-panel-thumb">
										<a class="project-panel-link"  href="https://bramvanhaeren.com/work/on-the-wall-2015" title="On The Wall 2015">
																							<img alt="On The Wall 2015" src="https://bramvanhaeren.com/wp-content/themes/semplice/images/no_thumb-thumb_nav.png" />
																						<h3>On The Wall 2015<br /><span class="regular">Illustration</span></h3>
										</a>
									</div>
														<div class="project-panel-thumb">
										<a class="project-panel-link"  href="https://bramvanhaeren.com/work/copordrop" title="#CopOrDrop">
																							<img alt="#CopOrDrop" src="https://bramvanhaeren.com/wp-content/themes/semplice/images/no_thumb-thumb_nav.png" />
																						<h3>#CopOrDrop<br /><span class="regular">Illustration</span></h3>
										</a>
									</div>
														<div class="project-panel-thumb">
										<a class="project-panel-link"  href="https://bramvanhaeren.com/work/the-pitching-issue" title="The Pitching Issue">
																							<img alt="The Pitching Issue" src="https://bramvanhaeren.com/wp-content/themes/semplice/images/no_thumb-thumb_nav.png" />
																						<h3>The Pitching Issue<br /><span class="regular">Illustration</span></h3>
										</a>
									</div>
														<div class="project-panel-thumb">
										<a class="project-panel-link"  href="https://bramvanhaeren.com/work/alphawall" title="AlphaWall">
																							<img alt="AlphaWall" src="https://bramvanhaeren.com/wp-content/themes/semplice/images/no_thumb-thumb_nav.png" />
																						<h3>AlphaWall<br /><span class="regular">Illustration</span></h3>
										</a>
									</div>
														<div class="project-panel-thumb">
										<a class="project-panel-link"  href="https://bramvanhaeren.com/work/ps25under25" title="#PS25Under25">
																							<img alt="#PS25Under25" src="https://bramvanhaeren.com/wp-content/themes/semplice/images/no_thumb-thumb_nav.png" />
																						<h3>#PS25Under25<br /><span class="regular">Illustration</span></h3>
										</a>
									</div>
														<div class="project-panel-thumb">
										<a class="project-panel-link"  href="https://bramvanhaeren.com/work/legendary-olympians" title="Legendary Olympians">
																							<img alt="Legendary Olympians" src="https://bramvanhaeren.com/wp-content/themes/semplice/images/no_thumb-thumb_nav.png" />
																						<h3>Legendary Olympians<br /><span class="regular">Illustration</span></h3>
										</a>
									</div>
					        		</div>
			</div>
		</div>
	</div>
</section>
		</div>

		
			<div class="fade-content footer"><div id="footer-holder" class=""><div id="content_z54ox2u1o" class="multi-column">
				
				
				<div class="mc-content-container" style="padding-top: 20px;padding-bottom: 20px;background-color: #24262e;" data-content-id="content_z54ox2u1o" data-content-type="multi-column"><div id="masonry-content_z54ox2u1o" class="container" style="background-color: transparent; position: relative; height: 48px;"><div class="row"><div class="grid-sizer"></div><div class="gutter-sizer"></div><div class="span8 masonry-item remove-gutter-" style="background-color: transparent; position: absolute; left: 0px; top: 0px;"><div class="mc-sub-content-container" style="padding-top: 20px;background-color: transparent;" data-content-id="content_z54ox2u1o" data-content-type="multi-column">
				<div class="single-edit" style="display: none;">
					<ul>
						<li><a class="edit-single" data-single-edit-content-id="column_content_87f8mdzrd" data-single-edit-column-id="#column_q4lym09sn" data-single-edit-content-type="column-content-p">Single Edit</a></li>
						<li><a class="edit-column">Column Edit</a></li>
					</ul>
				</div>
			<div data-content-id="content_z54ox2u1o" data-paragraph-id="content_z54ox2u1o" data-content-type="multi-column" class="wysiwyg-ce  "><p data-font-size="16px"><span style="color:#FFFFFF;"><span class="bold">© Bram Vanhaeren 2018</span> — Antwerp Designer &amp; Maker on a mission to do more!</span></p></div></div></div></div></div>
		<script type="text/javascript">
			(function ($) {
				$(document).ready(function () {
					/* init masonry */
					var $grid = $("#masonry-content_z54ox2u1o");

					$grid.masonry({
						itemSelector: ".masonry-item",
						columnWidth: ".grid-sizer",
						gutter: ".gutter-sizer",
						transitionDuration: 0,
						isResizable: true,
						
						
					});

                	/* layout Masonry after each image loads */
                	$grid.imagesLoaded().progress(function() {
	                  	$grid.masonry("layout");
                	});

				});
			})(jQuery);
		</script>
		</div></div></div></div>			<!-- content -->
			</div>
		<!-- wrapper -->
		</div>
		<div class="to-the-top">
			<a class="top-button"><svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	 width="53px" height="20px" viewBox="0 0 53 20" enable-background="new 0 0 53 20" xml:space="preserve">
<g id="Ebene_3">
</g>
<g>
	<polygon points="43.886,16.221 42.697,17.687 26.5,4.731 10.303,17.688 9.114,16.221 26.5,2.312 	"/>
</g>
</svg>
</a>
		</div>
		<div class="overlay fade"></div>
		<script type='text/javascript' id='mediaelement-core-js-before'>
var mejsL10n = {"language":"en","strings":{"mejs.download-file":"Download File","mejs.install-flash":"You are using a browser that does not have Flash player enabled or installed. Please turn on your Flash player plugin or download the latest version from https:\/\/get.adobe.com\/flashplayer\/","mejs.fullscreen":"Fullscreen","mejs.play":"Play","mejs.pause":"Pause","mejs.time-slider":"Time Slider","mejs.time-help-text":"Use Left\/Right Arrow keys to advance one second, Up\/Down arrows to advance ten seconds.","mejs.live-broadcast":"Live Broadcast","mejs.volume-help-text":"Use Up\/Down Arrow keys to increase or decrease volume.","mejs.unmute":"Unmute","mejs.mute":"Mute","mejs.volume-slider":"Volume Slider","mejs.video-player":"Video Player","mejs.audio-player":"Audio Player","mejs.captions-subtitles":"Captions\/Subtitles","mejs.captions-chapters":"Chapters","mejs.none":"None","mejs.afrikaans":"Afrikaans","mejs.albanian":"Albanian","mejs.arabic":"Arabic","mejs.belarusian":"Belarusian","mejs.bulgarian":"Bulgarian","mejs.catalan":"Catalan","mejs.chinese":"Chinese","mejs.chinese-simplified":"Chinese (Simplified)","mejs.chinese-traditional":"Chinese (Traditional)","mejs.croatian":"Croatian","mejs.czech":"Czech","mejs.danish":"Danish","mejs.dutch":"Dutch","mejs.english":"English","mejs.estonian":"Estonian","mejs.filipino":"Filipino","mejs.finnish":"Finnish","mejs.french":"French","mejs.galician":"Galician","mejs.german":"German","mejs.greek":"Greek","mejs.haitian-creole":"Haitian Creole","mejs.hebrew":"Hebrew","mejs.hindi":"Hindi","mejs.hungarian":"Hungarian","mejs.icelandic":"Icelandic","mejs.indonesian":"Indonesian","mejs.irish":"Irish","mejs.italian":"Italian","mejs.japanese":"Japanese","mejs.korean":"Korean","mejs.latvian":"Latvian","mejs.lithuanian":"Lithuanian","mejs.macedonian":"Macedonian","mejs.malay":"Malay","mejs.maltese":"Maltese","mejs.norwegian":"Norwegian","mejs.persian":"Persian","mejs.polish":"Polish","mejs.portuguese":"Portuguese","mejs.romanian":"Romanian","mejs.russian":"Russian","mejs.serbian":"Serbian","mejs.slovak":"Slovak","mejs.slovenian":"Slovenian","mejs.spanish":"Spanish","mejs.swahili":"Swahili","mejs.swedish":"Swedish","mejs.tagalog":"Tagalog","mejs.thai":"Thai","mejs.turkish":"Turkish","mejs.ukrainian":"Ukrainian","mejs.vietnamese":"Vietnamese","mejs.welsh":"Welsh","mejs.yiddish":"Yiddish"}};
</script>
<script type='text/javascript' src='https://bramvanhaeren.com/wp-includes/js/mediaelement/mediaelement-and-player.min.js?ver=4.2.17' id='mediaelement-core-js'></script>
<script type='text/javascript' src='https://bramvanhaeren.com/wp-includes/js/mediaelement/mediaelement-migrate.min.js?ver=6.2.6' id='mediaelement-migrate-js'></script>
<script type='text/javascript' id='mediaelement-js-extra'>
/* <![CDATA[ */
var _wpmejsSettings = {"pluginPath":"\/wp-includes\/js\/mediaelement\/","classPrefix":"mejs-","stretching":"responsive","audioShortcodeLibrary":"mediaelement","videoShortcodeLibrary":"mediaelement"};
/* ]]> */
</script>
<script type='text/javascript' src='https://bramvanhaeren.com/wp-includes/js/mediaelement/wp-mediaelement.min.js?ver=6.2.6' id='wp-mediaelement-js'></script>
<script type='text/javascript' id='semplice-minified-scripts-js-extra'>
/* <![CDATA[ */
var semplice = {"gallery_prev":"<svg version=\"1.1\" id=\"Ebene_1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\"\n\twidth=\"18px\" height=\"40px\"  viewBox=\"0 0 18 40\" enable-background=\"new 0 0 18 40\" xml:space=\"preserve\">\n<g id=\"Ebene_2\">\n\t<g>\n\t\t<polygon points=\"16.3,40 0.3,20 16.3,0 17.7,1 2.5,20 17.7,39 \t\t\"\/>\n\t<\/g>\n<\/g>\n<\/svg>\n","gallery_next":"<svg version=\"1.1\" id=\"Ebene_1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\"\n\twidth=\"18px\" height=\"40px\" viewBox=\"0 0 18 40\" enable-background=\"new 0 0 18 40\" xml:space=\"preserve\">\n<g id=\"Ebene_2\">\n\t<g>\n\t\t<polygon points=\"0.3,39 15.5,20 0.3,1 1.7,0 17.7,20 1.7,40 \t\t\"\/>\n\t<\/g>\n<\/g>\n<\/svg>\n","lightbox_prev":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" preserveAspectRatio=\"xMidYMid\" width=\"30\" height=\"20\" viewBox=\"0 0 30 20\">\n  <path d=\"M29.255,10.804 L2.624,10.804 L10.327,18.696 C10.619,18.995 10.619,19.481 10.327,19.780 C10.181,19.930 9.989,20.005 9.798,20.005 C9.607,20.005 9.415,19.930 9.269,19.780 L0.290,10.580 C0.220,10.509 0.165,10.424 0.127,10.330 C0.090,10.238 0.071,10.141 0.071,10.043 C0.071,10.041 0.070,10.039 0.070,10.037 C0.070,10.035 0.071,10.034 0.071,10.032 C0.071,9.934 0.090,9.836 0.127,9.745 C0.165,9.650 0.220,9.565 0.290,9.494 L9.269,0.294 C9.561,-0.005 10.035,-0.005 10.327,0.294 C10.619,0.594 10.619,1.079 10.327,1.378 L2.624,9.270 L29.255,9.270 C29.669,9.270 30.003,9.613 30.003,10.037 C30.003,10.461 29.669,10.804 29.255,10.804 Z\"\/>\n<\/svg>\n","lightbox_next":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" preserveAspectRatio=\"xMidYMid\" width=\"30\" height=\"20\" viewBox=\"0 0 30 20\">\n  <path d=\"M29.873,9.745 C29.910,9.836 29.929,9.934 29.929,10.032 C29.929,10.034 29.930,10.035 29.930,10.037 C29.930,10.039 29.929,10.041 29.929,10.043 C29.929,10.141 29.910,10.238 29.873,10.330 C29.835,10.424 29.780,10.509 29.710,10.580 L20.731,19.780 C20.585,19.930 20.393,20.005 20.202,20.005 C20.011,20.005 19.819,19.930 19.673,19.780 C19.381,19.481 19.381,18.995 19.673,18.696 L27.376,10.804 L0.745,10.804 C0.331,10.804 -0.003,10.461 -0.003,10.037 C-0.003,9.613 0.331,9.270 0.745,9.270 L27.376,9.270 L19.673,1.378 C19.381,1.079 19.381,0.594 19.673,0.294 C19.965,-0.005 20.439,-0.005 20.731,0.294 L29.710,9.494 C29.780,9.565 29.835,9.650 29.873,9.745 Z\"\/>\n<\/svg>\n"};
/* ]]> */
</script>
<script type='text/javascript' src='https://bramvanhaeren.com/wp-content/themes/semplice/js/scripts.min.js?ver=6.2.6' id='semplice-minified-scripts-js'></script>
		<script type="text/javascript">
			(function($) {

				// back button fix (firefox) thx to Jesse from stack overfllow
				$(window).unload(function () { $(window).unbind('unload'); });
				// back button fix (safari)
				$(window).bind('pageshow', function(event) {
					if (event.originalEvent.persisted) {
						window.location.reload() 
					}
				});
				
				$(document).ready(function () {

					/* ce images */
					$('.ce-image').each(function(){ var parentTag = $(this).parent().get(0).tagName; if(parentTag == 'A') { $(this).parent().remove(); } else { $(this).remove(); }});

					/* remove single edit div */
					$('.single-edit').remove();

					/* delete gallery brs */
					$('.gallery br').each(function() {
						$(this).remove();
					});

					/* image lightbox */
					var showOverlay = function() {
						$('<div class="lightbox-overlay"></div>').appendTo('body');
					};

					var hideOverlay = function() {
						$('.lightbox-overlay').remove();
					};

					/* arrows */

					var arrowsOn = function(instance, selector) {

						var $arrows = $('<div class="lightbox-arrows"><a type="button" class="imagelightbox-arrow imagelightbox-arrow-left">' + semplice.lightbox_prev + '</a><a type="button" class="imagelightbox-arrow imagelightbox-arrow-right">' + semplice.lightbox_next + '</a></div>');

						$arrows.appendTo('body');

						// fade in
						$('.lightbox-arrows').delay(200).fadeIn('slow');

						$('.imagelightbox-arrow').on('click touchend', function(e) {
							e.preventDefault();

							var $this	= $(this),
								$target	= $( selector + '[href="' + $('#imagelightbox').attr('src') + '"]'),
								index	= $target.index(selector);

							if( $this.hasClass('imagelightbox-arrow-left'))
							{
								index = index - 1;
								if(!$(selector).eq(index).length)
									index = $(selector).length;
							}
							else
							{
								index = index + 1;
								if( !$(selector).eq(index).length)
									index = 0;
							}

							instance.switchImageLightbox(index);
							return false;
						});
					};

					var arrowsOff = function() {
						$('.lightbox-arrows').fadeOut('fast', function() {
							$('.lightbox-arrows').remove();
						});
					};

					/* blog gallery */
					$('.gallery-icon a').each(function () {

						/* check if attachment or media file type */
						var isAttachment = $(this).attr('href').slice(-1);

						if(isAttachment !== '/') {
							$(this).attr('data-rel', 'lightbox');
						}

					});

					var selectorG = 'a[data-rel^=lightbox]';
					var instanceG = $(selectorG).imageLightbox(
					{
						selector:       'id="imagelightbox"',
						allowedTypes:   'png|jpg|jpeg|gif|svg',
						animationSpeed: 250,
						preloadNext:    true,
						enableKeyboard: true,
						quitOnEnd:      false,
						quitOnImgClick: false,
						quitOnDocClick: true,
						onStart:        function() { arrowsOn(instanceG,selectorG); showOverlay(); },
						onEnd:          function() { arrowsOff(); hideOverlay(); },
						onLoadStart:    false,
						onLoadEnd:      false
					});
		
					
					// content editor self hosted video and blog video
					$(".live-video video, .live-audio audio, .wysiwyg video, .wysiwyg audio, .cover-video video").mediaelementplayer({
						
						// options
						pauseOtherPlayers: false,

						success:  function (mediaElement, domObject) { 

							// get media element
							var $thisMediaElement = (mediaElement.id) ? $("#"+mediaElement.id) : $(mediaElement);

							if($thisMediaElement.attr('data-masonry-id')) {
								// layout masonry to avoid overlapping
								$('#masonry-' + $thisMediaElement.attr('data-masonry-id')).masonry('layout');
							}

							// empty poster image to avoid double images
							$thisMediaElement.attr('poster', '');

							// resize multicolumn on play if needed
					        mediaElement.addEventListener('canplay', function(e) {
								$('#masonry-' + $thisMediaElement.attr('data-masonry-id')).masonry('layout');
							}, false);

							// show poster image after video finished
				            mediaElement.addEventListener("ended", function(e){
				                $thisMediaElement.parents(".mejs-inner").find(".mejs-poster").show();
				            });
				        }
					});
				});
			})(jQuery);
		</script>
			</body>
</html>