From 994b6f8943c061657792df8adcbdee5da487ce43 Mon Sep 17 00:00:00 2001
From: David Ichim <ichim.david@gmail.com>
Date: Sat, 2 Jul 2022 21:09:29 +0300
Subject: [PATCH] change(hero): tweaked hero block height and padding

- as requested in tickets to bump up size of image height and
  played with padding so that we can better use tha alignment classes
---
 theme/themes/eea/extras/hero.less      |  7 +++++++
 theme/themes/eea/extras/hero.variables | 12 +++++++-----
 2 files changed, 14 insertions(+), 5 deletions(-)

diff --git a/theme/themes/eea/extras/hero.less b/theme/themes/eea/extras/hero.less
index d2e3151e2b..27e05cd88c 100644
--- a/theme/themes/eea/extras/hero.less
+++ b/theme/themes/eea/extras/hero.less
@@ -68,6 +68,9 @@
   .hero-block-body {
     gap: @tabletHeroBlockBodyGap;
   }
+  .hero-block-inner-wrapper {
+    padding-block: @tableHeroBlockWrapperPadding;
+  }
   .homepage #page-document > .eea.hero-block:first-of-type .hero-block-body {
     margin: @heroBlockHomePageBodyMargin;
   }
@@ -79,6 +82,10 @@
   .eea.hero-block.full-height .hero-block-inner-wrapper {
     min-height: @desktopHeroBlockMinHeight;
   }
+
+  .hero-block-inner-wrapper {
+    padding-block: @desktopHeroBlockWrapperPadding;
+  }
   .hero-block-body {
     gap: @desktopHeroBlockBodyGap;
   }
diff --git a/theme/themes/eea/extras/hero.variables b/theme/themes/eea/extras/hero.variables
index b4e5f3cdcb..9d3833f955 100644
--- a/theme/themes/eea/extras/hero.variables
+++ b/theme/themes/eea/extras/hero.variables
@@ -3,13 +3,13 @@
 *******************************/
 
 /* Hero block */
-@mobileHeroBlockMinHeight : 360px;
-@tabletHeroBlockMinHeight : 500px;
-@desktopHeroBlockMinHeight: 600px;
+@mobileHeroBlockMinHeight : 412px;
+@tabletHeroBlockMinHeight : 446px;
+@desktopHeroBlockMinHeight: 664px;
 
 @heroBlockPosition: relative;
 @heroBlockHomePagePadding: 0 @rem-space-5;
-@heroBlockHomePageBodyMargin: @rem-space-16 0 0 0;
+@heroBlockHomePageBodyMargin: @rem-space-20 0 0 0;
 
 /* Hero block spaced */
 @heroBlockSpacedMargin: @rem-space-12 0;
@@ -23,7 +23,9 @@
 @heroBlockImageBackgroundPosition : center;
 
 /* Wrapper */
-@heroBlockWrapperPadding : @rem-space-20;
+@heroBlockWrapperPadding : 5rem;
+@tableHeroBlockWrapperPadding: 6rem;
+@desktopHeroBlockWrapperPadding: 194px 96px;
 
 /* Body */
 @mobileHeroBlockBodyGap  : @rem-space-6;