.site-footer {
padding: 3rem 1rem;
}
@media screen and (min-width: 992px) {
.site-footer {
padding: 4rem 1rem;
}
}
@media screen and (min-width: 1280px) {
.site-footer {
padding: 6rem 1.5rem;
}
}
.option-email a {
color: var(--jaune);
font-size: 1rem;
padding: .4rem 1.2rem;
display: inline-block;
border: solid 1px var(--jaune);
margin-bottom: 1rem;
border-radius: 2rem;
}
.option-email a:hover, .option-email a:focus {
background: var(--jaune);
color: #FFFFFF;
}
.option-tel a {
color: var(--orange);
font-size: 1.3rem;
padding: .4rem 1.2rem;
display: inline-block;
border: solid 1px var(--orange);
margin-bottom: 1rem;
border-radius: 2rem;
}
.option-tel a:hover, .option-tel a:focus{
background: var(--orange);
color: #FFFFFF;
}
.option-address {
font-size: .85rem;
} .footer-menu {
margin-bottom: 2rem;
}
.footer-menu ul {
list-style: none;
margin-bottom: 1rem;
padding-left: 0;
margin-left: 0;
}
.footer-menu ul li a {
display: block;
padding: .5rem;
font-size: 1.1rem;
}
.footer-menu ul ul li a {
font-size: .85rem;
}
.footer-menu ul ul {
list-style: none;
display: block;
}
@media screen and (min-width: 992px) {
.footer-menu ul {
display: grid;
gap: 10px;
grid-template-columns: 33% 33% 33%;
}
.footer-menu ul ul {
flex-direction: column;
}
}
.footer-menu--main > ul > li:nth-child(1) > a {
color: var(--bleu);
font-weight: 700;
}
.footer-menu--main > ul > li:nth-child(2) > a {
color: var(--orange);
font-weight: 700;
}
.footer-menu--main > ul > li:nth-child(3) > a {
color: var(--jaune);
font-weight: 700;
}
.footer-menu--second > ul > li:nth-child(1) > a {
font-weight: 700;
}
.footer-menu--second > ul > li:nth-child(2) > a {
font-weight: 700;
} .footer-infos {
padding-top: 2rem;
padding-bottom: 2rem;
border-top: solid 1px var(--bleu-fonce);
border-bottom: 1px solid var(--bleu-fonce);
font-size: .9rem;
}
.footer-infos::before {
content: "";
display: inline-block;
margin-right: 1rem;
margin-bottom:0.5rem;
width: 58px;
height: 51px;
background: transparent url(//www.had-nantesetregion.fr/wp-content/themes/had/images/fnehad.png) no-repeat center / contain;
background-size: 100% auto;
}
.site-footer--legal {
font-size: .8rem;
flex-direction: column;
gap:0.5rem
}
.site-footer--legal .menu {
list-style: none;
padding: 0;
margin: 0;
}
.site-footer--legal .menu li{
position: relative;
}
.site-footer--legal .menu li a {
padding: 0 .5rem;
display: block;
}
.menu-icones{
position:fixed;
right:0; top:50%;
-webkit-transform: translateY(-50%); transform: translateY(-50%);
gap:0.5rem;
z-index: 19;
}
.menu-icones a{
width:75px; height: 70px;
position:relative;
right:-7px;
background-color: var(--bleu);
background-position: left 17px center;
background-repeat: no-repeat;
background-size:35px;
border-radius:0.75rem 0 0 0.75rem;
-webkit-transition: all 0.2s ease; transition: all 0.2s ease;
transform-origin: top right
}
.menu-icones a.email{
background-image: url(//www.had-nantesetregion.fr/wp-content/themes/had/images/mail-outline.svg);
}
.menu-icones a.tel{
background-image: url(//www.had-nantesetregion.fr/wp-content/themes/had/images/call-outline.svg);
background-color: var(--orange);
}
.menu-icones a.form{
background-image: url(//www.had-nantesetregion.fr/wp-content/themes/had/images/form-field.svg);
background-color: var(--jaune);
}
.menu-icones a:hover{
right:0
}
@media screen and (min-width: 992px) {
.site-footer--legal {
flex-direction: row;
-webkit-transform: translateY(50%); transform: translateY(50%);
}
.footer-copyright::after {
content: " | ";
} }
@media screen and (min-width: 1200px) {
}
@media screen and (min-width: 1440px) {
.option-email a {
font-size:1.3rem;
}
} #backTop {
position: fixed;
color: #000000;
z-index: 10;
bottom: 2rem;
right: 2rem;
font-size: 2.5rem;
cursor: pointer;
}