Adds DECODE branding

Author: andreslucena

Diff for: app/assets/images/favicon.png

@@ -13,4 +13,12 @@
 //= require rails-ujs
 //= require activestorage
 //= require_tree .
-//= require decidim
+//= require decidim
+//
+
+$(document).ready(function() {
+  $('.section-heading').eq(1).css({"border-bottom": "10px solid #fff16e"});
+  $('.section-heading').eq(2).css({"border-bottom": "10px solid #33e986"});
+  $('.section-heading').eq(4).css({"border-bottom": "10px solid #fff16e"});
+  $('.section-heading').eq(5).css({"border-bottom": "10px solid #33e986"});
+});

Diff for: app/assets/javascripts/application.js

@@ -1,7 +1,7 @@
 // // Variables
 // 
-// $primary: #ef604d;
-// $secondary: #599aa6;
+$primary: #00b1b0;
+$secondary: #e4701e;
 // $success: #57d685;
 // $warning: #ffae00;
 // $alert: #ec5840;
@@ -16,3 +16,60 @@
 // $google: #dd4b39;
 
 @import "decidim/application";
+
+@import url('https://fonts.googleapis.com/css?family=Montserrat');
+
+
+body, h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
+  font-family: "Montserrat","Century Gothic",Verdana,Helvetica,Arial,sans-serif;
+  font-size: 0.8rem;
+}
+
+.title-bar {
+  padding: 40px;
+}
+
+.navbar, .title-bar,
+.topbar__dropmenu > ul > li > a,
+.main-nav__link a,
+.topbar__user__login a,
+.card__link,
+.topbar__edit__link a,
+.topbar__dropmenu .is-dropdown-submenu li a {
+  background: white;
+  color: black;
+}
+
+//.topbar__search svg .topbar__search input, .topbar__search input:focus {
+
+.topbar__search input, .topbar__search input:focus {
+  background: white;
+  border-color: lightgrey;
+  border-style: ridge;
+  border-width: 1px;
+  color: black;
+}
+
+.topbar__search input::placeholder {
+  color: black;
+}
+
+.main-nav__link a:hover {
+  color: black;
+  box-shadow: inset 0 4px 0 0 $secondary;
+}
+
+.section-heading {
+  text-transform: inherit;
+  font-size: 1.3rem;
+  display: inline-block;
+  //.section-heading extra styling for the borders on JavaScript
+  border-bottom: 10px solid $primary;
+}
+
+.section-heading::before {
+  width: 0px;
+  height: 0px;
+  background-color: white;
+  margin: 0;
+}