diff --git a/.gitignore b/.gitignore index c7d9318..3def8c5 100644 --- a/.gitignore +++ b/.gitignore @@ -12,11 +12,6 @@ vendor package-lock.json composer.lock -# Ignore generated stylesheets -style.css -style.css.map -woocommerce.css - # Ignore editor files. .idea diff --git a/CHANGELOG.md b/CHANGELOG.md index 20e3217..36dac85 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1,5 +1,12 @@ # Genesis Starter Theme Changelog +## [3.3.3] - 2018-10-10 +* Add front page template and widget areas +* Add full width and landing page templates +* Add default hero image +* Add generated stylesheets to version control +* Update Sass file structure + ## [3.3.2] - 2018-10-05 * Add featured image display setting for single posts * Fix text domains in config diff --git a/README.md b/README.md index 00a30ba..10f2317 100644 --- a/README.md +++ b/README.md @@ -2,7 +2,7 @@ [![WordPress](https://img.shields.io/badge/wordpress-4.9.8%20tested-brightgreen.svg)]() [![License](https://img.shields.io/badge/license-GPL--3.0--or--later-blue.svg)](https://github.com/seothemes/genesis-starter-theme/blob/master/LICENSE.md) -This is a developer-friendly starter theme used for creating commercial child themes for the Genesis Framework. +A developer-friendly starter theme used for creating commercial child themes for the Genesis Framework. It uses Composer to pull in the [Core](https://github.com/seothemes/core) component library which provides the PHP logic for the theme's configuration, and it uses [Gulp WP Toolkit](https://github.com/craigsimps/gulp-wp-toolkit) to automate mundane build tasks like compiling SCSS and minifying images. @@ -126,7 +126,6 @@ your-theme-name/ # → Root directory ├── config/ # → Config directory │ └── config.php # → Theme settings ├── resources/ # → Front-end assets -│ ├── demo/ # → Theme demo files │ ├── fonts/ # → Theme fonts │ ├── img/ # → Theme images │ ├── js/ # → Theme JavaScript @@ -137,6 +136,7 @@ your-theme-name/ # → Root directory ├── vendor/ # → Composer packages ├── composer.json # → Composer settings ├── functions.php # → Composer autoloader +├── front-page.php # → Front page template ├── Gulpfile.js # → Gulp config ├── package.json # → Node dependencies ├── screenshot.png # → Theme screenshot diff --git a/config/defaults.php b/config/defaults.php index 79d44b7..fd54d2f 100644 --- a/config/defaults.php +++ b/config/defaults.php @@ -17,9 +17,11 @@ use SeoThemes\Core\Customizer; use SeoThemes\Core\GenesisSettings; use SeoThemes\Core\GoogleFonts; +use SeoThemes\Core\HeroSection; use SeoThemes\Core\Hooks; use SeoThemes\Core\ImageSizes; use SeoThemes\Core\PageLayouts; +use SeoThemes\Core\PageTemplate; use SeoThemes\Core\PluginActivation; use SeoThemes\Core\PostTypeSupport; use SeoThemes\Core\SimpleSocialIcons; @@ -69,6 +71,17 @@ AssetLoader::ENQUEUE => true, ], ], + AssetLoader::STYLES => [ + [ + AssetLoader::HANDLE => 'woocommerce', + AssetLoader::URL => AssetLoader::path( '/woocommerce.css' ), + AssetLoader::VERSION => wp_get_theme()->get( 'Version' ), + AssetLoader::ENQUEUE => true, + AssetLoader::CONDITIONAL => function () { + return class_exists( 'WooCommerce' ); + }, + ], + ], ]; $core_constants = [ @@ -192,19 +205,42 @@ ], ]; +$core_hero_section = [ + HeroSection::ENABLE => [ + HeroSection::PAGE => true, + HeroSection::POST => true, + HeroSection::PRODUCT => true, + HeroSection::PORTFOLIO_ITEM => true, + HeroSection::FRONT_PAGE => true, + HeroSection::ATTACHMENT => true, + HeroSection::ERROR_404 => true, + HeroSection::LANDING_PAGE => false, + HeroSection::BLOG_TEMPLATE => true, + HeroSection::SEARCH => true, + HeroSection::AUTHOR => true, + HeroSection::DATE => true, + HeroSection::LATEST_POSTS => true, + HeroSection::BLOG => true, + HeroSection::SHOP => true, + HeroSection::PORTFOLIO => true, + HeroSection::PORTFOLIO_TYPE => true, + HeroSection::PRODUCT_ARCHIVE => true, + HeroSection::CATEGORY => true, + HeroSection::TAG => true, + ], +]; + $core_hooks = [ Hooks::ADD => [ [ - Hooks::TAG => 'genesis_doctype', - Hooks::CALLBACK => function () { - ob_start(); - genesis_html5_doctype(); - $markup = ob_get_clean(); - echo str_replace( ' function () { - return is_admin_bar_showing(); - }, + Hooks::TAG => 'template_include', + Hooks::CALLBACK => function ( $template ) { + if ( ! is_front_page() || 'posts' === get_option( 'show_on_front' ) ) { + return $template; + } + + return get_stylesheet_directory() . '/resources/views/page-front.php'; + } ], [ Hooks::TAG => 'wp_enqueue_scripts', @@ -214,14 +250,26 @@ [ Hooks::TAG => 'body_class', Hooks::CALLBACK => function ( $classes ) { - if ( is_home() || is_search() || is_author() || is_date() || is_category() || is_tag() || is_page_template( 'page_blog.php' ) ) { - $classes[] = 'post-grid'; + if ( ! is_front_page() && is_home() || is_search() || is_author() || is_date() || is_category() || is_tag() || is_page_template( 'page_blog.php' ) ) { + $classes[] = 'is-archive'; + } + + if ( ! is_front_page() && ! is_page_template( 'page_blog.php' ) && ! is_post_type_archive() && is_singular() || is_404() ) { + $classes[] = 'is-singular'; + } + + if ( is_page_template( 'page-blog.php' ) ) { + $classes[] = 'blog'; + $classes = array_diff( $classes, [ 'page' ] ); + } + + if ( is_front_page() ) { + $classes[] = 'front-page'; } $classes[] = 'no-js'; return $classes; - }, ], [ @@ -316,6 +364,19 @@ add_editor_style( 'editor.css' ); }, ], + [ + Hooks::TAG => 'genesis_setup', + Hooks::CALLBACK => function () { + register_default_headers( [ + 'child' => [ + 'url' => '%2$s/resources/img/hero.jpg', + 'thumbnail_url' => '%2$s/resources/img/hero.jpg', + 'description' => __( 'Hero Image', 'corporate-pro' ), + ], + ] ); + }, + Hooks::PRIORITY => 20, + ], [ Hooks::TAG => 'genesis_entry_content', Hooks::CALLBACK => function () { @@ -339,6 +400,18 @@ Hooks::TAG => 'child_theme_before_footer_wrap', Hooks::CALLBACK => 'genesis_footer_widget_areas', ], + [ + Hooks::TAG => 'genesis_widget_column_classes', + Hooks::CALLBACK => function ( $column_classes ) { + $column_classes[] = 'one-fifth'; + $column_classes[] = 'two-fifths'; + $column_classes[] = 'three-fifths'; + $column_classes[] = 'four-fifths'; + $column_classes[] = 'full-width'; + + return $column_classes; + }, + ], ], Hooks::REMOVE => [ [ @@ -400,6 +473,13 @@ ], ]; +$core_page_templates = [ + PageTemplate::REGISTER => [ + '/resources/views/page-full.php' => 'Full Width', + '/resources/views/page-landing.php' => 'Landing Page', + ], +]; + $core_plugins = [ PluginActivation::REGISTER => [ [ @@ -468,15 +548,19 @@ ], ], 'custom-header' => [ - 'header-selector' => '.hero-section', - 'default_image' => get_stylesheet_directory_uri() . '/resources/img/hero.jpg', - 'header-text' => false, - 'width' => 1280, - 'height' => 720, - 'flex-height' => true, - 'flex-width' => true, - 'uploads' => true, - 'video' => true, + 'header-selector' => '.hero-section', + 'default_image' => get_stylesheet_directory_uri() . '/resources/img/hero.jpg', + 'header-text' => false, + 'width' => 1280, + 'height' => 720, + 'flex-height' => true, + 'flex-width' => true, + 'uploads' => true, + 'video' => true, + 'wp-head-callback' => [ + 'SeoThemes\Core\HeroSection', + 'custom_header', + ], ], 'genesis-accessibility' => [ '404-page', @@ -519,8 +603,45 @@ ]; $core_widget_areas = [ + WidgetArea::REGISTER => [ + [ + WidgetArea::ID => 'front-page-1', + WidgetArea::NAME => __( 'Front Page 1', 'genesis-starter-theme' ), + WidgetArea::DESCRIPTION => __( 'Front Page 1 widget area.', 'genesis-starter-theme' ), + WidgetArea::LOCATION => 'genesis_loop', + WidgetArea::BEFORE_TITLE => '

', + WidgetArea::AFTER_TITLE => '

', + WidgetArea::BEFORE => function () { + ob_start(); + the_custom_header_markup(); + $custom_header = ob_get_clean(); + + return '
' . $custom_header . '
'; + }, + WidgetArea::CONDITIONAL => function () { + return is_front_page(); + }, + ], + [ + WidgetArea::ID => 'front-page-2', + WidgetArea::NAME => __( 'Front Page 2', 'genesis-starter-theme' ), + WidgetArea::DESCRIPTION => __( 'Front Page 2 widget area.', 'genesis-starter-theme' ), + WidgetArea::LOCATION => 'genesis_loop', + WidgetArea::CONDITIONAL => function () { + return is_front_page(); + }, + ], + [ + WidgetArea::ID => 'front-page-3', + WidgetArea::NAME => __( 'Front Page 3', 'genesis-starter-theme' ), + WidgetArea::DESCRIPTION => __( 'Front Page 3 widget area.', 'genesis-starter-theme' ), + WidgetArea::LOCATION => 'genesis_loop', + WidgetArea::CONDITIONAL => function () { + return is_front_page(); + }, + ], + ], WidgetArea::UNREGISTER => [ - WidgetArea::HEADER_RIGHT, WidgetArea::SIDEBAR_ALT, ], ]; @@ -533,9 +654,11 @@ Example::class => $core_example, GenesisSettings::class => $core_genesis_settings, GoogleFonts::class => $core_google_fonts, + HeroSection::class => $core_hero_section, Hooks::class => $core_hooks, ImageSizes::class => $core_image_sizes, PageLayouts::class => $core_layouts, + PageTemplate::class => $core_page_templates, PluginActivation::class => $core_plugins, PostTypeSupport::class => $core_post_type_support, SimpleSocialIcons::class => $core_simple_social_icons, diff --git a/package.json b/package.json index a1339f4..891fca3 100755 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "genesis-starter-theme", - "version": "3.3.2", + "version": "3.3.3", "description": "Genesis starter theme with a modern development workflow.", "repository": { "type": "git", diff --git a/resources/img/hero.jpg b/resources/img/hero.jpg new file mode 100644 index 0000000..59a689a Binary files /dev/null and b/resources/img/hero.jpg differ diff --git a/resources/lang/genesis-starter-theme.pot b/resources/lang/genesis-starter-theme.pot index a96f011..92d5624 100644 --- a/resources/lang/genesis-starter-theme.pot +++ b/resources/lang/genesis-starter-theme.pot @@ -1,8 +1,8 @@ -# Copyright (C) 2018 Genesis Starter Theme 3.3.2 -# This file is distributed under the same license as the Genesis Starter Theme 3.3.2 package. +# Copyright (C) 2018 Genesis Starter Theme 3.3.3 +# This file is distributed under the same license as the Genesis Starter Theme 3.3.3 package. msgid "" msgstr "" -"Project-Id-Version: Genesis Starter Theme 3.3.2\n" +"Project-Id-Version: Genesis Starter Theme 3.3.3\n" "MIME-Version: 1.0\n" "Content-Type: text/plain; charset=UTF-8\n" "Content-Transfer-Encoding: 8bit\n" @@ -13,34 +13,58 @@ msgstr "" "X-Poedit-SourceCharset: UTF-8\n" "Plural-Forms: nplurals=2; plural=(n != 1);\n" -#: config/defaults.php:42 +#: config/defaults.php:44 msgid "Menu" msgstr "" -#: config/defaults.php:43 +#: config/defaults.php:45 msgid "Sub Menu" msgstr "" -#: config/defaults.php:90 +#: config/defaults.php:103 msgid "Single Posts" msgstr "" -#: config/defaults.php:98 +#: config/defaults.php:111 msgid "Display featured image?" msgstr "" -#: config/defaults.php:296 +#: config/defaults.php:344 msgid "Return to top" msgstr "" -#: config/defaults.php:389 +#: config/defaults.php:462 msgid "Center Content" msgstr "" -#: config/defaults.php:492 +#: config/defaults.php:576 msgid "Header Menu" msgstr "" -#: config/defaults.php:493 +#: config/defaults.php:577 msgid "After Header Menu" msgstr "" + +#: config/defaults.php:609 +msgid "Front Page 1" +msgstr "" + +#: config/defaults.php:610 +msgid "Front Page 1 widget area." +msgstr "" + +#: config/defaults.php:627 +msgid "Front Page 2" +msgstr "" + +#: config/defaults.php:628 +msgid "Front Page 2 widget area." +msgstr "" + +#: config/defaults.php:636 +msgid "Front Page 3" +msgstr "" + +#: config/defaults.php:637 +msgid "Front Page 3 widget area." +msgstr "" diff --git a/resources/scss/components/__index.scss b/resources/scss/components/__index.scss index 79ce5f3..78bb622 100644 --- a/resources/scss/components/__index.scss +++ b/resources/scss/components/__index.scss @@ -10,12 +10,19 @@ /// @link https://seothemes.com/themes/genesis-starter-theme //// +@import "wrap"; @import "title-area"; +@import "nav-primary"; +@import "nav-secondary"; @import "menu"; @import "sub-menu"; +@import "header-widget-area"; @import "custom-header"; +@import "hero-section"; @import "breadcrumb"; @import "archive-description"; +@import "content"; +@import "sidebar"; @import "author-box"; @import "avatar"; @import "entry"; @@ -26,3 +33,4 @@ @import "search-form"; @import "widget"; @import "footer-widget-area"; +@import "front-page"; diff --git a/resources/scss/objects/_content.scss b/resources/scss/components/_content.scss similarity index 82% rename from resources/scss/objects/_content.scss rename to resources/scss/components/_content.scss index f8eb66f..b812c66 100644 --- a/resources/scss/objects/_content.scss +++ b/resources/scss/components/_content.scss @@ -1,7 +1,7 @@ //// -/// Content layout. +/// Content component. /// -/// @group Layout +/// @group Components /// @author Lee Anthony /// @link https://github.com/seothemes/genesis-starter-theme //// @@ -38,4 +38,9 @@ } .full-width-content & {} + + .front-page &, + .page-template-page-full & { + margin: 0; + } } diff --git a/resources/scss/components/_custom-header.scss b/resources/scss/components/_custom-header.scss index 4963abe..e25044a 100644 --- a/resources/scss/components/_custom-header.scss +++ b/resources/scss/components/_custom-header.scss @@ -10,13 +10,26 @@ //// .wp-custom-header { + display: flex; + align-items: center; + justify-content: center; + + @include overlay; + @include position(absolute, 0 0 0 0); // Video play/pause button. - &-video-button {} + &-video-button { + } // Video play button. - &-video-play {} + &-video-play { + } // Video pause button. - &-video-pause {} + &-video-pause { + } + + img { + max-width: none; + } } diff --git a/resources/scss/components/_front-page.scss b/resources/scss/components/_front-page.scss new file mode 100644 index 0000000..e7211b2 --- /dev/null +++ b/resources/scss/components/_front-page.scss @@ -0,0 +1,27 @@ +//// +/// Front page component. +/// +/// @group Components +/// @author Lee Anthony +/// @link https://github.com/seothemes/genesis-starter-theme +//// + +.front-page-1 { + + @include hero-section; + + @include mq(m) { + height: 40rem; + } +} + +.front-page-2 { + border-bottom: $base--border; + + @extend %front-page-widget; +} + +.front-page-3 { + + @extend %front-page-widget; +} diff --git a/resources/scss/components/_gallery.scss b/resources/scss/components/_gallery.scss index e5ff053..7d937af 100644 --- a/resources/scss/components/_gallery.scss +++ b/resources/scss/components/_gallery.scss @@ -1,7 +1,7 @@ //// -/// Gallery layout. +/// Gallery component. /// -/// @group Layout +/// @group Components /// @author Lee Anthony /// @link https://github.com/seothemes/genesis-starter-theme //// diff --git a/resources/scss/components/_header-widget-area.scss b/resources/scss/components/_header-widget-area.scss new file mode 100644 index 0000000..155b4a4 --- /dev/null +++ b/resources/scss/components/_header-widget-area.scss @@ -0,0 +1,9 @@ +//// +/// Header right component. +/// +/// @group Components +/// @author Lee Anthony +/// @link https://github.com/seothemes/genesis-starter-theme +//// + +.header-widget-area {} diff --git a/resources/scss/components/_hero-section.scss b/resources/scss/components/_hero-section.scss new file mode 100644 index 0000000..8c17460 --- /dev/null +++ b/resources/scss/components/_hero-section.scss @@ -0,0 +1,41 @@ +//// +/// Hero section component. +/// +/// @group Components +/// @author Lee Anthony +/// @link https://github.com/seothemes/genesis-starter-theme +//// + +@mixin hero-section { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: center; + padding: $spacing--xl 0; + border-bottom: $base--border; + background-position: center; + background-size: cover; + text-align: center; + + @include overlay; + + .wrap { + justify-content: center; + position: relative; + } + + h1 { + width: 100%; + margin-bottom: 0; + } + + p { + margin-top: $spacing--m; + margin-bottom: 0; + } +} + +.hero-section { + + @include hero-section; +} diff --git a/resources/scss/components/_menu.scss b/resources/scss/components/_menu.scss index b1c05dd..2d3639d 100644 --- a/resources/scss/components/_menu.scss +++ b/resources/scss/components/_menu.scss @@ -17,6 +17,7 @@ display: flex; flex-wrap: wrap; justify-content: flex-end; + align-items: center; border: 0; } @@ -49,7 +50,7 @@ display: block; width: auto; margin: 0; - padding: $spacing--m $spacing--s; + padding: $spacing--m $spacing--s * $golden; &:last-of-type { padding-right: 0; @@ -59,6 +60,14 @@ padding-left: 0; } } + + &.button { + padding: 0; + + @include mq(m) { + margin-left: $spacing--m; + } + } } // Link @@ -87,8 +96,7 @@ display: none; } - &:hover, - &:focus { + @include hover-focus { background-color: transparent; } diff --git a/resources/scss/objects/_navigation.scss b/resources/scss/components/_nav-primary.scss similarity index 56% rename from resources/scss/objects/_navigation.scss rename to resources/scss/components/_nav-primary.scss index 71bd4d9..0bcc13b 100644 --- a/resources/scss/objects/_navigation.scss +++ b/resources/scss/components/_nav-primary.scss @@ -1,14 +1,11 @@ //// -/// Navigation layout. +/// Nav Primary component. /// -/// @group Layout +/// @group Components /// @author Lee Anthony /// @link https://github.com/seothemes/genesis-starter-theme //// -.genesis-nav-menu {} - -// Primary nav layout. .nav-primary { display: none; position: absolute; @@ -28,21 +25,3 @@ position: relative; } } - -// Secondary nav layout. -.nav-secondary { - - @include mq(m) { - border-top: $base--border; - } - - .menu { - - @include mq(m) { - justify-content: flex-start; - } - } -} - -// Footer nav layout. -.nav-footer {} diff --git a/resources/scss/components/_nav-secondary.scss b/resources/scss/components/_nav-secondary.scss new file mode 100644 index 0000000..13bfac8 --- /dev/null +++ b/resources/scss/components/_nav-secondary.scss @@ -0,0 +1,21 @@ +//// +/// Nav Secondary component. +/// +/// @group Components +/// @author Lee Anthony +/// @link https://github.com/seothemes/genesis-starter-theme +//// + +.nav-secondary { + + @include mq(m) { + border-top: $base--border; + } + + .menu { + + @include mq(m) { + justify-content: flex-start; + } + } +} diff --git a/resources/scss/objects/_sidebar.scss b/resources/scss/components/_sidebar.scss similarity index 88% rename from resources/scss/objects/_sidebar.scss rename to resources/scss/components/_sidebar.scss index e99efa3..f7bd7cb 100644 --- a/resources/scss/objects/_sidebar.scss +++ b/resources/scss/components/_sidebar.scss @@ -1,7 +1,7 @@ //// -/// Sidebar layout. +/// Sidebar component. /// -/// @group Layout +/// @group Components /// @author Lee Anthony /// @link https://github.com/seothemes/genesis-starter-theme //// diff --git a/resources/scss/components/_sub-menu.scss b/resources/scss/components/_sub-menu.scss index 480bc8a..4a19f1d 100644 --- a/resources/scss/components/_sub-menu.scss +++ b/resources/scss/components/_sub-menu.scss @@ -16,7 +16,7 @@ @include mq(m) { position: absolute; width: auto; - margin-left: -$spacing--s; + margin-left: -$spacing--m; border: $base--border; background-color: $color--white; } @@ -45,7 +45,11 @@ @include mq(m) { width: auto; - padding: $spacing--s; + padding: $spacing--s $spacing--m; + } + + &-has-children { + position: relative; } } @@ -75,8 +79,7 @@ display: none; } - &:hover, - &:focus { + @include hover-focus { background-color: transparent; } diff --git a/resources/scss/components/_title-area.scss b/resources/scss/components/_title-area.scss index 100c8e0..40339d8 100644 --- a/resources/scss/components/_title-area.scss +++ b/resources/scss/components/_title-area.scss @@ -30,8 +30,7 @@ a { color: $color--gray-80; - &:hover, - &:focus { + @include hover-focus { color: $color--primary; } } diff --git a/resources/scss/components/_widget.scss b/resources/scss/components/_widget.scss index f7b207f..b77a18f 100644 --- a/resources/scss/components/_widget.scss +++ b/resources/scss/components/_widget.scss @@ -13,7 +13,9 @@ &-wrap {} // Widget title. - &-title {} + &-title { + font-size: $font-size--h5; + } // Featured content widget. &.featured-content { diff --git a/resources/scss/objects/_wrap.scss b/resources/scss/components/_wrap.scss similarity index 89% rename from resources/scss/objects/_wrap.scss rename to resources/scss/components/_wrap.scss index 273f052..16cd228 100644 --- a/resources/scss/objects/_wrap.scss +++ b/resources/scss/components/_wrap.scss @@ -1,7 +1,7 @@ //// -/// Wrap layout. +/// Wrap component. /// -/// @group layout +/// @group Components /// @author Lee Anthony /// @link https://github.com/seothemes/genesis-starter-theme //// diff --git a/resources/scss/elements/_button.scss b/resources/scss/elements/_button.scss index 60489a6..330b24b 100644 --- a/resources/scss/elements/_button.scss +++ b/resources/scss/elements/_button.scss @@ -6,26 +6,26 @@ /// @link https://github.com/seothemes/genesis-starter-theme //// -#{$all-buttons}, -.button { +@mixin button { display: inline-block; width: auto; - margin: 0 0 $spacing--s; - padding: $spacing--m $spacing--l; + padding: $spacing--m * $major-second $spacing--l * $major-second; border: 0; border-radius: $base--border--radius; color: $color--white; - background-color: $color--gray-80; + background-color: $color--black; + font-size: $base--font-size / $major-second; font-weight: $font-weight--semibold; + line-height: 1; white-space: normal; text-decoration: none; cursor: pointer; - &:focus, - &:hover { + @include hover-focus { outline: none; color: $color--white; background-color: $color--primary; + text-decoration: none; } &:disabled { @@ -39,3 +39,8 @@ } } } + +#{$all-buttons} { + + @include button; +} diff --git a/resources/scss/elements/_form.scss b/resources/scss/elements/_form.scss index 2099c9d..5c8c411 100644 --- a/resources/scss/elements/_form.scss +++ b/resources/scss/elements/_form.scss @@ -82,9 +82,9 @@ legend { width: 100%; margin: 0 0 $spacing--s; padding: 0; - font-family: $font-family--heading; font-size: $font-size--h5; - font-weight: $font-weight--semibold; + + @include heading; + * { clear: both; diff --git a/resources/scss/elements/_heading.scss b/resources/scss/elements/_heading.scss index 5d0d0b5..b35f283 100644 --- a/resources/scss/elements/_heading.scss +++ b/resources/scss/elements/_heading.scss @@ -6,38 +6,21 @@ /// @link https://github.com/seothemes/genesis-starter-theme //// -h1, -h2, -h3, -h4, -h5, -h6 { +@mixin heading { margin: 0 0 $spacing--m; font-family: $font-family--heading; font-weight: $font-weight--semibold; line-height: $line-height--heading; } -h1 { - font-size: $font-size--h1; -} - -h2 { - font-size: $font-size--h2; -} +#{$all-headings} { -h3 { - font-size: $font-size--h3; + @include heading; } -h4 { - font-size: $font-size--h4; -} - -h5 { - font-size: $font-size--h5; -} +@each $heading, $font-size in $font-sizes { -h6 { - font-size: $font-size--h6; + #{$heading} { + font-size: $font-size; + } } diff --git a/resources/scss/elements/_table.scss b/resources/scss/elements/_table.scss index 1d6d90a..1761900 100644 --- a/resources/scss/elements/_table.scss +++ b/resources/scss/elements/_table.scss @@ -9,6 +9,7 @@ table { width: 100%; margin: $spacing--s 0; + border-radius: $base--border--radius; border-spacing: 0; border-collapse: collapse; word-break: break-all; diff --git a/resources/scss/elements/_typography.scss b/resources/scss/elements/_typography.scss index 38c5af5..534f972 100644 --- a/resources/scss/elements/_typography.scss +++ b/resources/scss/elements/_typography.scss @@ -15,14 +15,17 @@ body { font-size: $base--font-size; font-weight: $font-weight--regular; line-height: $base--line-height; + + @include mq(m) { + font-size: $base--font-size * strip-unit(map_get($font-sizes, h6)); + } } a { color: $color--primary; text-decoration: none; - &:focus, - &:hover { + @include hover-focus { color: $color--primary; text-decoration: underline; } @@ -72,7 +75,8 @@ code, kbd, samp { padding: 0.05em 0.5em; - background-color: $color--gray-10; + border-radius: $base--border--radius; + background-color: $color--gray-20; font-family: $font-family--code; font-size: 90%; } @@ -80,7 +84,8 @@ samp { pre { overflow-x: scroll; padding: $spacing--m; - background-color: $color--gray-10; + border-radius: $base--border--radius; + background-color: $color--gray-20; font-family: $font-family--code; code, diff --git a/resources/scss/generic/_box-sizing.scss b/resources/scss/generic/_box-sizing.scss index 347f92b..52b4085 100644 --- a/resources/scss/generic/_box-sizing.scss +++ b/resources/scss/generic/_box-sizing.scss @@ -1,7 +1,7 @@ //// /// Box Sizing. /// -/// @group Base +/// @group Generic /// @author Lee Anthony /// @link https://github.com/seothemes/genesis-starter-theme //// diff --git a/resources/scss/generic/_container.scss b/resources/scss/generic/_container.scss index 4665d23..4e107bd 100644 --- a/resources/scss/generic/_container.scss +++ b/resources/scss/generic/_container.scss @@ -1,7 +1,7 @@ //// /// Containers. /// -/// @group Base +/// @group Generic /// @author Lee Anthony /// @link https://github.com/seothemes/genesis-starter-theme //// diff --git a/resources/scss/generic/_normalize.scss b/resources/scss/generic/_normalize.scss index e1790a2..df3108d 100644 --- a/resources/scss/generic/_normalize.scss +++ b/resources/scss/generic/_normalize.scss @@ -1,7 +1,7 @@ //// /// Normalize. /// -/// @group Base +/// @group Generic /// @author Lee Anthony /// @link https://github.com/seothemes/genesis-starter-theme //// diff --git a/resources/scss/objects/__index.scss b/resources/scss/objects/__index.scss index 91c13fc..9a97c02 100644 --- a/resources/scss/objects/__index.scss +++ b/resources/scss/objects/__index.scss @@ -10,9 +10,7 @@ /// @link https://seothemes.com/themes/genesis-starter-theme //// -@import "header"; -@import "wrap"; -@import "navigation"; -@import "content"; -@import "sidebar"; -@import "footer"; +@import "site-container"; +@import "site-header"; +@import "site-inner"; +@import "site-footer"; diff --git a/resources/scss/objects/_site-container.scss b/resources/scss/objects/_site-container.scss new file mode 100644 index 0000000..3d97f48 --- /dev/null +++ b/resources/scss/objects/_site-container.scss @@ -0,0 +1,9 @@ +//// +/// Site container object. +/// +/// @group Objects +/// @author Lee Anthony +/// @link https://github.com/seothemes/genesis-starter-theme +//// + +.site-container {} diff --git a/resources/scss/objects/_footer.scss b/resources/scss/objects/_site-footer.scss similarity index 65% rename from resources/scss/objects/_footer.scss rename to resources/scss/objects/_site-footer.scss index 8d44c34..ee78f1d 100644 --- a/resources/scss/objects/_footer.scss +++ b/resources/scss/objects/_site-footer.scss @@ -1,7 +1,7 @@ //// -/// Footer layout. +/// Site footer object. /// -/// @group Layout +/// @group Objects /// @author Lee Anthony /// @link https://github.com/seothemes/genesis-starter-theme //// @@ -13,10 +13,15 @@ // Footer widgets layout. .footer-widgets { - padding: $spacing--m 0; + padding: $spacing--l 0; } // Footer credits layout. .footer-credits { - padding: $spacing--s 0; + padding: $spacing--l 0; + border-top: $base--border; + + p { + margin-bottom: 0; + } } diff --git a/resources/scss/objects/_header.scss b/resources/scss/objects/_site-header.scss similarity index 79% rename from resources/scss/objects/_header.scss rename to resources/scss/objects/_site-header.scss index f282c48..a07eb15 100644 --- a/resources/scss/objects/_header.scss +++ b/resources/scss/objects/_site-header.scss @@ -1,13 +1,14 @@ //// -/// Header layout. +/// Site header object. /// -/// @group Layout +/// @group Objects /// @author Lee Anthony /// @link https://github.com/seothemes/genesis-starter-theme //// .site-header { position: relative; + z-index: 1; border-bottom: $base--border; .wrap { @@ -21,6 +22,3 @@ } } } - -// Header widget area layout. -.header-widget-area {} diff --git a/resources/scss/objects/_site-inner.scss b/resources/scss/objects/_site-inner.scss new file mode 100644 index 0000000..80d4934 --- /dev/null +++ b/resources/scss/objects/_site-inner.scss @@ -0,0 +1,9 @@ +//// +/// Site inner object. +/// +/// @group Objects +/// @author Lee Anthony +/// @link https://github.com/seothemes/genesis-starter-theme +//// + +.site-inner {} diff --git a/resources/scss/settings/_colors.scss b/resources/scss/settings/_colors.scss index 8517b2a..78c3456 100644 --- a/resources/scss/settings/_colors.scss +++ b/resources/scss/settings/_colors.scss @@ -13,7 +13,7 @@ $color--success: #59b377; $color--warning: #ffee58; $color--error: #dc4649; $color--white: #fff; -$color--black: #121214; +$color--black: #141618; $colors: ( primary: $color--primary, diff --git a/resources/scss/settings/_typography.scss b/resources/scss/settings/_typography.scss index a509d16..567492f 100644 --- a/resources/scss/settings/_typography.scss +++ b/resources/scss/settings/_typography.scss @@ -16,13 +16,22 @@ $font-size--h4: modular-scale(2, $base--font-size, $minor-third); $font-size--h5: modular-scale(1, $base--font-size, $minor-third); $font-size--h6: modular-scale(0, $base--font-size, $minor-third); +//$font-sizes: ( +// h1: $font-size--h1, +// h2: $font-size--h2, +// h3: $font-size--h3, +// h4: $font-size--h4, +// h5: $font-size--h5, +// h6: $font-size--h6, +//) !default; + $font-sizes: ( - h1: $font-size--h1, - h2: $font-size--h2, - h3: $font-size--h3, - h4: $font-size--h4, - h5: $font-size--h5, - h6: $font-size--h6, + h1: 2.3em, + h2: 1.8em, + h3: 1.5em, + h4: 1.3em, + h5: 1.2em, + h6: 1.1em, ); // Font families @@ -32,6 +41,7 @@ $font-family--heading: $base--font-family; $font-family--code: $font-stack-consolas; // Font weights +$font-weight--extralight: 200; $font-weight--light: 300; $font-weight--regular: 400; $font-weight--medium: 500; diff --git a/resources/scss/tools/__index.scss b/resources/scss/tools/__index.scss index 1b4bf96..2d8fbe3 100644 --- a/resources/scss/tools/__index.scss +++ b/resources/scss/tools/__index.scss @@ -9,9 +9,9 @@ /// @link https://seothemes.com/themes/genesis-starter-theme //// +@import "../../../node_modules/gridkit/core/gridkit"; +@import "../../../node_modules/mqkit/mq"; @import "variables"; @import "functions"; @import "mixins"; @import "extends"; -@import "../../../node_modules/gridkit/core/gridkit"; -@import "../../../node_modules/mqkit/mq"; diff --git a/resources/scss/tools/_extends.scss b/resources/scss/tools/_extends.scss index 1e4c698..b6ad5fd 100644 --- a/resources/scss/tools/_extends.scss +++ b/resources/scss/tools/_extends.scss @@ -5,3 +5,12 @@ /// @author Lee Anthony /// @link https://github.com/seothemes/genesis-starter-theme //// + +// Front page widget. +%front-page-widget { + padding: $spacing--xl 0; + + @include mq(m) { + padding: $spacing--xl 0 $spacing--xl - $gutter; + } +} diff --git a/resources/scss/tools/_mixins.scss b/resources/scss/tools/_mixins.scss index 44a2dde..75f9032 100644 --- a/resources/scss/tools/_mixins.scss +++ b/resources/scss/tools/_mixins.scss @@ -36,3 +36,24 @@ @include _directional-property(border, null, $values); } + +//// +/// Overlay mixin +/// +/// @group Tools +/// @author Lee Anthony +/// @link https://github.com/seothemes/genesis-starter-theme +//// + +@mixin overlay { + overflow: hidden; + position: relative; + + &:before { + display: block; + background-color: rgba($color--gray-10, 0.82); + content: ""; + + @include position(absolute, 0 0 0 0); + } +} diff --git a/resources/scss/tools/_variables.scss b/resources/scss/tools/_variables.scss index 322d69a..a091553 100644 --- a/resources/scss/tools/_variables.scss +++ b/resources/scss/tools/_variables.scss @@ -17,6 +17,7 @@ //// $all-buttons: append($all-buttons, ".button"); +$all-buttons: append($all-buttons, ".button.menu-item a"); //// /// Headings map @@ -33,5 +34,4 @@ $all-headings: ( h4, h5, h6, - legend, ); diff --git a/resources/scss/vendor/woocommerce/_breadcrumb.scss b/resources/scss/vendor/woocommerce/_breadcrumb.scss index a225840..81c5b2e 100644 --- a/resources/scss/vendor/woocommerce/_breadcrumb.scss +++ b/resources/scss/vendor/woocommerce/_breadcrumb.scss @@ -10,8 +10,7 @@ a { text-decoration: none; - &:focus, - &:hover { + @include hover-focus { color: $color--primary; } } diff --git a/resources/scss/vendor/woocommerce/_forms.scss b/resources/scss/vendor/woocommerce/_forms.scss index ee8bea3..d394286 100644 --- a/resources/scss/vendor/woocommerce/_forms.scss +++ b/resources/scss/vendor/woocommerce/_forms.scss @@ -1,3 +1,5 @@ +@import "../../elements/button"; + .woocommerce { a.button, @@ -9,24 +11,8 @@ input.button[type="submit"], #respond input#submit, #respond input#submit.alt { - width: auto; - padding: 15px 20px; - border: 0; - border-radius: 0; - color: $color--white; - background-color: $color--gray-70; - font-size: 1.6rem; - font-weight: 600; - text-align: center; - white-space: normal; - text-decoration: none; - cursor: pointer; - - &:hover, - &:focus { - color: $color--white; - background-color: $color--primary; - } + + @include button; } #reviews #comment { diff --git a/resources/scss/vendor/woocommerce/_product-tabs.scss b/resources/scss/vendor/woocommerce/_product-tabs.scss index d4861af..69fb0c6 100644 --- a/resources/scss/vendor/woocommerce/_product-tabs.scss +++ b/resources/scss/vendor/woocommerce/_product-tabs.scss @@ -33,8 +33,7 @@ padding: 0.5em 1em; color: $color--gray-70; - &:focus, - &:hover { + @include hover-focus { color: $color--primary; } } diff --git a/resources/views/page-front.php b/resources/views/page-front.php new file mode 100644 index 0000000..0e818ae --- /dev/null +++ b/resources/views/page-front.php @@ -0,0 +1,43 @@ + + + + + + + + + + + + + + + + + + + + + + + Genesis Starter Theme + https://demo.seothemes.com/genesis-starter + Just another starter theme + Tue, 09 Oct 2018 10:17:07 +0000 + en-US + 1.2 + https://demo.seothemes.com/genesis-starter + https://demo.seothemes.com/genesis-starter + + 1 + 2 + + + 38 + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + 1 + + + + + + 39 + + + + + 40 + + + + + 41 + + + + + 42 + + + + + 43 + + + + + 44 + + + + + 45 + + + + + 46 + + + + + 47 + + + + + 48 + + + + + 49 + + + + + 50 + + + + + 51 + + + + + 52 + + + + + 53 + + + + + 54 + + + + + 55 + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + 22nav_menu + + 56nav_menu + + + https://wordpress.org/?v=4.9.8 + + + Where can I download the Genesis Simple FAQ plugin? + https://demo.seothemes.com/genesis-starter/gs_faq/faq-5/ + Sun, 19 Nov 2017 23:48:50 +0000 + + https://demo.seothemes.com/corporate-pro/?post_type=gs_faq&p=51 + + Click here to download.]]> + + 51 + + + + + + + 0 + 0 + + + 0 + + + + + + + + + + + + Where can I show the FAQ section on my website? + https://demo.seothemes.com/genesis-starter/gs_faq/faq-4/ + Sun, 19 Nov 2017 23:49:01 +0000 + + https://demo.seothemes.com/corporate-pro/?post_type=gs_faq&p=53 + + + + 53 + + + + + + + 0 + 0 + + + 0 + + + + + + + + + + + + Can I customize the design of my FAQ section? + https://demo.seothemes.com/genesis-starter/gs_faq/faq-3/ + Sun, 19 Nov 2017 23:49:14 +0000 + + https://demo.seothemes.com/corporate-pro/?post_type=gs_faq&p=55 + + + + 55 + + + + + + + 0 + 0 + + + 0 + + + + + + + + + + + + product-amp-1024-1024 + https://demo.seothemes.com/genesis-starter/product-amp-1024-1024/ + Sat, 29 Jul 2017 13:23:38 +0000 + + https://demo.seothemes.com/genesis-starter/wp-content/uploads/2017/07/product-amp-1024-1024.jpg + + + + 892 + + + + + + + 0 + 0 + + + 0 + + + + + + + + + + + + product-box-1024-1024 + https://demo.seothemes.com/genesis-starter/product-box-1024-1024/ + Sat, 29 Jul 2017 13:23:39 +0000 + + https://demo.seothemes.com/genesis-starter/wp-content/uploads/2017/07/product-box-1024-1024.jpg + + + + 893 + + + + + + + 0 + 0 + + + 0 + + + + + + + + + + + + product-camera-1024-1024 + https://demo.seothemes.com/genesis-starter/product-camera-1024-1024/ + Sat, 29 Jul 2017 13:23:39 +0000 + + https://demo.seothemes.com/genesis-starter/wp-content/uploads/2017/07/product-camera-1024-1024.jpg + + + + 894 + + + + + + + 0 + 0 + + + 0 + + + + + + + + + + + + product-clock-1024-1024 + https://demo.seothemes.com/genesis-starter/product-clock-1024-1024/ + Sat, 29 Jul 2017 13:23:40 +0000 + + https://demo.seothemes.com/genesis-starter/wp-content/uploads/2017/07/product-clock-1024-1024.jpg + + + + 895 + + + + + + + 0 + 0 + + + 0 + + + + + + + + + + + + product-fan-1024-1024 + https://demo.seothemes.com/genesis-starter/product-fan-1024-1024/ + Sat, 29 Jul 2017 13:23:41 +0000 + + https://demo.seothemes.com/genesis-starter/wp-content/uploads/2017/07/product-fan-1024-1024.jpg + + + + 896 + + + + + + + 0 + 0 + + + 0 + + + + + + + + + + + + product-mug-1024-1024 + https://demo.seothemes.com/genesis-starter/product-mug-1024-1024/ + Sat, 29 Jul 2017 13:23:41 +0000 + + https://demo.seothemes.com/genesis-starter/wp-content/uploads/2017/07/product-mug-1024-1024.jpg + + + + 897 + + + + + + + 0 + 0 + + + 0 + + + + + + + + + + + + product-phone-1024-1024 + https://demo.seothemes.com/genesis-starter/product-phone-1024-1024/ + Sat, 29 Jul 2017 13:23:42 +0000 + + https://demo.seothemes.com/genesis-starter/wp-content/uploads/2017/07/product-phone-1024-1024.jpg + + + + 898 + + + + + + + 0 + 0 + + + 0 + + + + + + + + + + + + product-stool-1024-1024 + https://demo.seothemes.com/genesis-starter/product-stool-1024-1024/ + Sat, 29 Jul 2017 13:23:42 +0000 + + https://demo.seothemes.com/genesis-starter/wp-content/uploads/2017/07/product-stool-1024-1024.jpg + + + + 899 + + + + + + + 0 + 0 + + + 0 + + + + + + + + + + + + cropped-logo-1.png + https://demo.seothemes.com/genesis-starter/cropped-logo-1-png/ + Sun, 30 Jul 2017 07:14:56 +0000 + + https://demo.seothemes.com/genesis-starter/wp-content/uploads/2017/07/cropped-logo-1.png + + + + 975 + + + + + + + 0 + 0 + + + 0 + + + + + + + + + + + + + + + + april-in-paris + https://demo.seothemes.com/genesis-starter/april-in-paris/ + Wed, 07 Feb 2018 14:56:51 +0000 + + https://demo.seothemes.com/genesis-starter/wp-content/uploads/2018/02/april-in-paris.jpg + + + + 1377 + + + + + + + 0 + 0 + + + 0 + + + + + + + + + + + + november-rain + https://demo.seothemes.com/genesis-starter/november-rain-2/ + Wed, 07 Feb 2018 14:56:52 +0000 + + https://demo.seothemes.com/genesis-starter/wp-content/uploads/2018/02/november-rain.jpg + + + + 1378 + + + + + + + 0 + 0 + + + 0 + + + + + + + + + + + + ode-to-my-family + https://demo.seothemes.com/genesis-starter/ode-to-my-family-2/ + Wed, 07 Feb 2018 14:56:53 +0000 + + https://demo.seothemes.com/genesis-starter/wp-content/uploads/2018/02/ode-to-my-family.jpg + + + + 1379 + + + + + + + 0 + 0 + + + 0 + + + + + + + + + + + + spirit-of-the-radio + https://demo.seothemes.com/genesis-starter/spirit-of-the-radio/ + Wed, 07 Feb 2018 14:56:55 +0000 + + https://demo.seothemes.com/genesis-starter/wp-content/uploads/2018/02/spirit-of-the-radio.jpg + + + + 1380 + + + + + + + 0 + 0 + + + 0 + + + + + + + + + + + + top-of-the-world + https://demo.seothemes.com/genesis-starter/top-of-the-world-2/ + Wed, 07 Feb 2018 14:56:56 +0000 + + https://demo.seothemes.com/genesis-starter/wp-content/uploads/2018/02/top-of-the-world.jpg + + + + 1381 + + + + + + + 0 + 0 + + + 0 + + + + + + + + + + + + uninvited + https://demo.seothemes.com/genesis-starter/uninvited-2/ + Wed, 07 Feb 2018 14:56:57 +0000 + + https://demo.seothemes.com/genesis-starter/wp-content/uploads/2018/02/uninvited.jpg + + + + 1382 + + + + + + + 0 + 0 + + + 0 + + + + + + + + + + + + genesis-sample-theme + https://demo.seothemes.com/genesis-starter/genesis-sample-theme/ + Fri, 09 Feb 2018 02:25:40 +0000 + + https://demo.seothemes.com/genesis-starter/wp-content/uploads/2018/02/genesis-sample-theme.jpg + + + + 1463 + + + + + + + 0 + 0 + + + 0 + + + + + + + + + + + + cropped-product-mug-1024-1024.jpg + https://demo.seothemes.com/genesis-starter/cropped-product-mug-1024-1024-jpg/ + Sat, 08 Sep 2018 05:09:49 +0000 + + https://demo.seothemes.com/genesis-starter/wp-content/uploads/2017/07/cropped-product-mug-1024-1024.jpg + + + + 1657 + + + + + + + 0 + 0 + + + 0 + + + + + + + + + + + + + + + + How does the Genesis Simple FAQ plugin work? + https://demo.seothemes.com/genesis-starter/gs_faq/faq-2/ + Sun, 19 Nov 2017 23:49:25 +0000 + + https://demo.seothemes.com/corporate-pro/?post_type=gs_faq&p=57 + + Click here for more documentation and usage of the Genesis Simple FAQ plugin.]]> + + 57 + + + + + + + 0 + 0 + + + 0 + + + + + + + + + + + + What is the Genesis Simple FAQ plugin? + https://demo.seothemes.com/genesis-starter/gs_faq/faq-1/ + Sun, 17 Dec 2017 03:26:59 +0000 + + https://demo.seothemes.com/corporate-pro/?post_type=gs_faq&p=1351 + + + + 1351 + + + + + + + 0 + 0 + + + 0 + + + + + + + + + + + Sample + https://demo.seothemes.com/genesis-starter/sample/ + Wed, 06 Jun 2018 10:42:28 +0000 + + https://demo.seothemes.com/genesis-starter/sample/ + + + + 1469 + + + + + + + 0 + 1 + + + 0 + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Layouts + https://demo.seothemes.com/genesis-starter/layouts/ + Wed, 06 Jun 2018 10:42:28 +0000 + + https://demo.seothemes.com/genesis-starter/layouts/ + + + + 1470 + + + + + + + 0 + 19 + + + 0 + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Facebook + https://demo.seothemes.com/genesis-starter/facebook/ + Wed, 06 Jun 2018 10:42:28 +0000 + + https://demo.seothemes.com/genesis-starter/facebook/ + + + + 1471 + + + + + + + 0 + 1 + + + 0 + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Instagram + https://demo.seothemes.com/genesis-starter/instagram/ + Wed, 06 Jun 2018 10:42:28 +0000 + + https://demo.seothemes.com/genesis-starter/instagram/ + + + + 1472 + + + + + + + 0 + 2 + + + 0 + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Twitter + https://demo.seothemes.com/genesis-starter/twitter/ + Wed, 06 Jun 2018 10:42:28 +0000 + + https://demo.seothemes.com/genesis-starter/twitter/ + + + + 1473 + + + + + + + 0 + 3 + + + 0 + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + LinkedIn + https://demo.seothemes.com/genesis-starter/linkedin/ + Wed, 06 Jun 2018 10:42:28 +0000 + + https://demo.seothemes.com/genesis-starter/linkedin/ + + + + 1474 + + + + + + + 0 + 4 + + + 0 + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Pinterest + https://demo.seothemes.com/genesis-starter/pinterest/ + Wed, 06 Jun 2018 10:42:28 +0000 + + https://demo.seothemes.com/genesis-starter/pinterest/ + + + + 1475 + + + + + + + 0 + 5 + + + 0 + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Category Page + https://demo.seothemes.com/genesis-starter/category-page/ + Wed, 06 Jun 2018 10:42:28 +0000 + + https://demo.seothemes.com/genesis-starter/category-page/ + + + + 1476 + + + + + + + 0 + 3 + + + 0 + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + https://demo.seothemes.com/genesis-starter/1482/ + Wed, 06 Jun 2018 10:42:29 +0000 + + https://demo.seothemes.com/genesis-starter/ + + + + 1482 + + + + + + + 1390 + 13 + + + 0 + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + https://demo.seothemes.com/genesis-starter/1510/ + Wed, 06 Jun 2018 10:42:29 +0000 + + https://demo.seothemes.com/genesis-starter/1510/ + + + + 1510 + + + + + + + 0 + 7 + + + 0 + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Blog Post + https://demo.seothemes.com/genesis-starter/blog-post/ + Wed, 06 Jun 2018 10:42:29 +0000 + + https://demo.seothemes.com/genesis-starter/blog-post/ + + + + 1512 + + + + + + + 0 + 2 + + + 0 + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + https://demo.seothemes.com/genesis-starter/1513/ + Wed, 06 Jun 2018 10:42:29 +0000 + + https://demo.seothemes.com/genesis-starter/1513/ + + + + 1513 + + + + + + + 1409 + 22 + + + 0 + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + https://demo.seothemes.com/genesis-starter/1514/ + Wed, 06 Jun 2018 10:42:29 +0000 + + https://demo.seothemes.com/genesis-starter/1514/ + + + + 1514 + + + + + + + 1409 + 21 + + + 0 + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + https://demo.seothemes.com/genesis-starter/1515/ + Wed, 06 Jun 2018 10:42:29 +0000 + + https://demo.seothemes.com/genesis-starter/1515/ + + + + 1515 + + + + + + + 1409 + 20 + + + 0 + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + https://demo.seothemes.com/genesis-starter/1516/ + Wed, 06 Jun 2018 10:42:29 +0000 + + https://demo.seothemes.com/genesis-starter/1516/ + + + + 1516 + + + + + + + 1565 + 5 + + + 0 + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + https://demo.seothemes.com/genesis-starter/1517/ + Wed, 06 Jun 2018 10:42:29 +0000 + + https://demo.seothemes.com/genesis-starter/1517/ + + + + 1517 + + + + + + + 1390 + 4 + + + 0 + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + https://demo.seothemes.com/genesis-starter/1525/ + Wed, 06 Jun 2018 10:57:07 +0000 + + https://demo.seothemes.com/genesis-starter/?p=1525 + + + + 1525 + + + + + + + 1521 + 27 + + + 0 + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + https://demo.seothemes.com/genesis-starter/?p=1714 + Mon, 30 Nov -0001 00:00:00 +0000 + + https://demo.seothemes.com/genesis-starter/?p=1714 + + + + 1714 + + + + + + + 1390 + 1 + + + 0 + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + https://demo.seothemes.com/genesis-starter/1526/ + Wed, 06 Jun 2018 10:57:07 +0000 + + https://demo.seothemes.com/genesis-starter/?p=1526 + + + + 1526 + + + + + + + 1521 + 28 + + + 0 + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Shopping Cart + https://demo.seothemes.com/genesis-starter/shopping-cart/ + Wed, 06 Jun 2018 10:57:07 +0000 + + https://demo.seothemes.com/genesis-starter/?p=1527 + + + + 1527 + + + + + + + 1521 + 26 + + + 0 + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + https://demo.seothemes.com/genesis-starter/1528/ + Wed, 06 Jun 2018 10:57:07 +0000 + + https://demo.seothemes.com/genesis-starter/?p=1528 + + + + 1528 + + + + + + + 0 + 24 + + + 0 + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Product + https://demo.seothemes.com/genesis-starter/product/ + Wed, 06 Jun 2018 10:57:07 +0000 + + https://demo.seothemes.com/genesis-starter/?p=1529 + + + + 1529 + + + + + + + 0 + 25 + + + 0 + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + https://demo.seothemes.com/genesis-starter/1536/ + Wed, 06 Jun 2018 11:11:51 +0000 + + https://demo.seothemes.com/genesis-starter/?p=1536 + + + + 1536 + + + + + + + 1390 + 10 + + + 0 + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Gutenberg + https://demo.seothemes.com/genesis-starter/gutenberg/ + Wed, 06 Jun 2018 11:11:51 +0000 + + https://demo.seothemes.com/genesis-starter/?p=1538 + + + + 1538 + + + + + + + 0 + 8 + + + 0 + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + https://demo.seothemes.com/genesis-starter/1553/ + Mon, 11 Jun 2018 14:30:09 +0000 + + https://demo.seothemes.com/genesis-starter/?p=1553 + + + + 1553 + + + + + + + 1390 + 12 + + + 0 + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + https://demo.seothemes.com/genesis-starter/1562/ + Wed, 13 Jun 2018 10:26:25 +0000 + + https://demo.seothemes.com/genesis-starter/?p=1562 + + + + 1562 + + + + + + + 1409 + 23 + + + 0 + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + https://demo.seothemes.com/genesis-starter/1578/ + Wed, 13 Jun 2018 10:55:25 +0000 + + https://demo.seothemes.com/genesis-starter/?p=1578 + + + + 1578 + + + + + + + 0 + 29 + + + 0 + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + https://demo.seothemes.com/genesis-starter/1579/ + Wed, 13 Jun 2018 10:55:25 +0000 + + https://demo.seothemes.com/genesis-starter/?p=1579 + + + + 1579 + + + + + + + 1565 + 34 + + + 0 + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + https://demo.seothemes.com/genesis-starter/1580/ + Wed, 13 Jun 2018 10:55:25 +0000 + + https://demo.seothemes.com/genesis-starter/?p=1580 + + + + 1580 + + + + + + + 1565 + 32 + + + 0 + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + https://demo.seothemes.com/genesis-starter/1582/ + Wed, 13 Jun 2018 10:55:25 +0000 + + https://demo.seothemes.com/genesis-starter/?p=1582 + + + + 1582 + + + + + + + 1565 + 30 + + + 0 + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + https://demo.seothemes.com/genesis-starter/1583/ + Wed, 13 Jun 2018 10:55:25 +0000 + + https://demo.seothemes.com/genesis-starter/?p=1583 + + + + 1583 + + + + + + + 1565 + 31 + + + 0 + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + https://demo.seothemes.com/genesis-starter/1584/ + Wed, 13 Jun 2018 10:56:34 +0000 + + https://demo.seothemes.com/genesis-starter/?p=1584 + + + + 1584 + + + + + + + 1565 + 33 + + + 0 + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + https://demo.seothemes.com/genesis-starter/1636/ + Sat, 08 Sep 2018 01:20:26 +0000 + + https://demo.seothemes.com/genesis-starter/?p=1636 + + + + 1636 + + + + + + + 1390 + 6 + + + 0 + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + https://demo.seothemes.com/genesis-starter/1649/ + Sat, 08 Sep 2018 03:14:41 +0000 + + https://demo.seothemes.com/genesis-starter/?p=1649 + + + + 1649 + + + + + + + 1390 + 9 + + + 0 + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Get Started + https://demo.seothemes.com/genesis-starter/get-started/ + Sat, 06 Oct 2018 11:43:01 +0000 + + https://demo.seothemes.com/genesis-starter/?p=1698 + + + + 1698 + + + + + + + 0 + 35 + + + 0 + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Disabled + https://demo.seothemes.com/genesis-starter/hero-section-disabled/ + Sun, 07 Oct 2018 03:33:34 +0000 + + https://demo.seothemes.com/genesis-starter/?p=1710 + + + + 1710 + + + + + + + 0 + 18 + + + 0 + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + No Image + https://demo.seothemes.com/genesis-starter/hero-section-no-image/ + Sun, 07 Oct 2018 03:33:34 +0000 + + https://demo.seothemes.com/genesis-starter/?p=1711 + + + + 1711 + + + + + + + 0 + 17 + + + 0 + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Default Image + https://demo.seothemes.com/genesis-starter/hero-section-default-image/ + Sun, 07 Oct 2018 03:33:34 +0000 + + https://demo.seothemes.com/genesis-starter/?p=1712 + + + + 1712 + + + + + + + 0 + 16 + + + 0 + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Features + https://demo.seothemes.com/genesis-starter/features/ + Wed, 07 Feb 2018 16:13:37 +0000 + + https://demo.studiopress.com/genesis-sample/?page_id=1390 + + Want to see what a blockquote looks like? + +
This is an example of a WordPress post, you could edit this to put information about your site so readers know where you are coming from. You can create as many posts as you like in order to share with your readers what is on your mind.
+ +Perhaps you'd like to see what an unordered list looks like? + +
    +
  • Unordered list item #1
    • +
  • Unordered list item #2
    • +
  • Unordered list item #3
    • +
