// NOTE: 'elementor-frontend' and 'elementor-animations' are added as dependencies for the main stylesheet to
// ensure that our stylesheet is always loaded afterwards, allowing us to override the default styles.
// On 404 pages, this wasn't happening.
- wp_enqueue_style('sage/main.css', asset_path('styles/main.css'), ['elementor-frontend', 'elementor-animations'], null);
+ wp_enqueue_style('sage/main.css', asset_path('styles/main.css'), ['elementor-frontend']);
wp_enqueue_script('sage/main.js', asset_path('scripts/main.js'), ['jquery'], null, true);
- wp_enqueue_script('sage/navigation.js', asset_path('scripts/navigation.js'), ['jquery'], null, true);
+ //wp_enqueue_script('sage/navigation.js', asset_path('scripts/navigation.js'), ['jquery'], false, null);
if (is_single() && comments_open() && get_option('thread_comments')) {
wp_enqueue_script('comment-reply');
import home from './routes/home';
import aboutUs from './routes/about';
+import './navigation'
+
/** Populate Router instance with DOM routes */
const routes = new Router({
// All pages
scrollDelta = 10,
scrollOffset = 500;
- $(window).on('scroll', function(){
-
+ $(window).on('scroll', function(e){
if( !scrolling ) {
scrolling = true;
mainHeader.addClass('scrolling');
previousTop = currentTop;
scrolling = false;
}
-});
\ No newline at end of file
+});
$section-vertical-padding = 7.5vw // Must be vw or % units
$max-bottom-padding = unit($section-vertical-padding / 100, '') * $content-max-width // Get the constrained padding amount
-.elementor-section-wrap > .elementor-section
+.elementor > .elementor-section
vertical-spacing($section-vertical-padding)
// Only apply extra padding if there is a shape divider on the section
constrain(margin-bottom, $vertical-gutter) // Set margin bottom to standard gutter
// Get rid of default 10px padding around elements
-.elementor-column-gap-default > .elementor-row > .elementor-column > .elementor-element-populated
- padding: 0
+.elementor-column-gap-default > .elementor-column > .elementor-element-populated
+ padding: 0 !important
.elementor-column-gap-wide > .elementor-row > .elementor-column > .elementor-element-populated
+below(450px)
polygon, path
fill: currentColor
+
+.elementor-widget-image-box .elementor-image-box-description {
+ font-size: 16px
+ max-width: 325px
+}
+$sidebar-width = 260px
+
#offcanvas-menu
background-color: #000
color: #fff
top: 0
height: 100%
z-index: 999999
- width: $offcanvas-menu-width
+ width: $sidebar-width
overflow-x: hidden
overflow-y: auto
&.right
left: auto
- right: - $offcanvas-menu-width
+ right: - $sidebar-width
&.left
- left: - $offcanvas-menu-width
+ left: - $sidebar-width
right: auto
.header-logo
// Otherwise the gap above the submenu looks a bit too big
margin-top: -0.25em
- ul
- a // Second level links
- padding-left: 40px
- color: #bbb
- font-weight: normal
- text-transform: none
- ul
- a
- padding-left: 70px
+ ul a // Second level links
+ padding-left: 40px
+ color: #bbb
+ font-weight: normal
+ text-transform: none
a
font-smoothing()
// padding-top: 65px
header.site
- position: relative
z-index: 10
min-width: 320px
font-size: 16px
+ position: fixed !important
+ top: 0
+ left: 0
+ width: 100%
+ transform: translateZ(0)
+ will-change: transform
+ transition: all .5s ease
// Disable the header when editing with Elementor so it
// doesn't block the home hero blcok section controls
// Hero block header overrides
.hero-header &, .home & // Also applied for home since .hero-header class seems to be added to body too late for Elementor editor
+ position: absolute
width: 100%
color: #fff
.inner
background-color: transparent
+ .menu-icon
+ fill: #fff
+
// Main logo
.header-logo
flex: 0 1 auto
padding-right: 50px // Ensure some breathing space between logo and burger menu icon
- transition: opacity 0.3s ease-out
&-svg
max-width: 84px
height: auto
- // When the menu is open, the logo doesn't move because it is fixed position
- // So we hide it...
- .offcanvas-menu-open &
- opacity: 0
- transition: none
-
- #offcanvas-menu &
- opacity: 1
-
.locales
flex: 0 1 auto
height: 0.6em // Needed for IE 11
overflow: hidden // Also needed for IE 11
+
path
stroke: currentColor
display: block
.menu-icon
- height: 52px
- width: 52px
- fill: currentColor
-
-header.site
- position: fixed
- top: 0
- left: 0
- width: 100%
- transform: translateZ(0)
- will-change: transform
- transition: all .5s ease
-
-header.site.is-hidden
- transform: translateY(-100%)
-
-header.site.scrolling
- background: white
- color: #000
- transition: all .5s ease
\ No newline at end of file
+ width: r(60px)
+ height: @width
text-align: center
border-radius: 4px
- +below($breakpoint-columns)
- border-radius: 0
-
// Make a circle within the square wrapper
.feature-block-circle &
+above($breakpoint-circles)