From 5f837c4523b13ed4da864f2bd001a7133bcb71ad Mon Sep 17 00:00:00 2001
From: Vincent Vanwaelscappel <vincent@cubedesigners.com>
Date: Tue, 1 Sep 2020 19:25:44 +0200
Subject: [PATCH] wip #3733 @2

---
 style/articles.less               | 73 ++++++++++++++++++++++++++-----
 style/articles/business-immo.less | 28 ++++++++++++
 2 files changed, 89 insertions(+), 12 deletions(-)
 create mode 100644 style/articles/business-immo.less

diff --git a/style/articles.less b/style/articles.less
index ba308846..32fd2487 100644
--- a/style/articles.less
+++ b/style/articles.less
@@ -67,6 +67,11 @@ article {
     @media @medium {
       font-size: unit(14*@articles-mobile-ratio, px);
     }
+
+    &:not(:first-child) {
+      margin-top: 30px;
+      width: auto !important;
+    }
   }
 
   h2 {
@@ -90,6 +95,14 @@ article {
       }
 
     }
+
+    &.bigfont {
+      font-weight: 600;
+      font-size: 30px;
+      @media @medium {
+        font-size: unit(30*@articles-mobile-ratio, px);
+      }
+    }
   }
 
   h1 {
@@ -104,23 +117,34 @@ article {
     }
   }
 
+  aside{
+    background-color: #eee;
+    padding: 10px 30px;
+    margin-top: 30px;
+  }
+
   figure {
     margin: 30px 0;
+  }
 
-    img {
-      display: block;
-      width: 100%;
-      height: auto;
-    }
+  img {
+    display: block;
+    width: 100%;
+    height: auto;
+  }
 
-    figcaption {
-      color: #fff;
-      font-size: 16px;
-      padding: 15px;
+  figure + figcaption {
+    margin-top: -30px;
+  }
 
-      @media @medium {
-        font-size: unit(16*@articles-mobile-ratio, px);
-      }
+  figcaption {
+    background-color: #000;
+    color: #fff;
+    font-size: 16px;
+    padding: 15px;
+
+    @media @medium {
+      font-size: unit(16*@articles-mobile-ratio, px);
     }
   }
 
@@ -156,6 +180,31 @@ article {
       font-size: unit(16*@articles-mobile-ratio, px);
     }
   }
+
+  .articleBody > a {
+    display: block;
+  }
+
+  .articleBody a {
+    text-decoration: underline;
+  }
+
+  .youtube {
+    position: relative;
+    padding-bottom: 56.25%;
+    padding-top: 30px;
+    height: 0;
+    overflow: hidden;
+
+    iframe, object, embed {
+      position: absolute;
+      top: 0;
+      left: 0;
+      width: 100%;
+      height: 100%;
+    }
+  }
 }
 
+
 @import "articles/@{articles-styles}.less";
\ No newline at end of file
diff --git a/style/articles/business-immo.less b/style/articles/business-immo.less
new file mode 100644
index 00000000..79066a12
--- /dev/null
+++ b/style/articles/business-immo.less
@@ -0,0 +1,28 @@
+@import "book-variables";
+@import "variables";
+
+@red: #df001a;
+
+* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+article {
+  .articleBody a {
+    &:hover {
+      color: @red !important;
+    }
+  }
+
+  h2{
+    color:@red;
+  }
+
+}
+
+
+.mview.visible[data-menu="article"] .footer {
+  background-color: @red;
+}
\ No newline at end of file
-- 
2.39.5