+ +Or you'd prefer to see what an ordered list looks like? + +
    +
  1. Ordered list item #1
    2. +
  2. Ordered list item #2
    3. +
  3. Ordered list item #3
    4. +
+ +Care to see what the headings look like? + +

Headline 1

+

Headline 2

+

Headline 3

+

Headline 4

+
Headline 5
+
Headline 6
+ +How about the styling for threaded comments? + +WordPress has support for threaded comments. This is where you reply to a comment that was previously made, and makes reading comments easier. Take a look at the comments of this post and you will see.]]> + + 1390 + + + + + + + 0 + 0 + + + 0 + + + + + + + + + + + + + + + Landing Page + https://demo.seothemes.com/genesis-starter/templates/landing/ + Wed, 07 Feb 2018 16:24:54 +0000 + + https://demo.studiopress.com/genesis-sample/?page_id=1403 + + + +

Genesis is a creative agency based in Chicago. We developed the Genesis Framework and build mobile-optimized themes for WordPress.

+ +

Theme Features

+ +Here are six reasons you should purchase the Genesis Framework: + +1. Mobile responsive. Your website will look amazing on desktop and devices such as the iPad and iPhone. + +2. WooCommerce ready. Build a store to showcase your products with the most customizable platform online. + +3. Search optimized. Clean code and mobile-friendly is important for achieving the best rankings possible. + +4. Fast performance. Page load times can often be measured and discussed in a matter of milliseconds. + +5. Automatic updates. With just one click of a button, you can update the theme that powers your website + +6. Airtight security. We built the Genesis Framework to follow all WordPress security best practices. + +

Return to Previous Page

]]> + + 1403 + + + + + + + 1565 + 0 + + + 0 + + + + + + + + + + + + + + + + + + + + + + + Layouts + https://demo.seothemes.com/genesis-starter/layouts/ + Wed, 07 Feb 2018 16:26:59 +0000 + + https://demo.studiopress.com/genesis-sample/?page_id=1409 + + + + 1409 + + + + + + + 0 + 0 + + + 0 + + + + + + + + + + + + + + + + + + + Content / Sidebar + https://demo.seothemes.com/genesis-starter/layouts/content-sidebar/ + Wed, 07 Feb 2018 16:27:21 +0000 + + https://demo.studiopress.com/genesis-sample/?page_id=1411 + + There are only two places in the world where we can live happy: at home and in Paris. +— Ernest hemingway +This is an example of a WordPress post, you could edit this to put information about yourself so readers know where you are coming from. You can create as many posts as you like in order to share with them what is on your mind. This is an example of a WordPress post, you could edit this to put information about yourself so readers know where you are coming from. You can create as many posts as you like in order to share with them what is on your mind. +

This is a Sample Heading

+This is an example of a WordPress post, you could edit this to put information about yourself so readers know where you are coming from. You can create as many posts as you like in order to share with them what is on your mind. + +This is an example of a WordPress post, you could edit this to put information about yourself so readers know where you are coming from. You can create as many posts as you like in order to share with them what is on your mind. This is an example of a WordPress post, you could edit this to put information about yourself so readers know where you are coming from. You can create as many posts as you like in order to share with them what is on your mind. + +This is an example of a WordPress post, you could edit this to put information about yourself so readers know where you are coming from. You can create as many posts as you like in order to share with them what is on your mind.]]> + + 1411 + + + + + + + 1409 + 0 + + + 0 + + + + + + + + + + + + + + + + + + + + + + + Sidebar / Content + https://demo.seothemes.com/genesis-starter/layouts/sidebar-content/ + Wed, 07 Feb 2018 16:27:54 +0000 + + https://demo.studiopress.com/genesis-sample/?page_id=1413 + + There are only two places in the world where we can live happy: at home and in Paris. +— Ernest hemingway +This is an example of a WordPress post, you could edit this to put information about yourself so readers know where you are coming from. You can create as many posts as you like in order to share with them what is on your mind. This is an example of a WordPress post, you could edit this to put information about yourself so readers know where you are coming from. You can create as many posts as you like in order to share with them what is on your mind. +

This is a Sample Heading

+This is an example of a WordPress post, you could edit this to put information about yourself so readers know where you are coming from. You can create as many posts as you like in order to share with them what is on your mind. + +This is an example of a WordPress post, you could edit this to put information about yourself so readers know where you are coming from. You can create as many posts as you like in order to share with them what is on your mind. This is an example of a WordPress post, you could edit this to put information about yourself so readers know where you are coming from. You can create as many posts as you like in order to share with them what is on your mind. + +This is an example of a WordPress post, you could edit this to put information about yourself so readers know where you are coming from. You can create as many posts as you like in order to share with them what is on your mind.]]> + + 1413 + + + + + + + 1409 + 0 + + + 0 + + + + + + + + + + + + + + + + + + + + + + + Full-Width Content + https://demo.seothemes.com/genesis-starter/layouts/full-width-content/ + Wed, 07 Feb 2018 16:28:06 +0000 + + https://demo.studiopress.com/genesis-sample/?page_id=1415 + + There are only two places in the world where we can live happy: at home and in Paris. +— Ernest hemingway +This is an example of a WordPress post, you could edit this to put information about yourself so readers know where you are coming from. You can create as many posts as you like in order to share with them what is on your mind. This is an example of a WordPress post, you could edit this to put information about yourself so readers know where you are coming from. You can create as many posts as you like in order to share with them what is on your mind. +

This is a Sample Heading

+This is an example of a WordPress post, you could edit this to put information about yourself so readers know where you are coming from. You can create as many posts as you like in order to share with them what is on your mind. + +This is an example of a WordPress post, you could edit this to put information about yourself so readers know where you are coming from. You can create as many posts as you like in order to share with them what is on your mind. This is an example of a WordPress post, you could edit this to put information about yourself so readers know where you are coming from. You can create as many posts as you like in order to share with them what is on your mind. + +This is an example of a WordPress post, you could edit this to put information about yourself so readers know where you are coming from. You can create as many posts as you like in order to share with them what is on your mind.]]> + + 1415 + + + + + + + 1409 + 0 + + + 0 + + + + + + + + + + + + + + + + + + + + + + + FAQ Page + https://demo.seothemes.com/genesis-starter/features/faq/ + Thu, 15 Feb 2018 21:24:14 +0000 + + https://demo.studiopress.com/genesis-sample/?page_id=1481 + + [gs_faq]

]]> + + 1481 + + + + + + + 1390 + 0 + + + 0 + + + + + + + + + + + + + + + Contact Page + https://demo.seothemes.com/genesis-starter/templates/contact/ + Wed, 28 Feb 2018 13:06:51 +0000 + + https://demo.studiopress.com/genesis-sample/?page_id=1488 + + + + +
+ +
+ + + + +* This contact form is for example purposes only.]]> + + 1488 + + + + + + + 1565 + 0 + + + 0 + + + + + + + + + + + + + + + + + + + Columns Page + https://demo.seothemes.com/genesis-starter/features/columns/ + Thu, 08 Mar 2018 18:43:30 +0000 + + https://demo.studiopress.com/genesis-sample/?page_id=1504 + + Two-Columns +
+ +This is an example of a WordPress post, you could edit this to put information about yourself or your site so readers know where you are coming from. You can create as many posts as you like in order to share with your readers what exactly is on your mind. + +
+
+ +This is an example of a WordPress post, you could edit this to put information about yourself or your site so readers know where you are coming from. You can create as many posts as you like in order to share with your readers what exactly is on your mind. + +
+ +
+ +

Three-Columns

+
+ +This is an example of a WordPress post, you could edit this to put information about yourself or your site so readers know where you are coming from. You can create as many posts as you like in order to share with your readers what is on your mind. + +
+
+ +This is an example of a WordPress post, you could edit this to put information about yourself or your site so readers know where you are coming from. You can create as many posts as you like in order to share with your readers what is on your mind. + +
+
+ +This is an example of a WordPress post, you could edit this to put information about yourself or your site so readers know where you are coming from. You can create as many posts as you like in order to share with your readers what is on your mind. + +
+ +
+ +

Four-Columns

+
+ +This is an example of a WordPress post, you could edit this to put information about yourself or your site so readers know where you are coming from. You can create as many posts as you like in order to share with your readers what exactly is on your mind. + +
+
+ +This is an example of a WordPress post, you could edit this to put information about yourself or your site so readers know where you are coming from. You can create as many posts as you like in order to share with your readers what exactly is on your mind. + +
+
+ +This is an example of a WordPress post, you could edit this to put information about yourself or your site so readers know where you are coming from. You can create as many posts as you like in order to share with your readers what exactly is on your mind. + +
+
+ +This is an example of a WordPress post, you could edit this to put information about yourself or your site so readers know where you are coming from. You can create as many posts as you like in order to share with your readers what exactly is on your mind. + +
+ +
+ +

Six-Columns

+
+ +This is an example of a WordPress post, you could edit this to put information about yourself or your site so readers know where you are coming from. You can create as many posts as you like in order to share with your readers what is on your mind. + +
+
+ +This is an example of a WordPress post, you could edit this to put information about yourself or your site so readers know where you are coming from. You can create as many posts as you like in order to share with your readers what is on your mind. + +
+
+ +This is an example of a WordPress post, you could edit this to put information about yourself or your site so readers know where you are coming from. You can create as many posts as you like in order to share with your readers what is on your mind. + +
+
+ +This is an example of a WordPress post, you could edit this to put information about yourself or your site so readers know where you are coming from. You can create as many posts as you like in order to share with your readers what is on your mind. + +
+
+ +This is an example of a WordPress post, you could edit this to put information about yourself or your site so readers know where you are coming from. You can create as many posts as you like in order to share with your readers what is on your mind. + +
+
+ +This is an example of a WordPress post, you could edit this to put information about yourself or your site so readers know where you are coming from. You can create as many posts as you like in order to share with your readers what is on your mind. + +
]]> + + 1504 + + + + + + + 1390 + 0 + + + 0 + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Shop + https://demo.seothemes.com/genesis-starter/shop/ + Wed, 06 Jun 2018 10:55:34 +0000 + + https://demo.seothemes.com/genesis-starter/shop/ + + + + 1521 + + + + + + + 0 + 0 + + + 0 + + + Cart + https://demo.seothemes.com/genesis-starter/shop/cart/ + Wed, 06 Jun 2018 10:55:34 +0000 + + https://demo.seothemes.com/genesis-starter/cart/ + + + + 1522 + + + + + + + 1521 + 0 + + + 0 + + + Checkout + https://demo.seothemes.com/genesis-starter/shop/checkout/ + Wed, 06 Jun 2018 10:55:34 +0000 + + https://demo.seothemes.com/genesis-starter/checkout/ + + + + 1523 + + + + + + + 1521 + 0 + + + 0 + + + My account + https://demo.seothemes.com/genesis-starter/shop/my-account/ + Wed, 06 Jun 2018 10:55:34 +0000 + + https://demo.seothemes.com/genesis-starter/my-account/ + + + + 1524 + + + + + + + 1521 + 0 + + + 0 + + + Colored Content Boxes + https://demo.seothemes.com/genesis-starter/features/colored-content-boxes/ + Wed, 06 Jun 2018 11:10:35 +0000 + + https://demo.seothemes.com/genesis-starter/?page_id=1532 + + +

Below are examples of content boxes that can easily be made with the Gutenberg editor for WordPress that is expected to be merged into Core. The Gutenberg plugin is currently in development mode, so these are for demonstration purposes only at this point.

+ + + +

Colored Content Boxes

+ + + +

This is a sample paragraph text with a colored background. You can use this to feature content, highlight something important, or provide a call-to-action. Sample link.

+ + + +

This is a sample paragraph text with a colored background. You can use this to feature content, highlight something important, or provide a call-to-action. Sample link.

+ + + +

This is a sample paragraph text with a colored background. You can use this to feature content, highlight something important, or provide a call-to-action. Sample link.

+ + + +

This is a sample paragraph text with a colored background. You can use this to feature content, highlight something important, or provide a call-to-action. Sample link.

+]]> + + 1532 + + + + + + + 1390 + 0 + + + 0 + + + + + + + + + + + Gallery Page + https://demo.seothemes.com/genesis-starter/features/gallery-page/ + Mon, 11 Jun 2018 14:29:11 +0000 + + https://demo.seothemes.com/genesis-starter/?page_id=1550 + + + + 1550 + + + + + + + 1390 + 0 + + + 0 + + + + + + + + + + + + + + + + + + + Center Content + https://demo.seothemes.com/genesis-starter/layouts/center-content/ + Wed, 13 Jun 2018 10:26:15 +0000 + + https://demo.seothemes.com/genesis-starter/?page_id=1560 + + There are only two places in the world where we can live happy: at home and in Paris. +— Ernest hemingway +This is an example of a WordPress post, you could edit this to put information about yourself so readers know where you are coming from. You can create as many posts as you like in order to share with them what is on your mind. This is an example of a WordPress post, you could edit this to put information about yourself so readers know where you are coming from. You can create as many posts as you like in order to share with them what is on your mind. +

This is a Sample Heading

+This is an example of a WordPress post, you could edit this to put information about yourself so readers know where you are coming from. You can create as many posts as you like in order to share with them what is on your mind. + +This is an example of a WordPress post, you could edit this to put information about yourself so readers know where you are coming from. You can create as many posts as you like in order to share with them what is on your mind. This is an example of a WordPress post, you could edit this to put information about yourself so readers know where you are coming from. You can create as many posts as you like in order to share with them what is on your mind. + +This is an example of a WordPress post, you could edit this to put information about yourself so readers know where you are coming from. You can create as many posts as you like in order to share with them what is on your mind.]]> + + 1560 + + + + + + + 1409 + 0 + + + 0 + + + + + + + + + + + + + + + + + + + + + + + Templates + https://demo.seothemes.com/genesis-starter/templates/ + Wed, 13 Jun 2018 10:29:58 +0000 + + https://demo.seothemes.com/genesis-starter/?page_id=1565 + + + + 1565 + + + + + + + 0 + 0 + + + 0 + + + + + + + + + + + + + + + + + + + Featured Image + https://demo.seothemes.com/genesis-starter/hero-section-featured-image/ + Sun, 07 Oct 2018 03:33:34 +0000 + + https://demo.seothemes.com/genesis-starter/?p=1713 + + + + 1713 + + + + + + + 0 + 15 + + + 0 + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + https://demo.seothemes.com/genesis-starter/1715/ + Sun, 07 Oct 2018 03:33:34 +0000 + + https://demo.seothemes.com/genesis-starter/?p=1715 + + + + 1715 + + + + + + + 1390 + 11 + + + 0 + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Hero Section + https://demo.seothemes.com/genesis-starter/hero-section/ + Sun, 07 Oct 2018 03:35:40 +0000 + + https://demo.seothemes.com/genesis-starter/?p=1716 + + + + 1716 + + + + + + + 0 + 14 + + + 0 + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + November Rain - Guns N’ Roses + https://demo.seothemes.com/genesis-starter/november-rain/ + Thu, 01 Feb 2018 01:54:48 +0000 + + http://demo.studiopress.com/genesis/?p=11 + + + +

Photo by Jon Moraes on Unsplash

+ +This is an example of a WordPress post, you could edit this to put information about yourself so readers know where you are coming from. You can create as many posts as you like in order to share with them what is on your mind. + + + +
I know it’s hard to keep an open heart, when even friends seem out to harm you. +— Axl Rose
+ +This is an example of a WordPress post, you could edit this to put information about yourself so readers know where you are coming from. You can create as many posts as you like in order to share with them what is on your mind. This is an example of a WordPress post, you could edit this to put information about yourself so readers know where you are coming from. You can create as many posts as you like in order to share with them what is on your mind. + +

This is a Sample Heading

+ +This is an example of a WordPress post, you could edit this to put information about yourself so readers know where you are coming from. You can create as many posts as you like in order to share with them what is on your mind. + +This is an example of a WordPress post, you could edit this to put information about yourself so readers know where you are coming from. You can create as many posts as you like in order to share with them what is on your mind. This is an example of a WordPress post, you could edit this to put information about yourself so readers know where you are coming from. You can create as many posts as you like in order to share with them what is on your mind. + +This is an example of a WordPress post, you could edit this to put information about yourself so readers know where you are coming from. You can create as many posts as you like in order to share with them what is on your mind. ]]> + + 494 + + + + + + + 0 + 0 + + + 0 + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Ode to My Family - The Cranberries + https://demo.seothemes.com/genesis-starter/ode-to-my-family/ + Thu, 01 Feb 2018 01:52:21 +0000 + + http://demo.studiopress.com/genesis/?p=13 + + + +

Photo by Sarah Dorweiler on Unsplash

+ +This is an example of a WordPress post, you could edit this to put information about yourself so readers know where you are coming from. You can create as many posts as you like in order to share with them what is on your mind. + + + +
Unhappiness, where’s when I was young and we didn’t give a damn. +— Dolores O’Riordan
+ +This is an example of a WordPress post, you could edit this to put information about yourself so readers know where you are coming from. You can create as many posts as you like in order to share with them what is on your mind. This is an example of a WordPress post, you could edit this to put information about yourself so readers know where you are coming from. You can create as many posts as you like in order to share with them what is on your mind. + +

This is a Sample Heading

+ +This is an example of a WordPress post, you could edit this to put information about yourself so readers know where you are coming from. You can create as many posts as you like in order to share with them what is on your mind. + +This is an example of a WordPress post, you could edit this to put information about yourself so readers know where you are coming from. You can create as many posts as you like in order to share with them what is on your mind. This is an example of a WordPress post, you could edit this to put information about yourself so readers know where you are coming from. You can create as many posts as you like in order to share with them what is on your mind. + +This is an example of a WordPress post, you could edit this to put information about yourself so readers know where you are coming from. You can create as many posts as you like in order to share with them what is on your mind. ]]> + + 495 + + + + + + + 0 + 0 + + + 0 + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Top of the World - Van Halen + https://demo.seothemes.com/genesis-starter/top-of-the-world/ + Thu, 01 Feb 2018 01:54:30 +0000 + + http://demo.studiopress.com/genesis/?p=16 + + + +

Photo by Dino Reichmuth on Unsplash

+ +This is an example of a WordPress post, you could edit this to put information about yourself so readers know where you are coming from. You can create as many posts as you like in order to share with them what is on your mind. + + + +
I know you believe in me, that’s all I ever need. No no, nothin’s gonna stop it. +— Sammy Hagar
+ +This is an example of a WordPress post, you could edit this to put information about yourself so readers know where you are coming from. You can create as many posts as you like in order to share with them what is on your mind. This is an example of a WordPress post, you could edit this to put information about yourself so readers know where you are coming from. You can create as many posts as you like in order to share with them what is on your mind. + +

This is a Sample Heading

+ +This is an example of a WordPress post, you could edit this to put information about yourself so readers know where you are coming from. You can create as many posts as you like in order to share with them what is on your mind. + +This is an example of a WordPress post, you could edit this to put information about yourself so readers know where you are coming from. You can create as many posts as you like in order to share with them what is on your mind. This is an example of a WordPress post, you could edit this to put information about yourself so readers know where you are coming from. You can create as many posts as you like in order to share with them what is on your mind. + +This is an example of a WordPress post, you could edit this to put information about yourself so readers know where you are coming from. You can create as many posts as you like in order to share with them what is on your mind. ]]> + + 496 + + + + + + + 0 + 0 + + + 0 + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Uninvited - Alanis Morisette + https://demo.seothemes.com/genesis-starter/uninvited/ + Thu, 01 Feb 2018 01:55:02 +0000 + + http://localhost:8888/?p=1376 + + + +

Photo by Haley Powers on Unsplash

+ +This is an example of a WordPress post, you could edit this to put information about yourself so readers know where you are coming from. You can create as many posts as you like in order to share with them what is on your mind. + + + +
I know it’s hard to keep an open heart, when even friends seem out to harm you. +— Axl Rose
+ +This is an example of a WordPress post, you could edit this to put information about yourself so readers know where you are coming from. You can create as many posts as you like in order to share with them what is on your mind. This is an example of a WordPress post, you could edit this to put information about yourself so readers know where you are coming from. You can create as many posts as you like in order to share with them what is on your mind. + +

This is a Sample Heading

+ +This is an example of a WordPress post, you could edit this to put information about yourself so readers know where you are coming from. You can create as many posts as you like in order to share with them what is on your mind. + +This is an example of a WordPress post, you could edit this to put information about yourself so readers know where you are coming from. You can create as many posts as you like in order to share with them what is on your mind. This is an example of a WordPress post, you could edit this to put information about yourself so readers know where you are coming from. You can create as many posts as you like in order to share with them what is on your mind. + +This is an example of a WordPress post, you could edit this to put information about yourself so readers know where you are coming from. You can create as many posts as you like in order to share with them what is on your mind. ]]> + + 1376 + + + + + + + 0 + 0 + + + 0 + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Blog Template + https://demo.seothemes.com/genesis-starter/templates/blog-template/ + Wed, 13 Jun 2018 10:30:45 +0000 + + https://demo.seothemes.com/genesis-starter/?page_id=1567 + + + + 1567 + + + + + + + 1565 + 0 + + + 0 + + + + + + + + + + + + + + + + + + + Boxed + https://demo.seothemes.com/genesis-starter/templates/boxed/ + Wed, 13 Jun 2018 10:30:59 +0000 + + https://demo.seothemes.com/genesis-starter/?page_id=1570 + + There are only two places in the world where we can live happy: at home and in Paris. +— Ernest hemingway +This is an example of a WordPress post, you could edit this to put information about yourself so readers know where you are coming from. You can create as many posts as you like in order to share with them what is on your mind. This is an example of a WordPress post, you could edit this to put information about yourself so readers know where you are coming from. You can create as many posts as you like in order to share with them what is on your mind. +

