/*-------------------------------------------------------*/ /* Footer /*-------------------------------------------------------*/ .footer { background-color: #000000; ul { list-style: none; margin: 0; padding: 0; } &__widgets { padding: 100px 0 40px; } &__col { @include bp-lg-down { flex: 0 0 auto; width: 50%; } @include bp-md-down { flex-shrink: 0; width: 100%; max-width: 100%; } } &--top-border { border-top: 1px solid var(--deo-border-color); } } /* Footer Colors -------------------------------------------------------*/ .footer { .widget a { text-decoration: underline; color: #ffffff; } .widget a:hover, .widget a:focus { text-decoration: none; color: #ffffff; } .widget_nav_menu { font-size: 1rem; } .wp-block-latest-posts a { color: var(--wp--preset--color--tertiary); &:focus { color: var(--wp--preset--color--primary); } } select, .entry__meta-date, .wp-block-latest-posts__post-author, .wp-block-latest-posts__post-date { color: var(--wp--preset--color--tertiary); } .social svg { fill: #fff; } .calendar_wrap caption { background-color: transparent; } .widget_recent_comments, .rssSummary { color: var(--deo-text-color--light); } .social, .widget_rss li, .widget_recent_comments li, .widget_recent_entries li, .calendar_wrap caption, .calendar_wrap span, .calendar_wrap td, .calendar_wrap th, .widget_product_tag_cloud a, .widget_tag_cloud .tagcloud a, .widget_tag_cloud .wp-block-tag-cloud a { border-color: var(--deo-border-color--dark); } } /* Footer Widgets -------------------------------------------------------*/ .footer__widgets { .widget_categories li, .widget_pages li, .widget_archive li, .widget_meta li, .widget_nav_menu li { padding: 3px 0; &:first-child { padding-top: 0; } } .widget .sub-menu li:first-child, .widget .children li:first-child { padding-top: 0; } .wp-block-social-links { margin-left: -4px; } .wp-block-social-links .wp-social-link a { padding: 0; } } // Newsletter .footer__widgets .mc4wp-form-fields input[type="submit"] { color: #fff; } /* Footer Nav Menu -------------------------------------------------------*/ .footer__nav-menu { @include bp-md-up { text-align: right; } @include bp-md-down { margin-top: 10px !important; } li { display: inline-block; &::after { content: "|"; margin: 0 6px 0 10px; } &:last-child::after { display: none; } } } /* Bottom Footer -------------------------------------------------------*/ .footer__row { padding: 32px 0; border-top: 1px solid var(--deo-border-color--dark); } .footer__bottom { background-color: #000000; font-size: 0.875rem; color: var(--deo-text-color--light); a { color: inherit; &:hover, &:focus { text-decoration: underline; } } }