height: 100%
font-size: $font-size-base // This value won't be converted to REMs due to exception in font-size() mixin
+below(600px)
- font-size: 14px
+ &:not([data-app=on])
+ font-size: 14px
*,
*::before,
margin: 0
padding: 0
min-width: 320px
+ [data-app=on] &
+ background-color: #f8fbff
a
color: $colors.light-blue
margin-bottom: 1.5em
//.wrap
- // max-width: $content-max-width
- // margin: 0 auto
+// max-width: $content-max-width
+// margin: 0 auto
.content-inner,
// Get rid of default 10px padding around elements
.elementor-column-gap-default>.elementor-column>.elementor-element-populated
- padding: 0
+ padding: 0 !important
// Common action link with SVG arrow in front
.arrow-link
// Logo is split into symbol + text so we can hide the symbol when reducing the header height
.logo
max-width: 235px
- padding: 0 10px 9px 4px
+ padding: 0 10px 0 4px
width: 70% // Only relevant when we reach smaller screens - leaves room for burger menu icon
transform: translateY(-3px) // Better vertical centring in compact mode
+ position: relative
+ left: -66px
- &-symbol
+ &-symbol,
+ .baseline
width: 0 // Hidden in default view
opacity: 0
transform: none
.nav-primary, .locales
- color: #1a73b0
+ color: #1a73b0
.logo
margin: 25px 10px 0
max-width: 369px
transform: none
+ position: relative
+ left: 0
- .logo-symbol
+ .logo-symbol,
+ .baseline
opacity: 1
+
+ .logo-symbol
width: 23.57%
<div class="footer-inner content-inner">
<div class="footer-col footer-info">
- @include('partials/logo')
+ @include('partials/logo-inogen')
@php(dynamic_sidebar('sidebar-footer-info'))
</div>
<header class="site">
<div class="inner">
- @include('partials/logo')
+ @include('partials/logo-full')
<div class="navigation">
{{-- First row navigation with CTA buttons + locale switcher --}}