This is a Sample Heading

+This is an example of a WordPress post, you could edit this to put information about yourself so readers know where you are coming from. You can create as many posts as you like in order to share with them what is on your mind. + +This is an example of a WordPress post, you could edit this to put information about yourself so readers know where you are coming from. You can create as many posts as you like in order to share with them what is on your mind. This is an example of a WordPress post, you could edit this to put information about yourself so readers know where you are coming from. You can create as many posts as you like in order to share with them what is on your mind. + +This is an example of a WordPress post, you could edit this to put information about yourself so readers know where you are coming from. You can create as many posts as you like in order to share with them what is on your mind.]]> + + 1570 + + + + + + + 1565 + 0 + + + 0 + + + + + + + + + + + + + + + + + + + + + + + Full Width + https://demo.seothemes.com/genesis-starter/templates/full-width/ + Wed, 13 Jun 2018 10:31:19 +0000 + + https://demo.seothemes.com/genesis-starter/?page_id=1572 + + Full width page template +This is an example of a WordPress post, you could edit this to put information about yourself so readers know where you are coming from. You can create as many posts as you like in order to share with them what is on your mind. +
There are only two places in the world where we can live happy: at home and in Paris. +— Ernest hemingway
+This is an example of a WordPress post, you could edit this to put information about yourself so readers know where you are coming from. You can create as many posts as you like in order to share with them what is on your mind. This is an example of a WordPress post, you could edit this to put information about yourself so readers know where you are coming from. You can create as many posts as you like in order to share with them what is on your mind. +

This is a Sample Heading

+This is an example of a WordPress post, you could edit this to put information about yourself so readers know where you are coming from. You can create as many posts as you like in order to share with them what is on your mind. + +This is an example of a WordPress post, you could edit this to put information about yourself so readers know where you are coming from. You can create as many posts as you like in order to share with them what is on your mind. This is an example of a WordPress post, you could edit this to put information about yourself so readers know where you are coming from. You can create as many posts as you like in order to share with them what is on your mind. + +This is an example of a WordPress post, you could edit this to put information about yourself so readers know where you are coming from. You can create as many posts as you like in order to share with them what is on your mind.]]> + + 1572 + + + + + + + 1565 + 0 + + + 0 + + + + + + + + + + + + + + + + + + + Sitemap + https://demo.seothemes.com/genesis-starter/templates/sitemap/ + Wed, 13 Jun 2018 10:31:31 +0000 + + https://demo.seothemes.com/genesis-starter/?page_id=1574 + + + + 1574 + + + + + + + 1565 + 0 + + + 0 + + + + + + + + + + + + + + + + + + + Home + https://demo.seothemes.com/genesis-starter/ + Wed, 15 Aug 2018 10:57:02 +0000 + + https://demo.seothemes.com/genesis-starter/?page_id=1615 + + + + 1615 + + + + + + + 0 + 0 + + + 0 + + + + + + + + + + + + + + + + + + + + + + + Style Test + https://demo.seothemes.com/genesis-starter/features/style-test/ + Sat, 08 Sep 2018 01:20:15 +0000 + + https://demo.seothemes.com/genesis-starter/?page_id=1634 + + + +

Heading 1

+

Heading 2

+

Heading 3

+

Heading 4

+
Heading 5
+
Heading 6
+ +
+ +Lorem ipsum dolor sit amet, test link adipiscing elit. This is strong. Nullam dignissim convallis est. Quisque aliquam. This is emphasized. Donec faucibus. Nunc iaculis suscipit dui. 53 = 125. Water is H2O. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. The New York Times (That’s a citation). Underline. Maecenas ornare tortor. Donec sed tellus eget sapien fringilla nonummy. Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue quis tellus. + +HTML and CSS are our tools. Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue quis tellus. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus. To copy a file type COPY filename. Dinner’s at 5:00. Let’s make that 7. This texthas been struck. + +
+ +

Media

+Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore. +

Big Image

+Test Image + +Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. +

Small Image

+Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore. + +Small Test Image + +Labore et dolore. + +
+ +

List Types

+

Definition List

+
+
Definition List Title
+
This is a definition list division.
+
Definition
+
An exact statement or description of the nature, scope, or meaning of something: our definition of what constitutes poetry.
+
+

Ordered List

+
    +
  1. List Item 1
    2. +
  2. List Item 2
    3. +
  3. Nested list item A
    4. +
  4. Nested list item B
    5. +
  5. List Item 3
    6. +
+

Unordered List

+
    +
  • List Item 1
    • +
  • List Item 2
    • +
  • Nested list item A
    • +
  • Nested list item B
    • +
  • List Item 3
    • +
+ +
+ +

Table

+ + + + + + + + + + + + + + + + + + + + + + + +
TABLE HEADER 1TABLE HEADER 2TABLE HEADER 3
Division 1Division 2Division 3
Division 1Division 2Division 3
Division 1Division 2Division 3
+ +
+ +

Preformatted Text

+Typographically, preformatted text is not the same thing as code. Sometimes, a faithful execution of the text requires preformatted text that may not have anything to do with code. Most browsers use Courier and that’s a good default — with one slight adjustment, Courier 10 Pitch over regular Courier for Linux users. +

Code

+Code can be presented inline, like <?php bloginfo('stylesheet_url'); ?>, or within a <pre> block. Because we have more specific typographic needs for code, we’ll specify Consolas and Monaco ahead of the browser-defined monospace font. +
#container {
+    float: left;
+    margin: 0 -240px 0 0;
+    width: 100%;
+}
+
+ +
+ +

Blockquotes

+Let’s keep it simple. Italics are good to help set it off from the body text. Be sure to style the citation. +
Good afternoon, gentlemen. I am a HAL 9000 computer. I became operational at the H.A.L. plant in Urbana, Illinois on the 12th of January 1992. My instructor was Mr. Langley, and he taught me to sing a song. If you’d like to hear it I can sing it for you. — HAL 9000
+And here’s a bit of trailing text. + +
+ +

Text-level semantics

+The a element example +The abbr element and abbr element with title examples +The b element example +The cite element example +The code element example +The del element example +The dfn element and dfn element with title examples +The em element example +The i element example +The ins element example +The kbd element example +The mark element example +The q element inside a q element example +The s element example +The samp element example +The small element example +The span element example +The strong element example +The sub element example +The sup element example +The var element example +The u element example + +
+ +

Forms

+
+
+Inputs as descendents of labels (form legend) +
+
Clickable inputs and buttons      
+
box-sizing tests +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ +
+ +

Embeds

+Sometimes all you want to do is embed a little love from another location and set your post alive. +

Video

+Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. +
+
+
+Culpa qui officia deserunt mollit anim id est laborum. +

Slides

+Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. +
+Culpa qui officia deserunt mollit anim id est laborum. +

Audio

+Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. + + + +Culpa qui officia deserunt mollit anim id est laborum. +

Code

+Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt. +
+Isn't it beautiful.]]> + + 1634 + + + + + + + 1390 + 0 + + + 0 + + + + + + + + + + + + + + + + + + + All Columns + https://demo.seothemes.com/genesis-starter/features/all-columns/ + Sat, 08 Sep 2018 01:48:48 +0000 + + https://demo.seothemes.com/genesis-starter/?page_id=1637 + + five sixths
+
one sixth
+ +
three fourths
+
one fourth
+ +
two thirds
+
one third
+ +
two thirds
+
one sixth
+
one sixth
+ +
one half
+
one half
+ +
one half
+
one fourth
+
one fourth
+ +
one third
+
two thirds
+ +
one third
+
one third
+
one third
+ +
one third
+
one third
+
one sixth
+
one sixth
+ +
one third
+
one sixth
+
one third
+
one sixth
+ +
one third
+
one sixth
+
one sixth
+
one third
+ +
one third
+
one sixth
+
one sixth
+
one sixth
+
one sixth
+ +
one fourth
+
three fourths
+ +
one fourth
+
one half
+
one fourth
+ +
one fourth
+
one fourth
+
one half
+ +
one fourth
+
one fourth
+
one fourth
+
one fourth
+ +
one sixth
+
five sixths
+ +
one sixth
+
four sixths
+
one sixth
+ +
one sixth
+
three sixths
+
two sixths
+ +
one sixth
+
three sixths
+
one sixth
+
one sixth
+ +
one sixth
+
two sixths
+
three sixths
+ +
one sixth
+
two sixths
+
two sixths
+
one sixth
+ +
one sixth
+
two sixths
+
one sixth
+
two sixths
+ +
one sixth
+
two sixths
+
one sixth
+
one sixth
+
one sixth
+ +
one sixth
+
one sixth
+
four sixths
+ +
one sixth
+
one sixth
+
three sixths
+
one sixth
+ +
one sixth
+
one sixth
+
two sixths
+
two sixths
+ +
one sixth
+
one sixth
+
two sixths
+
one sixth
+
one sixth
+ +
one sixth
+
one sixth
+
one sixth
+
three sixths
+ +
one sixth
+
one sixth
+
one sixth
+
two sixths
+
one sixth
+ +
one sixth
+
one sixth
+
one sixth
+
one sixth
+
two sixths
+ +
one sixth
+
one sixth
+
one sixth
+
one sixth
+
one sixth
+
one sixth
+ +
one fifth
+
one fifth
+
one fifth
+
one fifth
+
one fifth
+ +
one fifth
+
four fifths
+ +
two fifths
+
three fifths
+ + +
one seventh
+
six sevenths
+ +
one eighth
+
seven eighths
+ +
one ninth
+
eight ninths
+ +
one tenth
+
nine tenths
+ +
one eleventh
+
ten elevenths
+ +
one twelfth
+
one twelfth
+
one twelfth
+
one twelfth
+
one twelfth
+
one twelfth
+
one twelfth
+
one twelfth
+
one twelfth
+
one twelfth
+
one twelfth
+
one twelfth
+
five sevenths
+
two sevenths
+ +
two eighths
+
six eighths
+ +
two ninths
+
seven ninths
+ +
two tenths
+
eight tenths
+ +
two elevenths
+
nine elevenths
+ +
two twelfths
+
ten twelfths
+ + + +
three sevenths
+
four sevenths
+ +
three eighths
+
five eighths
+ +
three ninths
+
six ninths
+ +
three tenths
+
seven tenths
+ +
three elevenths
+
eight elevenths
+ +
three twelfths
+
nine twelfths
+ + + +
four sevenths
+
three sevenths
+ +
four eighths
+
four eighths
+ +
four ninths
+
five ninths
+ +
four tenths
+
six tenths
+ +
four elevenths
+
seven elevenths
+ +
four twelfths
+
eight twelfths
+ + + + +
five sevenths
+
two sevenths
+ +
five eighths
+
three eighths
+ +
five ninths
+
four ninths
+ +
five tenths
+
five tenths
+ +
five elevenths
+
six elevenths
+ +
five twelfths
+
seven twelfths
+ + + +
six sevenths
+
one seventh
+ +
six eighths
+
two eighths
+ +
six ninths
+
three ninths
+ +
six tenths
+
four tenths
+ +
six elevenths
+
five elevenths
+ +
six twelfths
+
six twelfths
+ + +
seven eighths
+
one eighth
+ +
seven ninths
+
two ninths
+ +
seven tenths
+
three tenths
+ +
seven elevenths
+
four elevenths
+ +
seven twelfths
+
five twelfths
+ + + +
eight ninths
+
one ninth
+ +
eight tenths
+
two tenths
+ +
eight elevenths
+
three elevenths
+ +
eight twelfths
+
four twelfths
+ + + +
nine tenths
+
one tenth
+ +
nine elevenths
+
two elevenths
+ +
nine twelfths
+
three twelfths
+ + + +
ten elevenths
+
one eleventh
+ +
ten twelfths
+
two twelfths
+ + +
eleven twelfths
+
one twelfth
+ +]]> + + 1637 + + + + + + + 1390 + 0 + + + 0 + + + + + + + + + + + + + + + + + + + Block Unit Test + https://demo.seothemes.com/genesis-starter/features/block-unit-test/ + Sat, 08 Sep 2018 02:41:53 +0000 + + https://demo.seothemes.com/genesis-starter/?page_id=1647 + + +

Donec id elit non mi porta gravida at eget metus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec ullamcorper nulla non metus auctor fringilla.

+ + + + + + +
+ + + +

Heading One

+ + + +

Heading Two

+ + + +

Heading Three

+ + + +

Heading Four

+ + + +
Heading Five
+ + + +
Heading Six
+ + + +
+ + + +

This is a subhead block, where you can add a little extra blurb about your post or page. Cool yeah?

+ + + +
+ + + +

Preformatted Block

+ + + + 
The Road Not Taken, by Robert Frost

Two roads diverged in a yellow wood,
And sorry I could not travel both
And be one traveler, long I stood 
And looked down one as far as I could
To where it bent in the undergrowth;
Then took the other, as just as fair,
And having perhaps the better claim,
Because it was grassy and wanted wear;
Though as for that the passing there
Had worn them really about the same,
And both that morning equally lay
In leaves no step had trodden black.
Oh, I kept the first for another day!
Yet knowing how way leads on to way,
I doubted if I should ever come back.
I shall be telling this with a sigh
Somewhere ages and ages hence:
Two roads diverged in a wood, and I—
I took the one less traveled by,
And that has made all the difference.

...and heres a line of some really, really, really, really long text, just to see how it is handled and to find out how it overflows;
+ + + +
+ + + +

Ordered List

+ + + +
    +
  1. Nullam id dolor id nibh ultricies vehicula ut id elit.
    2. +
  2. Donec ullamcorper nulla non metus auctor fringilla. +
      +
    1. Condimentum euismod aenean.
      2. +
    2. Purus commodo ridiculus.
      3. +
    3. Nibh commodo vestibulum.
      4. +
    +
    3. +
  3. Cras justo odio, dapibus ac facilisis in.
    4. +
+ + + +
+ + + +

Unordered List

+ + + +
    +
  • Nullam id dolor id nibh ultricies vehicula ut id elit.
    • +
  • Donec ullamcorper nulla non metus auctor fringilla. +
      +
    • Nibh commodo vestibulum.
      • +
    • Aenean eu leo quam.
      • +
    • Pellentesque ornare sem lacinia.
      • +
    +
    • +
  • Cras justo odio, dapibus ac facilisis in.
    • +
+ + + +
+ + + +

Verse

+ + + +

This is an example of the core Gutenberg verse block.

+ + + + 
A block for haiku? 
Why not? 
Blocks for all the things!
+ + + +

Separator

+ + + +

Here are examples of the three separator styles of the core Gutenberg separator block.

+ + + +
+ + + +
+ + + +
+ + + +

Table

+ + + +

Here is an example of the core Gutenberg table block. 

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
EmployeeSalaryPosition
Jane Doe
$100kCEO
John Doe$100kCTO
Jane Bloggs$100kEngineering
Fred Bloggs$100kMarketing
+ + + +
+ + + +

Latest Posts, List View

+ + + +

Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Cras justo odio, dapibus ac facilisis in, egestas eget quam. 

+ + + + + +

Latest Posts, Grid View

+ + + +

And now for the Grid View. The Latest Posts block also displays at wide and full width alignments, so be sure to check those styles as well.

+ + + + + +
+ + + +

Blockquote

+ + + +

Nulla vitae elit libero, a pharetra augue. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Maecenas sed diam eget risus varius blandit sit amet non magna sed diam ed diam eget risus varius eget.

+ + + +
+

Donec sed odio dui. Maecenas faucibus mollis interdum. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio.

Rich Tabor
+ + + +

Nulla vitae elit libero, a pharetra augue. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Maecenas sed diam eget risus varius blandit sit amet non magna sed diam ed diam eget risus varius eget.

+ + + +
+ + + +

Alternate Blockquote

+ + + +

The alternate block quote style can be tarageted using the .wp-block-quote.is-large. CSS selector. Nulla vitae elit libero, a pharetra augue. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.

+ + + +
+

Donec sed odio dui. Maecenas faucibus mollis interdum. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.

Rich Tabor
+ + + +

Nulla vitae elit libero, a pharetra augue. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Maecenas sed diam eget risus varius blandit sit amet non magna sed diam ed diam eget risus varius eget.

+ + + +
+ + + +

Audio

+ + + +

Donec sed odio dui. Aenean lacinia bibendum nulla sed consectetur. Nullam id dolor id nibh ultricies vehicula ut id elit. Center aligned:

+ + + +
+
An example of an Audio Block caption
+
+ + + +

Curabitur blandit tempus porttitor. Donec sed odio dui. Etiam porta sem malesuada magna mollis euismod. Curabitur blandit tempus porttitor.

+ + + +
+ + + +

Buttons

+ + + +

Donec sed odio dui. Aenean lacinia bibendum nulla sed consectetur. Nullam id dolor id nibh ultricies vehicula ut id elit. Center aligned: 

+ + + +
Center Aligned Button
+ + + +

Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. 

+ + + +
Left Aligned Button
+ + + +

Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Donec ullamcorper nulla non metus auctor fringilla. Maecenas sed diam eget risus varius.

+ + + +
Right Aligned Button
+ + + +

Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Donec ullamcorper nulla non metus auctor fringilla. Maecenas sed diam eget risus varius.

+ + + +
+ + + +

Categories

+ + + + + +
+ + + +

Archives

+ + + + + +
+ + + +

Columns

+ + + +
+
+

Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Aenean lacinia bibendum nulla sed consectetur. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Donec ullamcorper nulla non metus auctor fringilla. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Curabitur blandit tempus porttitor.

+
+ + + +
+

Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Aenean lacinia bibendum nulla sed consectetur. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Donec ullamcorper nulla non metus auctor fringilla. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Curabitur blandit tempus porttitor.

+
+
+ + + +
+ + + +
+
+

Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Aenean lacinia bibendum nulla sed consectetur. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.

+
+ + + +
+

Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Aenean lacinia bibendum nulla sed consectetur. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. 

+
+ + + +
+

Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Aenean lacinia bibendum nulla sed consectetur. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.

+
+
+ + + +
+ + + +
+
+

Fusce dapibus, tellus ac cursus commodo, tortor mauris condim entum nibh.

+
+ + + +
+

Fusce dapibus, tellus ac cursus commodo, tortor mauris condim entum nibh.

+
+ + + +
+

Fusce dapibus, tellus ac cursus commodo, tortor mauris condim entum nibh.

+
+ + + +
+

Fusce dapibus, tellus ac cursus commodo, tortor mauris condim entum nibh.

+
+
+ + + +
+ + + +

Pull Quotes

+ + + +

Here is an example of the core pull quote block, set to display centered. Nulla vitae elit libero, a pharetra augue. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.

+ + + +
+

Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Sed posuere est at lobortis.

Rich Tabor, ThemeBeans.com
+ + + +

Wide aligned

+ + + +

Here is an example of the core pull quote block, set to display with the wide-aligned attribute, if the theme allows it. Nulla vitae elit libero, a pharetra augue. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.

+ + + +
+

Nulla vitae elit libero, a pharetra augue. Vestibulum id ligula porta felis euismod semper. Aenean lacinia bibendum nulla sed ibendum nulla sed consectetur. 

Rich Tabor, Founder at ThemeBeans.com
+ + + +

Full width

+ + + +

And finally, here is an example of the core pull quote block, set to display with the full-aligned attribute, if the theme allows it. Nulla vitae elit libero, a pharetra augue. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.

+ + + +
+

Etiam porta sem malesuada magna mollis euismod. Sed posuere consectetur est at lobortis. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. 

Rich Tabor, Founder at ThemeBeans.com
+ + + +

Etiam porta sem malesuada magna mollis euismod. Maecenas sed diam eget risus varius blandit sit amet non magna. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Donec sed odio dui. Maecenas sed diam eget risus varius blandit sit amet non magna. Integer posuere erat a ante venenatis dapibus posuere velit aliquet.

+ + + +
+

Here we have a left-aligned pullquote.

Rich Tabor
+ + + +

Donec id elit non mi porta gravida at eget metus. Nullam quis risus eget urna mollis ornare vel eu leo. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Cras mattis consectetur purus sit amet fermentum. Vestibulum id ligula porta felis euismod semper.

+ + + +
+

Here we have a right-aligned pullquote.

Rich Tabor
+ + + +

Donec ullamcorper nulla non metus auctor fringilla. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Etiam porta sem malesuada magna mollis euismod. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.

+ + + +
+ + + +

Image Block

+ + + +

Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Maecenas faucibus mollis interdum.

+ + + +
+ + + +
+
And an image with a caption
+
+ + + +

Wide aligned

+ + + +
+ + + +

Full Width

+ + + +
+
Here is an example of an image block caption
+
+ + + +

Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.

+ + + +
+ + + +

Left aligned: dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. 

+ + + +
+
This one is captioned
+
+ + + +

Nullam quis risus eget urna mollis ornare vel eu leo. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Maecenas faucibus mollis interdum. Vestibulum id ligula porta felis euismod semper. Nullam quis risus.

+ + + +
+ + + +

Video Block

+ + + +

Lets check out the positioning and styling of the video core block. We will check the wide and full alignments too.

+ + + +

Wide aligned

+ + + +
+ https://vimeo.com/259230327 +
Videos can have captions too!
+
+ + + +

Full Width

+ + + +
+ https://vimeo.com/243191812 +
+ + + +

Cover Image Block

+ + + +

Check out the positioning and styling of the cover image core block. We will check the wide and full alignments, as well as left/right.

+ + + + +

Wide aligned

+ + + +
+

Wide Cover Image Block

+
+ + + +

Full Width

+ + + +
+

Full Width Cover Image

+
+ + + +

Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. 

+ + + +
+

Left Aligned Cover Image

+
+ + + +

Left aligned: dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Etiam porta sem malesuada magna mollis euismod. Aenean lacinia bibendum nulla sed consectetur. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.

+ + + +
+

Right Aligned Cover Image

+
+ + + +

Right aligned: scelerisque nisl consectetur et. Nulla vitae elit libero, a pharetra augue. Nullam id dolor id nibh ultricies vehicula ut id elit.

+ + + +

Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Vel scelerisque nisl consectetur et. Nulla vitae elit libero, a pharetra augue. Nullam id dolor id nibh ultricies vehicula ut id elit. Center aligned:

+ + + +
+

Center Aligned Cover Image

+
+ + + +
+ + + +

Gallery Blocks

+ + + +

Let us check out the positioning and styling of the gallery blocks.

+ + + +

Two Column Gallery

+ + + +

Below we have a Gallery Block inserted with two columns and two images.

+ + + +
    +
  • +
    +
    • +
  • +
    +
    • +
+ + + +

Three Column

+ + + +

Below we have a Gallery Block inserted with three columns and three images.

+ + + +
    +
  • +
    +
    • +
  • +
    +
    • +
  • +
    +
    • +
+ + + +

Four Column

+ + + +

Below we have a Gallery Block inserted with four columns and four images.

+ + + +
    +
  • +
    +
    • +
  • +
    +
    • +
  • +
    +
    • +
  • +
    +
    • +
+ + + +

Five Column

+ + + +

Below we have a Gallery Block inserted with five columns and five images.

+ + + +
    +
  • +
    +
    • +
  • +
    +
    • +
  • +
    +
    • +
  • +
    +
    • +
  • +
    +
    • +
+ + + +

Four Column, Five Images

+ + + +

Let us switch things up a bit. Now we have a Gallery Block inserted with four columns and five images.

+ + + +
    +
  • +
    +
    • +
  • +
    +
    • +
  • +
    +
    • +
  • +
    +
    • +
  • +
    +
    • +
+ + + +

Three Column, Five Images

+ + + +

Now we have a Gallery Block inserted with three columns and five images.

+ + + +
    +
  • +
    +
    • +
  • +
    +
    • +
  • +
    +
    • +
  • +
    +
    • +
  • +
    +
    • +
+ + + +

Below you will find a Gallery Block inserted with two columns and five images.

+ + + +

Two Column, Five Images

+ + + +
    +
  • +
    +
    • +
  • +
    +
    • +
  • +
    +
    • +
  • +
    +
    • +
  • +
    +
    • +
+ + + +

Three Column, Four Images

+ + + +

Below you will find a Gallery Block inserted with three columns and four images.

+ + + +
    +
  • +
    +
    • +
  • +
    +
    • +
  • +
    +
    • +
  • +
    +
    • +
+ + + +

Wide aligned Gallery Blocks

+ + + +

Let us check out the positioning and styling of the gallery blocks..

+ + + +

Two Column Gallery

+ + + +

Below we have a Gallery Block inserted with two columns and two images. It is set to display with the new Wide alignment (if the theme supports it).

+ + + +
    +
  • +
    +
    Captions for Gallery Images
    +
    +
    • +
  • +
    +
    • +
+ + + +

Three Column

+ + + +

Below we have a Gallery Block inserted with three columns and three images. It is also set to display with the new Wide alignment.

+ + + +
    +
  • +
    +
    • +
  • +
    +
    • +
  • +
    +
    • +
+ + + +

Four Column

+ + + +

Below we have a Gallery Block inserted with four columns and four images. It is also set to display with the new Wide alignment.

+ + + +
    +
  • +
    +
    • +
  • +
    +
    • +
  • +
    +
    • +
  • +
    +
    • +
+ + + +

Five Column

+ + + +

Below we have a Gallery Block inserted with five columns and five images. It is also set to display with the new Wide alignment.

+ + + +
    +
  • +
    +
    • +
  • +
    +
    • +
  • +
    +
    • +
  • +
    +
    • +
  • +
    +
    • +
+ + + +

Four Column, Five Images

+ + + +

Let us switch things up a bit. Now we have a Gallery Block inserted with four columns and five images, also displayed with the new Wide alignment option.

+ + + +
    +
  • +
    +
    • +
  • +
    +
    • +
  • +
    +
    • +
  • +
    +
    • +
  • +
    +
    • +
+ + + +

Three Column, Five Images

+ + + +

Now we have a Gallery Block inserted with three columns and five images displayed with the new Wide alignment option.

+ + + +
    +
  • +
    +
    • +
  • +
    +
    • +
  • +
    +
    • +
  • +
    +
    • +
  • +
    +
    • +
+ + + +

Two Column, Five Images

+ + + +

Below you will find a Gallery Block inserted with two columns and five images also displayed with the new Wide alignment option.

+ + + +
    +
  • +
    +
    • +
  • +
    +
    • +
  • +
    +
    • +
  • +
    +
    • +
  • +
    +
    • +
+ + + +

Three Column, Four Images

+ + + +

Below you will find a Gallery Block inserted with three columns and four images, also displayed with the new Wide alignment option.

+ + + +
    +
  • +
    +
    • +
  • +
    +
    • +
  • +
    +
    • +
  • +
    +
    • +
+ + + +

Full Width Gallery Block

+ + + +

Below you will find a Gallery Block inserted with three columns and four images, also displayed with the new Wide alignment option.

+ + + +
    +
  • +
    +
    • +
  • +
    +
    • +
  • +
    +
    • +
  • +
    +
    Captions for Gallery Images
    +
    +
    • +
+ + ]]> + + 1647 + + + + + + + 1390 + 0 + + + 0 + + + + + + + + + + + ]]> + + + + + + + + ]]> + + + + + + + + All Columns + https://demo.seothemes.com/genesis-starter/all-columns-2__trashed/ + Thu, 27 Sep 2018 11:20:22 +0000 + + https://demo.seothemes.com/genesis-starter/?page_id=1662 + + +
five sixths
+
one sixth
+
three fourths
+
one fourth
+
two thirds
+
one third
+
two thirds
+
one sixth
+
one sixth
+
one half
+
one half
+
one half
+
one fourth
+
one fourth
+
one third
+
two thirds
+
one third
+
one third
+
one third
+
one third
+
one third
+
one sixth
+
one sixth
+
one third
+
one sixth
+
one third
+
one sixth
+
one third
+
one sixth
+
one sixth
+
one third
+
one third
+
one sixth
+
one sixth
+
one sixth
+
one sixth
+
one fourth
+
three fourths
+
one fourth
+
one half
+
one fourth
+
one fourth
+
one fourth
+
one half
+
one fourth
+
one fourth
+
one fourth
+
one fourth
+
one sixth
+
five sixths
+
one sixth
+
four sixths
+
one sixth
+
one sixth
+
three sixths
+
two sixths
+
one sixth
+
three sixths
+
one sixth
+
one sixth
+
one sixth
+
two sixths
+
three sixths
+
one sixth
+
two sixths
+
two sixths
+
one sixth
+
one sixth
+
two sixths
+
one sixth
+
two sixths
+
one sixth
+
two sixths
+
one sixth
+
one sixth
+
one sixth
+
one sixth
+
one sixth
+
four sixths
+
one sixth
+
one sixth
+
three sixths
+
one sixth
+
one sixth
+
one sixth
+
two sixths
+
two sixths
+
one sixth
+
one sixth
+
two sixths
+
one sixth
+
one sixth
+
one sixth
+
one sixth
+
one sixth
+
three sixths
+
one sixth
+
one sixth
+
one sixth
+
two sixths
+
one sixth
+
one sixth
+
one sixth
+
one sixth
+
one sixth
+
two sixths
+
one sixth
+
one sixth
+
one sixth
+
one sixth
+
one sixth
+
one sixth
+
]]> + + 1662 + + + + + + + 0 + 0 + + + 0 + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Blog + https://demo.seothemes.com/genesis-starter/blog/ + Sat, 06 Oct 2018 10:39:30 +0000 + + https://demo.seothemes.com/genesis-starter/?page_id=1681 + + + + 1681 + + + + + + + 0 + 0 + + + 0 + + + + + + + + + + + + + + + + + + + Landing Page + https://demo.seothemes.com/genesis-starter/templates/landing-page__trashed/ + Sat, 06 Oct 2018 10:39:45 +0000 + + https://demo.seothemes.com/genesis-starter/?page_id=1684 + + + + 1684 + + + + + + + 1565 + 0 + + + 0 + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Full Width + https://demo.seothemes.com/genesis-starter/templates/full-width-2__trashed/ + Sat, 06 Oct 2018 10:43:44 +0000 + + https://demo.seothemes.com/genesis-starter/?page_id=1686 + + + + 1686 + + + + + + + 1565 + 0 + + + 0 + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Hero Section - Featured Image + https://demo.seothemes.com/genesis-starter/hero-section-featured-image/ + Sun, 07 Oct 2018 03:31:14 +0000 + + https://demo.seothemes.com/genesis-starter/?page_id=1702 + + + + 1702 + + + + + + + 0 + 0 + + + 0 + + + + + + + + + + + + + + + + + + + + + + + + + + + Hero Section - Default Image + https://demo.seothemes.com/genesis-starter/hero-section-default-image/ + Sun, 07 Oct 2018 03:31:35 +0000 + + https://demo.seothemes.com/genesis-starter/?page_id=1704 + + + + 1704 + + + + + + + 0 + 0 + + + 0 + + + + + + + + + + + + + + + + + + + + + + + Hero Section - No Image + https://demo.seothemes.com/genesis-starter/hero-section-no-image/ + Sun, 07 Oct 2018 03:31:50 +0000 + + https://demo.seothemes.com/genesis-starter/?page_id=1706 + + + + 1706 + + + + + + + 0 + 0 + + + 0 + + + + + + + + + + + + + + + + + + + + + + + Hero Section - Disabled + https://demo.seothemes.com/genesis-starter/hero-section-disabled/ + Sun, 07 Oct 2018 03:32:10 +0000 + + https://demo.seothemes.com/genesis-starter/?page_id=1708 + + + + 1708 + + + + + + + 0 + 0 + + + 0 + + + + + + + + + + + + + + + + + + + + + + + The Spirit of Radio - Rush + https://demo.seothemes.com/genesis-starter/radio/ + Thu, 01 Feb 2018 01:57:05 +0000 + + http://demo.studiopress.com/genesis/?p=18 + + + +

Photo by Gabriel Beaudry on Unsplash

+ +This is an example of a WordPress post, you could edit this to put information about yourself so readers know where you are coming from. You can create as many posts as you like in order to share with them what is on your mind. + + + +
All this machinery making modern music can still be open-hearted. +— Geddy Lee Weinrib
+ +This is an example of a WordPress post, you could edit this to put information about yourself so readers know where you are coming from. You can create as many posts as you like in order to share with them what is on your mind. This is an example of a WordPress post, you could edit this to put information about yourself so readers know where you are coming from. You can create as many posts as you like in order to share with them what is on your mind. + +

This is a Sample Heading

+ +This is an example of a WordPress post, you could edit this to put information about yourself so readers know where you are coming from. You can create as many posts as you like in order to share with them what is on your mind. + +This is an example of a WordPress post, you could edit this to put information about yourself so readers know where you are coming from. You can create as many posts as you like in order to share with them what is on your mind. This is an example of a WordPress post, you could edit this to put information about yourself so readers know where you are coming from. You can create as many posts as you like in order to share with them what is on your mind. + +This is an example of a WordPress post, you could edit this to put information about yourself so readers know where you are coming from. You can create as many posts as you like in order to share with them what is on your mind. ]]> + + 497 + + + + + + + 0 + 0 + + + 0 + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + April in Paris - Ella Fitzgerald + https://demo.seothemes.com/genesis-starter/paris/ + Thu, 01 Feb 2018 01:57:18 +0000 + + http://demo.studiopress.com/genesis/?p=20 + + Photo by Felipe Dolce on Unsplash

+This is an example of a WordPress post, you could edit this to put information about yourself so readers know where you are coming from. You can create as many posts as you like in order to share with them what is on your mind. + + +
There are only two places in the world where we can live happy: at home and in Paris. +— Ernest hemingway
+This is an example of a WordPress post, you could edit this to put information about yourself so readers know where you are coming from. You can create as many posts as you like in order to share with them what is on your mind. This is an example of a WordPress post, you could edit this to put information about yourself so readers know where you are coming from. You can create as many posts as you like in order to share with them what is on your mind. +

This is a Sample Heading

