modified the footer styles so they resemble the 2021 design

This commit is contained in:
jorge 2022-10-19 09:43:37 +02:00
parent 008d72c0f7
commit 8b72a31c3d
1 changed files with 31 additions and 24 deletions

View File

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