footer not approved for 2022 restyle, had more space around

_not_used/footer2022.php

@@ -0,0 +1,76 @@
+<?php
+/**
+* The template for displaying the footer.
+*
+* Contains the closing of the id=main div and all content
+* after.  Calls sidebar-footer.php for bottom widgets.
+*
+* @package Hangar
+* @subpackage template
+* @since Twenty Ten 1.0
+*/
+?>
+</div><!-- #main -->
+
+</div><!-- #wrapper -->
+
+<div id="footer" role="contentinfo">
+	<main class="wrapfooter">
+
+		<div class="col logo">
+			<a href="<?php echo home_url( '/' ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"><img src="<?php echo get_template_directory_uri(). '/images/logogris.png'; ?>" width="105" height="40" alt="Hangar org" /></a>
+		</div>
+		<div class="col org">
+			<p>Fundació AAVC Hangar</p>
+			<p>Emilia Coranty 16</p>
+			<p>08018 Barcelona Espanya</p>
+			<p>CIF: G-63157655</p>
+		</div>
+		<div class="col tels">
+			<p>Tel.+34 93 308 4041</p>
+			<p>Fax +34 93 307 1211</p>
+			<p>info(at)hangar.org</p>
+		</div>
+		<div class="col inf">
+			<?php _e( '
+			  [:en]Office: <br/>Monday to Thursday from 10&nbsp;am to 2&nbsp;pm and from 4&nbsp;pm to 6&nbsp;pm. <br/>Friday from 10&nbsp;am to 2&nbsp;pm.[:]
+				[:es]Oficina: <br/>de lunes a jueves de 10 a 14&nbsp;h y de 16 a 18&nbsp;h. <br/>Viernes de 10 a 14&nbsp;h.[:]
+				[:ca]Oficina: <br/>dilluns a dijous de 10 a 14&nbsp;h i de 16 a 18&nbsp;h. <br/>Divendres de 10 a 14&nbsp;h.[:]
+				' ); ?>
+		</div>
+		<!-- <p class="col legal">
+		</p> -->
+		<div class="alignright credits">
+			<p><a href="<?php echo get_permalink(275); ?>"><?php _e( 'Legal advice', 'hangar' ); ?></a></p>
+			<p><a href="https://wordpress.org/">Powered by Wordpress</a></p>
+			<p><?php _e( 'Original Design:', 'hangar' ); ?> <a href="https://folchstudio.com/">Folch Studio</a></p>
+			<p><?php _e( 'Original Development:', 'hangar' ); ?> <a href="https://www.enfusion.es/">Enfusión</a></p>
+			<p><?php _e( 'Development and design:', 'hangar' ); ?> <a href="https://git.hangar.org/">Hangar</a></p>
+		</div>
+
+	</div><!-- .fwrapfooter -->
+</div><!-- #footer -->
+<script type="text/javascript">
+jQuery('#logoslider').cycle({
+	fx:    'scrollLeft',
+	delay: -1000
+});
+jQuery('#logoslider2').cycle({
+	fx:    'scrollLeft',
+	delay: -1000
+});
+jQuery('#logoslider3').cycle({
+	fx:    'scrollLeft',
+	delay: -1000
+});
+</script>
+<?php
+/* Always have wp_footer() just before the closing </body>
+* tag of your theme, or you will break many plugins, which
+* generally use this hook to reference JavaScript files.
+*/
+
+wp_footer();
+?>
+</body>
+</html>

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 {
+	.wrapfooter .org {
-		/* width: calc((100% - 140px)/5); */
+	margin-right:4rem;
-		width: auto;
-		max-width: calc((100% - 140px)/4);
-		padding:0;
-	}
-
-	/* .wrapfooter .org {
-		width: calc((100% - 140px)/5);
-		padding:0;
 	}
+	/*
 	.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;
+	 */
-	} */
 }