+This is an example of a WordPress post, you could edit this to put information about yourself so readers know where you are coming from. You can create as many posts as you like in order to share with them what is on your mind. + +This is an example of a WordPress post, you could edit this to put information about yourself so readers know where you are coming from. You can create as many posts as you like in order to share with them what is on your mind. This is an example of a WordPress post, you could edit this to put information about yourself so readers know where you are coming from. You can create as many posts as you like in order to share with them what is on your mind. + +This is an example of a WordPress post, you could edit this to put information about yourself so readers know where you are coming from. You can create as many posts as you like in order to share with them what is on your mind.]]> + + 498 + + + + + + + 0 + 0 + + + 0 + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + 16 + + + https://briangardner.com/ + + + + + + + 0 + 1 + + + 17 + + + https://briangardner.com/ + + + + + + + 16 + 1 + + + 18 + + + https://briangardner.com/ + + + + + + + 0 + 1 + + + 19 + + + https://briangardner.com/ + + + + + + + 18 + 1 + + + 20 + + + https://briangardner.com/ + + + + + + + 19 + 1 + + + 21 + + + https://briangardner.com/ + + + + + + + 0 + 1 + + + + Smokin' Amp + https://demo.seothemes.com/genesis-starter/product/amp/ + Sat, 04 Feb 2017 04:38:03 +0000 + + http://demo.studiopress.com/genesis-sample/?post_type=product&p=533 + + + + 533 + + + + + + + 0 + 0 + + + 0 + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Vintage Film Camera + https://demo.seothemes.com/genesis-starter/product/vintage-film-camera/ + Sat, 04 Feb 2017 04:39:00 +0000 + + http://demo.studiopress.com/genesis-sample/?post_type=product&p=542 + + + + 542 + + + + + + + 0 + 0 + + + 0 + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Dipped Tripod Stool + https://demo.seothemes.com/genesis-starter/product/dipped-tripod-stool/ + Sat, 04 Feb 2017 04:39:57 +0000 + + http://demo.studiopress.com/genesis-sample/?post_type=product&p=543 + + + + 543 + + + + + + + 0 + 0 + + + 0 + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Never Settle Mug + https://demo.seothemes.com/genesis-starter/product/never-settle-mug/ + Sat, 04 Feb 2017 04:40:36 +0000 + + http://demo.studiopress.com/genesis-sample/?post_type=product&p=544 + + + + 544 + + + + + + + 0 + 0 + + + 0 + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + School House Clock + https://demo.seothemes.com/genesis-starter/product/school-house-clock/ + Sat, 04 Feb 2017 04:41:27 +0000 + + http://demo.studiopress.com/genesis-sample/?post_type=product&p=545 + + + + 545 + + + + + + + 0 + 0 + + + 0 + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Index Card Catalog + https://demo.seothemes.com/genesis-starter/product/index-card-catalog/ + Sat, 04 Feb 2017 04:42:00 +0000 + + http://demo.studiopress.com/genesis-sample/?post_type=product&p=546 + + + + 546 + + + + + + + 0 + 0 + + + 0 + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Vintage Fan + https://demo.seothemes.com/genesis-starter/product/vintage-fan/ + Sat, 04 Feb 2017 04:42:27 +0000 + + http://demo.studiopress.com/genesis-sample/?post_type=product&p=547 + + + + 547 + + + + + + + 0 + 0 + + + 0 + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Vintage Phone + https://demo.seothemes.com/genesis-starter/product/vintage-phone/ + Sat, 04 Feb 2017 04:43:16 +0000 + + http://demo.studiopress.com/genesis-sample/?post_type=product&p=548 + + + + 548 + + + + + + + 0 + 0 + + + 0 + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/setup.sh b/setup.sh index 7da982c..30e56db 100644 --- a/setup.sh +++ b/setup.sh @@ -16,6 +16,7 @@ default_version=`perl -ne 'print if /(?:\"version\": \")(.*?)(?:\")/' './package bs='\' setup_sh="./setup.sh" functions_php="./functions.php" +front_page_php="./front-page.php" config_php="./config/defaults.php" package_json="./package.json" composer_json="./composer.json" @@ -133,6 +134,7 @@ Run setup: # ---------------------------------------------------------------- perl -p -i -e "s|$default_name|$name|g" $functions_php +perl -p -i -e "s|$default_name|$name|g" $front_page_php perl -p -i -e "s|$default_name|$name|g" $config_php perl -p -i -e "s|$default_name|$name|g" $package_json perl -p -i -e "s|$default_name|$name|g" $composer_json @@ -148,6 +150,7 @@ echo "1/8 --> Search & replace name ........ ${green}done${txtreset}" # ---------------------------------------------------------------- perl -p -i -e "s|$default_id|$id|g" $functions_php +perl -p -i -e "s|$default_id|$id|g" $front_page_php perl -p -i -e "s|$default_id|$id|g" $config_php perl -p -i -e "s|$default_id|$id|g" $package_json perl -p -i -e "s|$default_id|$id|g" $composer_json @@ -162,6 +165,7 @@ echo "2/8 --> Search & replace id .......... ${green}done${txtreset}" # ---------------------------------------------------------------- perl -p -i -e "s|$default_author|$author|g" $functions_php +perl -p -i -e "s|$default_author|$author|g" $front_page_php perl -p -i -e "s|$default_author|$author|g" $config_php perl -p -i -e "s|$default_author|$author|g" $package_json perl -p -i -e "s|$default_author|$author|g" $composer_json @@ -176,6 +180,7 @@ echo "3/8 --> Change author name ........... ${green}done${txtreset}" # ---------------------------------------------------------------- perl -p -i -e "s|$default_author_url|$author_url|g" $functions_php +perl -p -i -e "s|$default_author_url|$author_url|g" $front_page_php perl -p -i -e "s|$default_author_url|$author_url|g" $config_php perl -p -i -e "s|$default_author_url|$author_url|g" $package_json perl -p -i -e "s|$default_author_url|$author_url|g" $composer_json @@ -190,6 +195,7 @@ echo "4/8 --> Change author URL ............ ${green}done${txtreset}" # ---------------------------------------------------------------- perl -p -i -e "s|\Q$default_company$bs$default_package\E|$company$bs$bs$package|g" $functions_php +perl -p -i -e "s|\Q$default_company$bs$default_package\E|$company$bs$bs$package|g" $front_page_php perl -p -i -e "s|\Q$default_company$bs$default_package\E|$company$bs$bs$package|g" $config_php perl -p -i -e "s|\Q$default_company$bs$default_package\E|$company$bs$bs$package|g" $package_json perl -p -i -e "s|\Q$default_company$bs$default_package\E|$company$bs$bs$package|g" $gulpfile diff --git a/style.css b/style.css new file mode 100644 index 0000000..14d8243 --- /dev/null +++ b/style.css @@ -0,0 +1,1909 @@ +/* + * Theme Name: Genesis Starter Theme + * Theme URI: https://seothemes.com/genesis-starter-theme/ + * Author: SEO Themes + * Author URI: https://seothemes.com + * Description: Genesis starter theme with a modern development workflow. + * Version: 3.3.3 + * License: GPL-3.0-or-later + * License URI: http://www.gnu.org/licenses/gpl-2.0.html + * Tags: one-column, two-columns, left-sidebar, right-sidebar, accessibility-ready, custom-logo, custom-background, custom-colors, custom-header, custom-menu, featured-images, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready + * Text Domain: genesis-starter-theme + * Domain Path: /languages + * Template: genesis + */ +.front-page-2, +.front-page-3 { + padding: 4.8rem 0; +} + +html { + line-height: 1.15; + -webkit-text-size-adjust: 100%; +} + +body { + margin: 0; +} + +h1 { + margin: 0.67em 0; + font-size: 2em; +} + +hr { + overflow: visible; + box-sizing: content-box; + height: 0; +} + +pre { + font-family: monospace; + font-size: 1em; +} + +a { + background-color: transparent; +} + +abbr[title] { + border-bottom: none; + text-decoration: underline; + -webkit-text-decoration: underline dotted; + text-decoration: underline dotted; +} + +b, +strong { + font-weight: bolder; +} + +code, +kbd, +samp { + font-family: monospace; + font-size: 1em; +} + +small { + font-size: 80%; +} + +sub, +sup { + position: relative; + font-size: 75%; + line-height: 0; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +img { + border-style: none; +} + +button, +input, +optgroup, +select, +textarea { + margin: 0; + font-family: inherit; + font-size: 100%; + line-height: 1.15; +} + +button, +input { + overflow: visible; +} + +button, +select { + text-transform: none; +} + +[type='button'], +[type='reset'], +[type='submit'], +button { + -webkit-appearance: button; +} + +[type='button']::-moz-focus-inner, +[type='reset']::-moz-focus-inner, +[type='submit']::-moz-focus-inner, +button::-moz-focus-inner { + padding: 0; + border-style: none; +} + +[type='button']:-moz-focusring, +[type='reset']:-moz-focusring, +[type='submit']:-moz-focusring, +button:-moz-focusring { + outline: 1px dotted ButtonText; +} + +fieldset { + padding: 0.35em 0.75em 0.625em; +} + +legend { + display: table; + box-sizing: border-box; + max-width: 100%; + padding: 0; + color: inherit; + white-space: normal; +} + +progress { + vertical-align: baseline; +} + +textarea { + overflow: auto; +} + +[type='checkbox'], +[type='radio'] { + box-sizing: border-box; + padding: 0; +} + +[type='number']::-webkit-inner-spin-button, +[type='number']::-webkit-outer-spin-button { + height: auto; +} + +[type='search'] { + -webkit-appearance: textfield; + outline-offset: -2px; +} + +[type='search']::-webkit-search-decoration { + -webkit-appearance: none; +} + +::-webkit-file-upload-button { + -webkit-appearance: button; + font: inherit; +} + +details { + display: block; +} + +summary { + display: list-item; +} + +template { + display: none; +} + +[hidden] { + display: none; +} + +html { + overflow-x: hidden; + box-sizing: border-box; + max-width: 100vw; + height: 100%; + font-size: 62.5%; + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; +} + +html.admin-bar-showing { + height: calc(100% - 32px); +} + +*, +*:before, +*:after { + box-sizing: inherit; +} + +.site-container { + display: flex; + flex-direction: column; + flex-wrap: wrap; + justify-content: flex-start; + min-height: 100%; +} + +.site-container > * { + width: 100%; +} + +body { + height: 100%; + margin: 0; + color: #424950; + background-color: #ffffff; + font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Avenir Next', 'Avenir', 'Segoe UI', 'Lucida Grande', 'Helvetica Neue', 'Helvetica', 'Fira Sans', 'Roboto', 'Noto', 'Droid Sans', 'Cantarell', 'Oxygen', 'Ubuntu', 'Franklin Gothic Medium', 'Century Gothic', 'Liberation Sans', sans-serif; + font-size: 1.6rem; + font-weight: 400; + line-height: 1.618; +} + +a { + color: #1e90ff; + text-decoration: none; +} + +a:hover, +a:focus, +a:active { + color: #1e90ff; + text-decoration: underline; +} + +p { + margin: 0 0 1.6rem; + padding: 0; +} + +hr { + clear: both; + margin: 0 0 1.6rem; + padding: 1.6rem 0 0; + border: 0; + border-bottom: 1px solid #dfe2e5; + border-collapse: collapse; +} + +b, +strong { + font-weight: 700; +} + +blockquote, +cite, +em, +i { + font-style: italic; +} + +blockquote { + border-left: 1px solid #dfe2e5; + margin: 1.6rem auto; + padding: 1.6rem; +} + +blockquote p:last-of-type { + margin-bottom: 0; +} + +code, +kbd, +samp { + padding: 0.05em 0.5em; + border-radius: 0; + background-color: #dfe2e5; + font-family: 'Consolas', 'monaco', monospace; + font-size: 90%; +} + +pre { + overflow-x: scroll; + padding: 1.6rem; + border-radius: 0; + background-color: #dfe2e5; + font-family: 'Consolas', 'monaco', monospace; +} + +pre code, +pre kbd, +pre samp { + padding: 0; + background-color: transparent; + font-size: 90%; +} + +h1, +h2, +h3, +h4, +h5, +h6 { + margin: 0 0 1.6rem; + font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Avenir Next', 'Avenir', 'Segoe UI', 'Lucida Grande', 'Helvetica Neue', 'Helvetica', 'Fira Sans', 'Roboto', 'Noto', 'Droid Sans', 'Cantarell', 'Oxygen', 'Ubuntu', 'Franklin Gothic Medium', 'Century Gothic', 'Liberation Sans', sans-serif; + font-weight: 600; + line-height: 1.2944; +} + +h1 { + font-size: 2.3em; +} + +h2 { + font-size: 1.8em; +} + +h3 { + font-size: 1.5em; +} + +h4 { + font-size: 1.3em; +} + +h5 { + font-size: 1.2em; +} + +h6 { + font-size: 1.1em; +} + +ul, +ol, +dl { + margin: 0 0 1.6rem; + padding: 0; + list-style-position: inside; +} + +ul ul, +ul ol, +ul dl, +ol ul, +ol ol, +ol dl, +dl ul, +dl ol, +dl dl { + margin: 0.8rem 1.6rem; +} + +dd, +dt { + margin: 0; +} + +dt { + font-weight: 600; +} + +button, +[type='button'], +[type='reset'], +[type='submit'], +.button, +.button.menu-item a { + display: inline-block; + width: auto; + padding: 1.8rem 3.6rem; + border: 0; + border-radius: 0; + color: #ffffff; + background-color: #141618; + font-size: 1.42222rem; + font-weight: 600; + line-height: 1; + white-space: normal; + text-decoration: none; + cursor: pointer; +} + +button:hover, +button:focus, +button:active, +[type='button']:hover, +[type='button']:focus, +[type='button']:active, +[type='reset']:hover, +[type='reset']:focus, +[type='reset']:active, +[type='submit']:hover, +[type='submit']:focus, +[type='submit']:active, +.button:hover, +.button:focus, +.button:active, +.button.menu-item a:hover, +.button.menu-item a:focus, +.button.menu-item a:active { + outline: none; + color: #ffffff; + background-color: #1e90ff; + text-decoration: none; +} + +button:disabled, +button:disabled:hover, +button:disabled:focus, +[type='button']:disabled, +[type='button']:disabled:hover, +[type='button']:disabled:focus, +[type='reset']:disabled, +[type='reset']:disabled:hover, +[type='reset']:disabled:focus, +[type='submit']:disabled, +[type='submit']:disabled:hover, +[type='submit']:disabled:focus, +.button:disabled, +.button:disabled:hover, +.button:disabled:focus, +.button.menu-item a:disabled, +.button.menu-item a:disabled:hover, +.button.menu-item a:disabled:focus { + opacity: 0.5; + background-color: #8c969f; + cursor: not-allowed; +} + +::-webkit-input-placeholder { + opacity: 1; + color: #a8afb6; +} + +:-ms-input-placeholder { + opacity: 1; + color: #a8afb6; +} + +::-ms-input-placeholder { + opacity: 1; + color: #a8afb6; +} + +::placeholder { + opacity: 1; + color: #a8afb6; +} + +label { + display: block; + margin: 0 0 0.8rem; +} + +input, +select, +textarea { + width: 100%; + margin: 0 0 0.8rem; + padding: 1em; + border: 1px solid #dfe2e5; + border-radius: 0; + background-clip: padding-box; + box-shadow: none; +} + +input:focus, +select:focus, +textarea:focus { + border-color: #1e90ff; + outline: none; +} + +input:disabled, +input:disabled:hover, +select:disabled, +select:disabled:hover, +textarea:disabled, +textarea:disabled:hover { + border-color: #717c87; + color: #a8afb6; + background-color: #dfe2e5; + cursor: not-allowed; +} + +select { + height: 2em; +} + +input[type='checkbox'], +input[type='image'], +input[type='radio'] { + width: auto; + margin-right: 0.8rem; +} + +input[type='color'] { + min-height: 4.8rem; +} + +input[type='search'] { + -webkit-appearance: none; +} + +input[type='search']::-webkit-search-cancel-button, +input[type='search']::-webkit-search-results-button { + display: none; +} + +fieldset { + min-width: 0; + margin: 0; + padding: 0.01em 0 0 0; + border: 0; +} + +body:not(:-moz-handler-blocked) fieldset { + display: table-cell; +} + +legend { + display: table; + float: left; + width: 100%; + margin: 0 0 0.8rem; + padding: 0; + font-size: 1.92rem; + margin: 0 0 1.6rem; + font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Avenir Next', 'Avenir', 'Segoe UI', 'Lucida Grande', 'Helvetica Neue', 'Helvetica', 'Fira Sans', 'Roboto', 'Noto', 'Droid Sans', 'Cantarell', 'Oxygen', 'Ubuntu', 'Franklin Gothic Medium', 'Century Gothic', 'Liberation Sans', sans-serif; + font-weight: 600; + line-height: 1.2944; +} + +legend + * { + clear: both; +} + +table { + width: 100%; + margin: 0.8rem 0; + border-radius: 0; + border-spacing: 0; + border-collapse: collapse; + word-break: break-all; +} + +th, +td { + padding: 0.8rem; + border: 1px solid #dfe2e5; + text-align: left; +} + +th { + font-weight: 600; +} + +embed, +iframe, +object, +video, +.wp-caption { + width: 100%; + max-width: 100%; +} + +img { + max-width: 100%; + height: auto; + vertical-align: top; +} + +figure { + margin: 0; +} + +iframe { + border: 0; +} + +.site-header { + position: relative; + z-index: 1; + border-bottom: 1px solid #dfe2e5; +} + +.site-header .wrap { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; +} + +.site-footer { + margin-top: auto; + border-top: 1px solid #dfe2e5; +} + +.footer-widgets { + padding: 3.2rem 0; +} + +.footer-credits { + padding: 3.2rem 0; + border-top: 1px solid #dfe2e5; +} + +.footer-credits p { + margin-bottom: 0; +} + +.wrap { + width: 90%; + max-width: 1152px; + margin-right: auto; + margin-left: auto; +} + +.wrap .wrap { + width: 100%; + max-width: 100%; +} + +.title-area { + line-height: 1.2944; + padding-top: 0.8rem; + padding-bottom: 0.8rem; +} + +.site-title { + margin: 0; + font-weight: 600; +} + +.wp-custom-logo .site-title { + border: 0; + clip: rect(1px, 1px, 1px, 1px); + -webkit-clip-path: inset(100%); + clip-path: inset(100%); + height: 1px; + overflow: hidden; + padding: 0; + position: absolute; + white-space: nowrap; + width: 1px; +} + +.site-title a { + color: #424950; +} + +.site-title a:hover, +.site-title a:focus, +.site-title a:active { + color: #1e90ff; +} + +.site-description { + margin: 0; + font-size: smaller; +} + +.wp-custom-logo .site-description { + border: 0; + clip: rect(1px, 1px, 1px, 1px); + -webkit-clip-path: inset(100%); + clip-path: inset(100%); + height: 1px; + overflow: hidden; + padding: 0; + position: absolute; + white-space: nowrap; + width: 1px; +} + +.custom-logo { + width: 100%; + max-width: 256px; +} + +.custom-logo-link { + display: flex; + align-items: center; +} + +.nav-primary { + display: none; + position: absolute; + top: 100%; + left: 0; + width: 100vw; +} + +.no-js .nav-primary { + display: flex; + position: relative; +} + +.menu { + margin: 0; + background-color: #ffffff; + list-style-type: none; + border-top: 1px solid #dfe2e5; + border-bottom: 1px solid #dfe2e5; +} + +.no-js .menu { + width: 100%; + border: 0; + transition: all 0.2s ease; +} + +.menu-item { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; + width: 90%; + padding: 0.53333rem 0; + margin-right: auto; + margin-left: auto; +} + +.menu-item.button { + padding: 0; +} + +.menu a { + color: #424950; +} + +.menu a:hover, +.menu a:focus, +.menu .current-menu-item > a { + color: #1e90ff; +} + +.menu-toggle { + display: flex; + align-items: center; + justify-content: center; + margin: 0; + padding: 0; + background-color: transparent; + height: 2.4rem; + width: 2.4rem; +} + +.menu-toggle:hover, +.menu-toggle:focus, +.menu-toggle:active { + background-color: transparent; +} + +.menu-toggle:focus { + outline: 1px solid #dfe2e5; +} + +.menu-toggle .hamburger, +.menu-toggle .hamburger:before, +.menu-toggle .hamburger:after { + display: block; + position: absolute; + width: 2.4rem; + height: 3px; + background-color: #424950; + content: ''; +} + +.menu-toggle .hamburger { + top: auto; + right: auto; + bottom: auto; + margin: auto; +} + +.menu-toggle .hamburger:before { + top: -0.8rem; +} + +.menu-toggle .hamburger:after { + bottom: -0.8rem; +} + +.menu-toggle.activated .hamburger { + background-color: transparent; +} + +.menu-toggle.activated .hamburger:before { + top: 0; + -webkit-transform: rotate(45deg); + transform: rotate(45deg); +} + +.menu-toggle.activated .hamburger:after { + bottom: 0; + -webkit-transform: rotate(-45deg); + transform: rotate(-45deg); +} + +.sub-menu { + display: none; + top: 100%; + width: 100%; + margin: 0 0 0 0.8rem; + list-style-type: none; +} + +.no-js .menu-item-has-children:hover > .sub-menu, +.no-js .menu-item-has-children:focus > .sub-menu { + display: block; +} + +.sub-menu .menu-item { + width: 100%; +} + +.sub-menu .menu-item-has-children { + position: relative; +} + +.sub-menu-toggle { + display: flex; + justify-content: center; + margin: 0; + padding: 0; + background-color: transparent; + line-height: 0; + height: 3.2rem; + width: 3.2rem; +} + +.sub-menu-toggle:hover, +.sub-menu-toggle:focus, +.sub-menu-toggle:active { + background-color: transparent; +} + +.sub-menu-toggle:focus { + outline: 1px solid #dfe2e5; +} + +.sub-menu-toggle:before { + content: ''; + border-style: solid; + height: 0; + width: 0; + border-color: #424950 transparent transparent; + border-width: 0.5rem 0.5rem 0; +} + +.sub-menu-toggle.activated:before { + border-style: solid; + height: 0; + width: 0; + border-color: transparent transparent #424950; + border-width: 0 0.5rem 0.5rem; +} + +.wp-custom-header { + display: flex; + align-items: center; + justify-content: center; + overflow: hidden; + position: relative; + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; +} + +.wp-custom-header:before { + display: block; + background-color: rgba(251, 252, 252, 0.82); + content: ''; + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; +} + +.wp-custom-header img { + max-width: none; +} + +.hero-section { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: center; + padding: 4.8rem 0; + border-bottom: 1px solid #dfe2e5; + background-position: center; + background-size: cover; + text-align: center; + overflow: hidden; + position: relative; +} + +.hero-section:before { + display: block; + background-color: rgba(251, 252, 252, 0.82); + content: ''; + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; +} + +.hero-section .wrap { + justify-content: center; + position: relative; +} + +.hero-section h1 { + width: 100%; + margin-bottom: 0; +} + +.hero-section p { + margin-top: 1.6rem; + margin-bottom: 0; +} + +.breadcrumb { + margin: 0 0 1.6rem; +} + +.content { + width: 100%; + margin-top: 1.6rem; + margin-bottom: 1.6rem; +} + +.center-content .content { + margin-right: auto; + margin-left: auto; +} + +.front-page .content, +.page-template-page-full .content { + margin: 0; +} + +.sidebar { + margin-top: 1.6rem; + margin-bottom: 1.6rem; +} + +.author-box { + margin: 3.2rem 0; + padding: 1.6rem; + background-color: #fbfcfc; +} + +.author-box-title { + margin-bottom: 0.53333rem; +} + +.author-box-content { + padding-left: 6.4rem; +} + +.author-box-content p:last-of-type { + margin-bottom: 0; +} + +.avatar { + float: left; + max-width: 4.8rem; + margin-right: 1.6rem; +} + +.wp-block-embed { + margin-top: 1.6rem; + margin-bottom: 1.6rem; +} + +.wp-block-gallery { + margin-top: 1.6rem; + margin-bottom: 1.6rem; +} + +.wp-block-gallery .blocks-gallery-item img { + align-self: center; +} + +.wp-block-image { + margin-top: 1.6rem; + margin-bottom: 1.6rem; +} + +.wp-block-image.alignleft { + margin-right: 1.6rem; +} + +.wp-block-image.alignright { + margin-left: 1.6rem; +} + +.wp-block-image.alignwide { + max-width: 120%; +} + +.wp-block-image.alignfull { + max-width: none; +} + +.wp-block-pullquote { + border-left: 0; + margin-top: 3.2rem; + margin-bottom: 3.2rem; +} + +.wp-block-pullquote.aligncenter { + margin-top: 3.2rem; + margin-bottom: 3.2rem; +} + +.gallery { + display: flex; + flex-wrap: wrap; +} + +.gallery-item { + width: calc((100% - (3.2rem * 1)) / 2); + margin-bottom: 3.2rem; +} + +.gallery-columns-1 .gallery-item { + width: 100%; +} + +.gallery-item img { + width: 100%; +} + +.pagination ul { + display: flex; + flex-wrap: wrap; + list-style-type: none; +} + +.pagination li { + margin-right: 0.8rem; +} + +.comment { + margin: 3.2rem 0; +} + +.comment-list { + list-style-type: none; +} + +.comment .children { + list-style-type: none; + margin-top: 0; + margin-bottom: 0; +} + +.comment-author { + margin: 0; +} + +.comment-edit-link { + display: none; +} + +.widget { + margin-bottom: 1.6rem; +} + +.widget-title { + font-size: 1.92rem; +} + +.widget.featured-content .entry::after { + clear: both; + content: ''; + display: block; +} + +.widget.featured-content .entry-image { + max-width: 8rem; +} + +.widget.featured-content .entry-title { + margin-bottom: 0.32rem; + font-size: 1.6rem; +} + +.front-page-1 { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: center; + padding: 4.8rem 0; + border-bottom: 1px solid #dfe2e5; + background-position: center; + background-size: cover; + text-align: center; + overflow: hidden; + position: relative; +} + +.front-page-1:before { + display: block; + background-color: rgba(251, 252, 252, 0.82); + content: ''; + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; +} + +.front-page-1 .wrap { + justify-content: center; + position: relative; +} + +.front-page-1 h1 { + width: 100%; + margin-bottom: 0; +} + +.front-page-1 p { + margin-top: 1.6rem; + margin-bottom: 0; +} + +.front-page-2 { + border-bottom: 1px solid #dfe2e5; +} + +.screen-reader-shortcut, +.screen-reader-text, +.screen-reader-text span { + border: 0; + clip: rect(1px, 1px, 1px, 1px); + -webkit-clip-path: inset(100%); + clip-path: inset(100%); + height: 1px; + overflow: hidden; + padding: 0; + position: absolute; + white-space: nowrap; + width: 1px; +} + +.screen-reader-shortcut:active, +.screen-reader-shortcut:focus, +.screen-reader-text:active, +.screen-reader-text:focus, +.screen-reader-text span:active, +.screen-reader-text span:focus { + clip: auto; + -webkit-clip-path: none; + clip-path: none; + height: auto; + overflow: visible; + position: static; + white-space: inherit; + width: auto; + position: absolute; + padding: 0.8rem; + color: #ffffff; + background-color: #424950; + text-decoration: none; +} + +.more-link { + position: relative; +} + +.genesis-skip-link { + margin: 0; +} + +.genesis-skip-link li { + width: 0; + height: 0; + list-style: none; +} + +:focus { + outline: 1px solid #dfe2e5; + color: #5a636b; +} + +.has-primary-color { + color: #1e90ff; +} + +.has-primary-background-color { + background-color: #1e90ff; +} + +.has-accent-color { + color: #ffa500; +} + +.has-accent-background-color { + background-color: #ffa500; +} + +.has-success-color { + color: #59b377; +} + +.has-success-background-color { + background-color: #59b377; +} + +.has-warning-color { + color: #ffee58; +} + +.has-warning-background-color { + background-color: #ffee58; +} + +.has-error-color { + color: #dc4649; +} + +.has-error-background-color { + background-color: #dc4649; +} + +.has-white-color { + color: #ffffff; +} + +.has-white-background-color { + background-color: #ffffff; +} + +.has-black-color { + color: #141618; +} + +.has-black-background-color { + background-color: #141618; +} + +.has-h1-font-size { + font-size: 2.3em; +} + +.has-h2-font-size { + font-size: 1.8em; +} + +.has-h3-font-size { + font-size: 1.5em; +} + +.has-h4-font-size { + font-size: 1.3em; +} + +.has-h5-font-size { + font-size: 1.2em; +} + +.has-h6-font-size { + font-size: 1.1em; +} + +.aligncenter, +.alignleft, +.alignright { + display: block; + float: none; + margin: 0 auto 1.6rem; +} + +.aligncenter::after { + clear: both; + content: ''; + display: block; +} + +.alignwide, +.alignfull { + position: relative; + left: 50%; + width: 100vw; +} + +.content-sidebar .alignwide, +.sidebar-content .alignwide, +.content-sidebar .alignfull, +.sidebar-content .alignfull { + left: auto; + width: 100%; + max-width: 100%; + margin-left: 0; + -webkit-transform: none; + transform: none; +} + +.alignwide img, +.alignfull img { + display: inline-block; + width: 100%; + margin: 1.6rem auto; +} + +.alignwide { + max-width: 120%; + -webkit-transform: translate(-50%); + transform: translate(-50%); +} + +.alignfull { + max-width: none; + margin-left: -50vw; +} + +.grid { + display: flex; + flex-wrap: wrap; + justify-content: space-between; +} + +.grid > div { + margin-right: 0; + margin-left: 0; +} + +.full-width { + width: 100%; +} + +@media (min-width: 896px) { + .front-page-2, + .front-page-3 { + padding: 4.8rem 0 1.6rem; + } + body { + font-size: 1.76rem; + } + .site-header .wrap { + flex-wrap: nowrap; + } + .wrap { + display: flex; + flex-wrap: wrap; + justify-content: space-between; + } + .title-area { + padding-top: 1.6rem; + padding-bottom: 1.6rem; + } + .nav-primary { + display: flex !important; + position: relative; + top: auto; + width: auto; + } + .nav-secondary { + border-top: 1px solid #dfe2e5; + } + .nav-secondary .menu { + justify-content: flex-start; + } + .menu { + display: flex; + flex-wrap: wrap; + justify-content: flex-end; + align-items: center; + border: 0; + } + .menu-item { + display: block; + width: auto; + margin: 0; + padding: 1.6rem 1.2944rem; + } + .menu-item:last-of-type { + padding-right: 0; + } + .menu-item:first-of-type { + padding-left: 0; + } + .menu-item.button { + margin-left: 1.6rem; + } + .menu-toggle { + display: none; + } + .sub-menu { + position: absolute; + width: auto; + margin-left: -1.6rem; + border: 1px solid #dfe2e5; + background-color: #ffffff; + } + .sub-menu .menu-item { + width: auto; + padding: 0.8rem 1.6rem; + } + .sub-menu .sub-menu { + top: -1px; + left: 100%; + margin-left: 0; + white-space: nowrap; + } + .sub-menu-toggle { + display: none; + } + .content { + margin-top: 3.2rem; + margin-bottom: 3.2rem; + } + .content-sidebar .content, + .sidebar-content .content, + .center-content .content { + width: calc(100% - (30rem + 3.2rem)); + } + .sidebar-content .content { + order: 1; + } + .sidebar { + margin-top: 3.2rem; + margin-bottom: 3.2rem; + } + .content-sidebar .sidebar, + .sidebar-content .sidebar { + width: 30rem; + } + .wp-block-column { + margin-left: 3.2rem; + } + .wp-block-column:first-of-type { + margin-left: 0; + } + .gallery-item { + margin-left: 3.2rem; + } + .gallery-columns-1 .gallery-item { + margin-left: 0; + } + .gallery-columns-2 .gallery-item { + width: calc((100% - (3.2rem * 1)) / 2); + } + .gallery-columns-2 .gallery-item:nth-of-type(2n + 1) { + margin-left: 0; + } + .gallery-columns-3 .gallery-item { + width: calc((100% - (3.2rem * 2)) / 3); + } + .gallery-columns-3 .gallery-item:nth-of-type(3n + 1) { + margin-left: 0; + } + .gallery-columns-4 .gallery-item { + width: calc((100% - (3.2rem * 3)) / 4); + } + .gallery-columns-4 .gallery-item:nth-of-type(4n + 1) { + margin-left: 0; + } + .gallery-columns-5 .gallery-item { + width: calc((100% - (3.2rem * 4)) / 5); + } + .gallery-columns-5 .gallery-item:nth-of-type(5n + 1) { + margin-left: 0; + } + .gallery-columns-6 .gallery-item { + width: calc((100% - (3.2rem * 5)) / 6); + } + .gallery-columns-6 .gallery-item:nth-of-type(6n + 1) { + margin-left: 0; + } + .gallery-columns-7 .gallery-item { + width: calc((100% - (3.2rem * 6)) / 7); + } + .gallery-columns-7 .gallery-item:nth-of-type(7n + 1) { + margin-left: 0; + } + .gallery-columns-8 .gallery-item { + width: calc((100% - (3.2rem * 7)) / 8); + } + .gallery-columns-8 .gallery-item:nth-of-type(8n + 1) { + margin-left: 0; + } + .gallery-columns-9 .gallery-item { + width: calc((100% - (3.2rem * 8)) / 9); + } + .gallery-columns-9 .gallery-item:nth-of-type(9n + 1) { + margin-left: 0; + } + .footer-widget-area { + flex: 1; + margin-left: 3.2rem; + } + .footer-widget-area:first-of-type { + margin-left: 0; + } + .front-page-1 { + height: 40rem; + } + .alignleft { + float: left; + margin: 0 1.6rem 1.6rem 0; + } + .alignright { + float: right; + margin: 0 0 1.6rem 1.6rem; + } +} + +@media only screen and (min-width: 896px) { + .column, + .one-half, + .one-third, + .one-fourth, + .one-fifth, + .one-sixth, + .one-seventh, + .one-eighth, + .one-ninth, + .one-tenth, + .one-eleventh, + .one-twelfth, + .two-thirds, + .two-fourths, + .two-fifths, + .two-sixths, + .two-sevenths, + .two-eighths, + .two-ninths, + .two-tenths, + .two-elevenths, + .two-twelfths, + .three-fourths, + .three-fifths, + .three-sixths, + .three-sevenths, + .three-eighths, + .three-ninths, + .three-tenths, + .three-elevenths, + .three-twelfths, + .four-fifths, + .four-sixths, + .four-sevenths, + .four-eighths, + .four-ninths, + .four-tenths, + .four-elevenths, + .four-twelfths, + .five-sixths, + .five-sevenths, + .five-eighths, + .five-ninths, + .five-tenths, + .five-elevenths, + .five-twelfths, + .six-sevenths, + .six-eighths, + .six-ninths, + .six-tenths, + .six-elevenths, + .six-twelfths, + .seven-eighths, + .seven-ninths, + .seven-tenths, + .seven-elevenths, + .seven-twelfths, + .eight-ninths, + .eight-tenths, + .eight-elevenths, + .eight-twelfths, + .nine-tenths, + .nine-elevenths, + .nine-twelfths, + .ten-elevenths, + .ten-twelfths, + .eleven-twelfths { + float: left; + margin-bottom: 3.2rem; + margin-left: 3.2rem; + } + .one-half, + .two-fourths, + .three-sixths, + .four-eighths, + .five-tenths, + .six-twelfths { + width: calc((100% - (3.2rem * 1)) / 2); + } + .one-third, + .two-sixths, + .three-ninths, + .four-twelfths { + width: calc((100% - (3.2rem * 2)) / 3); + } + .one-fourth, + .two-eighths, + .three-twelfths { + width: calc((100% - (3.2rem * 3)) / 4); + } + .one-fifth, + .two-tenths { + width: calc((100% - (3.2rem * 4)) / 5); + } + .one-sixth, + .two-twelfths { + width: calc((100% - (3.2rem * 5)) / 6); + } + .one-seventh { + width: calc((100% - (3.2rem * 6)) / 7); + } + .one-eighth { + width: calc((100% - (3.2rem * 7)) / 8); + } + .one-ninth { + width: calc((100% - (3.2rem * 8)) / 9); + } + .one-tenth { + width: calc((100% - (3.2rem * 9)) / 10); + } + .one-eleventh { + width: calc((100% - (3.2rem * 10)) / 11); + } + .one-twelfth { + width: calc((100% - (3.2rem * 11)) / 12); + } + .two-thirds, + .four-sixths, + .six-ninths, + .eight-twelfths { + width: calc(calc((100% - (3.2rem * 2)) / 3) * 2 + 3.2rem); + } + .two-fifths, + .four-tenths { + width: calc(calc((100% - (3.2rem * 4)) / 5) * 2 + 3.2rem); + } + .two-sevenths { + width: calc(calc((100% - (3.2rem * 6)) / 7) * 2 + 3.2rem); + } + .two-ninths { + width: calc(calc((100% - (3.2rem * 8)) / 9) * 2 + 3.2rem); + } + .two-elevenths { + width: calc(calc((100% - (3.2rem * 10)) / 11) * 2 + 3.2rem); + } + .three-fourths, + .six-eighths, + .nine-twelfths { + width: calc(calc((100% - (3.2rem * 3)) / 4) * 3 + (3.2rem * 2)); + } + .three-fifths, + .six-tenths { + width: calc(calc((100% - (3.2rem * 4)) / 5) * 3 + (3.2rem * 2)); + } + .three-sevenths { + width: calc(calc((100% - (3.2rem * 6)) / 7) * 3 + (3.2rem * 2)); + } + .three-eighths { + width: calc(calc((100% - (3.2rem * 7)) / 8) * 3 + (3.2rem * 2)); + } + .three-tenths { + width: calc(calc((100% - (3.2rem * 9)) / 10) * 3 + (3.2rem * 2)); + } + .three-elevenths { + width: calc(calc((100% - (3.2rem * 10)) / 11) * 3 + (3.2rem * 2)); + } + .four-fifths, + .eight-tenths { + width: calc(calc((100% - (3.2rem * 4)) / 5) * 4 + (3.2rem * 3)); + } + .four-sevenths { + width: calc(calc((100% - (3.2rem * 6)) / 7) * 4 + (3.2rem * 3)); + } + .four-ninths { + width: calc(calc((100% - (3.2rem * 8)) / 9) * 4 + (3.2rem * 3)); + } + .four-elevenths { + width: calc(calc((100% - (3.2rem * 10)) / 11) * 4 + (3.2rem * 3)); + } + .five-sixths, + .ten-twelfths { + width: calc(calc((100% - (3.2rem * 5)) / 6) * 5 + (3.2rem * 4)); + } + .five-sevenths { + width: calc(calc((100% - (3.2rem * 6)) / 7) * 5 + (3.2rem * 4)); + } + .five-eighths { + width: calc(calc((100% - (3.2rem * 7)) / 8) * 5 + (3.2rem * 4)); + } + .five-ninths { + width: calc(calc((100% - (3.2rem * 8)) / 9) * 5 + (3.2rem * 4)); + } + .five-elevenths { + width: calc(calc((100% - (3.2rem * 10)) / 11) * 5 + (3.2rem * 4)); + } + .five-twelfths { + width: calc(calc((100% - (3.2rem * 11)) / 12) * 5 + (3.2rem * 4)); + } + .six-sevenths { + width: calc(calc((100% - (3.2rem * 6)) / 7) * 6 + (3.2rem * 5)); + } + .six-elevenths { + width: calc(calc((100% - (3.2rem * 10)) / 11) * 6 + (3.2rem * 5)); + } + .seven-eighths { + width: calc(calc((100% - (3.2rem * 7)) / 8) * 7 + (3.2rem * 6)); + } + .seven-ninths { + width: calc(calc((100% - (3.2rem * 8)) / 9) * 7 + (3.2rem * 6)); + } + .seven-tenths { + width: calc(calc((100% - (3.2rem * 9)) / 10) * 7 + (3.2rem * 6)); + } + .seven-elevenths { + width: calc(calc((100% - (3.2rem * 10)) / 11) * 7 + (3.2rem * 6)); + } + .seven-twelfths { + width: calc(calc((100% - (3.2rem * 11)) / 12) * 7 + (3.2rem * 6)); + } + .eight-ninths { + width: calc(calc((100% - (3.2rem * 8)) / 9) * 8 + (3.2rem * 7)); + } + .eight-elevenths { + width: calc(calc((100% - (3.2rem * 10)) / 11) * 8 + (3.2rem * 7)); + } + .nine-tenths { + width: calc(calc((100% - (3.2rem * 9)) / 10) * 9 + (3.2rem * 8)); + } + .nine-elevenths { + width: calc(calc((100% - (3.2rem * 10)) / 11) * 9 + (3.2rem * 8)); + } + .ten-elevenths { + width: calc(calc((100% - (3.2rem * 10)) / 11) * 10 + (3.2rem * 9)); + } + .eleven-twelfths { + width: calc(calc((100% - (3.2rem * 11)) / 12) * 11 + (3.2rem * 10)); + } + .first { + clear: both; + margin-left: 0; + } +} + +@media (max-width: 896px) { + .no-js .menu-item { + width: 100%; + padding: 0; + } + .no-js .sub-menu .menu-item { + width: auto; + margin: 0 1.6rem 0 0; + padding: 0; + } + .sub-menu .menu-item:last-of-type { + padding-bottom: 0; + } + .wp-block-columns { + flex-wrap: wrap; + } + .wp-block-column { + flex: none; + width: 100%; + } +} + +@media print { + *, + *:before, + *:after { + color: #424950 !important; + background: transparent !important; + box-shadow: none !important; + text-shadow: none !important; + } + a, + a:visited { + text-decoration: underline; + } + a[href]:after { + content: ' (' attr(href) ')'; + } + abbr[title]:after { + content: ' (' attr(title) ')'; + } + a[href^='javascript:']:after, + a[href^='#']:after, + .site-title > a:after { + content: ''; + } + thead { + display: table-header-group; + } + img, + tr { + page-break-inside: avoid; + } + img { + max-width: 100% !important; + } + @page { + margin: 2cm 0.5cm; + } + p, + h2, + h3 { + orphans: 3; + widows: 3; + } + blockquote, + pre { + border: 1px solid #dfe2e5; + page-break-inside: avoid; + } + .content, + .content-sidebar { + width: 100%; + } + button, + input, + select, + textarea, + .breadcrumb, + .comment-edit-link, + .comment-form, + .comment-list .reply a, + .comment-reply-title, + .edit-link, + .entry-comments-link, + .entry-footer, + .genesis-box, + .header-widget-area, + .hidden-print, + .home-top, + .nav-primary, + .nav-secondary, + .post-edit-link, + .sidebar { + display: none !important; + } + .title-area { + width: 100%; + text-align: center; + } + .site-title > a { + margin: 0; + text-decoration: none; + text-indent: 0; + } + .site-inner { + position: relative; + top: -4.8rem; + padding-top: 0; + } + .author-box { + margin-bottom: 0; + } + h1, + h2, + h3, + h4, + h5, + h6 { + orphans: 3; + page-break-after: avoid; + page-break-inside: avoid; + widows: 3; + } + img { + page-break-after: avoid; + page-break-inside: avoid; + } + blockquote, + pre, + table { + page-break-inside: avoid; + } + dl, + ol, + ul { + page-break-before: avoid; + } +} + +/*# sourceMappingURL=style.css.map */ diff --git a/style.css.map b/style.css.map new file mode 100644 index 0000000..e09ba6e --- /dev/null +++ b/style.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["","tools/_extends.scss","generic/_normalize.scss","style.css","generic/_box-sizing.scss","generic/_container.scss","elements/_typography.scss","settings/_colors.scss","../../node_modules/bourbon/core/bourbon/library/_font-stacks.scss","settings/_typography.scss","../../node_modules/bourbon/core/bourbon/helpers/_scales.scss","tools/_mixins.scss","../../node_modules/bourbon/core/bourbon/utilities/_directional-property.scss","settings/_global.scss","elements/_heading.scss","elements/_list.scss","elements/_button.scss","elements/_form.scss","settings/_spacing.scss","../../node_modules/bourbon/core/bourbon/library/_modular-scale.scss","elements/_table.scss","elements/_media.scss","objects/_site-header.scss","objects/_site-footer.scss","components/_wrap.scss","../../node_modules/mqkit/_mq.scss","components/_title-area.scss","../../node_modules/bourbon/core/bourbon/library/_hide-visually.scss","components/_nav-primary.scss","components/_menu.scss","../../node_modules/bourbon/core/bourbon/library/_size.scss","components/_sub-menu.scss","../../node_modules/bourbon/core/bourbon/library/_triangle.scss","components/_custom-header.scss","../../node_modules/bourbon/core/bourbon/library/_position.scss","components/_hero-section.scss","components/_breadcrumb.scss","components/_content.scss","components/_sidebar.scss","components/_author-box.scss","components/_avatar.scss","components/_block.scss","components/_gallery.scss","../../node_modules/gridkit/core/_variables.scss","components/_pagination.scss","components/_comment.scss","../../node_modules/bourbon/core/bourbon/utilities/_compact-shorthand.scss","components/_widget.scss","../../node_modules/bourbon/core/bourbon/library/_clearfix.scss","components/_front-page.scss","utilities/_accessibility.scss","utilities/_gutenberg.scss","utilities/_alignment.scss","../../node_modules/gridkit/core/_utilities.scss","../../node_modules/gridkit/core/_mixins.scss","components/_nav-secondary.scss","settings/_layout.scss","components/_footer-widget-area.scss","utilities/_print.scss"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAAA;ACSA;EACC,kBAAuB;CAKvB;;ACPD;EACC,kBAAiB;EACjB,+BAA8B;CAC9B;;AAED;EACC,UAAS;CACT;;AAED;EACC,iBAAgB;EAChB,eAAc;CACd;;AAED;EACC,kBAAiB;EACjB,wBAAuB;EACvB,UAAS;CACT;;AAED;EACC,uBAAsB;EACtB,eAAc;CACd;;AAED;EACC,8BAA6B;CAC7B;;AAED;EACC,oBAAmB;EACnB,2BAA0B;EAC1B,0CAAiC;UAAjC,kCAAiC;CACjC;;AAED;EACC,oBAAmB;CACnB;;AAED;EACC,uBAAsB;EACtB,eAAc;CACd;;AAED;EACC,eAAc;CACd;;AAED;EACC,mBAAkB;EAClB,eAAc;EACd,eAAc;EACd,yBAAwB;CACxB;;AAED;EACC,gBAAe;CACf;;AAED;EACC,YAAW;CACX;;AAED;EACC,mBAAkB;CAClB;;AAED;EACC,UAAS;EACT,qBAAoB;EACpB,gBAAe;EACf,kBAAiB;CACjB;;AAED;EACC,kBAAiB;CACjB;;AAED;EACC,qBAAoB;CACpB;;ACID;EDDC,2BAA0B;CAC1B;;ACID;EDDC,WAAU;EACV,mBAAkB;CAClB;;ACID;EDDC,+BAA8B;CAC9B;;AAED;EACC,+BAA8B;CAC9B;;AAED;EACC,eAAc;EACd,uBAAsB;EACtB,gBAAe;EACf,WAAU;EACV,eAAc;EACd,oBAAmB;CACnB;;AAED;EACC,yBAAwB;CACxB;;AAED;EACC,eAAc;CACd;;ACID;EDDC,uBAAsB;EACtB,WAAU;CACV;;ACID;EDDC,aAAY;CACZ;;ACID;EDDC,8BAA6B;EAC7B,qBAAoB;CACpB;;ACID;EDDC,yBAAwB;CACxB;;AAED;EACC,2BAA0B;EAC1B,cAAa;CACb;;AAED;EACC,eAAc;CACd;;AAED;EACC,mBAAkB;CAClB;;AAED;EACC,cAAa;CACb;;ACID;EDDC,cAAa;CACb;;AAzJD;EECC,mBAAkB;EAClB,uBAAsB;EACtB,iBAAgB;EAChB,aAAY;EACZ,iBAAgB;EAChB,mCAAkC;EAClC,oCAAmC;CAKnC;;AAZD;EAUE,0BAAyB;CACzB;;AAGF;;;EAGC,oBAAmB;CACnB;;AClBD;EACC,cAAa;EACb,uBAAsB;EACtB,gBAAe;EACf,4BAA2B;EAC3B,iBAAgB;CAKhB;;AAVD;EAQE,YAAW;CACX;;AHJF;EIJC,aAAY;EACZ,UAAS;EACT,eCkB2C;EDjB3C,uBCEkB;EDDlB,wSE4FW;EF3FX,kBGLuB;EHMvB,iBG8ByB;EH7BzB,mBIEuB;CJGvB;;AJYD;EITC,eCfuB;EDgBvB,sBAAqB;CAMrB;;AKbA;ELUC,eCnBsB;EDoBtB,2BAA0B;CKN1B;;ALUF;EACC,mBGzBuB;EH0BvB,WAAU;CACV;;AJdD;EIiBC,YAAW;EACX,mBG/BuB;EHgCvB,oBAAwB;EACxB,UAAS;EACT,iCCR2C;EDS3C,0BAAyB;CACzB;;AJFD;EIMC,iBGDsB;CHEtB;;AAED;;;;EAIC,mBAAkB;CAClB;;AAED;EACC,+BCzB2C;EKgCxC,oBNL6B;EMK7B,gBH1DoB;CH8DvB;;AAZD;EASG,iBAAgB;CAChB;;AJtBH;EI6BC,sBAAqB;EACrB,iBOpEuB;EPqEvB,0BC3C2C;ED4C3C,6CEwHU;EFvHV,eAAc;CACd;;AJrDD;EIwDC,mBAAkB;EAClB,gBG5EuB;EH6EvB,iBO7EuB;EP8EvB,0BCpD2C;EDqD3C,6CE+GU;CFtGV;;AAdD;;;EAUE,WAAU;EACV,8BAA6B;EAC7B,eAAc;CACd;;AQjFF;EANC,mBLAuB;EKCvB,wSN+FW;EM9FX,iBLoC0B;EKnC1B,oBJMuB;CIAvB;;AZDD;EYME,iBLKQ;CKJR;;AAFD;EACC,iBLMQ;CKLR;;AAFD;EACC,iBLOQ;CKNR;;AAFD;EACC,iBLQQ;CKPR;;AAFD;EACC,iBLSQ;CKRR;;AAFD;EACC,iBLUQ;CKTR;;AChBF;;;EAGC,mBNFuB;EMGvB,WAAU;EACV,4BAA2B;CAO3B;;AAZD;;;;;;;;;EAUE,sBNTsB;CMUtB;;AAGF;;EAEC,UAAS;CACT;;AAED;EACC,iBNmB0B;CMlB1B;;ACaD;EAjCC,sBAAqB;EACrB,YAAW;EACX,uBAAgE;EAChE,UAAS;EACT,iBHJuB;EGKvB,YTAkB;ESClB,0BTAqB;ESCrB,sBAA2C;EAC3C,iBP8B0B;EO7B1B,eAAc;EACd,oBAAmB;EACnB,sBAAqB;EACrB,gBAAe;CAwBf;;AL3BA;EKMC,cAAa;EACb,YTXiB;ESYjB,0BTjBsB;ESkBtB,sBAAqB;CLJrB;;AKSA;EAGC,aAAY;EACZ,0BTJyC;ESKzC,oBAAmB;CACnB;;AC9BH;EACC,WAAU;EACV,eVuB2C;CUtB3C;;AAHD;EACC,WAAU;EACV,eVuB2C;CUtB3C;;AAHD;EACC,WAAU;EACV,eVuB2C;CUtB3C;;AAHD;EACC,WAAU;EACV,eVuB2C;CUtB3C;;AAED;EACC,eAAc;EACd,mBCJgC;CDKhC;;AAED;;;EAGC,YAAW;EACX,mBCXgC;EDYhC,aAAY;EACZ,0BVW2C;EUV3C,iBJhBuB;EIiBvB,6BAA4B;EAC5B,iBAAgB;CAchB;;AAvBD;;;EAYE,sBVrBsB;EUsBtB,cAAa;CACb;;AAdF;;;;;EAkBE,sBVL0C;EUM1C,eVJ0C;EUK1C,0BVH0C;EUI1C,oBAAmB;CACnB;;AAGF;EACC,YAAW;CACX;;AAED;;;EAGC,YAAW;EACX,qBCxCgC;CDyChC;;AAED;EACC,mBCzCiC;CD0CjC;;AAED;EACC,yBAAwB;CAMxB;;AAPD;EAKE,cAAa;CACb;;AfuCF;EenCC,aAAY;EACZ,UAAS;EACT,sBAAqB;EACrB,UAAS;CAKT;;AAHA;EACC,oBAAmB;CACnB;;AfgCF;Ee5BC,eAAc;EACd,YAAW;EACX,YAAW;EACX,mBCvEgC;EDwEhC,WAAU;EACV,mBEW0B;ELtF1B,mBLAuB;EKCvB,wSN+FW;EM9FX,iBLoC0B;EKnC1B,oBJMuB;COyEvB;;AAbD;EAWE,YAAW;CACX;;AGlFF;EACC,YAAW;EACX,iBAAqB;EACrB,iBPFuB;EOGvB,kBAAiB;EACjB,0BAAyB;EACzB,sBAAqB;CACrB;;AAED;;EAEC,gBFRgC;EEShC,0Bbe2C;Ead3C,iBAAgB;CAChB;;AAED;EACC,iBXsB0B;CWrB1B;;AClBD;;;;;EAKC,YAAW;EACX,gBAAe;CACf;;AnBwDD;EmBrDC,gBAAe;EACf,aAAY;EACZ,oBAAmB;CACnB;;AAED;EACC,UAAS;CACT;;AAED;EACC,UAAS;CACT;;ACrBD;EACC,mBAAkB;EAClB,WAAU;EACV,iCfwB2C;CeZ3C;;AAfD;EAME,cAAa;EACb,gBAAe;EACf,oBAAmB;EACnB,+BAA8B;CAK9B;;ACdF;EACC,iBAAgB;EAChB,8BhByB2C;CgBxB3C;;AAGD;EACC,kBAAsB;CACtB;;AAGD;EACC,kBAAsB;EACtB,8BhBc2C;CgBT3C;;AAPD;EAKE,iBAAgB;CAChB;;ACjBF;EACC,WAAU;EACV,kBCMqC;EbqCV,mBYzCF;EZ8CE,kBY9CF;CAazB;;AAjBD;EAcE,YAAW;EACX,gBAAe;CACf;;AEhBF;EACC,oBhBSuB;EE8BE,oBMrCO;EN8CL,uBM9CK;CQMhC;;AAGD;EACC,UAAS;EACT,iBjByB0B;CiBX1B;;AAZA;EC2BG,UAAS;EACT,+BAA8B;EAC9B,+BAAsB;UAAtB,uBAAsB;EACtB,YAAW;EACX,iBAAgB;EAChB,WAAU;EACV,mBAAkB;EAClB,oBAAmB;EACnB,WAAU;CDhCZ;;AAPF;EAUE,enBD0C;CmBM1C;;AfjBD;EeeE,enBxBqB;CIctB;;AegBF;EACC,UAAS;EACT,mBAAkB;CAMlB;;AAJA;ECQG,UAAS;EACT,+BAA8B;EAC9B,+BAAsB;UAAtB,uBAAsB;EACtB,YAAW;EACX,iBAAgB;EAChB,WAAU;EACV,mBAAkB;EAClB,oBAAmB;EACnB,WAAU;CDbZ;;AAIF;EACC,YAAW;EACX,iBD3CwC;CCiDxC;;AAJA;EACC,cAAa;EACb,oBAAmB;CACnB;;AEjDF;EACC,cAAa;EACb,mBAAkB;EAClB,UAAS;EACT,QAAO;EACP,aAAY;CAaZ;;AAJA;EACC,cAAa;EACb,mBAAkB;CAClB;;ACjBF;EACC,UAAS;EACT,uBtBIkB;EsBHlB,sBAAqB;EjBqCI,8BLbkB;EKsBhB,iCLtBgB;CsBkH3C;;AA9HA;EACC,YAAW;EACX,UAAS;EACT,0BAAyB;CACzB;;AAGD;EACC,cAAa;EACb,gBAAe;EACf,oBAAmB;EACnB,+BAA8B;EAC9B,WAAU;EACV,sBAAuB;EjBiBG,mBiBfD;EjBoBC,kBiBpBD;CAgCzB;;AAxCA;EAkCC,WAAU;CAKV;;AA7DH;EAkEE,etB7C0C;CsB8C1C;;AAnEF;;;EAwEE,etBvEsB;CsBwEtB;;AAGD;EACC,cAAa;EACb,oBAAmB;EACnB,wBAAuB;EACvB,UAAS;EACT,WAAU;EACV,8BAA6B;ECrD3B,eDuDwC;EChDxC,cDgDwC;CAwD1C;;AlBlID;EkBiFE,8BAA6B;ClB5E9B;;AkB6DA;EAmBC,2BtBpEyC;CsBqEzC;;AApBD;;;EAyBC,eAAc;EACd,mBAAkB;EAClB,cAAmC;EACnC,YAAW;EACX,0BtBpFyC;EsBqFzC,YAAW;CACX;;AA/BD;EAkCC,UAAS;EACT,YAAW;EACX,aAAY;EACZ,aAAY;CASZ;;AA9CD;EAwCE,aXjH6B;CWkH7B;;AAzCF;EA4CE,gBXrH6B;CWsH7B;;AA7CF;EAmDE,8BAA6B;CAW7B;;AA9DF;EAsDG,OAAM;EACN,iCAAwB;UAAxB,yBAAwB;CACxB;;AAxDH;EA2DG,UAAS;EACT,kCAAyB;UAAzB,0BAAyB;CACzB;;AEzIL;EACC,cAAa;EACb,UAAS;EACT,YAAW;EACX,qBbDgC;EaEhC,sBAAqB;CA0FrB;;AAhFA;;EAEC,eAAc;CACd;;AAlBF;EAsBE,YAAW;CAuBX;;AA7CF;EA2CG,mBAAkB;CAClB;;AAeF;EACC,cAAa;EACb,wBAAuB;EACvB,UAAS;EACT,WAAU;EACV,8BAA6B;EAC7B,eAAc;EDpCZ,eZxB6B;EY+B7B,cZ/B6B;CayF/B;;ApBpFD;EoBgEE,8BAA6B;CpB3D9B;;AoB4CA;EAmBC,2BxBnDyC;CwBoDzC;;AApBD;EAuBC,YAAW;ECvCV,oBAAmB;EACnB,UAAS;EACT,SAAQ;EAeN,8CAA4C;EAC5C,8BAAoC;CDwBvC;;AA1BD;EChBE,oBAAmB;EACnB,UAAS;EACT,SAAQ;EAGN,8CzB3BsC;EyB4BtC,8BD0CkC;CACpC;;AEzFJ;EACC,cAAa;EACb,oBAAmB;EACnB,wBAAuB;EtBkCvB,iBAAgB;EAChB,mBAAkB;EuBKjB,mBDrCyB;ECyCrB,ODzCwB;ECyCxB,SDzC0B;ECyC1B,UDzC4B;ECyC5B,QDzC8B;CAiBnC;;AtBiBA;EACC,eAAc;EACd,4CJjB0C;EIkB1C,YAAW;EuBAX,mBvBE0B;EuBEtB,OvBFyB;EuBEzB,SvBF2B;EuBE3B,UvBF6B;EuBE7B,QvBF+B;CACnC;;AsB9CF;EAqBE,gBAAe;CACf;;AEIF;EA5BC,cAAa;EACb,gBAAe;EACf,oBAAmB;EACnB,wBAAuB;EACvB,kBAAuB;EACvB,iC5BqB2C;E4BpB3C,4BAA2B;EAC3B,uBAAsB;EACtB,mBAAkB;ExB+BlB,iBAAgB;EAChB,mBAAkB;CwBTlB;;AxBWA;EACC,eAAc;EACd,4CJjB0C;EIkB1C,YAAW;EuBAX,mBvBE0B;EuBEtB,OvBFyB;EuBEzB,SvBF2B;EuBE3B,UvBF6B;EuBE7B,QvBF+B;CACnC;;AwBpCD;EACC,wBAAuB;EACvB,mBAAkB;CAClB;;AAED;EACC,YAAW;EACX,iBAAgB;CAChB;;AAED;EACC,mB1BvBsB;E0BwBtB,iBAAgB;CAChB;;AC1BF;EACC,mB3BAuB;C2BOvB;;ACRD;EACC,YAAW;EzBuCc,mBHvCF;EGgDI,sBHhDJ;C4BoCvB;;AAXA;EzBmB2B,mByBjBD;EzBsBC,kByBtBD;CACzB;;AAID;;EAEC,UAAS;CACT;;ACpCF;E1BwC0B,mBHvCF;EGgDI,sBHhDJ;C6BkBvB;;ACnBD;EACC,iBAAqB;EACrB,gB9BDuB;E8BEvB,0BhCyB2C;CgCP3C;;AAfA;EACC,0BrBLgC;CqBMhC;;AAGD;EACC,qBAAwC;CAQxC;;AATA;EAME,iBAAgB;CAChB;;AClBJ;EACC,YAAW;EACX,kBtBIiC;EsBHjC,qB/BFuB;C+BGvB;;AC6DA;E7BzByB,mBHvCF;EGgDI,sBHhDJ;CgCmEtB;;AASD;E7BrCyB,mBHvCF;EGgDI,sBHhDJ;CgCoGtB;;AAxBA;EAmBE,mBAAkB;CAClB;;AAOH;E7BhEyB,mBHvCF;EGgDI,sBHhDJ;CgC0HtB;;AAnBA;EAKC,qBhC5GqB;CgC6GrB;;AAND;EASC,oBhChHqB;CgCiHrB;;AAVD;EAaC,gBAAe;CACf;;AAdD;EAiBC,gBAAe;CACf;;AAeF;EACC,eAAc;E7BlGU,mBMnCO;EN4CL,sBM5CK;CuB6I/B;;AATA;E7BjGwB,mBMnCO;EN4CL,sBM5CK;CuB4I9B;;ACjJH;EACC,cAAa;EACb,gBAAe;CAuFf;;AApFA;EACC,uCCI4C;EDH5C,sBxBF+B;CwBmF/B;;AA/EA;EACC,YAAW;CACX;;AAND;EAiFC,YAAW;CACX;;AEvFH;EAGE,cAAa;EACb,gBAAe;EACf,sBAAqB;CACrB;;AANF;EASE,qB1BN+B;C0BO/B;;ACRF;EACC,iBAAqB;CAoErB;;AAjEA;EACC,sBAAqB;CACrB;;AANF;EAUE,sBAAqB;EjC4BG,ckCrBL;ElC8BO,iBkC9BP;CDJnB;;AAMD;EACC,UAAS;CACT;;AAkBD;EACC,cAAa;CACb;;AE3CF;EACC,sBtCAuB;CsC2BvB;;AArBA;EACC,mB5B+EyB;C4B9EzB;;ACEA;EACE,YAAW;EACX,YAAW;EACX,eAAc;CACf;;ADfH;EAoBG,gB7BbgC;C6BchC;;AArBH;EAwBG,uB7BvBgC;E6BwBhC,kBtCxBqB;CsCyBrB;;AE1BH;EdCC,cAAa;EACb,gBAAe;EACf,oBAAmB;EACnB,wBAAuB;EACvB,kBAAuB;EACvB,iC5BqB2C;E4BpB3C,4BAA2B;EAC3B,uBAAsB;EACtB,mBAAkB;ExB+BlB,iBAAgB;EAChB,mBAAkB;CsClClB;;AtCoCA;EACC,eAAc;EACd,4CJjB0C;EIkB1C,YAAW;EuBAX,mBvBE0B;EuBEtB,OvBFyB;EuBEzB,SvBF2B;EuBE3B,UvBF6B;EuBE7B,QvBF+B;CACnC;;AwBpCD;EACC,wBAAuB;EACvB,mBAAkB;CAClB;;AAED;EACC,YAAW;EACX,iBAAgB;CAChB;;AAED;EACC,mB1BvBsB;E0BwBtB,iBAAgB;CAChB;;AcjBF;EACC,iC1CiB2C;C0Cd3C;;ACbD;;;EvB2CI,UAAS;EACT,+BAA8B;EAC9B,+BAAsB;UAAtB,uBAAsB;EACtB,YAAW;EACX,iBAAgB;EAChB,WAAU;EACV,mBAAkB;EAClB,oBAAmB;EACnB,WAAU;CuBlCb;;AAjBD;;;;;EvBqDI,WAAU;EACV,wBAAe;UAAf,gBAAe;EACf,aAAY;EACZ,kBAAiB;EACjB,iBAAgB;EAChB,qBAAoB;EACpB,YAAW;EuBhDb,mBAAkB;EAClB,gBhCT+B;EgCU/B,Y3CPiB;E2CQjB,0B3CO0C;E2CN1C,sBAAqB;CACrB;;AAGF;EACC,mBAAkB;CAClB;;AAED;EACC,UAAS;CAOT;;AARD;EAIE,SAAQ;EACR,UAAS;EACT,iBAAgB;CAChB;;AAGF;EACC,2B3CP2C;E2CQ3C,e3Cb2C;C2Cc3C;;AC9BA;EACC,eAAO;CACP;;AAED;EACC,0BAAkB;CAClB;;AAND;EACC,eAAO;CACP;;AAED;EACC,0BAAkB;CAClB;;AAND;EACC,eAAO;CACP;;AAED;EACC,0BAAkB;CAClB;;AAND;EACC,eAAO;CACP;;AAED;EACC,0BAAkB;CAClB;;AAND;EACC,eAAO;CACP;;AAED;EACC,0BAAkB;CAClB;;AAND;EACC,YAAO;CACP;;AAED;EACC,uBAAkB;CAClB;;AAND;EACC,eAAO;CACP;;AAED;EACC,0BAAkB;CAClB;;AASD;EACC,iBAAW;CACX;;AAFD;EACC,iBAAW;CACX;;AAFD;EACC,iBAAW;CACX;;AAFD;EACC,iBAAW;CACX;;AAFD;EACC,iBAAW;CACX;;AAFD;EACC,iBAAW;CACX;;ACrBD;EAGC,eAAc;EACd,YAAW;EACX,sB3CNsB;C2COtB;;AJGA;EACE,YAAW;EACX,YAAW;EACX,eAAc;CACf;;AIgBF;EAEC,mBAAkB;EAClB,UAAS;EACT,aAAY;CAgBZ;;AAdA;;;EAEC,WAAU;EACV,YAAW;EACX,gBAAe;EACf,eAAc;EACd,wBAAe;UAAf,gBAAe;CACf;;AAbD;EAgBC,sBAAqB;EACrB,YAAW;EACX,oBAAwB;CACxB;;AAGF;EACC,gBAAe;EACf,mCAA0B;UAA1B,2BAA0B;CAC1B;;AAED;EACC,gBAAe;EACf,mBAAkB;CAClB;;ACjDF;ECAC,cAAa;EACb,gBAAe;EACf,+BAA8B;CDC9B;;ACCA;EACC,gBAAe;EACf,eAAc;CACd;;ADFF;EACC,YAAW;CACX;;A5BsIA;ExBxJD;IAIE,yBAA8C;GAE/C;ECFD;IIME,mBAAkE;GAEnE;EgBbD;IAYG,kBAAiB;GAElB;EEdF;IAOE,cAAa;IACb,gBAAe;IACf,+BAA8B;GAQ/B;EEjBD;IdwC0B,oBHvCF;IGgDI,uBHhDJ;GiBQvB;EETD;IAQE,yBAAwB;IACxB,mBAAkB;IAClB,UAAS;IACT,YAAW;GAOZ;E2BlBD;IAGE,8BhDwB0C;GgDf3C;EAZD;IASG,4BAA2B;GAE5B;E1BXF;IAQE,cAAa;IACb,gBAAe;IACf,0BAAyB;IACzB,oBAAmB;IACnB,UAAS;GAiIV;EAvHA;IAmBE,eAAc;IACd,YAAW;IACX,UAAS;IACT,0BAA0C;GAkB3C;EAxCA;IAyBE,iBAAgB;GAChB;EA1BF;IA6BE,gBAAe;GACf;EA9BF;IAqCE,oBpB1DoB;GoB4DrB;EAeF;IAWE,cAAa;GAqDd;EE5IF;IAQE,mBAAkB;IAClB,YAAW;IACX,qBtBTsB;IsBUtB,0BxBgB0C;IwBf1C,uBxBNiB;GwByFlB;EA/FD;IAsCG,YAAW;IACX,uBtBtCqB;GsB4CtB;EA7CF;IAmDG,UAAS;IACT,WAAU;IACV,eAAc;IACd,oBAAmB;GAEpB;EAGD;IAWE,cAAa;GAwBd;EM9FF;IzBwC0B,mBMnCO;IN4CL,sBM5CK;GmBgChC;EA3BA;;;IAKE,qCmBdgF;GnBgBjF;EAED;IAGE,SAAQ;GAET;ECxBF;I1BwC0B,mBMnCO;IN4CL,sBM5CK;GoBchC;EAVA;;IAIE,akBb2B;GlBe5B;EGeD;IAQE,oBvBjC8B;GuBuC/B;EAdA;IAWE,eAAc;GACd;ECrCH;IASE,oBxBT8B;GwBmF/B;EA/EA;IAQE,eAAc;GACd;EAED;IACC,uCCX0C;GDgB1C;EAND;IAIE,eAAc;GACd;EAGF;IACC,uCClB2C;GDuB3C;EAND;IAIE,eAAc;GACd;EAGF;IACC,uCCzB4C;GD8B5C;EAND;IAIE,eAAc;GACd;EAGF;IACC,uCChC2C;GDqC3C;EAND;IAIE,eAAc;GACd;EAGF;IACC,uCCvC2C;GD4C3C;EAND;IAIE,eAAc;GACd;EAGF;IACC,uCC9C6C;GDmD7C;EAND;IAIE,eAAc;GACd;EAGF;IACC,uCCrD4C;GD0D5C;EAND;IAIE,eAAc;GACd;EAGF;IACC,uCC5D2C;GDiE3C;EAND;IAIE,eAAc;GACd;EejFL;IAGE,QAAO;IACP,oBvCC+B;GuCKhC;EAVD;IAOG,eAAc;GACd;ERRH;IAKE,cAAa;GAEd;EGGA;IAGE,YAAW;IACX,0BAAmC;GAEpC;EAED;IAGE,aAAY;IACZ,0B3CrBqB;G2CuBtB;CjDxBD;;AkDqBD;EAEC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAmEC,YAAW;IACX,sBnCtF+B;ImCuF/B,oBnCvF+B;GmCwF/B;EAED;;;;;;IAMC,uCV3F4C;GU4F5C;EAED;;;;IAIC,uCVjG6C;GUkG7C;EAED;;;IAGC,uCVtG8C;GUuG9C;EAED;;IAEC,uCV1G6C;GU2G7C;EAED;;IAEC,uCV9G6C;GU+G7C;EAED;IACC,uCVjH+C;GUkH/C;EAED;IACC,uCVpH8C;GUqH9C;EAED;IACC,uCVvH6C;GUwH7C;EAED;IACC,wCV1H8C;GU2H9C;EAED;IACC,yCV7HkD;GU8HlD;EAED;IACC,yCVhIiD;GUiIjD;EAED;;;;IAIC,0DVpI+C;GUqI/C;EAED;;IAEC,0DVvI+C;GUwI/C;EAED;IACC,0DVzImD;GU0InD;EAED;IACC,0DV3I+C;GU4I/C;EAED;IACC,4DV7IqD;GU8IrD;EAED;;;IAGC,gEV/IyD;GUgJzD;EAED;;IAEC,gEVnJuD;GUoJvD;EAED;IACC,gEVrJ2D;GUsJ3D;EAED;IACC,gEVxJyD;GUyJzD;EAED;IACC,iEV1JuD;GU2JvD;EAED;IACC,kEV7J6D;GU8J7D;EAED;;IAEC,gEV9JsD;GU+JtD;EAED;IACC,gEVhK0D;GUiK1D;EAED;IACC,gEVlKsD;GUmKtD;EAED;IACC,kEVpK4D;GUqK5D;EAED;;IAEC,gEVrKsD;GUsKtD;EAED;IACC,gEVxK0D;GUyK1D;EAED;IACC,gEV3KwD;GU4KxD;EAED;IACC,gEV9KsD;GU+KtD;EAED;IACC,kEVhL4D;GUiL5D;EAED;IACC,kEVnL0D;GUoL1D;EAED;IACC,gEVpLyD;GUqLzD;EAED;IACC,kEVpL2D;GUqL3D;EAED;IACC,gEVpLyD;GUqLzD;EAED;IACC,gEVvLuD;GUwLvD;EAED;IACC,iEV1LuD;GU2LvD;EAED;IACC,kEV7L6D;GU8L7D;EAED;IACC,kEVhM2D;GUiM3D;EAED;IACC,gEVjMuD;GUkMvD;EAED;IACC,kEVnM6D;GUoM7D;EAED;IACC,iEVnMsD;GUoMtD;EAED;IACC,kEVtM4D;GUuM5D;EAED;IACC,mEVtM4D;GUuM5D;EAED;IACC,oEVtM8D;GUuM9D;EAED;IACC,YAAW;IACX,eAAc;GACd;ClDqhDD;;AsBvqDA;EIvHE;IACC,YAAW;IACX,WAAU;GACV;EEXD;IACC,YAAW;IACX,qBAAyB;IACzB,WAAU;GACV;EA9BJ;IAiCI,kBAAiB;GACjB;EUXH;IAGE,gBAAe;GAEhB;EAED;IAGE,WAAU;IACV,YAAW;GAUZ;CtC0oBD;;AuDtrBD;EtDcA;;;IsDTE,0BAAiC;IACjC,mCAAkC;IAClC,4BAA2B;IAC3B,6BAA4B;GAC5B;EAED;;IAEC,2BAA0B;GAC1B;EAED;IACC,6BAA4B;GAC5B;EAED;IACC,8BAA6B;GAC7B;EAED;;;IAGC,YAAW;GACX;EAED;IACC,4BAA2B;GAC3B;EAED;;IAEC,yBAAwB;GACxB;ExD0BF;IwDvBE,2BAA0B;GAC1B;EAED;IACC,kBAAiB;GvDg9ChB;EuD78CF;;;IAGC,WAAU;IACV,UAAS;GACT;EAED;;IAEC,0BnD7B0C;ImD8B1C,yBAAwB;GACxB;EAED;;IAEC,YAAW;GACX;EAED;;;;;;;;;;;;;;;;;;;;IAoBC,yBAAwB;GACxB;EhCtFF;IgCyFE,YAAW;IACX,mBAAkB;GAClB;EAED;IACC,UAAS;IACT,sBAAqB;IACrB,eAAc;GACd;EAED;IACC,mBAAkB;IAClB,aAAsB;IACtB,eAAc;GACd;EnBvGF;ImB0GE,iBAAgB;GAChB;E5CpGF;I4C4GE,WAAU;IACV,wBAAuB;IACvB,yBAAwB;IACxB,UAAS;GACT;ExDxDF;IwD2DE,wBAAuB;IACvB,yBAAwB;GACxB;EAED;;;IAGC,yBAAwB;GACxB;EAED;;;IAGC,yBAAwB;GACxB;CvD+7CD","file":"style.css","sourcesContent":[null,"////\n/// Custom extends.\n///\n/// @group Tools\n/// @author Lee Anthony \n/// @link https://github.com/seothemes/genesis-starter-theme\n////\n\n// Front page widget.\n%front-page-widget {\n\tpadding: $spacing--xl 0;\n\n\t@include mq(m) {\n\t\tpadding: $spacing--xl 0 $spacing--xl - $gutter;\n\t}\n}\n","////\n/// Normalize.\n///\n/// @group Generic\n/// @author Lee Anthony \n/// @link https://github.com/seothemes/genesis-starter-theme\n////\n\nhtml {\n\tline-height: 1.15;\n\t-webkit-text-size-adjust: 100%;\n}\n\nbody {\n\tmargin: 0;\n}\n\nh1 {\n\tmargin: 0.67em 0;\n\tfont-size: 2em;\n}\n\nhr {\n\toverflow: visible;\n\tbox-sizing: content-box;\n\theight: 0;\n}\n\npre {\n\tfont-family: monospace;\n\tfont-size: 1em;\n}\n\na {\n\tbackground-color: transparent;\n}\n\nabbr[title] {\n\tborder-bottom: none;\n\ttext-decoration: underline;\n\ttext-decoration: underline dotted;\n}\n\nb, strong {\n\tfont-weight: bolder;\n}\n\ncode, kbd, samp {\n\tfont-family: monospace;\n\tfont-size: 1em;\n}\n\nsmall {\n\tfont-size: 80%;\n}\n\nsub, sup {\n\tposition: relative;\n\tfont-size: 75%;\n\tline-height: 0;\n\tvertical-align: baseline;\n}\n\nsub {\n\tbottom: -0.25em;\n}\n\nsup {\n\ttop: -0.5em;\n}\n\nimg {\n\tborder-style: none;\n}\n\nbutton, input, optgroup, select, textarea {\n\tmargin: 0;\n\tfont-family: inherit;\n\tfont-size: 100%;\n\tline-height: 1.15;\n}\n\nbutton, input {\n\toverflow: visible;\n}\n\nbutton, select {\n\ttext-transform: none;\n}\n\n[type=\"button\"], [type=\"reset\"], [type=\"submit\"], button {\n\t-webkit-appearance: button;\n}\n\n[type=\"button\"]::-moz-focus-inner, [type=\"reset\"]::-moz-focus-inner, [type=\"submit\"]::-moz-focus-inner, button::-moz-focus-inner {\n\tpadding: 0;\n\tborder-style: none;\n}\n\n[type=\"button\"]:-moz-focusring, [type=\"reset\"]:-moz-focusring, [type=\"submit\"]:-moz-focusring, button:-moz-focusring {\n\toutline: 1px dotted ButtonText;\n}\n\nfieldset {\n\tpadding: 0.35em 0.75em 0.625em;\n}\n\nlegend {\n\tdisplay: table;\n\tbox-sizing: border-box;\n\tmax-width: 100%;\n\tpadding: 0;\n\tcolor: inherit;\n\twhite-space: normal;\n}\n\nprogress {\n\tvertical-align: baseline;\n}\n\ntextarea {\n\toverflow: auto;\n}\n\n[type=\"checkbox\"], [type=\"radio\"] {\n\tbox-sizing: border-box;\n\tpadding: 0;\n}\n\n[type=\"number\"]::-webkit-inner-spin-button, [type=\"number\"]::-webkit-outer-spin-button {\n\theight: auto;\n}\n\n[type=\"search\"] {\n\t-webkit-appearance: textfield;\n\toutline-offset: -2px;\n}\n\n[type=\"search\"]::-webkit-search-decoration {\n\t-webkit-appearance: none;\n}\n\n::-webkit-file-upload-button {\n\t-webkit-appearance: button;\n\tfont: inherit;\n}\n\ndetails {\n\tdisplay: block;\n}\n\nsummary {\n\tdisplay: list-item;\n}\n\ntemplate {\n\tdisplay: none;\n}\n\n[hidden] {\n\tdisplay: none;\n}\n","////\n/// Primary screen stylesheet.\n///\n/// This is the primary stylesheet. We don't actually write any styles here.\n/// Instead, we import all of our styles from partials within the sub-folders.\n/// This file is set up based on the Inverted Triangle CSS (ITCSS) system,\n/// which gets more specific as we drill down each layer. This keeps your\n/// style code lean and organized.\n///\n/// The bulk of your code should be within the `/components` folder. By\n/// default, we follow the Block-Element-Modifier (BEM) system in our HTML.\n/// Each \"block\" is a \"component\" in our CSS.\n///\n/// @group Styles\n/// @author Lee Anthony \n/// @link http://sass-guidelin.es/#main-file\n////\n\n@import \"../../node_modules/bourbon/core/bourbon\";\n@import \"settings/_index\";\n@import \"tools/_index\";\n@import \"generic/_index\";\n@import \"elements/_index\";\n@import \"objects/_index\";\n@import \"components/_index\";\n@import \"utilities/_index\";\n@import \"vendor/_index\";\n","////\n/// Box Sizing.\n///\n/// @group Generic\n/// @author Lee Anthony \n/// @link https://github.com/seothemes/genesis-starter-theme\n////\n\nhtml {\n\toverflow-x: hidden;\n\tbox-sizing: border-box;\n\tmax-width: 100vw;\n\theight: 100%;\n\tfont-size: 62.5%; // 10px browser default\n\t-moz-osx-font-smoothing: grayscale;\n\t-webkit-font-smoothing: antialiased;\n\n\t&.admin-bar-showing {\n\t\theight: calc(100% - 32px);\n\t}\n}\n\n*,\n*:before,\n*:after {\n\tbox-sizing: inherit;\n}\n","////\n/// Containers.\n///\n/// @group Generic\n/// @author Lee Anthony \n/// @link https://github.com/seothemes/genesis-starter-theme\n////\n\n.site-container {\n\tdisplay: flex;\n\tflex-direction: column;\n\tflex-wrap: wrap;\n\tjustify-content: flex-start;\n\tmin-height: 100%;\n\n\t> * {\n\t\twidth: 100%;\n\t}\n}\n","////\n/// Typography.\n///\n/// @group Base\n/// @author Lee Anthony \n/// @link https://github.com/seothemes/genesis-starter-theme\n////\n\nbody {\n\theight: 100%;\n\tmargin: 0;\n\tcolor: $color--gray-80;\n\tbackground-color: $color--white;\n\tfont-family: $base--font-family;\n\tfont-size: $base--font-size;\n\tfont-weight: $font-weight--regular;\n\tline-height: $base--line-height;\n\n\t@include mq(m) {\n\t\tfont-size: $base--font-size * strip-unit(map_get($font-sizes, h6));\n\t}\n}\n\na {\n\tcolor: $color--primary;\n\ttext-decoration: none;\n\n\t@include hover-focus {\n\t\tcolor: $color--primary;\n\t\ttext-decoration: underline;\n\t}\n}\n\np {\n\tmargin: 0 0 $spacing--m;\n\tpadding: 0;\n}\n\nhr {\n\tclear: both;\n\tmargin: 0 0 $spacing--m;\n\tpadding: $spacing--m 0 0;\n\tborder: 0;\n\tborder-bottom: $base--border;\n\tborder-collapse: collapse;\n}\n\nb,\nstrong {\n\tfont-weight: $font-weight--bold;\n}\n\nblockquote,\ncite,\nem,\ni {\n\tfont-style: italic;\n}\n\nblockquote {\n\tborder-left: $base__border;\n\n\t@include margin($spacing--m auto);\n\t@include padding($spacing--m);\n\n\tp {\n\n\t\t&:last-of-type {\n\t\t\tmargin-bottom: 0;\n\t\t}\n\t}\n}\n\ncode,\nkbd,\nsamp {\n\tpadding: 0.05em 0.5em;\n\tborder-radius: $base--border--radius;\n\tbackground-color: $color--gray-20;\n\tfont-family: $font-family--code;\n\tfont-size: 90%;\n}\n\npre {\n\toverflow-x: scroll;\n\tpadding: $spacing--m;\n\tborder-radius: $base--border--radius;\n\tbackground-color: $color--gray-20;\n\tfont-family: $font-family--code;\n\n\tcode,\n\tkbd,\n\tsamp {\n\t\tpadding: 0;\n\t\tbackground-color: transparent;\n\t\tfont-size: 90%;\n\t}\n}\n","////\n/// Color settings.\n///\n/// @group Settings\n/// @author Lee Anthony \n/// @link https://seothemes.com/themes/genesis-starter-theme\n////\n\n// Palette\n$color--primary: #1e90ff;\n$color--accent: #ffa500;\n$color--success: #59b377;\n$color--warning: #ffee58;\n$color--error: #dc4649;\n$color--white: #fff;\n$color--black: #141618;\n\n$colors: (\n\tprimary: $color--primary,\n\taccent: $color--accent,\n\tsuccess: $color--success,\n\twarning: $color--warning,\n\terror: $color--error,\n\twhite: $color--white,\n\tblack: $color--black,\n);\n\n// Grayscale\n$color--gray-90: lighten($color--black, 10%);\n$color--gray-80: lighten($color--black, 20%);\n$color--gray-70: lighten($color--black, 30%);\n$color--gray-60: lighten($color--black, 40%);\n$color--gray-50: lighten($color--black, 50%);\n$color--gray-40: lighten($color--black, 60%);\n$color--gray-30: lighten($color--black, 70%);\n$color--gray-20: lighten($color--black, 80%);\n$color--gray-10: lighten($color--black, 90%);\n\n// Social\n$color--dribbble: #ea4c89;\n$color--email: #049fb3;\n$color--facebook: #3b5998;\n$color--flickr: #ff0084;\n$color--github: #333;\n$color--gplus: #dd4b39;\n$color--linkedin: #007bb6;\n$color--pinterest: #bd081c;\n$color--rss: #f60;\n$color--stumbleupon: #eb4823;\n$color--tumblr: #32506d;\n$color--twitter: #1da1f2;\n$color--vimeo: #aad450;\n$color--youtube: #f00;\n$color--snapchat: #fffc00;\n$color--instagram: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285aeb 90%);\n","@charset \"UTF-8\";\n\n/// A variable that outputs a Helvetica font stack.\n///\n/// @link https://goo.gl/uSJvZe\n///\n/// @type list\n///\n/// @example scss\n/// .element {\n/// font-family: $font-stack-helvetica;\n/// }\n///\n/// // CSS Output\n/// .element {\n/// font-family: \"Helvetica Neue\", \"Helvetica\", \"Arial\", sans-serif;\n/// }\n\n$font-stack-helvetica: (\n \"Helvetica Neue\",\n \"Helvetica\",\n \"Arial\",\n sans-serif,\n);\n\n/// A variable that outputs a Lucida Grande font stack.\n///\n/// @link https://goo.gl/R5UyYE\n///\n/// @type list\n///\n/// @example scss\n/// .element {\n/// font-family: $font-stack-lucida-grande;\n/// }\n///\n/// // CSS Output\n/// .element {\n/// font-family: \"Lucida Grande\", \"Lucida Sans Unicode\", \"Geneva\", \"Verdana\", sans-serif;\n/// }\n\n$font-stack-lucida-grande: (\n \"Lucida Grande\",\n \"Lucida Sans Unicode\",\n \"Geneva\",\n \"Verdana\",\n sans-serif,\n);\n\n/// A variable that outputs a Verdana font stack.\n///\n/// @link https://goo.gl/yGXWSS\n///\n/// @type list\n///\n/// @example scss\n/// .element {\n/// font-family: $font-stack-verdana;\n/// }\n///\n/// // CSS Output\n/// .element {\n/// font-family: \"Verdana\", \"Geneva\", sans-serif;\n/// }\n\n$font-stack-verdana: (\n \"Verdana\",\n \"Geneva\",\n sans-serif,\n);\n\n/// A variable that outputs a system font stack.\n///\n/// @type list\n///\n/// @example scss\n/// .element {\n/// font-family: $font-stack-system;\n/// }\n///\n/// // CSS Output\n/// .element {\n/// font-family: system-ui, -apple-system, BlinkMacSystemFont, \"Avenir Next\", \"Avenir\", \"Segoe UI\", \"Lucida Grande\", \"Helvetica Neue\", \"Helvetica\", \"Fira Sans\", \"Roboto\", \"Noto\", \"Droid Sans\", \"Cantarell\", \"Oxygen\", \"Ubuntu\", \"Franklin Gothic Medium\", \"Century Gothic\", \"Liberation Sans\", sans-serif;\n/// }\n\n$font-stack-system: (\n system-ui,\n -apple-system,\n BlinkMacSystemFont,\n \"Avenir Next\",\n \"Avenir\",\n \"Segoe UI\",\n \"Lucida Grande\",\n \"Helvetica Neue\",\n \"Helvetica\",\n \"Fira Sans\",\n \"Roboto\",\n \"Noto\",\n \"Droid Sans\",\n \"Cantarell\",\n \"Oxygen\",\n \"Ubuntu\",\n \"Franklin Gothic Medium\",\n \"Century Gothic\",\n \"Liberation Sans\",\n sans-serif,\n);\n\n/// A variable that outputs a Garamond font stack.\n///\n/// @link https://goo.gl/QQFEkV\n///\n/// @type list\n///\n/// @example scss\n/// .element {\n/// font-family: $font-stack-garamond;\n/// }\n///\n/// // CSS Output\n/// .element {\n/// font-family: \"Garamond\", \"Baskerville\", \"Baskerville Old Face\", \"Hoefler Text\", \"Times New Roman\", serif;\n/// }\n\n$font-stack-garamond: (\n \"Garamond\",\n \"Baskerville\",\n \"Baskerville Old Face\",\n \"Hoefler Text\",\n \"Times New Roman\",\n serif,\n);\n\n/// A variable that outputs a Georgia font stack.\n///\n/// @link https://goo.gl/wtzVPy\n///\n/// @type list\n///\n/// @example scss\n/// .element {\n/// font-family: $font-stack-georgia;\n/// }\n///\n/// // CSS Output\n/// .element {\n/// font-family: \"Georgia\", \"Times\", \"Times New Roman\", serif;\n/// }\n\n$font-stack-georgia: (\n \"Georgia\",\n \"Times\",\n \"Times New Roman\",\n serif,\n);\n\n/// A variable that outputs a Hoefler Text font stack.\n///\n/// @link https://goo.gl/n7U7zx\n///\n/// @type list\n///\n/// @example scss\n/// .element {\n/// font-family: $font-stack-hoefler-text;\n/// }\n///\n/// // CSS Output\n/// .element {\n/// font-family: \"Hoefler Text\", \"Baskerville Old Face\", \"Garamond\", \"Times New Roman\", serif;\n/// }\n\n$font-stack-hoefler-text: (\n \"Hoefler Text\",\n \"Baskerville Old Face\",\n \"Garamond\",\n \"Times New Roman\",\n serif,\n);\n\n/// A variable that outputs a Consolas font stack.\n///\n/// @link https://goo.gl/iKrtqv\n///\n/// @type list\n///\n/// @example scss\n/// .element {\n/// font-family: $font-stack-consolas;\n/// }\n///\n/// // CSS Output\n/// .element {\n/// font-family: \"Consolas\", \"monaco\", monospace;\n/// }\n\n$font-stack-consolas: (\n \"Consolas\",\n \"monaco\",\n monospace,\n);\n\n/// A variable that outputs a Courier New font stack.\n///\n/// @link https://goo.gl/bHfWMP\n///\n/// @type list\n///\n/// @example scss\n/// .element {\n/// font-family: $font-stack-courier-new;\n/// }\n///\n/// // CSS Output\n/// .element {\n/// font-family: \"Courier New\", \"Courier\", \"Lucida Sans Typewriter\", \"Lucida Typewriter\", monospace;\n/// }\n\n$font-stack-courier-new: (\n \"Courier New\",\n \"Courier\",\n \"Lucida Sans Typewriter\",\n \"Lucida Typewriter\",\n monospace,\n);\n\n/// A variable that outputs a Monaco font stack.\n///\n/// @link https://goo.gl/9PgKDO\n///\n/// @type list\n///\n/// @example scss\n/// .element {\n/// font-family: $font-stack-monaco;\n/// }\n///\n/// // CSS Output\n/// .element {\n/// font-family: \"Monaco\", \"Consolas\", \"Lucida Console\", monospace;\n/// }\n\n$font-stack-monaco: (\n \"Monaco\",\n \"Consolas\",\n \"Lucida Console\",\n monospace,\n);\n","////\n/// Typography settings.\n///\n/// @group Settings\n/// @author Lee Anthony \n/// @link https://seothemes.com/themes/genesis-starter-theme\n////\n\n// Font sizes\n$base--font-size: 1.6rem;\n\n$font-size--h1: modular-scale(5, $base--font-size, $minor-third);\n$font-size--h2: modular-scale(4, $base--font-size, $minor-third);\n$font-size--h3: modular-scale(3, $base--font-size, $minor-third);\n$font-size--h4: modular-scale(2, $base--font-size, $minor-third);\n$font-size--h5: modular-scale(1, $base--font-size, $minor-third);\n$font-size--h6: modular-scale(0, $base--font-size, $minor-third);\n\n//$font-sizes: (\n//\th1: $font-size--h1,\n//\th2: $font-size--h2,\n//\th3: $font-size--h3,\n//\th4: $font-size--h4,\n//\th5: $font-size--h5,\n//\th6: $font-size--h6,\n//) !default;\n\n$font-sizes: (\n\th1: 2.3em,\n\th2: 1.8em,\n\th3: 1.5em,\n\th4: 1.3em,\n\th5: 1.2em,\n\th6: 1.1em,\n);\n\n// Font families\n$base--font-family: $font-stack-system;\n\n$font-family--heading: $base--font-family;\n$font-family--code: $font-stack-consolas;\n\n// Font weights\n$font-weight--extralight: 200;\n$font-weight--light: 300;\n$font-weight--regular: 400;\n$font-weight--medium: 500;\n$font-weight--semibold: 600;\n$font-weight--bold: 700;\n\n// Line height\n$base--line-height: modular-scale(0, $golden);\n\n$line-height--heading: modular-scale(-1, $golden);\n","@charset \"UTF-8\";\n\n////\n/// Pre-defined scales for use with the `modular-scale` function.\n///\n/// @type number (unitless)\n///\n/// @see {function} modular-scale\n////\n\n$minor-second: 1.067;\n$major-second: 1.125;\n$minor-third: 1.2;\n$major-third: 1.25;\n$perfect-fourth: 1.333;\n$augmented-fourth: 1.414;\n$perfect-fifth: 1.5;\n$minor-sixth: 1.6;\n$golden: 1.618;\n$major-sixth: 1.667;\n$minor-seventh: 1.778;\n$major-seventh: 1.875;\n$octave: 2;\n$major-tenth: 2.5;\n$major-eleventh: 2.667;\n$major-twelfth: 3;\n$double-octave: 4;\n","////\n/// Custom mixins.\n///\n/// @group Tools\n/// @author Lee Anthony \n/// @link https://github.com/seothemes/genesis-starter-theme\n////\n\n////\n/// Hover focus mixin\n///\n/// @group Tools\n/// @author Lee Anthony \n/// @link https://github.com/seothemes/genesis-starter-theme\n////\n\n@mixin hover-focus {\n\n\t&:hover,\n\t&:focus,\n\t&:active {\n\n\t\t@content;\n\t}\n}\n\n////\n/// Border mixin\n///\n/// @group Tools\n/// @author Lee Anthony \n/// @link https://github.com/seothemes/genesis-starter-theme\n////\n\n@mixin border( $values ) {\n\n\t@include _directional-property(border, null, $values);\n}\n\n////\n/// Overlay mixin\n///\n/// @group Tools\n/// @author Lee Anthony \n/// @link https://github.com/seothemes/genesis-starter-theme\n////\n\n@mixin overlay {\n\toverflow: hidden;\n\tposition: relative;\n\n\t&:before {\n\t\tdisplay: block;\n\t\tbackground-color: rgba($color--gray-10, 0.82);\n\t\tcontent: \"\";\n\n\t\t@include position(absolute, 0 0 0 0);\n\t}\n}\n","@charset \"UTF-8\";\n\n// scss-lint:disable SpaceAroundOperator\n\n/// Builds directional properties by parsing CSS shorthand values. For example,\n/// a value of `10px null` will output top and bottom directional properties,\n/// but the `null` skips left and right from being output.\n///\n/// @argument {string} $property\n/// Base property.\n///\n/// @argument {string} $suffix\n/// Suffix to append. Use `null` to omit.\n///\n/// @argument {list} $values\n/// List of values to set for the property.\n///\n/// @example scss\n/// .element {\n/// @include _directional-property(border, width, null 5px);\n/// }\n///\n/// // CSS Output\n/// .element {\n/// border-right-width: 5px;\n/// border-left-width: 5px;\n/// }\n///\n/// @require {function} _compact-shorthand\n///\n/// @require {function} _contains-falsy\n///\n/// @access private\n\n@mixin _directional-property(\n $property,\n $suffix,\n $values\n) {\n $top: $property + \"-top\" + if($suffix, \"-#{$suffix}\", \"\");\n $bottom: $property + \"-bottom\" + if($suffix, \"-#{$suffix}\", \"\");\n $left: $property + \"-left\" + if($suffix, \"-#{$suffix}\", \"\");\n $right: $property + \"-right\" + if($suffix, \"-#{$suffix}\", \"\");\n $all: $property + if($suffix, \"-#{$suffix}\", \"\");\n\n $values: _compact-shorthand($values);\n\n @if _contains-falsy($values) {\n @if nth($values, 1) { #{$top}: nth($values, 1); }\n\n @if length($values) == 1 {\n @if nth($values, 1) { #{$right}: nth($values, 1); }\n } @else {\n @if nth($values, 2) { #{$right}: nth($values, 2); }\n }\n\n @if length($values) == 2 {\n @if nth($values, 1) { #{$bottom}: nth($values, 1); }\n @if nth($values, 2) { #{$left}: nth($values, 2); }\n } @else if length($values) == 3 {\n @if nth($values, 3) { #{$bottom}: nth($values, 3); }\n @if nth($values, 2) { #{$left}: nth($values, 2); }\n } @else if length($values) == 4 {\n @if nth($values, 3) { #{$bottom}: nth($values, 3); }\n @if nth($values, 4) { #{$left}: nth($values, 4); }\n }\n } @else {\n #{$all}: $values;\n }\n}\n","////\n/// Global base settings.\n///\n/// @group Settings\n/// @author Lee Anthony \n/// @link https://seothemes.com/themes/genesis-starter-theme\n////\n\n// Borders\n$base--border--radius: 0;\n$base--border--width: 1px;\n$base--border--style: solid;\n$base--border--color: $color--gray-20;\n$base--border: $base--border--width $base--border--style $base--border--color;\n\n// Shadows\n$base--box-shadow--x: 0;\n$base--box-shadow--y: 0;\n$base--box-shadow--blur: $base--font-size;\n$base--box-shadow--spread: 0;\n$base--box-shadow--color: $color--black;\n$base--box-shadow--opacity: 0.1;\n$base--box-shadow: $base--box-shadow--x $base--box-shadow--y $base--box-shadow--blur $base--box-shadow--spread rgba($base--box-shadow--color, $base--box-shadow--opacity);\n\n// Transition\n$base--transition-property: all;\n$base--transition-duration: 0.2s;\n$base--transition-timing-function: ease;\n$base--transition-delay: 0;\n$base--transition: $base--transition-property $base--transition-duration $base--transition-timing-function $base--transition-delay;\n","////\n/// Heading.\n///\n/// @group Base\n/// @author Lee Anthony \n/// @link https://github.com/seothemes/genesis-starter-theme\n////\n\n@mixin heading {\n\tmargin: 0 0 $spacing--m;\n\tfont-family: $font-family--heading;\n\tfont-weight: $font-weight--semibold;\n\tline-height: $line-height--heading;\n}\n\n#{$all-headings} {\n\n\t@include heading;\n}\n\n@each $heading, $font-size in $font-sizes {\n\n\t#{$heading} {\n\t\tfont-size: $font-size;\n\t}\n}\n","////\n/// List.\n///\n/// @group Base\n/// @author Lee Anthony \n/// @link https://github.com/seothemes/genesis-starter-theme\n////\n\nul,\nol,\ndl {\n\tmargin: 0 0 $spacing--m;\n\tpadding: 0;\n\tlist-style-position: inside;\n\n\tul,\n\tol,\n\tdl {\n\t\tmargin: $spacing--s $spacing--m;\n\t}\n}\n\ndd,\ndt {\n\tmargin: 0;\n}\n\ndt {\n\tfont-weight: $font-weight--semibold;\n}\n","////\n/// Button.\n///\n/// @group Base\n/// @author Lee Anthony \n/// @link https://github.com/seothemes/genesis-starter-theme\n////\n\n@mixin button {\n\tdisplay: inline-block;\n\twidth: auto;\n\tpadding: $spacing--m * $major-second $spacing--l * $major-second;\n\tborder: 0;\n\tborder-radius: $base--border--radius;\n\tcolor: $color--white;\n\tbackground-color: $color--black;\n\tfont-size: $base--font-size / $major-second;\n\tfont-weight: $font-weight--semibold;\n\tline-height: 1;\n\twhite-space: normal;\n\ttext-decoration: none;\n\tcursor: pointer;\n\n\t@include hover-focus {\n\t\toutline: none;\n\t\tcolor: $color--white;\n\t\tbackground-color: $color--primary;\n\t\ttext-decoration: none;\n\t}\n\n\t&:disabled {\n\n\t\t&,\n\t\t&:hover,\n\t\t&:focus {\n\t\t\topacity: 0.5;\n\t\t\tbackground-color: $color--gray-50;\n\t\t\tcursor: not-allowed;\n\t\t}\n\t}\n}\n\n#{$all-buttons} {\n\n\t@include button;\n}\n","////\n/// Form.\n///\n/// @group Base\n/// @author Lee Anthony \n/// @link https://github.com/seothemes/genesis-starter-theme\n////\n\n::placeholder {\n\topacity: 1; // Firefox fix\n\tcolor: $color--gray-40;\n}\n\nlabel {\n\tdisplay: block;\n\tmargin: 0 0 $spacing--s;\n}\n\ninput,\nselect,\ntextarea {\n\twidth: 100%;\n\tmargin: 0 0 $spacing--s;\n\tpadding: 1em;\n\tborder: $base--border;\n\tborder-radius: $base--border--radius;\n\tbackground-clip: padding-box; // Remove iOS box shadow\n\tbox-shadow: none;\n\n\t&:focus {\n\t\tborder-color: $color--primary;\n\t\toutline: none;\n\t}\n\n\t&:disabled,\n\t&:disabled:hover {\n\t\tborder-color: $color--gray-60;\n\t\tcolor: $color--gray-40;\n\t\tbackground-color: $color--gray-20;\n\t\tcursor: not-allowed;\n\t}\n}\n\nselect {\n\theight: 2em;\n}\n\ninput[type=\"checkbox\"],\ninput[type=\"image\"],\ninput[type=\"radio\"] {\n\twidth: auto;\n\tmargin-right: $spacing--s;\n}\n\ninput[type=\"color\"] {\n\tmin-height: $spacing--xl;\n}\n\ninput[type=\"search\"] {\n\t-webkit-appearance: none;\n\n\t&::-webkit-search-cancel-button,\n\t&::-webkit-search-results-button {\n\t\tdisplay: none;\n\t}\n}\n\nfieldset {\n\tmin-width: 0;\n\tmargin: 0;\n\tpadding: 0.01em 0 0 0;\n\tborder: 0;\n\n\tbody:not(:-moz-handler-blocked) & {\n\t\tdisplay: table-cell;\n\t}\n}\n\nlegend {\n\tdisplay: table;\n\tfloat: left;\n\twidth: 100%;\n\tmargin: 0 0 $spacing--s;\n\tpadding: 0;\n\tfont-size: $font-size--h5;\n\n\t@include heading;\n\n\t+ * {\n\t\tclear: both;\n\t}\n}\n","////\n/// Spacing settings.\n///\n/// @group Settings\n/// @author Lee Anthony \n/// @link https://seothemes.com/themes/genesis-starter-theme\n////\n\n$spacing--xxxs: $base--font-size / 8;\n$spacing--xxs: $base--font-size / 5;\n$spacing--xs: $base--font-size / 3;\n$spacing--s: $base--font-size / 2;\n$spacing--m: $base--font-size;\n$spacing--l: $base--font-size * 2;\n$spacing--xl: $base--font-size * 3;\n$spacing--xxl: $base--font-size * 5;\n$spacing--xxxl: $base--font-size * 8;\n","@charset \"UTF-8\";\n\n/// Increments up or down a defined scale and returns an adjusted value. This\n/// helps establish consistent measurements and spacial relationships throughout\n/// your project. We provide a list of commonly used scales as\n/// [pre-defined variables][scales].\n///\n/// [scales]: https://github.com/thoughtbot/bourbon/blob/master/core/bourbon/helpers/_scales.scss\n///\n/// @argument {number (unitless)} $increment\n/// How many steps to increment up or down the scale.\n///\n/// @argument {number (with unit) | list} $value [1em]\n/// The base value the scale starts at. Can also be set globally using the\n/// `modular-scale-base` key in the Bourbon settings.\n///\n/// @argument {number (unitless)} $ratio [1.25]\n/// The ratio the scale is built on. Can also be set globally using the\n/// `modular-scale-ratio` key in the Bourbon settings.\n///\n/// @return {number (with unit)}\n///\n/// @example scss\n/// .element {\n/// font-size: modular-scale(2);\n/// }\n///\n/// // CSS Output\n/// .element {\n/// font-size: 1.5625em;\n/// }\n///\n/// @example scss\n/// .element {\n/// margin-right: modular-scale(3, 2em);\n/// }\n///\n/// // CSS Output\n/// .element {\n/// margin-right: 3.90625em;\n/// }\n///\n/// @example scss\n/// .element {\n/// font-size: modular-scale(3, 1em 1.6em, $major-seventh);\n/// }\n///\n/// // CSS Output\n/// .element {\n/// font-size: 3em;\n/// }\n///\n/// @example scss\n/// // Globally change the base ratio\n/// $bourbon: (\n/// \"modular-scale-ratio\": 1.2,\n/// );\n///\n/// .element {\n/// font-size: modular-scale(3);\n/// }\n///\n/// // CSS Output\n/// .element {\n/// font-size: 1.728em;\n/// }\n///\n/// @require {function} _fetch-bourbon-setting\n\n@function modular-scale(\n $increment,\n $value: _fetch-bourbon-setting(\"modular-scale-base\"),\n $ratio: _fetch-bourbon-setting(\"modular-scale-ratio\")\n) {\n $v1: nth($value, 1);\n $v2: nth($value, length($value));\n $value: $v1;\n\n // scale $v2 to just above $v1\n @while $v2 > $v1 {\n $v2: ($v2 / $ratio); // will be off-by-1\n }\n @while $v2 < $v1 {\n $v2: ($v2 * $ratio); // will fix off-by-1\n }\n\n // check AFTER scaling $v2 to prevent double-counting corner-case\n $double-stranded: $v2 > $v1;\n\n @if $increment > 0 {\n @for $i from 1 through $increment {\n @if $double-stranded and ($v1 * $ratio) > $v2 {\n $value: $v2;\n $v2: ($v2 * $ratio);\n } @else {\n $v1: ($v1 * $ratio);\n $value: $v1;\n }\n }\n }\n\n @if $increment < 0 {\n // adjust $v2 to just below $v1\n @if $double-stranded {\n $v2: ($v2 / $ratio);\n }\n\n @for $i from $increment through -1 {\n @if $double-stranded and ($v1 / $ratio) < $v2 {\n $value: $v2;\n $v2: ($v2 / $ratio);\n } @else {\n $v1: ($v1 / $ratio);\n $value: $v1;\n }\n }\n }\n\n @return $value;\n}\n","////\n/// Table.\n///\n/// @group Base\n/// @author Lee Anthony \n/// @link https://github.com/seothemes/genesis-starter-theme\n////\n\ntable {\n\twidth: 100%;\n\tmargin: $spacing--s 0;\n\tborder-radius: $base--border--radius;\n\tborder-spacing: 0;\n\tborder-collapse: collapse;\n\tword-break: break-all;\n}\n\nth,\ntd {\n\tpadding: $spacing--s;\n\tborder: $base--border;\n\ttext-align: left;\n}\n\nth {\n\tfont-weight: $font-weight--semibold;\n}\n","////\n/// Media.\n///\n/// @group Base\n/// @author Lee Anthony \n/// @link https://github.com/seothemes/genesis-starter-theme\n////\n\nembed,\niframe,\nobject,\nvideo,\n.wp-caption {\n\twidth: 100%;\n\tmax-width: 100%;\n}\n\nimg {\n\tmax-width: 100%;\n\theight: auto;\n\tvertical-align: top;\n}\n\nfigure {\n\tmargin: 0;\n}\n\niframe {\n\tborder: 0;\n}\n","////\n/// Site header object.\n///\n/// @group Objects\n/// @author Lee Anthony \n/// @link https://github.com/seothemes/genesis-starter-theme\n////\n\n.site-header {\n\tposition: relative;\n\tz-index: 1;\n\tborder-bottom: $base--border;\n\n\t.wrap {\n\t\tdisplay: flex;\n\t\tflex-wrap: wrap;\n\t\talign-items: center;\n\t\tjustify-content: space-between;\n\n\t\t@include mq(m) {\n\t\t\tflex-wrap: nowrap;\n\t\t}\n\t}\n}\n","////\n/// Site footer object.\n///\n/// @group Objects\n/// @author Lee Anthony \n/// @link https://github.com/seothemes/genesis-starter-theme\n////\n\n.site-footer {\n\tmargin-top: auto;\n\tborder-top: $base--border;\n}\n\n// Footer widgets layout.\n.footer-widgets {\n\tpadding: $spacing--l 0;\n}\n\n// Footer credits layout.\n.footer-credits {\n\tpadding: $spacing--l 0;\n\tborder-top: $base--border;\n\n\tp {\n\t\tmargin-bottom: 0;\n\t}\n}\n","////\n/// Wrap component.\n///\n/// @group Components\n/// @author Lee Anthony \n/// @link https://github.com/seothemes/genesis-starter-theme\n////\n\n.wrap {\n\twidth: 90%;\n\tmax-width: $mq-xl;\n\n\t@include margin(null auto);\n\n\t@include mq(m) {\n\t\tdisplay: flex;\n\t\tflex-wrap: wrap;\n\t\tjustify-content: space-between;\n\t}\n\n\t// Sub wrap.\n\t.wrap {\n\t\twidth: 100%;\n\t\tmax-width: 100%;\n\t}\n}\n","@charset \"UTF-8\"; // Fixes an issue where Ruby locale is not set properly\n// See https://github.com/sass-mq/sass-mq/pull/10\n\n/// Based on 16:9 screen resolutions\n///\n/// @link https://pacoup.com/2011/06/12/list-of-true-169-resolutions/\n$mq-base: 896px;\n$mq-increment: 128px;\n\n$mq-xxxxs: $mq-base - ($mq-increment * 5);\n$mq-xxxs: $mq-base - ($mq-increment * 4);\n$mq-xxs: $mq-base - ($mq-increment * 3);\n$mq-xs: $mq-base - ($mq-increment * 2);\n$mq-s: $mq-base - $mq-increment;\n$mq-m: $mq-base;\n$mq-l: $mq-base + $mq-increment;\n$mq-xl: $mq-base + ($mq-increment * 2);\n$mq-xxl: $mq-base + ($mq-increment * 3);\n$mq-xxxl: $mq-base + ($mq-increment * 4);\n$mq-xxxxl: $mq-base + ($mq-increment * 5);\n\n/// Breakpoint list\n///\n/// Name your breakpoints in a way that creates a ubiquitous language\n/// across team members. It will improve communication between\n/// stakeholders, designers, developers, and testers.\n///\n/// @type Map\n/// @link https://github.com/sass-mq/sass-mq#seeing-the-currently-active-breakpoint Full documentation and examples\n$mq-breakpoints: (\n\txxxxs: $mq-xxxxs,\n\txxxs: $mq-xxxs,\n\txxs: $mq-xxs,\n\txs: $mq-xs,\n\ts: $mq-s,\n\tm: $mq-m,\n\tl: $mq-l,\n\txl: $mq-xl,\n\txxl: $mq-xxl,\n\txxxl: $mq-xxxl,\n\txxxxl: $mq-xxxxl,\n) !default;\n\n/// Customize the media type (e.g. `@media screen` or `@media print`)\n/// By default sass-mq uses an \"all\" media type (`@media all and …`)\n///\n/// @type String\n/// @link https://github.com/sass-mq/sass-mq#changing-media-type Full documentation and examples\n$mq-media-type: all !default;\n\n/// Get a breakpoint's width\n///\n/// @param {String} $name - Name of the breakpoint. One of $mq-breakpoints\n///\n/// @example scss\n/// $tablet-width: mq-get-breakpoint-width(tablet);\n/// @media (min-width: mq-get-breakpoint-width(desktop)) {}\n///\n/// @requires {Variable} $mq-breakpoints\n///\n/// @returns {Number} Value in pixels\n@function mq-get-breakpoint-width($name, $breakpoints: $mq-breakpoints) {\n\t@if map-has-key($breakpoints, $name) {\n\t\t@return map-get($breakpoints, $name);\n\t} @else {\n\t\t@warn \"Breakpoint #{$name} wasn't found in $breakpoints.\";\n\t}\n}\n\n/// Media Query mixin\n///\n/// @param {String | Boolean} $from (false) - One of $mq-breakpoints\n/// @param {String | Boolean} $until (false) - One of $mq-breakpoints\n/// @param {String | Boolean} $and (false) - Additional media query parameters\n/// @param {String} $media-type ($mq-media-type) - Media type: screen, print…\n///\n/// @ignore Undocumented API, for advanced use only:\n/// @ignore @param {Map} $breakpoints ($mq-breakpoints)\n/// @ignore @param {String} $static-breakpoint ($mq-static-breakpoint)\n///\n/// @content styling rules, wrapped into a @media query when $responsive is true\n///\n/// @requires {Variable} $mq-media-type\n/// @requires {Variable} $mq-breakpoints\n/// @requires {Variable} $mq-static-breakpoint\n/// @requires {function} mq-px2em\n/// @requires {function} mq-get-breakpoint-width\n///\n/// @link https://github.com/sass-mq/sass-mq#responsive-mode-on-default Full documentation and examples\n///\n/// @example scss\n/// .element {\n/// @include mq($from: mobile) {\n/// color: red;\n/// }\n/// @include mq($until: tablet) {\n/// color: blue;\n/// }\n/// @include mq(mobile, tablet) {\n/// color: green;\n/// }\n/// @include mq($from: tablet, $and: '(orientation: landscape)') {\n/// color: teal;\n/// }\n/// @include mq(950px) {\n/// color: hotpink;\n/// }\n/// @include mq(tablet, $media-type: screen) {\n/// color: hotpink;\n/// }\n/// // Advanced use:\n/// $my-breakpoints: (L: 900px, XL: 1200px);\n/// @include mq(L, $breakpoints: $my-breakpoints, $static-breakpoint: L) {\n/// color: hotpink;\n/// }\n/// }\n@mixin mq(\n\t$from: false,\n\t$until: false,\n\t$and: false,\n\t$media-type: $mq-media-type,\n\t$breakpoints: $mq-breakpoints\n) {\n\t$min-width: 0;\n\t$max-width: 0;\n\t$media-query: '';\n\n\t// From: this breakpoint (inclusive)\n\t@if $from {\n\t\t@if type-of($from) == number {\n\t\t\t$min-width: $from;\n\t\t} @else {\n\t\t\t$min-width: mq-get-breakpoint-width($from, $breakpoints);\n\t\t}\n\t}\n\n\t// Until: that breakpoint (exclusive)\n\t@if $until {\n\t\t@if type-of($until) == number {\n\t\t\t$max-width: $until;\n\t\t} @else {\n\t\t\t$max-width: mq-get-breakpoint-width($until, $breakpoints);\n\t\t}\n\t}\n\n\t@if $min-width != 0 {\n\t\t$media-query: '#{$media-query} and (min-width: #{$min-width})';\n\t}\n\t@if $max-width != 0 {\n\t\t$media-query: '#{$media-query} and (max-width: #{$max-width})';\n\t}\n\t@if $and {\n\t\t$media-query: '#{$media-query} and #{$and}';\n\t}\n\n\t// Remove unnecessary media query prefix 'all and '\n\t@if ($media-type == 'all' and $media-query != '') {\n\t\t$media-type: '';\n\t\t$media-query: str-slice(unquote($media-query), 6);\n\t}\n\n\t@media #{$media-type + $media-query} {\n\t\t@content;\n\t}\n}\n","////\n/// Title area component.\n///\n/// @group Components\n/// @author Lee Anthony \n/// @link https://github.com/seothemes/genesis-starter-theme\n////\n\n.title-area {\n\tline-height: $line-height--heading;\n\n\t@include padding($spacing--s null);\n\n\t@include mq(m) {\n\n\t\t@include padding($spacing--m null);\n\t}\n}\n\n// Site title.\n.site-title {\n\tmargin: 0;\n\tfont-weight: $font-weight--semibold;\n\n\t.wp-custom-logo & {\n\n\t\t@include hide-visually;\n\t}\n\n\ta {\n\t\tcolor: $color--gray-80;\n\n\t\t@include hover-focus {\n\t\t\tcolor: $color--primary;\n\t\t}\n\t}\n}\n\n// Site description.\n.site-description {\n\tmargin: 0;\n\tfont-size: smaller;\n\n\t.wp-custom-logo & {\n\n\t\t@include hide-visually;\n\t}\n}\n\n// Custom logo.\n.custom-logo {\n\twidth: 100%;\n\tmax-width: $mq-xxxxs;\n\n\t&-link {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t}\n}\n","@charset \"UTF-8\";\n\n/// Hides an element visually while still allowing the content to be accessible\n/// to assistive technology, e.g. screen readers. Passing `unhide` will reverse\n/// the affects of the hiding, which is handy for showing the element on focus,\n/// for example.\n///\n/// @link https://goo.gl/Vf1TGn\n///\n/// @argument {string} $toggle [hide]\n/// Accepts `hide` or `unhide`. `unhide` reverses the affects of `hide`.\n///\n/// @example scss\n/// .element {\n/// @include hide-visually;\n///\n/// &:active,\n/// &:focus {\n/// @include hide-visually(\"unhide\");\n/// }\n/// }\n///\n/// // CSS Output\n/// .element {\n/// border: 0;\n/// clip: rect(1px, 1px, 1px, 1px);\n/// clip-path: inset(100%);\n/// height: 1px;\n/// overflow: hidden;\n/// padding: 0;\n/// position: absolute;\n/// width: 1px;\n/// }\n///\n/// .hide-visually:active,\n/// .hide-visually:focus {\n/// clip: auto;\n/// clip-path: none;\n/// height: auto;\n/// overflow: visible;\n/// position: static;\n/// width: auto;\n/// }\n///\n/// @since 5.0.0\n\n@mixin hide-visually($toggle: \"hide\") {\n @if not index(\"hide\" \"unhide\", $toggle) {\n @error \"`#{$toggle}` is not a valid value for the `$toggle` argument in \" +\n \"the `hide-visually` mixin. Must be either `hide` or `unhide`.\";\n } @else if $toggle == \"hide\" {\n border: 0;\n clip: rect(1px, 1px, 1px, 1px);\n clip-path: inset(100%);\n height: 1px;\n overflow: hidden;\n padding: 0;\n position: absolute;\n white-space: nowrap;\n width: 1px;\n } @else if $toggle == \"unhide\" {\n clip: auto;\n clip-path: none;\n height: auto;\n overflow: visible;\n position: static;\n white-space: inherit;\n width: auto;\n }\n}\n","////\n/// Nav Primary component.\n///\n/// @group Components\n/// @author Lee Anthony \n/// @link https://github.com/seothemes/genesis-starter-theme\n////\n\n.nav-primary {\n\tdisplay: none;\n\tposition: absolute;\n\ttop: 100%;\n\tleft: 0;\n\twidth: 100vw;\n\n\t@include mq(m) {\n\t\tdisplay: flex !important;\n\t\tposition: relative;\n\t\ttop: auto;\n\t\twidth: auto;\n\t}\n\n\t.no-js & {\n\t\tdisplay: flex;\n\t\tposition: relative;\n\t}\n}\n","////\n/// Menu component.\n///\n/// @group Components\n/// @author Lee Anthony \n/// @link https://github.com/seothemes/genesis-starter-theme\n////\n\n.menu {\n\tmargin: 0;\n\tbackground-color: $color--white;\n\tlist-style-type: none;\n\n\t@include border($base--border null);\n\n\t@include mq(m) {\n\t\tdisplay: flex;\n\t\tflex-wrap: wrap;\n\t\tjustify-content: flex-end;\n\t\talign-items: center;\n\t\tborder: 0;\n\t}\n\n\t.no-js & {\n\t\twidth: 100%;\n\t\tborder: 0;\n\t\ttransition: all 0.2s ease;\n\t}\n\n\t// Menu item.\n\t&-item {\n\t\tdisplay: flex;\n\t\tflex-wrap: wrap;\n\t\talign-items: center;\n\t\tjustify-content: space-between;\n\t\twidth: 90%;\n\t\tpadding: $spacing--xs 0;\n\n\t\t@include margin(null auto);\n\n\t\t@include mq($until: m) {\n\n\t\t\t.no-js & {\n\t\t\t\twidth: 100%;\n\t\t\t\tpadding: 0;\n\t\t\t}\n\t\t}\n\n\t\t@include mq(m) {\n\t\t\tdisplay: block;\n\t\t\twidth: auto;\n\t\t\tmargin: 0;\n\t\t\tpadding: $spacing--m $spacing--s * $golden;\n\n\t\t\t&:last-of-type {\n\t\t\t\tpadding-right: 0;\n\t\t\t}\n\n\t\t\t&:first-of-type {\n\t\t\t\tpadding-left: 0;\n\t\t\t}\n\t\t}\n\n\t\t&.button {\n\t\t\tpadding: 0;\n\n\t\t\t@include mq(m) {\n\t\t\t\tmargin-left: $spacing--m;\n\t\t\t}\n\t\t}\n\t}\n\n\t// Link\n\ta {\n\t\tcolor: $color--gray-80;\n\t}\n\n\ta:hover,\n\ta:focus,\n\t.current-menu-item > a {\n\t\tcolor: $color--primary;\n\t}\n\n\t// Menu toggle.\n\t&-toggle {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t\tbackground-color: transparent;\n\n\t\t@include size($spacing--m * $perfect-fifth);\n\n\t\t@include mq(m) {\n\t\t\tdisplay: none;\n\t\t}\n\n\t\t@include hover-focus {\n\t\t\tbackground-color: transparent;\n\t\t}\n\n\t\t&:focus {\n\t\t\toutline: $base--border;\n\t\t}\n\n\t\t.hamburger,\n\t\t.hamburger:before,\n\t\t.hamburger:after {\n\t\t\tdisplay: block;\n\t\t\tposition: absolute;\n\t\t\twidth: $spacing--m * $perfect-fifth;\n\t\t\theight: 3px;\n\t\t\tbackground-color: $color--gray-80;\n\t\t\tcontent: \"\";\n\t\t}\n\n\t\t.hamburger {\n\t\t\ttop: auto;\n\t\t\tright: auto;\n\t\t\tbottom: auto;\n\t\t\tmargin: auto;\n\n\t\t\t&:before {\n\t\t\t\ttop: -$spacing--s;\n\t\t\t}\n\n\t\t\t&:after {\n\t\t\t\tbottom: -$spacing--s;\n\t\t\t}\n\t\t}\n\n\t\t&.activated {\n\n\t\t\t.hamburger {\n\t\t\t\tbackground-color: transparent;\n\n\t\t\t\t&:before {\n\t\t\t\t\ttop: 0;\n\t\t\t\t\ttransform: rotate(45deg);\n\t\t\t\t}\n\n\t\t\t\t&:after {\n\t\t\t\t\tbottom: 0;\n\t\t\t\t\ttransform: rotate(-45deg);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n","@charset \"UTF-8\";\n\n/// Sets the `width` and `height` of the element in one statement.\n///\n/// @argument {number (with unit) | string} $width\n///\n/// @argument {number (with unit) | string} $height [$width]\n///\n/// @example scss\n/// .first-element {\n/// @include size(2em);\n/// }\n///\n/// // CSS Output\n/// .first-element {\n/// width: 2em;\n/// height: 2em;\n/// }\n///\n/// @example scss\n/// .second-element {\n/// @include size(auto, 10em);\n/// }\n///\n/// // CSS Output\n/// .second-element {\n/// width: auto;\n/// height: 10em;\n/// }\n///\n/// @require {function} _is-size\n\n@mixin size(\n $width,\n $height: $width\n) {\n @if _is-size($height) {\n height: $height;\n } @else {\n @error \"`#{$height}` is not a valid length for the `$height` argument \" +\n \"in the `size` mixin.\";\n }\n\n @if _is-size($width) {\n width: $width;\n } @else {\n @error \"`#{$width}` is not a valid length for the `$width` argument \" +\n \"in the `size` mixin.\";\n }\n}\n","////\n/// Sub menu component.\n///\n/// @group Components\n/// @author Lee Anthony \n/// @link https://github.com/seothemes/genesis-starter-theme\n////\n\n.sub-menu {\n\tdisplay: none;\n\ttop: 100%;\n\twidth: 100%;\n\tmargin: 0 0 0 $spacing--s;\n\tlist-style-type: none;\n\n\t@include mq(m) {\n\t\tposition: absolute;\n\t\twidth: auto;\n\t\tmargin-left: -$spacing--m;\n\t\tborder: $base--border;\n\t\tbackground-color: $color--white;\n\t}\n\n\t.no-js .menu-item-has-children:hover > &,\n\t.no-js .menu-item-has-children:focus > & {\n\t\tdisplay: block;\n\t}\n\n\t// Sub menu menu item.\n\t.menu-item {\n\t\twidth: 100%;\n\n\t\t@include mq($until: m) {\n\n\t\t\t.no-js & {\n\t\t\t\twidth: auto;\n\t\t\t\tmargin: 0 $spacing--m 0 0;\n\t\t\t\tpadding: 0;\n\t\t\t}\n\n\t\t\t&:last-of-type {\n\t\t\t\tpadding-bottom: 0;\n\t\t\t}\n\t\t}\n\n\t\t@include mq(m) {\n\t\t\twidth: auto;\n\t\t\tpadding: $spacing--s $spacing--m;\n\t\t}\n\n\t\t&-has-children {\n\t\t\tposition: relative;\n\t\t}\n\t}\n\n\t// Sub sub menu.\n\t& & {\n\n\t\t@include mq(m) {\n\t\t\ttop: -1px;\n\t\t\tleft: 100%;\n\t\t\tmargin-left: 0;\n\t\t\twhite-space: nowrap;\n\t\t}\n\t}\n\n\t// Sub menu toggle.\n\t&-toggle {\n\t\tdisplay: flex;\n\t\tjustify-content: center;\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t\tbackground-color: transparent;\n\t\tline-height: 0;\n\n\t\t@include size($spacing--l);\n\n\t\t@include mq(m) {\n\t\t\tdisplay: none;\n\t\t}\n\n\t\t@include hover-focus {\n\t\t\tbackground-color: transparent;\n\t\t}\n\n\t\t&:focus {\n\t\t\toutline: $base--border;\n\t\t}\n\n\t\t&:before {\n\t\t\tcontent: \"\";\n\n\t\t\t@include triangle(\"down\", 1rem, 0.5rem, $color--gray-80);\n\t\t}\n\n\t\t&.activated {\n\n\t\t\t&:before {\n\n\t\t\t\t@include triangle(\"up\", 1rem, 0.5rem, $color--gray-80);\n\t\t\t}\n\t\t}\n\t}\n}\n","@charset \"UTF-8\";\n\n/// Generates a triangle pointing in a specified direction.\n///\n/// @argument {string} $direction\n/// The direction the triangle should point. Accepts `up`, `up-right`,\n/// `right`, `down-right`, `down`, `down-left`, `left` or `up-left`.\n///\n/// @argument {number (with unit)} $width\n/// Width of the triangle.\n///\n/// @argument {number (with unit)} $height\n/// Height of the triangle.\n///\n/// @argument {color} $color\n/// Color of the triangle.\n///\n/// @example scss\n/// .element {\n/// &::before {\n/// @include triangle(\"up\", 2rem, 1rem, #b25c9c);\n/// content: \"\";\n/// }\n/// }\n///\n/// // CSS Output\n/// .element::before {\n/// border-style: solid;\n/// height: 0;\n/// width: 0;\n/// border-color: transparent transparent #b25c9c;\n/// border-width: 0 1rem 1rem;\n/// content: \"\";\n/// }\n\n@mixin triangle(\n $direction,\n $width,\n $height,\n $color\n) {\n @if not index(\n \"up\" \"up-right\" \"right\" \"down-right\" \"down\" \"down-left\" \"left\" \"up-left\",\n $direction\n ) {\n @error \"Direction must be `up`, `up-right`, `right`, `down-right`, \" +\n \"`down`, `down-left`, `left` or `up-left`.\";\n } @else if not _is-color($color) {\n @error \"`#{$color}` is not a valid color for the `$color` argument in \" +\n \"the `triangle` mixin.\";\n } @else {\n border-style: solid;\n height: 0;\n width: 0;\n\n @if $direction == \"up\" {\n border-color: transparent transparent $color;\n border-width: 0 ($width / 2) $height;\n } @else if $direction == \"up-right\" {\n border-color: transparent $color transparent transparent;\n border-width: 0 $width $width 0;\n } @else if $direction == \"right\" {\n border-color: transparent transparent transparent $color;\n border-width: ($height / 2) 0 ($height / 2) $width;\n } @else if $direction == \"down-right\" {\n border-color: transparent transparent $color;\n border-width: 0 0 $width $width;\n } @else if $direction == \"down\" {\n border-color: $color transparent transparent;\n border-width: $height ($width / 2) 0;\n } @else if $direction == \"down-left\" {\n border-color: transparent transparent transparent $color;\n border-width: $width 0 0 $width;\n } @else if $direction == \"left\" {\n border-color: transparent $color transparent transparent;\n border-width: ($height / 2) $width ($height / 2) 0;\n } @else if $direction == \"up-left\" {\n border-color: $color transparent transparent;\n border-width: $width $width 0 0;\n }\n }\n}\n","////\n/// Custom header component.\n///\n/// This handles the output of `the_custom_header_markup()` from core WP's\n/// `custom-header` feature.\n///\n/// @group Components\n/// @author Lee Anthony \n/// @link https://github.com/seothemes/genesis-starter-theme\n////\n\n.wp-custom-header {\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\n\t@include overlay;\n\t@include position(absolute, 0 0 0 0);\n\n\t// Video play/pause button.\n\t&-video-button {\n\t}\n\n\t// Video play button.\n\t&-video-play {\n\t}\n\n\t// Video pause button.\n\t&-video-pause {\n\t}\n\n\timg {\n\t\tmax-width: none;\n\t}\n}\n","@charset \"UTF-8\";\n\n/// Provides a concise, one-line method for setting an element’s positioning\n/// properties: `position`, `top`, `right`, `bottom` and `left`. Use a `null`\n/// value to “skip” an edge of the box.\n///\n/// @argument {string} $position\n/// A CSS position value.\n///\n/// @argument {list} $box-edge-values\n/// List of lengths; accepts CSS shorthand.\n///\n/// @example scss\n/// .element {\n/// @include position(relative, 0 null null 10em);\n/// }\n///\n/// // CSS Output\n/// .element {\n/// left: 10em;\n/// position: relative;\n/// top: 0;\n/// }\n///\n/// @example scss\n/// .element {\n/// @include position(absolute, 0);\n/// }\n///\n/// // CSS Output\n/// .element {\n/// position: absolute;\n/// top: 0;\n/// right: 0;\n/// bottom: 0;\n/// left: 0;\n/// }\n///\n/// @require {function} _is-length\n///\n/// @require {function} _unpack-shorthand\n\n@mixin position(\n $position,\n $box-edge-values\n) {\n $box-edge-values: _unpack-shorthand($box-edge-values);\n $offsets: (\n top: nth($box-edge-values, 1),\n right: nth($box-edge-values, 2),\n bottom: nth($box-edge-values, 3),\n left: nth($box-edge-values, 4),\n );\n\n position: $position;\n\n @each $offset, $value in $offsets {\n @if _is-length($value) {\n #{$offset}: $value;\n }\n }\n}\n","////\n/// Hero section component.\n///\n/// @group Components\n/// @author Lee Anthony \n/// @link https://github.com/seothemes/genesis-starter-theme\n////\n\n@mixin hero-section {\n\tdisplay: flex;\n\tflex-wrap: wrap;\n\talign-items: center;\n\tjustify-content: center;\n\tpadding: $spacing--xl 0;\n\tborder-bottom: $base--border;\n\tbackground-position: center;\n\tbackground-size: cover;\n\ttext-align: center;\n\n\t@include overlay;\n\n\t.wrap {\n\t\tjustify-content: center;\n\t\tposition: relative;\n\t}\n\n\th1 {\n\t\twidth: 100%;\n\t\tmargin-bottom: 0;\n\t}\n\n\tp {\n\t\tmargin-top: $spacing--m;\n\t\tmargin-bottom: 0;\n\t}\n}\n\n.hero-section {\n\n\t@include hero-section;\n}\n","////\n/// Breadcrumb component.\n///\n/// @group Components\n/// @author Lee Anthony \n/// @link https://github.com/seothemes/genesis-starter-theme\n////\n\n.breadcrumb {\n\tmargin: 0 0 $spacing--m;\n\n\t// Link wrapper.\n\t&-link-wrap {}\n\n\t// Breadcrumb separator.\n\t&-separator {}\n}\n","////\n/// Content component.\n///\n/// @group Components\n/// @author Lee Anthony \n/// @link https://github.com/seothemes/genesis-starter-theme\n////\n\n.content {\n\twidth: 100%;\n\n\t@include margin($spacing--m null);\n\n\t@include mq(m) {\n\n\t\t@include margin($spacing--l null);\n\t}\n\n\t.content-sidebar &,\n\t.sidebar-content &,\n\t.center-content & {\n\n\t\t@include mq(m) {\n\t\t\twidth: $layout--width--content;\n\t\t}\n\t}\n\n\t.sidebar-content & {\n\n\t\t@include mq(m) {\n\t\t\torder: 1;\n\t\t}\n\t}\n\n\t.center-content & {\n\n\t\t@include margin(null auto);\n\t}\n\n\t.full-width-content & {}\n\n\t.front-page &,\n\t.page-template-page-full & {\n\t\tmargin: 0;\n\t}\n}\n","////\n/// Sidebar component.\n///\n/// @group Components\n/// @author Lee Anthony \n/// @link https://github.com/seothemes/genesis-starter-theme\n////\n\n.sidebar {\n\n\t@include margin($spacing--m null);\n\n\t@include mq(m) {\n\n\t\t@include margin($spacing--l null);\n\t}\n\n\t.content-sidebar &,\n\t.sidebar-content & {\n\n\t\t@include mq(m) {\n\t\t\twidth: $layout--width--sidebar;\n\t\t}\n\t}\n\n\t.full-width-content & {\n\t}\n}\n","////\n/// Author box component.\n///\n/// @group Components\n/// @author Lee Anthony \n/// @link https://github.com/seothemes/genesis-starter-theme\n////\n\n.author-box {\n\tmargin: $spacing--l 0;\n\tpadding: $spacing--m;\n\tbackground-color: $color--gray-10;\n\n\t// Author box title.\n\t&-title {\n\t\tmargin-bottom: $spacing--xs;\n\t}\n\n\t// Author box content.\n\t&-content {\n\t\tpadding-left: $spacing--xl + $spacing--m;\n\n\t\tp {\n\n\t\t\t&:last-of-type {\n\t\t\t\tmargin-bottom: 0;\n\t\t\t}\n\t\t}\n\t}\n}\n","////\n/// Avatar component.\n///\n/// @group Components\n/// @author Lee Anthony \n/// @link https://github.com/seothemes/genesis-starter-theme\n////\n\n.avatar {\n\tfloat: left;\n\tmax-width: $spacing--xl;\n\tmargin-right: $spacing--m;\n}\n","////\n/// Gutenberg block component.\n///\n/// @group Components\n/// @author Lee Anthony \n/// @link https://github.com/seothemes/genesis-starter-theme\n////\n\n.wp-block {\n\n\t// Audio block.\n\t&-audio {}\n\n\t// Button block.\n\t&-button {\n\n\t\t&__link {}\n\t}\n\n\t// Categories block.\n\t&-categories {\n\n\t\t&-list {}\n\n\t\t&-dropdown {}\n\t}\n\n\t// Code block.\n\t&-code {}\n\n\t// Columns block.\n\t&-columns {\n\n\t\t@include mq($until: m) {\n\t\t\tflex-wrap: wrap;\n\t\t}\n\t}\n\n\t&-column {\n\n\t\t@include mq($until: m) {\n\t\t\tflex: none;\n\t\t\twidth: 100%;\n\t\t}\n\n\t\t@include mq(m) {\n\t\t\tmargin-left: $gutter;\n\n\t\t\t&:first-of-type {\n\t\t\t\tmargin-left: 0;\n\t\t\t}\n\t\t}\n\t}\n\n\t// Cover image block.\n\t&-cover-image {\n\n\t\t&.has-parallax {}\n\n\t\t&.has-background-dim {}\n\n\t\t&-text {}\n\n\t\t&.has-left-content {}\n\n\t\t&.has-right-content {}\n\n\t\t&.has-left-content &-text {}\n\n\t\t&.has-right-content &-text {}\n\t}\n\n\t// Embed block.\n\t&-embed {\n\n\t\t@include margin($spacing--m null);\n\t}\n\n\t// File block.\n\t&-file {\n\n\t\t&__button {}\n\t}\n\n\t// Gallery block.\n\t&-gallery {\n\n\t\t@include margin($spacing--m null);\n\n\t\t&.is-cropped {}\n\n\t\t&.columns-1 {}\n\n\t\t&.columns-2 {}\n\n\t\t&.columns-3 {}\n\n\t\t.blocks-gallery-item {}\n\n\t\t&.is-cropped .blocks-gallery-item {}\n\n\t\t.blocks-gallery-item {\n\n\t\t\timg {\n\t\t\t\talign-self: center;\n\t\t\t}\n\t\t}\n\n\t\t&.columns-1 .blocks-gallery-item {}\n\t}\n\n\t// Image block.\n\t&-image {\n\n\t\t@include margin($spacing--m null);\n\n\t\t&.alignleft {\n\t\t\tmargin-right: $spacing--m;\n\t\t}\n\n\t\t&.alignright {\n\t\t\tmargin-left: $spacing--m;\n\t\t}\n\n\t\t&.alignwide {\n\t\t\tmax-width: 120%;\n\t\t}\n\n\t\t&.alignfull {\n\t\t\tmax-width: none;\n\t\t}\n\t}\n\n\t// Latest posts block.\n\t&-latest-posts {\n\n\t\t&.is-grid {}\n\n\t\t&__post-date {}\n\t}\n\n\t// Preformatted block.\n\t&-preformatted {}\n\n\t// Pullquote block.\n\t&-pullquote {\n\t\tborder-left: 0;\n\n\t\t@include margin($spacing--l null);\n\n\t\t&.aligncenter {\n\n\t\t\t@include margin($spacing--l null);\n\t\t}\n\t}\n\n\t// Quote block.\n\t&-quote {}\n\n\t// Separator block.\n\t&-separator {}\n\n\t// Subhead block.\n\t&-subhead {}\n\n\t// Table block.\n\t&-table {}\n\n\t// Verse block.\n\t&-verse {}\n}\n","////\n/// Gallery component.\n///\n/// @group Components\n/// @author Lee Anthony \n/// @link https://github.com/seothemes/genesis-starter-theme\n////\n\n.gallery {\n\tdisplay: flex;\n\tflex-wrap: wrap;\n\n\t// Gallery item.\n\t&-item {\n\t\twidth: $one-half;\n\t\tmargin-bottom: $gutter;\n\n\t\t.gallery-columns-1 & {\n\t\t\twidth: 100%;\n\t\t}\n\n\t\t@include mq(m) {\n\t\t\tmargin-left: $gutter;\n\n\t\t\t.gallery-columns-1 & {\n\t\t\t\tmargin-left: 0;\n\t\t\t}\n\n\t\t\t.gallery-columns-2 & {\n\t\t\t\twidth: $one-half;\n\n\t\t\t\t&:nth-of-type(2n + 1) {\n\t\t\t\t\tmargin-left: 0;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.gallery-columns-3 & {\n\t\t\t\twidth: $one-third;\n\n\t\t\t\t&:nth-of-type(3n + 1) {\n\t\t\t\t\tmargin-left: 0;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.gallery-columns-4 & {\n\t\t\t\twidth: $one-fourth;\n\n\t\t\t\t&:nth-of-type(4n + 1) {\n\t\t\t\t\tmargin-left: 0;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.gallery-columns-5 & {\n\t\t\t\twidth: $one-fifth;\n\n\t\t\t\t&:nth-of-type(5n + 1) {\n\t\t\t\t\tmargin-left: 0;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.gallery-columns-6 & {\n\t\t\t\twidth: $one-sixth;\n\n\t\t\t\t&:nth-of-type(6n + 1) {\n\t\t\t\t\tmargin-left: 0;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.gallery-columns-7 & {\n\t\t\t\twidth: $one-seventh;\n\n\t\t\t\t&:nth-of-type(7n + 1) {\n\t\t\t\t\tmargin-left: 0;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.gallery-columns-8 & {\n\t\t\t\twidth: $one-eighth;\n\n\t\t\t\t&:nth-of-type(8n + 1) {\n\t\t\t\t\tmargin-left: 0;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.gallery-columns-9 & {\n\t\t\t\twidth: $one-ninth;\n\n\t\t\t\t&:nth-of-type(9n + 1) {\n\t\t\t\t\tmargin-left: 0;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\timg {\n\t\t\twidth: 100%;\n\t\t}\n\t}\n}\n","////\n/// Setting imports.\n///\n/// Settings handle the configuration and don't output CSS. This is good\n/// to define things like variables.\n///\n/// @group Settings\n/// @author Lee Anthony \n/// @link https://seothemes.com/themes/genesis-starter-theme\n////\n\n// Breakpoint.\n$breakpoint: 896px !default;\n\n// Gutter.\n$gutter: 20px !default;\n\n// One fractions.\n$one-half: calc((100% - (#{$gutter} * 1)) / 2);\n$one-third: calc((100% - (#{$gutter} * 2)) / 3);\n$one-fourth: calc((100% - (#{$gutter} * 3)) / 4);\n$one-fifth: calc((100% - (#{$gutter} * 4)) / 5);\n$one-sixth: calc((100% - (#{$gutter} * 5)) / 6);\n$one-seventh: calc((100% - (#{$gutter} * 6)) / 7);\n$one-eighth: calc((100% - (#{$gutter} * 7)) / 8);\n$one-ninth: calc((100% - (#{$gutter} * 8)) / 9);\n$one-tenth: calc((100% - (#{$gutter} * 9)) / 10);\n$one-eleventh: calc((100% - (#{$gutter} * 10)) / 11);\n$one-twelfth: calc((100% - (#{$gutter} * 11)) / 12);\n\n// Two fractions.\n$two-thirds: calc(#{$one-third} * 2 + #{$gutter});\n$two-fourths: calc(#{$one-fourth} * 2 + #{$gutter});\n$two-fifths: calc(#{$one-fifth} * 2 + #{$gutter});\n$two-sixths: calc(#{$one-sixth} * 2 + #{$gutter});\n$two-sevenths: calc(#{$one-seventh} * 2 + #{$gutter});\n$two-eighths: calc(#{$one-eighth} * 2 + #{$gutter});\n$two-ninths: calc(#{$one-ninth} * 2 + #{$gutter});\n$two-tenths: calc(#{$one-tenth} * 2 + #{$gutter});\n$two-elevenths: calc(#{$one-eleventh} * 2 + #{$gutter});\n$two-twelfths: calc(#{$one-twelfth} * 2 + #{$gutter});\n\n// Three fractions.\n$three-fourths: calc(#{$one-fourth} * 3 + (#{$gutter} * 2));\n$three-fifths: calc(#{$one-fifth} * 3 + (#{$gutter} * 2));\n$three-sixths: calc(#{$one-sixth} * 3 + (#{$gutter} * 2));\n$three-sevenths: calc(#{$one-seventh} * 3 + (#{$gutter} * 2));\n$three-eighths: calc(#{$one-eighth} * 3 + (#{$gutter} * 2));\n$three-ninths: calc(#{$one-ninth} * 3 + (#{$gutter} * 2));\n$three-tenths: calc(#{$one-tenth} * 3 + (#{$gutter} * 2));\n$three-elevenths: calc(#{$one-eleventh} * 3 + (#{$gutter} * 2));\n$three-twelfths: calc(#{$one-twelfth} * 3 + (#{$gutter} * 2));\n\n// Four fractions.\n$four-fifths: calc(#{$one-fifth} * 4 + (#{$gutter} * 3));\n$four-sixths: calc(#{$one-sixth} * 4 + (#{$gutter} * 3));\n$four-sevenths: calc(#{$one-seventh} * 4 + (#{$gutter} * 3));\n$four-eighths: calc(#{$one-eighth} * 4 + (#{$gutter} * 3));\n$four-ninths: calc(#{$one-ninth} * 4 + (#{$gutter} * 3));\n$four-tenths: calc(#{$one-tenth} * 4 + (#{$gutter} * 3));\n$four-elevenths: calc(#{$one-eleventh} * 4 + (#{$gutter} * 3));\n$four-twelfths: calc(#{$one-twelfth} * 4 + (#{$gutter} * 3));\n\n// Five fractions.\n$five-sixths: calc(#{$one-sixth} * 5 + (#{$gutter} * 4));\n$five-sevenths: calc(#{$one-seventh} * 5 + (#{$gutter} * 4));\n$five-eighths: calc(#{$one-eighth} * 5 + (#{$gutter} * 4));\n$five-ninths: calc(#{$one-ninth} * 5 + (#{$gutter} * 4));\n$five-tenths: calc(#{$one-tenth} * 5 + (#{$gutter} * 4));\n$five-elevenths: calc(#{$one-eleventh} * 5 + (#{$gutter} * 4));\n$five-twelfths: calc(#{$one-twelfth} * 5 + (#{$gutter} * 4));\n\n// Six fractions.\n$six-sevenths: calc(#{$one-seventh} * 6 + (#{$gutter} * 5));\n$six-eighths: calc(#{$one-eighth} * 6 + (#{$gutter} * 5));\n$six-ninths: calc(#{$one-ninth} * 6 + (#{$gutter} * 5));\n$six-tenths: calc(#{$one-tenth} * 6 + (#{$gutter} * 5));\n$six-elevenths: calc(#{$one-eleventh} * 6 + (#{$gutter} * 5));\n$six-twelfths: calc(#{$one-twelfth} * 6 + (#{$gutter} * 5));\n\n// Seven fractions.\n$seven-eighths: calc(#{$one-eighth} * 7 + (#{$gutter} * 6));\n$seven-ninths: calc(#{$one-ninth} * 7 + (#{$gutter} * 6));\n$seven-tenths: calc(#{$one-tenth} * 7 + (#{$gutter} * 6));\n$seven-elevenths: calc(#{$one-eleventh} * 7 + (#{$gutter} * 6));\n$seven-twelfths: calc(#{$one-twelfth} * 7 + (#{$gutter} * 6));\n\n// Eight fractions.\n$eight-ninths: calc(#{$one-ninth} * 8 + (#{$gutter} * 7));\n$eight-tenths: calc(#{$one-tenth} * 8 + (#{$gutter} * 7));\n$eight-elevenths: calc(#{$one-eleventh} * 8 + (#{$gutter} * 7));\n$eight-twelfths: calc(#{$one-twelfth} * 8 + (#{$gutter} * 7));\n\n// Nine fractions.\n$nine-tenths: calc(#{$one-tenth} * 9 + (#{$gutter} * 8));\n$nine-elevenths: calc(#{$one-eleventh} * 9 + (#{$gutter} * 8));\n$nine-twelfths: calc(#{$one-twelfth} * 9 + (#{$gutter} * 8));\n\n// Ten fractions.\n$ten-elevenths: calc(#{$one-eleventh} * 10 + (#{$gutter} * 9));\n$ten-twelfths: calc(#{$one-twelfth} * 10 + (#{$gutter} * 9));\n\n// Eleven fractions.\n$eleven-twelfths: calc(#{$one-twelfth} * 11 + (#{$gutter} * 10));\n\n///\n/// Columns map\n///\n$columns: (\n\tone-half: $one-half,\n\tone-third: $one-third,\n\tone-fourth: $one-fourth,\n\tone-fifth: $one-fifth,\n\tone-sixth: $one-sixth,\n\tone-seventh: $one-seventh,\n\tone-eighth: $one-eighth,\n\tone-ninth: $one-ninth,\n\tone-tenth: $one-tenth,\n\tone-eleventh: $one-eleventh,\n\tone-twelfth: $one-twelfth,\n\ttwo-thirds: $two-thirds,\n\ttwo-fourths: $two-fourths,\n\ttwo-fifths: $two-fifths,\n\ttwo-sixths: $two-sixths,\n\ttwo-sevenths: $two-sevenths,\n\ttwo-eighths: $two-eighths,\n\ttwo-ninths: $two-ninths,\n\ttwo-tenths: $two-tenths,\n\ttwo-elevenths: $two-elevenths,\n\ttwo-twelfths: $two-twelfths,\n\tthree-fourths: $three-fourths,\n\tthree-fifths: $three-fifths,\n\tthree-sixths: $three-sixths,\n\tthree-sevenths: $three-sevenths,\n\tthree-eighths: $three-eighths,\n\tthree-ninths: $three-ninths,\n\tthree-tenths: $three-tenths,\n\tthree-elevenths: $three-elevenths,\n\tthree-twelfths: $three-twelfths,\n\tfour-fifths: $four-fifths,\n\tfour-sixths: $four-sixths,\n\tfour-sevenths: $four-sevenths,\n\tfour-eighths: $four-eighths,\n\tfour-ninths: $four-ninths,\n\tfour-tenths: $four-tenths,\n\tfour-elevenths: $four-elevenths,\n\tfour-twelfths: $four-twelfths,\n\tfive-sixths: $five-sixths,\n\tfive-sevenths: $five-sevenths,\n\tfive-eighths: $five-eighths,\n\tfive-ninths: $five-ninths,\n\tfive-tenths: $five-tenths,\n\tfive-elevenths: $five-elevenths,\n\tfive-twelfths: $five-twelfths,\n\tsix-sevenths: $six-sevenths,\n\tsix-eighths: $six-eighths,\n\tsix-ninths: $six-ninths,\n\tsix-tenths: $six-tenths,\n\tsix-elevenths: $six-elevenths,\n\tsix-twelfths: $six-twelfths,\n\tseven-eighths: $seven-eighths,\n\tseven-ninths: $seven-ninths,\n\tseven-tenths: $seven-tenths,\n\tseven-elevenths: $seven-elevenths,\n\tseven-twelfths: $seven-twelfths,\n\teight-ninths: $eight-ninths,\n\teight-tenths: $eight-tenths,\n\teight-elevenths: $eight-elevenths,\n\teight-twelfths: $eight-twelfths,\n\tnine-tenths: $nine-tenths,\n\tnine-elevenths: $nine-elevenths,\n\tnine-twelfths: $nine-twelfths,\n\tten-elevenths: $ten-elevenths,\n\tten-twelfths: $ten-twelfths,\n\televen-twelfths: $eleven-twelfths,\n);\n","////\n/// Pagination component.\n///\n/// @group Components\n/// @author Lee Anthony \n/// @link https://github.com/seothemes/genesis-starter-theme\n////\n\n.pagination {\n\n\tul {\n\t\tdisplay: flex;\n\t\tflex-wrap: wrap;\n\t\tlist-style-type: none;\n\t}\n\n\tli {\n\t\tmargin-right: $spacing--s;\n\t}\n\n\t// Active item.\n\t.active {}\n\n\t// Previous item.\n\t&-prev {}\n\n\t// Next item.\n\t&-next {}\n}\n","////\n/// Comment component.\n///\n/// This is the component for handling individual comments in a comments list.\n///\n/// @group Components\n/// @author Lee Anthony \n/// @link https://github.com/seothemes/genesis-starter-theme\n////\n\n.comment {\n\tmargin: $spacing--l 0;\n\n\t// Comment list wrapper.\n\t&-list {\n\t\tlist-style-type: none;\n\t}\n\n\t// Comment children.\n\t.children {\n\t\tlist-style-type: none;\n\n\t\t@include margin(0 null);\n\t}\n\n\t// Comment header.\n\t&-header {}\n\n\t// Comment author.\n\t&-author {\n\t\tmargin: 0;\n\t}\n\n\t// Comment author link.\n\t&-author-link {}\n\n\t// Comment author says.\n\t.says {}\n\n\t// Comment meta.\n\t&-meta {}\n\n\t// Comment time.\n\t&-time {}\n\n\t// Comment time link.\n\t&-time-link {}\n\n\t// Comment edit link.\n\t&-edit-link {\n\t\tdisplay: none;\n\t}\n\n\t// Comment content.\n\t&-content {}\n\n\t// Comment reply.\n\t&-reply {}\n\n\t// Comment reply link.\n\t&-reply-link {}\n\n\t// Comment reply title.\n\t&-reply-title {}\n\n\t// Comment respond.\n\t&-respond {}\n\n\t// Comment logged in as.\n\t.logged-in-as {}\n\n\t// Comment reply form.\n\t&-form {}\n\n\t// Comment form comment.\n\t&-form-comment {}\n\n\t// Comment form submit.\n\t.form-submit {}\n}\n","@charset \"UTF-8\";\n\n// scss-lint:disable ElsePlacement\n\n/// Transforms shorthand to its shortest possible form.\n///\n/// @argument {list} $values\n/// List of directional values.\n///\n/// @example scss\n/// $values: _compact-shorthand(10px 20px 10px 20px);\n///\n/// // Output\n/// $values: 10px 20px;\n///\n/// @return {list}\n///\n/// @access private\n\n@function _compact-shorthand($values) {\n $output: null;\n\n $a: nth($values, 1);\n $b: if(length($values) < 2, $a, nth($values, 2));\n $c: if(length($values) < 3, $a, nth($values, 3));\n $d: if(length($values) < 2, $a, nth($values, if(length($values) < 4, 2, 4)));\n\n @if $a == 0 { $a: 0; }\n @if $b == 0 { $b: 0; }\n @if $c == 0 { $c: 0; }\n @if $d == 0 { $d: 0; }\n\n @if $a == $b and $a == $c and $a == $d { $output: $a; }\n @else if $a == $c and $b == $d { $output: $a $b; }\n @else if $b == $d { $output: $a $b $c; }\n @else { $output: $a $b $c $d; }\n\n @return $output;\n}\n","////\n/// Widget component.\n///\n/// @group Components\n/// @author Lee Anthony \n/// @link https://github.com/seothemes/genesis-starter-theme\n////\n\n.widget {\n\tmargin-bottom: $spacing--m;\n\n\t// Widget wrapper.\n\t&-wrap {}\n\n\t// Widget title.\n\t&-title {\n\t\tfont-size: $font-size--h5;\n\t}\n\n\t// Featured content widget.\n\t&.featured-content {\n\n\t\t.entry {\n\n\t\t\t@include clearfix;\n\t\t}\n\n\t\t.entry-image {\n\t\t\tmax-width: $spacing--xxl;\n\t\t}\n\n\t\t.entry-title {\n\t\t\tmargin-bottom: $spacing--xxs;\n\t\t\tfont-size: $base--font-size;\n\t\t}\n\t}\n}\n","@charset \"UTF-8\";\n\n/// Provides an easy way to include a clearfix for containing floats.\n///\n/// @link https://goo.gl/yP5hiZ\n///\n/// @example scss\n/// .element {\n/// @include clearfix;\n/// }\n///\n/// // CSS Output\n/// .element::after {\n/// clear: both;\n/// content: \"\";\n/// display: block;\n/// }\n\n@mixin clearfix {\n &::after {\n clear: both;\n content: \"\";\n display: block;\n }\n}\n","////\n/// Front page component.\n///\n/// @group Components\n/// @author Lee Anthony \n/// @link https://github.com/seothemes/genesis-starter-theme\n////\n\n.front-page-1 {\n\n\t@include hero-section;\n\n\t@include mq(m) {\n\t\theight: 40rem;\n\t}\n}\n\n.front-page-2 {\n\tborder-bottom: $base--border;\n\n\t@extend %front-page-widget;\n}\n\n.front-page-3 {\n\n\t@extend %front-page-widget;\n}\n","////\n/// Accessibility classes.\n///\n/// @group Utilities\n/// @author Lee Anthony \n/// @link https://github.com/seothemes/genesis-starter-theme\n////\n\n.screen-reader-shortcut,\n.screen-reader-text,\n.screen-reader-text span {\n\n\t@include hide-visually;\n\n\t&:active,\n\t&:focus {\n\n\t\t@include hide-visually(unhide);\n\n\t\tposition: absolute;\n\t\tpadding: $spacing--s;\n\t\tcolor: $color--white;\n\t\tbackground-color: $color--gray-80;\n\t\ttext-decoration: none;\n\t}\n}\n\n.more-link {\n\tposition: relative;\n}\n\n.genesis-skip-link {\n\tmargin: 0;\n\n\tli {\n\t\twidth: 0;\n\t\theight: 0;\n\t\tlist-style: none;\n\t}\n}\n\n:focus {\n\toutline: $base--border;\n\tcolor: $color--gray-70;\n}\n","////\n/// Gutenberg classes.\n///\n/// @group Utilities\n/// @author Lee Anthony \n/// @link https://seothemes.com/themes/genesis-starter-theme\n////\n\n/// Loops through the theme colors and adds utility classes for them. Primarily,\n/// these are the `.has-{$color}-color` and `.has-{$color}-background-color`\n/// classes added via Gutenberg. However, they are useful elsewhere.\n\n@each $color-name, $color-value in $colors {\n\n\t.has-#{ $color-name }-color {\n\t\tcolor: #{ $color-value };\n\t}\n\n\t.has-#{ $color-name }-background-color {\n\t\tbackground-color: #{ $color-value };\n\t}\n}\n\n/// Loops through the editor font sizes and adds utility classes for them. This\n/// handles the `.has-{$size}-font-size` classes added via Gutenberg, which may\n/// be useful elsewhere.\n\n@each $font-size-name, $font-size-value in $font-sizes {\n\n\t.has-#{ $font-size-name }-font-size {\n\t\tfont-size: #{ $font-size-value };\n\t}\n}\n","////\n/// Alignment classes.\n///\n/// @group Utilities\n/// @author Lee Anthony \n/// @link https://github.com/seothemes/genesis-starter-theme\n////\n\n.align {\n\n\t¢er,\n\t&left,\n\t&right {\n\t\tdisplay: block;\n\t\tfloat: none;\n\t\tmargin: 0 auto $spacing--m;\n\t}\n\n\t&left {\n\n\t\t@include mq(m) {\n\t\t\tfloat: left;\n\t\t\tmargin: 0 $spacing--m $spacing--m 0;\n\t\t}\n\t}\n\n\t&right {\n\n\t\t@include mq(m) {\n\t\t\tfloat: right;\n\t\t\tmargin: 0 0 $spacing--m $spacing--m;\n\t\t}\n\t}\n\n\t¢er {\n\n\t\t@include clearfix;\n\t}\n\n\t&wide,\n\t&full {\n\t\tposition: relative;\n\t\tleft: 50%;\n\t\twidth: 100vw;\n\n\t\t.content-sidebar &,\n\t\t.sidebar-content & {\n\t\t\tleft: auto;\n\t\t\twidth: 100%;\n\t\t\tmax-width: 100%;\n\t\t\tmargin-left: 0;\n\t\t\ttransform: none;\n\t\t}\n\n\t\timg {\n\t\t\tdisplay: inline-block;\n\t\t\twidth: 100%;\n\t\t\tmargin: $spacing--m auto;\n\t\t}\n\t}\n\n\t&wide {\n\t\tmax-width: 120%;\n\t\ttransform: translate(-50%);\n\t}\n\n\t&full {\n\t\tmax-width: none;\n\t\tmargin-left: -50vw;\n\t}\n}\n","////\n/// Column classes.\n///\n/// @group Base\n/// @author Lee Anthony \n/// @link https://github.com/seothemes/genesis-starter-theme\n///\n/// Unit test:\n///\n/// [class*=\"one\"],\n/// [class*=\"two\"],\n/// [class*=\"three\"],\n/// [class*=\"four\"],\n/// [class*=\"five\"] {\n/// \tmargin-bottom: $gutter;\n/// \tpadding: $spacing--m;\n/// \tbackground-color: $color--gray-20;\n/// }\n////\n\n.grid {\n\n\t@include grid;\n}\n\n.full-width {\n\twidth: 100%;\n}\n\n@media only screen and (min-width: $breakpoint) {\n\n\t.column,\n\t.one-half,\n\t.one-third,\n\t.one-fourth,\n\t.one-fifth,\n\t.one-sixth,\n\t.one-seventh,\n\t.one-eighth,\n\t.one-ninth,\n\t.one-tenth,\n\t.one-eleventh,\n\t.one-twelfth,\n\t.two-thirds,\n\t.two-fourths,\n\t.two-fifths,\n\t.two-sixths,\n\t.two-sevenths,\n\t.two-eighths,\n\t.two-ninths,\n\t.two-tenths,\n\t.two-elevenths,\n\t.two-twelfths,\n\t.three-fourths,\n\t.three-fifths,\n\t.three-sixths,\n\t.three-sevenths,\n\t.three-eighths,\n\t.three-ninths,\n\t.three-tenths,\n\t.three-elevenths,\n\t.three-twelfths,\n\t.four-fifths,\n\t.four-sixths,\n\t.four-sevenths,\n\t.four-eighths,\n\t.four-ninths,\n\t.four-tenths,\n\t.four-elevenths,\n\t.four-twelfths,\n\t.five-sixths,\n\t.five-sevenths,\n\t.five-eighths,\n\t.five-ninths,\n\t.five-tenths,\n\t.five-elevenths,\n\t.five-twelfths,\n\t.six-sevenths,\n\t.six-eighths,\n\t.six-ninths,\n\t.six-tenths,\n\t.six-elevenths,\n\t.six-twelfths,\n\t.seven-eighths,\n\t.seven-ninths,\n\t.seven-tenths,\n\t.seven-elevenths,\n\t.seven-twelfths,\n\t.eight-ninths,\n\t.eight-tenths,\n\t.eight-elevenths,\n\t.eight-twelfths,\n\t.nine-tenths,\n\t.nine-elevenths,\n\t.nine-twelfths,\n\t.ten-elevenths,\n\t.ten-twelfths,\n\t.eleven-twelfths {\n\t\tfloat: left;\n\t\tmargin-bottom: $gutter;\n\t\tmargin-left: $gutter;\n\t}\n\n\t.one-half,\n\t.two-fourths,\n\t.three-sixths,\n\t.four-eighths,\n\t.five-tenths,\n\t.six-twelfths {\n\t\twidth: $one-half;\n\t}\n\n\t.one-third,\n\t.two-sixths,\n\t.three-ninths,\n\t.four-twelfths {\n\t\twidth: $one-third;\n\t}\n\n\t.one-fourth,\n\t.two-eighths,\n\t.three-twelfths {\n\t\twidth: $one-fourth;\n\t}\n\n\t.one-fifth,\n\t.two-tenths {\n\t\twidth: $one-fifth;\n\t}\n\n\t.one-sixth,\n\t.two-twelfths {\n\t\twidth: $one-sixth;\n\t}\n\n\t.one-seventh {\n\t\twidth: $one-seventh;\n\t}\n\n\t.one-eighth {\n\t\twidth: $one-eighth;\n\t}\n\n\t.one-ninth {\n\t\twidth: $one-ninth;\n\t}\n\n\t.one-tenth {\n\t\twidth: $one-tenth;\n\t}\n\n\t.one-eleventh {\n\t\twidth: $one-eleventh;\n\t}\n\n\t.one-twelfth {\n\t\twidth: $one-twelfth;\n\t}\n\n\t.two-thirds,\n\t.four-sixths,\n\t.six-ninths,\n\t.eight-twelfths {\n\t\twidth: $two-thirds;\n\t}\n\n\t.two-fifths,\n\t.four-tenths {\n\t\twidth: $two-fifths;\n\t}\n\n\t.two-sevenths {\n\t\twidth: $two-sevenths;\n\t}\n\n\t.two-ninths {\n\t\twidth: $two-ninths;\n\t}\n\n\t.two-elevenths {\n\t\twidth: $two-elevenths;\n\t}\n\n\t.three-fourths,\n\t.six-eighths,\n\t.nine-twelfths {\n\t\twidth: $three-fourths;\n\t}\n\n\t.three-fifths,\n\t.six-tenths {\n\t\twidth: $three-fifths;\n\t}\n\n\t.three-sevenths {\n\t\twidth: $three-sevenths;\n\t}\n\n\t.three-eighths {\n\t\twidth: $three-eighths;\n\t}\n\n\t.three-tenths {\n\t\twidth: $three-tenths;\n\t}\n\n\t.three-elevenths {\n\t\twidth: $three-elevenths;\n\t}\n\n\t.four-fifths,\n\t.eight-tenths {\n\t\twidth: $four-fifths;\n\t}\n\n\t.four-sevenths {\n\t\twidth: $four-sevenths;\n\t}\n\n\t.four-ninths {\n\t\twidth: $four-ninths;\n\t}\n\n\t.four-elevenths {\n\t\twidth: $four-elevenths;\n\t}\n\n\t.five-sixths,\n\t.ten-twelfths {\n\t\twidth: $five-sixths;\n\t}\n\n\t.five-sevenths {\n\t\twidth: $five-sevenths;\n\t}\n\n\t.five-eighths {\n\t\twidth: $five-eighths;\n\t}\n\n\t.five-ninths {\n\t\twidth: $five-ninths;\n\t}\n\n\t.five-elevenths {\n\t\twidth: $five-elevenths;\n\t}\n\n\t.five-twelfths {\n\t\twidth: $five-twelfths;\n\t}\n\n\t.six-sevenths {\n\t\twidth: $six-sevenths;\n\t}\n\n\t.six-elevenths {\n\t\twidth: $six-elevenths;\n\t}\n\n\t.seven-eighths {\n\t\twidth: $seven-eighths;\n\t}\n\n\t.seven-ninths {\n\t\twidth: $seven-ninths;\n\t}\n\n\t.seven-tenths {\n\t\twidth: $seven-tenths;\n\t}\n\n\t.seven-elevenths {\n\t\twidth: $seven-elevenths;\n\t}\n\n\t.seven-twelfths {\n\t\twidth: $seven-twelfths;\n\t}\n\n\t.eight-ninths {\n\t\twidth: $eight-ninths;\n\t}\n\n\t.eight-elevenths {\n\t\twidth: $eight-elevenths;\n\t}\n\n\t.nine-tenths {\n\t\twidth: $nine-tenths;\n\t}\n\n\t.nine-elevenths {\n\t\twidth: $nine-elevenths;\n\t}\n\n\t.ten-elevenths {\n\t\twidth: $ten-elevenths;\n\t}\n\n\t.eleven-twelfths {\n\t\twidth: $eleven-twelfths;\n\t}\n\n\t.first {\n\t\tclear: both;\n\t\tmargin-left: 0;\n\t}\n}\n","////\n/// Tool imports.\n///\n/// These are used throughout the code but don't output CSS on their own. Things\n/// like functions, mixins, and extensions go here.\n///\n/// @group Tools\n/// @author Lee Anthony \n/// @link https://seothemes.com/themes/genesis-starter-theme\n////\n\n////\n/// Grid mixin\n///\n/// @group Tools\n/// @author Lee Anthony \n/// @link https://github.com/seothemes/genesis-starter-theme\n////\n\n@mixin grid() {\n\tdisplay: flex;\n\tflex-wrap: wrap;\n\tjustify-content: space-between;\n\n\t> div {\n\t\tmargin-right: 0;\n\t\tmargin-left: 0;\n\t}\n}\n\n////\n/// Column mixin\n///\n/// @group Tools\n/// @author Lee Anthony \n/// @link https://github.com/seothemes/genesis-starter-theme\n////\n\n@mixin column( $width: one-half ) {\n\tfloat: left;\n\twidth: map_get($columns, $width);\n\tmargin-bottom: $gutter;\n\tmargin-left: $gutter;\n}\n","////\n/// Nav Secondary component.\n///\n/// @group Components\n/// @author Lee Anthony \n/// @link https://github.com/seothemes/genesis-starter-theme\n////\n\n.nav-secondary {\n\n\t@include mq(m) {\n\t\tborder-top: $base--border;\n\t}\n\n\t.menu {\n\n\t\t@include mq(m) {\n\t\t\tjustify-content: flex-start;\n\t\t}\n\t}\n}\n","////\n/// Layout and width settings.\n///\n/// @group Settings\n/// @author Lee Anthony \n/// @link https://seothemes.com/themes/genesis-starter-theme\n////\n\n$layout--width--sidebar: 30rem;\n$layout--width--content: calc(100% - (#{$layout--width--sidebar} + #{$spacing--l}));\n","////\n/// Entry component.\n///\n/// @group Components\n/// @author Lee Anthony \n/// @link https://github.com/seothemes/genesis-starter-theme\n////\n\n.footer-widget-area {\n\n\t@include mq(m) {\n\t\tflex: 1;\n\t\tmargin-left: $spacing--l;\n\n\t\t&:first-of-type {\n\t\t\tmargin-left: 0;\n\t\t}\n\t}\n}\n","////\n/// Print only styles.\n///\n/// @group Utilities\n/// @author Lee Anthony \n/// @link https://github.com/seothemes/genesis-starter-theme\n////\n\n@media print {\n\n\t*,\n\t*:before,\n\t*:after {\n\t\tcolor: $color--gray-80 !important;\n\t\tbackground: transparent !important;\n\t\tbox-shadow: none !important;\n\t\ttext-shadow: none !important;\n\t}\n\n\ta,\n\ta:visited {\n\t\ttext-decoration: underline;\n\t}\n\n\ta[href]:after {\n\t\tcontent: \" (\" attr(href) \")\";\n\t}\n\n\tabbr[title]:after {\n\t\tcontent: \" (\" attr(title) \")\";\n\t}\n\n\ta[href^=\"javascript:\"]:after,\n\ta[href^=\"#\"]:after,\n\t.site-title > a:after {\n\t\tcontent: \"\";\n\t}\n\n\tthead {\n\t\tdisplay: table-header-group;\n\t}\n\n\timg,\n\ttr {\n\t\tpage-break-inside: avoid;\n\t}\n\n\timg {\n\t\tmax-width: 100% !important;\n\t}\n\n\t@page {\n\t\tmargin: 2cm 0.5cm;\n\t}\n\n\tp,\n\th2,\n\th3 {\n\t\torphans: 3;\n\t\twidows: 3;\n\t}\n\n\tblockquote,\n\tpre {\n\t\tborder: $base--border;\n\t\tpage-break-inside: avoid;\n\t}\n\n\t.content,\n\t.content-sidebar {\n\t\twidth: 100%;\n\t}\n\n\tbutton,\n\tinput,\n\tselect,\n\ttextarea,\n\t.breadcrumb,\n\t.comment-edit-link,\n\t.comment-form,\n\t.comment-list .reply a,\n\t.comment-reply-title,\n\t.edit-link,\n\t.entry-comments-link,\n\t.entry-footer,\n\t.genesis-box,\n\t.header-widget-area,\n\t.hidden-print,\n\t.home-top,\n\t.nav-primary,\n\t.nav-secondary,\n\t.post-edit-link,\n\t.sidebar {\n\t\tdisplay: none !important;\n\t}\n\n\t.title-area {\n\t\twidth: 100%;\n\t\ttext-align: center;\n\t}\n\n\t.site-title > a {\n\t\tmargin: 0;\n\t\ttext-decoration: none;\n\t\ttext-indent: 0;\n\t}\n\n\t.site-inner {\n\t\tposition: relative;\n\t\ttop: -#{$spacing--xl};\n\t\tpadding-top: 0;\n\t}\n\n\t.author-box {\n\t\tmargin-bottom: 0;\n\t}\n\n\th1,\n\th2,\n\th3,\n\th4,\n\th5,\n\th6 {\n\t\torphans: 3;\n\t\tpage-break-after: avoid;\n\t\tpage-break-inside: avoid;\n\t\twidows: 3;\n\t}\n\n\timg {\n\t\tpage-break-after: avoid;\n\t\tpage-break-inside: avoid;\n\t}\n\n\tblockquote,\n\tpre,\n\ttable {\n\t\tpage-break-inside: avoid;\n\t}\n\n\tdl,\n\tol,\n\tul {\n\t\tpage-break-before: avoid;\n\t}\n}\n"]} \ No newline at end of file diff --git a/widgets.wie b/widgets.wie new file mode 100644 index 0000000..aa7dce0 --- /dev/null +++ b/widgets.wie @@ -0,0 +1 @@ +{"sidebar":{"search-3":{"title":"Search"},"featured-post-2":{"title":"Recent Posts","posts_cat":"0","posts_num":3,"posts_offset":"0","orderby":"date","order":"DESC","gravatar_size":"45","gravatar_alignment":"alignnone","show_image":"1","image_size":"thumbnail","image_alignment":"alignleft","show_title":"1","show_byline":"1","post_info":"By [post_author_posts_link] ","show_content":"excerpt","content_limit":"0","more_text":"[Read More...]","extra_title":"","extra_num":"","more_from_category_text":"More Posts from this Category"},"simple-social-icons-2":{"title":"Social Icons","new_window":"1","size":"40","border_radius":"3","border_width":"0","alignment":"alignleft","icon_color":"#333333","icon_color_hover":"#ffffff","background_color":"#f5f5f5","background_color_hover":"#333333","border_color":"#ffffff","border_color_hover":"#ffffff","behance":"","bloglovin":"","dribbble":"","email":"#","facebook":"#","flickr":"","github":"","gplus":"#","instagram":"#","linkedin":"#","medium":"#","periscope":"","phone":"","pinterest":"#","rss":"#","snapchat":"#","stumbleupon":"","tumblr":"","twitter":"#","vimeo":"#","xing":"","youtube":"#"}},"front-page-1":{"custom_html-10":{"title":"Welcome to the Genesis Starter Theme","content":"

