From 8b72a31c3dd493af3658186b68713eb50807c3d8 Mon Sep 17 00:00:00 2001
From: jorge-vitrubio <jorge@vitrubio.net>
Date: Wed, 19 Oct 2022 09:43:37 +0200
Subject: [PATCH] modified the footer styles so they resemble the 2021 design

---
 style.css | 55 +++++++++++++++++++++++++++++++------------------------
 1 file changed, 31 insertions(+), 24 deletions(-)

diff --git a/style.css b/style.css
index cfdcf41..b21ee92 100644
--- a/style.css
+++ b/style.css
@@ -1154,12 +1154,13 @@ form#commentform p.form-submit input#submit {
 --------------------------------------------- */
 .wrapfooter {
 	max-width: 1237px;
-	padding: 20px 0px 20px 20px;
+	/*padding: 20px 0px 20px 20px;*/
+	padding: 1rem 0 0.3rem 1rem;
 	z-index: 0;
 	font-size: var(--hangar-body-font-size);
 	font-family: var(--hangar-body-font-family);
 	display:flex;
-	justify-content: space-between;
+/*	justify-content: space-between;*/
 }
 
 .wrapfooter p {
@@ -1171,12 +1172,20 @@ form#commentform p.form-submit input#submit {
 	font-size: var(--hangar-body-font-size-small);
 }
 .center {text-align:center;}
-/* .col {float: left; } */
+/*
 .wrapfooter .logo, .wrapfooter .org, .wrapfooter .wrapfooter  .tels, .wrapfooter .inf,.wrapfooter  .legal,.wrapfooter  .credits {
 	width: 100%;
 	padding:1rem 0;
 }
-.wrapfooter .credits a{color: #A3A7A5!important;}
+*/
+.wrapfooter .col {
+	width: unset;
+	padding: 1rem 0;
+}
+.wrapfooter .credits a{
+	color: #A3A7A5!important;
+}
+
 @media screen and (max-width:768px) {
 	.wrapfooter{
 		width: 100vw;
@@ -1185,7 +1194,13 @@ form#commentform p.form-submit input#submit {
 }
 @media screen and (min-width:768px) {
 	.wrapfooter{
-		flex-direction: row;
+		/*flex-direction: row;*/
+	}
+	.wrapfooter .col {
+		margin-right: 1rem;
+		width: auto;
+		padding:0;
+		margin-right: 2rem;
 	}
 	.wrapfooter .logo {
 		width:140px;
@@ -1193,33 +1208,25 @@ form#commentform p.form-submit input#submit {
 		padding:0;
 		}
 
-	.wrapfooter .org, .wrapfooter  .tels, .wrapfooter .inf,.wrapfooter  .legal,.wrapfooter  .credits {
-		/* width: calc((100% - 140px)/5); */
-		width: auto;
-		max-width: calc((100% - 140px)/4);
-		padding:0;
-	}
-
-	/* .wrapfooter .org {
-		width: calc((100% - 140px)/5);
-		padding:0;
+	.wrapfooter .org {
+	margin-right:4rem;
 	}
+	/*
 	.wrapfooter  .tels {
-		width: calc((100% - 140px)/5);
-		padding:0;
 	}
+	*/
+	/*
 	.wrapfooter .inf {
-		width: calc((100% - 140px)/5);
-		padding:0;
 	}
+	*/
+	/*
 	.wrapfooter  .legal {
-		width: calc((100% - 140px)/5);
-		padding:0;
 	}
+	*/
+	/*
 	.wrapfooter  .credits {
-		width: calc((100% - 140px)/5);
-		padding:0;
-	} */
+	}
+	 */
 }