%PDF-
%PDF-
Mini Shell
Mini Shell
// Site Footer
#colophon {
color: $white;
font-weight: 500;
.phone {
-ms-grid-column: 2;
-ms-grid-column-span: 5;
grid-column: col-start 2 / span 5;
display: flex;
align-items: center;
justify-content: center;
padding: 20px 0;
@media (min-width: $breakpoint-lg) {
margin: 0;
justify-content: flex-start;
}
a {
color: inherit;
text-decoration: none;
}
}
.social-media {
-ms-grid-column: 7;
-ms-grid-column-span: 6;
grid-column: col-start 7 / span 6;
display: flex;
align-items: center;
justify-content: center;
margin: 20px 0;
@media (min-width: $breakpoint-lg) {
margin: 0;
justify-content: flex-end;
}
ul {
display: flex;
align-items: center;
list-style: none;
padding: 0;
margin: 0;
li {
margin: 0 10px;
a {
color: inherit;
color: rgba($white, 0.72);
text-decoration: none;
}
&.current-menu-item {
a {
color: inherit;
}
}
}
}
}
}
// Full Site Footer
.full-footer-wrap {
background-color: $black-alt;
color: white;
padding: 80px 0;
}
#full-footer {
.footer-logo {
-ms-grid-column: 1;
-ms-grid-column-span: 2;
grid-column: col-start / span 2;
display: flex;
align-items: center;
justify-content: center;
margin: 20px 0;
@media (min-width: $breakpoint-lg) {
justify-content: flex-start;
margin: 0;
}
svg {
fill: white;
transition: fill 0.7s;
}
}
.social-media {
-ms-grid-column: 3;
-ms-grid-column-span: 8;
grid-column: col-start 3 / span 8;
display: flex;
align-items: center;
justify-content: center;
margin: 20px 0;
@media (min-width: $breakpoint-lg) {
margin: 0;
justify-content: center;
}
ul {
display: flex;
align-items: center;
list-style: none;
padding: 0;
margin: 0;
li {
margin: 0 10px;
a {
color: inherit;
font-weight: 500;
color: rgba($white, 0.72);
text-decoration: none;
}
&.current-menu-item {
a {
color: inherit;
}
}
}
}
}
.phone {
-ms-grid-column: 11;
-ms-grid-column-span: 2;
grid-column: col-start 11 / span 2;
display: flex;
align-items: center;
justify-content: center;
margin: 20px 0;
@media (min-width: $breakpoint-lg) {
margin: 0;
justify-content: flex-end;
}
a {
color: inherit;
font-weight: 500;
text-decoration: none;
}
}
.copyright {
-ms-grid-column: 1;
-ms-grid-column-span: 12;
grid-column: col-start 1 / span 12;
display: flex;
align-items: center;
justify-content: center;
margin: 20px 0;
@media (min-width: $breakpoint-lg) {
margin-top: 40px;
}
}
}
#scrollDown {
position: absolute;
bottom: 27px;
left: 24px;
display: none;
font-weight: 500;
@media(min-width: $breakpoint-lg){
display: flex;
left: calc(50% - 960px/2);
}
@media(min-width: $breakpoint-xl){
left: calc(50% - 1170px/2);
}
@media(min-width: $breakpoint-xxl){
left: calc(50% - 1392px/2);
}
flex-direction: column;
color: $white;
animation: animateDown 4s infinite ease-in-out;
#scrollDownHint {
width: 2px;
height: 68px;
background: $white;
margin-right: 10px;
animation: animateScaleY 4s infinite ease-in-out;
transform-origin: top;
}
#scrollDownText {
transform: rotate(-90deg);
transform-origin: left;
}
}
body.page-template-full-width,
body.page-template-default,
body.post-template-default {
#colophon {
display: none;
}
}
body.page-template-full-width,
body.page-template-contact,
body.page-template-default {
#scrollDown {
display: none;
}
}
body.page-template-homepage,
body.page-template-about,
body.page-template-contact,
body.blog {
#colophon {
@media (min-width: $breakpoint-lg) {
position: absolute;
z-index: 100;
bottom: 0;
left: 0;
right: 0;
}
}
}
body.page-template-homepage {
@media (min-width: $breakpoint-lg) {
#colophon {
position: fixed;
}
}
}
body.page-template-homepage,
body.page-template-contact {
.full-footer-wrap {
display: none;
}
}
Zerion Mini Shell 1.0