A configuration based starter theme built for developers.<\/p>\r\n\r\n
\r\n \r\n\r\nGet Genesis Starter<\/a>","column-classes":"full-width"}},"front-page-2":{"text-6":{"title":"Content","text":"Our team will teach you the art of writing audience-focused content that will help you achieve the success you truly deserve.","filter":true,"visual":true,"column-classes":"one-third","column-classes-first":true},"text-7":{"title":"Design","text":"With an emphasis on typography, white space, and mobile-optimized design, your website will look absolutely breathtaking.","filter":true,"visual":true,"column-classes":"one-third"},"text-8":{"title":"Strategy","text":"We help creative entrepreneurs build their digital business by focusing on three key elements of a successful online platform.","filter":true,"visual":true,"column-classes":"one-third"}},"front-page-3":{"text-5":{"title":"","text":"

Get started today<\/h3>\r\nOur team will teach you the art of writing audience-focused content that will help you achieve the success you truly deserve. With an emphasis on typography, white space, and mobile-optimized design, your website will look absolutely breathtaking. We help creative entrepreneurs build their digital business by focusing on three key elements of a successful online platform.\r\n\r\nGet started<\/a>","filter":true,"visual":true,"column-classes":"one-half","column-classes-first":true},"media_image-3":{"attachment_id":1380,"url":"https:\/\/demo.seothemes.com\/genesis-starter\/wp-content\/uploads\/2018\/02\/spirit-of-the-radio-1024x585.jpg","title":"","size":"large","width":1024,"height":585,"caption":"","alt":"","link_type":"custom","link_url":"","image_classes":"","link_classes":"","link_rel":"","link_target_blank":false,"image_title":"","column-classes":"one-half"}},"footer-1":{"text-2":{"title":"Design","text":"With an emphasis on typography, white space, and mobile-optimized design, your website will look absolutely breathtaking.\r\n\r\nLearn more about design<\/a>","filter":true,"visual":true}},"footer-2":{"text-3":{"title":"Content","text":"Our team will teach you the art of writing audience-focused content that will help you achieve the success you truly deserve.\r\n\r\nLearn more about content<\/a>","filter":true,"visual":true}},"footer-3":{"text-4":{"title":"Strategy","text":"We help creative entrepreneurs build their digital business by focusing on three key elements of a successful online platform.\r\n\r\nLearn more about strategy<\/a>","filter":true,"visual":true}},"front-page-4":{"icon-widget-5":{"title":"Design","content":"With an emphasis on typography, white space, and mobile-optimized design, your website will look absolutely breathtaking.","icon":"fa-glass","size":"2x","align":"left","color":"#333333","bg":"","padding":0,"radius":0,"column-classes":"one-third","column-classes-first":true},"icon-widget-4":{"title":"Content","content":"Our team will teach you the art of writing audience-focused content that will help you achieve the success you truly deserve.","icon":"fa-glass","size":"2x","align":"left","color":"#333333","bg":"","padding":0,"radius":0,"column-classes":"one-third"},"icon-widget-3":{"title":"Strategy","content":"We help creative entrepreneurs build their digital business by focusing on three key elements of a successful online platform.","icon":"fa-glass","size":"2x","align":"left","color":"#333333","bg":"","padding":0,"radius":0,"column-classes":"one-third"}}} \ No newline at end of file diff --git a/woocommerce.css b/woocommerce.css new file mode 100644 index 0000000..d862dc3 --- /dev/null +++ b/woocommerce.css @@ -0,0 +1,879 @@ +.woocommerce .entry.product { + padding: 0; +} + +.woocommerce abbr.required, +.woocommerce ins { + text-decoration: none; +} + +.woocommerce span.onsale { + min-height: auto; + border-radius: 0; + background-color: #1e90ff; + line-height: 1.75; +} + +.woocommerce fieldset { + margin-bottom: 20px; +} + +.woocommerce .products .star-rating { + padding: 10px; +} + +.woocommerce p.stars a, +.woocommerce p.stars a:focus, +.woocommerce p.stars a:hover { + outline: 0; +} + +.woocommerce .woocommerce-LoopProduct-link { + display: block; +} + +.woocommerce.full-width-content .content, +.woocommerce-page.full-width-content .content { + width: 100%; + max-width: 3.2rem; +} + +.woocommerce .woocommerce-product-gallery__wrapper { + margin: 0; +} + +.woocommerce .woocommerce-product-gallery__trigger { + border-width: 0; +} + +.woocommerce .woocommerce-product-gallery { + overflow: hidden; +} + +.woocommerce .woocommerce-product-gallery .flex-control-nav { + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} + +.woocommerce .content .entry { + border-bottom: 0; +} + +.woocommerce a.added_to_cart { + line-height: 1; +} + +.woocommerce a.button.loading:after, +.woocommerce button.button.loading:after, +.woocommerce input.button.loading:after, +.woocommerce #respond input#submit.loading:after { + top: 1em; +} + +.woocommerce ul.products li.product { + /* MS Edge Bug Fix */ +} + +.woocommerce ul.products li.product h3, +.woocommerce ul.products li.product .price .from { + color: #5a636b; +} + +.woocommerce ul.products li.product h3:hover, +.woocommerce ul.products li.product .price { + color: #1e90ff; +} + +.woocommerce ul.products li.product a { + transition: color 0.1s ease-in-out, background 0.1s ease-in-out; +} + +.woocommerce nav.woocommerce-pagination { + clear: both; + margin: 40px 0; +} + +.woocommerce nav.woocommerce-pagination ul, +.woocommerce nav.woocommerce-pagination ul li { + border: none; +} + +.woocommerce nav.woocommerce-pagination ul li { + margin-right: 2px; + margin-left: 2px; +} + +.woocommerce nav.woocommerce-pagination ul li a, +.woocommerce nav.woocommerce-pagination ul li span { + display: inline-block; + padding: 8px 12px; + color: #5a636b; + background-color: #fbfcfc; + font-size: 1.6rem; + font-weight: 600; + line-height: 1.625; + text-decoration: none; + cursor: pointer; +} + +.woocommerce nav.woocommerce-pagination ul li a:focus, +.woocommerce nav.woocommerce-pagination ul li a:hover, +.woocommerce nav.woocommerce-pagination ul li span.current { + color: #ffffff; + background-color: #5a636b; +} + +.woocommerce ul.products li.product .button, +.woocommerce .woocommerce-ordering, +.woocommerce-page ul.products li.product .button, +.woocommerce-page .woocommerce-ordering { + width: 100%; + margin-right: 0; +} + +.woocommerce div.product p.price, +.woocommerce div.product span.price { + color: #1e90ff; + line-height: 1.5; +} + +.woocommerce div.product form.cart .button { + line-height: 1.5; +} + +.woocommerce div.product form.cart .variations { + table-layout: fixed; +} + +.woocommerce .woocommerce-variation-price { + margin-bottom: 20px; +} + +.woocommerce div.product .woocommerce-tabs ul.tabs { + padding: 0; +} + +.woocommerce div.product .woocommerce-tabs ul.tabs:before, +.woocommerce div.product .woocommerce-tabs ul.tabs li { + border-color: #dfe2e5; +} + +.woocommerce div.product .woocommerce-tabs ul.tabs li { + display: block; + margin: 0; + padding: 0; + border: 1px solid #dfe2e5; + border-bottom: 0; + border-radius: 0; + background-color: #ffffff; +} + +.woocommerce div.product .woocommerce-tabs ul.tabs li:after, +.woocommerce div.product .woocommerce-tabs ul.tabs li:before { + display: none; +} + +.woocommerce div.product .woocommerce-tabs ul.tabs li:last-child { + border-bottom: 1px solid #dfe2e5; +} + +.woocommerce div.product .woocommerce-tabs ul.tabs li.active { + border-bottom-color: #dfe2e5; +} + +.woocommerce div.product .woocommerce-tabs ul.tabs li a { + display: block; + padding: 0.5em 1em; + color: #5a636b; +} + +.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover, +.woocommerce div.product .woocommerce-tabs ul.tabs li a:focus, +.woocommerce div.product .woocommerce-tabs ul.tabs li a:active { + color: #1e90ff; +} + +.woocommerce div.product .woocommerce-tabs ul.tabs li.active a:after { + display: block; + float: right; + font-family: dashicons; + content: '\f147'; +} + +.woocommerce-cart #payment ul.payment_methods li, +.woocommerce-checkout #payment ul.payment_methods li, +#add_payment_method #payment ul.payment_methods li { + list-style-type: none; +} + +.woocommerce-cart #payment div.form-row, +.woocommerce-checkout #payment div.form-row, +#add_payment_method #payment div.form-row { + margin-bottom: 0; +} + +.woocommerce-cart table.cart td.actions .coupon input.input-text, +.woocommerce-checkout table.cart td.actions .coupon input.input-text, +#add_payment_method table.cart td.actions .coupon input.input-text { + width: auto; +} + +.woocommerce table.shop_table, +.woocommerce table.shop_table td { + border-color: #dfe2e5; + border-radius: 0; + line-height: 1.75; + word-break: normal; +} + +.woocommerce table.shop_table .order-number { + min-width: 75px; +} + +.woocommerce table.shop_table td.actions { + padding-top: 15px; +} + +.woocommerce-cart table.cart { + line-height: 1.75; +} + +.woocommerce-cart table.cart td { + padding: 10px 12px; + font-size: 1.8rem; +} + +.woocommerce-cart table.cart td.actions .coupon .input-text { + width: 100% !important; + margin-bottom: 10px; + font-size: 1.8rem; +} + +.woocommerce-cart table.cart .product-thumbnail { + min-width: 56px; +} + +.woocommerce-cart table.cart th.product-name { + min-width: 140px; +} + +.woocommerce-cart table.cart th.product-price, +.woocommerce-cart table.cart th.product-quantity, +.woocommerce-cart table.cart th.product-subtotal { + min-width: 110px; +} + +.woocommerce-cart table.cart img { + vertical-align: middle; +} + +.woocommerce-cart td.product-name dl.variation dd { + margin-left: 20px; +} + +.woocommerce-checkout-review-order-table th.product-total { + min-width: 110px; +} + +.woocommerce-checkout table.cart img, +#add_payment_method table.cart img { + vertical-align: middle; +} + +.woocommerce-cart #payment, +.woocommerce-checkout #payment, +#add_payment_method #payment { + padding: 30px; + border-radius: 0; + background-color: #fbfcfc; +} + +.woocommerce-cart #payment div.payment_box, +.woocommerce-checkout #payment div.payment_box, +#add_payment_method #payment div.payment_box { + background-color: #dfe2e5; +} + +.woocommerce-cart #payment div.payment_box:before, +.woocommerce-checkout #payment div.payment_box:before, +#add_payment_method #payment div.payment_box:before { + display: none; +} + +.woocommerce-cart #payment ul.payment_methods, +.woocommerce-checkout #payment ul.payment_methods, +#add_payment_method #payment ul.payment_methods { + border-color: #dfe2e5; +} + +button, +[type='button'], +[type='reset'], +[type='submit'], +.button, +.button.menu-item a { + display: inline-block; + width: auto; + padding: 1.8rem 3.6rem; + border: 0; + border-radius: 0; + color: #ffffff; + background-color: #141618; + font-size: 1.42222rem; + font-weight: 600; + line-height: 1; + white-space: normal; + text-decoration: none; + cursor: pointer; +} + +button:hover, +button:focus, +button:active, +[type='button']:hover, +[type='button']:focus, +[type='button']:active, +[type='reset']:hover, +[type='reset']:focus, +[type='reset']:active, +[type='submit']:hover, +[type='submit']:focus, +[type='submit']:active, +.button:hover, +.button:focus, +.button:active, +.button.menu-item a:hover, +.button.menu-item a:focus, +.button.menu-item a:active { + outline: none; + color: #ffffff; + background-color: #1e90ff; + text-decoration: none; +} + +button:disabled, +button:disabled:hover, +button:disabled:focus, +[type='button']:disabled, +[type='button']:disabled:hover, +[type='button']:disabled:focus, +[type='reset']:disabled, +[type='reset']:disabled:hover, +[type='reset']:disabled:focus, +[type='submit']:disabled, +[type='submit']:disabled:hover, +[type='submit']:disabled:focus, +.button:disabled, +.button:disabled:hover, +.button:disabled:focus, +.button.menu-item a:disabled, +.button.menu-item a:disabled:hover, +.button.menu-item a:disabled:focus { + opacity: 0.5; + background-color: #8c969f; + cursor: not-allowed; +} + +.woocommerce a.button, +.woocommerce a.button.alt, +.woocommerce button.button, +.woocommerce button.button.alt, +.woocommerce input.button, +.woocommerce input.button.alt, +.woocommerce input.button[type='submit'], +.woocommerce #respond input#submit, +.woocommerce #respond input#submit.alt { + display: inline-block; + width: auto; + padding: 1.8rem 3.6rem; + border: 0; + border-radius: 0; + color: #ffffff; + background-color: #141618; + font-size: 1.42222rem; + font-weight: 600; + line-height: 1; + white-space: normal; + text-decoration: none; + cursor: pointer; +} + +.woocommerce a.button:hover, +.woocommerce a.button:focus, +.woocommerce a.button:active, +.woocommerce a.button.alt:hover, +.woocommerce a.button.alt:focus, +.woocommerce a.button.alt:active, +.woocommerce button.button:hover, +.woocommerce button.button:focus, +.woocommerce button.button:active, +.woocommerce button.button.alt:hover, +.woocommerce button.button.alt:focus, +.woocommerce button.button.alt:active, +.woocommerce input.button:hover, +.woocommerce input.button:focus, +.woocommerce input.button:active, +.woocommerce input.button.alt:hover, +.woocommerce input.button.alt:focus, +.woocommerce input.button.alt:active, +.woocommerce input.button[type='submit']:hover, +.woocommerce input.button[type='submit']:focus, +.woocommerce input.button[type='submit']:active, +.woocommerce #respond input#submit:hover, +.woocommerce #respond input#submit:focus, +.woocommerce #respond input#submit:active, +.woocommerce #respond input#submit.alt:hover, +.woocommerce #respond input#submit.alt:focus, +.woocommerce #respond input#submit.alt:active { + outline: none; + color: #ffffff; + background-color: #1e90ff; + text-decoration: none; +} + +.woocommerce a.button:disabled, +.woocommerce a.button:disabled:hover, +.woocommerce a.button:disabled:focus, +.woocommerce a.button.alt:disabled, +.woocommerce a.button.alt:disabled:hover, +.woocommerce a.button.alt:disabled:focus, +.woocommerce button.button:disabled, +.woocommerce button.button:disabled:hover, +.woocommerce button.button:disabled:focus, +.woocommerce button.button.alt:disabled, +.woocommerce button.button.alt:disabled:hover, +.woocommerce button.button.alt:disabled:focus, +.woocommerce input.button:disabled, +.woocommerce input.button:disabled:hover, +.woocommerce input.button:disabled:focus, +.woocommerce input.button.alt:disabled, +.woocommerce input.button.alt:disabled:hover, +.woocommerce input.button.alt:disabled:focus, +.woocommerce input.button[type='submit']:disabled, +.woocommerce input.button[type='submit']:disabled:hover, +.woocommerce input.button[type='submit']:disabled:focus, +.woocommerce #respond input#submit:disabled, +.woocommerce #respond input#submit:disabled:hover, +.woocommerce #respond input#submit:disabled:focus, +.woocommerce #respond input#submit.alt:disabled, +.woocommerce #respond input#submit.alt:disabled:hover, +.woocommerce #respond input#submit.alt:disabled:focus { + opacity: 0.5; + background-color: #8c969f; + cursor: not-allowed; +} + +.woocommerce #reviews #comment { + height: 150px; +} + +.woocommerce .quantity .qty { + width: 70px; + margin-right: 5px; + padding: 12px 5px; + font-size: 2rem; + line-height: 1.5; +} + +.woocommerce form .form-row input.input-text, +.woocommerce form .form-row textarea { + padding: 8px 20px; + line-height: 1.5; +} + +.woocommerce form.checkout_coupon, +.woocommerce form.login, +.woocommerce form.register, +.woocommerce form .form-row .select2-container, +.woocommerce form .form-row.woocommerce-validated input.input-text, +.woocommerce form .form-row.woocommerce-validated select, +.woocommerce form .form-row.woocommerce-validated .select2-container { + border-color: #dfe2e5; + border-radius: 0; +} + +.woocommerce .coupon { + line-height: 1; +} + +.woocommerce .coupon .input-text { + height: 48px; +} + +.woocommerce input.button, +.woocommerce input.button[type='submit'] { + width: 100% !important; +} + +.woocommerce-cart table.cart td.actions .coupon .input-text, +.woocommerce-checkout table.cart td.actions .coupon .input-text, +#add_payment_method table.cart td.actions .coupon .input-text { + width: 150px; + padding: 5px 20px; + border-color: #dfe2e5; +} + +.woocommerce-cart table.cart input, +.woocommerce-checkout table.cart input, +#add_payment_method table.cart input { + vertical-align: top; +} + +.woocommerce form .form-row-first, +.woocommerce form .form-row-last, +.woocommerce #reviews #comments .star-rating, +.woocommerce-page form .form-row-first, +.woocommerce-page form .form-row-last { + float: none; + width: 100%; +} + +.woocommerce a.button.disabled, +.woocommerce a.button:disabled, +.woocommerce a.button:disabled[disabled], +.woocommerce button.button.disabled, +.woocommerce button.button:disabled, +.woocommerce button.button:disabled[disabled], +.woocommerce input.button.disabled, +.woocommerce input.button:disabled, +.woocommerce input.button:disabled[disabled], +.woocommerce #respond input#submit.disabled, +.woocommerce #respond input#submit:disabled, +.woocommerce #respond input#submit:disabled[disabled] { + padding: 16px 24px; + color: #ffffff; + background-color: #5a636b; +} + +.woocommerce a.button.alt.disabled, +.woocommerce a.button.alt.disabled:hover, +.woocommerce a.button.alt:disabled, +.woocommerce a.button.alt:disabled:hover, +.woocommerce a.button.alt[disabled]:disabled, +.woocommerce a.button.alt[disabled]:disabled:hover, +.woocommerce button.button.alt.disabled, +.woocommerce button.button.alt.disabled:hover, +.woocommerce button.button.alt:disabled, +.woocommerce button.button.alt:disabled:hover, +.woocommerce button.button.alt[disabled]:disabled, +.woocommerce button.button.alt[disabled]:disabled:hover, +.woocommerce input.button.alt.disabled, +.woocommerce input.button.alt.disabled:hover, +.woocommerce input.button.alt:disabled, +.woocommerce input.button.alt:disabled:hover, +.woocommerce input.button.alt[disabled]:disabled, +.woocommerce input.button.alt[disabled]:disabled:hover, +.woocommerce #respond input#submit.alt.disabled, +.woocommerce #respond input#submit.alt.disabled:hover, +.woocommerce #respond input#submit.alt:disabled, +.woocommerce #respond input#submit.alt:disabled:hover, +.woocommerce #respond input#submit.alt[disabled]:disabled, +.woocommerce #respond input#submit.alt[disabled]:disabled:hover { + padding: 16px 24px; + color: #ffffff; + background-color: #5a636b; +} + +.woocommerce-account .woocommerce-Address-title h3 { + font-size: 2.6rem; +} + +.woocommerce-account .woocommerce-Address { + margin-bottom: 20px; +} + +.woocommerce-account table.order_details th.product-total { + min-width: 110px; +} + +.woocommerce-account .woocommerce-MyAccount-navigation ul { + text-align: center; +} + +.woocommerce-account .woocommerce-MyAccount-navigation ul li { + display: inline-block; + margin: 0 10px; +} + +.woocommerce-account .woocommerce-MyAccount-content, +.woocommerce-account .woocommerce-MyAccount-navigation { + width: 100%; + margin-right: 0; +} + +.woocommerce-MyAccount-navigation { + margin-bottom: 40px; + padding: 20px; + border: 1px solid #dfe2e5; +} + +.woocommerce-MyAccount-navigation ul { + margin-bottom: 0; + margin-left: 0; +} + +.woocommerce-MyAccount-navigation ul li { + margin-bottom: 15px; + line-height: 1.2; + list-style-type: none; +} + +.woocommerce-MyAccount-navigation ul li:last-child { + margin-bottom: 0; +} + +.woocommerce-MyAccount-navigation ul li.is-active > a { + color: #5a636b; + font-weight: 700; +} + +.content-sidebar.woocommerce-account .woocommerce-MyAccount-navigation ul, +.sidebar-content.woocommerce-account .woocommerce-MyAccount-navigation ul { + text-align: center; +} + +.content-sidebar.woocommerce-account .woocommerce-MyAccount-navigation li, +.sidebar-content.woocommerce-account .woocommerce-MyAccount-navigation li { + display: inline-block; + margin: 0 10px; +} + +.content-sidebar.woocommerce-account .woocommerce-MyAccount-content, +.sidebar-content.woocommerce-account .woocommerce-MyAccount-content { + width: 100%; +} + +.woocommerce table.my_account_orders .button { + margin: 5px; +} + +.woocommerce .woocommerce-breadcrumb { + margin-bottom: 40px; + font-size: 1.8rem; +} + +.woocommerce .woocommerce-breadcrumb, +.woocommerce .woocommerce-breadcrumb a { + color: #5a636b; +} + +.woocommerce .woocommerce-breadcrumb a { + text-decoration: none; +} + +.woocommerce .woocommerce-breadcrumb a:hover, +.woocommerce .woocommerce-breadcrumb a:focus, +.woocommerce .woocommerce-breadcrumb a:active { + color: #1e90ff; +} + +.woocommerce #reviews #comments ol.commentlist li img.avatar { + position: relative; + width: 60px; + margin: 0 16px 24px 0; + padding: 0; + border: 0; + background: transparent; +} + +.woocommerce #reviews #comments ol.commentlist li .comment-text { + margin-left: 80px; + border-color: #dfe2e5; + border-radius: 0; +} + +.woocommerce .entry-content #reviews ol > li { + list-style-type: none; +} + +.woocommerce-error, +.woocommerce-info, +.woocommerce-message { + border-top-color: #1e90ff; + background-color: #fbfcfc; +} + +.woocommerce-error:before, +.woocommerce-error:before, +.woocommerce-error:before, +.woocommerce-info:before, +.woocommerce-info:before, +.woocommerce-info:before, +.woocommerce-message:before, +.woocommerce-message:before, +.woocommerce-message:before { + color: #1e90ff; +} + +div.woocommerce-info.wc-memberships-restriction-message.wc-memberships-restricted-content-message { + width: 48%; +} + +.woocommerce-message .button.wc-forward { + width: 100%; + margin-bottom: 20px; +} + +.woocommerce-product-search { + overflow: hidden; + width: 100%; +} + +.woocommerce-product-search input[type='submit'] { + clip: rect(0, 0, 0, 0); + position: absolute; + width: 1px; + height: 1px; + margin: -1px; + padding: 0; + border: 0; +} + +.woocommerce .widget_shopping_cart ul.cart_list li, +.woocommerce.widget_shopping_cart ul.cart_list li { + padding-top: 15px; +} + +.woocommerce .widget_shopping_cart .cart_list li a.remove, +.woocommerce.widget_shopping_cart .cart_list li a.remove { + top: 15px; +} + +.woocommerce .widget_shopping_cart .total, +.woocommerce.widget_shopping_cart .total { + border-top: 1px solid #dfe2e5; +} + +.woocommerce .widget_shopping_cart .buttons a, +.woocommerce.widget_shopping_cart .buttons a { + margin-bottom: 5px; +} + +.woocommerce .widget_shopping_cart .cart_list li.empty, +.woocommerce.widget_shopping_cart .cart_list li.empty { + padding-left: 0; +} + +.woocommerce ul.cart_list li img, +.woocommerce ul.product_list_widget li img { + width: 60px; +} + +.sidebar ul.product_list_widget li { + margin-bottom: 15px; + padding: 15px 0 0; + line-height: 1.4; +} + +.sidebar ul.product_list_widget li:last-child { + margin-bottom: 0; + padding-bottom: 15px; +} + +.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content, +.woocommerce.widget_price_filter .price_slider_wrapper .ui-widget-content { + background-color: #dfe2e5; +} + +.woocommerce .widget_price_filter .ui-slider .ui-slider-range, +.woocommerce.widget_price_filter .ui-slider .ui-slider-range { + background-color: #1e90ff; +} + +.woocommerce .widget_price_filter .ui-slider .ui-slider-handle, +.woocommerce.widget_price_filter .ui-slider .ui-slider-handle { + top: -0.28em; +} + +.woocommerce .widget_price_filter .price_slider_amount .button, +.woocommerce.widget_price_filter .price_slider_amount .button { + font-size: 1.6rem; +} + +.woocommerce .widget_layered_nav ul li.chosen a:before, +.woocommerce .widget_layered_nav_filters ul li a:before, +.woocommerce .widget_rating_filter ul li.chosen a:before { + color: #1e90ff; +} + +.woocommerce.widget_layered_nav_filters ul li { + margin: 0 20px 20px 0; +} + +.woocommerce.widget_recent_reviews .reviewer { + font-size: 1.2rem; + letter-spacing: 1px; + letter-spacing: 0.1rem; + text-transform: uppercase; +} + +@media (min-width: 640px) { + .woocommerce ul.products li.product .button, + .woocommerce .woocommerce-ordering, + .woocommerce-page ul.products li.product .button, + .woocommerce-page .woocommerce-ordering { + width: auto; + margin-right: auto; + } + .woocommerce-cart table.cart td.actions .coupon .input-text { + margin-bottom: 0; + } + .woocommerce form .form-row-first, + .woocommerce-page form .form-row-first, + .woocommerce #reviews #comments .star-rating { + float: left; + width: 47%; + } + .woocommerce form .form-row-last, + .woocommerce-page form .form-row-last { + float: right; + width: 47%; + } + .woocommerce input.button, + .woocommerce input.button[type='submit'], + .woocommerce-cart table.cart td.actions .coupon .input-text { + width: auto !important; + } + .woocommerce-message .button.wc-forward { + width: auto; + margin-bottom: 0; + } +} + +@media (min-width: 896px) { + .full-width-content.woocommerce div.product .woocommerce-tabs ul.tabs { + padding: 0 0 0 1em; + } + .full-width-content.woocommerce div.product .woocommerce-tabs ul.tabs li { + display: inline-block; + margin: 0 -5px; + background-color: #fbfcfc; + } + .full-width-content.woocommerce div.product .woocommerce-tabs ul.tabs li.active { + border-bottom: 1px solid #ffffff; + background-color: #ffffff; + } + .full-width-content.woocommerce div.product .woocommerce-tabs ul.tabs li.active a:after { + display: none; + } +} + +@media (min-width: 1024px) { + .woocommerce div.product .woocommerce-tabs ul.tabs { + padding: 0 0 0 1em; + } + .woocommerce div.product .woocommerce-tabs ul.tabs li { + display: inline-block; + margin: 0 -5px; + background-color: #fbfcfc; + } + .woocommerce div.product .woocommerce-tabs ul.tabs li.active { + border-bottom: 1px solid #ffffff; + background-color: #ffffff; + } + .woocommerce div.product .woocommerce-tabs ul.tabs li.active a:after { + display: none; + } +}