<?php
/**
 * Title: Feature Post Column
 * Slug: vw-cloudport/feature-post-column
 * Categories: template
 */
?>
<!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"bottom":"30px"}}},"layout":{"inherit":true}} -->
<div class="wp-block-group alignwide" style="padding-bottom: 30px">
	<!-- wp:columns {"align":"wide"} -->
	<div class="wp-block-columns alignwide">
		<!-- wp:column {"width":"25%"} -->
		<div class="wp-block-column" style="flex-basis: 25%">
			<!-- wp:group {"style":{"spacing":{"padding":{"top":"0px","right":"0px","bottom":"0px","left":"0px"},"blockGap":"0px"}},"backgroundColor":"background","className":"has-no-hover-shadow-dark animated animated-fadeInUp"} -->
			<div
				class="wp-block-group has-no-hover-shadow-dark animated animated-fadeInUp has-background-background-color has-background"
				style="
					padding-top: 0px;
					padding-right: 0px;
					padding-bottom: 0px;
					padding-left: 0px;
				"
			>
				<!-- wp:group {"style":{"spacing":{"padding":{"top":"10px","right":"10px","bottom":"10px","left":"40px"},"blockGap":"0px","margin":{"top":"0px","bottom":"0px"}}},"backgroundColor":"foreground","layout":{"inherit":true}} -->
				<div
					class="wp-block-group has-foreground-background-color has-background"
					style="
						margin-top: 0px;
						margin-bottom: 0px;
						padding-top: 10px;
						padding-right: 10px;
						padding-bottom: 10px;
						padding-left: 40px;
					"
				>
					<!-- wp:heading {"level":3,"style":{"spacing":{"margin":{"top":"0px","right":"0px","bottom":"0px","left":"0px"}}},"textColor":"background"} -->
					<h3
						class="has-background-color has-text-color"
						style="
							margin-top: 0px;
							margin-right: 0px;
							margin-bottom: 0px;
							margin-left: 0px;
						"
					>
					<?php echo esc_html__( 'Popular News', 'vw-cloudport' ); ?>
					</h3>
					<!-- /wp:heading -->
				</div>
				<!-- /wp:group -->

				<!-- wp:group {"style":{"spacing":{"padding":{"top":"30px","right":"30px","bottom":"30px","left":"30px"}}}} -->
				<div
					class="wp-block-group"
					style="
						padding-top: 30px;
						padding-right: 30px;
						padding-bottom: 30px;
						padding-left: 30px;
					"
				>
					<!-- wp:latest-posts {"postsToShow":4,"excerptLength":10,"displayAuthor":true,"displayFeaturedImage":true,"featuredImageAlign":"left","featuredImageSizeWidth":100,"featuredImageSizeHeight":113} /-->
				</div>
				<!-- /wp:group -->
			</div>
			<!-- /wp:group -->
		</div>
		<!-- /wp:column -->

		<!-- wp:column -->
		<div class="wp-block-column"></div>
		<!-- /wp:column -->

		<!-- wp:column {"width":"50%"} -->
		<div class="wp-block-column" style="flex-basis: 50%">
			<!-- wp:cover {"overlayColor":"primary","isUserOverlayColor":true,"minHeight":450,"metadata":{"patternName":"vw-cloudport/cover-with-post-title","name":"Cover With Post Title","categories":["vw-cloudport-banner-sections"]},"className":"innerpage-banner","style":{"spacing":{"padding":{"top":"0px","bottom":"0px","left":"0px","right":"0px"}}}} -->
				<div class="wp-block-cover innerpage-banner" style="padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;min-height:450px"><span aria-hidden="true" class="wp-block-cover__background has-primary-background-color has-background-dim-100 has-background-dim"></span><div class="wp-block-cover__inner-container">
					<!-- wp:heading {"textAlign":"center","style":{"elements":{"link":{"color":{"text":"var:preset|color|background"}}},"typography":{"fontSize":"1.2rem"}},"backgroundColor":"foreground"} -->
					<h2
						class="has-text-align-center has-foreground-background-color has-background has-link-color"
						style="font-size: 1.2rem"
					>
						<a
							href="#"
							><?php echo esc_html__( 'Life Is Either A Daring Adventure Or Nothing At
							All', 'vw-cloudport' ); ?> </a
						>
					</h2>
					<!-- /wp:heading -->

					<!-- wp:group {"className":"banner-overlay","style":{"spacing":{"margin":{"top":"0px","bottom":"0px"}}},"layout":{"type":"default"}} -->
					<div class="wp-block-group banner-overlay" style="margin-top:0px;margin-bottom:0px"><!-- wp:html -->
					<svg width="1200" height="532" viewBox="0 0 1200 532" fill="none" xmlns="http://www.w3.org/2000/svg">
					<g filter="url(#filter0_f_2397_501)">
					<path d="M1139 215.716V101.41C1139 101.41 965.777 96.1256 569.5 215.716C344.398 215.716 0 101.41 0 101.41V215.716C0 215.716 344.326 331.546 569.5 331.546C1003.74 331.546 1139 215.716 1139 215.716Z" fill="url(#paint0_linear_2397_501)"></path>
					</g>
					<defs>
					<filter id="filter0_f_2397_501" x="-200" y="-98.625" width="1539" height="630.171" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
					<feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood>
					<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"></feBlend>
					<feGaussianBlur stdDeviation="100" result="effect1_foregroundBlur_2397_501"></feGaussianBlur>
					</filter>
					<linearGradient id="paint0_linear_2397_501" x1="-13.051" y1="134.46" x2="1125.23" y2="349.254" gradientUnits="userSpaceOnUse">
					<stop stop-color="var(--wp--preset--color--tertiary)"></stop>
					<stop offset="1" stop-color="var(--wp--preset--color--quaternary)"></stop>
					</linearGradient>
					</defs>
					</svg>
					<!-- /wp:html --></div>
					<!-- /wp:group -->
				</div>
			</div>
			<!-- /wp:cover -->
		</div>
		<!-- /wp:column -->

		<!-- wp:column -->
		<div class="wp-block-column"></div>
		<!-- /wp:column -->

		<!-- wp:column {"width":"25%"} -->
		<div class="wp-block-column" style="flex-basis: 25%">
			<!-- wp:group {"style":{"spacing":{"padding":{"top":"0px","right":"0px","bottom":"0px","left":"0px"},"blockGap":"0px"}},"backgroundColor":"background","className":"has-no-hover-shadow-dark animated animated-fadeInUp"} -->
			<div
				class="wp-block-group has-no-hover-shadow-dark animated animated-fadeInUp has-background-background-color has-background"
				style="
					padding-top: 0px;
					padding-right: 0px;
					padding-bottom: 0px;
					padding-left: 0px;
				"
			>
				<!-- wp:group {"style":{"spacing":{"padding":{"top":"10px","right":"10px","bottom":"10px","left":"40px"},"blockGap":"0px","margin":{"top":"0px","bottom":"0px"}},"color":{"background":"#171616"}},"layout":{"inherit":true}} -->
				<div
					class="wp-block-group has-background"
					style="
						background-color: #171616;
						margin-top: 0px;
						margin-bottom: 0px;
						padding-top: 10px;
						padding-right: 10px;
						padding-bottom: 10px;
						padding-left: 40px;
					"
				>
					<!-- wp:heading {"level":3,"style":{"spacing":{"margin":{"top":"0px","right":"0px","bottom":"0px","left":"0px"}}},"textColor":"background"} -->
					<h3
						class="has-background-color has-text-color"
						style="
							margin-top: 0px;
							margin-right: 0px;
							margin-bottom: 0px;
							margin-left: 0px;
						"
					>
					<?php echo esc_html__( 'Recent News', 'vw-cloudport' ); ?>
					</h3>
					<!-- /wp:heading -->
				</div>
				<!-- /wp:group -->

				<!-- wp:group {"style":{"spacing":{"padding":{"top":"30px","right":"30px","bottom":"30px","left":"30px"}}}} -->
				<div
					class="wp-block-group"
					style="
						padding-top: 30px;
						padding-right: 30px;
						padding-bottom: 30px;
						padding-left: 30px;
					"
				>
					<!-- wp:latest-posts {"postsToShow":4,"excerptLength":10,"displayAuthor":true,"displayFeaturedImage":true,"featuredImageAlign":"left","featuredImageSizeWidth":100,"featuredImageSizeHeight":113} /-->
				</div>
				<!-- /wp:group -->
			</div>
			<!-- /wp:group -->
		</div>
		<!-- /wp:column -->
	</div>
	<!-- /wp:columns -->
</div>
<!-- /wp:group -->
