From bdeb131b258dc73dc782fc180ab77a7d1807d7c9 Mon Sep 17 00:00:00 2001 From: Lai Power Date: Mon, 20 Dec 2021 13:42:43 +0000 Subject: [PATCH] updated theme `GeneratePress` version 3.1.0 --- wp-content/themes/generatepress/404.php | 92 +- wp-content/themes/generatepress/archive.php | 163 +- .../assets/css/admin/block-editor.css | 328 +- .../assets/css/admin/editor-typography.css | 67 + .../generatepress/assets/css/admin/style.css | 464 +- .../themes/generatepress/assets/css/all.css | 5134 +++++++++-------- .../generatepress/assets/css/all.min.css | 2 +- .../assets/css/components/comments.css | 254 +- .../assets/css/components/comments.min.css | 2 +- .../assets/css/components/font-icons.css | 336 +- .../assets/css/components/font-icons.min.css | 2 +- .../themes/generatepress/assets/css/main.css | 3290 +++++------ .../generatepress/assets/css/main.min.css | 2 +- .../generatepress/assets/css/mobile.css | 516 +- .../themes/generatepress/assets/css/style.css | 3708 ++++++------ .../generatepress/assets/css/style.min.css | 2 +- .../assets/dist/block-editor.asset.php | 1 + .../generatepress/assets/dist/block-editor.js | 1 + .../assets/dist/customizer.asset.php | 1 + .../generatepress/assets/dist/customizer.js | 5 + .../assets/dist/dashboard.asset.php | 1 + .../generatepress/assets/dist/dashboard.js | 1 + .../assets/dist/style-customizer.css | 10 + .../assets/dist/style-dashboard.css | 4 + .../themes/generatepress/assets/js/a11y.js | 127 - .../generatepress/assets/js/a11y.min.js | 1 - .../generatepress/assets/js/back-to-top.js | 132 +- .../assets/js/back-to-top.min.js | 2 +- .../generatepress/assets/js/dropdown-click.js | 247 +- .../assets/js/dropdown-click.min.js | 2 +- .../themes/generatepress/assets/js/main.js | 430 -- .../generatepress/assets/js/main.min.js | 1 - .../themes/generatepress/assets/js/menu.js | 709 ++- .../generatepress/assets/js/menu.min.js | 2 +- .../assets/js/navigation-search.js | 254 +- .../assets/js/navigation-search.min.js | 2 +- .../themes/generatepress/content-404.php | 134 +- .../themes/generatepress/content-link.php | 222 +- .../themes/generatepress/content-page.php | 186 +- .../themes/generatepress/content-single.php | 204 +- wp-content/themes/generatepress/content.php | 222 +- wp-content/themes/generatepress/footer.php | 130 +- wp-content/themes/generatepress/functions.php | 216 +- wp-content/themes/generatepress/header.php | 150 +- .../themes/generatepress/inc/block-editor.php | 941 +-- .../generatepress/inc/class-dashboard.php | 266 + .../inc/class-html-attributes.php | 465 ++ .../themes/generatepress/inc/class-rest.php | 151 + .../generatepress/inc/class-theme-update.php | 735 +-- .../inc/class-typography-migration.php | 306 + .../generatepress/inc/class-typography.php | 383 ++ .../themes/generatepress/inc/css-output.php | 2498 ++++---- .../themes/generatepress/inc/customizer.php | 3105 +++++----- .../inc/customizer/class-customize-field.php | 217 + .../controls/class-color-control.php | 44 + .../controls/class-react-control.php | 53 + .../controls/js/customizer-controls.js | 798 +-- .../controls/js/customizer-live-preview.js | 1166 ++-- .../inc/customizer/controls/js/postMessage.js | 341 ++ .../inc/customizer/customizer-helpers.php | 51 +- .../inc/customizer/fields/back-to-top.php | 162 + .../inc/customizer/fields/body.php | 156 + .../inc/customizer/fields/buttons.php | 158 + .../inc/customizer/fields/content.php | 372 ++ .../inc/customizer/fields/footer-bar.php | 138 + .../inc/customizer/fields/footer-widgets.php | 161 + .../inc/customizer/fields/forms.php | 226 + .../inc/customizer/fields/header.php | 180 + .../customizer/fields/primary-navigation.php | 214 + .../inc/customizer/fields/sidebar-widgets.php | 161 + .../inc/customizer/fields/top-bar.php | 140 + .../generatepress/inc/customizer/helpers.php | 801 +-- .../themes/generatepress/inc/dashboard.php | 756 +-- .../themes/generatepress/inc/defaults.php | 782 +-- .../themes/generatepress/inc/general.php | 897 +-- .../themes/generatepress/inc/meta-box.php | 2 +- .../generatepress/inc/plugin-compat.php | 1726 +++--- .../generatepress/inc/structure/archives.php | 259 +- .../generatepress/inc/structure/comments.php | 423 +- .../generatepress/inc/structure/footer.php | 481 +- .../generatepress/inc/structure/header.php | 798 ++- .../inc/structure/navigation.php | 1270 ++-- .../generatepress/inc/structure/post-meta.php | 1156 ++-- .../generatepress/inc/theme-functions.php | 1538 ++--- .../themes/generatepress/inc/typography.php | 2265 ++++---- wp-content/themes/generatepress/index.php | 157 +- .../themes/generatepress/no-results.php | 156 +- wp-content/themes/generatepress/page.php | 118 +- wp-content/themes/generatepress/readme.txt | 50 +- wp-content/themes/generatepress/search.php | 158 +- .../themes/generatepress/sidebar-left.php | 68 +- wp-content/themes/generatepress/sidebar.php | 68 +- wp-content/themes/generatepress/single.php | 108 +- wp-content/themes/generatepress/style.css | 44 +- 94 files changed, 24875 insertions(+), 20553 deletions(-) create mode 100644 wp-content/themes/generatepress/assets/css/admin/editor-typography.css create mode 100644 wp-content/themes/generatepress/assets/dist/block-editor.asset.php create mode 100644 wp-content/themes/generatepress/assets/dist/block-editor.js create mode 100644 wp-content/themes/generatepress/assets/dist/customizer.asset.php create mode 100644 wp-content/themes/generatepress/assets/dist/customizer.js create mode 100644 wp-content/themes/generatepress/assets/dist/dashboard.asset.php create mode 100644 wp-content/themes/generatepress/assets/dist/dashboard.js create mode 100644 wp-content/themes/generatepress/assets/dist/style-customizer.css create mode 100644 wp-content/themes/generatepress/assets/dist/style-dashboard.css delete mode 100644 wp-content/themes/generatepress/assets/js/a11y.js delete mode 100644 wp-content/themes/generatepress/assets/js/a11y.min.js delete mode 100644 wp-content/themes/generatepress/assets/js/main.js delete mode 100644 wp-content/themes/generatepress/assets/js/main.min.js create mode 100644 wp-content/themes/generatepress/inc/class-dashboard.php create mode 100644 wp-content/themes/generatepress/inc/class-html-attributes.php create mode 100644 wp-content/themes/generatepress/inc/class-rest.php create mode 100644 wp-content/themes/generatepress/inc/class-typography-migration.php create mode 100644 wp-content/themes/generatepress/inc/class-typography.php create mode 100644 wp-content/themes/generatepress/inc/customizer/class-customize-field.php create mode 100644 wp-content/themes/generatepress/inc/customizer/controls/class-color-control.php create mode 100644 wp-content/themes/generatepress/inc/customizer/controls/class-react-control.php create mode 100644 wp-content/themes/generatepress/inc/customizer/controls/js/postMessage.js create mode 100644 wp-content/themes/generatepress/inc/customizer/fields/back-to-top.php create mode 100644 wp-content/themes/generatepress/inc/customizer/fields/body.php create mode 100644 wp-content/themes/generatepress/inc/customizer/fields/buttons.php create mode 100644 wp-content/themes/generatepress/inc/customizer/fields/content.php create mode 100644 wp-content/themes/generatepress/inc/customizer/fields/footer-bar.php create mode 100644 wp-content/themes/generatepress/inc/customizer/fields/footer-widgets.php create mode 100644 wp-content/themes/generatepress/inc/customizer/fields/forms.php create mode 100644 wp-content/themes/generatepress/inc/customizer/fields/header.php create mode 100644 wp-content/themes/generatepress/inc/customizer/fields/primary-navigation.php create mode 100644 wp-content/themes/generatepress/inc/customizer/fields/sidebar-widgets.php create mode 100644 wp-content/themes/generatepress/inc/customizer/fields/top-bar.php diff --git a/wp-content/themes/generatepress/404.php b/wp-content/themes/generatepress/404.php index 8f35f1ad..2ad86c7e 100644 --- a/wp-content/themes/generatepress/404.php +++ b/wp-content/themes/generatepress/404.php @@ -1,46 +1,46 @@ - - -
> -
> - -
-
- - + +
> +
> + +
+
+ + - -
> -
> - -
-
- - + +
> +
> + +
+
+ + h3.hndle { - padding-top: 12px; - padding-bottom: 12px; -} - -@media (min-width: 768px) { - .hide-on-desktop { - display: none; - } - - .grid-70 { - float: left; - width: 70%; - box-sizing: border-box; - padding-right: 20px; - } - - .grid-30 { - float: left; - width: 30%; - box-sizing: border-box; - padding-left: 20px; - } - - .grid-parent { - padding-left: 0; - padding-right: 0; - } -} - -@media (max-width: 767px) { - .hide-on-mobile { - display: none; - } - .gp-masthead .gp-masthead-links, - .gp-masthead .gp-title { - float: none; - text-align: center; - } - .gp-masthead .gp-title { - margin-bottom: 20px; - } -} +.js .generate-metabox.postbox .hndle { + cursor: inherit; +} + +.generate-metabox .clear { + padding-top: 10px; + margin-bottom: 10px; + border-bottom: 1px solid #DDD; +} + +.generate-metabox .clear:after { + content: ""; + display: table; + clear: both; +} + +.customize-button a.button, +.customize-button a.button:visited { + font-size: 25px; + padding: 10px 20px; + line-height: normal; + height: auto; + width: 100%; + text-align: center; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} + +.customize-button { + margin-bottom: 40px; +} + +.addon-container:before, +.addon-container:after { + content: "."; + display: block; + overflow: hidden; + visibility: hidden; + font-size: 0; + line-height: 0; + width: 0; + height: 0; +} +.addon-container:after { + clear: both; +} +.premium-addons .gp-clear { + margin: 0 !important; + border: 0; + padding: 0 !important; +} +.premium-addons .add-on.gp-clear { + padding: 15px !important; + margin: 0 !important; + -moz-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1) inset; + -webkit-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1) inset; + box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1) inset; +} +.premium-addons .add-on:last-child { + border: 0 !important; +} +.addon-action { + float: right; + clear: right; +} +.addon-name { + float: left; +} + +.addon-name a { + text-decoration: none; + font-weight: bold; +} + +/* New admin */ +.clearfix:after, +.clearfix:before { + content: "."; + display: block; + overflow: hidden; + visibility: hidden; + font-size: 0; + line-height: 0; + width: 0; + height: 0; +} + +.clearfix:after { + clear: both; +} + +.gp-container { + max-width: 1200px; + margin: 0 auto; + padding: 0 20px; + box-sizing: border-box; +} + +.gp-container a { + text-decoration: none; +} + +.appearance_page_generate-options #wpcontent, +.appearance_page_generate-options #wpbody-content .metabox-holder { + padding: 0; +} + +.appearance_page_generate-options .wrap { + margin-top: 0; + margin-left: 0; + margin-right: 0; +} + +.gp-masthead { + background-color: #fff; + text-align: center; + box-shadow: 0 1px 0 rgba(200,215,225,0.5), 0 1px 2px #DDD; + margin-bottom: 40px; + padding: 20px; +} + +.gp-container .postbox { + box-shadow: 0 0 0 1px rgba(200, 215, 225, 0.5), 0 1px 2px #DDD; + border: 0; + min-width: initial; + margin-bottom: 40px; +} + +.gp-masthead .gp-title { + float: left; +} + +.gp-masthead .gp-title a { + font-size: 20px; + color: #000; + font-weight: 500; +} + +.gp-masthead .gp-masthead-links { + float: right; +} + +.gp-masthead-links a { + display: inline-block; + margin: 0 10px; +} + +.gp-masthead .gp-version { + display: inline-block; + background: #EFEFEF; + padding: 1px 3px; + border-radius: 2px; + font-size: 11px; + vertical-align: top; + margin-left: 5px; +} + +.gp-options-footer { + text-align: center; +} + +.popular-articles ul { + list-style-type: disc; + margin-left: 20px; + margin-bottom: 0; +} + +.popular-articles .hndle a { + float:right; + font-size:13px; +} + +#gen-delete p:last-child { + margin-bottom: 0; +} + +.start-customizing li { + margin-bottom: 15px; +} + +.start-customizing li span { + padding-right: 5px; +} + +.start-customizing ul { + border-bottom: 1px solid #ddd; +} + +.gp-container .postbox > h3.hndle { + padding-top: 12px; + padding-bottom: 12px; +} + +@media (min-width: 768px) { + .hide-on-desktop { + display: none; + } + + .grid-70 { + float: left; + width: 70%; + box-sizing: border-box; + padding-right: 20px; + } + + .grid-30 { + float: left; + width: 30%; + box-sizing: border-box; + padding-left: 20px; + } + + .grid-parent { + padding-left: 0; + padding-right: 0; + } +} + +@media (max-width: 767px) { + .hide-on-mobile { + display: none; + } + .gp-masthead .gp-masthead-links, + .gp-masthead .gp-title { + float: none; + text-align: center; + } + .gp-masthead .gp-title { + margin-bottom: 20px; + } +} diff --git a/wp-content/themes/generatepress/assets/css/all.css b/wp-content/themes/generatepress/assets/css/all.css index b7226a11..8e83c950 100644 --- a/wp-content/themes/generatepress/assets/css/all.css +++ b/wp-content/themes/generatepress/assets/css/all.css @@ -1,2561 +1,2573 @@ -.grid-container:before, .grid-15:before, .grid-20:before, .grid-25:before, .grid-30:before, .grid-35:before, .grid-40:before, .grid-45:before, .grid-50:before, .grid-55:before, .grid-60:before, .grid-65:before, .grid-70:before, .grid-75:before, .grid-80:before, .grid-85:before, .grid-100:before, .grid-33:before, .grid-66:before, [class*="mobile-grid-"]:before, [class*="tablet-grid-"]:before, .clearfix:before, -.grid-container:after, -.grid-15:after, -.grid-20:after, -.grid-25:after, -.grid-30:after, -.grid-35:after, -.grid-40:after, -.grid-45:after, -.grid-50:after, -.grid-55:after, -.grid-60:after, -.grid-65:after, -.grid-70:after, -.grid-75:after, -.grid-80:after, -.grid-85:after, -.grid-100:after, -.grid-33:after, -.grid-66:after, -[class*="mobile-grid-"]:after, -[class*="tablet-grid-"]:after, -.clearfix:after { - content: "."; - display: block; - overflow: hidden; - visibility: hidden; - font-size: 0; - line-height: 0; - width: 0; - height: 0; -} - -.grid-container:after, .grid-15:after, .grid-20:after, .grid-25:after, .grid-30:after, .grid-35:after, .grid-40:after, .grid-45:after, .grid-50:after, .grid-55:after, .grid-60:after, .grid-65:after, .grid-70:after, .grid-75:after, .grid-80:after, .grid-85:after, .grid-90:after, .grid-95:after, .grid-100:after, .grid-33:after, .grid-66:after, [class*="mobile-grid-"]:after, [class*="tablet-grid-"]:after, .clearfix:after { - clear: both; -} - -.grid-container { - margin-left: auto; - margin-right: auto; - max-width: 1200px; - padding-left: 10px; - padding-right: 10px; -} - -.grid-15, .grid-20, .grid-25, .grid-30, .grid-35, .grid-40, .grid-45, .grid-50, .grid-55, .grid-60, .grid-65, .grid-70, .grid-75, .grid-80, .grid-85, .grid-90, .grid-95, .grid-100, .grid-33, .grid-66, [class*="mobile-grid-"], [class*="tablet-grid-"] { - box-sizing: border-box; - padding-left: 10px; - padding-right: 10px; -} - -.grid-parent { - padding-left: 0; - padding-right: 0; -} - -@media (max-width: 767px) { - .hide-on-mobile { - display: none !important; - } - .mobile-grid-50 { - float: left; - width: 50%; - } - .mobile-grid-100 { - clear: both; - width: 100%; - } -} - -@media (min-width: 768px) and (max-width: 1024px) { - [class*="tablet-push-"], - [class*="tablet-pull-"] { - position: relative; - } - .hide-on-tablet { - display: none !important; - } - .tablet-grid-15 { - float: left; - width: 15%; - } - .tablet-push-15 { - left: 15%; - } - .tablet-pull-15 { - left: -15%; - } - .tablet-grid-20 { - float: left; - width: 20%; - } - .tablet-push-20 { - left: 20%; - } - .tablet-pull-20 { - left: -20%; - } - .tablet-grid-25 { - float: left; - width: 25%; - } - .tablet-push-25 { - left: 25%; - } - .tablet-pull-25 { - left: -25%; - } - .tablet-grid-30 { - float: left; - width: 30%; - } - .tablet-push-30 { - left: 30%; - } - .tablet-pull-30 { - left: -30%; - } - .tablet-grid-35 { - float: left; - width: 35%; - } - .tablet-push-35 { - left: 35%; - } - .tablet-pull-35 { - left: -35%; - } - .tablet-grid-40 { - float: left; - width: 40%; - } - .tablet-push-40 { - left: 40%; - } - .tablet-pull-40 { - left: -40%; - } - .tablet-grid-45 { - float: left; - width: 45%; - } - .tablet-push-45 { - left: 45%; - } - .tablet-pull-45 { - left: -45%; - } - .tablet-grid-50 { - float: left; - width: 50%; - } - .tablet-push-50 { - left: 50%; - } - .tablet-pull-50 { - left: -50%; - } - .tablet-grid-55 { - float: left; - width: 55%; - } - .tablet-push-55 { - left: 55%; - } - .tablet-pull-55 { - left: -55%; - } - .tablet-grid-60 { - float: left; - width: 60%; - } - .tablet-push-60 { - left: 60%; - } - .tablet-pull-60 { - left: -60%; - } - .tablet-grid-65 { - float: left; - width: 65%; - } - .tablet-push-65 { - left: 65%; - } - .tablet-pull-65 { - left: -65%; - } - .tablet-grid-70 { - float: left; - width: 70%; - } - .tablet-push-70 { - left: 70%; - } - .tablet-pull-70 { - left: -70%; - } - .tablet-grid-75 { - float: left; - width: 75%; - } - .tablet-push-75 { - left: 75%; - } - .tablet-pull-75 { - left: -75%; - } - .tablet-grid-80 { - float: left; - width: 80%; - } - .tablet-push-80 { - left: 80%; - } - .tablet-pull-80 { - left: -80%; - } - .tablet-grid-85 { - float: left; - width: 85%; - } - .tablet-push-85 { - left: 85%; - } - .tablet-pull-85 { - left: -85%; - } - .tablet-suffix-33 { - margin-right: 33.33333%; - } - .tablet-push-33 { - left: 33.33333%; - } - .tablet-pull-33 { - left: -33.33333%; - } - .tablet-grid-66 { - float: left; - width: 66.66667%; - } - .tablet-push-66 { - left: 66.66667%; - } - .tablet-pull-66 { - left: -66.66667%; - } - .tablet-grid-100 { - clear: both; - width: 100%; - } - /* GP specific grid */ - .inside-footer-widgets > div { - margin-bottom: 50px; - } - .inside-footer-widgets > div:nth-child(odd) { - clear: both; - } - .active-footer-widgets-1 .footer-widget-1, - .active-footer-widgets-3 .footer-widget-3, - .active-footer-widgets-5 .footer-widget-5 { - width: 100%; - margin-bottom: 0; - } - .active-footer-widgets-2 .inside-footer-widgets > div, - .active-footer-widgets-4 .footer-widget-3, - .active-footer-widgets-4 .footer-widget-4 { - margin-bottom: 0; - } -} - -@media (min-width: 1025px) { - .push-15, .pull-15, .push-20, .pull-20, .push-25, .pull-25, .push-30, .pull-30, .push-35, .pull-35, .push-40, .pull-40, .push-45, .pull-45, .push-50, .pull-50, .push-55, .pull-55, .push-60, .pull-60, .push-65, .pull-65, .push-70, .pull-70, .push-75, .pull-75, .push-80, .pull-80, .push-85, .pull-85, .push-90, .pull-90, .push-95, .pull-95, .push-33, .pull-33, .push-66, .pull-66 { - position: relative; - } - .hide-on-desktop { - display: none !important; - } - .grid-15 { - float: left; - width: 15%; - } - .push-15 { - left: 15%; - } - .pull-15 { - left: -15%; - } - .grid-20 { - float: left; - width: 20%; - } - .push-20 { - left: 20%; - } - .pull-20 { - left: -20%; - } - .grid-25 { - float: left; - width: 25%; - } - .push-25 { - left: 25%; - } - .pull-25 { - left: -25%; - } - .grid-30 { - float: left; - width: 30%; - } - .push-30 { - left: 30%; - } - .pull-30 { - left: -30%; - } - .grid-35 { - float: left; - width: 35%; - } - .push-35 { - left: 35%; - } - .pull-35 { - left: -35%; - } - .grid-40 { - float: left; - width: 40%; - } - .push-40 { - left: 40%; - } - .pull-40 { - left: -40%; - } - .grid-45 { - float: left; - width: 45%; - } - .push-45 { - left: 45%; - } - .pull-45 { - left: -45%; - } - .grid-50 { - float: left; - width: 50%; - } - .push-50 { - left: 50%; - } - .pull-50 { - left: -50%; - } - .grid-55 { - float: left; - width: 55%; - } - .push-55 { - left: 55%; - } - .pull-55 { - left: -55%; - } - .grid-60 { - float: left; - width: 60%; - } - .push-60 { - left: 60%; - } - .pull-60 { - left: -60%; - } - .grid-65 { - float: left; - width: 65%; - } - .push-65 { - left: 65%; - } - .pull-65 { - left: -65%; - } - .grid-70 { - float: left; - width: 70%; - } - .push-70 { - left: 70%; - } - .pull-70 { - left: -70%; - } - .grid-75 { - float: left; - width: 75%; - } - .push-75 { - left: 75%; - } - .pull-75 { - left: -75%; - } - .grid-80 { - float: left; - width: 80%; - } - .push-80 { - left: 80%; - } - .pull-80 { - left: -80%; - } - .grid-85 { - float: left; - width: 85%; - } - .push-85 { - left: 85%; - } - .pull-85 { - left: -85%; - } - .grid-33 { - float: left; - width: 33.33333%; - } - .push-33 { - left: 33.33333%; - } - .pull-33 { - left: -33.33333%; - } - .grid-66 { - float: left; - width: 66.66667%; - } - .push-66 { - left: 66.66667%; - } - .pull-66 { - left: -66.66667%; - } - .grid-100 { - clear: both; - width: 100%; - } -} - -/*-------------------------------------------------------------- ->>> TABLE OF CONTENTS: ----------------------------------------------------------------- -# Reset -# Elements -# Forms -# Links -# Alignments -# Accessibility -# Clearings -# Navigation - # Mobile Menu - # Navigation Search - # Dropdown Menus - # Sidebar Navigation - # Navigation Layout -# Post Navigation -# Header -# Post Content -# Widgets -# Content Layout -# Footer -# Featured Images -# Top Bar -# Icons -# Compatibility ---------------------------------------------------------------*/ -/*-------------------------------------------------------------- -# Reset ---------------------------------------------------------------*/ -html, -body, -div, -span, -applet, -object, -iframe, -h1, -h2, -h3, -h4, -h5, -h6, -p, -blockquote, -pre, -a, -abbr, -acronym, -address, -big, -cite, -code, -del, -dfn, -em, -font, -ins, -kbd, -q, -s, -samp, -small, -strike, -strong, -sub, -sup, -tt, -var, -dl, -dt, -dd, -ol, -ul, -li, -fieldset, -form, -label, -legend, -table, -caption, -tbody, -tfoot, -thead, -tr, -th, -td { - border: 0; - margin: 0; - padding: 0; -} - -html { - font-family: sans-serif; - -webkit-text-size-adjust: 100%; - -ms-text-size-adjust: 100%; -} - -article, -aside, -details, -figcaption, -figure, -footer, -header, -main, -nav, -section { - display: block; -} - -audio, -canvas, -progress, -video { - display: inline-block; - vertical-align: baseline; -} - -audio:not([controls]) { - display: none; - height: 0; -} - -[hidden], -template { - display: none; -} - -ol, -ul { - list-style: none; -} - -table { - /* tables still need 'cellspacing="0"' in the markup */ - border-collapse: separate; - border-spacing: 0; -} - -caption, -th, -td { - font-weight: normal; - text-align: left; - padding: 5px; -} - -blockquote:before, -blockquote:after, -q:before, -q:after { - content: ""; -} - -a { - background-color: transparent; -} - -a img { - border: 0; -} - -/*-------------------------------------------------------------- -# Elements ---------------------------------------------------------------*/ -body, -button, -input, -select, -textarea { - font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - font-weight: normal; - text-transform: none; - font-size: 17px; - line-height: 1.5; -} - -p { - margin-bottom: 1.5em; -} - -h1, -h2, -h3, -h4, -h5, -h6 { - font-family: inherit; - font-size: 100%; - font-style: inherit; - font-weight: inherit; -} - -pre { - background: rgba(0, 0, 0, 0.05); - font-family: inherit; - font-size: inherit; - line-height: normal; - margin-bottom: 1.5em; - padding: 20px; - overflow: auto; - max-width: 100%; -} - -blockquote { - border-left: 5px solid rgba(0, 0, 0, 0.05); - padding: 20px; - font-size: 1.2em; - font-style: italic; - margin: 0 0 1.5em; - position: relative; -} - -blockquote p:last-child { - margin: 0; -} - -table, -th, -td { - border: 1px solid rgba(0, 0, 0, 0.1); -} - -table { - border-collapse: separate; - border-spacing: 0; - border-width: 1px 0 0 1px; - margin: 0 0 1.5em; - width: 100%; -} - -th, -td { - padding: 8px; -} - -th { - border-width: 0 1px 1px 0; -} - -td { - border-width: 0 1px 1px 0; -} - -hr { - background-color: rgba(0, 0, 0, 0.1); - border: 0; - height: 1px; - margin-bottom: 40px; - margin-top: 40px; -} - -fieldset { - padding: 0; - border: 0; - min-width: inherit; -} - -fieldset legend { - padding: 0; - margin-bottom: 1.5em; -} - -h1 { - font-size: 42px; - margin-bottom: 20px; - line-height: 1.2em; - font-weight: normal; - text-transform: none; -} - -h2 { - font-size: 35px; - margin-bottom: 20px; - line-height: 1.2em; - font-weight: normal; - text-transform: none; -} - -h3 { - font-size: 29px; - margin-bottom: 20px; - line-height: 1.2em; - font-weight: normal; - text-transform: none; -} - -h4 { - font-size: 24px; -} - -h5 { - font-size: 20px; -} - -h4, -h5, -h6 { - margin-bottom: 20px; -} - -ul, -ol { - margin: 0 0 1.5em 3em; -} - -ul { - list-style: disc; -} - -ol { - list-style: decimal; -} - -li > ul, -li > ol { - margin-bottom: 0; - margin-left: 1.5em; -} - -dt { - font-weight: bold; -} - -dd { - margin: 0 1.5em 1.5em; -} - -b, -strong { - font-weight: bold; -} - -dfn, -cite, -em, -i { - font-style: italic; -} - -address { - margin: 0 0 1.5em; -} - -code, -kbd, -tt, -var { - font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; -} - -abbr, -acronym { - border-bottom: 1px dotted #666; - cursor: help; -} - -mark, -ins { - text-decoration: none; -} - -sup, -sub { - font-size: 75%; - height: 0; - line-height: 0; - position: relative; - vertical-align: baseline; -} - -sup { - bottom: 1ex; -} - -sub { - top: .5ex; -} - -small { - font-size: 75%; -} - -big { - font-size: 125%; -} - -figure { - margin: 0; -} - -table { - margin: 0 0 1.5em; - width: 100%; -} - -th { - font-weight: bold; -} - -img { - height: auto; - /* Make sure images are scaled correctly. */ - max-width: 100%; - /* Adhere to container width. */ -} - -/*-------------------------------------------------------------- -# Forms ---------------------------------------------------------------*/ -button, -input, -select, -textarea { - font-size: 100%; - /* Corrects font size not being inherited in all browsers */ - margin: 0; - /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */ - vertical-align: baseline; - /* Improves appearance and consistency in all browsers */ - *vertical-align: middle; - /* Improves appearance and consistency in all browsers */ -} - -button, -html input[type="button"], -input[type="reset"], -input[type="submit"] { - border: 1px solid transparent; - background: #55555e; - cursor: pointer; - /* Improves usability and consistency of cursor style between image-type 'input' and others */ - -webkit-appearance: button; - /* Corrects inability to style clickable 'input' types in iOS */ - padding: 10px 20px; - color: #FFF; -} - -input[type="checkbox"], -input[type="radio"] { - box-sizing: border-box; - /* Addresses box sizing set to content-box in IE8/9 */ - padding: 0; - /* Addresses excess padding in IE8/9 */ -} - -input[type="search"] { - -webkit-appearance: textfield; - /* Addresses appearance set to searchfield in S5, Chrome */ - box-sizing: content-box; -} - -input[type="search"]::-webkit-search-decoration { - /* Corrects inner padding displayed oddly in S5, Chrome on OSX */ - -webkit-appearance: none; -} - -button::-moz-focus-inner, -input::-moz-focus-inner { - /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */ - border: 0; - padding: 0; -} - -input[type="text"], -input[type="email"], -input[type="url"], -input[type="password"], -input[type="search"], -input[type="tel"], -input[type="number"], -textarea, -select { - background: #FAFAFA; - color: #666; - border: 1px solid #ccc; - border-radius: 0px; - padding: 10px 15px; - box-sizing: border-box; - max-width: 100%; -} - -textarea { - overflow: auto; - /* Removes default vertical scrollbar in IE6/7/8/9 */ - vertical-align: top; - /* Improves readability and alignment in all browsers */ - width: 100%; -} - -input[type="file"] { - max-width: 100%; - box-sizing: border-box; -} - -/*-------------------------------------------------------------- -# Links ---------------------------------------------------------------*/ -a, -button, -input { - transition: color 0.1s ease-in-out, background-color 0.1s ease-in-out; -} - -a, -a:visited, -a:hover, -a:focus { - text-decoration: none; -} - -.button, -.wp-block-button .wp-block-button__link { - padding: 10px 20px; - display: inline-block; -} - -.wp-block-button .wp-block-button__link { - font-size: inherit; - line-height: inherit; -} - -.using-mouse :focus { - outline: 0; -} - -.using-mouse ::-moz-focus-inner { - border: 0; -} - -/*-------------------------------------------------------------- -# Alignments ---------------------------------------------------------------*/ -.alignleft { - float: left; - margin-right: 1.5em; -} - -.alignright { - float: right; - margin-left: 1.5em; -} - -.aligncenter { - clear: both; - display: block; - margin: 0 auto; -} - -.size-auto, -.size-full, -.size-large, -.size-medium, -.size-thumbnail { - max-width: 100%; - height: auto; -} - -.no-sidebar .entry-content .alignfull { - margin-left: calc( -100vw / 2 + 100% / 2); - margin-right: calc( -100vw / 2 + 100% / 2); - max-width: 100vw; - width: auto; -} - -/*-------------------------------------------------------------- -# Accessibility ---------------------------------------------------------------*/ -.screen-reader-text { - border: 0; - clip: rect(1px, 1px, 1px, 1px); - -webkit-clip-path: inset(50%); - clip-path: inset(50%); - height: 1px; - margin: -1px; - overflow: hidden; - padding: 0; - position: absolute !important; - width: 1px; - word-wrap: normal !important; -} - -.screen-reader-text:focus { - background-color: #f1f1f1; - border-radius: 3px; - box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); - clip: auto !important; - -webkit-clip-path: none; - clip-path: none; - color: #21759b; - display: block; - font-size: 0.875rem; - font-weight: 700; - height: auto; - left: 5px; - line-height: normal; - padding: 15px 23px 14px; - text-decoration: none; - top: 5px; - width: auto; - z-index: 100000; -} - -/* Do not show the outline on the skip link target. */ -#primary[tabindex="-1"]:focus { - outline: 0; -} - -/*-------------------------------------------------------------- -# Clearings ---------------------------------------------------------------*/ -.clear:after, -.entry-content:after, -.comment-content:after, -.site-header:after, -.site-content:after, -.paging-navigation:after, -.site-footer:after, -.site-info:after, -.page-header-content-container:after, -.inside-navigation:not(.grid-container):after, -.inside-header:not(.grid-container):after, -.inside-top-bar:not(.grid-container):after, -.inside-footer-widgets:not(.grid-container):after { - content: ""; - display: table; - clear: both; -} - -/*-------------------------------------------------------------- -# Navigation ---------------------------------------------------------------*/ -.main-navigation { - z-index: 100; - padding: 0; - clear: both; - display: block; -} - -.main-navigation a { - display: block; - text-decoration: none; - font-weight: normal; - text-transform: none; - font-size: 15px; -} - -.main-navigation ul { - list-style: none; - margin: 0; - padding-left: 0; -} - -.main-navigation .main-nav ul li a { - padding-left: 20px; - padding-right: 20px; - line-height: 60px; -} - -.inside-navigation { - position: relative; -} - -.main-navigation li { - float: left; - position: relative; -} - -.sf-menu > li.menu-item-float-right { - float: right !important; -} - -.nav-float-right .inside-header .main-navigation { - float: right; - clear: right; -} - -.nav-float-left .inside-header .main-navigation { - float: left; - clear: left; -} - -.nav-aligned-right .main-navigation:not(.toggled) .menu > li, -.nav-aligned-center .main-navigation:not(.toggled) .menu > li { - float: none; - display: inline-block; -} - -.nav-aligned-right .main-navigation:not(.toggled) ul, -.nav-aligned-center .main-navigation:not(.toggled) ul { - letter-spacing: -0.31em; - font-size: 1em; -} - -.nav-aligned-right .main-navigation:not(.toggled) ul li, -.nav-aligned-center .main-navigation:not(.toggled) ul li { - letter-spacing: normal; -} - -.nav-aligned-center .main-navigation { - text-align: center; -} - -.nav-aligned-right .main-navigation { - text-align: right; -} - -.main-navigation li.search-item { - float: right; -} - -.main-navigation .mobile-bar-items a { - padding-left: 20px; - padding-right: 20px; - line-height: 60px; -} - -/*-------------------------------------------------------------- -## Dropdown Menus ---------------------------------------------------------------*/ -.main-navigation ul ul { - display: block; - box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1); - float: left; - position: absolute; - left: -99999px; - opacity: 0; - z-index: 99999; - width: 200px; - text-align: left; - top: auto; - transition: opacity 80ms linear; - transition-delay: 0s; - pointer-events: none; - height: 0; - overflow: hidden; -} - -.main-navigation ul ul a { - display: block; -} - -.main-navigation ul ul li { - width: 100%; -} - -.main-navigation .main-nav ul ul li a { - line-height: normal; - padding: 10px 20px; - font-size: 14px; -} - -.main-navigation .main-nav ul li.menu-item-has-children > a { - padding-right: 0; - position: relative; -} - -.main-navigation.sub-menu-left .sub-menu { - right: 0; -} - -.main-navigation:not(.toggled) ul li:hover > ul, -.main-navigation:not(.toggled) ul li.sfHover > ul { - left: auto; - opacity: 1; - transition-delay: 150ms; - pointer-events: auto; - height: auto; - overflow: visible; -} - -.main-navigation:not(.toggled) ul ul li:hover > ul, -.main-navigation:not(.toggled) ul ul li.sfHover > ul { - left: 100%; - top: 0; -} - -.main-navigation.sub-menu-left:not(.toggled) ul ul li:hover > ul, -.main-navigation.sub-menu-left:not(.toggled) ul ul li.sfHover > ul { - right: 100%; - left: auto; -} - -.nav-float-right .main-navigation ul ul ul { - top: 0; -} - -.menu-item-has-children .dropdown-menu-toggle { - display: inline-block; - height: 100%; - clear: both; - padding-right: 20px; - padding-left: 10px; -} - -.menu-item-has-children ul .dropdown-menu-toggle { - padding-top: 10px; - padding-bottom: 10px; - margin-top: -10px; -} - -nav ul ul .menu-item-has-children .dropdown-menu-toggle, -.sidebar .menu-item-has-children .dropdown-menu-toggle { - float: right; -} - -/*-------------------------------------------------------------- -## Sidebar Navigation ---------------------------------------------------------------*/ -.widget-area .main-navigation li { - float: none; - display: block; - width: 100%; - padding: 0; - margin: 0; -} - -.sidebar .main-navigation.sub-menu-right ul li:hover ul, -.sidebar .main-navigation.sub-menu-right ul li.sfHover ul { - top: 0; - left: 100%; -} - -.sidebar .main-navigation.sub-menu-left ul li:hover ul, -.sidebar .main-navigation.sub-menu-left ul li.sfHover ul { - top: 0; - right: 100%; -} - -/*-------------------------------------------------------------- -# Post Navigation ---------------------------------------------------------------*/ -.site-main .comment-navigation, -.site-main .posts-navigation, -.site-main .post-navigation { - margin: 0 0 2em; - overflow: hidden; -} - -.site-main .post-navigation { - margin-bottom: 0; -} - -.paging-navigation .nav-previous, -.paging-navigation .nav-next { - display: none; -} - -.paging-navigation .nav-links > * { - padding: 0 5px; -} - -.paging-navigation .nav-links .current { - font-weight: bold; -} - -/* Less specific so we don't overwrite existing customizations. */ -.nav-links > *:first-child { - padding-left: 0; -} - -/*-------------------------------------------------------------- -# Header ---------------------------------------------------------------*/ -.site-header { - position: relative; -} - -.inside-header { - padding: 20px 40px; -} - -.main-title { - margin: 0; - font-size: 25px; - line-height: 1.2em; - word-wrap: break-word; - font-weight: bold; - text-transform: none; -} - -.site-description { - margin: 0; - line-height: 1.5; - font-weight: normal; - text-transform: none; - font-size: 15px; -} - -.site-logo { - display: inline-block; - max-width: 100%; -} - -.site-header .header-image { - vertical-align: middle; -} - -.header-widget { - float: right; - overflow: hidden; - max-width: 50%; -} - -.header-widget .widget { - padding: 0 0 20px; - margin-bottom: 0; -} - -.header-widget .widget:last-child { - padding-bottom: 0; -} - -.header-widget .widget-title { - margin-bottom: 15px; -} - -.nav-float-right .header-widget { - position: relative; - top: -10px; -} - -.nav-float-right .header-widget .widget { - padding: 0 0 10px; -} - -.nav-float-left .inside-header .site-branding, -.nav-float-left .inside-header .site-logo { - float: right; - clear: right; -} - -.nav-float-left .inside-header:after { - clear: both; - content: ''; - display: table; -} - -.nav-float-right .inside-header .site-branding { - display: inline-block; -} - -.site-branding-container { - display: inline-flex; - align-items: center; - text-align: left; -} - -.site-branding-container .site-logo { - margin-right: 1.5em; -} - -.header-aligned-center .site-header { - text-align: center; -} - -.header-aligned-right .site-header { - text-align: right; -} - -.header-aligned-right .site-branding-container { - text-align: right; -} - -.header-aligned-right .site-branding-container .site-logo { - order: 10; - margin-right: 0; - margin-left: 1.5em; -} - -/*-------------------------------------------------------------- -# Post Content ---------------------------------------------------------------*/ -.sticky { - display: block; -} - -.posted-on .updated, -.entry-header .gp-icon { - display: none; -} - -.byline, -.single .byline, -.group-blog .byline, -.entry-header .cat-links, -.entry-header .tags-links, -.entry-header .comments-link { - display: inline; -} - -footer.entry-meta .byline, -footer.entry-meta .posted-on { - display: block; -} - -.page-content:not(:first-child), -.entry-content:not(:first-child), -.entry-summary:not(:first-child) { - margin-top: 2em; -} - -.page-links { - clear: both; - margin: 0 0 1.5em; -} - -.blog .format-status .entry-title, -.archive .format-status .entry-title, -.blog .format-aside .entry-header, -.archive .format-aside .entry-header, -.blog .format-status .entry-header, -.archive .format-status .entry-header, -.blog .format-status .entry-meta, -.archive .format-status .entry-meta { - display: none; -} - -.blog .format-aside .entry-content, -.archive .format-aside .entry-content, -.blog .format-status .entry-content, -.archive .format-status .entry-content { - margin-top: 0; -} - -.blog .format-status .entry-content p:last-child, -.archive .format-status .entry-content p:last-child { - margin-bottom: 0; -} - -.site-content, -.entry-header { - word-wrap: break-word; -} - -.entry-title { - margin-bottom: 0; -} - -.author .page-header .page-title { - display: flex; - align-items: center; -} - -.author .page-header .avatar { - margin-right: 20px; -} - -.page-header > *:last-child, -.page-header .author-info > *:last-child { - margin-bottom: 0; -} - -.entry-meta { - font-size: 85%; - margin-top: .5em; - line-height: 1.5; -} - -footer.entry-meta { - margin-top: 2em; -} - -.cat-links, -.tags-links, -.comments-link { - display: block; -} - -.taxonomy-description p:last-child, -.read-more-container, -.page-content > p:last-child, -.entry-content > p:last-child, -.entry-summary > p:last-child { - margin-bottom: 0; -} - -/*-------------------------------------------------------------- -# Media ---------------------------------------------------------------*/ -/*-------------------------------------------------------------- -## Captions ---------------------------------------------------------------*/ -.wp-caption { - margin-bottom: 1.5em; - max-width: 100%; - position: relative; -} - -.wp-caption img[class*="wp-image-"] { - display: block; - margin: 0 auto 0; - max-width: 100%; -} - -.wp-caption .wp-caption-text { - font-size: 75%; - padding-top: 5px; - opacity: 0.8; -} - -.wp-caption img { - position: relative; - vertical-align: bottom; -} - -.wp-block-image figcaption { - font-size: 13px; - text-align: center; -} - -/*-------------------------------------------------------------- -## Galleries ---------------------------------------------------------------*/ -.wp-block-gallery, -ul.blocks-gallery-grid { - margin-left: 0; -} - -.wp-block-gallery .blocks-gallery-image figcaption, -.wp-block-gallery .blocks-gallery-item figcaption { - background: rgba(255, 255, 255, 0.7); - color: #000; - padding: 10px; - box-sizing: border-box; -} - -.gallery { - margin-bottom: 1.5em; -} - -.gallery-item { - display: inline-block; - text-align: center; - vertical-align: top; - width: 100%; -} - -.gallery-columns-2 .gallery-item { - max-width: 50%; -} - -.gallery-columns-3 .gallery-item { - max-width: 33.33%; -} - -.gallery-columns-4 .gallery-item { - max-width: 25%; -} - -.gallery-columns-5 .gallery-item { - max-width: 20%; -} - -.gallery-columns-6 .gallery-item { - max-width: 16.66%; -} - -.gallery-columns-7 .gallery-item { - max-width: 14.28%; -} - -.gallery-columns-8 .gallery-item { - max-width: 12.5%; -} - -.gallery-columns-9 .gallery-item { - max-width: 11.11%; -} - -.gallery-caption { - display: block; -} - -.site-main .gallery { - margin-bottom: 1.5em; -} - -.gallery-item img { - vertical-align: bottom; -} - -.gallery-icon { - padding: 5px; -} - -embed, -iframe, -object { - max-width: 100%; -} - -/*-------------------------------------------------------------- -# Comments ---------------------------------------------------------------*/ -.comment-content a { - word-wrap: break-word; -} - -.bypostauthor { - display: block; -} - -.comment, -.comment-list { - list-style-type: none; - padding: 0; - margin: 0; -} - -.comment-author-info { - display: inline-block; - vertical-align: middle; -} - -.comment-meta .avatar { - float: left; - margin-right: 10px; - border-radius: 50%; -} - -.comment-author cite { - font-style: normal; - font-weight: bold; -} - -.entry-meta.comment-metadata { - margin-top: 0; -} - -.comment-content { - margin-top: 1.5em; -} - -.comment-respond { - margin-top: 0; -} - -.comment-form > .form-submit { - margin-bottom: 0; -} - -.comment-form input, -.comment-form-comment { - margin-bottom: 10px; -} - -.comment-form #author, -.comment-form #email, -.comment-form #url { - display: block; -} - -.comment-metadata .edit-link:before { - display: none; -} - -.comment-body { - padding: 30px 0; -} - -.comment-content { - padding: 30px; - border: 1px solid rgba(0, 0, 0, 0.05); -} - -.depth-1.parent > .children { - border-bottom: 1px solid rgba(0, 0, 0, 0.05); -} - -.comment .children { - padding-left: 30px; - margin-top: -30px; - border-left: 1px solid rgba(0, 0, 0, 0.05); -} - -.pingback .comment-body, -.trackback .comment-body { - border-bottom: 1px solid rgba(0, 0, 0, 0.05); -} - -.pingback .edit-link { - font-size: 13px; -} - -.comment-content p:last-child { - margin-bottom: 0; -} - -.comment-list > .comment:first-child { - padding-top: 0; - margin-top: 0; - border-top: 0; -} - -ol.comment-list { - margin-bottom: 1.5em; -} - -.comment-form-cookies-consent { - display: flex; - align-items: center; -} - -.comment-form-cookies-consent input { - margin-right: 0.5em; - margin-bottom: 0; -} - -.one-container .comments-area { - margin-top: 1.5em; -} - -.comment-content .reply { - font-size: 85%; -} - -#cancel-comment-reply-link { - padding-left: 10px; -} - -/*-------------------------------------------------------------- -# Widgets ---------------------------------------------------------------*/ -.widget-area .widget { - padding: 40px; -} - -.widget select { - max-width: 100%; -} - -.sidebar .widget *:last-child, -.footer-widgets .widget *:last-child { - margin-bottom: 0; -} - -.widget-title { - margin-bottom: 30px; - font-size: 20px; - line-height: 1.5; - font-weight: normal; - text-transform: none; -} - -.widget ul, -.widget ol { - margin: 0; -} - -.widget .search-field { - width: 100%; -} - -.widget_search .search-submit { - display: none; -} - -.widget { - margin: 0 0 30px; - box-sizing: border-box; -} - -.widget:last-child, -.separate-containers .widget:last-child { - margin-bottom: 0; -} - -.sidebar .widget, -.footer-widgets .widget { - font-size: 17px; -} - -.widget ul li { - list-style-type: none; - position: relative; - padding-bottom: 5px; -} - -.widget_categories .children { - margin-left: 1.5em; - padding-top: 5px; -} - -.widget_categories .children li:last-child { - padding-bottom: 0; -} - -.widget_nav_menu ul ul, -.widget_pages ul ul { - margin-left: 1em; - margin-top: 5px; -} - -.widget ul li.menu-item-has-children, -.widget ul li.page_item_has_children { - padding-bottom: 0; -} - -#wp-calendar { - table-layout: fixed; - font-size: 80%; -} - -#wp-calendar #prev, -#wp-calendar #prev + .pad { - border-right: 0; -} - -.sidebar .grid-container { - max-width: 100%; - width: 100%; -} - -/*-------------------------------------------------------------- -# Content Layout ---------------------------------------------------------------*/ -.post { - margin: 0 0 2em; -} - -.page-header { - margin-bottom: 30px; -} - -/*-------------------------------------------------------------- -## One Container ---------------------------------------------------------------*/ -.one-container.both-left .inside-left-sidebar, -.one-container.both-right .inside-left-sidebar { - margin-right: 20px; -} - -.one-container.both-left .inside-right-sidebar, -.one-container.both-right .inside-right-sidebar { - margin-left: 20px; -} - -.one-container:not(.page) .inside-article { - padding: 0 0 30px 0; -} - -.one-container.right-sidebar .site-main, -.one-container.both-right .site-main { - margin-right: 40px; -} - -.one-container.left-sidebar .site-main, -.one-container.both-left .site-main { - margin-left: 40px; -} - -.one-container.both-sidebars .site-main { - margin: 0px 40px 0px 40px; -} - -.one-container .site-content { - padding: 40px; -} - -/*-------------------------------------------------------------- -## Separate Containers ---------------------------------------------------------------*/ -.separate-containers .inside-article, -.separate-containers .comments-area, -.separate-containers .page-header, -.separate-containers .paging-navigation { - padding: 40px; -} - -.separate-containers .widget, -.separate-containers .site-main > *, -.separate-containers .page-header { - margin-bottom: 20px; -} - -.separate-containers .site-main { - margin: 20px; -} - -.separate-containers.no-sidebar .site-main { - margin-left: 0; - margin-right: 0; -} - -.separate-containers.right-sidebar .site-main, -.separate-containers.both-right .site-main { - margin-left: 0; -} - -.separate-containers.left-sidebar .site-main, -.separate-containers.both-left .site-main { - margin-right: 0; -} - -.separate-containers.both-right .inside-left-sidebar, -.separate-containers.both-left .inside-left-sidebar { - margin-right: 10px; -} - -.separate-containers.both-right .inside-right-sidebar, -.separate-containers.both-left .inside-right-sidebar { - margin-left: 10px; -} - -.separate-containers .inside-right-sidebar, -.separate-containers .inside-left-sidebar { - margin-top: 20px; - margin-bottom: 20px; -} - -.inside-page-header { - padding: 40px; -} - -.widget-area .main-navigation { - margin-bottom: 20px; -} - -.separate-containers .site-main > *:last-child, -.one-container .site-main > *:last-child { - margin-bottom: 0; -} - -/*-------------------------------------------------------------- -## Full Width Content ---------------------------------------------------------------*/ -.full-width-content .container.grid-container { - max-width: 100%; -} - -.full-width-content.no-sidebar.separate-containers .site-main { - margin: 0; -} - -.full-width-content.separate-containers .inside-article, -.full-width-content.one-container .site-content { - padding: 0; -} - -.full-width-content .entry-content .alignwide { - margin-left: 0; - width: auto; - max-width: unset; -} - -/*-------------------------------------------------------------- -## Contained Content ---------------------------------------------------------------*/ -.contained-content.separate-containers .inside-article, -.contained-content.one-container .site-content { - padding: 0; -} - -/*-------------------------------------------------------------- -# Footer ---------------------------------------------------------------*/ -.site-info { - text-align: center; - font-size: 15px; -} - -.site-info { - padding: 20px 40px; -} - -.footer-widgets { - padding: 40px; -} - -.site-footer .footer-widgets-container .inner-padding { - padding: 0px 0px 0px 40px; -} - -.site-footer .footer-widgets-container .inside-footer-widgets { - margin-left: -40px; -} - -/*-------------------------------------------------------------- -## Footer Bar ---------------------------------------------------------------*/ -.footer-bar-active .footer-bar .widget { - padding: 0; -} - -.footer-bar .widget_nav_menu > div > ul { - display: inline-block; - vertical-align: top; -} - -.footer-bar .widget_nav_menu li { - margin: 0 10px; - float: left; - padding: 0; -} - -.footer-bar .widget_nav_menu li:first-child { - margin-left: 0; -} - -.footer-bar .widget_nav_menu li:last-child { - margin-right: 0; -} - -.footer-bar .widget_nav_menu li ul { - display: none; -} - -.footer-bar .textwidget p:last-child { - margin: 0; -} - -.footer-bar .widget-title { - display: none; -} - -.footer-bar-align-right .copyright-bar { - float: left; -} - -.footer-bar-align-right .footer-bar { - float: right; - text-align: right; -} - -.footer-bar-align-left .copyright-bar { - float: right; - text-align: right; -} - -.footer-bar-align-left .footer-bar { - float: left; - text-align: left; -} - -.footer-bar-align-center .copyright-bar { - float: none; - text-align: center; -} - -.footer-bar-align-center .footer-bar { - float: none; - text-align: center; - margin-bottom: 10px; -} - -/*-------------------------------------------------------------- -# Featured Images ---------------------------------------------------------------*/ -.post-image:not(:first-child) { - margin-top: 2em; -} - -.page-header-image, -.page-header-image-single { - line-height: 0; - /* no more weird spacing */ -} - -.separate-containers .inside-article > [class*="page-header-"], -.one-container .inside-article > [class*="page-header-"] { - margin-bottom: 2em; - margin-top: 0; -} - -.inside-article .page-header-image-single.page-header-below-title { - margin-top: 2em; -} - -.separate-containers .page-header-image, -.separate-containers .page-header-contained, -.separate-containers .page-header-content, -.separate-containers .page-header-image-single, -.separate-containers .page-header-content-single { - margin-top: 20px; -} - -/*-------------------------------------------------------------- -# Top Bar ---------------------------------------------------------------*/ -.top-bar { - font-weight: normal; - text-transform: none; - font-size: 13px; -} - -.top-bar .inside-top-bar .widget { - padding: 0; - display: inline-block; - margin: 0; -} - -.top-bar .inside-top-bar .textwidget p:last-child { - margin: 0; -} - -.top-bar .widget-title { - display: none; -} - -.top-bar .widget_nav_menu li { - margin: 0 10px; - float: left; - padding: 0; -} - -.top-bar .widget_nav_menu li:first-child { - margin-left: 0; -} - -.top-bar .widget_nav_menu li:last-child { - margin-right: 0; -} - -.top-bar .widget_nav_menu li ul { - display: none; -} - -.top-bar .widget_nav_menu > div > ul { - display: inline-block; - vertical-align: top; -} - -.inside-top-bar { - padding: 10px 40px; -} - -.top-bar-align-center { - text-align: center; -} - -.top-bar-align-center .inside-top-bar .widget:not(:first-child) { - margin-left: 10px; -} - -.top-bar-align-center .inside-top-bar .widget:first-child:last-child { - display: block; -} - -.top-bar-align-right { - text-align: right; -} - -.top-bar-align-right .inside-top-bar > .widget:nth-child(even) { - float: left; - margin-right: 10px; -} - -.top-bar-align-right .inside-top-bar > .widget:nth-child(odd) { - margin-left: 10px; -} - -.top-bar-align-left .inside-top-bar > .widget:nth-child(odd) { - float: left; - margin-right: 10px; -} - -.top-bar-align-left .inside-top-bar > .widget:nth-child(even) { - margin-left: 10px; - float: right; -} - -/*-------------------------------------------------------------- -# Icons ---------------------------------------------------------------*/ -.gp-icon { - display: inline-flex; - align-self: center; -} - -.gp-icon svg { - height: 1em; - width: 1em; - top: .125em; - position: relative; - fill: currentColor; -} - -.icon-menu-bars svg:nth-child(2), -.toggled .icon-menu-bars svg:nth-child(1), -.icon-search svg:nth-child(2), -.close-search .icon-search svg:nth-child(1) { - display: none; -} - -.toggled .icon-menu-bars svg:nth-child(2), -.close-search .icon-search svg:nth-child(2) { - display: block; -} - -.entry-meta .gp-icon { - margin-right: 0.6em; - opacity: 0.7; -} - -nav.toggled .icon-arrow-left svg { - transform: rotate(-90deg); -} - -nav.toggled .icon-arrow-right svg { - transform: rotate(90deg); -} - -nav.toggled .sfHover > a > .dropdown-menu-toggle .gp-icon svg { - transform: rotate(180deg); -} - -nav.toggled .sfHover > a > .dropdown-menu-toggle .gp-icon.icon-arrow-left svg { - transform: rotate(-270deg); -} - -nav.toggled .sfHover > a > .dropdown-menu-toggle .gp-icon.icon-arrow-right svg { - transform: rotate(270deg); -} - -/*-------------------------------------------------------------- -# Compatibility ---------------------------------------------------------------*/ -/* Bootstrap fix */ -.container.grid-container { - width: auto; -} - -/* Globally hidden elements when Infinite Scroll is supported and in use. */ -.infinite-scroll .paging-navigation, -.infinite-scroll.neverending .site-footer { - /* Theme Footer (when set to scrolling) */ - display: none; -} - -/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */ -.infinity-end.neverending .site-footer { - display: block; -} - -/* SiteOrigin Page Builder */ -.so-panel.widget { - padding: 0; -} - -/* MailChimp CSS */ -#mc_embed_signup .clear { - display: block; - height: auto; - visibility: visible; - width: auto; -} - -/*-------------------------------------------------------------- -# Mobile Menu ---------------------------------------------------------------*/ -.menu-toggle, -.mobile-bar-items, -.sidebar-nav-mobile { - display: none; -} - -.menu-toggle { - padding: 0 20px; - line-height: 60px; - margin: 0; - font-weight: normal; - text-transform: none; - font-size: 15px; - cursor: pointer; -} - -button.menu-toggle { - background-color: transparent; - width: 100%; - border: 0; - text-align: center; -} - -button.menu-toggle:hover, -button.menu-toggle:active, -button.menu-toggle:focus { - background-color: transparent; -} - -.menu-toggle .mobile-menu { - padding-left: 3px; -} - -.menu-toggle .gp-icon + .mobile-menu { - padding-left: 9px; -} - -.menu-toggle .mobile-menu:empty { - display: none; -} - -.nav-search-enabled .main-navigation .menu-toggle { - text-align: left; -} - -.mobile-bar-items { - display: none; - position: absolute; - right: 0; - top: 0; - z-index: 21; - list-style-type: none; -} - -.mobile-bar-items a { - display: inline-block; -} - -nav.toggled ul ul.sub-menu { - width: 100%; -} - -.dropdown-hover .main-navigation.toggled ul li:hover > ul, -.dropdown-hover .main-navigation.toggled ul li.sfHover > ul { - transition-delay: 0s; -} - -.toggled .menu-item-has-children .dropdown-menu-toggle { - padding-left: 20px; -} - -.main-navigation.toggled ul ul { - transition: 0s; - visibility: hidden; -} - -.main-navigation.toggled .main-nav > ul { - display: block; -} - -.main-navigation.toggled .main-nav ul ul.toggled-on { - position: relative; - top: 0; - left: auto !important; - right: auto !important; - width: 100%; - pointer-events: auto; - height: auto; - opacity: 1; - display: block; - visibility: visible; - float: none; -} - -.main-navigation.toggled .main-nav li { - float: none; - clear: both; - display: block; - text-align: left; -} - -.main-navigation.toggled .main-nav li.hide-on-mobile { - display: none !important; -} - -.main-navigation.toggled .menu-item-has-children .dropdown-menu-toggle { - float: right; -} - -.main-navigation.toggled .menu li.search-item { - display: none !important; -} - -.main-navigation.toggled .sf-menu > li.menu-item-float-right { - float: none; - display: inline-block; -} - -/*-------------------------------------------------------------- -# Breakpoint (768px) ---------------------------------------------------------------*/ -@media (max-width: 768px) { - /*-------------------------------------------------------------- - ## Links - --------------------------------------------------------------*/ - a, body, button, input, select, textarea { - transition: all 0s ease-in-out; - } - /*-------------------------------------------------------------- - ## Top Bar - --------------------------------------------------------------*/ - .top-bar.top-bar-align-left, - .top-bar.top-bar-align-right { - text-align: center; - } - .top-bar .widget { - float: none !important; - margin: 0 10px !important; - } - .top-bar .widget_nav_menu li { - float: none; - display: inline-block; - padding: 5px 0; - } - .footer-bar .widget_nav_menu li:first-child { - margin-left: 10px; - } - .footer-bar .widget_nav_menu li:last-child { - margin-right: 10px; - } - /*-------------------------------------------------------------- - ## Header - --------------------------------------------------------------*/ - .inside-header > *:not(:last-child):not(.main-navigation) { - margin-bottom: 20px; - } - .site-header, - .header-aligned-right .site-header { - text-align: center; - } - .header-widget { - float: none; - max-width: 100%; - text-align: center; - } - /*-------------------------------------------------------------- - ## Content Area - --------------------------------------------------------------*/ - .sidebar, - .content-area, - .inside-footer-widgets > div { - float: none; - width: 100%; - left: 0; - right: 0; - } - .site-main { - margin-left: 0 !important; - margin-right: 0 !important; - } - body:not(.no-sidebar) .site-main { - margin-bottom: 0 !important; - } - .one-container .sidebar { - margin-top: 40px; - } - .separate-containers #left-sidebar + #right-sidebar .inside-right-sidebar { - margin-top: 0; - } - .both-right.separate-containers .inside-left-sidebar, - .both-left.separate-containers .inside-left-sidebar, - .both-right.separate-containers .inside-right-sidebar, - .both-left.separate-containers .inside-right-sidebar { - margin-right: 0; - margin-left: 0; - } - .alignleft, - .alignright { - float: none; - display: block; - margin-left: auto; - margin-right: auto; - } - .post-image-aligned-left .post-image, - .post-image-aligned-right .post-image { - float: none; - margin: 2em 0; - text-align: center; - } - .comment .children { - padding-left: 10px; - margin-left: 0; - } - .edd_download { - display: block; - float: none !important; - margin-bottom: 1.5em; - width: 100% !important; - } - .entry-meta { - font-size: inherit; - } - .entry-meta a { - line-height: 1.8em; - } - /*-------------------------------------------------------------- - ## Footer - --------------------------------------------------------------*/ - .site-info { - text-align: center; - } - .copyright-bar { - float: none !important; - text-align: center !important; - } - .footer-bar { - float: none !important; - text-align: center !important; - margin-bottom: 20px; - } - .footer-bar .widget_nav_menu li { - float: none; - display: inline-block; - padding: 5px 0; - } - .inside-footer-widgets > div:not(:last-child) { - margin-bottom: 40px; - } - .site-footer .footer-widgets .footer-widgets-container .inside-footer-widgets { - margin: 0; - } - .site-footer .footer-widgets .footer-widgets-container .inner-padding { - padding: 0; - } -} +.grid-container:before, .grid-15:before, .grid-20:before, .grid-25:before, .grid-30:before, .grid-35:before, .grid-40:before, .grid-45:before, .grid-50:before, .grid-55:before, .grid-60:before, .grid-65:before, .grid-70:before, .grid-75:before, .grid-80:before, .grid-85:before, .grid-100:before, .grid-33:before, .grid-66:before, [class*="mobile-grid-"]:before, [class*="tablet-grid-"]:before, .clearfix:before, +.grid-container:after, +.grid-15:after, +.grid-20:after, +.grid-25:after, +.grid-30:after, +.grid-35:after, +.grid-40:after, +.grid-45:after, +.grid-50:after, +.grid-55:after, +.grid-60:after, +.grid-65:after, +.grid-70:after, +.grid-75:after, +.grid-80:after, +.grid-85:after, +.grid-100:after, +.grid-33:after, +.grid-66:after, +[class*="mobile-grid-"]:after, +[class*="tablet-grid-"]:after, +.clearfix:after { + content: "."; + display: block; + overflow: hidden; + visibility: hidden; + font-size: 0; + line-height: 0; + width: 0; + height: 0; +} + +.grid-container:after, .grid-15:after, .grid-20:after, .grid-25:after, .grid-30:after, .grid-35:after, .grid-40:after, .grid-45:after, .grid-50:after, .grid-55:after, .grid-60:after, .grid-65:after, .grid-70:after, .grid-75:after, .grid-80:after, .grid-85:after, .grid-90:after, .grid-95:after, .grid-100:after, .grid-33:after, .grid-66:after, [class*="mobile-grid-"]:after, [class*="tablet-grid-"]:after, .clearfix:after { + clear: both; +} + +.grid-container { + margin-left: auto; + margin-right: auto; + max-width: 1200px; + padding-left: 10px; + padding-right: 10px; +} + +.grid-15, .grid-20, .grid-25, .grid-30, .grid-35, .grid-40, .grid-45, .grid-50, .grid-55, .grid-60, .grid-65, .grid-70, .grid-75, .grid-80, .grid-85, .grid-90, .grid-95, .grid-100, .grid-33, .grid-66, [class*="mobile-grid-"], [class*="tablet-grid-"] { + box-sizing: border-box; + padding-left: 10px; + padding-right: 10px; +} + +.grid-parent { + padding-left: 0; + padding-right: 0; +} + +@media (max-width: 767px) { + .hide-on-mobile { + display: none !important; + } + .mobile-grid-50 { + float: left; + width: 50%; + } + .mobile-grid-100 { + clear: both; + width: 100%; + } +} + +@media (min-width: 768px) and (max-width: 1024px) { + [class*="tablet-push-"], + [class*="tablet-pull-"] { + position: relative; + } + .hide-on-tablet { + display: none !important; + } + .tablet-grid-15 { + float: left; + width: 15%; + } + .tablet-push-15 { + left: 15%; + } + .tablet-pull-15 { + left: -15%; + } + .tablet-grid-20 { + float: left; + width: 20%; + } + .tablet-push-20 { + left: 20%; + } + .tablet-pull-20 { + left: -20%; + } + .tablet-grid-25 { + float: left; + width: 25%; + } + .tablet-push-25 { + left: 25%; + } + .tablet-pull-25 { + left: -25%; + } + .tablet-grid-30 { + float: left; + width: 30%; + } + .tablet-push-30 { + left: 30%; + } + .tablet-pull-30 { + left: -30%; + } + .tablet-grid-35 { + float: left; + width: 35%; + } + .tablet-push-35 { + left: 35%; + } + .tablet-pull-35 { + left: -35%; + } + .tablet-grid-40 { + float: left; + width: 40%; + } + .tablet-push-40 { + left: 40%; + } + .tablet-pull-40 { + left: -40%; + } + .tablet-grid-45 { + float: left; + width: 45%; + } + .tablet-push-45 { + left: 45%; + } + .tablet-pull-45 { + left: -45%; + } + .tablet-grid-50 { + float: left; + width: 50%; + } + .tablet-push-50 { + left: 50%; + } + .tablet-pull-50 { + left: -50%; + } + .tablet-grid-55 { + float: left; + width: 55%; + } + .tablet-push-55 { + left: 55%; + } + .tablet-pull-55 { + left: -55%; + } + .tablet-grid-60 { + float: left; + width: 60%; + } + .tablet-push-60 { + left: 60%; + } + .tablet-pull-60 { + left: -60%; + } + .tablet-grid-65 { + float: left; + width: 65%; + } + .tablet-push-65 { + left: 65%; + } + .tablet-pull-65 { + left: -65%; + } + .tablet-grid-70 { + float: left; + width: 70%; + } + .tablet-push-70 { + left: 70%; + } + .tablet-pull-70 { + left: -70%; + } + .tablet-grid-75 { + float: left; + width: 75%; + } + .tablet-push-75 { + left: 75%; + } + .tablet-pull-75 { + left: -75%; + } + .tablet-grid-80 { + float: left; + width: 80%; + } + .tablet-push-80 { + left: 80%; + } + .tablet-pull-80 { + left: -80%; + } + .tablet-grid-85 { + float: left; + width: 85%; + } + .tablet-push-85 { + left: 85%; + } + .tablet-pull-85 { + left: -85%; + } + .tablet-suffix-33 { + margin-right: 33.33333%; + } + .tablet-push-33 { + left: 33.33333%; + } + .tablet-pull-33 { + left: -33.33333%; + } + .tablet-grid-66 { + float: left; + width: 66.66667%; + } + .tablet-push-66 { + left: 66.66667%; + } + .tablet-pull-66 { + left: -66.66667%; + } + .tablet-grid-100 { + clear: both; + width: 100%; + } + /* GP specific grid */ + .inside-footer-widgets > div { + margin-bottom: 50px; + } + .inside-footer-widgets > div:nth-child(odd) { + clear: both; + } + .active-footer-widgets-1 .footer-widget-1, + .active-footer-widgets-3 .footer-widget-3, + .active-footer-widgets-5 .footer-widget-5 { + width: 100%; + margin-bottom: 0; + } + .active-footer-widgets-2 .inside-footer-widgets > div, + .active-footer-widgets-4 .footer-widget-3, + .active-footer-widgets-4 .footer-widget-4 { + margin-bottom: 0; + } +} + +@media (min-width: 1025px) { + .push-15, .pull-15, .push-20, .pull-20, .push-25, .pull-25, .push-30, .pull-30, .push-35, .pull-35, .push-40, .pull-40, .push-45, .pull-45, .push-50, .pull-50, .push-55, .pull-55, .push-60, .pull-60, .push-65, .pull-65, .push-70, .pull-70, .push-75, .pull-75, .push-80, .pull-80, .push-85, .pull-85, .push-90, .pull-90, .push-95, .pull-95, .push-33, .pull-33, .push-66, .pull-66 { + position: relative; + } + .hide-on-desktop { + display: none !important; + } + .grid-15 { + float: left; + width: 15%; + } + .push-15 { + left: 15%; + } + .pull-15 { + left: -15%; + } + .grid-20 { + float: left; + width: 20%; + } + .push-20 { + left: 20%; + } + .pull-20 { + left: -20%; + } + .grid-25 { + float: left; + width: 25%; + } + .push-25 { + left: 25%; + } + .pull-25 { + left: -25%; + } + .grid-30 { + float: left; + width: 30%; + } + .push-30 { + left: 30%; + } + .pull-30 { + left: -30%; + } + .grid-35 { + float: left; + width: 35%; + } + .push-35 { + left: 35%; + } + .pull-35 { + left: -35%; + } + .grid-40 { + float: left; + width: 40%; + } + .push-40 { + left: 40%; + } + .pull-40 { + left: -40%; + } + .grid-45 { + float: left; + width: 45%; + } + .push-45 { + left: 45%; + } + .pull-45 { + left: -45%; + } + .grid-50 { + float: left; + width: 50%; + } + .push-50 { + left: 50%; + } + .pull-50 { + left: -50%; + } + .grid-55 { + float: left; + width: 55%; + } + .push-55 { + left: 55%; + } + .pull-55 { + left: -55%; + } + .grid-60 { + float: left; + width: 60%; + } + .push-60 { + left: 60%; + } + .pull-60 { + left: -60%; + } + .grid-65 { + float: left; + width: 65%; + } + .push-65 { + left: 65%; + } + .pull-65 { + left: -65%; + } + .grid-70 { + float: left; + width: 70%; + } + .push-70 { + left: 70%; + } + .pull-70 { + left: -70%; + } + .grid-75 { + float: left; + width: 75%; + } + .push-75 { + left: 75%; + } + .pull-75 { + left: -75%; + } + .grid-80 { + float: left; + width: 80%; + } + .push-80 { + left: 80%; + } + .pull-80 { + left: -80%; + } + .grid-85 { + float: left; + width: 85%; + } + .push-85 { + left: 85%; + } + .pull-85 { + left: -85%; + } + .grid-33 { + float: left; + width: 33.33333%; + } + .push-33 { + left: 33.33333%; + } + .pull-33 { + left: -33.33333%; + } + .grid-66 { + float: left; + width: 66.66667%; + } + .push-66 { + left: 66.66667%; + } + .pull-66 { + left: -66.66667%; + } + .grid-100 { + clear: both; + width: 100%; + } +} + +/*-------------------------------------------------------------- +>>> TABLE OF CONTENTS: +---------------------------------------------------------------- +# Reset +# Elements +# Forms +# Links +# Alignments +# Accessibility +# Clearings +# Navigation + # Mobile Menu + # Navigation Search + # Dropdown Menus + # Sidebar Navigation + # Navigation Layout +# Post Navigation +# Header +# Post Content +# Widgets +# Content Layout +# Footer +# Featured Images +# Top Bar +# Icons +# Compatibility +--------------------------------------------------------------*/ +/*-------------------------------------------------------------- +# Reset +--------------------------------------------------------------*/ +html, +body, +div, +span, +applet, +object, +iframe, +h1, +h2, +h3, +h4, +h5, +h6, +p, +blockquote, +pre, +a, +abbr, +acronym, +address, +big, +cite, +code, +del, +dfn, +em, +font, +ins, +kbd, +q, +s, +samp, +small, +strike, +strong, +sub, +sup, +tt, +var, +dl, +dt, +dd, +ol, +ul, +li, +fieldset, +form, +label, +legend, +table, +caption, +tbody, +tfoot, +thead, +tr, +th, +td { + border: 0; + margin: 0; + padding: 0; +} + +html { + font-family: sans-serif; + -webkit-text-size-adjust: 100%; + -ms-text-size-adjust: 100%; +} + +article, +aside, +details, +figcaption, +figure, +footer, +header, +main, +nav, +section { + display: block; +} + +audio, +canvas, +progress, +video { + display: inline-block; + vertical-align: baseline; +} + +audio:not([controls]) { + display: none; + height: 0; +} + +[hidden], +template { + display: none; +} + +ol, +ul { + list-style: none; +} + +table { + /* tables still need 'cellspacing="0"' in the markup */ + border-collapse: separate; + border-spacing: 0; +} + +caption, +th, +td { + font-weight: normal; + text-align: left; + padding: 5px; +} + +blockquote:before, +blockquote:after, +q:before, +q:after { + content: ""; +} + +a { + background-color: transparent; +} + +a img { + border: 0; +} + +/*-------------------------------------------------------------- +# Elements +--------------------------------------------------------------*/ +body, +button, +input, +select, +textarea { + font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-weight: normal; + text-transform: none; + font-size: 17px; + line-height: 1.5; +} + +p { + margin-bottom: 1.5em; +} + +h1, +h2, +h3, +h4, +h5, +h6 { + font-family: inherit; + font-size: 100%; + font-style: inherit; + font-weight: inherit; +} + +pre { + background: rgba(0, 0, 0, 0.05); + font-family: inherit; + font-size: inherit; + line-height: normal; + margin-bottom: 1.5em; + padding: 20px; + overflow: auto; + max-width: 100%; +} + +blockquote { + border-left: 5px solid rgba(0, 0, 0, 0.05); + padding: 20px; + font-size: 1.2em; + font-style: italic; + margin: 0 0 1.5em; + position: relative; +} + +blockquote p:last-child { + margin: 0; +} + +table, +th, +td { + border: 1px solid rgba(0, 0, 0, 0.1); +} + +table { + border-collapse: separate; + border-spacing: 0; + border-width: 1px 0 0 1px; + margin: 0 0 1.5em; + width: 100%; +} + +th, +td { + padding: 8px; +} + +th { + border-width: 0 1px 1px 0; +} + +td { + border-width: 0 1px 1px 0; +} + +hr { + background-color: rgba(0, 0, 0, 0.1); + border: 0; + height: 1px; + margin-bottom: 40px; + margin-top: 40px; +} + +fieldset { + padding: 0; + border: 0; + min-width: inherit; +} + +fieldset legend { + padding: 0; + margin-bottom: 1.5em; +} + +h1 { + font-size: 42px; + margin-bottom: 20px; + line-height: 1.2em; + font-weight: normal; + text-transform: none; +} + +h2 { + font-size: 35px; + margin-bottom: 20px; + line-height: 1.2em; + font-weight: normal; + text-transform: none; +} + +h3 { + font-size: 29px; + margin-bottom: 20px; + line-height: 1.2em; + font-weight: normal; + text-transform: none; +} + +h4 { + font-size: 24px; +} + +h5 { + font-size: 20px; +} + +h4, +h5, +h6 { + margin-bottom: 20px; +} + +ul, +ol { + margin: 0 0 1.5em 3em; +} + +ul { + list-style: disc; +} + +ol { + list-style: decimal; +} + +li > ul, +li > ol { + margin-bottom: 0; + margin-left: 1.5em; +} + +dt { + font-weight: bold; +} + +dd { + margin: 0 1.5em 1.5em; +} + +b, +strong { + font-weight: bold; +} + +dfn, +cite, +em, +i { + font-style: italic; +} + +address { + margin: 0 0 1.5em; +} + +code, +kbd, +tt, +var { + font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; +} + +abbr, +acronym { + border-bottom: 1px dotted #666; + cursor: help; +} + +mark, +ins { + text-decoration: none; +} + +sup, +sub { + font-size: 75%; + height: 0; + line-height: 0; + position: relative; + vertical-align: baseline; +} + +sup { + bottom: 1ex; +} + +sub { + top: .5ex; +} + +small { + font-size: 75%; +} + +big { + font-size: 125%; +} + +figure { + margin: 0; +} + +table { + margin: 0 0 1.5em; + width: 100%; +} + +th { + font-weight: bold; +} + +img { + height: auto; + /* Make sure images are scaled correctly. */ + max-width: 100%; + /* Adhere to container width. */ +} + +/*-------------------------------------------------------------- +# Forms +--------------------------------------------------------------*/ +button, +input, +select, +textarea { + font-size: 100%; + /* Corrects font size not being inherited in all browsers */ + margin: 0; + /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */ + vertical-align: baseline; + /* Improves appearance and consistency in all browsers */ + *vertical-align: middle; + /* Improves appearance and consistency in all browsers */ +} + +button, +html input[type="button"], +input[type="reset"], +input[type="submit"] { + border: 1px solid transparent; + background: #55555e; + cursor: pointer; + /* Improves usability and consistency of cursor style between image-type 'input' and others */ + -webkit-appearance: button; + /* Corrects inability to style clickable 'input' types in iOS */ + padding: 10px 20px; + color: #FFF; +} + +input[type="checkbox"], +input[type="radio"] { + box-sizing: border-box; + /* Addresses box sizing set to content-box in IE8/9 */ + padding: 0; + /* Addresses excess padding in IE8/9 */ +} + +input[type="search"] { + -webkit-appearance: textfield; + /* Addresses appearance set to searchfield in S5, Chrome */ + box-sizing: content-box; +} + +input[type="search"]::-webkit-search-decoration { + /* Corrects inner padding displayed oddly in S5, Chrome on OSX */ + -webkit-appearance: none; +} + +button::-moz-focus-inner, +input::-moz-focus-inner { + /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */ + border: 0; + padding: 0; +} + +input[type="text"], +input[type="email"], +input[type="url"], +input[type="password"], +input[type="search"], +input[type="tel"], +input[type="number"], +textarea, +select { + background: #FAFAFA; + color: #666; + border: 1px solid #ccc; + border-radius: 0px; + padding: 10px 15px; + box-sizing: border-box; + max-width: 100%; +} + +textarea { + overflow: auto; + /* Removes default vertical scrollbar in IE6/7/8/9 */ + vertical-align: top; + /* Improves readability and alignment in all browsers */ + width: 100%; +} + +input[type="file"] { + max-width: 100%; + box-sizing: border-box; +} + +/*-------------------------------------------------------------- +# Links +--------------------------------------------------------------*/ +a, +button, +input { + transition: color 0.1s ease-in-out, background-color 0.1s ease-in-out; +} + +a { + text-decoration: none; +} + +.button, +.wp-block-button .wp-block-button__link { + padding: 10px 20px; + display: inline-block; +} + +.wp-block-button .wp-block-button__link { + font-size: inherit; + line-height: inherit; +} + +.using-mouse :focus { + outline: 0; +} + +.using-mouse ::-moz-focus-inner { + border: 0; +} + +/*-------------------------------------------------------------- +# Alignments +--------------------------------------------------------------*/ +.alignleft { + float: left; + margin-right: 1.5em; +} + +.alignright { + float: right; + margin-left: 1.5em; +} + +.aligncenter { + clear: both; + display: block; + margin: 0 auto; +} + +.size-auto, +.size-full, +.size-large, +.size-medium, +.size-thumbnail { + max-width: 100%; + height: auto; +} + +.no-sidebar .entry-content .alignfull { + margin-left: calc( -100vw / 2 + 100% / 2); + margin-right: calc( -100vw / 2 + 100% / 2); + max-width: 100vw; + width: auto; +} + +/*-------------------------------------------------------------- +# Accessibility +--------------------------------------------------------------*/ +.screen-reader-text { + border: 0; + clip: rect(1px, 1px, 1px, 1px); + -webkit-clip-path: inset(50%); + clip-path: inset(50%); + height: 1px; + margin: -1px; + overflow: hidden; + padding: 0; + position: absolute !important; + width: 1px; + word-wrap: normal !important; +} + +.screen-reader-text:focus { + background-color: #f1f1f1; + border-radius: 3px; + box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); + clip: auto !important; + -webkit-clip-path: none; + clip-path: none; + color: #21759b; + display: block; + font-size: 0.875rem; + font-weight: 700; + height: auto; + left: 5px; + line-height: normal; + padding: 15px 23px 14px; + text-decoration: none; + top: 5px; + width: auto; + z-index: 100000; +} + +/* Do not show the outline on the skip link target. */ +#primary[tabindex="-1"]:focus { + outline: 0; +} + +/*-------------------------------------------------------------- +# Clearings +--------------------------------------------------------------*/ +.clear:after, +.entry-content:after, +.comment-content:after, +.site-header:after, +.site-content:after, +.paging-navigation:after, +.site-footer:after, +.site-info:after, +.page-header-content-container:after, +.inside-navigation:not(.grid-container):after, +.inside-header:not(.grid-container):after, +.inside-top-bar:not(.grid-container):after, +.inside-footer-widgets:not(.grid-container):after { + content: ""; + display: table; + clear: both; +} + +/*-------------------------------------------------------------- +# Navigation +--------------------------------------------------------------*/ +.main-navigation { + z-index: 100; + padding: 0; + clear: both; + display: block; +} + +.main-navigation a { + display: block; + text-decoration: none; + font-weight: normal; + text-transform: none; + font-size: 15px; +} + +.main-navigation ul { + list-style: none; + margin: 0; + padding-left: 0; +} + +.main-navigation .main-nav ul li a { + padding-left: 20px; + padding-right: 20px; + line-height: 60px; +} + +.inside-navigation { + position: relative; +} + +.main-navigation li { + float: left; + position: relative; +} + +.sf-menu > li.menu-item-float-right { + float: right !important; +} + +.nav-float-right .inside-header .main-navigation { + float: right; + clear: right; +} + +.nav-float-left .inside-header .main-navigation { + float: left; + clear: left; +} + +.nav-aligned-right .main-navigation:not(.toggled) .menu > li, +.nav-aligned-center .main-navigation:not(.toggled) .menu > li { + float: none; + display: inline-block; +} + +.nav-aligned-right .main-navigation:not(.toggled) ul, +.nav-aligned-center .main-navigation:not(.toggled) ul { + letter-spacing: -0.31em; + font-size: 1em; +} + +.nav-aligned-right .main-navigation:not(.toggled) ul li, +.nav-aligned-center .main-navigation:not(.toggled) ul li { + letter-spacing: normal; +} + +.nav-aligned-center .main-navigation { + text-align: center; +} + +.nav-aligned-right .main-navigation { + text-align: right; +} + +.main-navigation li.search-item { + float: right; +} + +.main-navigation .mobile-bar-items a { + padding-left: 20px; + padding-right: 20px; + line-height: 60px; +} + +/*-------------------------------------------------------------- +## Dropdown Menus +--------------------------------------------------------------*/ +.main-navigation ul ul { + display: block; + box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1); + float: left; + position: absolute; + left: -99999px; + opacity: 0; + z-index: 99999; + width: 200px; + text-align: left; + top: auto; + transition: opacity 80ms linear; + transition-delay: 0s; + pointer-events: none; + height: 0; + overflow: hidden; +} + +.main-navigation ul ul a { + display: block; +} + +.main-navigation ul ul li { + width: 100%; +} + +.main-navigation .main-nav ul ul li a { + line-height: normal; + padding: 10px 20px; + font-size: 14px; +} + +.main-navigation .main-nav ul li.menu-item-has-children > a { + padding-right: 0; + position: relative; +} + +.main-navigation.sub-menu-left ul ul { + box-shadow: -1px 1px 0 rgba(0, 0, 0, 0.1); +} + +.main-navigation.sub-menu-left .sub-menu { + right: 0; +} + +.main-navigation:not(.toggled) ul li:hover > ul, +.main-navigation:not(.toggled) ul li.sfHover > ul { + left: auto; + opacity: 1; + transition-delay: 150ms; + pointer-events: auto; + height: auto; + overflow: visible; +} + +.main-navigation:not(.toggled) ul ul li:hover > ul, +.main-navigation:not(.toggled) ul ul li.sfHover > ul { + left: 100%; + top: 0; +} + +.main-navigation.sub-menu-left:not(.toggled) ul ul li:hover > ul, +.main-navigation.sub-menu-left:not(.toggled) ul ul li.sfHover > ul { + right: 100%; + left: auto; +} + +.nav-float-right .main-navigation ul ul ul { + top: 0; +} + +.menu-item-has-children .dropdown-menu-toggle { + display: inline-block; + height: 100%; + clear: both; + padding-right: 20px; + padding-left: 10px; +} + +.menu-item-has-children ul .dropdown-menu-toggle { + padding-top: 10px; + padding-bottom: 10px; + margin-top: -10px; +} + +nav ul ul .menu-item-has-children .dropdown-menu-toggle, +.sidebar .menu-item-has-children .dropdown-menu-toggle { + float: right; +} + +/*-------------------------------------------------------------- +## Sidebar Navigation +--------------------------------------------------------------*/ +.widget-area .main-navigation li { + float: none; + display: block; + width: 100%; + padding: 0; + margin: 0; +} + +.sidebar .main-navigation.sub-menu-right ul li:hover ul, +.sidebar .main-navigation.sub-menu-right ul li.sfHover ul { + top: 0; + left: 100%; +} + +.sidebar .main-navigation.sub-menu-left ul li:hover ul, +.sidebar .main-navigation.sub-menu-left ul li.sfHover ul { + top: 0; + right: 100%; +} + +/*-------------------------------------------------------------- +# Post Navigation +--------------------------------------------------------------*/ +.site-main .comment-navigation, +.site-main .posts-navigation, +.site-main .post-navigation { + margin: 0 0 2em; + overflow: hidden; +} + +.site-main .post-navigation { + margin-bottom: 0; +} + +.paging-navigation .nav-previous, +.paging-navigation .nav-next { + display: none; +} + +.paging-navigation .nav-links > * { + padding: 0 5px; +} + +.paging-navigation .nav-links .current { + font-weight: bold; +} + +/* Less specific so we don't overwrite existing customizations. */ +.nav-links > *:first-child { + padding-left: 0; +} + +/*-------------------------------------------------------------- +# Header +--------------------------------------------------------------*/ +.site-header { + position: relative; +} + +.inside-header { + padding: 20px 40px; +} + +.main-title { + margin: 0; + font-size: 25px; + line-height: 1.2em; + word-wrap: break-word; + font-weight: bold; + text-transform: none; +} + +.site-description { + margin: 0; + line-height: 1.5; + font-weight: normal; + text-transform: none; + font-size: 15px; +} + +.site-logo { + display: inline-block; + max-width: 100%; +} + +.site-header .header-image { + vertical-align: middle; +} + +.header-widget { + float: right; + overflow: hidden; + max-width: 50%; +} + +.header-widget .widget { + padding: 0 0 20px; + margin-bottom: 0; +} + +.header-widget .widget:last-child { + padding-bottom: 0; +} + +.header-widget .widget-title { + margin-bottom: 15px; +} + +.nav-float-right .header-widget { + position: relative; + top: -10px; +} + +.nav-float-right .header-widget .widget { + padding: 0 0 10px; +} + +.nav-float-left .inside-header .site-branding, +.nav-float-left .inside-header .site-logo { + float: right; + clear: right; +} + +.nav-float-left .inside-header:after { + clear: both; + content: ''; + display: table; +} + +.nav-float-right .inside-header .site-branding { + display: inline-block; +} + +.site-branding-container { + display: inline-flex; + align-items: center; + text-align: left; +} + +.site-branding-container .site-logo { + margin-right: 1.5em; +} + +.header-aligned-center .site-header { + text-align: center; +} + +.header-aligned-right .site-header { + text-align: right; +} + +.header-aligned-right .site-branding-container { + text-align: right; +} + +.header-aligned-right .site-branding-container .site-logo { + order: 10; + margin-right: 0; + margin-left: 1.5em; +} + +/*-------------------------------------------------------------- +# Post Content +--------------------------------------------------------------*/ +.sticky { + display: block; +} + +.posted-on .updated, +.entry-header .gp-icon { + display: none; +} + +.byline, +.single .byline, +.group-blog .byline, +.entry-header .cat-links, +.entry-header .tags-links, +.entry-header .comments-link { + display: inline; +} + +footer.entry-meta .byline, +footer.entry-meta .posted-on { + display: block; +} + +.page-content:not(:first-child), +.entry-content:not(:first-child), +.entry-summary:not(:first-child) { + margin-top: 2em; +} + +.page-links { + clear: both; + margin: 0 0 1.5em; +} + +.blog .format-status .entry-title, +.archive .format-status .entry-title, +.blog .format-aside .entry-header, +.archive .format-aside .entry-header, +.blog .format-status .entry-header, +.archive .format-status .entry-header, +.blog .format-status .entry-meta, +.archive .format-status .entry-meta { + display: none; +} + +.blog .format-aside .entry-content, +.archive .format-aside .entry-content, +.blog .format-status .entry-content, +.archive .format-status .entry-content { + margin-top: 0; +} + +.blog .format-status .entry-content p:last-child, +.archive .format-status .entry-content p:last-child { + margin-bottom: 0; +} + +.site-content, +.entry-header { + word-wrap: break-word; +} + +.entry-title { + margin-bottom: 0; +} + +.author .page-header .page-title { + display: flex; + align-items: center; +} + +.author .page-header .avatar { + margin-right: 20px; +} + +.page-header > *:last-child, +.page-header .author-info > *:last-child { + margin-bottom: 0; +} + +.entry-meta { + font-size: 85%; + margin-top: .5em; + line-height: 1.5; +} + +footer.entry-meta { + margin-top: 2em; +} + +.cat-links, +.tags-links, +.comments-link { + display: block; +} + +.taxonomy-description p:last-child, +.read-more-container, +.page-content > p:last-child, +.entry-content > p:last-child, +.entry-summary > p:last-child { + margin-bottom: 0; +} + +/*-------------------------------------------------------------- +# Media +--------------------------------------------------------------*/ +/*-------------------------------------------------------------- +## Captions +--------------------------------------------------------------*/ +.wp-caption { + margin-bottom: 1.5em; + max-width: 100%; + position: relative; +} + +.wp-caption img[class*="wp-image-"] { + display: block; + margin: 0 auto 0; + max-width: 100%; +} + +.wp-caption .wp-caption-text { + font-size: 75%; + padding-top: 5px; + opacity: 0.8; +} + +.wp-caption img { + position: relative; + vertical-align: bottom; +} + +.wp-block-image figcaption { + font-size: 13px; + text-align: center; +} + +/*-------------------------------------------------------------- +## Galleries +--------------------------------------------------------------*/ +.wp-block-gallery, +ul.blocks-gallery-grid { + margin-left: 0; +} + +.wp-block-gallery .blocks-gallery-image figcaption, +.wp-block-gallery .blocks-gallery-item figcaption { + background: rgba(255, 255, 255, 0.7); + color: #000; + padding: 10px; + box-sizing: border-box; +} + +.gallery { + margin-bottom: 1.5em; +} + +.gallery-item { + display: inline-block; + text-align: center; + vertical-align: top; + width: 100%; +} + +.gallery-columns-2 .gallery-item { + max-width: 50%; +} + +.gallery-columns-3 .gallery-item { + max-width: 33.33%; +} + +.gallery-columns-4 .gallery-item { + max-width: 25%; +} + +.gallery-columns-5 .gallery-item { + max-width: 20%; +} + +.gallery-columns-6 .gallery-item { + max-width: 16.66%; +} + +.gallery-columns-7 .gallery-item { + max-width: 14.28%; +} + +.gallery-columns-8 .gallery-item { + max-width: 12.5%; +} + +.gallery-columns-9 .gallery-item { + max-width: 11.11%; +} + +.gallery-caption { + display: block; +} + +.site-main .gallery { + margin-bottom: 1.5em; +} + +.gallery-item img { + vertical-align: bottom; +} + +.gallery-icon { + padding: 5px; +} + +embed, +iframe, +object { + max-width: 100%; +} + +/*-------------------------------------------------------------- +## Post Loop Block +--------------------------------------------------------------*/ +.wp-block-post-template { + margin-left: 0; +} + +/*-------------------------------------------------------------- +# Comments +--------------------------------------------------------------*/ +.comment-content a { + word-wrap: break-word; +} + +.bypostauthor { + display: block; +} + +.comment, +.comment-list { + list-style-type: none; + padding: 0; + margin: 0; +} + +.comment-author-info { + display: inline-block; + vertical-align: middle; +} + +.comment-meta .avatar { + float: left; + margin-right: 10px; + border-radius: 50%; +} + +.comment-author cite { + font-style: normal; + font-weight: bold; +} + +.entry-meta.comment-metadata { + margin-top: 0; +} + +.comment-content { + margin-top: 1.5em; +} + +.comment-respond { + margin-top: 0; +} + +.comment-form > .form-submit { + margin-bottom: 0; +} + +.comment-form input, +.comment-form-comment { + margin-bottom: 10px; +} + +.comment-form-comment textarea { + resize: vertical; +} + +.comment-form #author, +.comment-form #email, +.comment-form #url { + display: block; +} + +.comment-metadata .edit-link:before { + display: none; +} + +.comment-body { + padding: 30px 0; +} + +.comment-content { + padding: 30px; + border: 1px solid rgba(0, 0, 0, 0.05); +} + +.depth-1.parent > .children { + border-bottom: 1px solid rgba(0, 0, 0, 0.05); +} + +.comment .children { + padding-left: 30px; + margin-top: -30px; + border-left: 1px solid rgba(0, 0, 0, 0.05); +} + +.pingback .comment-body, +.trackback .comment-body { + border-bottom: 1px solid rgba(0, 0, 0, 0.05); +} + +.pingback .edit-link { + font-size: 13px; +} + +.comment-content p:last-child { + margin-bottom: 0; +} + +.comment-list > .comment:first-child { + padding-top: 0; + margin-top: 0; + border-top: 0; +} + +ol.comment-list { + margin-bottom: 1.5em; +} + +.comment-form-cookies-consent { + display: flex; + align-items: center; +} + +.comment-form-cookies-consent input { + margin-right: 0.5em; + margin-bottom: 0; +} + +.one-container .comments-area { + margin-top: 1.5em; +} + +.comment-content .reply { + font-size: 85%; +} + +#cancel-comment-reply-link { + padding-left: 10px; +} + +/*-------------------------------------------------------------- +# Widgets +--------------------------------------------------------------*/ +.widget-area .widget { + padding: 40px; +} + +.widget select { + max-width: 100%; +} + +.sidebar .widget *:last-child, +.footer-widgets .widget *:last-child { + margin-bottom: 0; +} + +.widget-title { + margin-bottom: 30px; + font-size: 20px; + line-height: 1.5; + font-weight: normal; + text-transform: none; +} + +.widget ul, +.widget ol { + margin: 0; +} + +.widget .search-field { + width: 100%; +} + +.widget_search .search-submit { + display: none; +} + +.widget { + margin: 0 0 30px; + box-sizing: border-box; +} + +.widget:last-child, +.separate-containers .widget:last-child { + margin-bottom: 0; +} + +.sidebar .widget, +.footer-widgets .widget { + font-size: 17px; +} + +.widget ul li { + list-style-type: none; + position: relative; + padding-bottom: 5px; +} + +.widget_categories .children { + margin-left: 1.5em; + padding-top: 5px; +} + +.widget_categories .children li:last-child { + padding-bottom: 0; +} + +.widget_nav_menu ul ul, +.widget_pages ul ul { + margin-left: 1em; + margin-top: 5px; +} + +.widget ul li.menu-item-has-children, +.widget ul li.page_item_has_children { + padding-bottom: 0; +} + +#wp-calendar { + table-layout: fixed; + font-size: 80%; +} + +#wp-calendar #prev, +#wp-calendar #prev + .pad { + border-right: 0; +} + +.sidebar .grid-container { + max-width: 100%; + width: 100%; +} + +/*-------------------------------------------------------------- +# Content Layout +--------------------------------------------------------------*/ +.post { + margin: 0 0 2em; +} + +.page-header { + margin-bottom: 30px; +} + +/*-------------------------------------------------------------- +## One Container +--------------------------------------------------------------*/ +.one-container.both-left .inside-left-sidebar, +.one-container.both-right .inside-left-sidebar { + margin-right: 20px; +} + +.one-container.both-left .inside-right-sidebar, +.one-container.both-right .inside-right-sidebar { + margin-left: 20px; +} + +.one-container:not(.page) .inside-article { + padding: 0 0 30px 0; +} + +.one-container.right-sidebar .site-main, +.one-container.both-right .site-main { + margin-right: 40px; +} + +.one-container.left-sidebar .site-main, +.one-container.both-left .site-main { + margin-left: 40px; +} + +.one-container.both-sidebars .site-main { + margin: 0px 40px 0px 40px; +} + +.one-container .site-content { + padding: 40px; +} + +/*-------------------------------------------------------------- +## Separate Containers +--------------------------------------------------------------*/ +.separate-containers .inside-article, +.separate-containers .comments-area, +.separate-containers .page-header, +.separate-containers .paging-navigation { + padding: 40px; +} + +.separate-containers .widget, +.separate-containers .site-main > *, +.separate-containers .page-header { + margin-bottom: 20px; +} + +.separate-containers .site-main { + margin: 20px; +} + +.separate-containers.no-sidebar .site-main { + margin-left: 0; + margin-right: 0; +} + +.separate-containers.right-sidebar .site-main, +.separate-containers.both-right .site-main { + margin-left: 0; +} + +.separate-containers.left-sidebar .site-main, +.separate-containers.both-left .site-main { + margin-right: 0; +} + +.separate-containers.both-right .inside-left-sidebar, +.separate-containers.both-left .inside-left-sidebar { + margin-right: 10px; +} + +.separate-containers.both-right .inside-right-sidebar, +.separate-containers.both-left .inside-right-sidebar { + margin-left: 10px; +} + +.separate-containers .inside-right-sidebar, +.separate-containers .inside-left-sidebar { + margin-top: 20px; + margin-bottom: 20px; +} + +.inside-page-header { + padding: 40px; +} + +.widget-area .main-navigation { + margin-bottom: 20px; +} + +.separate-containers .site-main > *:last-child, +.one-container .site-main > *:last-child { + margin-bottom: 0; +} + +/*-------------------------------------------------------------- +## Full Width Content +--------------------------------------------------------------*/ +.full-width-content .container.grid-container { + max-width: 100%; +} + +.full-width-content.no-sidebar.separate-containers .site-main { + margin: 0; +} + +.full-width-content.separate-containers .inside-article, +.full-width-content.one-container .site-content { + padding: 0; +} + +.full-width-content .entry-content .alignwide { + margin-left: 0; + width: auto; + max-width: unset; +} + +/*-------------------------------------------------------------- +## Contained Content +--------------------------------------------------------------*/ +.contained-content.separate-containers .inside-article, +.contained-content.one-container .site-content { + padding: 0; +} + +/*-------------------------------------------------------------- +# Footer +--------------------------------------------------------------*/ +.site-info { + text-align: center; + font-size: 15px; +} + +.site-info { + padding: 20px 40px; +} + +.footer-widgets { + padding: 40px; +} + +.site-footer .footer-widgets-container .inner-padding { + padding: 0px 0px 0px 40px; +} + +.site-footer .footer-widgets-container .inside-footer-widgets { + margin-left: -40px; +} + +/*-------------------------------------------------------------- +## Footer Bar +--------------------------------------------------------------*/ +.footer-bar-active .footer-bar .widget { + padding: 0; +} + +.footer-bar .widget_nav_menu > div > ul { + display: inline-block; + vertical-align: top; +} + +.footer-bar .widget_nav_menu li { + margin: 0 10px; + float: left; + padding: 0; +} + +.footer-bar .widget_nav_menu li:first-child { + margin-left: 0; +} + +.footer-bar .widget_nav_menu li:last-child { + margin-right: 0; +} + +.footer-bar .widget_nav_menu li ul { + display: none; +} + +.footer-bar .textwidget p:last-child { + margin: 0; +} + +.footer-bar .widget-title { + display: none; +} + +.footer-bar-align-right .copyright-bar { + float: left; +} + +.footer-bar-align-right .footer-bar { + float: right; + text-align: right; +} + +.footer-bar-align-left .copyright-bar { + float: right; + text-align: right; +} + +.footer-bar-align-left .footer-bar { + float: left; + text-align: left; +} + +.footer-bar-align-center .copyright-bar { + float: none; + text-align: center; +} + +.footer-bar-align-center .footer-bar { + float: none; + text-align: center; + margin-bottom: 10px; +} + +/*-------------------------------------------------------------- +# Featured Images +--------------------------------------------------------------*/ +.post-image:not(:first-child) { + margin-top: 2em; +} + +.page-header-image, +.page-header-image-single { + line-height: 0; + /* no more weird spacing */ +} + +.separate-containers .inside-article > [class*="page-header-"], +.one-container .inside-article > [class*="page-header-"] { + margin-bottom: 2em; + margin-top: 0; +} + +.inside-article .page-header-image-single.page-header-below-title { + margin-top: 2em; +} + +.separate-containers .page-header-image, +.separate-containers .page-header-contained, +.separate-containers .page-header-content, +.separate-containers .page-header-image-single, +.separate-containers .page-header-content-single { + margin-top: 20px; +} + +/*-------------------------------------------------------------- +# Top Bar +--------------------------------------------------------------*/ +.top-bar { + font-weight: normal; + text-transform: none; + font-size: 13px; +} + +.top-bar .inside-top-bar .widget { + padding: 0; + display: inline-block; + margin: 0; +} + +.top-bar .inside-top-bar .textwidget p:last-child { + margin: 0; +} + +.top-bar .widget-title { + display: none; +} + +.top-bar .widget_nav_menu li { + margin: 0 10px; + float: left; + padding: 0; +} + +.top-bar .widget_nav_menu li:first-child { + margin-left: 0; +} + +.top-bar .widget_nav_menu li:last-child { + margin-right: 0; +} + +.top-bar .widget_nav_menu li ul { + display: none; +} + +.top-bar .widget_nav_menu > div > ul { + display: inline-block; + vertical-align: top; +} + +.inside-top-bar { + padding: 10px 40px; +} + +.top-bar-align-center { + text-align: center; +} + +.top-bar-align-center .inside-top-bar .widget:not(:first-child) { + margin-left: 10px; +} + +.top-bar-align-center .inside-top-bar .widget:first-child:last-child { + display: block; +} + +.top-bar-align-right { + text-align: right; +} + +.top-bar-align-right .inside-top-bar > .widget:nth-child(even) { + float: left; + margin-right: 10px; +} + +.top-bar-align-right .inside-top-bar > .widget:nth-child(odd) { + margin-left: 10px; +} + +.top-bar-align-left .inside-top-bar > .widget:nth-child(odd) { + float: left; + margin-right: 10px; +} + +.top-bar-align-left .inside-top-bar > .widget:nth-child(even) { + margin-left: 10px; + float: right; +} + +/*-------------------------------------------------------------- +# Icons +--------------------------------------------------------------*/ +.gp-icon { + display: inline-flex; + align-self: center; +} + +.gp-icon svg { + height: 1em; + width: 1em; + top: .125em; + position: relative; + fill: currentColor; +} + +.icon-menu-bars svg:nth-child(2), +.toggled .icon-menu-bars svg:nth-child(1), +.icon-search svg:nth-child(2), +.close-search .icon-search svg:nth-child(1) { + display: none; +} + +.toggled .icon-menu-bars svg:nth-child(2), +.close-search .icon-search svg:nth-child(2) { + display: block; +} + +.entry-meta .gp-icon { + margin-right: 0.6em; + opacity: 0.7; +} + +nav.toggled .icon-arrow-left svg { + transform: rotate(-90deg); +} + +nav.toggled .icon-arrow-right svg { + transform: rotate(90deg); +} + +nav.toggled .sfHover > a > .dropdown-menu-toggle .gp-icon svg { + transform: rotate(180deg); +} + +nav.toggled .sfHover > a > .dropdown-menu-toggle .gp-icon.icon-arrow-left svg { + transform: rotate(-270deg); +} + +nav.toggled .sfHover > a > .dropdown-menu-toggle .gp-icon.icon-arrow-right svg { + transform: rotate(270deg); +} + +/*-------------------------------------------------------------- +# Compatibility +--------------------------------------------------------------*/ +/* Bootstrap fix */ +.container.grid-container { + width: auto; +} + +/* Globally hidden elements when Infinite Scroll is supported and in use. */ +.infinite-scroll .paging-navigation, +.infinite-scroll.neverending .site-footer { + /* Theme Footer (when set to scrolling) */ + display: none; +} + +/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */ +.infinity-end.neverending .site-footer { + display: block; +} + +/* SiteOrigin Page Builder */ +.so-panel.widget { + padding: 0; +} + +/* MailChimp CSS */ +#mc_embed_signup .clear { + display: block; + height: auto; + visibility: visible; + width: auto; +} + +/*-------------------------------------------------------------- +# Mobile Menu +--------------------------------------------------------------*/ +.menu-toggle, +.mobile-bar-items, +.sidebar-nav-mobile { + display: none; +} + +.menu-toggle { + padding: 0 20px; + line-height: 60px; + margin: 0; + font-weight: normal; + text-transform: none; + font-size: 15px; + cursor: pointer; +} + +button.menu-toggle { + background-color: transparent; + width: 100%; + border: 0; + text-align: center; +} + +button.menu-toggle:hover, +button.menu-toggle:active, +button.menu-toggle:focus { + background-color: transparent; +} + +.menu-toggle .mobile-menu { + padding-left: 3px; +} + +.menu-toggle .gp-icon + .mobile-menu { + padding-left: 9px; +} + +.menu-toggle .mobile-menu:empty { + display: none; +} + +.nav-search-enabled .main-navigation .menu-toggle { + text-align: left; +} + +.mobile-bar-items { + display: none; + position: absolute; + right: 0; + top: 0; + z-index: 21; + list-style-type: none; +} + +.mobile-bar-items a { + display: inline-block; +} + +nav.toggled ul ul.sub-menu { + width: 100%; +} + +.dropdown-hover .main-navigation.toggled ul li:hover > ul, +.dropdown-hover .main-navigation.toggled ul li.sfHover > ul { + transition-delay: 0s; +} + +.toggled .menu-item-has-children .dropdown-menu-toggle { + padding-left: 20px; +} + +.main-navigation.toggled ul ul { + transition: 0s; + visibility: hidden; +} + +.main-navigation.toggled .main-nav > ul { + display: block; +} + +.main-navigation.toggled .main-nav ul ul.toggled-on { + position: relative; + top: 0; + left: auto !important; + right: auto !important; + width: 100%; + pointer-events: auto; + height: auto; + opacity: 1; + display: block; + visibility: visible; + float: none; +} + +.main-navigation.toggled .main-nav li { + float: none; + clear: both; + display: block; + text-align: left; +} + +.main-navigation.toggled .main-nav li.hide-on-mobile { + display: none !important; +} + +.main-navigation.toggled .menu-item-has-children .dropdown-menu-toggle { + float: right; +} + +.main-navigation.toggled .menu li.search-item { + display: none !important; +} + +.main-navigation.toggled .sf-menu > li.menu-item-float-right { + float: none; + display: inline-block; +} + +/*-------------------------------------------------------------- +# Breakpoint (768px) +--------------------------------------------------------------*/ +@media (max-width: 768px) { + /*-------------------------------------------------------------- + ## Links + --------------------------------------------------------------*/ + a, body, button, input, select, textarea { + transition: all 0s ease-in-out; + } + /*-------------------------------------------------------------- + ## Top Bar + --------------------------------------------------------------*/ + .top-bar.top-bar-align-left, + .top-bar.top-bar-align-right { + text-align: center; + } + .top-bar .widget { + float: none !important; + margin: 0 10px !important; + } + .top-bar .widget_nav_menu li { + float: none; + display: inline-block; + padding: 5px 0; + } + .footer-bar .widget_nav_menu li:first-child { + margin-left: 10px; + } + .footer-bar .widget_nav_menu li:last-child { + margin-right: 10px; + } + /*-------------------------------------------------------------- + ## Header + --------------------------------------------------------------*/ + .inside-header > *:not(:last-child):not(.main-navigation) { + margin-bottom: 20px; + } + .site-header, + .header-aligned-right .site-header { + text-align: center; + } + .header-widget { + float: none; + max-width: 100%; + text-align: center; + } + /*-------------------------------------------------------------- + ## Content Area + --------------------------------------------------------------*/ + .sidebar, + .content-area, + .inside-footer-widgets > div { + float: none; + width: 100%; + left: 0; + right: 0; + } + .site-main { + margin-left: 0 !important; + margin-right: 0 !important; + } + body:not(.no-sidebar) .site-main { + margin-bottom: 0 !important; + } + .one-container .sidebar { + margin-top: 40px; + } + .separate-containers #left-sidebar + #right-sidebar .inside-right-sidebar { + margin-top: 0; + } + .both-right.separate-containers .inside-left-sidebar, + .both-left.separate-containers .inside-left-sidebar, + .both-right.separate-containers .inside-right-sidebar, + .both-left.separate-containers .inside-right-sidebar { + margin-right: 0; + margin-left: 0; + } + .alignleft, + .alignright { + float: none; + display: block; + margin-left: auto; + margin-right: auto; + } + .post-image-aligned-left .post-image, + .post-image-aligned-right .post-image { + float: none; + margin: 2em 0; + text-align: center; + } + .comment .children { + padding-left: 10px; + margin-left: 0; + } + .edd_download { + display: block; + float: none !important; + margin-bottom: 1.5em; + width: 100% !important; + } + .entry-meta { + font-size: inherit; + } + .entry-meta a { + line-height: 1.8em; + } + /*-------------------------------------------------------------- + ## Footer + --------------------------------------------------------------*/ + .site-info { + text-align: center; + } + .copyright-bar { + float: none !important; + text-align: center !important; + } + .footer-bar { + float: none !important; + text-align: center !important; + margin-bottom: 20px; + } + .footer-bar .widget_nav_menu li { + float: none; + display: inline-block; + padding: 5px 0; + } + .inside-footer-widgets > div:not(:last-child) { + margin-bottom: 40px; + } + .site-footer .footer-widgets .footer-widgets-container .inside-footer-widgets { + margin: 0; + } + .site-footer .footer-widgets .footer-widgets-container .inner-padding { + padding: 0; + } +} diff --git a/wp-content/themes/generatepress/assets/css/all.min.css b/wp-content/themes/generatepress/assets/css/all.min.css index cab58862..bb636767 100644 --- a/wp-content/themes/generatepress/assets/css/all.min.css +++ b/wp-content/themes/generatepress/assets/css/all.min.css @@ -1 +1 @@ -.clearfix:after,.clearfix:before,.grid-100:after,.grid-100:before,.grid-15:after,.grid-15:before,.grid-20:after,.grid-20:before,.grid-25:after,.grid-25:before,.grid-30:after,.grid-30:before,.grid-33:after,.grid-33:before,.grid-35:after,.grid-35:before,.grid-40:after,.grid-40:before,.grid-45:after,.grid-45:before,.grid-50:after,.grid-50:before,.grid-55:after,.grid-55:before,.grid-60:after,.grid-60:before,.grid-65:after,.grid-65:before,.grid-66:after,.grid-66:before,.grid-70:after,.grid-70:before,.grid-75:after,.grid-75:before,.grid-80:after,.grid-80:before,.grid-85:after,.grid-85:before,.grid-container:after,.grid-container:before,[class*=mobile-grid-]:after,[class*=mobile-grid-]:before,[class*=tablet-grid-]:after,[class*=tablet-grid-]:before{content:".";display:block;overflow:hidden;visibility:hidden;font-size:0;line-height:0;width:0;height:0}.clearfix:after,.grid-100:after,.grid-15:after,.grid-20:after,.grid-25:after,.grid-30:after,.grid-33:after,.grid-35:after,.grid-40:after,.grid-45:after,.grid-50:after,.grid-55:after,.grid-60:after,.grid-65:after,.grid-66:after,.grid-70:after,.grid-75:after,.grid-80:after,.grid-85:after,.grid-90:after,.grid-95:after,.grid-container:after,[class*=mobile-grid-]:after,[class*=tablet-grid-]:after{clear:both}.grid-container{margin-left:auto;margin-right:auto;max-width:1200px;padding-left:10px;padding-right:10px}.grid-100,.grid-15,.grid-20,.grid-25,.grid-30,.grid-33,.grid-35,.grid-40,.grid-45,.grid-50,.grid-55,.grid-60,.grid-65,.grid-66,.grid-70,.grid-75,.grid-80,.grid-85,.grid-90,.grid-95,[class*=mobile-grid-],[class*=tablet-grid-]{box-sizing:border-box;padding-left:10px;padding-right:10px}.grid-parent{padding-left:0;padding-right:0}@media (max-width:767px){.hide-on-mobile{display:none!important}.mobile-grid-50{float:left;width:50%}.mobile-grid-100{clear:both;width:100%}}@media (min-width:768px) and (max-width:1024px){[class*=tablet-pull-],[class*=tablet-push-]{position:relative}.hide-on-tablet{display:none!important}.tablet-grid-15{float:left;width:15%}.tablet-push-15{left:15%}.tablet-pull-15{left:-15%}.tablet-grid-20{float:left;width:20%}.tablet-push-20{left:20%}.tablet-pull-20{left:-20%}.tablet-grid-25{float:left;width:25%}.tablet-push-25{left:25%}.tablet-pull-25{left:-25%}.tablet-grid-30{float:left;width:30%}.tablet-push-30{left:30%}.tablet-pull-30{left:-30%}.tablet-grid-35{float:left;width:35%}.tablet-push-35{left:35%}.tablet-pull-35{left:-35%}.tablet-grid-40{float:left;width:40%}.tablet-push-40{left:40%}.tablet-pull-40{left:-40%}.tablet-grid-45{float:left;width:45%}.tablet-push-45{left:45%}.tablet-pull-45{left:-45%}.tablet-grid-50{float:left;width:50%}.tablet-push-50{left:50%}.tablet-pull-50{left:-50%}.tablet-grid-55{float:left;width:55%}.tablet-push-55{left:55%}.tablet-pull-55{left:-55%}.tablet-grid-60{float:left;width:60%}.tablet-push-60{left:60%}.tablet-pull-60{left:-60%}.tablet-grid-65{float:left;width:65%}.tablet-push-65{left:65%}.tablet-pull-65{left:-65%}.tablet-grid-70{float:left;width:70%}.tablet-push-70{left:70%}.tablet-pull-70{left:-70%}.tablet-grid-75{float:left;width:75%}.tablet-push-75{left:75%}.tablet-pull-75{left:-75%}.tablet-grid-80{float:left;width:80%}.tablet-push-80{left:80%}.tablet-pull-80{left:-80%}.tablet-grid-85{float:left;width:85%}.tablet-push-85{left:85%}.tablet-pull-85{left:-85%}.tablet-suffix-33{margin-right:33.33333%}.tablet-push-33{left:33.33333%}.tablet-pull-33{left:-33.33333%}.tablet-grid-66{float:left;width:66.66667%}.tablet-push-66{left:66.66667%}.tablet-pull-66{left:-66.66667%}.tablet-grid-100{clear:both;width:100%}.inside-footer-widgets>div{margin-bottom:50px}.inside-footer-widgets>div:nth-child(odd){clear:both}.active-footer-widgets-1 .footer-widget-1,.active-footer-widgets-3 .footer-widget-3,.active-footer-widgets-5 .footer-widget-5{width:100%;margin-bottom:0}.active-footer-widgets-2 .inside-footer-widgets>div,.active-footer-widgets-4 .footer-widget-3,.active-footer-widgets-4 .footer-widget-4{margin-bottom:0}}@media (min-width:1025px){.pull-15,.pull-20,.pull-25,.pull-30,.pull-33,.pull-35,.pull-40,.pull-45,.pull-50,.pull-55,.pull-60,.pull-65,.pull-66,.pull-70,.pull-75,.pull-80,.pull-85,.pull-90,.pull-95,.push-15,.push-20,.push-25,.push-30,.push-33,.push-35,.push-40,.push-45,.push-50,.push-55,.push-60,.push-65,.push-66,.push-70,.push-75,.push-80,.push-85,.push-90,.push-95{position:relative}.hide-on-desktop{display:none!important}.grid-15{float:left;width:15%}.push-15{left:15%}.pull-15{left:-15%}.grid-20{float:left;width:20%}.push-20{left:20%}.pull-20{left:-20%}.grid-25{float:left;width:25%}.push-25{left:25%}.pull-25{left:-25%}.grid-30{float:left;width:30%}.push-30{left:30%}.pull-30{left:-30%}.grid-35{float:left;width:35%}.push-35{left:35%}.pull-35{left:-35%}.grid-40{float:left;width:40%}.push-40{left:40%}.pull-40{left:-40%}.grid-45{float:left;width:45%}.push-45{left:45%}.pull-45{left:-45%}.grid-50{float:left;width:50%}.push-50{left:50%}.pull-50{left:-50%}.grid-55{float:left;width:55%}.push-55{left:55%}.pull-55{left:-55%}.grid-60{float:left;width:60%}.push-60{left:60%}.pull-60{left:-60%}.grid-65{float:left;width:65%}.push-65{left:65%}.pull-65{left:-65%}.grid-70{float:left;width:70%}.push-70{left:70%}.pull-70{left:-70%}.grid-75{float:left;width:75%}.push-75{left:75%}.pull-75{left:-75%}.grid-80{float:left;width:80%}.push-80{left:80%}.pull-80{left:-80%}.grid-85{float:left;width:85%}.push-85{left:85%}.pull-85{left:-85%}.grid-33{float:left;width:33.33333%}.push-33{left:33.33333%}.pull-33{left:-33.33333%}.grid-66{float:left;width:66.66667%}.push-66{left:66.66667%}.pull-66{left:-66.66667%}.grid-100{clear:both;width:100%}}a,abbr,acronym,address,applet,big,blockquote,body,caption,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,iframe,ins,kbd,label,legend,li,object,ol,p,pre,q,s,samp,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,ul,var{border:0;margin:0;padding:0}html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}article,aside,details,figcaption,figure,footer,header,main,nav,section{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}ol,ul{list-style:none}table{border-collapse:separate;border-spacing:0}caption,td,th{font-weight:400;text-align:left;padding:5px}blockquote:after,blockquote:before,q:after,q:before{content:""}a{background-color:transparent}a img{border:0}body,button,input,select,textarea{font-family:-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-weight:400;text-transform:none;font-size:17px;line-height:1.5}p{margin-bottom:1.5em}h1,h2,h3,h4,h5,h6{font-family:inherit;font-size:100%;font-style:inherit;font-weight:inherit}pre{background:rgba(0,0,0,.05);font-family:inherit;font-size:inherit;line-height:normal;margin-bottom:1.5em;padding:20px;overflow:auto;max-width:100%}blockquote{border-left:5px solid rgba(0,0,0,.05);padding:20px;font-size:1.2em;font-style:italic;margin:0 0 1.5em;position:relative}blockquote p:last-child{margin:0}table,td,th{border:1px solid rgba(0,0,0,.1)}table{border-collapse:separate;border-spacing:0;border-width:1px 0 0 1px;margin:0 0 1.5em;width:100%}td,th{padding:8px}th{border-width:0 1px 1px 0}td{border-width:0 1px 1px 0}hr{background-color:rgba(0,0,0,.1);border:0;height:1px;margin-bottom:40px;margin-top:40px}fieldset{padding:0;border:0;min-width:inherit}fieldset legend{padding:0;margin-bottom:1.5em}h1{font-size:42px;margin-bottom:20px;line-height:1.2em;font-weight:400;text-transform:none}h2{font-size:35px;margin-bottom:20px;line-height:1.2em;font-weight:400;text-transform:none}h3{font-size:29px;margin-bottom:20px;line-height:1.2em;font-weight:400;text-transform:none}h4{font-size:24px}h5{font-size:20px}h4,h5,h6{margin-bottom:20px}ol,ul{margin:0 0 1.5em 3em}ul{list-style:disc}ol{list-style:decimal}li>ol,li>ul{margin-bottom:0;margin-left:1.5em}dt{font-weight:700}dd{margin:0 1.5em 1.5em}b,strong{font-weight:700}cite,dfn,em,i{font-style:italic}address{margin:0 0 1.5em}code,kbd,tt,var{font:15px Monaco,Consolas,"Andale Mono","DejaVu Sans Mono",monospace}abbr,acronym{border-bottom:1px dotted #666;cursor:help}ins,mark{text-decoration:none}sub,sup{font-size:75%;height:0;line-height:0;position:relative;vertical-align:baseline}sup{bottom:1ex}sub{top:.5ex}small{font-size:75%}big{font-size:125%}figure{margin:0}table{margin:0 0 1.5em;width:100%}th{font-weight:700}img{height:auto;max-width:100%}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline}button,html input[type=button],input[type=reset],input[type=submit]{border:1px solid transparent;background:#55555e;cursor:pointer;-webkit-appearance:button;padding:10px 20px;color:#fff}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],select,textarea{background:#fafafa;color:#666;border:1px solid #ccc;border-radius:0;padding:10px 15px;box-sizing:border-box;max-width:100%}textarea{overflow:auto;vertical-align:top;width:100%}input[type=file]{max-width:100%;box-sizing:border-box}a,button,input{transition:color .1s ease-in-out,background-color .1s ease-in-out}a,a:focus,a:hover,a:visited{text-decoration:none}.button,.wp-block-button .wp-block-button__link{padding:10px 20px;display:inline-block}.wp-block-button .wp-block-button__link{font-size:inherit;line-height:inherit}.using-mouse :focus{outline:0}.using-mouse ::-moz-focus-inner{border:0}.alignleft{float:left;margin-right:1.5em}.alignright{float:right;margin-left:1.5em}.aligncenter{clear:both;display:block;margin:0 auto}.size-auto,.size-full,.size-large,.size-medium,.size-thumbnail{max-width:100%;height:auto}.no-sidebar .entry-content .alignfull{margin-left:calc(-100vw / 2 + 100% / 2);margin-right:calc(-100vw / 2 + 100% / 2);max-width:100vw;width:auto}.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important}.screen-reader-text:focus{background-color:#f1f1f1;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip:auto!important;-webkit-clip-path:none;clip-path:none;color:#21759b;display:block;font-size:.875rem;font-weight:700;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}#primary[tabindex="-1"]:focus{outline:0}.clear:after,.comment-content:after,.entry-content:after,.inside-footer-widgets:not(.grid-container):after,.inside-header:not(.grid-container):after,.inside-navigation:not(.grid-container):after,.inside-top-bar:not(.grid-container):after,.page-header-content-container:after,.paging-navigation:after,.site-content:after,.site-footer:after,.site-header:after,.site-info:after{content:"";display:table;clear:both}.main-navigation{z-index:100;padding:0;clear:both;display:block}.main-navigation a{display:block;text-decoration:none;font-weight:400;text-transform:none;font-size:15px}.main-navigation ul{list-style:none;margin:0;padding-left:0}.main-navigation .main-nav ul li a{padding-left:20px;padding-right:20px;line-height:60px}.inside-navigation{position:relative}.main-navigation li{float:left;position:relative}.sf-menu>li.menu-item-float-right{float:right!important}.nav-float-right .inside-header .main-navigation{float:right;clear:right}.nav-float-left .inside-header .main-navigation{float:left;clear:left}.nav-aligned-center .main-navigation:not(.toggled) .menu>li,.nav-aligned-right .main-navigation:not(.toggled) .menu>li{float:none;display:inline-block}.nav-aligned-center .main-navigation:not(.toggled) ul,.nav-aligned-right .main-navigation:not(.toggled) ul{letter-spacing:-.31em;font-size:1em}.nav-aligned-center .main-navigation:not(.toggled) ul li,.nav-aligned-right .main-navigation:not(.toggled) ul li{letter-spacing:normal}.nav-aligned-center .main-navigation{text-align:center}.nav-aligned-right .main-navigation{text-align:right}.main-navigation li.search-item{float:right}.main-navigation .mobile-bar-items a{padding-left:20px;padding-right:20px;line-height:60px}.main-navigation ul ul{display:block;box-shadow:1px 1px 0 rgba(0,0,0,.1);float:left;position:absolute;left:-99999px;opacity:0;z-index:99999;width:200px;text-align:left;top:auto;transition:opacity 80ms linear;transition-delay:0s;pointer-events:none;height:0;overflow:hidden}.main-navigation ul ul a{display:block}.main-navigation ul ul li{width:100%}.main-navigation .main-nav ul ul li a{line-height:normal;padding:10px 20px;font-size:14px}.main-navigation .main-nav ul li.menu-item-has-children>a{padding-right:0;position:relative}.main-navigation.sub-menu-left .sub-menu{right:0}.main-navigation:not(.toggled) ul li.sfHover>ul,.main-navigation:not(.toggled) ul li:hover>ul{left:auto;opacity:1;transition-delay:150ms;pointer-events:auto;height:auto;overflow:visible}.main-navigation:not(.toggled) ul ul li.sfHover>ul,.main-navigation:not(.toggled) ul ul li:hover>ul{left:100%;top:0}.main-navigation.sub-menu-left:not(.toggled) ul ul li.sfHover>ul,.main-navigation.sub-menu-left:not(.toggled) ul ul li:hover>ul{right:100%;left:auto}.nav-float-right .main-navigation ul ul ul{top:0}.menu-item-has-children .dropdown-menu-toggle{display:inline-block;height:100%;clear:both;padding-right:20px;padding-left:10px}.menu-item-has-children ul .dropdown-menu-toggle{padding-top:10px;padding-bottom:10px;margin-top:-10px}.sidebar .menu-item-has-children .dropdown-menu-toggle,nav ul ul .menu-item-has-children .dropdown-menu-toggle{float:right}.widget-area .main-navigation li{float:none;display:block;width:100%;padding:0;margin:0}.sidebar .main-navigation.sub-menu-right ul li.sfHover ul,.sidebar .main-navigation.sub-menu-right ul li:hover ul{top:0;left:100%}.sidebar .main-navigation.sub-menu-left ul li.sfHover ul,.sidebar .main-navigation.sub-menu-left ul li:hover ul{top:0;right:100%}.site-main .comment-navigation,.site-main .post-navigation,.site-main .posts-navigation{margin:0 0 2em;overflow:hidden}.site-main .post-navigation{margin-bottom:0}.paging-navigation .nav-next,.paging-navigation .nav-previous{display:none}.paging-navigation .nav-links>*{padding:0 5px}.paging-navigation .nav-links .current{font-weight:700}.nav-links>:first-child{padding-left:0}.site-header{position:relative}.inside-header{padding:20px 40px}.main-title{margin:0;font-size:25px;line-height:1.2em;word-wrap:break-word;font-weight:700;text-transform:none}.site-description{margin:0;line-height:1.5;font-weight:400;text-transform:none;font-size:15px}.site-logo{display:inline-block;max-width:100%}.site-header .header-image{vertical-align:middle}.header-widget{float:right;overflow:hidden;max-width:50%}.header-widget .widget{padding:0 0 20px;margin-bottom:0}.header-widget .widget:last-child{padding-bottom:0}.header-widget .widget-title{margin-bottom:15px}.nav-float-right .header-widget{position:relative;top:-10px}.nav-float-right .header-widget .widget{padding:0 0 10px}.nav-float-left .inside-header .site-branding,.nav-float-left .inside-header .site-logo{float:right;clear:right}.nav-float-left .inside-header:after{clear:both;content:'';display:table}.nav-float-right .inside-header .site-branding{display:inline-block}.site-branding-container{display:inline-flex;align-items:center;text-align:left}.site-branding-container .site-logo{margin-right:1.5em}.header-aligned-center .site-header{text-align:center}.header-aligned-right .site-header{text-align:right}.header-aligned-right .site-branding-container{text-align:right}.header-aligned-right .site-branding-container .site-logo{order:10;margin-right:0;margin-left:1.5em}.sticky{display:block}.entry-header .gp-icon,.posted-on .updated{display:none}.byline,.entry-header .cat-links,.entry-header .comments-link,.entry-header .tags-links,.group-blog .byline,.single .byline{display:inline}footer.entry-meta .byline,footer.entry-meta .posted-on{display:block}.entry-content:not(:first-child),.entry-summary:not(:first-child),.page-content:not(:first-child){margin-top:2em}.page-links{clear:both;margin:0 0 1.5em}.archive .format-aside .entry-header,.archive .format-status .entry-header,.archive .format-status .entry-meta,.archive .format-status .entry-title,.blog .format-aside .entry-header,.blog .format-status .entry-header,.blog .format-status .entry-meta,.blog .format-status .entry-title{display:none}.archive .format-aside .entry-content,.archive .format-status .entry-content,.blog .format-aside .entry-content,.blog .format-status .entry-content{margin-top:0}.archive .format-status .entry-content p:last-child,.blog .format-status .entry-content p:last-child{margin-bottom:0}.entry-header,.site-content{word-wrap:break-word}.entry-title{margin-bottom:0}.author .page-header .page-title{display:flex;align-items:center}.author .page-header .avatar{margin-right:20px}.page-header .author-info>:last-child,.page-header>:last-child{margin-bottom:0}.entry-meta{font-size:85%;margin-top:.5em;line-height:1.5}footer.entry-meta{margin-top:2em}.cat-links,.comments-link,.tags-links{display:block}.entry-content>p:last-child,.entry-summary>p:last-child,.page-content>p:last-child,.read-more-container,.taxonomy-description p:last-child{margin-bottom:0}.wp-caption{margin-bottom:1.5em;max-width:100%;position:relative}.wp-caption img[class*=wp-image-]{display:block;margin:0 auto 0;max-width:100%}.wp-caption .wp-caption-text{font-size:75%;padding-top:5px;opacity:.8}.wp-caption img{position:relative;vertical-align:bottom}.wp-block-image figcaption{font-size:13px;text-align:center}.wp-block-gallery,ul.blocks-gallery-grid{margin-left:0}.wp-block-gallery .blocks-gallery-image figcaption,.wp-block-gallery .blocks-gallery-item figcaption{background:rgba(255,255,255,.7);color:#000;padding:10px;box-sizing:border-box}.gallery{margin-bottom:1.5em}.gallery-item{display:inline-block;text-align:center;vertical-align:top;width:100%}.gallery-columns-2 .gallery-item{max-width:50%}.gallery-columns-3 .gallery-item{max-width:33.33%}.gallery-columns-4 .gallery-item{max-width:25%}.gallery-columns-5 .gallery-item{max-width:20%}.gallery-columns-6 .gallery-item{max-width:16.66%}.gallery-columns-7 .gallery-item{max-width:14.28%}.gallery-columns-8 .gallery-item{max-width:12.5%}.gallery-columns-9 .gallery-item{max-width:11.11%}.gallery-caption{display:block}.site-main .gallery{margin-bottom:1.5em}.gallery-item img{vertical-align:bottom}.gallery-icon{padding:5px}embed,iframe,object{max-width:100%}.comment-content a{word-wrap:break-word}.bypostauthor{display:block}.comment,.comment-list{list-style-type:none;padding:0;margin:0}.comment-author-info{display:inline-block;vertical-align:middle}.comment-meta .avatar{float:left;margin-right:10px;border-radius:50%}.comment-author cite{font-style:normal;font-weight:700}.entry-meta.comment-metadata{margin-top:0}.comment-content{margin-top:1.5em}.comment-respond{margin-top:0}.comment-form>.form-submit{margin-bottom:0}.comment-form input,.comment-form-comment{margin-bottom:10px}.comment-form #author,.comment-form #email,.comment-form #url{display:block}.comment-metadata .edit-link:before{display:none}.comment-body{padding:30px 0}.comment-content{padding:30px;border:1px solid rgba(0,0,0,.05)}.depth-1.parent>.children{border-bottom:1px solid rgba(0,0,0,.05)}.comment .children{padding-left:30px;margin-top:-30px;border-left:1px solid rgba(0,0,0,.05)}.pingback .comment-body,.trackback .comment-body{border-bottom:1px solid rgba(0,0,0,.05)}.pingback .edit-link{font-size:13px}.comment-content p:last-child{margin-bottom:0}.comment-list>.comment:first-child{padding-top:0;margin-top:0;border-top:0}ol.comment-list{margin-bottom:1.5em}.comment-form-cookies-consent{display:flex;align-items:center}.comment-form-cookies-consent input{margin-right:.5em;margin-bottom:0}.one-container .comments-area{margin-top:1.5em}.comment-content .reply{font-size:85%}#cancel-comment-reply-link{padding-left:10px}.widget-area .widget{padding:40px}.widget select{max-width:100%}.footer-widgets .widget :last-child,.sidebar .widget :last-child{margin-bottom:0}.widget-title{margin-bottom:30px;font-size:20px;line-height:1.5;font-weight:400;text-transform:none}.widget ol,.widget ul{margin:0}.widget .search-field{width:100%}.widget_search .search-submit{display:none}.widget{margin:0 0 30px;box-sizing:border-box}.separate-containers .widget:last-child,.widget:last-child{margin-bottom:0}.footer-widgets .widget,.sidebar .widget{font-size:17px}.widget ul li{list-style-type:none;position:relative;padding-bottom:5px}.widget_categories .children{margin-left:1.5em;padding-top:5px}.widget_categories .children li:last-child{padding-bottom:0}.widget_nav_menu ul ul,.widget_pages ul ul{margin-left:1em;margin-top:5px}.widget ul li.menu-item-has-children,.widget ul li.page_item_has_children{padding-bottom:0}#wp-calendar{table-layout:fixed;font-size:80%}#wp-calendar #prev,#wp-calendar #prev+.pad{border-right:0}.sidebar .grid-container{max-width:100%;width:100%}.post{margin:0 0 2em}.page-header{margin-bottom:30px}.one-container.both-left .inside-left-sidebar,.one-container.both-right .inside-left-sidebar{margin-right:20px}.one-container.both-left .inside-right-sidebar,.one-container.both-right .inside-right-sidebar{margin-left:20px}.one-container:not(.page) .inside-article{padding:0 0 30px 0}.one-container.both-right .site-main,.one-container.right-sidebar .site-main{margin-right:40px}.one-container.both-left .site-main,.one-container.left-sidebar .site-main{margin-left:40px}.one-container.both-sidebars .site-main{margin:0 40px 0 40px}.one-container .site-content{padding:40px}.separate-containers .comments-area,.separate-containers .inside-article,.separate-containers .page-header,.separate-containers .paging-navigation{padding:40px}.separate-containers .page-header,.separate-containers .site-main>*,.separate-containers .widget{margin-bottom:20px}.separate-containers .site-main{margin:20px}.separate-containers.no-sidebar .site-main{margin-left:0;margin-right:0}.separate-containers.both-right .site-main,.separate-containers.right-sidebar .site-main{margin-left:0}.separate-containers.both-left .site-main,.separate-containers.left-sidebar .site-main{margin-right:0}.separate-containers.both-left .inside-left-sidebar,.separate-containers.both-right .inside-left-sidebar{margin-right:10px}.separate-containers.both-left .inside-right-sidebar,.separate-containers.both-right .inside-right-sidebar{margin-left:10px}.separate-containers .inside-left-sidebar,.separate-containers .inside-right-sidebar{margin-top:20px;margin-bottom:20px}.inside-page-header{padding:40px}.widget-area .main-navigation{margin-bottom:20px}.one-container .site-main>:last-child,.separate-containers .site-main>:last-child{margin-bottom:0}.full-width-content .container.grid-container{max-width:100%}.full-width-content.no-sidebar.separate-containers .site-main{margin:0}.full-width-content.one-container .site-content,.full-width-content.separate-containers .inside-article{padding:0}.full-width-content .entry-content .alignwide{margin-left:0;width:auto;max-width:unset}.contained-content.one-container .site-content,.contained-content.separate-containers .inside-article{padding:0}.site-info{text-align:center;font-size:15px}.site-info{padding:20px 40px}.footer-widgets{padding:40px}.site-footer .footer-widgets-container .inner-padding{padding:0 0 0 40px}.site-footer .footer-widgets-container .inside-footer-widgets{margin-left:-40px}.footer-bar-active .footer-bar .widget{padding:0}.footer-bar .widget_nav_menu>div>ul{display:inline-block;vertical-align:top}.footer-bar .widget_nav_menu li{margin:0 10px;float:left;padding:0}.footer-bar .widget_nav_menu li:first-child{margin-left:0}.footer-bar .widget_nav_menu li:last-child{margin-right:0}.footer-bar .widget_nav_menu li ul{display:none}.footer-bar .textwidget p:last-child{margin:0}.footer-bar .widget-title{display:none}.footer-bar-align-right .copyright-bar{float:left}.footer-bar-align-right .footer-bar{float:right;text-align:right}.footer-bar-align-left .copyright-bar{float:right;text-align:right}.footer-bar-align-left .footer-bar{float:left;text-align:left}.footer-bar-align-center .copyright-bar{float:none;text-align:center}.footer-bar-align-center .footer-bar{float:none;text-align:center;margin-bottom:10px}.post-image:not(:first-child){margin-top:2em}.page-header-image,.page-header-image-single{line-height:0}.one-container .inside-article>[class*=page-header-],.separate-containers .inside-article>[class*=page-header-]{margin-bottom:2em;margin-top:0}.inside-article .page-header-image-single.page-header-below-title{margin-top:2em}.separate-containers .page-header-contained,.separate-containers .page-header-content,.separate-containers .page-header-content-single,.separate-containers .page-header-image,.separate-containers .page-header-image-single{margin-top:20px}.top-bar{font-weight:400;text-transform:none;font-size:13px}.top-bar .inside-top-bar .widget{padding:0;display:inline-block;margin:0}.top-bar .inside-top-bar .textwidget p:last-child{margin:0}.top-bar .widget-title{display:none}.top-bar .widget_nav_menu li{margin:0 10px;float:left;padding:0}.top-bar .widget_nav_menu li:first-child{margin-left:0}.top-bar .widget_nav_menu li:last-child{margin-right:0}.top-bar .widget_nav_menu li ul{display:none}.top-bar .widget_nav_menu>div>ul{display:inline-block;vertical-align:top}.inside-top-bar{padding:10px 40px}.top-bar-align-center{text-align:center}.top-bar-align-center .inside-top-bar .widget:not(:first-child){margin-left:10px}.top-bar-align-center .inside-top-bar .widget:first-child:last-child{display:block}.top-bar-align-right{text-align:right}.top-bar-align-right .inside-top-bar>.widget:nth-child(even){float:left;margin-right:10px}.top-bar-align-right .inside-top-bar>.widget:nth-child(odd){margin-left:10px}.top-bar-align-left .inside-top-bar>.widget:nth-child(odd){float:left;margin-right:10px}.top-bar-align-left .inside-top-bar>.widget:nth-child(even){margin-left:10px;float:right}.gp-icon{display:inline-flex;align-self:center}.gp-icon svg{height:1em;width:1em;top:.125em;position:relative;fill:currentColor}.close-search .icon-search svg:nth-child(1),.icon-menu-bars svg:nth-child(2),.icon-search svg:nth-child(2),.toggled .icon-menu-bars svg:nth-child(1){display:none}.close-search .icon-search svg:nth-child(2),.toggled .icon-menu-bars svg:nth-child(2){display:block}.entry-meta .gp-icon{margin-right:.6em;opacity:.7}nav.toggled .icon-arrow-left svg{transform:rotate(-90deg)}nav.toggled .icon-arrow-right svg{transform:rotate(90deg)}nav.toggled .sfHover>a>.dropdown-menu-toggle .gp-icon svg{transform:rotate(180deg)}nav.toggled .sfHover>a>.dropdown-menu-toggle .gp-icon.icon-arrow-left svg{transform:rotate(-270deg)}nav.toggled .sfHover>a>.dropdown-menu-toggle .gp-icon.icon-arrow-right svg{transform:rotate(270deg)}.container.grid-container{width:auto}.infinite-scroll .paging-navigation,.infinite-scroll.neverending .site-footer{display:none}.infinity-end.neverending .site-footer{display:block}.so-panel.widget{padding:0}#mc_embed_signup .clear{display:block;height:auto;visibility:visible;width:auto}.menu-toggle,.mobile-bar-items,.sidebar-nav-mobile{display:none}.menu-toggle{padding:0 20px;line-height:60px;margin:0;font-weight:400;text-transform:none;font-size:15px;cursor:pointer}button.menu-toggle{background-color:transparent;width:100%;border:0;text-align:center}button.menu-toggle:active,button.menu-toggle:focus,button.menu-toggle:hover{background-color:transparent}.menu-toggle .mobile-menu{padding-left:3px}.menu-toggle .gp-icon+.mobile-menu{padding-left:9px}.menu-toggle .mobile-menu:empty{display:none}.nav-search-enabled .main-navigation .menu-toggle{text-align:left}.mobile-bar-items{display:none;position:absolute;right:0;top:0;z-index:21;list-style-type:none}.mobile-bar-items a{display:inline-block}nav.toggled ul ul.sub-menu{width:100%}.dropdown-hover .main-navigation.toggled ul li.sfHover>ul,.dropdown-hover .main-navigation.toggled ul li:hover>ul{transition-delay:0s}.toggled .menu-item-has-children .dropdown-menu-toggle{padding-left:20px}.main-navigation.toggled ul ul{transition:0s;visibility:hidden}.main-navigation.toggled .main-nav>ul{display:block}.main-navigation.toggled .main-nav ul ul.toggled-on{position:relative;top:0;left:auto!important;right:auto!important;width:100%;pointer-events:auto;height:auto;opacity:1;display:block;visibility:visible;float:none}.main-navigation.toggled .main-nav li{float:none;clear:both;display:block;text-align:left}.main-navigation.toggled .main-nav li.hide-on-mobile{display:none!important}.main-navigation.toggled .menu-item-has-children .dropdown-menu-toggle{float:right}.main-navigation.toggled .menu li.search-item{display:none!important}.main-navigation.toggled .sf-menu>li.menu-item-float-right{float:none;display:inline-block}@media (max-width:768px){a,body,button,input,select,textarea{transition:all 0s ease-in-out}.top-bar.top-bar-align-left,.top-bar.top-bar-align-right{text-align:center}.top-bar .widget{float:none!important;margin:0 10px!important}.top-bar .widget_nav_menu li{float:none;display:inline-block;padding:5px 0}.footer-bar .widget_nav_menu li:first-child{margin-left:10px}.footer-bar .widget_nav_menu li:last-child{margin-right:10px}.inside-header>:not(:last-child):not(.main-navigation){margin-bottom:20px}.header-aligned-right .site-header,.site-header{text-align:center}.header-widget{float:none;max-width:100%;text-align:center}.content-area,.inside-footer-widgets>div,.sidebar{float:none;width:100%;left:0;right:0}.site-main{margin-left:0!important;margin-right:0!important}body:not(.no-sidebar) .site-main{margin-bottom:0!important}.one-container .sidebar{margin-top:40px}.separate-containers #left-sidebar+#right-sidebar .inside-right-sidebar{margin-top:0}.both-left.separate-containers .inside-left-sidebar,.both-left.separate-containers .inside-right-sidebar,.both-right.separate-containers .inside-left-sidebar,.both-right.separate-containers .inside-right-sidebar{margin-right:0;margin-left:0}.alignleft,.alignright{float:none;display:block;margin-left:auto;margin-right:auto}.post-image-aligned-left .post-image,.post-image-aligned-right .post-image{float:none;margin:2em 0;text-align:center}.comment .children{padding-left:10px;margin-left:0}.edd_download{display:block;float:none!important;margin-bottom:1.5em;width:100%!important}.entry-meta{font-size:inherit}.entry-meta a{line-height:1.8em}.site-info{text-align:center}.copyright-bar{float:none!important;text-align:center!important}.footer-bar{float:none!important;text-align:center!important;margin-bottom:20px}.footer-bar .widget_nav_menu li{float:none;display:inline-block;padding:5px 0}.inside-footer-widgets>div:not(:last-child){margin-bottom:40px}.site-footer .footer-widgets .footer-widgets-container .inside-footer-widgets{margin:0}.site-footer .footer-widgets .footer-widgets-container .inner-padding{padding:0}} \ No newline at end of file +.clearfix:after,.clearfix:before,.grid-100:after,.grid-100:before,.grid-15:after,.grid-15:before,.grid-20:after,.grid-20:before,.grid-25:after,.grid-25:before,.grid-30:after,.grid-30:before,.grid-33:after,.grid-33:before,.grid-35:after,.grid-35:before,.grid-40:after,.grid-40:before,.grid-45:after,.grid-45:before,.grid-50:after,.grid-50:before,.grid-55:after,.grid-55:before,.grid-60:after,.grid-60:before,.grid-65:after,.grid-65:before,.grid-66:after,.grid-66:before,.grid-70:after,.grid-70:before,.grid-75:after,.grid-75:before,.grid-80:after,.grid-80:before,.grid-85:after,.grid-85:before,.grid-container:after,.grid-container:before,[class*=mobile-grid-]:after,[class*=mobile-grid-]:before,[class*=tablet-grid-]:after,[class*=tablet-grid-]:before{content:".";display:block;overflow:hidden;visibility:hidden;font-size:0;line-height:0;width:0;height:0}.clearfix:after,.grid-100:after,.grid-15:after,.grid-20:after,.grid-25:after,.grid-30:after,.grid-33:after,.grid-35:after,.grid-40:after,.grid-45:after,.grid-50:after,.grid-55:after,.grid-60:after,.grid-65:after,.grid-66:after,.grid-70:after,.grid-75:after,.grid-80:after,.grid-85:after,.grid-90:after,.grid-95:after,.grid-container:after,[class*=mobile-grid-]:after,[class*=tablet-grid-]:after{clear:both}.grid-container{margin-left:auto;margin-right:auto;max-width:1200px;padding-left:10px;padding-right:10px}.grid-100,.grid-15,.grid-20,.grid-25,.grid-30,.grid-33,.grid-35,.grid-40,.grid-45,.grid-50,.grid-55,.grid-60,.grid-65,.grid-66,.grid-70,.grid-75,.grid-80,.grid-85,.grid-90,.grid-95,[class*=mobile-grid-],[class*=tablet-grid-]{box-sizing:border-box;padding-left:10px;padding-right:10px}.grid-parent{padding-left:0;padding-right:0}@media (max-width:767px){.hide-on-mobile{display:none!important}.mobile-grid-50{float:left;width:50%}.mobile-grid-100{clear:both;width:100%}}@media (min-width:768px) and (max-width:1024px){[class*=tablet-pull-],[class*=tablet-push-]{position:relative}.hide-on-tablet{display:none!important}.tablet-grid-15{float:left;width:15%}.tablet-push-15{left:15%}.tablet-pull-15{left:-15%}.tablet-grid-20{float:left;width:20%}.tablet-push-20{left:20%}.tablet-pull-20{left:-20%}.tablet-grid-25{float:left;width:25%}.tablet-push-25{left:25%}.tablet-pull-25{left:-25%}.tablet-grid-30{float:left;width:30%}.tablet-push-30{left:30%}.tablet-pull-30{left:-30%}.tablet-grid-35{float:left;width:35%}.tablet-push-35{left:35%}.tablet-pull-35{left:-35%}.tablet-grid-40{float:left;width:40%}.tablet-push-40{left:40%}.tablet-pull-40{left:-40%}.tablet-grid-45{float:left;width:45%}.tablet-push-45{left:45%}.tablet-pull-45{left:-45%}.tablet-grid-50{float:left;width:50%}.tablet-push-50{left:50%}.tablet-pull-50{left:-50%}.tablet-grid-55{float:left;width:55%}.tablet-push-55{left:55%}.tablet-pull-55{left:-55%}.tablet-grid-60{float:left;width:60%}.tablet-push-60{left:60%}.tablet-pull-60{left:-60%}.tablet-grid-65{float:left;width:65%}.tablet-push-65{left:65%}.tablet-pull-65{left:-65%}.tablet-grid-70{float:left;width:70%}.tablet-push-70{left:70%}.tablet-pull-70{left:-70%}.tablet-grid-75{float:left;width:75%}.tablet-push-75{left:75%}.tablet-pull-75{left:-75%}.tablet-grid-80{float:left;width:80%}.tablet-push-80{left:80%}.tablet-pull-80{left:-80%}.tablet-grid-85{float:left;width:85%}.tablet-push-85{left:85%}.tablet-pull-85{left:-85%}.tablet-suffix-33{margin-right:33.33333%}.tablet-push-33{left:33.33333%}.tablet-pull-33{left:-33.33333%}.tablet-grid-66{float:left;width:66.66667%}.tablet-push-66{left:66.66667%}.tablet-pull-66{left:-66.66667%}.tablet-grid-100{clear:both;width:100%}.inside-footer-widgets>div{margin-bottom:50px}.inside-footer-widgets>div:nth-child(odd){clear:both}.active-footer-widgets-1 .footer-widget-1,.active-footer-widgets-3 .footer-widget-3,.active-footer-widgets-5 .footer-widget-5{width:100%;margin-bottom:0}.active-footer-widgets-2 .inside-footer-widgets>div,.active-footer-widgets-4 .footer-widget-3,.active-footer-widgets-4 .footer-widget-4{margin-bottom:0}}@media (min-width:1025px){.pull-15,.pull-20,.pull-25,.pull-30,.pull-33,.pull-35,.pull-40,.pull-45,.pull-50,.pull-55,.pull-60,.pull-65,.pull-66,.pull-70,.pull-75,.pull-80,.pull-85,.pull-90,.pull-95,.push-15,.push-20,.push-25,.push-30,.push-33,.push-35,.push-40,.push-45,.push-50,.push-55,.push-60,.push-65,.push-66,.push-70,.push-75,.push-80,.push-85,.push-90,.push-95{position:relative}.hide-on-desktop{display:none!important}.grid-15{float:left;width:15%}.push-15{left:15%}.pull-15{left:-15%}.grid-20{float:left;width:20%}.push-20{left:20%}.pull-20{left:-20%}.grid-25{float:left;width:25%}.push-25{left:25%}.pull-25{left:-25%}.grid-30{float:left;width:30%}.push-30{left:30%}.pull-30{left:-30%}.grid-35{float:left;width:35%}.push-35{left:35%}.pull-35{left:-35%}.grid-40{float:left;width:40%}.push-40{left:40%}.pull-40{left:-40%}.grid-45{float:left;width:45%}.push-45{left:45%}.pull-45{left:-45%}.grid-50{float:left;width:50%}.push-50{left:50%}.pull-50{left:-50%}.grid-55{float:left;width:55%}.push-55{left:55%}.pull-55{left:-55%}.grid-60{float:left;width:60%}.push-60{left:60%}.pull-60{left:-60%}.grid-65{float:left;width:65%}.push-65{left:65%}.pull-65{left:-65%}.grid-70{float:left;width:70%}.push-70{left:70%}.pull-70{left:-70%}.grid-75{float:left;width:75%}.push-75{left:75%}.pull-75{left:-75%}.grid-80{float:left;width:80%}.push-80{left:80%}.pull-80{left:-80%}.grid-85{float:left;width:85%}.push-85{left:85%}.pull-85{left:-85%}.grid-33{float:left;width:33.33333%}.push-33{left:33.33333%}.pull-33{left:-33.33333%}.grid-66{float:left;width:66.66667%}.push-66{left:66.66667%}.pull-66{left:-66.66667%}.grid-100{clear:both;width:100%}}a,abbr,acronym,address,applet,big,blockquote,body,caption,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,iframe,ins,kbd,label,legend,li,object,ol,p,pre,q,s,samp,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,ul,var{border:0;margin:0;padding:0}html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}article,aside,details,figcaption,figure,footer,header,main,nav,section{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}ol,ul{list-style:none}table{border-collapse:separate;border-spacing:0}caption,td,th{font-weight:400;text-align:left;padding:5px}blockquote:after,blockquote:before,q:after,q:before{content:""}a{background-color:transparent}a img{border:0}body,button,input,select,textarea{font-family:-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-weight:400;text-transform:none;font-size:17px;line-height:1.5}p{margin-bottom:1.5em}h1,h2,h3,h4,h5,h6{font-family:inherit;font-size:100%;font-style:inherit;font-weight:inherit}pre{background:rgba(0,0,0,.05);font-family:inherit;font-size:inherit;line-height:normal;margin-bottom:1.5em;padding:20px;overflow:auto;max-width:100%}blockquote{border-left:5px solid rgba(0,0,0,.05);padding:20px;font-size:1.2em;font-style:italic;margin:0 0 1.5em;position:relative}blockquote p:last-child{margin:0}table,td,th{border:1px solid rgba(0,0,0,.1)}table{border-collapse:separate;border-spacing:0;border-width:1px 0 0 1px;margin:0 0 1.5em;width:100%}td,th{padding:8px}th{border-width:0 1px 1px 0}td{border-width:0 1px 1px 0}hr{background-color:rgba(0,0,0,.1);border:0;height:1px;margin-bottom:40px;margin-top:40px}fieldset{padding:0;border:0;min-width:inherit}fieldset legend{padding:0;margin-bottom:1.5em}h1{font-size:42px;margin-bottom:20px;line-height:1.2em;font-weight:400;text-transform:none}h2{font-size:35px;margin-bottom:20px;line-height:1.2em;font-weight:400;text-transform:none}h3{font-size:29px;margin-bottom:20px;line-height:1.2em;font-weight:400;text-transform:none}h4{font-size:24px}h5{font-size:20px}h4,h5,h6{margin-bottom:20px}ol,ul{margin:0 0 1.5em 3em}ul{list-style:disc}ol{list-style:decimal}li>ol,li>ul{margin-bottom:0;margin-left:1.5em}dt{font-weight:700}dd{margin:0 1.5em 1.5em}b,strong{font-weight:700}cite,dfn,em,i{font-style:italic}address{margin:0 0 1.5em}code,kbd,tt,var{font:15px Monaco,Consolas,"Andale Mono","DejaVu Sans Mono",monospace}abbr,acronym{border-bottom:1px dotted #666;cursor:help}ins,mark{text-decoration:none}sub,sup{font-size:75%;height:0;line-height:0;position:relative;vertical-align:baseline}sup{bottom:1ex}sub{top:.5ex}small{font-size:75%}big{font-size:125%}figure{margin:0}table{margin:0 0 1.5em;width:100%}th{font-weight:700}img{height:auto;max-width:100%}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline}button,html input[type=button],input[type=reset],input[type=submit]{border:1px solid transparent;background:#55555e;cursor:pointer;-webkit-appearance:button;padding:10px 20px;color:#fff}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],select,textarea{background:#fafafa;color:#666;border:1px solid #ccc;border-radius:0;padding:10px 15px;box-sizing:border-box;max-width:100%}textarea{overflow:auto;vertical-align:top;width:100%}input[type=file]{max-width:100%;box-sizing:border-box}a,button,input{transition:color .1s ease-in-out,background-color .1s ease-in-out}a{text-decoration:none}.button,.wp-block-button .wp-block-button__link{padding:10px 20px;display:inline-block}.wp-block-button .wp-block-button__link{font-size:inherit;line-height:inherit}.using-mouse :focus{outline:0}.using-mouse ::-moz-focus-inner{border:0}.alignleft{float:left;margin-right:1.5em}.alignright{float:right;margin-left:1.5em}.aligncenter{clear:both;display:block;margin:0 auto}.size-auto,.size-full,.size-large,.size-medium,.size-thumbnail{max-width:100%;height:auto}.no-sidebar .entry-content .alignfull{margin-left:calc(-100vw / 2 + 100% / 2);margin-right:calc(-100vw / 2 + 100% / 2);max-width:100vw;width:auto}.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important}.screen-reader-text:focus{background-color:#f1f1f1;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip:auto!important;-webkit-clip-path:none;clip-path:none;color:#21759b;display:block;font-size:.875rem;font-weight:700;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}#primary[tabindex="-1"]:focus{outline:0}.clear:after,.comment-content:after,.entry-content:after,.inside-footer-widgets:not(.grid-container):after,.inside-header:not(.grid-container):after,.inside-navigation:not(.grid-container):after,.inside-top-bar:not(.grid-container):after,.page-header-content-container:after,.paging-navigation:after,.site-content:after,.site-footer:after,.site-header:after,.site-info:after{content:"";display:table;clear:both}.main-navigation{z-index:100;padding:0;clear:both;display:block}.main-navigation a{display:block;text-decoration:none;font-weight:400;text-transform:none;font-size:15px}.main-navigation ul{list-style:none;margin:0;padding-left:0}.main-navigation .main-nav ul li a{padding-left:20px;padding-right:20px;line-height:60px}.inside-navigation{position:relative}.main-navigation li{float:left;position:relative}.sf-menu>li.menu-item-float-right{float:right!important}.nav-float-right .inside-header .main-navigation{float:right;clear:right}.nav-float-left .inside-header .main-navigation{float:left;clear:left}.nav-aligned-center .main-navigation:not(.toggled) .menu>li,.nav-aligned-right .main-navigation:not(.toggled) .menu>li{float:none;display:inline-block}.nav-aligned-center .main-navigation:not(.toggled) ul,.nav-aligned-right .main-navigation:not(.toggled) ul{letter-spacing:-.31em;font-size:1em}.nav-aligned-center .main-navigation:not(.toggled) ul li,.nav-aligned-right .main-navigation:not(.toggled) ul li{letter-spacing:normal}.nav-aligned-center .main-navigation{text-align:center}.nav-aligned-right .main-navigation{text-align:right}.main-navigation li.search-item{float:right}.main-navigation .mobile-bar-items a{padding-left:20px;padding-right:20px;line-height:60px}.main-navigation ul ul{display:block;box-shadow:1px 1px 0 rgba(0,0,0,.1);float:left;position:absolute;left:-99999px;opacity:0;z-index:99999;width:200px;text-align:left;top:auto;transition:opacity 80ms linear;transition-delay:0s;pointer-events:none;height:0;overflow:hidden}.main-navigation ul ul a{display:block}.main-navigation ul ul li{width:100%}.main-navigation .main-nav ul ul li a{line-height:normal;padding:10px 20px;font-size:14px}.main-navigation .main-nav ul li.menu-item-has-children>a{padding-right:0;position:relative}.main-navigation.sub-menu-left ul ul{box-shadow:-1px 1px 0 rgba(0,0,0,.1)}.main-navigation.sub-menu-left .sub-menu{right:0}.main-navigation:not(.toggled) ul li.sfHover>ul,.main-navigation:not(.toggled) ul li:hover>ul{left:auto;opacity:1;transition-delay:150ms;pointer-events:auto;height:auto;overflow:visible}.main-navigation:not(.toggled) ul ul li.sfHover>ul,.main-navigation:not(.toggled) ul ul li:hover>ul{left:100%;top:0}.main-navigation.sub-menu-left:not(.toggled) ul ul li.sfHover>ul,.main-navigation.sub-menu-left:not(.toggled) ul ul li:hover>ul{right:100%;left:auto}.nav-float-right .main-navigation ul ul ul{top:0}.menu-item-has-children .dropdown-menu-toggle{display:inline-block;height:100%;clear:both;padding-right:20px;padding-left:10px}.menu-item-has-children ul .dropdown-menu-toggle{padding-top:10px;padding-bottom:10px;margin-top:-10px}.sidebar .menu-item-has-children .dropdown-menu-toggle,nav ul ul .menu-item-has-children .dropdown-menu-toggle{float:right}.widget-area .main-navigation li{float:none;display:block;width:100%;padding:0;margin:0}.sidebar .main-navigation.sub-menu-right ul li.sfHover ul,.sidebar .main-navigation.sub-menu-right ul li:hover ul{top:0;left:100%}.sidebar .main-navigation.sub-menu-left ul li.sfHover ul,.sidebar .main-navigation.sub-menu-left ul li:hover ul{top:0;right:100%}.site-main .comment-navigation,.site-main .post-navigation,.site-main .posts-navigation{margin:0 0 2em;overflow:hidden}.site-main .post-navigation{margin-bottom:0}.paging-navigation .nav-next,.paging-navigation .nav-previous{display:none}.paging-navigation .nav-links>*{padding:0 5px}.paging-navigation .nav-links .current{font-weight:700}.nav-links>:first-child{padding-left:0}.site-header{position:relative}.inside-header{padding:20px 40px}.main-title{margin:0;font-size:25px;line-height:1.2em;word-wrap:break-word;font-weight:700;text-transform:none}.site-description{margin:0;line-height:1.5;font-weight:400;text-transform:none;font-size:15px}.site-logo{display:inline-block;max-width:100%}.site-header .header-image{vertical-align:middle}.header-widget{float:right;overflow:hidden;max-width:50%}.header-widget .widget{padding:0 0 20px;margin-bottom:0}.header-widget .widget:last-child{padding-bottom:0}.header-widget .widget-title{margin-bottom:15px}.nav-float-right .header-widget{position:relative;top:-10px}.nav-float-right .header-widget .widget{padding:0 0 10px}.nav-float-left .inside-header .site-branding,.nav-float-left .inside-header .site-logo{float:right;clear:right}.nav-float-left .inside-header:after{clear:both;content:'';display:table}.nav-float-right .inside-header .site-branding{display:inline-block}.site-branding-container{display:inline-flex;align-items:center;text-align:left}.site-branding-container .site-logo{margin-right:1.5em}.header-aligned-center .site-header{text-align:center}.header-aligned-right .site-header{text-align:right}.header-aligned-right .site-branding-container{text-align:right}.header-aligned-right .site-branding-container .site-logo{order:10;margin-right:0;margin-left:1.5em}.sticky{display:block}.entry-header .gp-icon,.posted-on .updated{display:none}.byline,.entry-header .cat-links,.entry-header .comments-link,.entry-header .tags-links,.group-blog .byline,.single .byline{display:inline}footer.entry-meta .byline,footer.entry-meta .posted-on{display:block}.entry-content:not(:first-child),.entry-summary:not(:first-child),.page-content:not(:first-child){margin-top:2em}.page-links{clear:both;margin:0 0 1.5em}.archive .format-aside .entry-header,.archive .format-status .entry-header,.archive .format-status .entry-meta,.archive .format-status .entry-title,.blog .format-aside .entry-header,.blog .format-status .entry-header,.blog .format-status .entry-meta,.blog .format-status .entry-title{display:none}.archive .format-aside .entry-content,.archive .format-status .entry-content,.blog .format-aside .entry-content,.blog .format-status .entry-content{margin-top:0}.archive .format-status .entry-content p:last-child,.blog .format-status .entry-content p:last-child{margin-bottom:0}.entry-header,.site-content{word-wrap:break-word}.entry-title{margin-bottom:0}.author .page-header .page-title{display:flex;align-items:center}.author .page-header .avatar{margin-right:20px}.page-header .author-info>:last-child,.page-header>:last-child{margin-bottom:0}.entry-meta{font-size:85%;margin-top:.5em;line-height:1.5}footer.entry-meta{margin-top:2em}.cat-links,.comments-link,.tags-links{display:block}.entry-content>p:last-child,.entry-summary>p:last-child,.page-content>p:last-child,.read-more-container,.taxonomy-description p:last-child{margin-bottom:0}.wp-caption{margin-bottom:1.5em;max-width:100%;position:relative}.wp-caption img[class*=wp-image-]{display:block;margin:0 auto 0;max-width:100%}.wp-caption .wp-caption-text{font-size:75%;padding-top:5px;opacity:.8}.wp-caption img{position:relative;vertical-align:bottom}.wp-block-image figcaption{font-size:13px;text-align:center}.wp-block-gallery,ul.blocks-gallery-grid{margin-left:0}.wp-block-gallery .blocks-gallery-image figcaption,.wp-block-gallery .blocks-gallery-item figcaption{background:rgba(255,255,255,.7);color:#000;padding:10px;box-sizing:border-box}.gallery{margin-bottom:1.5em}.gallery-item{display:inline-block;text-align:center;vertical-align:top;width:100%}.gallery-columns-2 .gallery-item{max-width:50%}.gallery-columns-3 .gallery-item{max-width:33.33%}.gallery-columns-4 .gallery-item{max-width:25%}.gallery-columns-5 .gallery-item{max-width:20%}.gallery-columns-6 .gallery-item{max-width:16.66%}.gallery-columns-7 .gallery-item{max-width:14.28%}.gallery-columns-8 .gallery-item{max-width:12.5%}.gallery-columns-9 .gallery-item{max-width:11.11%}.gallery-caption{display:block}.site-main .gallery{margin-bottom:1.5em}.gallery-item img{vertical-align:bottom}.gallery-icon{padding:5px}embed,iframe,object{max-width:100%}.wp-block-post-template{margin-left:0}.comment-content a{word-wrap:break-word}.bypostauthor{display:block}.comment,.comment-list{list-style-type:none;padding:0;margin:0}.comment-author-info{display:inline-block;vertical-align:middle}.comment-meta .avatar{float:left;margin-right:10px;border-radius:50%}.comment-author cite{font-style:normal;font-weight:700}.entry-meta.comment-metadata{margin-top:0}.comment-content{margin-top:1.5em}.comment-respond{margin-top:0}.comment-form>.form-submit{margin-bottom:0}.comment-form input,.comment-form-comment{margin-bottom:10px}.comment-form-comment textarea{resize:vertical}.comment-form #author,.comment-form #email,.comment-form #url{display:block}.comment-metadata .edit-link:before{display:none}.comment-body{padding:30px 0}.comment-content{padding:30px;border:1px solid rgba(0,0,0,.05)}.depth-1.parent>.children{border-bottom:1px solid rgba(0,0,0,.05)}.comment .children{padding-left:30px;margin-top:-30px;border-left:1px solid rgba(0,0,0,.05)}.pingback .comment-body,.trackback .comment-body{border-bottom:1px solid rgba(0,0,0,.05)}.pingback .edit-link{font-size:13px}.comment-content p:last-child{margin-bottom:0}.comment-list>.comment:first-child{padding-top:0;margin-top:0;border-top:0}ol.comment-list{margin-bottom:1.5em}.comment-form-cookies-consent{display:flex;align-items:center}.comment-form-cookies-consent input{margin-right:.5em;margin-bottom:0}.one-container .comments-area{margin-top:1.5em}.comment-content .reply{font-size:85%}#cancel-comment-reply-link{padding-left:10px}.widget-area .widget{padding:40px}.widget select{max-width:100%}.footer-widgets .widget :last-child,.sidebar .widget :last-child{margin-bottom:0}.widget-title{margin-bottom:30px;font-size:20px;line-height:1.5;font-weight:400;text-transform:none}.widget ol,.widget ul{margin:0}.widget .search-field{width:100%}.widget_search .search-submit{display:none}.widget{margin:0 0 30px;box-sizing:border-box}.separate-containers .widget:last-child,.widget:last-child{margin-bottom:0}.footer-widgets .widget,.sidebar .widget{font-size:17px}.widget ul li{list-style-type:none;position:relative;padding-bottom:5px}.widget_categories .children{margin-left:1.5em;padding-top:5px}.widget_categories .children li:last-child{padding-bottom:0}.widget_nav_menu ul ul,.widget_pages ul ul{margin-left:1em;margin-top:5px}.widget ul li.menu-item-has-children,.widget ul li.page_item_has_children{padding-bottom:0}#wp-calendar{table-layout:fixed;font-size:80%}#wp-calendar #prev,#wp-calendar #prev+.pad{border-right:0}.sidebar .grid-container{max-width:100%;width:100%}.post{margin:0 0 2em}.page-header{margin-bottom:30px}.one-container.both-left .inside-left-sidebar,.one-container.both-right .inside-left-sidebar{margin-right:20px}.one-container.both-left .inside-right-sidebar,.one-container.both-right .inside-right-sidebar{margin-left:20px}.one-container:not(.page) .inside-article{padding:0 0 30px 0}.one-container.both-right .site-main,.one-container.right-sidebar .site-main{margin-right:40px}.one-container.both-left .site-main,.one-container.left-sidebar .site-main{margin-left:40px}.one-container.both-sidebars .site-main{margin:0 40px 0 40px}.one-container .site-content{padding:40px}.separate-containers .comments-area,.separate-containers .inside-article,.separate-containers .page-header,.separate-containers .paging-navigation{padding:40px}.separate-containers .page-header,.separate-containers .site-main>*,.separate-containers .widget{margin-bottom:20px}.separate-containers .site-main{margin:20px}.separate-containers.no-sidebar .site-main{margin-left:0;margin-right:0}.separate-containers.both-right .site-main,.separate-containers.right-sidebar .site-main{margin-left:0}.separate-containers.both-left .site-main,.separate-containers.left-sidebar .site-main{margin-right:0}.separate-containers.both-left .inside-left-sidebar,.separate-containers.both-right .inside-left-sidebar{margin-right:10px}.separate-containers.both-left .inside-right-sidebar,.separate-containers.both-right .inside-right-sidebar{margin-left:10px}.separate-containers .inside-left-sidebar,.separate-containers .inside-right-sidebar{margin-top:20px;margin-bottom:20px}.inside-page-header{padding:40px}.widget-area .main-navigation{margin-bottom:20px}.one-container .site-main>:last-child,.separate-containers .site-main>:last-child{margin-bottom:0}.full-width-content .container.grid-container{max-width:100%}.full-width-content.no-sidebar.separate-containers .site-main{margin:0}.full-width-content.one-container .site-content,.full-width-content.separate-containers .inside-article{padding:0}.full-width-content .entry-content .alignwide{margin-left:0;width:auto;max-width:unset}.contained-content.one-container .site-content,.contained-content.separate-containers .inside-article{padding:0}.site-info{text-align:center;font-size:15px}.site-info{padding:20px 40px}.footer-widgets{padding:40px}.site-footer .footer-widgets-container .inner-padding{padding:0 0 0 40px}.site-footer .footer-widgets-container .inside-footer-widgets{margin-left:-40px}.footer-bar-active .footer-bar .widget{padding:0}.footer-bar .widget_nav_menu>div>ul{display:inline-block;vertical-align:top}.footer-bar .widget_nav_menu li{margin:0 10px;float:left;padding:0}.footer-bar .widget_nav_menu li:first-child{margin-left:0}.footer-bar .widget_nav_menu li:last-child{margin-right:0}.footer-bar .widget_nav_menu li ul{display:none}.footer-bar .textwidget p:last-child{margin:0}.footer-bar .widget-title{display:none}.footer-bar-align-right .copyright-bar{float:left}.footer-bar-align-right .footer-bar{float:right;text-align:right}.footer-bar-align-left .copyright-bar{float:right;text-align:right}.footer-bar-align-left .footer-bar{float:left;text-align:left}.footer-bar-align-center .copyright-bar{float:none;text-align:center}.footer-bar-align-center .footer-bar{float:none;text-align:center;margin-bottom:10px}.post-image:not(:first-child){margin-top:2em}.page-header-image,.page-header-image-single{line-height:0}.one-container .inside-article>[class*=page-header-],.separate-containers .inside-article>[class*=page-header-]{margin-bottom:2em;margin-top:0}.inside-article .page-header-image-single.page-header-below-title{margin-top:2em}.separate-containers .page-header-contained,.separate-containers .page-header-content,.separate-containers .page-header-content-single,.separate-containers .page-header-image,.separate-containers .page-header-image-single{margin-top:20px}.top-bar{font-weight:400;text-transform:none;font-size:13px}.top-bar .inside-top-bar .widget{padding:0;display:inline-block;margin:0}.top-bar .inside-top-bar .textwidget p:last-child{margin:0}.top-bar .widget-title{display:none}.top-bar .widget_nav_menu li{margin:0 10px;float:left;padding:0}.top-bar .widget_nav_menu li:first-child{margin-left:0}.top-bar .widget_nav_menu li:last-child{margin-right:0}.top-bar .widget_nav_menu li ul{display:none}.top-bar .widget_nav_menu>div>ul{display:inline-block;vertical-align:top}.inside-top-bar{padding:10px 40px}.top-bar-align-center{text-align:center}.top-bar-align-center .inside-top-bar .widget:not(:first-child){margin-left:10px}.top-bar-align-center .inside-top-bar .widget:first-child:last-child{display:block}.top-bar-align-right{text-align:right}.top-bar-align-right .inside-top-bar>.widget:nth-child(even){float:left;margin-right:10px}.top-bar-align-right .inside-top-bar>.widget:nth-child(odd){margin-left:10px}.top-bar-align-left .inside-top-bar>.widget:nth-child(odd){float:left;margin-right:10px}.top-bar-align-left .inside-top-bar>.widget:nth-child(even){margin-left:10px;float:right}.gp-icon{display:inline-flex;align-self:center}.gp-icon svg{height:1em;width:1em;top:.125em;position:relative;fill:currentColor}.close-search .icon-search svg:nth-child(1),.icon-menu-bars svg:nth-child(2),.icon-search svg:nth-child(2),.toggled .icon-menu-bars svg:nth-child(1){display:none}.close-search .icon-search svg:nth-child(2),.toggled .icon-menu-bars svg:nth-child(2){display:block}.entry-meta .gp-icon{margin-right:.6em;opacity:.7}nav.toggled .icon-arrow-left svg{transform:rotate(-90deg)}nav.toggled .icon-arrow-right svg{transform:rotate(90deg)}nav.toggled .sfHover>a>.dropdown-menu-toggle .gp-icon svg{transform:rotate(180deg)}nav.toggled .sfHover>a>.dropdown-menu-toggle .gp-icon.icon-arrow-left svg{transform:rotate(-270deg)}nav.toggled .sfHover>a>.dropdown-menu-toggle .gp-icon.icon-arrow-right svg{transform:rotate(270deg)}.container.grid-container{width:auto}.infinite-scroll .paging-navigation,.infinite-scroll.neverending .site-footer{display:none}.infinity-end.neverending .site-footer{display:block}.so-panel.widget{padding:0}#mc_embed_signup .clear{display:block;height:auto;visibility:visible;width:auto}.menu-toggle,.mobile-bar-items,.sidebar-nav-mobile{display:none}.menu-toggle{padding:0 20px;line-height:60px;margin:0;font-weight:400;text-transform:none;font-size:15px;cursor:pointer}button.menu-toggle{background-color:transparent;width:100%;border:0;text-align:center}button.menu-toggle:active,button.menu-toggle:focus,button.menu-toggle:hover{background-color:transparent}.menu-toggle .mobile-menu{padding-left:3px}.menu-toggle .gp-icon+.mobile-menu{padding-left:9px}.menu-toggle .mobile-menu:empty{display:none}.nav-search-enabled .main-navigation .menu-toggle{text-align:left}.mobile-bar-items{display:none;position:absolute;right:0;top:0;z-index:21;list-style-type:none}.mobile-bar-items a{display:inline-block}nav.toggled ul ul.sub-menu{width:100%}.dropdown-hover .main-navigation.toggled ul li.sfHover>ul,.dropdown-hover .main-navigation.toggled ul li:hover>ul{transition-delay:0s}.toggled .menu-item-has-children .dropdown-menu-toggle{padding-left:20px}.main-navigation.toggled ul ul{transition:0s;visibility:hidden}.main-navigation.toggled .main-nav>ul{display:block}.main-navigation.toggled .main-nav ul ul.toggled-on{position:relative;top:0;left:auto!important;right:auto!important;width:100%;pointer-events:auto;height:auto;opacity:1;display:block;visibility:visible;float:none}.main-navigation.toggled .main-nav li{float:none;clear:both;display:block;text-align:left}.main-navigation.toggled .main-nav li.hide-on-mobile{display:none!important}.main-navigation.toggled .menu-item-has-children .dropdown-menu-toggle{float:right}.main-navigation.toggled .menu li.search-item{display:none!important}.main-navigation.toggled .sf-menu>li.menu-item-float-right{float:none;display:inline-block}@media (max-width:768px){a,body,button,input,select,textarea{transition:all 0s ease-in-out}.top-bar.top-bar-align-left,.top-bar.top-bar-align-right{text-align:center}.top-bar .widget{float:none!important;margin:0 10px!important}.top-bar .widget_nav_menu li{float:none;display:inline-block;padding:5px 0}.footer-bar .widget_nav_menu li:first-child{margin-left:10px}.footer-bar .widget_nav_menu li:last-child{margin-right:10px}.inside-header>:not(:last-child):not(.main-navigation){margin-bottom:20px}.header-aligned-right .site-header,.site-header{text-align:center}.header-widget{float:none;max-width:100%;text-align:center}.content-area,.inside-footer-widgets>div,.sidebar{float:none;width:100%;left:0;right:0}.site-main{margin-left:0!important;margin-right:0!important}body:not(.no-sidebar) .site-main{margin-bottom:0!important}.one-container .sidebar{margin-top:40px}.separate-containers #left-sidebar+#right-sidebar .inside-right-sidebar{margin-top:0}.both-left.separate-containers .inside-left-sidebar,.both-left.separate-containers .inside-right-sidebar,.both-right.separate-containers .inside-left-sidebar,.both-right.separate-containers .inside-right-sidebar{margin-right:0;margin-left:0}.alignleft,.alignright{float:none;display:block;margin-left:auto;margin-right:auto}.post-image-aligned-left .post-image,.post-image-aligned-right .post-image{float:none;margin:2em 0;text-align:center}.comment .children{padding-left:10px;margin-left:0}.edd_download{display:block;float:none!important;margin-bottom:1.5em;width:100%!important}.entry-meta{font-size:inherit}.entry-meta a{line-height:1.8em}.site-info{text-align:center}.copyright-bar{float:none!important;text-align:center!important}.footer-bar{float:none!important;text-align:center!important;margin-bottom:20px}.footer-bar .widget_nav_menu li{float:none;display:inline-block;padding:5px 0}.inside-footer-widgets>div:not(:last-child){margin-bottom:40px}.site-footer .footer-widgets .footer-widgets-container .inside-footer-widgets{margin:0}.site-footer .footer-widgets .footer-widgets-container .inner-padding{padding:0}} \ No newline at end of file diff --git a/wp-content/themes/generatepress/assets/css/components/comments.css b/wp-content/themes/generatepress/assets/css/components/comments.css index 53441a71..56a56ac2 100644 --- a/wp-content/themes/generatepress/assets/css/components/comments.css +++ b/wp-content/themes/generatepress/assets/css/components/comments.css @@ -1,125 +1,129 @@ -.comment-content a { - word-wrap: break-word; -} - -.bypostauthor { - display: block; -} - -.comment, -.comment-list { - list-style-type: none; - padding: 0; - margin: 0; -} - -.comment-author-info { - display: inline-block; - vertical-align: middle; -} - -.comment-meta .avatar { - float: left; - margin-right: 10px; - border-radius: 50%; -} - -.comment-author cite { - font-style: normal; - font-weight: bold; -} - -.entry-meta.comment-metadata { - margin-top: 0; -} - -.comment-content { - margin-top: 1.5em; -} - -.comment-respond { - margin-top: 0; -} - -.comment-form > .form-submit { - margin-bottom: 0; -} - -.comment-form input, -.comment-form-comment { - margin-bottom: 10px; -} - -.comment-form #author, -.comment-form #email, -.comment-form #url { - display: block; -} - -.comment-metadata .edit-link:before { - display: none; -} - -.comment-body { - padding: 30px 0; -} - -.comment-content { - padding: 30px; - border: 1px solid rgba(0, 0, 0, 0.05); -} - -.depth-1.parent > .children { - border-bottom: 1px solid rgba(0, 0, 0, 0.05); -} - -.comment .children { - padding-left: 30px; - margin-top: -30px; - border-left: 1px solid rgba(0, 0, 0, 0.05); -} - -.pingback .comment-body, -.trackback .comment-body { - border-bottom: 1px solid rgba(0, 0, 0, 0.05); -} - -.pingback .edit-link { - font-size: 13px; -} - -.comment-content p:last-child { - margin-bottom: 0; -} - -.comment-list > .comment:first-child { - padding-top: 0; - margin-top: 0; - border-top: 0; -} - -ol.comment-list { - margin-bottom: 1.5em; -} - -.comment-form-cookies-consent { - display: flex; - align-items: center; -} - -.comment-form-cookies-consent input { - margin-right: 0.5em; - margin-bottom: 0; -} - -.one-container .comments-area { - margin-top: 1.5em; -} - -.comment-content .reply { - font-size: 85%; -} - -#cancel-comment-reply-link { - padding-left: 10px; -} +.comment-content a { + word-wrap: break-word; +} + +.bypostauthor { + display: block; +} + +.comment, +.comment-list { + list-style-type: none; + padding: 0; + margin: 0; +} + +.comment-author-info { + display: inline-block; + vertical-align: middle; +} + +.comment-meta .avatar { + float: left; + margin-right: 10px; + border-radius: 50%; +} + +.comment-author cite { + font-style: normal; + font-weight: bold; +} + +.entry-meta.comment-metadata { + margin-top: 0; +} + +.comment-content { + margin-top: 1.5em; +} + +.comment-respond { + margin-top: 0; +} + +.comment-form > .form-submit { + margin-bottom: 0; +} + +.comment-form input, +.comment-form-comment { + margin-bottom: 10px; +} + +.comment-form-comment textarea { + resize: vertical; +} + +.comment-form #author, +.comment-form #email, +.comment-form #url { + display: block; +} + +.comment-metadata .edit-link:before { + display: none; +} + +.comment-body { + padding: 30px 0; +} + +.comment-content { + padding: 30px; + border: 1px solid rgba(0, 0, 0, 0.05); +} + +.depth-1.parent > .children { + border-bottom: 1px solid rgba(0, 0, 0, 0.05); +} + +.comment .children { + padding-left: 30px; + margin-top: -30px; + border-left: 1px solid rgba(0, 0, 0, 0.05); +} + +.pingback .comment-body, +.trackback .comment-body { + border-bottom: 1px solid rgba(0, 0, 0, 0.05); +} + +.pingback .edit-link { + font-size: 13px; +} + +.comment-content p:last-child { + margin-bottom: 0; +} + +.comment-list > .comment:first-child { + padding-top: 0; + margin-top: 0; + border-top: 0; +} + +ol.comment-list { + margin-bottom: 1.5em; +} + +.comment-form-cookies-consent { + display: flex; + align-items: center; +} + +.comment-form-cookies-consent input { + margin-right: 0.5em; + margin-bottom: 0; +} + +.one-container .comments-area { + margin-top: 1.5em; +} + +.comment-content .reply { + font-size: 85%; +} + +#cancel-comment-reply-link { + padding-left: 10px; +} diff --git a/wp-content/themes/generatepress/assets/css/components/comments.min.css b/wp-content/themes/generatepress/assets/css/components/comments.min.css index 6431e12d..17a40bac 100644 --- a/wp-content/themes/generatepress/assets/css/components/comments.min.css +++ b/wp-content/themes/generatepress/assets/css/components/comments.min.css @@ -1 +1 @@ -.comment-content a{word-wrap:break-word}.bypostauthor{display:block}.comment,.comment-list{list-style-type:none;padding:0;margin:0}.comment-author-info{display:inline-block;vertical-align:middle}.comment-meta .avatar{float:left;margin-right:10px;border-radius:50%}.comment-author cite{font-style:normal;font-weight:700}.entry-meta.comment-metadata{margin-top:0}.comment-content{margin-top:1.5em}.comment-respond{margin-top:0}.comment-form>.form-submit{margin-bottom:0}.comment-form input,.comment-form-comment{margin-bottom:10px}.comment-form #author,.comment-form #email,.comment-form #url{display:block}.comment-metadata .edit-link:before{display:none}.comment-body{padding:30px 0}.comment-content{padding:30px;border:1px solid rgba(0,0,0,.05)}.depth-1.parent>.children{border-bottom:1px solid rgba(0,0,0,.05)}.comment .children{padding-left:30px;margin-top:-30px;border-left:1px solid rgba(0,0,0,.05)}.pingback .comment-body,.trackback .comment-body{border-bottom:1px solid rgba(0,0,0,.05)}.pingback .edit-link{font-size:13px}.comment-content p:last-child{margin-bottom:0}.comment-list>.comment:first-child{padding-top:0;margin-top:0;border-top:0}ol.comment-list{margin-bottom:1.5em}.comment-form-cookies-consent{display:flex;align-items:center}.comment-form-cookies-consent input{margin-right:.5em;margin-bottom:0}.one-container .comments-area{margin-top:1.5em}.comment-content .reply{font-size:85%}#cancel-comment-reply-link{padding-left:10px} \ No newline at end of file +.comment-content a{word-wrap:break-word}.bypostauthor{display:block}.comment,.comment-list{list-style-type:none;padding:0;margin:0}.comment-author-info{display:inline-block;vertical-align:middle}.comment-meta .avatar{float:left;margin-right:10px;border-radius:50%}.comment-author cite{font-style:normal;font-weight:700}.entry-meta.comment-metadata{margin-top:0}.comment-content{margin-top:1.5em}.comment-respond{margin-top:0}.comment-form>.form-submit{margin-bottom:0}.comment-form input,.comment-form-comment{margin-bottom:10px}.comment-form-comment textarea{resize:vertical}.comment-form #author,.comment-form #email,.comment-form #url{display:block}.comment-metadata .edit-link:before{display:none}.comment-body{padding:30px 0}.comment-content{padding:30px;border:1px solid rgba(0,0,0,.05)}.depth-1.parent>.children{border-bottom:1px solid rgba(0,0,0,.05)}.comment .children{padding-left:30px;margin-top:-30px;border-left:1px solid rgba(0,0,0,.05)}.pingback .comment-body,.trackback .comment-body{border-bottom:1px solid rgba(0,0,0,.05)}.pingback .edit-link{font-size:13px}.comment-content p:last-child{margin-bottom:0}.comment-list>.comment:first-child{padding-top:0;margin-top:0;border-top:0}ol.comment-list{margin-bottom:1.5em}.comment-form-cookies-consent{display:flex;align-items:center}.comment-form-cookies-consent input{margin-right:.5em;margin-bottom:0}.one-container .comments-area{margin-top:1.5em}.comment-content .reply{font-size:85%}#cancel-comment-reply-link{padding-left:10px} \ No newline at end of file diff --git a/wp-content/themes/generatepress/assets/css/components/font-icons.css b/wp-content/themes/generatepress/assets/css/components/font-icons.css index e8e00474..b876888b 100644 --- a/wp-content/themes/generatepress/assets/css/components/font-icons.css +++ b/wp-content/themes/generatepress/assets/css/components/font-icons.css @@ -1,162 +1,174 @@ -@font-face { - font-family: "GeneratePress"; - src: url("../../fonts/generatepress.eot"); - src: url("../../fonts/generatepress.eot#iefix") format("embedded-opentype"), url("../../fonts/generatepress.woff2") format("woff2"), url("../../fonts/generatepress.woff") format("woff"), url("../../fonts/generatepress.ttf") format("truetype"), url("../../fonts/generatepress.svg#GeneratePress") format("svg"); - font-weight: normal; - font-style: normal; -} - -.menu-toggle:before, -.search-item a:before, -.dropdown-menu-toggle:before, -.cat-links:before, -.tags-links:before, -.comments-link:before, -.nav-previous .prev:before, -.nav-next .next:before, -.generate-back-to-top:before { - -moz-osx-font-smoothing: grayscale; - -webkit-font-smoothing: antialiased; - font-style: normal; - font-variant: normal; - text-rendering: auto; - line-height: 1; -} - -.cat-links:before, -.tags-links:before, -.comments-link:before, -.nav-previous .prev:before, -.nav-next .next:before { - opacity: 0.7; -} - -/*-------------------------------------------------------------- -# Mobile Menu ---------------------------------------------------------------*/ -.menu-toggle:before { - content: "\f0c9"; - font-family: GeneratePress; - width: 1.28571429em; - text-align: center; - display: inline-block; -} - -.toggled .menu-toggle:before { - content: "\f00d"; -} - -.main-navigation.toggled .sfHover > a .dropdown-menu-toggle:before { - content: "\f106"; -} - -/*-------------------------------------------------------------- -# Navigation Search ---------------------------------------------------------------*/ -.search-item a:before { - content: "\f002"; - font-family: GeneratePress; - width: 1.28571429em; - text-align: center; - display: inline-block; -} - -.search-item.close-search a:before { - content: "\f00d"; -} - -.widget .search-form button:before { - content: "\f002"; - font-family: GeneratePress; -} - -/*-------------------------------------------------------------- -# Navigation Dropdowns ---------------------------------------------------------------*/ -.dropdown-menu-toggle:before { - content: "\f107"; - font-family: GeneratePress; - display: inline-block; - width: 0.8em; - text-align: left; -} - -nav:not(.toggled) ul ul .dropdown-menu-toggle:before { - text-align: right; -} - -.dropdown-hover .sub-menu-left:not(.toggled) ul ul .dropdown-menu-toggle:before { - transform: rotate(180deg); -} - -.dropdown-click .menu-item-has-children.sfHover > a .dropdown-menu-toggle:before { - content: "\f106"; -} - -.dropdown-hover nav:not(.toggled) ul ul .dropdown-menu-toggle:before { - content: "\f105"; -} - -/*-------------------------------------------------------------- -# Post Content ---------------------------------------------------------------*/ -.entry-header .cat-links:before, -.entry-header .tags-links:before, -.entry-header .comments-link:before { - display: none; -} - -.cat-links:before, -.tags-links:before, -.comments-link:before, -.nav-previous .prev:before, -.nav-next .next:before { - font-family: GeneratePress; - text-decoration: inherit; - position: relative; - margin-right: 0.6em; - width: 13px; - text-align: center; - display: inline-block; -} - -.cat-links:before { - content: "\f07b"; -} - -.tags-links:before { - content: "\f02c"; -} - -.comments-link:before { - content: "\f086"; -} - -.nav-previous .prev:before { - content: "\f104"; -} - -.nav-next .next:before { - content: "\f105"; -} - -/*-------------------------------------------------------------- -# Sidebar Navigation ---------------------------------------------------------------*/ -.dropdown-hover.both-right .inside-left-sidebar .dropdown-menu-toggle:before, -.dropdown-hover .inside-right-sidebar .dropdown-menu-toggle:before { - content: "\f104"; -} - -.dropdown-hover.both-left .inside-right-sidebar .dropdown-menu-toggle:before, -.dropdown-hover .inside-left-sidebar .dropdown-menu-toggle:before { - content: "\f105"; -} - -/*-------------------------------------------------------------- -# Back to Top Button ---------------------------------------------------------------*/ -.generate-back-to-top:before { - content: "\f106"; - font-family: GeneratePress; -} +@font-face { + font-family: "GeneratePress"; + src: url("../../fonts/generatepress.eot"); + src: url("../../fonts/generatepress.eot#iefix") format("embedded-opentype"), url("../../fonts/generatepress.woff2") format("woff2"), url("../../fonts/generatepress.woff") format("woff"), url("../../fonts/generatepress.ttf") format("truetype"), url("../../fonts/generatepress.svg#GeneratePress") format("svg"); + font-weight: normal; + font-style: normal; +} + +.menu-toggle:before, +.search-item a:before, +.dropdown-menu-toggle:before, +.cat-links:before, +.tags-links:before, +.comments-link:before, +.nav-previous .prev:before, +.nav-next .next:before, +.generate-back-to-top:before, +.search-form .search-submit:before { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-style: normal; + font-variant: normal; + text-rendering: auto; + line-height: 1; +} + +.cat-links:before, +.tags-links:before, +.comments-link:before, +.nav-previous .prev:before, +.nav-next .next:before { + opacity: 0.7; +} + +/*-------------------------------------------------------------- +# Mobile Menu +--------------------------------------------------------------*/ +.menu-toggle:before { + content: "\f0c9"; + font-family: GeneratePress; + width: 1.28571429em; + text-align: center; + display: inline-block; +} + +.toggled .menu-toggle:before { + content: "\f00d"; +} + +.main-navigation.toggled .sfHover > a .dropdown-menu-toggle:before { + content: "\f106"; +} + +/*-------------------------------------------------------------- +# Navigation Search +--------------------------------------------------------------*/ +.search-item a:before { + content: "\f002"; + font-family: GeneratePress; + width: 1.28571429em; + text-align: center; + display: inline-block; +} + +.search-item.close-search a:before { + content: "\f00d"; +} + +.widget .search-form button:before { + content: "\f002"; + font-family: GeneratePress; +} + +/*-------------------------------------------------------------- +# Navigation Dropdowns +--------------------------------------------------------------*/ +.dropdown-menu-toggle:before { + content: "\f107"; + font-family: GeneratePress; + display: inline-block; + width: 0.8em; + text-align: left; +} + +nav:not(.toggled) ul ul .dropdown-menu-toggle:before { + text-align: right; +} + +.dropdown-hover .sub-menu-left:not(.toggled) ul ul .dropdown-menu-toggle:before { + transform: rotate(180deg); +} + +.dropdown-click .menu-item-has-children.sfHover > a .dropdown-menu-toggle:before { + content: "\f106"; +} + +.dropdown-hover nav:not(.toggled) ul ul .dropdown-menu-toggle:before { + content: "\f105"; +} + +/*-------------------------------------------------------------- +# Post Content +--------------------------------------------------------------*/ +.entry-header .cat-links:before, +.entry-header .tags-links:before, +.entry-header .comments-link:before { + display: none; +} + +.cat-links:before, +.tags-links:before, +.comments-link:before, +.nav-previous .prev:before, +.nav-next .next:before { + font-family: GeneratePress; + text-decoration: inherit; + position: relative; + margin-right: 0.6em; + width: 13px; + text-align: center; + display: inline-block; +} + +.cat-links:before { + content: "\f07b"; +} + +.tags-links:before { + content: "\f02c"; +} + +.comments-link:before { + content: "\f086"; +} + +.nav-previous .prev:before { + content: "\f104"; +} + +.nav-next .next:before { + content: "\f105"; +} + +/*-------------------------------------------------------------- +# Sidebar Navigation +--------------------------------------------------------------*/ +.dropdown-hover.both-right .inside-left-sidebar .dropdown-menu-toggle:before, +.dropdown-hover .inside-right-sidebar .dropdown-menu-toggle:before { + content: "\f104"; +} + +.dropdown-hover.both-left .inside-right-sidebar .dropdown-menu-toggle:before, +.dropdown-hover .inside-left-sidebar .dropdown-menu-toggle:before { + content: "\f105"; +} + +/*-------------------------------------------------------------- +# Back to Top Button +--------------------------------------------------------------*/ +.generate-back-to-top:before { + content: "\f106"; + font-family: GeneratePress; +} + +/*-------------------------------------------------------------- +# Search button +--------------------------------------------------------------*/ +.search-form .search-submit:before { + content: "\f002"; + font-family: GeneratePress; + width: 1.28571429em; + text-align: center; + display: inline-block; +} diff --git a/wp-content/themes/generatepress/assets/css/components/font-icons.min.css b/wp-content/themes/generatepress/assets/css/components/font-icons.min.css index 2749cbb3..77f0dd6d 100644 --- a/wp-content/themes/generatepress/assets/css/components/font-icons.min.css +++ b/wp-content/themes/generatepress/assets/css/components/font-icons.min.css @@ -1 +1 @@ -@font-face{font-family:GeneratePress;src:url(../../fonts/generatepress.eot);src:url(../../fonts/generatepress.eot#iefix) format("embedded-opentype"),url(../../fonts/generatepress.woff2) format("woff2"),url(../../fonts/generatepress.woff) format("woff"),url(../../fonts/generatepress.ttf) format("truetype"),url(../../fonts/generatepress.svg#GeneratePress) format("svg");font-weight:400;font-style:normal}.cat-links:before,.comments-link:before,.dropdown-menu-toggle:before,.generate-back-to-top:before,.menu-toggle:before,.nav-next .next:before,.nav-previous .prev:before,.search-item a:before,.tags-links:before{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1}.cat-links:before,.comments-link:before,.nav-next .next:before,.nav-previous .prev:before,.tags-links:before{opacity:.7}.menu-toggle:before{content:"\f0c9";font-family:GeneratePress;width:1.28571429em;text-align:center;display:inline-block}.toggled .menu-toggle:before{content:"\f00d"}.main-navigation.toggled .sfHover>a .dropdown-menu-toggle:before{content:"\f106"}.search-item a:before{content:"\f002";font-family:GeneratePress;width:1.28571429em;text-align:center;display:inline-block}.search-item.close-search a:before{content:"\f00d"}.widget .search-form button:before{content:"\f002";font-family:GeneratePress}.dropdown-menu-toggle:before{content:"\f107";font-family:GeneratePress;display:inline-block;width:.8em;text-align:left}nav:not(.toggled) ul ul .dropdown-menu-toggle:before{text-align:right}.dropdown-hover .sub-menu-left:not(.toggled) ul ul .dropdown-menu-toggle:before{transform:rotate(180deg)}.dropdown-click .menu-item-has-children.sfHover>a .dropdown-menu-toggle:before{content:"\f106"}.dropdown-hover nav:not(.toggled) ul ul .dropdown-menu-toggle:before{content:"\f105"}.entry-header .cat-links:before,.entry-header .comments-link:before,.entry-header .tags-links:before{display:none}.cat-links:before,.comments-link:before,.nav-next .next:before,.nav-previous .prev:before,.tags-links:before{font-family:GeneratePress;text-decoration:inherit;position:relative;margin-right:.6em;width:13px;text-align:center;display:inline-block}.cat-links:before{content:"\f07b"}.tags-links:before{content:"\f02c"}.comments-link:before{content:"\f086"}.nav-previous .prev:before{content:"\f104"}.nav-next .next:before{content:"\f105"}.dropdown-hover .inside-right-sidebar .dropdown-menu-toggle:before,.dropdown-hover.both-right .inside-left-sidebar .dropdown-menu-toggle:before{content:"\f104"}.dropdown-hover .inside-left-sidebar .dropdown-menu-toggle:before,.dropdown-hover.both-left .inside-right-sidebar .dropdown-menu-toggle:before{content:"\f105"}.generate-back-to-top:before{content:"\f106";font-family:GeneratePress} \ No newline at end of file +@font-face{font-family:GeneratePress;src:url("../../fonts/generatepress.eot");src:url("../../fonts/generatepress.eot#iefix") format("embedded-opentype"),url("../../fonts/generatepress.woff2") format("woff2"),url("../../fonts/generatepress.woff") format("woff"),url("../../fonts/generatepress.ttf") format("truetype"),url("../../fonts/generatepress.svg#GeneratePress") format("svg");font-weight:400;font-style:normal}.cat-links:before,.comments-link:before,.dropdown-menu-toggle:before,.generate-back-to-top:before,.menu-toggle:before,.nav-next .next:before,.nav-previous .prev:before,.search-form .search-submit:before,.search-item a:before,.tags-links:before{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1}.cat-links:before,.comments-link:before,.nav-next .next:before,.nav-previous .prev:before,.tags-links:before{opacity:.7}.menu-toggle:before{content:"\f0c9";font-family:GeneratePress;width:1.28571429em;text-align:center;display:inline-block}.toggled .menu-toggle:before{content:"\f00d"}.main-navigation.toggled .sfHover>a .dropdown-menu-toggle:before{content:"\f106"}.search-item a:before{content:"\f002";font-family:GeneratePress;width:1.28571429em;text-align:center;display:inline-block}.search-item.close-search a:before{content:"\f00d"}.widget .search-form button:before{content:"\f002";font-family:GeneratePress}.dropdown-menu-toggle:before{content:"\f107";font-family:GeneratePress;display:inline-block;width:.8em;text-align:left}nav:not(.toggled) ul ul .dropdown-menu-toggle:before{text-align:right}.dropdown-hover .sub-menu-left:not(.toggled) ul ul .dropdown-menu-toggle:before{transform:rotate(180deg)}.dropdown-click .menu-item-has-children.sfHover>a .dropdown-menu-toggle:before{content:"\f106"}.dropdown-hover nav:not(.toggled) ul ul .dropdown-menu-toggle:before{content:"\f105"}.entry-header .cat-links:before,.entry-header .comments-link:before,.entry-header .tags-links:before{display:none}.cat-links:before,.comments-link:before,.nav-next .next:before,.nav-previous .prev:before,.tags-links:before{font-family:GeneratePress;text-decoration:inherit;position:relative;margin-right:.6em;width:13px;text-align:center;display:inline-block}.cat-links:before{content:"\f07b"}.tags-links:before{content:"\f02c"}.comments-link:before{content:"\f086"}.nav-previous .prev:before{content:"\f104"}.nav-next .next:before{content:"\f105"}.dropdown-hover .inside-right-sidebar .dropdown-menu-toggle:before,.dropdown-hover.both-right .inside-left-sidebar .dropdown-menu-toggle:before{content:"\f104"}.dropdown-hover .inside-left-sidebar .dropdown-menu-toggle:before,.dropdown-hover.both-left .inside-right-sidebar .dropdown-menu-toggle:before{content:"\f105"}.generate-back-to-top:before{content:"\f106";font-family:GeneratePress}.search-form .search-submit:before{content:"\f002";font-family:GeneratePress;width:1.28571429em;text-align:center;display:inline-block} \ No newline at end of file diff --git a/wp-content/themes/generatepress/assets/css/main.css b/wp-content/themes/generatepress/assets/css/main.css index c9978ceb..44cf2be0 100644 --- a/wp-content/themes/generatepress/assets/css/main.css +++ b/wp-content/themes/generatepress/assets/css/main.css @@ -1,1638 +1,1652 @@ -/*-------------------------------------------------------------- ->>> TABLE OF CONTENTS: ----------------------------------------------------------------- -# Reset -# Elements -# Forms -# Links -# Alignments -# Accessibility -# Navigation - # Dropdown Menus - # Sidebar Navigation -# Post Navigation -# Header -# Post Content -# Widgets -# Content Layout -# Sidebars -# Footer -# Featured Images -# Icons -# Compatibility -# Mobile ---------------------------------------------------------------*/ -/*-------------------------------------------------------------- -# Reset ---------------------------------------------------------------*/ -html, -body, -p, -ol, -ul, -li, -dl, -dt, -dd, -blockquote, -figure, -fieldset, -legend, -textarea, -pre, -iframe, -hr, -h1, -h2, -h3, -h4, -h5, -h6 { - margin: 0; - padding: 0; - border: 0; -} - -html { - font-family: sans-serif; - -webkit-text-size-adjust: 100%; - -ms-text-size-adjust: 100%; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} - -/** - * Render the `main` element consistently in IE. - */ -main { - display: block; -} - -/** - * Add the correct vertical alignment in Chrome, Firefox, and Opera. - */ -progress { - vertical-align: baseline; -} - -/* Inherit box-sizing to more easily change it's value on a component level. -@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */ -html { - box-sizing: border-box; -} - -*, -*::before, -*::after { - box-sizing: inherit; -} - -/** - * 1. Change the font styles in all browsers. - * 2. Remove the margin in Firefox and Safari. -*/ -button, -input, -optgroup, -select, -textarea { - font-family: inherit; - font-size: 100%; - margin: 0; -} - -/** - * 1. Correct the odd appearance in Chrome and Safari. - * 2. Correct the outline style in Safari. - */ -[type="search"] { - -webkit-appearance: textfield; - outline-offset: -2px; -} - -/** - * Remove the inner padding in Chrome and Safari on macOS. - */ -[type="search"]::-webkit-search-decoration { - -webkit-appearance: none; -} - -/** - * Remove the inner border and padding in Firefox. - */ -::-moz-focus-inner { - border-style: none; - padding: 0; -} - -/** - * Restore the focus styles unset by the previous rule. - */ -:-moz-focusring { - outline: 1px dotted ButtonText; -} - -/*-------------------------------------------------------------- -# Elements ---------------------------------------------------------------*/ -body, -button, -input, -select, -textarea { - font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - font-weight: normal; - text-transform: none; - font-size: 17px; - line-height: 1.5; -} - -p { - margin-bottom: 1.5em; -} - -h1, -h2, -h3, -h4, -h5, -h6 { - font-family: inherit; - font-size: 100%; - font-style: inherit; - font-weight: inherit; -} - -pre { - background: rgba(0, 0, 0, 0.05); - font-family: inherit; - font-size: inherit; - line-height: normal; - margin-bottom: 1.5em; - padding: 20px; - overflow: auto; - max-width: 100%; -} - -blockquote { - border-left: 5px solid rgba(0, 0, 0, 0.05); - padding: 20px; - font-size: 1.2em; - font-style: italic; - margin: 0 0 1.5em; - position: relative; -} - -blockquote p:last-child { - margin: 0; -} - -table, -th, -td { - border: 1px solid rgba(0, 0, 0, 0.1); -} - -table { - border-collapse: separate; - border-spacing: 0; - border-width: 1px 0 0 1px; - margin: 0 0 1.5em; - width: 100%; -} - -th, -td { - padding: 8px; -} - -th { - border-width: 0 1px 1px 0; -} - -td { - border-width: 0 1px 1px 0; -} - -hr { - background-color: rgba(0, 0, 0, 0.1); - border: 0; - height: 1px; - margin-bottom: 40px; - margin-top: 40px; -} - -fieldset { - padding: 0; - border: 0; - min-width: inherit; -} - -fieldset legend { - padding: 0; - margin-bottom: 1.5em; -} - -h1 { - font-size: 42px; - margin-bottom: 20px; - line-height: 1.2em; - font-weight: normal; - text-transform: none; -} - -h2 { - font-size: 35px; - margin-bottom: 20px; - line-height: 1.2em; - font-weight: normal; - text-transform: none; -} - -h3 { - font-size: 29px; - margin-bottom: 20px; - line-height: 1.2em; - font-weight: normal; - text-transform: none; -} - -h4 { - font-size: 24px; -} - -h5 { - font-size: 20px; -} - -h4, -h5, -h6 { - margin-bottom: 20px; -} - -ul, -ol { - margin: 0 0 1.5em 3em; -} - -ul { - list-style: disc; -} - -ol { - list-style: decimal; -} - -li > ul, -li > ol { - margin-bottom: 0; - margin-left: 1.5em; -} - -dt { - font-weight: bold; -} - -dd { - margin: 0 1.5em 1.5em; -} - -b, -strong { - font-weight: bold; -} - -dfn, -cite, -em, -i { - font-style: italic; -} - -address { - margin: 0 0 1.5em; -} - -code, -kbd, -tt, -var { - font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; -} - -abbr, -acronym { - border-bottom: 1px dotted #666; - cursor: help; -} - -mark, -ins { - text-decoration: none; -} - -sup, -sub { - font-size: 75%; - height: 0; - line-height: 0; - position: relative; - vertical-align: baseline; -} - -sup { - bottom: 1ex; -} - -sub { - top: .5ex; -} - -small { - font-size: 75%; -} - -big { - font-size: 125%; -} - -figure { - margin: 0; -} - -table { - margin: 0 0 1.5em; - width: 100%; -} - -th { - font-weight: bold; -} - -img { - height: auto; - /* Make sure images are scaled correctly. */ - max-width: 100%; - /* Adhere to container width. */ -} - -/*-------------------------------------------------------------- -# Forms ---------------------------------------------------------------*/ -button, -input[type="button"], -input[type="reset"], -input[type="submit"] { - background: #55555e; - color: #fff; - border: 1px solid transparent; - cursor: pointer; - -webkit-appearance: button; - /* Corrects inability to style clickable 'input' types in iOS */ - padding: 10px 20px; -} - -input[type="text"], -input[type="email"], -input[type="url"], -input[type="password"], -input[type="search"], -input[type="tel"], -input[type="number"], -textarea, -select { - border: 1px solid; - border-radius: 0; - padding: 10px 15px; - max-width: 100%; -} - -textarea { - width: 100%; -} - -/*-------------------------------------------------------------- -# Links ---------------------------------------------------------------*/ -a, -button, -input { - transition: color 0.1s ease-in-out, background-color 0.1s ease-in-out; -} - -a, -a:visited, -a:hover, -a:focus { - text-decoration: none; -} - -.button, -.wp-block-button .wp-block-button__link { - padding: 10px 20px; - display: inline-block; -} - -.wp-block-button .wp-block-button__link { - font-size: inherit; - line-height: inherit; -} - -.using-mouse :focus { - outline: 0; -} - -.using-mouse ::-moz-focus-inner { - border: 0; -} - -/*-------------------------------------------------------------- -# Alignments ---------------------------------------------------------------*/ -.alignleft { - float: left; - margin-right: 1.5em; -} - -.alignright { - float: right; - margin-left: 1.5em; -} - -.aligncenter { - clear: both; - display: block; - margin: 0 auto; -} - -.size-auto, -.size-full, -.size-large, -.size-medium, -.size-thumbnail { - max-width: 100%; - height: auto; -} - -.no-sidebar .entry-content .alignfull { - margin-left: calc( -100vw / 2 + 100% / 2); - margin-right: calc( -100vw / 2 + 100% / 2); - max-width: 100vw; - width: auto; -} - -/*-------------------------------------------------------------- -# Accessibility ---------------------------------------------------------------*/ -.screen-reader-text { - border: 0; - clip: rect(1px, 1px, 1px, 1px); - -webkit-clip-path: inset(50%); - clip-path: inset(50%); - height: 1px; - margin: -1px; - overflow: hidden; - padding: 0; - position: absolute !important; - width: 1px; - word-wrap: normal !important; -} - -.screen-reader-text:focus { - background-color: #f1f1f1; - border-radius: 3px; - box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); - clip: auto !important; - -webkit-clip-path: none; - clip-path: none; - color: #21759b; - display: block; - font-size: 0.875rem; - font-weight: 700; - height: auto; - left: 5px; - line-height: normal; - padding: 15px 23px 14px; - text-decoration: none; - top: 5px; - width: auto; - z-index: 100000; -} - -/* Do not show the outline on the skip link target. */ -#primary[tabindex="-1"]:focus { - outline: 0; -} - -/*-------------------------------------------------------------- -# Navigation ---------------------------------------------------------------*/ -.main-navigation { - z-index: 100; - padding: 0; - clear: both; - display: block; -} - -.main-navigation a { - display: block; - text-decoration: none; - font-weight: normal; - text-transform: none; - font-size: 15px; -} - -.main-navigation ul { - list-style: none; - margin: 0; - padding-left: 0; -} - -.main-navigation .main-nav ul li a { - padding-left: 20px; - padding-right: 20px; - line-height: 60px; -} - -.inside-navigation { - position: relative; -} - -.main-navigation .inside-navigation { - display: flex; - align-items: center; - flex-wrap: wrap; - justify-content: space-between; -} - -.main-navigation .main-nav > ul { - display: flex; - flex-wrap: wrap; - align-items: center; -} - -.main-navigation li { - position: relative; -} - -.main-navigation .menu-bar-items { - display: flex; - align-items: center; - font-size: 15px; -} - -.main-navigation .menu-bar-items a { - color: inherit; -} - -.main-navigation .menu-bar-item { - position: relative; -} - -.main-navigation .menu-bar-item.search-item { - z-index: 20; -} - -.main-navigation .menu-bar-item > a { - padding-left: 20px; - padding-right: 20px; - line-height: 60px; -} - -.sidebar .main-navigation .main-nav { - flex-basis: 100%; -} - -.sidebar .main-navigation .main-nav > ul { - flex-direction: column; -} - -.sidebar .main-navigation .menu-bar-items { - margin: 0 auto; -} - -.sidebar .main-navigation .menu-bar-items .search-item { - order: 10; -} - -.nav-align-center .inside-navigation { - justify-content: center; -} - -.nav-align-center .main-nav > ul { - justify-content: center; -} - -.nav-align-right .inside-navigation { - justify-content: flex-end; -} - -/*-------------------------------------------------------------- -## Dropdown Menus ---------------------------------------------------------------*/ -.main-navigation ul ul { - display: block; - box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1); - float: left; - position: absolute; - left: -99999px; - opacity: 0; - z-index: 99999; - width: 200px; - text-align: left; - top: auto; - transition: opacity 80ms linear; - transition-delay: 0s; - pointer-events: none; - height: 0; - overflow: hidden; -} - -.main-navigation ul ul a { - display: block; -} - -.main-navigation ul ul li { - width: 100%; -} - -.main-navigation .main-nav ul ul li a { - line-height: normal; - padding: 10px 20px; - font-size: 14px; -} - -.main-navigation .main-nav ul li.menu-item-has-children > a { - padding-right: 0; - position: relative; -} - -.main-navigation.sub-menu-left .sub-menu { - right: 0; -} - -.main-navigation:not(.toggled) ul li:hover > ul, -.main-navigation:not(.toggled) ul li.sfHover > ul { - left: auto; - opacity: 1; - transition-delay: 150ms; - pointer-events: auto; - height: auto; - overflow: visible; -} - -.main-navigation:not(.toggled) ul ul li:hover > ul, -.main-navigation:not(.toggled) ul ul li.sfHover > ul { - left: 100%; - top: 0; -} - -.main-navigation.sub-menu-left:not(.toggled) ul ul li:hover > ul, -.main-navigation.sub-menu-left:not(.toggled) ul ul li.sfHover > ul { - right: 100%; - left: auto; -} - -.nav-float-right .main-navigation ul ul ul { - top: 0; -} - -.menu-item-has-children .dropdown-menu-toggle { - display: inline-block; - height: 100%; - clear: both; - padding-right: 20px; - padding-left: 10px; -} - -.menu-item-has-children ul .dropdown-menu-toggle { - padding-top: 10px; - padding-bottom: 10px; - margin-top: -10px; -} - -nav ul ul .menu-item-has-children .dropdown-menu-toggle, -.sidebar .menu-item-has-children .dropdown-menu-toggle { - float: right; -} - -/*-------------------------------------------------------------- -## Sidebar Navigation ---------------------------------------------------------------*/ -.widget-area .main-navigation li { - float: none; - display: block; - width: 100%; - padding: 0; - margin: 0; -} - -.sidebar .main-navigation.sub-menu-right ul li:hover ul, -.sidebar .main-navigation.sub-menu-right ul li.sfHover ul { - top: 0; - left: 100%; -} - -.sidebar .main-navigation.sub-menu-left ul li:hover ul, -.sidebar .main-navigation.sub-menu-left ul li.sfHover ul { - top: 0; - right: 100%; -} - -/*-------------------------------------------------------------- -# Post Navigation ---------------------------------------------------------------*/ -.site-main .comment-navigation, -.site-main .posts-navigation, -.site-main .post-navigation { - margin: 0 0 2em; - overflow: hidden; -} - -.site-main .post-navigation { - margin-bottom: 0; -} - -.paging-navigation .nav-previous, -.paging-navigation .nav-next { - display: none; -} - -.paging-navigation .nav-links > * { - padding: 0 5px; -} - -.paging-navigation .nav-links .current { - font-weight: bold; -} - -/* Less specific so we don't overwrite existing customizations. */ -.nav-links > *:first-child { - padding-left: 0; -} - -/*-------------------------------------------------------------- -# Header ---------------------------------------------------------------*/ -.site-header { - position: relative; -} - -.inside-header { - padding: 20px 40px; -} - -.main-title { - margin: 0; - font-size: 25px; - line-height: 1.2em; - word-wrap: break-word; - font-weight: bold; - text-transform: none; -} - -.site-description { - margin: 0; - line-height: 1.5; - font-weight: normal; - text-transform: none; - font-size: 15px; -} - -.site-logo { - display: inline-block; - max-width: 100%; -} - -.site-header .header-image { - vertical-align: middle; -} - -.inside-header { - display: flex; - align-items: center; -} - -.header-widget { - margin-left: auto; -} - -.header-widget p:last-child { - margin-bottom: 0; -} - -.nav-float-right .header-widget { - margin-left: 20px; -} - -.nav-float-right #site-navigation { - margin-left: auto; -} - -.nav-float-left #site-navigation { - margin-right: auto; - order: -10; -} - -.nav-float-left .header-widget { - margin-left: 0; - margin-right: 20px; - order: -15; -} - -.header-aligned-center:not([class*="nav-float-"]) .inside-header { - justify-content: center; - flex-direction: column; - text-align: center; -} - -.header-aligned-center:not([class*="nav-float-"]) .header-widget { - margin-left: auto; - margin-right: auto; -} - -.header-aligned-center:not([class*="nav-float-"]) .inside-header > *:not(:first-child) { - margin-top: 1em; -} - -.header-aligned-right:not([class*="nav-float-"]) .inside-header { - justify-content: flex-end; -} - -.header-aligned-right:not([class*="nav-float-"]) .header-widget { - margin-right: auto; - margin-left: 0; - order: -10; -} - -.site-branding-container { - display: inline-flex; - align-items: center; - text-align: left; - flex-shrink: 0; -} - -.site-branding-container .site-logo { - margin-right: 1em; -} - -/*-------------------------------------------------------------- -# Post Content ---------------------------------------------------------------*/ -.sticky { - display: block; -} - -.posted-on .updated, -.entry-header .gp-icon { - display: none; -} - -.byline, -.single .byline, -.group-blog .byline, -.entry-header .cat-links, -.entry-header .tags-links, -.entry-header .comments-link { - display: inline; -} - -footer.entry-meta .byline, -footer.entry-meta .posted-on { - display: block; -} - -.page-content:not(:first-child), -.entry-content:not(:first-child), -.entry-summary:not(:first-child) { - margin-top: 2em; -} - -.page-links { - clear: both; - margin: 0 0 1.5em; -} - -.blog .format-status .entry-title, -.archive .format-status .entry-title, -.blog .format-aside .entry-header, -.archive .format-aside .entry-header, -.blog .format-status .entry-header, -.archive .format-status .entry-header, -.blog .format-status .entry-meta, -.archive .format-status .entry-meta { - display: none; -} - -.blog .format-aside .entry-content, -.archive .format-aside .entry-content, -.blog .format-status .entry-content, -.archive .format-status .entry-content { - margin-top: 0; -} - -.blog .format-status .entry-content p:last-child, -.archive .format-status .entry-content p:last-child { - margin-bottom: 0; -} - -.site-content, -.entry-header { - word-wrap: break-word; -} - -.entry-title { - margin-bottom: 0; -} - -.author .page-header .page-title { - display: flex; - align-items: center; -} - -.author .page-header .avatar { - margin-right: 20px; -} - -.page-header > *:last-child, -.page-header .author-info > *:last-child { - margin-bottom: 0; -} - -.entry-meta { - font-size: 85%; - margin-top: .5em; - line-height: 1.5; -} - -footer.entry-meta { - margin-top: 2em; -} - -.cat-links, -.tags-links, -.comments-link { - display: block; -} - -.taxonomy-description p:last-child, -.read-more-container, -.page-content > p:last-child, -.entry-content > p:last-child, -.entry-summary > p:last-child { - margin-bottom: 0; -} - -/*-------------------------------------------------------------- -# Media ---------------------------------------------------------------*/ -/*-------------------------------------------------------------- -## Captions ---------------------------------------------------------------*/ -.wp-caption { - margin-bottom: 1.5em; - max-width: 100%; - position: relative; -} - -.wp-caption img[class*="wp-image-"] { - display: block; - margin: 0 auto 0; - max-width: 100%; -} - -.wp-caption .wp-caption-text { - font-size: 75%; - padding-top: 5px; - opacity: 0.8; -} - -.wp-caption img { - position: relative; - vertical-align: bottom; -} - -.wp-block-image figcaption { - font-size: 13px; - text-align: center; -} - -/*-------------------------------------------------------------- -## Galleries ---------------------------------------------------------------*/ -.wp-block-gallery, -ul.blocks-gallery-grid { - margin-left: 0; -} - -.wp-block-gallery .blocks-gallery-image figcaption, -.wp-block-gallery .blocks-gallery-item figcaption { - background: rgba(255, 255, 255, 0.7); - color: #000; - padding: 10px; - box-sizing: border-box; -} - -.gallery { - margin-bottom: 1.5em; -} - -.gallery-item { - display: inline-block; - text-align: center; - vertical-align: top; - width: 100%; -} - -.gallery-columns-2 .gallery-item { - max-width: 50%; -} - -.gallery-columns-3 .gallery-item { - max-width: 33.33%; -} - -.gallery-columns-4 .gallery-item { - max-width: 25%; -} - -.gallery-columns-5 .gallery-item { - max-width: 20%; -} - -.gallery-columns-6 .gallery-item { - max-width: 16.66%; -} - -.gallery-columns-7 .gallery-item { - max-width: 14.28%; -} - -.gallery-columns-8 .gallery-item { - max-width: 12.5%; -} - -.gallery-columns-9 .gallery-item { - max-width: 11.11%; -} - -.gallery-caption { - display: block; -} - -.site-main .gallery { - margin-bottom: 1.5em; -} - -.gallery-item img { - vertical-align: bottom; -} - -.gallery-icon { - padding: 5px; -} - -embed, -iframe, -object { - max-width: 100%; -} - -/*-------------------------------------------------------------- -# Widgets ---------------------------------------------------------------*/ -.widget-area .widget { - padding: 40px; -} - -.widget select { - max-width: 100%; -} - -.sidebar .widget *:last-child, -.footer-widgets .widget *:last-child { - margin-bottom: 0; -} - -.widget-title { - margin-bottom: 30px; - font-size: 20px; - line-height: 1.5; - font-weight: normal; - text-transform: none; -} - -.widget ul, -.widget ol { - margin: 0; -} - -.widget .search-field { - width: 100%; -} - -.widget .search-form { - display: flex; -} - -.widget .search-form button.search-submit { - font-size: 15px; -} - -.footer-widgets .widget { - margin-bottom: 30px; -} - -.sidebar .widget:last-child, -.footer-widgets .widget:last-child { - margin-bottom: 0; -} - -.widget ul li { - list-style-type: none; - position: relative; - margin-bottom: 0.5em; -} - -.widget ul li ul { - margin-left: 1em; - margin-top: 0.5em; -} - -.wp-calendar-table { - table-layout: fixed; -} - -/*-------------------------------------------------------------- -# Content Layout ---------------------------------------------------------------*/ -.site-content { - display: flex; -} - -.grid-container { - margin-left: auto; - margin-right: auto; - max-width: 1200px; -} - -.sidebar .widget, -.page-header, -.site-main > * { - margin-bottom: 20px; -} - -.both-right .inside-left-sidebar, -.both-left .inside-left-sidebar { - margin-right: 10px; -} - -.both-right .inside-right-sidebar, -.both-left .inside-right-sidebar { - margin-left: 10px; -} - -/*-------------------------------------------------------------- -## One Container ---------------------------------------------------------------*/ -.one-container.right-sidebar .site-main, -.one-container.both-right .site-main { - margin-right: 40px; -} - -.one-container.left-sidebar .site-main, -.one-container.both-left .site-main { - margin-left: 40px; -} - -.one-container.both-sidebars .site-main { - margin: 0px 40px 0px 40px; -} - -.one-container.archive .post:not(:last-child), -.one-container.blog .post:not(:last-child) { - padding-bottom: 40px; -} - -.one-container .site-content { - padding: 40px; -} - -/*-------------------------------------------------------------- -## Separate Containers ---------------------------------------------------------------*/ -.separate-containers .inside-article, -.separate-containers .comments-area, -.separate-containers .page-header, -.separate-containers .paging-navigation { - padding: 40px; -} - -.separate-containers .site-main { - margin: 20px; -} - -.separate-containers.no-sidebar .site-main { - margin-left: 0; - margin-right: 0; -} - -.separate-containers.right-sidebar .site-main, -.separate-containers.both-right .site-main { - margin-left: 0; -} - -.separate-containers.left-sidebar .site-main, -.separate-containers.both-left .site-main { - margin-right: 0; -} - -.separate-containers .inside-right-sidebar, -.separate-containers .inside-left-sidebar { - margin-top: 20px; - margin-bottom: 20px; -} - -.inside-page-header { - padding: 40px; -} - -.widget-area .main-navigation { - margin-bottom: 20px; -} - -.separate-containers .site-main > *:last-child, -.one-container .site-main > *:last-child { - margin-bottom: 0; -} - -/*-------------------------------------------------------------- -## Full Width Content ---------------------------------------------------------------*/ -.full-width-content .container.grid-container { - max-width: 100%; -} - -.full-width-content.no-sidebar.separate-containers .site-main { - margin: 0; -} - -.full-width-content.separate-containers .inside-article, -.full-width-content.one-container .site-content { - padding: 0; -} - -.full-width-content .entry-content .alignwide { - margin-left: 0; - width: auto; - max-width: unset; -} - -/*-------------------------------------------------------------- -## Contained Content ---------------------------------------------------------------*/ -.contained-content.separate-containers .inside-article, -.contained-content.one-container .site-content { - padding: 0; -} - -/*-------------------------------------------------------------- -# Sidebars ---------------------------------------------------------------*/ -.sidebar .grid-container { - max-width: 100%; - width: 100%; -} - -.left-sidebar .sidebar, -.both-left .is-left-sidebar, -.both-sidebars .is-left-sidebar { - order: -10; -} - -.both-left .is-right-sidebar { - order: -5; -} - -.both-right .is-left-sidebar { - order: 5; -} - -.both-right .is-right-sidebar, -.both-sidebars .is-right-sidebar { - order: 10; -} - -/*-------------------------------------------------------------- -# Footer ---------------------------------------------------------------*/ -.inside-site-info { - display: flex; - align-items: center; - justify-content: center; - padding: 20px 40px; -} - -.site-info { - text-align: center; - font-size: 15px; -} - -/*-------------------------------------------------------------- -# Featured Images ---------------------------------------------------------------*/ -.post-image:not(:first-child) { - margin-top: 2em; -} - -.featured-image { - line-height: 0; - /* no more weird spacing */ -} - -.separate-containers .featured-image { - margin-top: 20px; -} - -.separate-containers .inside-article > .featured-image { - margin-top: 0; - margin-bottom: 2em; -} - -.one-container .inside-article > .featured-image { - margin-top: 0; - margin-bottom: 2em; -} - -/*-------------------------------------------------------------- -# Icons ---------------------------------------------------------------*/ -.gp-icon { - display: inline-flex; - align-self: center; -} - -.gp-icon svg { - height: 1em; - width: 1em; - top: .125em; - position: relative; - fill: currentColor; -} - -.icon-menu-bars svg:nth-child(2), -.toggled .icon-menu-bars svg:nth-child(1), -.icon-search svg:nth-child(2), -.close-search .icon-search svg:nth-child(1) { - display: none; -} - -.toggled .icon-menu-bars svg:nth-child(2), -.close-search .icon-search svg:nth-child(2) { - display: block; -} - -.entry-meta .gp-icon { - margin-right: 0.6em; - opacity: 0.7; -} - -nav.toggled .icon-arrow-left svg { - transform: rotate(-90deg); -} - -nav.toggled .icon-arrow-right svg { - transform: rotate(90deg); -} - -nav.toggled .sfHover > a > .dropdown-menu-toggle .gp-icon svg { - transform: rotate(180deg); -} - -nav.toggled .sfHover > a > .dropdown-menu-toggle .gp-icon.icon-arrow-left svg { - transform: rotate(-270deg); -} - -nav.toggled .sfHover > a > .dropdown-menu-toggle .gp-icon.icon-arrow-right svg { - transform: rotate(270deg); -} - -/*-------------------------------------------------------------- -# Compatibility ---------------------------------------------------------------*/ -/* Bootstrap fix */ -.container.grid-container { - width: auto; -} - -/*-------------------------------------------------------------- -# Mobile ---------------------------------------------------------------*/ -/*-------------------------------------------------------------- -# Mobile Menu ---------------------------------------------------------------*/ -.menu-toggle, -.mobile-bar-items, -.sidebar-nav-mobile { - display: none; -} - -.menu-toggle { - padding: 0 20px; - line-height: 60px; - margin: 0; - font-weight: normal; - text-transform: none; - font-size: 15px; - cursor: pointer; -} - -.menu-toggle .mobile-menu { - padding-left: 3px; -} - -.menu-toggle .gp-icon + .mobile-menu { - padding-left: 9px; -} - -.menu-toggle .mobile-menu:empty { - display: none; -} - -button.menu-toggle { - background-color: transparent; - flex-grow: 1; - border: 0; - text-align: center; -} - -button.menu-toggle:hover, button.menu-toggle:active, button.menu-toggle:focus { - background-color: transparent; -} - -.has-menu-bar-items button.menu-toggle { - flex-grow: 0; -} - -nav.toggled ul ul.sub-menu { - width: 100%; -} - -.toggled .menu-item-has-children .dropdown-menu-toggle { - padding-left: 20px; -} - -.main-navigation.toggled .main-nav { - flex-basis: 100%; - order: 3; -} - -.main-navigation.toggled .main-nav > ul { - display: block; -} - -.main-navigation.toggled .main-nav li { - width: 100%; - text-align: left; -} - -.main-navigation.toggled .main-nav ul ul { - transition: 0s; - visibility: hidden; -} - -.main-navigation.toggled .main-nav ul ul.toggled-on { - position: relative; - top: 0; - left: auto !important; - right: auto !important; - width: 100%; - pointer-events: auto; - height: auto; - opacity: 1; - display: block; - visibility: visible; - float: none; -} - -.main-navigation.toggled .menu-item-has-children .dropdown-menu-toggle { - float: right; -} - -.mobile-menu-control-wrapper { - display: none; - margin-left: auto; - align-items: center; -} - -.has-inline-mobile-toggle #site-navigation.toggled { - margin-top: 1.5em; -} - -.has-inline-mobile-toggle #site-navigation.has-active-search { - margin-top: 1.5em; -} - -.has-inline-mobile-toggle #site-navigation.has-active-search .nav-search-active { - position: relative; -} - -.has-inline-mobile-toggle #site-navigation.has-active-search .navigation-search input { - outline: auto; -} - -.nav-float-left .mobile-menu-control-wrapper { - order: -10; - margin-left: 0; - margin-right: auto; - flex-direction: row-reverse; -} - -/*-------------------------------------------------------------- -## Breakpoint (768px) ---------------------------------------------------------------*/ -@media (max-width: 768px) { - .hide-on-mobile { - display: none !important; - } - /*-------------------------------------------------------------- - ## Links - --------------------------------------------------------------*/ - a, body, button, input, select, textarea { - transition: all 0s ease-in-out; - } - /*-------------------------------------------------------------- - ## Header - --------------------------------------------------------------*/ - .inside-header { - flex-direction: column; - text-align: center; - } - .site-header .header-widget { - margin-top: 1.5em; - margin-left: auto; - margin-right: auto; - text-align: center; - } - /*-------------------------------------------------------------- - ## Content Area - --------------------------------------------------------------*/ - .site-content { - flex-direction: column; - } - .container .site-content .content-area { - width: auto; - } - .is-left-sidebar.sidebar, - .is-right-sidebar.sidebar { - width: auto; - order: initial; - } - .is-left-sidebar + .is-right-sidebar .inside-right-sidebar { - margin-top: 0; - } - .both-right .inside-left-sidebar, - .both-left .inside-left-sidebar, - .both-right .inside-right-sidebar, - .both-left .inside-right-sidebar { - margin-right: 0; - margin-left: 0; - } - #main { - margin-left: 0; - margin-right: 0; - } - body:not(.no-sidebar) #main { - margin-bottom: 0; - } - .alignleft, - .alignright { - float: none; - display: block; - margin-left: auto; - margin-right: auto; - } - .comment .children { - padding-left: 10px; - margin-left: 0; - } - .entry-meta { - font-size: inherit; - } - .entry-meta a { - line-height: 1.8em; - } -} - -@media (min-width: 769px) and (max-width: 1024px) { - .hide-on-tablet { - display: none !important; - } -} - -@media (min-width: 1025px) { - .hide-on-desktop { - display: none !important; - } -} +/*-------------------------------------------------------------- +>>> TABLE OF CONTENTS: +---------------------------------------------------------------- +# Reset +# Elements +# Forms +# Links +# Alignments +# Accessibility +# Navigation + # Dropdown Menus + # Sidebar Navigation +# Post Navigation +# Header +# Post Content +# Widgets +# Content Layout +# Sidebars +# Footer +# Featured Images +# Icons +# Compatibility +# Mobile +--------------------------------------------------------------*/ +/*-------------------------------------------------------------- +# Reset +--------------------------------------------------------------*/ +html, +body, +p, +ol, +ul, +li, +dl, +dt, +dd, +blockquote, +figure, +fieldset, +legend, +textarea, +pre, +iframe, +hr, +h1, +h2, +h3, +h4, +h5, +h6 { + margin: 0; + padding: 0; + border: 0; +} + +html { + font-family: sans-serif; + -webkit-text-size-adjust: 100%; + -ms-text-size-adjust: 100%; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +/** + * Render the `main` element consistently in IE. + */ +main { + display: block; +} + +/** + * Add the correct vertical alignment in Chrome, Firefox, and Opera. + */ +progress { + vertical-align: baseline; +} + +/* Inherit box-sizing to more easily change it's value on a component level. +@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */ +html { + box-sizing: border-box; +} + +*, +*::before, +*::after { + box-sizing: inherit; +} + +/** + * 1. Change the font styles in all browsers. + * 2. Remove the margin in Firefox and Safari. +*/ +button, +input, +optgroup, +select, +textarea { + font-family: inherit; + font-size: 100%; + margin: 0; +} + +/** + * 1. Correct the odd appearance in Chrome and Safari. + * 2. Correct the outline style in Safari. + */ +[type="search"] { + -webkit-appearance: textfield; + outline-offset: -2px; +} + +/** + * Remove the inner padding in Chrome and Safari on macOS. + */ +[type="search"]::-webkit-search-decoration { + -webkit-appearance: none; +} + +/** + * Remove the inner border and padding in Firefox. + */ +::-moz-focus-inner { + border-style: none; + padding: 0; +} + +/** + * Restore the focus styles unset by the previous rule. + */ +:-moz-focusring { + outline: 1px dotted ButtonText; +} + +/*-------------------------------------------------------------- +# Elements +--------------------------------------------------------------*/ +body, +button, +input, +select, +textarea { + font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-weight: normal; + text-transform: none; + font-size: 17px; + line-height: 1.5; +} + +p { + margin-bottom: 1.5em; +} + +h1, +h2, +h3, +h4, +h5, +h6 { + font-family: inherit; + font-size: 100%; + font-style: inherit; + font-weight: inherit; +} + +pre { + background: rgba(0, 0, 0, 0.05); + font-family: inherit; + font-size: inherit; + line-height: normal; + margin-bottom: 1.5em; + padding: 20px; + overflow: auto; + max-width: 100%; +} + +blockquote { + border-left: 5px solid rgba(0, 0, 0, 0.05); + padding: 20px; + font-size: 1.2em; + font-style: italic; + margin: 0 0 1.5em; + position: relative; +} + +blockquote p:last-child { + margin: 0; +} + +table, +th, +td { + border: 1px solid rgba(0, 0, 0, 0.1); +} + +table { + border-collapse: separate; + border-spacing: 0; + border-width: 1px 0 0 1px; + margin: 0 0 1.5em; + width: 100%; +} + +th, +td { + padding: 8px; +} + +th { + border-width: 0 1px 1px 0; +} + +td { + border-width: 0 1px 1px 0; +} + +hr { + background-color: rgba(0, 0, 0, 0.1); + border: 0; + height: 1px; + margin-bottom: 40px; + margin-top: 40px; +} + +fieldset { + padding: 0; + border: 0; + min-width: inherit; +} + +fieldset legend { + padding: 0; + margin-bottom: 1.5em; +} + +h1 { + font-size: 42px; + margin-bottom: 20px; + line-height: 1.2em; + font-weight: normal; + text-transform: none; +} + +h2 { + font-size: 35px; + margin-bottom: 20px; + line-height: 1.2em; + font-weight: normal; + text-transform: none; +} + +h3 { + font-size: 29px; + margin-bottom: 20px; + line-height: 1.2em; + font-weight: normal; + text-transform: none; +} + +h4 { + font-size: 24px; +} + +h5 { + font-size: 20px; +} + +h4, +h5, +h6 { + margin-bottom: 20px; +} + +ul, +ol { + margin: 0 0 1.5em 3em; +} + +ul { + list-style: disc; +} + +ol { + list-style: decimal; +} + +li > ul, +li > ol { + margin-bottom: 0; + margin-left: 1.5em; +} + +dt { + font-weight: bold; +} + +dd { + margin: 0 1.5em 1.5em; +} + +b, +strong { + font-weight: bold; +} + +dfn, +cite, +em, +i { + font-style: italic; +} + +address { + margin: 0 0 1.5em; +} + +code, +kbd, +tt, +var { + font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; +} + +abbr, +acronym { + border-bottom: 1px dotted #666; + cursor: help; +} + +mark, +ins { + text-decoration: none; +} + +sup, +sub { + font-size: 75%; + height: 0; + line-height: 0; + position: relative; + vertical-align: baseline; +} + +sup { + bottom: 1ex; +} + +sub { + top: .5ex; +} + +small { + font-size: 75%; +} + +big { + font-size: 125%; +} + +figure { + margin: 0; +} + +table { + margin: 0 0 1.5em; + width: 100%; +} + +th { + font-weight: bold; +} + +img { + height: auto; + /* Make sure images are scaled correctly. */ + max-width: 100%; + /* Adhere to container width. */ +} + +/*-------------------------------------------------------------- +# Forms +--------------------------------------------------------------*/ +button, +input[type="button"], +input[type="reset"], +input[type="submit"] { + background: #55555e; + color: #fff; + border: 1px solid transparent; + cursor: pointer; + -webkit-appearance: button; + /* Corrects inability to style clickable 'input' types in iOS */ + padding: 10px 20px; +} + +input[type="text"], +input[type="email"], +input[type="url"], +input[type="password"], +input[type="search"], +input[type="tel"], +input[type="number"], +textarea, +select { + border: 1px solid; + border-radius: 0; + padding: 10px 15px; + max-width: 100%; +} + +textarea { + width: 100%; +} + +/*-------------------------------------------------------------- +# Links +--------------------------------------------------------------*/ +a, +button, +input { + transition: color 0.1s ease-in-out, background-color 0.1s ease-in-out; +} + +a { + text-decoration: none; +} + +.button, +.wp-block-button .wp-block-button__link { + padding: 10px 20px; + display: inline-block; +} + +.wp-block-button .wp-block-button__link { + font-size: inherit; + line-height: inherit; +} + +.using-mouse :focus { + outline: 0; +} + +.using-mouse ::-moz-focus-inner { + border: 0; +} + +/*-------------------------------------------------------------- +# Alignments +--------------------------------------------------------------*/ +.alignleft { + float: left; + margin-right: 1.5em; +} + +.alignright { + float: right; + margin-left: 1.5em; +} + +.aligncenter { + clear: both; + display: block; + margin: 0 auto; +} + +.size-auto, +.size-full, +.size-large, +.size-medium, +.size-thumbnail { + max-width: 100%; + height: auto; +} + +.no-sidebar .entry-content .alignfull { + margin-left: calc( -100vw / 2 + 100% / 2); + margin-right: calc( -100vw / 2 + 100% / 2); + max-width: 100vw; + width: auto; +} + +/*-------------------------------------------------------------- +# Accessibility +--------------------------------------------------------------*/ +.screen-reader-text { + border: 0; + clip: rect(1px, 1px, 1px, 1px); + -webkit-clip-path: inset(50%); + clip-path: inset(50%); + height: 1px; + margin: -1px; + overflow: hidden; + padding: 0; + position: absolute !important; + width: 1px; + word-wrap: normal !important; +} + +.screen-reader-text:focus { + background-color: #f1f1f1; + border-radius: 3px; + box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); + clip: auto !important; + -webkit-clip-path: none; + clip-path: none; + color: #21759b; + display: block; + font-size: 0.875rem; + font-weight: 700; + height: auto; + left: 5px; + line-height: normal; + padding: 15px 23px 14px; + text-decoration: none; + top: 5px; + width: auto; + z-index: 100000; +} + +/* Do not show the outline on the skip link target. */ +#primary[tabindex="-1"]:focus { + outline: 0; +} + +/*-------------------------------------------------------------- +# Navigation +--------------------------------------------------------------*/ +.main-navigation { + z-index: 100; + padding: 0; + clear: both; + display: block; +} + +.main-navigation a { + display: block; + text-decoration: none; + font-weight: normal; + text-transform: none; + font-size: 15px; +} + +.main-navigation ul { + list-style: none; + margin: 0; + padding-left: 0; +} + +.main-navigation .main-nav ul li a { + padding-left: 20px; + padding-right: 20px; + line-height: 60px; +} + +.inside-navigation { + position: relative; +} + +.main-navigation .inside-navigation { + display: flex; + align-items: center; + flex-wrap: wrap; + justify-content: space-between; +} + +.main-navigation .main-nav > ul { + display: flex; + flex-wrap: wrap; + align-items: center; +} + +.main-navigation li { + position: relative; +} + +.main-navigation .menu-bar-items { + display: flex; + align-items: center; + font-size: 15px; +} + +.main-navigation .menu-bar-items a { + color: inherit; +} + +.main-navigation .menu-bar-item { + position: relative; +} + +.main-navigation .menu-bar-item.search-item { + z-index: 20; +} + +.main-navigation .menu-bar-item > a { + padding-left: 20px; + padding-right: 20px; + line-height: 60px; +} + +.sidebar .main-navigation .main-nav { + flex-basis: 100%; +} + +.sidebar .main-navigation .main-nav > ul { + flex-direction: column; +} + +.sidebar .main-navigation .menu-bar-items { + margin: 0 auto; +} + +.sidebar .main-navigation .menu-bar-items .search-item { + order: 10; +} + +.nav-align-center .inside-navigation { + justify-content: center; +} + +.nav-align-center .main-nav > ul { + justify-content: center; +} + +.nav-align-right .inside-navigation { + justify-content: flex-end; +} + +/*-------------------------------------------------------------- +## Dropdown Menus +--------------------------------------------------------------*/ +.main-navigation ul ul { + display: block; + box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1); + float: left; + position: absolute; + left: -99999px; + opacity: 0; + z-index: 99999; + width: 200px; + text-align: left; + top: auto; + transition: opacity 80ms linear; + transition-delay: 0s; + pointer-events: none; + height: 0; + overflow: hidden; +} + +.main-navigation ul ul a { + display: block; +} + +.main-navigation ul ul li { + width: 100%; +} + +.main-navigation .main-nav ul ul li a { + line-height: normal; + padding: 10px 20px; + font-size: 14px; +} + +.main-navigation .main-nav ul li.menu-item-has-children > a { + padding-right: 0; + position: relative; +} + +.main-navigation.sub-menu-left ul ul { + box-shadow: -1px 1px 0 rgba(0, 0, 0, 0.1); +} + +.main-navigation.sub-menu-left .sub-menu { + right: 0; +} + +.main-navigation:not(.toggled) ul li:hover > ul, +.main-navigation:not(.toggled) ul li.sfHover > ul { + left: auto; + opacity: 1; + transition-delay: 150ms; + pointer-events: auto; + height: auto; + overflow: visible; +} + +.main-navigation:not(.toggled) ul ul li:hover > ul, +.main-navigation:not(.toggled) ul ul li.sfHover > ul { + left: 100%; + top: 0; +} + +.main-navigation.sub-menu-left:not(.toggled) ul ul li:hover > ul, +.main-navigation.sub-menu-left:not(.toggled) ul ul li.sfHover > ul { + right: 100%; + left: auto; +} + +.nav-float-right .main-navigation ul ul ul { + top: 0; +} + +.menu-item-has-children .dropdown-menu-toggle { + display: inline-block; + height: 100%; + clear: both; + padding-right: 20px; + padding-left: 10px; +} + +.menu-item-has-children ul .dropdown-menu-toggle { + padding-top: 10px; + padding-bottom: 10px; + margin-top: -10px; +} + +nav ul ul .menu-item-has-children .dropdown-menu-toggle, +.sidebar .menu-item-has-children .dropdown-menu-toggle { + float: right; +} + +/*-------------------------------------------------------------- +## Sidebar Navigation +--------------------------------------------------------------*/ +.widget-area .main-navigation li { + float: none; + display: block; + width: 100%; + padding: 0; + margin: 0; +} + +.sidebar .main-navigation.sub-menu-right ul li:hover ul, +.sidebar .main-navigation.sub-menu-right ul li.sfHover ul { + top: 0; + left: 100%; +} + +.sidebar .main-navigation.sub-menu-left ul li:hover ul, +.sidebar .main-navigation.sub-menu-left ul li.sfHover ul { + top: 0; + right: 100%; +} + +/*-------------------------------------------------------------- +# Post Navigation +--------------------------------------------------------------*/ +.site-main .comment-navigation, +.site-main .posts-navigation, +.site-main .post-navigation { + margin: 0 0 2em; + overflow: hidden; +} + +.site-main .post-navigation { + margin-bottom: 0; +} + +.paging-navigation .nav-previous, +.paging-navigation .nav-next { + display: none; +} + +.paging-navigation .nav-links > * { + padding: 0 5px; +} + +.paging-navigation .nav-links .current { + font-weight: bold; +} + +/* Less specific so we don't overwrite existing customizations. */ +.nav-links > *:first-child { + padding-left: 0; +} + +/*-------------------------------------------------------------- +# Header +--------------------------------------------------------------*/ +.site-header { + position: relative; +} + +.inside-header { + padding: 20px 40px; +} + +.main-title { + margin: 0; + font-size: 25px; + line-height: 1.2em; + word-wrap: break-word; + font-weight: bold; + text-transform: none; +} + +.site-description { + margin: 0; + line-height: 1.5; + font-weight: normal; + text-transform: none; + font-size: 15px; +} + +.site-logo { + display: inline-block; + max-width: 100%; +} + +.site-header .header-image { + vertical-align: middle; +} + +.inside-header { + display: flex; + align-items: center; +} + +.header-widget { + margin-left: auto; +} + +.header-widget p:last-child { + margin-bottom: 0; +} + +.nav-float-right .header-widget { + margin-left: 20px; +} + +.nav-float-right #site-navigation { + margin-left: auto; +} + +.nav-float-left #site-navigation { + margin-right: auto; + order: -10; +} + +.nav-float-left .header-widget { + margin-left: 0; + margin-right: 20px; + order: -15; +} + +.header-aligned-center:not([class*="nav-float-"]) .inside-header { + justify-content: center; + flex-direction: column; + text-align: center; +} + +.header-aligned-center:not([class*="nav-float-"]) .header-widget { + margin-left: auto; + margin-right: auto; +} + +.header-aligned-center:not([class*="nav-float-"]) .inside-header > *:not(:first-child) { + margin-top: 1em; +} + +.header-aligned-right:not([class*="nav-float-"]) .inside-header { + justify-content: flex-end; +} + +.header-aligned-right:not([class*="nav-float-"]) .header-widget { + margin-right: auto; + margin-left: 0; + order: -10; +} + +.site-branding-container { + display: inline-flex; + align-items: center; + text-align: left; + flex-shrink: 0; +} + +.site-branding-container .site-logo { + margin-right: 1em; +} + +/*-------------------------------------------------------------- +# Post Content +--------------------------------------------------------------*/ +.sticky { + display: block; +} + +.posted-on .updated, +.entry-header .gp-icon { + display: none; +} + +.byline, +.single .byline, +.group-blog .byline, +.entry-header .cat-links, +.entry-header .tags-links, +.entry-header .comments-link { + display: inline; +} + +footer.entry-meta .byline, +footer.entry-meta .posted-on { + display: block; +} + +.page-content:not(:first-child), +.entry-content:not(:first-child), +.entry-summary:not(:first-child) { + margin-top: 2em; +} + +.page-links { + clear: both; + margin: 0 0 1.5em; +} + +.blog .format-status .entry-title, +.archive .format-status .entry-title, +.blog .format-aside .entry-header, +.archive .format-aside .entry-header, +.blog .format-status .entry-header, +.archive .format-status .entry-header, +.blog .format-status .entry-meta, +.archive .format-status .entry-meta { + display: none; +} + +.blog .format-aside .entry-content, +.archive .format-aside .entry-content, +.blog .format-status .entry-content, +.archive .format-status .entry-content { + margin-top: 0; +} + +.blog .format-status .entry-content p:last-child, +.archive .format-status .entry-content p:last-child { + margin-bottom: 0; +} + +.site-content, +.entry-header { + word-wrap: break-word; +} + +.entry-title { + margin-bottom: 0; +} + +.author .page-header .page-title { + display: flex; + align-items: center; +} + +.author .page-header .avatar { + margin-right: 20px; +} + +.page-header > *:last-child, +.page-header .author-info > *:last-child { + margin-bottom: 0; +} + +.entry-meta { + font-size: 85%; + margin-top: .5em; + line-height: 1.5; +} + +footer.entry-meta { + margin-top: 2em; +} + +.cat-links, +.tags-links, +.comments-link { + display: block; +} + +.taxonomy-description p:last-child, +.read-more-container, +.page-content > p:last-child, +.entry-content > p:last-child, +.entry-summary > p:last-child { + margin-bottom: 0; +} + +/*-------------------------------------------------------------- +# Media +--------------------------------------------------------------*/ +/*-------------------------------------------------------------- +## Captions +--------------------------------------------------------------*/ +.wp-caption { + margin-bottom: 1.5em; + max-width: 100%; + position: relative; +} + +.wp-caption img[class*="wp-image-"] { + display: block; + margin: 0 auto 0; + max-width: 100%; +} + +.wp-caption .wp-caption-text { + font-size: 75%; + padding-top: 5px; + opacity: 0.8; +} + +.wp-caption img { + position: relative; + vertical-align: bottom; +} + +.wp-block-image figcaption { + font-size: 13px; + text-align: center; +} + +/*-------------------------------------------------------------- +## Galleries +--------------------------------------------------------------*/ +.wp-block-gallery, +ul.blocks-gallery-grid { + margin-left: 0; +} + +.wp-block-gallery .blocks-gallery-image figcaption, +.wp-block-gallery .blocks-gallery-item figcaption { + background: rgba(255, 255, 255, 0.7); + color: #000; + padding: 10px; + box-sizing: border-box; +} + +.gallery { + margin-bottom: 1.5em; +} + +.gallery-item { + display: inline-block; + text-align: center; + vertical-align: top; + width: 100%; +} + +.gallery-columns-2 .gallery-item { + max-width: 50%; +} + +.gallery-columns-3 .gallery-item { + max-width: 33.33%; +} + +.gallery-columns-4 .gallery-item { + max-width: 25%; +} + +.gallery-columns-5 .gallery-item { + max-width: 20%; +} + +.gallery-columns-6 .gallery-item { + max-width: 16.66%; +} + +.gallery-columns-7 .gallery-item { + max-width: 14.28%; +} + +.gallery-columns-8 .gallery-item { + max-width: 12.5%; +} + +.gallery-columns-9 .gallery-item { + max-width: 11.11%; +} + +.gallery-caption { + display: block; +} + +.site-main .gallery { + margin-bottom: 1.5em; +} + +.gallery-item img { + vertical-align: bottom; +} + +.gallery-icon { + padding: 5px; +} + +embed, +iframe, +object { + max-width: 100%; +} + +/*-------------------------------------------------------------- +## Post Loop Block +--------------------------------------------------------------*/ +.wp-block-post-template { + margin-left: 0; +} + +/*-------------------------------------------------------------- +# Widgets +--------------------------------------------------------------*/ +.widget-area .widget { + padding: 40px; +} + +.widget select { + max-width: 100%; +} + +.sidebar .widget *:last-child, +.footer-widgets .widget *:last-child { + margin-bottom: 0; +} + +.widget-title { + margin-bottom: 30px; + font-size: 20px; + line-height: 1.5; + font-weight: normal; + text-transform: none; +} + +.widget ul, +.widget ol { + margin: 0; +} + +.widget .search-field { + width: 100%; +} + +.widget .search-form { + display: flex; +} + +.widget .search-form button.search-submit { + font-size: 15px; +} + +.footer-widgets .widget { + margin-bottom: 30px; +} + +.sidebar .widget:last-child, +.footer-widgets .widget:last-child { + margin-bottom: 0; +} + +.widget ul li { + list-style-type: none; + position: relative; + margin-bottom: 0.5em; +} + +.widget ul li ul { + margin-left: 1em; + margin-top: 0.5em; +} + +.wp-calendar-table { + table-layout: fixed; +} + +/*-------------------------------------------------------------- +# Content Layout +--------------------------------------------------------------*/ +.site-content { + display: flex; +} + +.grid-container { + margin-left: auto; + margin-right: auto; + max-width: 1200px; +} + +.sidebar .widget, +.page-header, +.site-main > * { + margin-bottom: 20px; +} + +.both-right .inside-left-sidebar, +.both-left .inside-left-sidebar { + margin-right: 10px; +} + +.both-right .inside-right-sidebar, +.both-left .inside-right-sidebar { + margin-left: 10px; +} + +/*-------------------------------------------------------------- +## One Container +--------------------------------------------------------------*/ +.one-container.right-sidebar .site-main, +.one-container.both-right .site-main { + margin-right: 40px; +} + +.one-container.left-sidebar .site-main, +.one-container.both-left .site-main { + margin-left: 40px; +} + +.one-container.both-sidebars .site-main { + margin: 0px 40px 0px 40px; +} + +.one-container.archive .post:not(:last-child), +.one-container.blog .post:not(:last-child) { + padding-bottom: 40px; +} + +.one-container .site-content { + padding: 40px; +} + +/*-------------------------------------------------------------- +## Separate Containers +--------------------------------------------------------------*/ +.separate-containers .inside-article, +.separate-containers .comments-area, +.separate-containers .page-header, +.separate-containers .paging-navigation { + padding: 40px; +} + +.separate-containers .site-main { + margin: 20px; +} + +.separate-containers.no-sidebar .site-main { + margin-left: 0; + margin-right: 0; +} + +.separate-containers.right-sidebar .site-main, +.separate-containers.both-right .site-main { + margin-left: 0; +} + +.separate-containers.left-sidebar .site-main, +.separate-containers.both-left .site-main { + margin-right: 0; +} + +.separate-containers .inside-right-sidebar, +.separate-containers .inside-left-sidebar { + margin-top: 20px; + margin-bottom: 20px; +} + +.inside-page-header { + padding: 40px; +} + +.widget-area .main-navigation { + margin-bottom: 20px; +} + +.separate-containers .site-main > *:last-child, +.one-container .site-main > *:last-child { + margin-bottom: 0; +} + +/*-------------------------------------------------------------- +## Full Width Content +--------------------------------------------------------------*/ +.full-width-content .container.grid-container { + max-width: 100%; +} + +.full-width-content.no-sidebar.separate-containers .site-main { + margin: 0; +} + +.full-width-content.separate-containers .inside-article, +.full-width-content.one-container .site-content { + padding: 0; +} + +.full-width-content .entry-content .alignwide { + margin-left: 0; + width: auto; + max-width: unset; +} + +/*-------------------------------------------------------------- +## Contained Content +--------------------------------------------------------------*/ +.contained-content.separate-containers .inside-article, +.contained-content.one-container .site-content { + padding: 0; +} + +/*-------------------------------------------------------------- +# Sidebars +--------------------------------------------------------------*/ +.sidebar .grid-container { + max-width: 100%; + width: 100%; +} + +.left-sidebar .sidebar, +.both-left .is-left-sidebar, +.both-sidebars .is-left-sidebar { + order: -10; +} + +.both-left .is-right-sidebar { + order: -5; +} + +.both-right .is-left-sidebar { + order: 5; +} + +.both-right .is-right-sidebar, +.both-sidebars .is-right-sidebar { + order: 10; +} + +/*-------------------------------------------------------------- +# Footer +--------------------------------------------------------------*/ +.inside-site-info { + display: flex; + align-items: center; + justify-content: center; + padding: 20px 40px; +} + +.site-info { + text-align: center; + font-size: 15px; +} + +/*-------------------------------------------------------------- +# Featured Images +--------------------------------------------------------------*/ +.post-image:not(:first-child) { + margin-top: 2em; +} + +.featured-image { + line-height: 0; + /* no more weird spacing */ +} + +.separate-containers .featured-image { + margin-top: 20px; +} + +.separate-containers .inside-article > .featured-image { + margin-top: 0; + margin-bottom: 2em; +} + +.one-container .inside-article > .featured-image { + margin-top: 0; + margin-bottom: 2em; +} + +/*-------------------------------------------------------------- +# Icons +--------------------------------------------------------------*/ +.gp-icon { + display: inline-flex; + align-self: center; +} + +.gp-icon svg { + height: 1em; + width: 1em; + top: .125em; + position: relative; + fill: currentColor; +} + +.icon-menu-bars svg:nth-child(2), +.toggled .icon-menu-bars svg:nth-child(1), +.icon-search svg:nth-child(2), +.close-search .icon-search svg:nth-child(1) { + display: none; +} + +.toggled .icon-menu-bars svg:nth-child(2), +.close-search .icon-search svg:nth-child(2) { + display: block; +} + +.entry-meta .gp-icon { + margin-right: 0.6em; + opacity: 0.7; +} + +nav.toggled .icon-arrow-left svg { + transform: rotate(-90deg); +} + +nav.toggled .icon-arrow-right svg { + transform: rotate(90deg); +} + +nav.toggled .sfHover > a > .dropdown-menu-toggle .gp-icon svg { + transform: rotate(180deg); +} + +nav.toggled .sfHover > a > .dropdown-menu-toggle .gp-icon.icon-arrow-left svg { + transform: rotate(-270deg); +} + +nav.toggled .sfHover > a > .dropdown-menu-toggle .gp-icon.icon-arrow-right svg { + transform: rotate(270deg); +} + +/*-------------------------------------------------------------- +# Compatibility +--------------------------------------------------------------*/ +/* Bootstrap fix */ +.container.grid-container { + width: auto; +} + +/*-------------------------------------------------------------- +# Mobile +--------------------------------------------------------------*/ +/*-------------------------------------------------------------- +# Mobile Menu +--------------------------------------------------------------*/ +.menu-toggle, +.mobile-bar-items, +.sidebar-nav-mobile { + display: none; +} + +.menu-toggle { + padding: 0 20px; + line-height: 60px; + margin: 0; + font-weight: normal; + text-transform: none; + font-size: 15px; + cursor: pointer; +} + +.menu-toggle .mobile-menu { + padding-left: 3px; +} + +.menu-toggle .gp-icon + .mobile-menu { + padding-left: 9px; +} + +.menu-toggle .mobile-menu:empty { + display: none; +} + +button.menu-toggle { + background-color: transparent; + flex-grow: 1; + border: 0; + text-align: center; +} + +button.menu-toggle:hover, button.menu-toggle:active, button.menu-toggle:focus { + background-color: transparent; +} + +.has-menu-bar-items button.menu-toggle { + flex-grow: 0; +} + +nav.toggled ul ul.sub-menu { + width: 100%; +} + +.toggled .menu-item-has-children .dropdown-menu-toggle { + padding-left: 20px; +} + +.main-navigation.toggled .main-nav { + flex-basis: 100%; + order: 3; +} + +.main-navigation.toggled .main-nav > ul { + display: block; +} + +.main-navigation.toggled .main-nav li { + width: 100%; + text-align: left; +} + +.main-navigation.toggled .main-nav ul ul { + transition: 0s; + visibility: hidden; + box-shadow: none; + border-bottom: 1px solid rgba(0, 0, 0, 0.05); +} + +.main-navigation.toggled .main-nav ul ul li:last-child > ul { + border-bottom: 0; +} + +.main-navigation.toggled .main-nav ul ul.toggled-on { + position: relative; + top: 0; + left: auto !important; + right: auto !important; + width: 100%; + pointer-events: auto; + height: auto; + opacity: 1; + display: block; + visibility: visible; + float: none; +} + +.main-navigation.toggled .menu-item-has-children .dropdown-menu-toggle { + float: right; +} + +.mobile-menu-control-wrapper { + display: none; + margin-left: auto; + align-items: center; +} + +.has-inline-mobile-toggle #site-navigation.toggled { + margin-top: 1.5em; +} + +.has-inline-mobile-toggle #site-navigation.has-active-search { + margin-top: 1.5em; +} + +.has-inline-mobile-toggle #site-navigation.has-active-search .nav-search-active { + position: relative; +} + +.has-inline-mobile-toggle #site-navigation.has-active-search .navigation-search input { + outline: auto; +} + +.nav-float-left .mobile-menu-control-wrapper { + order: -10; + margin-left: 0; + margin-right: auto; + flex-direction: row-reverse; +} + +/*-------------------------------------------------------------- +## Breakpoint (768px) +--------------------------------------------------------------*/ +@media (max-width: 768px) { + .hide-on-mobile { + display: none !important; + } + /*-------------------------------------------------------------- + ## Links + --------------------------------------------------------------*/ + a, body, button, input, select, textarea { + transition: all 0s ease-in-out; + } + /*-------------------------------------------------------------- + ## Header + --------------------------------------------------------------*/ + .inside-header { + flex-direction: column; + text-align: center; + } + .site-header .header-widget { + margin-top: 1.5em; + margin-left: auto; + margin-right: auto; + text-align: center; + } + /*-------------------------------------------------------------- + ## Content Area + --------------------------------------------------------------*/ + .site-content { + flex-direction: column; + } + .container .site-content .content-area { + width: auto; + } + .is-left-sidebar.sidebar, + .is-right-sidebar.sidebar { + width: auto; + order: initial; + } + .is-left-sidebar + .is-right-sidebar .inside-right-sidebar { + margin-top: 0; + } + .both-right .inside-left-sidebar, + .both-left .inside-left-sidebar, + .both-right .inside-right-sidebar, + .both-left .inside-right-sidebar { + margin-right: 0; + margin-left: 0; + } + #main { + margin-left: 0; + margin-right: 0; + } + body:not(.no-sidebar) #main { + margin-bottom: 0; + } + .alignleft, + .alignright { + float: none; + display: block; + margin-left: auto; + margin-right: auto; + } + .comment .children { + padding-left: 10px; + margin-left: 0; + } + .entry-meta { + font-size: inherit; + } + .entry-meta a { + line-height: 1.8em; + } +} + +@media (min-width: 769px) and (max-width: 1024px) { + .hide-on-tablet { + display: none !important; + } +} + +@media (min-width: 1025px) { + .hide-on-desktop { + display: none !important; + } +} diff --git a/wp-content/themes/generatepress/assets/css/main.min.css b/wp-content/themes/generatepress/assets/css/main.min.css index f2240416..e11226f7 100644 --- a/wp-content/themes/generatepress/assets/css/main.min.css +++ b/wp-content/themes/generatepress/assets/css/main.min.css @@ -1 +1 @@ -blockquote,body,dd,dl,dt,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,html,iframe,legend,li,ol,p,pre,textarea,ul{margin:0;padding:0;border:0}html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}main{display:block}progress{vertical-align:baseline}html{box-sizing:border-box}*,::after,::before{box-sizing:inherit}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;margin:0}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-moz-focus-inner{border-style:none;padding:0}:-moz-focusring{outline:1px dotted ButtonText}body,button,input,select,textarea{font-family:-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-weight:400;text-transform:none;font-size:17px;line-height:1.5}p{margin-bottom:1.5em}h1,h2,h3,h4,h5,h6{font-family:inherit;font-size:100%;font-style:inherit;font-weight:inherit}pre{background:rgba(0,0,0,.05);font-family:inherit;font-size:inherit;line-height:normal;margin-bottom:1.5em;padding:20px;overflow:auto;max-width:100%}blockquote{border-left:5px solid rgba(0,0,0,.05);padding:20px;font-size:1.2em;font-style:italic;margin:0 0 1.5em;position:relative}blockquote p:last-child{margin:0}table,td,th{border:1px solid rgba(0,0,0,.1)}table{border-collapse:separate;border-spacing:0;border-width:1px 0 0 1px;margin:0 0 1.5em;width:100%}td,th{padding:8px}th{border-width:0 1px 1px 0}td{border-width:0 1px 1px 0}hr{background-color:rgba(0,0,0,.1);border:0;height:1px;margin-bottom:40px;margin-top:40px}fieldset{padding:0;border:0;min-width:inherit}fieldset legend{padding:0;margin-bottom:1.5em}h1{font-size:42px;margin-bottom:20px;line-height:1.2em;font-weight:400;text-transform:none}h2{font-size:35px;margin-bottom:20px;line-height:1.2em;font-weight:400;text-transform:none}h3{font-size:29px;margin-bottom:20px;line-height:1.2em;font-weight:400;text-transform:none}h4{font-size:24px}h5{font-size:20px}h4,h5,h6{margin-bottom:20px}ol,ul{margin:0 0 1.5em 3em}ul{list-style:disc}ol{list-style:decimal}li>ol,li>ul{margin-bottom:0;margin-left:1.5em}dt{font-weight:700}dd{margin:0 1.5em 1.5em}b,strong{font-weight:700}cite,dfn,em,i{font-style:italic}address{margin:0 0 1.5em}code,kbd,tt,var{font:15px Monaco,Consolas,"Andale Mono","DejaVu Sans Mono",monospace}abbr,acronym{border-bottom:1px dotted #666;cursor:help}ins,mark{text-decoration:none}sub,sup{font-size:75%;height:0;line-height:0;position:relative;vertical-align:baseline}sup{bottom:1ex}sub{top:.5ex}small{font-size:75%}big{font-size:125%}figure{margin:0}table{margin:0 0 1.5em;width:100%}th{font-weight:700}img{height:auto;max-width:100%}button,input[type=button],input[type=reset],input[type=submit]{background:#55555e;color:#fff;border:1px solid transparent;cursor:pointer;-webkit-appearance:button;padding:10px 20px}input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],select,textarea{border:1px solid;border-radius:0;padding:10px 15px;max-width:100%}textarea{width:100%}a,button,input{transition:color .1s ease-in-out,background-color .1s ease-in-out}a,a:focus,a:hover,a:visited{text-decoration:none}.button,.wp-block-button .wp-block-button__link{padding:10px 20px;display:inline-block}.wp-block-button .wp-block-button__link{font-size:inherit;line-height:inherit}.using-mouse :focus{outline:0}.using-mouse ::-moz-focus-inner{border:0}.alignleft{float:left;margin-right:1.5em}.alignright{float:right;margin-left:1.5em}.aligncenter{clear:both;display:block;margin:0 auto}.size-auto,.size-full,.size-large,.size-medium,.size-thumbnail{max-width:100%;height:auto}.no-sidebar .entry-content .alignfull{margin-left:calc(-100vw / 2 + 100% / 2);margin-right:calc(-100vw / 2 + 100% / 2);max-width:100vw;width:auto}.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important}.screen-reader-text:focus{background-color:#f1f1f1;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip:auto!important;-webkit-clip-path:none;clip-path:none;color:#21759b;display:block;font-size:.875rem;font-weight:700;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}#primary[tabindex="-1"]:focus{outline:0}.main-navigation{z-index:100;padding:0;clear:both;display:block}.main-navigation a{display:block;text-decoration:none;font-weight:400;text-transform:none;font-size:15px}.main-navigation ul{list-style:none;margin:0;padding-left:0}.main-navigation .main-nav ul li a{padding-left:20px;padding-right:20px;line-height:60px}.inside-navigation{position:relative}.main-navigation .inside-navigation{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between}.main-navigation .main-nav>ul{display:flex;flex-wrap:wrap;align-items:center}.main-navigation li{position:relative}.main-navigation .menu-bar-items{display:flex;align-items:center;font-size:15px}.main-navigation .menu-bar-items a{color:inherit}.main-navigation .menu-bar-item{position:relative}.main-navigation .menu-bar-item.search-item{z-index:20}.main-navigation .menu-bar-item>a{padding-left:20px;padding-right:20px;line-height:60px}.sidebar .main-navigation .main-nav{flex-basis:100%}.sidebar .main-navigation .main-nav>ul{flex-direction:column}.sidebar .main-navigation .menu-bar-items{margin:0 auto}.sidebar .main-navigation .menu-bar-items .search-item{order:10}.nav-align-center .inside-navigation{justify-content:center}.nav-align-center .main-nav>ul{justify-content:center}.nav-align-right .inside-navigation{justify-content:flex-end}.main-navigation ul ul{display:block;box-shadow:1px 1px 0 rgba(0,0,0,.1);float:left;position:absolute;left:-99999px;opacity:0;z-index:99999;width:200px;text-align:left;top:auto;transition:opacity 80ms linear;transition-delay:0s;pointer-events:none;height:0;overflow:hidden}.main-navigation ul ul a{display:block}.main-navigation ul ul li{width:100%}.main-navigation .main-nav ul ul li a{line-height:normal;padding:10px 20px;font-size:14px}.main-navigation .main-nav ul li.menu-item-has-children>a{padding-right:0;position:relative}.main-navigation.sub-menu-left .sub-menu{right:0}.main-navigation:not(.toggled) ul li.sfHover>ul,.main-navigation:not(.toggled) ul li:hover>ul{left:auto;opacity:1;transition-delay:150ms;pointer-events:auto;height:auto;overflow:visible}.main-navigation:not(.toggled) ul ul li.sfHover>ul,.main-navigation:not(.toggled) ul ul li:hover>ul{left:100%;top:0}.main-navigation.sub-menu-left:not(.toggled) ul ul li.sfHover>ul,.main-navigation.sub-menu-left:not(.toggled) ul ul li:hover>ul{right:100%;left:auto}.nav-float-right .main-navigation ul ul ul{top:0}.menu-item-has-children .dropdown-menu-toggle{display:inline-block;height:100%;clear:both;padding-right:20px;padding-left:10px}.menu-item-has-children ul .dropdown-menu-toggle{padding-top:10px;padding-bottom:10px;margin-top:-10px}.sidebar .menu-item-has-children .dropdown-menu-toggle,nav ul ul .menu-item-has-children .dropdown-menu-toggle{float:right}.widget-area .main-navigation li{float:none;display:block;width:100%;padding:0;margin:0}.sidebar .main-navigation.sub-menu-right ul li.sfHover ul,.sidebar .main-navigation.sub-menu-right ul li:hover ul{top:0;left:100%}.sidebar .main-navigation.sub-menu-left ul li.sfHover ul,.sidebar .main-navigation.sub-menu-left ul li:hover ul{top:0;right:100%}.site-main .comment-navigation,.site-main .post-navigation,.site-main .posts-navigation{margin:0 0 2em;overflow:hidden}.site-main .post-navigation{margin-bottom:0}.paging-navigation .nav-next,.paging-navigation .nav-previous{display:none}.paging-navigation .nav-links>*{padding:0 5px}.paging-navigation .nav-links .current{font-weight:700}.nav-links>:first-child{padding-left:0}.site-header{position:relative}.inside-header{padding:20px 40px}.main-title{margin:0;font-size:25px;line-height:1.2em;word-wrap:break-word;font-weight:700;text-transform:none}.site-description{margin:0;line-height:1.5;font-weight:400;text-transform:none;font-size:15px}.site-logo{display:inline-block;max-width:100%}.site-header .header-image{vertical-align:middle}.inside-header{display:flex;align-items:center}.header-widget{margin-left:auto}.header-widget p:last-child{margin-bottom:0}.nav-float-right .header-widget{margin-left:20px}.nav-float-right #site-navigation{margin-left:auto}.nav-float-left #site-navigation{margin-right:auto;order:-10}.nav-float-left .header-widget{margin-left:0;margin-right:20px;order:-15}.header-aligned-center:not([class*=nav-float-]) .inside-header{justify-content:center;flex-direction:column;text-align:center}.header-aligned-center:not([class*=nav-float-]) .header-widget{margin-left:auto;margin-right:auto}.header-aligned-center:not([class*=nav-float-]) .inside-header>:not(:first-child){margin-top:1em}.header-aligned-right:not([class*=nav-float-]) .inside-header{justify-content:flex-end}.header-aligned-right:not([class*=nav-float-]) .header-widget{margin-right:auto;margin-left:0;order:-10}.site-branding-container{display:inline-flex;align-items:center;text-align:left;flex-shrink:0}.site-branding-container .site-logo{margin-right:1em}.sticky{display:block}.entry-header .gp-icon,.posted-on .updated{display:none}.byline,.entry-header .cat-links,.entry-header .comments-link,.entry-header .tags-links,.group-blog .byline,.single .byline{display:inline}footer.entry-meta .byline,footer.entry-meta .posted-on{display:block}.entry-content:not(:first-child),.entry-summary:not(:first-child),.page-content:not(:first-child){margin-top:2em}.page-links{clear:both;margin:0 0 1.5em}.archive .format-aside .entry-header,.archive .format-status .entry-header,.archive .format-status .entry-meta,.archive .format-status .entry-title,.blog .format-aside .entry-header,.blog .format-status .entry-header,.blog .format-status .entry-meta,.blog .format-status .entry-title{display:none}.archive .format-aside .entry-content,.archive .format-status .entry-content,.blog .format-aside .entry-content,.blog .format-status .entry-content{margin-top:0}.archive .format-status .entry-content p:last-child,.blog .format-status .entry-content p:last-child{margin-bottom:0}.entry-header,.site-content{word-wrap:break-word}.entry-title{margin-bottom:0}.author .page-header .page-title{display:flex;align-items:center}.author .page-header .avatar{margin-right:20px}.page-header .author-info>:last-child,.page-header>:last-child{margin-bottom:0}.entry-meta{font-size:85%;margin-top:.5em;line-height:1.5}footer.entry-meta{margin-top:2em}.cat-links,.comments-link,.tags-links{display:block}.entry-content>p:last-child,.entry-summary>p:last-child,.page-content>p:last-child,.read-more-container,.taxonomy-description p:last-child{margin-bottom:0}.wp-caption{margin-bottom:1.5em;max-width:100%;position:relative}.wp-caption img[class*=wp-image-]{display:block;margin:0 auto 0;max-width:100%}.wp-caption .wp-caption-text{font-size:75%;padding-top:5px;opacity:.8}.wp-caption img{position:relative;vertical-align:bottom}.wp-block-image figcaption{font-size:13px;text-align:center}.wp-block-gallery,ul.blocks-gallery-grid{margin-left:0}.wp-block-gallery .blocks-gallery-image figcaption,.wp-block-gallery .blocks-gallery-item figcaption{background:rgba(255,255,255,.7);color:#000;padding:10px;box-sizing:border-box}.gallery{margin-bottom:1.5em}.gallery-item{display:inline-block;text-align:center;vertical-align:top;width:100%}.gallery-columns-2 .gallery-item{max-width:50%}.gallery-columns-3 .gallery-item{max-width:33.33%}.gallery-columns-4 .gallery-item{max-width:25%}.gallery-columns-5 .gallery-item{max-width:20%}.gallery-columns-6 .gallery-item{max-width:16.66%}.gallery-columns-7 .gallery-item{max-width:14.28%}.gallery-columns-8 .gallery-item{max-width:12.5%}.gallery-columns-9 .gallery-item{max-width:11.11%}.gallery-caption{display:block}.site-main .gallery{margin-bottom:1.5em}.gallery-item img{vertical-align:bottom}.gallery-icon{padding:5px}embed,iframe,object{max-width:100%}.widget-area .widget{padding:40px}.widget select{max-width:100%}.footer-widgets .widget :last-child,.sidebar .widget :last-child{margin-bottom:0}.widget-title{margin-bottom:30px;font-size:20px;line-height:1.5;font-weight:400;text-transform:none}.widget ol,.widget ul{margin:0}.widget .search-field{width:100%}.widget .search-form{display:flex}.widget .search-form button.search-submit{font-size:15px}.footer-widgets .widget{margin-bottom:30px}.footer-widgets .widget:last-child,.sidebar .widget:last-child{margin-bottom:0}.widget ul li{list-style-type:none;position:relative;margin-bottom:.5em}.widget ul li ul{margin-left:1em;margin-top:.5em}.wp-calendar-table{table-layout:fixed}.site-content{display:flex}.grid-container{margin-left:auto;margin-right:auto;max-width:1200px}.page-header,.sidebar .widget,.site-main>*{margin-bottom:20px}.both-left .inside-left-sidebar,.both-right .inside-left-sidebar{margin-right:10px}.both-left .inside-right-sidebar,.both-right .inside-right-sidebar{margin-left:10px}.one-container.both-right .site-main,.one-container.right-sidebar .site-main{margin-right:40px}.one-container.both-left .site-main,.one-container.left-sidebar .site-main{margin-left:40px}.one-container.both-sidebars .site-main{margin:0 40px 0 40px}.one-container.archive .post:not(:last-child),.one-container.blog .post:not(:last-child){padding-bottom:40px}.one-container .site-content{padding:40px}.separate-containers .comments-area,.separate-containers .inside-article,.separate-containers .page-header,.separate-containers .paging-navigation{padding:40px}.separate-containers .site-main{margin:20px}.separate-containers.no-sidebar .site-main{margin-left:0;margin-right:0}.separate-containers.both-right .site-main,.separate-containers.right-sidebar .site-main{margin-left:0}.separate-containers.both-left .site-main,.separate-containers.left-sidebar .site-main{margin-right:0}.separate-containers .inside-left-sidebar,.separate-containers .inside-right-sidebar{margin-top:20px;margin-bottom:20px}.inside-page-header{padding:40px}.widget-area .main-navigation{margin-bottom:20px}.one-container .site-main>:last-child,.separate-containers .site-main>:last-child{margin-bottom:0}.full-width-content .container.grid-container{max-width:100%}.full-width-content.no-sidebar.separate-containers .site-main{margin:0}.full-width-content.one-container .site-content,.full-width-content.separate-containers .inside-article{padding:0}.full-width-content .entry-content .alignwide{margin-left:0;width:auto;max-width:unset}.contained-content.one-container .site-content,.contained-content.separate-containers .inside-article{padding:0}.sidebar .grid-container{max-width:100%;width:100%}.both-left .is-left-sidebar,.both-sidebars .is-left-sidebar,.left-sidebar .sidebar{order:-10}.both-left .is-right-sidebar{order:-5}.both-right .is-left-sidebar{order:5}.both-right .is-right-sidebar,.both-sidebars .is-right-sidebar{order:10}.inside-site-info{display:flex;align-items:center;justify-content:center;padding:20px 40px}.site-info{text-align:center;font-size:15px}.post-image:not(:first-child){margin-top:2em}.featured-image{line-height:0}.separate-containers .featured-image{margin-top:20px}.separate-containers .inside-article>.featured-image{margin-top:0;margin-bottom:2em}.one-container .inside-article>.featured-image{margin-top:0;margin-bottom:2em}.gp-icon{display:inline-flex;align-self:center}.gp-icon svg{height:1em;width:1em;top:.125em;position:relative;fill:currentColor}.close-search .icon-search svg:nth-child(1),.icon-menu-bars svg:nth-child(2),.icon-search svg:nth-child(2),.toggled .icon-menu-bars svg:nth-child(1){display:none}.close-search .icon-search svg:nth-child(2),.toggled .icon-menu-bars svg:nth-child(2){display:block}.entry-meta .gp-icon{margin-right:.6em;opacity:.7}nav.toggled .icon-arrow-left svg{transform:rotate(-90deg)}nav.toggled .icon-arrow-right svg{transform:rotate(90deg)}nav.toggled .sfHover>a>.dropdown-menu-toggle .gp-icon svg{transform:rotate(180deg)}nav.toggled .sfHover>a>.dropdown-menu-toggle .gp-icon.icon-arrow-left svg{transform:rotate(-270deg)}nav.toggled .sfHover>a>.dropdown-menu-toggle .gp-icon.icon-arrow-right svg{transform:rotate(270deg)}.container.grid-container{width:auto}.menu-toggle,.mobile-bar-items,.sidebar-nav-mobile{display:none}.menu-toggle{padding:0 20px;line-height:60px;margin:0;font-weight:400;text-transform:none;font-size:15px;cursor:pointer}.menu-toggle .mobile-menu{padding-left:3px}.menu-toggle .gp-icon+.mobile-menu{padding-left:9px}.menu-toggle .mobile-menu:empty{display:none}button.menu-toggle{background-color:transparent;flex-grow:1;border:0;text-align:center}button.menu-toggle:active,button.menu-toggle:focus,button.menu-toggle:hover{background-color:transparent}.has-menu-bar-items button.menu-toggle{flex-grow:0}nav.toggled ul ul.sub-menu{width:100%}.toggled .menu-item-has-children .dropdown-menu-toggle{padding-left:20px}.main-navigation.toggled .main-nav{flex-basis:100%;order:3}.main-navigation.toggled .main-nav>ul{display:block}.main-navigation.toggled .main-nav li{width:100%;text-align:left}.main-navigation.toggled .main-nav ul ul{transition:0s;visibility:hidden}.main-navigation.toggled .main-nav ul ul.toggled-on{position:relative;top:0;left:auto!important;right:auto!important;width:100%;pointer-events:auto;height:auto;opacity:1;display:block;visibility:visible;float:none}.main-navigation.toggled .menu-item-has-children .dropdown-menu-toggle{float:right}.mobile-menu-control-wrapper{display:none;margin-left:auto;align-items:center}.has-inline-mobile-toggle #site-navigation.toggled{margin-top:1.5em}.has-inline-mobile-toggle #site-navigation.has-active-search{margin-top:1.5em}.has-inline-mobile-toggle #site-navigation.has-active-search .nav-search-active{position:relative}.has-inline-mobile-toggle #site-navigation.has-active-search .navigation-search input{outline:auto}.nav-float-left .mobile-menu-control-wrapper{order:-10;margin-left:0;margin-right:auto;flex-direction:row-reverse}@media (max-width:768px){.hide-on-mobile{display:none!important}a,body,button,input,select,textarea{transition:all 0s ease-in-out}.inside-header{flex-direction:column;text-align:center}.site-header .header-widget{margin-top:1.5em;margin-left:auto;margin-right:auto;text-align:center}.site-content{flex-direction:column}.container .site-content .content-area{width:auto}.is-left-sidebar.sidebar,.is-right-sidebar.sidebar{width:auto;order:initial}.is-left-sidebar+.is-right-sidebar .inside-right-sidebar{margin-top:0}.both-left .inside-left-sidebar,.both-left .inside-right-sidebar,.both-right .inside-left-sidebar,.both-right .inside-right-sidebar{margin-right:0;margin-left:0}#main{margin-left:0;margin-right:0}body:not(.no-sidebar) #main{margin-bottom:0}.alignleft,.alignright{float:none;display:block;margin-left:auto;margin-right:auto}.comment .children{padding-left:10px;margin-left:0}.entry-meta{font-size:inherit}.entry-meta a{line-height:1.8em}}@media (min-width:769px) and (max-width:1024px){.hide-on-tablet{display:none!important}}@media (min-width:1025px){.hide-on-desktop{display:none!important}} \ No newline at end of file +blockquote,body,dd,dl,dt,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,html,iframe,legend,li,ol,p,pre,textarea,ul{margin:0;padding:0;border:0}html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}main{display:block}progress{vertical-align:baseline}html{box-sizing:border-box}*,::after,::before{box-sizing:inherit}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;margin:0}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-moz-focus-inner{border-style:none;padding:0}:-moz-focusring{outline:1px dotted ButtonText}body,button,input,select,textarea{font-family:-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-weight:400;text-transform:none;font-size:17px;line-height:1.5}p{margin-bottom:1.5em}h1,h2,h3,h4,h5,h6{font-family:inherit;font-size:100%;font-style:inherit;font-weight:inherit}pre{background:rgba(0,0,0,.05);font-family:inherit;font-size:inherit;line-height:normal;margin-bottom:1.5em;padding:20px;overflow:auto;max-width:100%}blockquote{border-left:5px solid rgba(0,0,0,.05);padding:20px;font-size:1.2em;font-style:italic;margin:0 0 1.5em;position:relative}blockquote p:last-child{margin:0}table,td,th{border:1px solid rgba(0,0,0,.1)}table{border-collapse:separate;border-spacing:0;border-width:1px 0 0 1px;margin:0 0 1.5em;width:100%}td,th{padding:8px}th{border-width:0 1px 1px 0}td{border-width:0 1px 1px 0}hr{background-color:rgba(0,0,0,.1);border:0;height:1px;margin-bottom:40px;margin-top:40px}fieldset{padding:0;border:0;min-width:inherit}fieldset legend{padding:0;margin-bottom:1.5em}h1{font-size:42px;margin-bottom:20px;line-height:1.2em;font-weight:400;text-transform:none}h2{font-size:35px;margin-bottom:20px;line-height:1.2em;font-weight:400;text-transform:none}h3{font-size:29px;margin-bottom:20px;line-height:1.2em;font-weight:400;text-transform:none}h4{font-size:24px}h5{font-size:20px}h4,h5,h6{margin-bottom:20px}ol,ul{margin:0 0 1.5em 3em}ul{list-style:disc}ol{list-style:decimal}li>ol,li>ul{margin-bottom:0;margin-left:1.5em}dt{font-weight:700}dd{margin:0 1.5em 1.5em}b,strong{font-weight:700}cite,dfn,em,i{font-style:italic}address{margin:0 0 1.5em}code,kbd,tt,var{font:15px Monaco,Consolas,"Andale Mono","DejaVu Sans Mono",monospace}abbr,acronym{border-bottom:1px dotted #666;cursor:help}ins,mark{text-decoration:none}sub,sup{font-size:75%;height:0;line-height:0;position:relative;vertical-align:baseline}sup{bottom:1ex}sub{top:.5ex}small{font-size:75%}big{font-size:125%}figure{margin:0}table{margin:0 0 1.5em;width:100%}th{font-weight:700}img{height:auto;max-width:100%}button,input[type=button],input[type=reset],input[type=submit]{background:#55555e;color:#fff;border:1px solid transparent;cursor:pointer;-webkit-appearance:button;padding:10px 20px}input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],select,textarea{border:1px solid;border-radius:0;padding:10px 15px;max-width:100%}textarea{width:100%}a,button,input{transition:color .1s ease-in-out,background-color .1s ease-in-out}a{text-decoration:none}.button,.wp-block-button .wp-block-button__link{padding:10px 20px;display:inline-block}.wp-block-button .wp-block-button__link{font-size:inherit;line-height:inherit}.using-mouse :focus{outline:0}.using-mouse ::-moz-focus-inner{border:0}.alignleft{float:left;margin-right:1.5em}.alignright{float:right;margin-left:1.5em}.aligncenter{clear:both;display:block;margin:0 auto}.size-auto,.size-full,.size-large,.size-medium,.size-thumbnail{max-width:100%;height:auto}.no-sidebar .entry-content .alignfull{margin-left:calc(-100vw / 2 + 100% / 2);margin-right:calc(-100vw / 2 + 100% / 2);max-width:100vw;width:auto}.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important}.screen-reader-text:focus{background-color:#f1f1f1;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip:auto!important;-webkit-clip-path:none;clip-path:none;color:#21759b;display:block;font-size:.875rem;font-weight:700;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}#primary[tabindex="-1"]:focus{outline:0}.main-navigation{z-index:100;padding:0;clear:both;display:block}.main-navigation a{display:block;text-decoration:none;font-weight:400;text-transform:none;font-size:15px}.main-navigation ul{list-style:none;margin:0;padding-left:0}.main-navigation .main-nav ul li a{padding-left:20px;padding-right:20px;line-height:60px}.inside-navigation{position:relative}.main-navigation .inside-navigation{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between}.main-navigation .main-nav>ul{display:flex;flex-wrap:wrap;align-items:center}.main-navigation li{position:relative}.main-navigation .menu-bar-items{display:flex;align-items:center;font-size:15px}.main-navigation .menu-bar-items a{color:inherit}.main-navigation .menu-bar-item{position:relative}.main-navigation .menu-bar-item.search-item{z-index:20}.main-navigation .menu-bar-item>a{padding-left:20px;padding-right:20px;line-height:60px}.sidebar .main-navigation .main-nav{flex-basis:100%}.sidebar .main-navigation .main-nav>ul{flex-direction:column}.sidebar .main-navigation .menu-bar-items{margin:0 auto}.sidebar .main-navigation .menu-bar-items .search-item{order:10}.nav-align-center .inside-navigation{justify-content:center}.nav-align-center .main-nav>ul{justify-content:center}.nav-align-right .inside-navigation{justify-content:flex-end}.main-navigation ul ul{display:block;box-shadow:1px 1px 0 rgba(0,0,0,.1);float:left;position:absolute;left:-99999px;opacity:0;z-index:99999;width:200px;text-align:left;top:auto;transition:opacity 80ms linear;transition-delay:0s;pointer-events:none;height:0;overflow:hidden}.main-navigation ul ul a{display:block}.main-navigation ul ul li{width:100%}.main-navigation .main-nav ul ul li a{line-height:normal;padding:10px 20px;font-size:14px}.main-navigation .main-nav ul li.menu-item-has-children>a{padding-right:0;position:relative}.main-navigation.sub-menu-left ul ul{box-shadow:-1px 1px 0 rgba(0,0,0,.1)}.main-navigation.sub-menu-left .sub-menu{right:0}.main-navigation:not(.toggled) ul li.sfHover>ul,.main-navigation:not(.toggled) ul li:hover>ul{left:auto;opacity:1;transition-delay:150ms;pointer-events:auto;height:auto;overflow:visible}.main-navigation:not(.toggled) ul ul li.sfHover>ul,.main-navigation:not(.toggled) ul ul li:hover>ul{left:100%;top:0}.main-navigation.sub-menu-left:not(.toggled) ul ul li.sfHover>ul,.main-navigation.sub-menu-left:not(.toggled) ul ul li:hover>ul{right:100%;left:auto}.nav-float-right .main-navigation ul ul ul{top:0}.menu-item-has-children .dropdown-menu-toggle{display:inline-block;height:100%;clear:both;padding-right:20px;padding-left:10px}.menu-item-has-children ul .dropdown-menu-toggle{padding-top:10px;padding-bottom:10px;margin-top:-10px}.sidebar .menu-item-has-children .dropdown-menu-toggle,nav ul ul .menu-item-has-children .dropdown-menu-toggle{float:right}.widget-area .main-navigation li{float:none;display:block;width:100%;padding:0;margin:0}.sidebar .main-navigation.sub-menu-right ul li.sfHover ul,.sidebar .main-navigation.sub-menu-right ul li:hover ul{top:0;left:100%}.sidebar .main-navigation.sub-menu-left ul li.sfHover ul,.sidebar .main-navigation.sub-menu-left ul li:hover ul{top:0;right:100%}.site-main .comment-navigation,.site-main .post-navigation,.site-main .posts-navigation{margin:0 0 2em;overflow:hidden}.site-main .post-navigation{margin-bottom:0}.paging-navigation .nav-next,.paging-navigation .nav-previous{display:none}.paging-navigation .nav-links>*{padding:0 5px}.paging-navigation .nav-links .current{font-weight:700}.nav-links>:first-child{padding-left:0}.site-header{position:relative}.inside-header{padding:20px 40px}.main-title{margin:0;font-size:25px;line-height:1.2em;word-wrap:break-word;font-weight:700;text-transform:none}.site-description{margin:0;line-height:1.5;font-weight:400;text-transform:none;font-size:15px}.site-logo{display:inline-block;max-width:100%}.site-header .header-image{vertical-align:middle}.inside-header{display:flex;align-items:center}.header-widget{margin-left:auto}.header-widget p:last-child{margin-bottom:0}.nav-float-right .header-widget{margin-left:20px}.nav-float-right #site-navigation{margin-left:auto}.nav-float-left #site-navigation{margin-right:auto;order:-10}.nav-float-left .header-widget{margin-left:0;margin-right:20px;order:-15}.header-aligned-center:not([class*=nav-float-]) .inside-header{justify-content:center;flex-direction:column;text-align:center}.header-aligned-center:not([class*=nav-float-]) .header-widget{margin-left:auto;margin-right:auto}.header-aligned-center:not([class*=nav-float-]) .inside-header>:not(:first-child){margin-top:1em}.header-aligned-right:not([class*=nav-float-]) .inside-header{justify-content:flex-end}.header-aligned-right:not([class*=nav-float-]) .header-widget{margin-right:auto;margin-left:0;order:-10}.site-branding-container{display:inline-flex;align-items:center;text-align:left;flex-shrink:0}.site-branding-container .site-logo{margin-right:1em}.sticky{display:block}.entry-header .gp-icon,.posted-on .updated{display:none}.byline,.entry-header .cat-links,.entry-header .comments-link,.entry-header .tags-links,.group-blog .byline,.single .byline{display:inline}footer.entry-meta .byline,footer.entry-meta .posted-on{display:block}.entry-content:not(:first-child),.entry-summary:not(:first-child),.page-content:not(:first-child){margin-top:2em}.page-links{clear:both;margin:0 0 1.5em}.archive .format-aside .entry-header,.archive .format-status .entry-header,.archive .format-status .entry-meta,.archive .format-status .entry-title,.blog .format-aside .entry-header,.blog .format-status .entry-header,.blog .format-status .entry-meta,.blog .format-status .entry-title{display:none}.archive .format-aside .entry-content,.archive .format-status .entry-content,.blog .format-aside .entry-content,.blog .format-status .entry-content{margin-top:0}.archive .format-status .entry-content p:last-child,.blog .format-status .entry-content p:last-child{margin-bottom:0}.entry-header,.site-content{word-wrap:break-word}.entry-title{margin-bottom:0}.author .page-header .page-title{display:flex;align-items:center}.author .page-header .avatar{margin-right:20px}.page-header .author-info>:last-child,.page-header>:last-child{margin-bottom:0}.entry-meta{font-size:85%;margin-top:.5em;line-height:1.5}footer.entry-meta{margin-top:2em}.cat-links,.comments-link,.tags-links{display:block}.entry-content>p:last-child,.entry-summary>p:last-child,.page-content>p:last-child,.read-more-container,.taxonomy-description p:last-child{margin-bottom:0}.wp-caption{margin-bottom:1.5em;max-width:100%;position:relative}.wp-caption img[class*=wp-image-]{display:block;margin:0 auto 0;max-width:100%}.wp-caption .wp-caption-text{font-size:75%;padding-top:5px;opacity:.8}.wp-caption img{position:relative;vertical-align:bottom}.wp-block-image figcaption{font-size:13px;text-align:center}.wp-block-gallery,ul.blocks-gallery-grid{margin-left:0}.wp-block-gallery .blocks-gallery-image figcaption,.wp-block-gallery .blocks-gallery-item figcaption{background:rgba(255,255,255,.7);color:#000;padding:10px;box-sizing:border-box}.gallery{margin-bottom:1.5em}.gallery-item{display:inline-block;text-align:center;vertical-align:top;width:100%}.gallery-columns-2 .gallery-item{max-width:50%}.gallery-columns-3 .gallery-item{max-width:33.33%}.gallery-columns-4 .gallery-item{max-width:25%}.gallery-columns-5 .gallery-item{max-width:20%}.gallery-columns-6 .gallery-item{max-width:16.66%}.gallery-columns-7 .gallery-item{max-width:14.28%}.gallery-columns-8 .gallery-item{max-width:12.5%}.gallery-columns-9 .gallery-item{max-width:11.11%}.gallery-caption{display:block}.site-main .gallery{margin-bottom:1.5em}.gallery-item img{vertical-align:bottom}.gallery-icon{padding:5px}embed,iframe,object{max-width:100%}.wp-block-post-template{margin-left:0}.widget-area .widget{padding:40px}.widget select{max-width:100%}.footer-widgets .widget :last-child,.sidebar .widget :last-child{margin-bottom:0}.widget-title{margin-bottom:30px;font-size:20px;line-height:1.5;font-weight:400;text-transform:none}.widget ol,.widget ul{margin:0}.widget .search-field{width:100%}.widget .search-form{display:flex}.widget .search-form button.search-submit{font-size:15px}.footer-widgets .widget{margin-bottom:30px}.footer-widgets .widget:last-child,.sidebar .widget:last-child{margin-bottom:0}.widget ul li{list-style-type:none;position:relative;margin-bottom:.5em}.widget ul li ul{margin-left:1em;margin-top:.5em}.wp-calendar-table{table-layout:fixed}.site-content{display:flex}.grid-container{margin-left:auto;margin-right:auto;max-width:1200px}.page-header,.sidebar .widget,.site-main>*{margin-bottom:20px}.both-left .inside-left-sidebar,.both-right .inside-left-sidebar{margin-right:10px}.both-left .inside-right-sidebar,.both-right .inside-right-sidebar{margin-left:10px}.one-container.both-right .site-main,.one-container.right-sidebar .site-main{margin-right:40px}.one-container.both-left .site-main,.one-container.left-sidebar .site-main{margin-left:40px}.one-container.both-sidebars .site-main{margin:0 40px 0 40px}.one-container.archive .post:not(:last-child),.one-container.blog .post:not(:last-child){padding-bottom:40px}.one-container .site-content{padding:40px}.separate-containers .comments-area,.separate-containers .inside-article,.separate-containers .page-header,.separate-containers .paging-navigation{padding:40px}.separate-containers .site-main{margin:20px}.separate-containers.no-sidebar .site-main{margin-left:0;margin-right:0}.separate-containers.both-right .site-main,.separate-containers.right-sidebar .site-main{margin-left:0}.separate-containers.both-left .site-main,.separate-containers.left-sidebar .site-main{margin-right:0}.separate-containers .inside-left-sidebar,.separate-containers .inside-right-sidebar{margin-top:20px;margin-bottom:20px}.inside-page-header{padding:40px}.widget-area .main-navigation{margin-bottom:20px}.one-container .site-main>:last-child,.separate-containers .site-main>:last-child{margin-bottom:0}.full-width-content .container.grid-container{max-width:100%}.full-width-content.no-sidebar.separate-containers .site-main{margin:0}.full-width-content.one-container .site-content,.full-width-content.separate-containers .inside-article{padding:0}.full-width-content .entry-content .alignwide{margin-left:0;width:auto;max-width:unset}.contained-content.one-container .site-content,.contained-content.separate-containers .inside-article{padding:0}.sidebar .grid-container{max-width:100%;width:100%}.both-left .is-left-sidebar,.both-sidebars .is-left-sidebar,.left-sidebar .sidebar{order:-10}.both-left .is-right-sidebar{order:-5}.both-right .is-left-sidebar{order:5}.both-right .is-right-sidebar,.both-sidebars .is-right-sidebar{order:10}.inside-site-info{display:flex;align-items:center;justify-content:center;padding:20px 40px}.site-info{text-align:center;font-size:15px}.post-image:not(:first-child){margin-top:2em}.featured-image{line-height:0}.separate-containers .featured-image{margin-top:20px}.separate-containers .inside-article>.featured-image{margin-top:0;margin-bottom:2em}.one-container .inside-article>.featured-image{margin-top:0;margin-bottom:2em}.gp-icon{display:inline-flex;align-self:center}.gp-icon svg{height:1em;width:1em;top:.125em;position:relative;fill:currentColor}.close-search .icon-search svg:nth-child(1),.icon-menu-bars svg:nth-child(2),.icon-search svg:nth-child(2),.toggled .icon-menu-bars svg:nth-child(1){display:none}.close-search .icon-search svg:nth-child(2),.toggled .icon-menu-bars svg:nth-child(2){display:block}.entry-meta .gp-icon{margin-right:.6em;opacity:.7}nav.toggled .icon-arrow-left svg{transform:rotate(-90deg)}nav.toggled .icon-arrow-right svg{transform:rotate(90deg)}nav.toggled .sfHover>a>.dropdown-menu-toggle .gp-icon svg{transform:rotate(180deg)}nav.toggled .sfHover>a>.dropdown-menu-toggle .gp-icon.icon-arrow-left svg{transform:rotate(-270deg)}nav.toggled .sfHover>a>.dropdown-menu-toggle .gp-icon.icon-arrow-right svg{transform:rotate(270deg)}.container.grid-container{width:auto}.menu-toggle,.mobile-bar-items,.sidebar-nav-mobile{display:none}.menu-toggle{padding:0 20px;line-height:60px;margin:0;font-weight:400;text-transform:none;font-size:15px;cursor:pointer}.menu-toggle .mobile-menu{padding-left:3px}.menu-toggle .gp-icon+.mobile-menu{padding-left:9px}.menu-toggle .mobile-menu:empty{display:none}button.menu-toggle{background-color:transparent;flex-grow:1;border:0;text-align:center}button.menu-toggle:active,button.menu-toggle:focus,button.menu-toggle:hover{background-color:transparent}.has-menu-bar-items button.menu-toggle{flex-grow:0}nav.toggled ul ul.sub-menu{width:100%}.toggled .menu-item-has-children .dropdown-menu-toggle{padding-left:20px}.main-navigation.toggled .main-nav{flex-basis:100%;order:3}.main-navigation.toggled .main-nav>ul{display:block}.main-navigation.toggled .main-nav li{width:100%;text-align:left}.main-navigation.toggled .main-nav ul ul{transition:0s;visibility:hidden;box-shadow:none;border-bottom:1px solid rgba(0,0,0,.05)}.main-navigation.toggled .main-nav ul ul li:last-child>ul{border-bottom:0}.main-navigation.toggled .main-nav ul ul.toggled-on{position:relative;top:0;left:auto!important;right:auto!important;width:100%;pointer-events:auto;height:auto;opacity:1;display:block;visibility:visible;float:none}.main-navigation.toggled .menu-item-has-children .dropdown-menu-toggle{float:right}.mobile-menu-control-wrapper{display:none;margin-left:auto;align-items:center}.has-inline-mobile-toggle #site-navigation.toggled{margin-top:1.5em}.has-inline-mobile-toggle #site-navigation.has-active-search{margin-top:1.5em}.has-inline-mobile-toggle #site-navigation.has-active-search .nav-search-active{position:relative}.has-inline-mobile-toggle #site-navigation.has-active-search .navigation-search input{outline:auto}.nav-float-left .mobile-menu-control-wrapper{order:-10;margin-left:0;margin-right:auto;flex-direction:row-reverse}@media (max-width:768px){.hide-on-mobile{display:none!important}a,body,button,input,select,textarea{transition:all 0s ease-in-out}.inside-header{flex-direction:column;text-align:center}.site-header .header-widget{margin-top:1.5em;margin-left:auto;margin-right:auto;text-align:center}.site-content{flex-direction:column}.container .site-content .content-area{width:auto}.is-left-sidebar.sidebar,.is-right-sidebar.sidebar{width:auto;order:initial}.is-left-sidebar+.is-right-sidebar .inside-right-sidebar{margin-top:0}.both-left .inside-left-sidebar,.both-left .inside-right-sidebar,.both-right .inside-left-sidebar,.both-right .inside-right-sidebar{margin-right:0;margin-left:0}#main{margin-left:0;margin-right:0}body:not(.no-sidebar) #main{margin-bottom:0}.alignleft,.alignright{float:none;display:block;margin-left:auto;margin-right:auto}.comment .children{padding-left:10px;margin-left:0}.entry-meta{font-size:inherit}.entry-meta a{line-height:1.8em}}@media (min-width:769px) and (max-width:1024px){.hide-on-tablet{display:none!important}}@media (min-width:1025px){.hide-on-desktop{display:none!important}} \ No newline at end of file diff --git a/wp-content/themes/generatepress/assets/css/mobile.css b/wp-content/themes/generatepress/assets/css/mobile.css index 3194c443..aa1c1c15 100644 --- a/wp-content/themes/generatepress/assets/css/mobile.css +++ b/wp-content/themes/generatepress/assets/css/mobile.css @@ -1,258 +1,258 @@ -/*-------------------------------------------------------------- -# Mobile Menu ---------------------------------------------------------------*/ -.menu-toggle, -.mobile-bar-items, -.sidebar-nav-mobile { - display: none; -} - -.menu-toggle { - padding: 0 20px; - line-height: 60px; - margin: 0; - font-weight: normal; - text-transform: none; - font-size: 15px; - cursor: pointer; -} - -button.menu-toggle { - background-color: transparent; - width: 100%; - border: 0; - text-align: center; -} - -button.menu-toggle:hover, -button.menu-toggle:active, -button.menu-toggle:focus { - background-color: transparent; -} - -.menu-toggle .mobile-menu { - padding-left: 3px; -} - -.menu-toggle .gp-icon + .mobile-menu { - padding-left: 9px; -} - -.menu-toggle .mobile-menu:empty { - display: none; -} - -.nav-search-enabled .main-navigation .menu-toggle { - text-align: left; -} - -.mobile-bar-items { - display: none; - position: absolute; - right: 0; - top: 0; - z-index: 21; - list-style-type: none; -} - -.mobile-bar-items a { - display: inline-block; -} - -nav.toggled ul ul.sub-menu { - width: 100%; -} - -.dropdown-hover .main-navigation.toggled ul li:hover > ul, -.dropdown-hover .main-navigation.toggled ul li.sfHover > ul { - transition-delay: 0s; -} - -.toggled .menu-item-has-children .dropdown-menu-toggle { - padding-left: 20px; -} - -.main-navigation.toggled ul ul { - transition: 0s; - visibility: hidden; -} - -.main-navigation.toggled .main-nav > ul { - display: block; -} - -.main-navigation.toggled .main-nav ul ul.toggled-on { - position: relative; - top: 0; - left: auto !important; - right: auto !important; - width: 100%; - pointer-events: auto; - height: auto; - opacity: 1; - display: block; - visibility: visible; - float: none; -} - -.main-navigation.toggled .main-nav li { - float: none; - clear: both; - display: block; - text-align: left; -} - -.main-navigation.toggled .main-nav li.hide-on-mobile { - display: none !important; -} - -.main-navigation.toggled .menu-item-has-children .dropdown-menu-toggle { - float: right; -} - -.main-navigation.toggled .menu li.search-item { - display: none !important; -} - -.main-navigation.toggled .sf-menu > li.menu-item-float-right { - float: none; - display: inline-block; -} - -/*-------------------------------------------------------------- -# Breakpoint (768px) ---------------------------------------------------------------*/ -@media (max-width: 768px) { - /*-------------------------------------------------------------- - ## Links - --------------------------------------------------------------*/ - a, body, button, input, select, textarea { - transition: all 0s ease-in-out; - } - /*-------------------------------------------------------------- - ## Top Bar - --------------------------------------------------------------*/ - .top-bar.top-bar-align-left, - .top-bar.top-bar-align-right { - text-align: center; - } - .top-bar .widget { - float: none !important; - margin: 0 10px !important; - } - .top-bar .widget_nav_menu li { - float: none; - display: inline-block; - padding: 5px 0; - } - .footer-bar .widget_nav_menu li:first-child { - margin-left: 10px; - } - .footer-bar .widget_nav_menu li:last-child { - margin-right: 10px; - } - /*-------------------------------------------------------------- - ## Header - --------------------------------------------------------------*/ - .inside-header > *:not(:last-child):not(.main-navigation) { - margin-bottom: 20px; - } - .site-header, - .header-aligned-right .site-header { - text-align: center; - } - .header-widget { - float: none; - max-width: 100%; - text-align: center; - } - /*-------------------------------------------------------------- - ## Content Area - --------------------------------------------------------------*/ - .sidebar, - .content-area, - .inside-footer-widgets > div { - float: none; - width: 100%; - left: 0; - right: 0; - } - .site-main { - margin-left: 0 !important; - margin-right: 0 !important; - } - body:not(.no-sidebar) .site-main { - margin-bottom: 0 !important; - } - .one-container .sidebar { - margin-top: 40px; - } - .separate-containers #left-sidebar + #right-sidebar .inside-right-sidebar { - margin-top: 0; - } - .both-right.separate-containers .inside-left-sidebar, - .both-left.separate-containers .inside-left-sidebar, - .both-right.separate-containers .inside-right-sidebar, - .both-left.separate-containers .inside-right-sidebar { - margin-right: 0; - margin-left: 0; - } - .alignleft, - .alignright { - float: none; - display: block; - margin-left: auto; - margin-right: auto; - } - .post-image-aligned-left .post-image, - .post-image-aligned-right .post-image { - float: none; - margin: 2em 0; - text-align: center; - } - .comment .children { - padding-left: 10px; - margin-left: 0; - } - .edd_download { - display: block; - float: none !important; - margin-bottom: 1.5em; - width: 100% !important; - } - .entry-meta { - font-size: inherit; - } - .entry-meta a { - line-height: 1.8em; - } - /*-------------------------------------------------------------- - ## Footer - --------------------------------------------------------------*/ - .site-info { - text-align: center; - } - .copyright-bar { - float: none !important; - text-align: center !important; - } - .footer-bar { - float: none !important; - text-align: center !important; - margin-bottom: 20px; - } - .footer-bar .widget_nav_menu li { - float: none; - display: inline-block; - padding: 5px 0; - } - .inside-footer-widgets > div:not(:last-child) { - margin-bottom: 40px; - } - .site-footer .footer-widgets .footer-widgets-container .inside-footer-widgets { - margin: 0; - } - .site-footer .footer-widgets .footer-widgets-container .inner-padding { - padding: 0; - } -} +/*-------------------------------------------------------------- +# Mobile Menu +--------------------------------------------------------------*/ +.menu-toggle, +.mobile-bar-items, +.sidebar-nav-mobile { + display: none; +} + +.menu-toggle { + padding: 0 20px; + line-height: 60px; + margin: 0; + font-weight: normal; + text-transform: none; + font-size: 15px; + cursor: pointer; +} + +button.menu-toggle { + background-color: transparent; + width: 100%; + border: 0; + text-align: center; +} + +button.menu-toggle:hover, +button.menu-toggle:active, +button.menu-toggle:focus { + background-color: transparent; +} + +.menu-toggle .mobile-menu { + padding-left: 3px; +} + +.menu-toggle .gp-icon + .mobile-menu { + padding-left: 9px; +} + +.menu-toggle .mobile-menu:empty { + display: none; +} + +.nav-search-enabled .main-navigation .menu-toggle { + text-align: left; +} + +.mobile-bar-items { + display: none; + position: absolute; + right: 0; + top: 0; + z-index: 21; + list-style-type: none; +} + +.mobile-bar-items a { + display: inline-block; +} + +nav.toggled ul ul.sub-menu { + width: 100%; +} + +.dropdown-hover .main-navigation.toggled ul li:hover > ul, +.dropdown-hover .main-navigation.toggled ul li.sfHover > ul { + transition-delay: 0s; +} + +.toggled .menu-item-has-children .dropdown-menu-toggle { + padding-left: 20px; +} + +.main-navigation.toggled ul ul { + transition: 0s; + visibility: hidden; +} + +.main-navigation.toggled .main-nav > ul { + display: block; +} + +.main-navigation.toggled .main-nav ul ul.toggled-on { + position: relative; + top: 0; + left: auto !important; + right: auto !important; + width: 100%; + pointer-events: auto; + height: auto; + opacity: 1; + display: block; + visibility: visible; + float: none; +} + +.main-navigation.toggled .main-nav li { + float: none; + clear: both; + display: block; + text-align: left; +} + +.main-navigation.toggled .main-nav li.hide-on-mobile { + display: none !important; +} + +.main-navigation.toggled .menu-item-has-children .dropdown-menu-toggle { + float: right; +} + +.main-navigation.toggled .menu li.search-item { + display: none !important; +} + +.main-navigation.toggled .sf-menu > li.menu-item-float-right { + float: none; + display: inline-block; +} + +/*-------------------------------------------------------------- +# Breakpoint (768px) +--------------------------------------------------------------*/ +@media (max-width: 768px) { + /*-------------------------------------------------------------- + ## Links + --------------------------------------------------------------*/ + a, body, button, input, select, textarea { + transition: all 0s ease-in-out; + } + /*-------------------------------------------------------------- + ## Top Bar + --------------------------------------------------------------*/ + .top-bar.top-bar-align-left, + .top-bar.top-bar-align-right { + text-align: center; + } + .top-bar .widget { + float: none !important; + margin: 0 10px !important; + } + .top-bar .widget_nav_menu li { + float: none; + display: inline-block; + padding: 5px 0; + } + .footer-bar .widget_nav_menu li:first-child { + margin-left: 10px; + } + .footer-bar .widget_nav_menu li:last-child { + margin-right: 10px; + } + /*-------------------------------------------------------------- + ## Header + --------------------------------------------------------------*/ + .inside-header > *:not(:last-child):not(.main-navigation) { + margin-bottom: 20px; + } + .site-header, + .header-aligned-right .site-header { + text-align: center; + } + .header-widget { + float: none; + max-width: 100%; + text-align: center; + } + /*-------------------------------------------------------------- + ## Content Area + --------------------------------------------------------------*/ + .sidebar, + .content-area, + .inside-footer-widgets > div { + float: none; + width: 100%; + left: 0; + right: 0; + } + .site-main { + margin-left: 0 !important; + margin-right: 0 !important; + } + body:not(.no-sidebar) .site-main { + margin-bottom: 0 !important; + } + .one-container .sidebar { + margin-top: 40px; + } + .separate-containers #left-sidebar + #right-sidebar .inside-right-sidebar { + margin-top: 0; + } + .both-right.separate-containers .inside-left-sidebar, + .both-left.separate-containers .inside-left-sidebar, + .both-right.separate-containers .inside-right-sidebar, + .both-left.separate-containers .inside-right-sidebar { + margin-right: 0; + margin-left: 0; + } + .alignleft, + .alignright { + float: none; + display: block; + margin-left: auto; + margin-right: auto; + } + .post-image-aligned-left .post-image, + .post-image-aligned-right .post-image { + float: none; + margin: 2em 0; + text-align: center; + } + .comment .children { + padding-left: 10px; + margin-left: 0; + } + .edd_download { + display: block; + float: none !important; + margin-bottom: 1.5em; + width: 100% !important; + } + .entry-meta { + font-size: inherit; + } + .entry-meta a { + line-height: 1.8em; + } + /*-------------------------------------------------------------- + ## Footer + --------------------------------------------------------------*/ + .site-info { + text-align: center; + } + .copyright-bar { + float: none !important; + text-align: center !important; + } + .footer-bar { + float: none !important; + text-align: center !important; + margin-bottom: 20px; + } + .footer-bar .widget_nav_menu li { + float: none; + display: inline-block; + padding: 5px 0; + } + .inside-footer-widgets > div:not(:last-child) { + margin-bottom: 40px; + } + .site-footer .footer-widgets .footer-widgets-container .inside-footer-widgets { + margin: 0; + } + .site-footer .footer-widgets .footer-widgets-container .inner-padding { + padding: 0; + } +} diff --git a/wp-content/themes/generatepress/assets/css/style.css b/wp-content/themes/generatepress/assets/css/style.css index a629962d..3548f5c9 100644 --- a/wp-content/themes/generatepress/assets/css/style.css +++ b/wp-content/themes/generatepress/assets/css/style.css @@ -1,1848 +1,1860 @@ -/*-------------------------------------------------------------- ->>> TABLE OF CONTENTS: ----------------------------------------------------------------- -# Reset -# Elements -# Forms -# Links -# Alignments -# Accessibility -# Clearings -# Navigation - # Mobile Menu - # Navigation Search - # Dropdown Menus - # Sidebar Navigation - # Navigation Layout -# Post Navigation -# Header -# Post Content -# Widgets -# Content Layout -# Footer -# Featured Images -# Top Bar -# Icons -# Compatibility ---------------------------------------------------------------*/ -/*-------------------------------------------------------------- -# Reset ---------------------------------------------------------------*/ -html, -body, -div, -span, -applet, -object, -iframe, -h1, -h2, -h3, -h4, -h5, -h6, -p, -blockquote, -pre, -a, -abbr, -acronym, -address, -big, -cite, -code, -del, -dfn, -em, -font, -ins, -kbd, -q, -s, -samp, -small, -strike, -strong, -sub, -sup, -tt, -var, -dl, -dt, -dd, -ol, -ul, -li, -fieldset, -form, -label, -legend, -table, -caption, -tbody, -tfoot, -thead, -tr, -th, -td { - border: 0; - margin: 0; - padding: 0; -} - -html { - font-family: sans-serif; - -webkit-text-size-adjust: 100%; - -ms-text-size-adjust: 100%; -} - -article, -aside, -details, -figcaption, -figure, -footer, -header, -main, -nav, -section { - display: block; -} - -audio, -canvas, -progress, -video { - display: inline-block; - vertical-align: baseline; -} - -audio:not([controls]) { - display: none; - height: 0; -} - -[hidden], -template { - display: none; -} - -ol, -ul { - list-style: none; -} - -table { - /* tables still need 'cellspacing="0"' in the markup */ - border-collapse: separate; - border-spacing: 0; -} - -caption, -th, -td { - font-weight: normal; - text-align: left; - padding: 5px; -} - -blockquote:before, -blockquote:after, -q:before, -q:after { - content: ""; -} - -a { - background-color: transparent; -} - -a img { - border: 0; -} - -/*-------------------------------------------------------------- -# Elements ---------------------------------------------------------------*/ -body, -button, -input, -select, -textarea { - font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - font-weight: normal; - text-transform: none; - font-size: 17px; - line-height: 1.5; -} - -p { - margin-bottom: 1.5em; -} - -h1, -h2, -h3, -h4, -h5, -h6 { - font-family: inherit; - font-size: 100%; - font-style: inherit; - font-weight: inherit; -} - -pre { - background: rgba(0, 0, 0, 0.05); - font-family: inherit; - font-size: inherit; - line-height: normal; - margin-bottom: 1.5em; - padding: 20px; - overflow: auto; - max-width: 100%; -} - -blockquote { - border-left: 5px solid rgba(0, 0, 0, 0.05); - padding: 20px; - font-size: 1.2em; - font-style: italic; - margin: 0 0 1.5em; - position: relative; -} - -blockquote p:last-child { - margin: 0; -} - -table, -th, -td { - border: 1px solid rgba(0, 0, 0, 0.1); -} - -table { - border-collapse: separate; - border-spacing: 0; - border-width: 1px 0 0 1px; - margin: 0 0 1.5em; - width: 100%; -} - -th, -td { - padding: 8px; -} - -th { - border-width: 0 1px 1px 0; -} - -td { - border-width: 0 1px 1px 0; -} - -hr { - background-color: rgba(0, 0, 0, 0.1); - border: 0; - height: 1px; - margin-bottom: 40px; - margin-top: 40px; -} - -fieldset { - padding: 0; - border: 0; - min-width: inherit; -} - -fieldset legend { - padding: 0; - margin-bottom: 1.5em; -} - -h1 { - font-size: 42px; - margin-bottom: 20px; - line-height: 1.2em; - font-weight: normal; - text-transform: none; -} - -h2 { - font-size: 35px; - margin-bottom: 20px; - line-height: 1.2em; - font-weight: normal; - text-transform: none; -} - -h3 { - font-size: 29px; - margin-bottom: 20px; - line-height: 1.2em; - font-weight: normal; - text-transform: none; -} - -h4 { - font-size: 24px; -} - -h5 { - font-size: 20px; -} - -h4, -h5, -h6 { - margin-bottom: 20px; -} - -ul, -ol { - margin: 0 0 1.5em 3em; -} - -ul { - list-style: disc; -} - -ol { - list-style: decimal; -} - -li > ul, -li > ol { - margin-bottom: 0; - margin-left: 1.5em; -} - -dt { - font-weight: bold; -} - -dd { - margin: 0 1.5em 1.5em; -} - -b, -strong { - font-weight: bold; -} - -dfn, -cite, -em, -i { - font-style: italic; -} - -address { - margin: 0 0 1.5em; -} - -code, -kbd, -tt, -var { - font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; -} - -abbr, -acronym { - border-bottom: 1px dotted #666; - cursor: help; -} - -mark, -ins { - text-decoration: none; -} - -sup, -sub { - font-size: 75%; - height: 0; - line-height: 0; - position: relative; - vertical-align: baseline; -} - -sup { - bottom: 1ex; -} - -sub { - top: .5ex; -} - -small { - font-size: 75%; -} - -big { - font-size: 125%; -} - -figure { - margin: 0; -} - -table { - margin: 0 0 1.5em; - width: 100%; -} - -th { - font-weight: bold; -} - -img { - height: auto; - /* Make sure images are scaled correctly. */ - max-width: 100%; - /* Adhere to container width. */ -} - -/*-------------------------------------------------------------- -# Forms ---------------------------------------------------------------*/ -button, -input, -select, -textarea { - font-size: 100%; - /* Corrects font size not being inherited in all browsers */ - margin: 0; - /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */ - vertical-align: baseline; - /* Improves appearance and consistency in all browsers */ - *vertical-align: middle; - /* Improves appearance and consistency in all browsers */ -} - -button, -html input[type="button"], -input[type="reset"], -input[type="submit"] { - border: 1px solid transparent; - background: #55555e; - cursor: pointer; - /* Improves usability and consistency of cursor style between image-type 'input' and others */ - -webkit-appearance: button; - /* Corrects inability to style clickable 'input' types in iOS */ - padding: 10px 20px; - color: #FFF; -} - -input[type="checkbox"], -input[type="radio"] { - box-sizing: border-box; - /* Addresses box sizing set to content-box in IE8/9 */ - padding: 0; - /* Addresses excess padding in IE8/9 */ -} - -input[type="search"] { - -webkit-appearance: textfield; - /* Addresses appearance set to searchfield in S5, Chrome */ - box-sizing: content-box; -} - -input[type="search"]::-webkit-search-decoration { - /* Corrects inner padding displayed oddly in S5, Chrome on OSX */ - -webkit-appearance: none; -} - -button::-moz-focus-inner, -input::-moz-focus-inner { - /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */ - border: 0; - padding: 0; -} - -input[type="text"], -input[type="email"], -input[type="url"], -input[type="password"], -input[type="search"], -input[type="tel"], -input[type="number"], -textarea, -select { - background: #FAFAFA; - color: #666; - border: 1px solid #ccc; - border-radius: 0px; - padding: 10px 15px; - box-sizing: border-box; - max-width: 100%; -} - -textarea { - overflow: auto; - /* Removes default vertical scrollbar in IE6/7/8/9 */ - vertical-align: top; - /* Improves readability and alignment in all browsers */ - width: 100%; -} - -input[type="file"] { - max-width: 100%; - box-sizing: border-box; -} - -/*-------------------------------------------------------------- -# Links ---------------------------------------------------------------*/ -a, -button, -input { - transition: color 0.1s ease-in-out, background-color 0.1s ease-in-out; -} - -a, -a:visited, -a:hover, -a:focus { - text-decoration: none; -} - -.button, -.wp-block-button .wp-block-button__link { - padding: 10px 20px; - display: inline-block; -} - -.wp-block-button .wp-block-button__link { - font-size: inherit; - line-height: inherit; -} - -.using-mouse :focus { - outline: 0; -} - -.using-mouse ::-moz-focus-inner { - border: 0; -} - -/*-------------------------------------------------------------- -# Alignments ---------------------------------------------------------------*/ -.alignleft { - float: left; - margin-right: 1.5em; -} - -.alignright { - float: right; - margin-left: 1.5em; -} - -.aligncenter { - clear: both; - display: block; - margin: 0 auto; -} - -.size-auto, -.size-full, -.size-large, -.size-medium, -.size-thumbnail { - max-width: 100%; - height: auto; -} - -.no-sidebar .entry-content .alignfull { - margin-left: calc( -100vw / 2 + 100% / 2); - margin-right: calc( -100vw / 2 + 100% / 2); - max-width: 100vw; - width: auto; -} - -/*-------------------------------------------------------------- -# Accessibility ---------------------------------------------------------------*/ -.screen-reader-text { - border: 0; - clip: rect(1px, 1px, 1px, 1px); - -webkit-clip-path: inset(50%); - clip-path: inset(50%); - height: 1px; - margin: -1px; - overflow: hidden; - padding: 0; - position: absolute !important; - width: 1px; - word-wrap: normal !important; -} - -.screen-reader-text:focus { - background-color: #f1f1f1; - border-radius: 3px; - box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); - clip: auto !important; - -webkit-clip-path: none; - clip-path: none; - color: #21759b; - display: block; - font-size: 0.875rem; - font-weight: 700; - height: auto; - left: 5px; - line-height: normal; - padding: 15px 23px 14px; - text-decoration: none; - top: 5px; - width: auto; - z-index: 100000; -} - -/* Do not show the outline on the skip link target. */ -#primary[tabindex="-1"]:focus { - outline: 0; -} - -/*-------------------------------------------------------------- -# Clearings ---------------------------------------------------------------*/ -.clear:after, -.entry-content:after, -.comment-content:after, -.site-header:after, -.site-content:after, -.paging-navigation:after, -.site-footer:after, -.site-info:after, -.page-header-content-container:after, -.inside-navigation:not(.grid-container):after, -.inside-header:not(.grid-container):after, -.inside-top-bar:not(.grid-container):after, -.inside-footer-widgets:not(.grid-container):after { - content: ""; - display: table; - clear: both; -} - -/*-------------------------------------------------------------- -# Navigation ---------------------------------------------------------------*/ -.main-navigation { - z-index: 100; - padding: 0; - clear: both; - display: block; -} - -.main-navigation a { - display: block; - text-decoration: none; - font-weight: normal; - text-transform: none; - font-size: 15px; -} - -.main-navigation ul { - list-style: none; - margin: 0; - padding-left: 0; -} - -.main-navigation .main-nav ul li a { - padding-left: 20px; - padding-right: 20px; - line-height: 60px; -} - -.inside-navigation { - position: relative; -} - -.main-navigation li { - float: left; - position: relative; -} - -.sf-menu > li.menu-item-float-right { - float: right !important; -} - -.nav-float-right .inside-header .main-navigation { - float: right; - clear: right; -} - -.nav-float-left .inside-header .main-navigation { - float: left; - clear: left; -} - -.nav-aligned-right .main-navigation:not(.toggled) .menu > li, -.nav-aligned-center .main-navigation:not(.toggled) .menu > li { - float: none; - display: inline-block; -} - -.nav-aligned-right .main-navigation:not(.toggled) ul, -.nav-aligned-center .main-navigation:not(.toggled) ul { - letter-spacing: -0.31em; - font-size: 1em; -} - -.nav-aligned-right .main-navigation:not(.toggled) ul li, -.nav-aligned-center .main-navigation:not(.toggled) ul li { - letter-spacing: normal; -} - -.nav-aligned-center .main-navigation { - text-align: center; -} - -.nav-aligned-right .main-navigation { - text-align: right; -} - -.main-navigation li.search-item { - float: right; -} - -.main-navigation .mobile-bar-items a { - padding-left: 20px; - padding-right: 20px; - line-height: 60px; -} - -/*-------------------------------------------------------------- -## Dropdown Menus ---------------------------------------------------------------*/ -.main-navigation ul ul { - display: block; - box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1); - float: left; - position: absolute; - left: -99999px; - opacity: 0; - z-index: 99999; - width: 200px; - text-align: left; - top: auto; - transition: opacity 80ms linear; - transition-delay: 0s; - pointer-events: none; - height: 0; - overflow: hidden; -} - -.main-navigation ul ul a { - display: block; -} - -.main-navigation ul ul li { - width: 100%; -} - -.main-navigation .main-nav ul ul li a { - line-height: normal; - padding: 10px 20px; - font-size: 14px; -} - -.main-navigation .main-nav ul li.menu-item-has-children > a { - padding-right: 0; - position: relative; -} - -.main-navigation.sub-menu-left .sub-menu { - right: 0; -} - -.main-navigation:not(.toggled) ul li:hover > ul, -.main-navigation:not(.toggled) ul li.sfHover > ul { - left: auto; - opacity: 1; - transition-delay: 150ms; - pointer-events: auto; - height: auto; - overflow: visible; -} - -.main-navigation:not(.toggled) ul ul li:hover > ul, -.main-navigation:not(.toggled) ul ul li.sfHover > ul { - left: 100%; - top: 0; -} - -.main-navigation.sub-menu-left:not(.toggled) ul ul li:hover > ul, -.main-navigation.sub-menu-left:not(.toggled) ul ul li.sfHover > ul { - right: 100%; - left: auto; -} - -.nav-float-right .main-navigation ul ul ul { - top: 0; -} - -.menu-item-has-children .dropdown-menu-toggle { - display: inline-block; - height: 100%; - clear: both; - padding-right: 20px; - padding-left: 10px; -} - -.menu-item-has-children ul .dropdown-menu-toggle { - padding-top: 10px; - padding-bottom: 10px; - margin-top: -10px; -} - -nav ul ul .menu-item-has-children .dropdown-menu-toggle, -.sidebar .menu-item-has-children .dropdown-menu-toggle { - float: right; -} - -/*-------------------------------------------------------------- -## Sidebar Navigation ---------------------------------------------------------------*/ -.widget-area .main-navigation li { - float: none; - display: block; - width: 100%; - padding: 0; - margin: 0; -} - -.sidebar .main-navigation.sub-menu-right ul li:hover ul, -.sidebar .main-navigation.sub-menu-right ul li.sfHover ul { - top: 0; - left: 100%; -} - -.sidebar .main-navigation.sub-menu-left ul li:hover ul, -.sidebar .main-navigation.sub-menu-left ul li.sfHover ul { - top: 0; - right: 100%; -} - -/*-------------------------------------------------------------- -# Post Navigation ---------------------------------------------------------------*/ -.site-main .comment-navigation, -.site-main .posts-navigation, -.site-main .post-navigation { - margin: 0 0 2em; - overflow: hidden; -} - -.site-main .post-navigation { - margin-bottom: 0; -} - -.paging-navigation .nav-previous, -.paging-navigation .nav-next { - display: none; -} - -.paging-navigation .nav-links > * { - padding: 0 5px; -} - -.paging-navigation .nav-links .current { - font-weight: bold; -} - -/* Less specific so we don't overwrite existing customizations. */ -.nav-links > *:first-child { - padding-left: 0; -} - -/*-------------------------------------------------------------- -# Header ---------------------------------------------------------------*/ -.site-header { - position: relative; -} - -.inside-header { - padding: 20px 40px; -} - -.main-title { - margin: 0; - font-size: 25px; - line-height: 1.2em; - word-wrap: break-word; - font-weight: bold; - text-transform: none; -} - -.site-description { - margin: 0; - line-height: 1.5; - font-weight: normal; - text-transform: none; - font-size: 15px; -} - -.site-logo { - display: inline-block; - max-width: 100%; -} - -.site-header .header-image { - vertical-align: middle; -} - -.header-widget { - float: right; - overflow: hidden; - max-width: 50%; -} - -.header-widget .widget { - padding: 0 0 20px; - margin-bottom: 0; -} - -.header-widget .widget:last-child { - padding-bottom: 0; -} - -.header-widget .widget-title { - margin-bottom: 15px; -} - -.nav-float-right .header-widget { - position: relative; - top: -10px; -} - -.nav-float-right .header-widget .widget { - padding: 0 0 10px; -} - -.nav-float-left .inside-header .site-branding, -.nav-float-left .inside-header .site-logo { - float: right; - clear: right; -} - -.nav-float-left .inside-header:after { - clear: both; - content: ''; - display: table; -} - -.nav-float-right .inside-header .site-branding { - display: inline-block; -} - -.site-branding-container { - display: inline-flex; - align-items: center; - text-align: left; -} - -.site-branding-container .site-logo { - margin-right: 1.5em; -} - -.header-aligned-center .site-header { - text-align: center; -} - -.header-aligned-right .site-header { - text-align: right; -} - -.header-aligned-right .site-branding-container { - text-align: right; -} - -.header-aligned-right .site-branding-container .site-logo { - order: 10; - margin-right: 0; - margin-left: 1.5em; -} - -/*-------------------------------------------------------------- -# Post Content ---------------------------------------------------------------*/ -.sticky { - display: block; -} - -.posted-on .updated, -.entry-header .gp-icon { - display: none; -} - -.byline, -.single .byline, -.group-blog .byline, -.entry-header .cat-links, -.entry-header .tags-links, -.entry-header .comments-link { - display: inline; -} - -footer.entry-meta .byline, -footer.entry-meta .posted-on { - display: block; -} - -.page-content:not(:first-child), -.entry-content:not(:first-child), -.entry-summary:not(:first-child) { - margin-top: 2em; -} - -.page-links { - clear: both; - margin: 0 0 1.5em; -} - -.blog .format-status .entry-title, -.archive .format-status .entry-title, -.blog .format-aside .entry-header, -.archive .format-aside .entry-header, -.blog .format-status .entry-header, -.archive .format-status .entry-header, -.blog .format-status .entry-meta, -.archive .format-status .entry-meta { - display: none; -} - -.blog .format-aside .entry-content, -.archive .format-aside .entry-content, -.blog .format-status .entry-content, -.archive .format-status .entry-content { - margin-top: 0; -} - -.blog .format-status .entry-content p:last-child, -.archive .format-status .entry-content p:last-child { - margin-bottom: 0; -} - -.site-content, -.entry-header { - word-wrap: break-word; -} - -.entry-title { - margin-bottom: 0; -} - -.author .page-header .page-title { - display: flex; - align-items: center; -} - -.author .page-header .avatar { - margin-right: 20px; -} - -.page-header > *:last-child, -.page-header .author-info > *:last-child { - margin-bottom: 0; -} - -.entry-meta { - font-size: 85%; - margin-top: .5em; - line-height: 1.5; -} - -footer.entry-meta { - margin-top: 2em; -} - -.cat-links, -.tags-links, -.comments-link { - display: block; -} - -.taxonomy-description p:last-child, -.read-more-container, -.page-content > p:last-child, -.entry-content > p:last-child, -.entry-summary > p:last-child { - margin-bottom: 0; -} - -/*-------------------------------------------------------------- -# Media ---------------------------------------------------------------*/ -/*-------------------------------------------------------------- -## Captions ---------------------------------------------------------------*/ -.wp-caption { - margin-bottom: 1.5em; - max-width: 100%; - position: relative; -} - -.wp-caption img[class*="wp-image-"] { - display: block; - margin: 0 auto 0; - max-width: 100%; -} - -.wp-caption .wp-caption-text { - font-size: 75%; - padding-top: 5px; - opacity: 0.8; -} - -.wp-caption img { - position: relative; - vertical-align: bottom; -} - -.wp-block-image figcaption { - font-size: 13px; - text-align: center; -} - -/*-------------------------------------------------------------- -## Galleries ---------------------------------------------------------------*/ -.wp-block-gallery, -ul.blocks-gallery-grid { - margin-left: 0; -} - -.wp-block-gallery .blocks-gallery-image figcaption, -.wp-block-gallery .blocks-gallery-item figcaption { - background: rgba(255, 255, 255, 0.7); - color: #000; - padding: 10px; - box-sizing: border-box; -} - -.gallery { - margin-bottom: 1.5em; -} - -.gallery-item { - display: inline-block; - text-align: center; - vertical-align: top; - width: 100%; -} - -.gallery-columns-2 .gallery-item { - max-width: 50%; -} - -.gallery-columns-3 .gallery-item { - max-width: 33.33%; -} - -.gallery-columns-4 .gallery-item { - max-width: 25%; -} - -.gallery-columns-5 .gallery-item { - max-width: 20%; -} - -.gallery-columns-6 .gallery-item { - max-width: 16.66%; -} - -.gallery-columns-7 .gallery-item { - max-width: 14.28%; -} - -.gallery-columns-8 .gallery-item { - max-width: 12.5%; -} - -.gallery-columns-9 .gallery-item { - max-width: 11.11%; -} - -.gallery-caption { - display: block; -} - -.site-main .gallery { - margin-bottom: 1.5em; -} - -.gallery-item img { - vertical-align: bottom; -} - -.gallery-icon { - padding: 5px; -} - -embed, -iframe, -object { - max-width: 100%; -} - -/*-------------------------------------------------------------- -# Comments ---------------------------------------------------------------*/ -.comment-content a { - word-wrap: break-word; -} - -.bypostauthor { - display: block; -} - -.comment, -.comment-list { - list-style-type: none; - padding: 0; - margin: 0; -} - -.comment-author-info { - display: inline-block; - vertical-align: middle; -} - -.comment-meta .avatar { - float: left; - margin-right: 10px; - border-radius: 50%; -} - -.comment-author cite { - font-style: normal; - font-weight: bold; -} - -.entry-meta.comment-metadata { - margin-top: 0; -} - -.comment-content { - margin-top: 1.5em; -} - -.comment-respond { - margin-top: 0; -} - -.comment-form > .form-submit { - margin-bottom: 0; -} - -.comment-form input, -.comment-form-comment { - margin-bottom: 10px; -} - -.comment-form #author, -.comment-form #email, -.comment-form #url { - display: block; -} - -.comment-metadata .edit-link:before { - display: none; -} - -.comment-body { - padding: 30px 0; -} - -.comment-content { - padding: 30px; - border: 1px solid rgba(0, 0, 0, 0.05); -} - -.depth-1.parent > .children { - border-bottom: 1px solid rgba(0, 0, 0, 0.05); -} - -.comment .children { - padding-left: 30px; - margin-top: -30px; - border-left: 1px solid rgba(0, 0, 0, 0.05); -} - -.pingback .comment-body, -.trackback .comment-body { - border-bottom: 1px solid rgba(0, 0, 0, 0.05); -} - -.pingback .edit-link { - font-size: 13px; -} - -.comment-content p:last-child { - margin-bottom: 0; -} - -.comment-list > .comment:first-child { - padding-top: 0; - margin-top: 0; - border-top: 0; -} - -ol.comment-list { - margin-bottom: 1.5em; -} - -.comment-form-cookies-consent { - display: flex; - align-items: center; -} - -.comment-form-cookies-consent input { - margin-right: 0.5em; - margin-bottom: 0; -} - -.one-container .comments-area { - margin-top: 1.5em; -} - -.comment-content .reply { - font-size: 85%; -} - -#cancel-comment-reply-link { - padding-left: 10px; -} - -/*-------------------------------------------------------------- -# Widgets ---------------------------------------------------------------*/ -.widget-area .widget { - padding: 40px; -} - -.widget select { - max-width: 100%; -} - -.sidebar .widget *:last-child, -.footer-widgets .widget *:last-child { - margin-bottom: 0; -} - -.widget-title { - margin-bottom: 30px; - font-size: 20px; - line-height: 1.5; - font-weight: normal; - text-transform: none; -} - -.widget ul, -.widget ol { - margin: 0; -} - -.widget .search-field { - width: 100%; -} - -.widget_search .search-submit { - display: none; -} - -.widget { - margin: 0 0 30px; - box-sizing: border-box; -} - -.widget:last-child, -.separate-containers .widget:last-child { - margin-bottom: 0; -} - -.sidebar .widget, -.footer-widgets .widget { - font-size: 17px; -} - -.widget ul li { - list-style-type: none; - position: relative; - padding-bottom: 5px; -} - -.widget_categories .children { - margin-left: 1.5em; - padding-top: 5px; -} - -.widget_categories .children li:last-child { - padding-bottom: 0; -} - -.widget_nav_menu ul ul, -.widget_pages ul ul { - margin-left: 1em; - margin-top: 5px; -} - -.widget ul li.menu-item-has-children, -.widget ul li.page_item_has_children { - padding-bottom: 0; -} - -#wp-calendar { - table-layout: fixed; - font-size: 80%; -} - -#wp-calendar #prev, -#wp-calendar #prev + .pad { - border-right: 0; -} - -.sidebar .grid-container { - max-width: 100%; - width: 100%; -} - -/*-------------------------------------------------------------- -# Content Layout ---------------------------------------------------------------*/ -.post { - margin: 0 0 2em; -} - -.page-header { - margin-bottom: 30px; -} - -/*-------------------------------------------------------------- -## One Container ---------------------------------------------------------------*/ -.one-container.both-left .inside-left-sidebar, -.one-container.both-right .inside-left-sidebar { - margin-right: 20px; -} - -.one-container.both-left .inside-right-sidebar, -.one-container.both-right .inside-right-sidebar { - margin-left: 20px; -} - -.one-container:not(.page) .inside-article { - padding: 0 0 30px 0; -} - -.one-container.right-sidebar .site-main, -.one-container.both-right .site-main { - margin-right: 40px; -} - -.one-container.left-sidebar .site-main, -.one-container.both-left .site-main { - margin-left: 40px; -} - -.one-container.both-sidebars .site-main { - margin: 0px 40px 0px 40px; -} - -.one-container .site-content { - padding: 40px; -} - -/*-------------------------------------------------------------- -## Separate Containers ---------------------------------------------------------------*/ -.separate-containers .inside-article, -.separate-containers .comments-area, -.separate-containers .page-header, -.separate-containers .paging-navigation { - padding: 40px; -} - -.separate-containers .widget, -.separate-containers .site-main > *, -.separate-containers .page-header { - margin-bottom: 20px; -} - -.separate-containers .site-main { - margin: 20px; -} - -.separate-containers.no-sidebar .site-main { - margin-left: 0; - margin-right: 0; -} - -.separate-containers.right-sidebar .site-main, -.separate-containers.both-right .site-main { - margin-left: 0; -} - -.separate-containers.left-sidebar .site-main, -.separate-containers.both-left .site-main { - margin-right: 0; -} - -.separate-containers.both-right .inside-left-sidebar, -.separate-containers.both-left .inside-left-sidebar { - margin-right: 10px; -} - -.separate-containers.both-right .inside-right-sidebar, -.separate-containers.both-left .inside-right-sidebar { - margin-left: 10px; -} - -.separate-containers .inside-right-sidebar, -.separate-containers .inside-left-sidebar { - margin-top: 20px; - margin-bottom: 20px; -} - -.inside-page-header { - padding: 40px; -} - -.widget-area .main-navigation { - margin-bottom: 20px; -} - -.separate-containers .site-main > *:last-child, -.one-container .site-main > *:last-child { - margin-bottom: 0; -} - -/*-------------------------------------------------------------- -## Full Width Content ---------------------------------------------------------------*/ -.full-width-content .container.grid-container { - max-width: 100%; -} - -.full-width-content.no-sidebar.separate-containers .site-main { - margin: 0; -} - -.full-width-content.separate-containers .inside-article, -.full-width-content.one-container .site-content { - padding: 0; -} - -.full-width-content .entry-content .alignwide { - margin-left: 0; - width: auto; - max-width: unset; -} - -/*-------------------------------------------------------------- -## Contained Content ---------------------------------------------------------------*/ -.contained-content.separate-containers .inside-article, -.contained-content.one-container .site-content { - padding: 0; -} - -/*-------------------------------------------------------------- -# Footer ---------------------------------------------------------------*/ -.site-info { - text-align: center; - font-size: 15px; -} - -.site-info { - padding: 20px 40px; -} - -.footer-widgets { - padding: 40px; -} - -.site-footer .footer-widgets-container .inner-padding { - padding: 0px 0px 0px 40px; -} - -.site-footer .footer-widgets-container .inside-footer-widgets { - margin-left: -40px; -} - -/*-------------------------------------------------------------- -## Footer Bar ---------------------------------------------------------------*/ -.footer-bar-active .footer-bar .widget { - padding: 0; -} - -.footer-bar .widget_nav_menu > div > ul { - display: inline-block; - vertical-align: top; -} - -.footer-bar .widget_nav_menu li { - margin: 0 10px; - float: left; - padding: 0; -} - -.footer-bar .widget_nav_menu li:first-child { - margin-left: 0; -} - -.footer-bar .widget_nav_menu li:last-child { - margin-right: 0; -} - -.footer-bar .widget_nav_menu li ul { - display: none; -} - -.footer-bar .textwidget p:last-child { - margin: 0; -} - -.footer-bar .widget-title { - display: none; -} - -.footer-bar-align-right .copyright-bar { - float: left; -} - -.footer-bar-align-right .footer-bar { - float: right; - text-align: right; -} - -.footer-bar-align-left .copyright-bar { - float: right; - text-align: right; -} - -.footer-bar-align-left .footer-bar { - float: left; - text-align: left; -} - -.footer-bar-align-center .copyright-bar { - float: none; - text-align: center; -} - -.footer-bar-align-center .footer-bar { - float: none; - text-align: center; - margin-bottom: 10px; -} - -/*-------------------------------------------------------------- -# Featured Images ---------------------------------------------------------------*/ -.post-image:not(:first-child) { - margin-top: 2em; -} - -.page-header-image, -.page-header-image-single { - line-height: 0; - /* no more weird spacing */ -} - -.separate-containers .inside-article > [class*="page-header-"], -.one-container .inside-article > [class*="page-header-"] { - margin-bottom: 2em; - margin-top: 0; -} - -.inside-article .page-header-image-single.page-header-below-title { - margin-top: 2em; -} - -.separate-containers .page-header-image, -.separate-containers .page-header-contained, -.separate-containers .page-header-content, -.separate-containers .page-header-image-single, -.separate-containers .page-header-content-single { - margin-top: 20px; -} - -/*-------------------------------------------------------------- -# Top Bar ---------------------------------------------------------------*/ -.top-bar { - font-weight: normal; - text-transform: none; - font-size: 13px; -} - -.top-bar .inside-top-bar .widget { - padding: 0; - display: inline-block; - margin: 0; -} - -.top-bar .inside-top-bar .textwidget p:last-child { - margin: 0; -} - -.top-bar .widget-title { - display: none; -} - -.top-bar .widget_nav_menu li { - margin: 0 10px; - float: left; - padding: 0; -} - -.top-bar .widget_nav_menu li:first-child { - margin-left: 0; -} - -.top-bar .widget_nav_menu li:last-child { - margin-right: 0; -} - -.top-bar .widget_nav_menu li ul { - display: none; -} - -.top-bar .widget_nav_menu > div > ul { - display: inline-block; - vertical-align: top; -} - -.inside-top-bar { - padding: 10px 40px; -} - -.top-bar-align-center { - text-align: center; -} - -.top-bar-align-center .inside-top-bar .widget:not(:first-child) { - margin-left: 10px; -} - -.top-bar-align-center .inside-top-bar .widget:first-child:last-child { - display: block; -} - -.top-bar-align-right { - text-align: right; -} - -.top-bar-align-right .inside-top-bar > .widget:nth-child(even) { - float: left; - margin-right: 10px; -} - -.top-bar-align-right .inside-top-bar > .widget:nth-child(odd) { - margin-left: 10px; -} - -.top-bar-align-left .inside-top-bar > .widget:nth-child(odd) { - float: left; - margin-right: 10px; -} - -.top-bar-align-left .inside-top-bar > .widget:nth-child(even) { - margin-left: 10px; - float: right; -} - -/*-------------------------------------------------------------- -# Icons ---------------------------------------------------------------*/ -.gp-icon { - display: inline-flex; - align-self: center; -} - -.gp-icon svg { - height: 1em; - width: 1em; - top: .125em; - position: relative; - fill: currentColor; -} - -.icon-menu-bars svg:nth-child(2), -.toggled .icon-menu-bars svg:nth-child(1), -.icon-search svg:nth-child(2), -.close-search .icon-search svg:nth-child(1) { - display: none; -} - -.toggled .icon-menu-bars svg:nth-child(2), -.close-search .icon-search svg:nth-child(2) { - display: block; -} - -.entry-meta .gp-icon { - margin-right: 0.6em; - opacity: 0.7; -} - -nav.toggled .icon-arrow-left svg { - transform: rotate(-90deg); -} - -nav.toggled .icon-arrow-right svg { - transform: rotate(90deg); -} - -nav.toggled .sfHover > a > .dropdown-menu-toggle .gp-icon svg { - transform: rotate(180deg); -} - -nav.toggled .sfHover > a > .dropdown-menu-toggle .gp-icon.icon-arrow-left svg { - transform: rotate(-270deg); -} - -nav.toggled .sfHover > a > .dropdown-menu-toggle .gp-icon.icon-arrow-right svg { - transform: rotate(270deg); -} - -/*-------------------------------------------------------------- -# Compatibility ---------------------------------------------------------------*/ -/* Bootstrap fix */ -.container.grid-container { - width: auto; -} - -/* Globally hidden elements when Infinite Scroll is supported and in use. */ -.infinite-scroll .paging-navigation, -.infinite-scroll.neverending .site-footer { - /* Theme Footer (when set to scrolling) */ - display: none; -} - -/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */ -.infinity-end.neverending .site-footer { - display: block; -} - -/* SiteOrigin Page Builder */ -.so-panel.widget { - padding: 0; -} - -/* MailChimp CSS */ -#mc_embed_signup .clear { - display: block; - height: auto; - visibility: visible; - width: auto; -} +/*-------------------------------------------------------------- +>>> TABLE OF CONTENTS: +---------------------------------------------------------------- +# Reset +# Elements +# Forms +# Links +# Alignments +# Accessibility +# Clearings +# Navigation + # Mobile Menu + # Navigation Search + # Dropdown Menus + # Sidebar Navigation + # Navigation Layout +# Post Navigation +# Header +# Post Content +# Widgets +# Content Layout +# Footer +# Featured Images +# Top Bar +# Icons +# Compatibility +--------------------------------------------------------------*/ +/*-------------------------------------------------------------- +# Reset +--------------------------------------------------------------*/ +html, +body, +div, +span, +applet, +object, +iframe, +h1, +h2, +h3, +h4, +h5, +h6, +p, +blockquote, +pre, +a, +abbr, +acronym, +address, +big, +cite, +code, +del, +dfn, +em, +font, +ins, +kbd, +q, +s, +samp, +small, +strike, +strong, +sub, +sup, +tt, +var, +dl, +dt, +dd, +ol, +ul, +li, +fieldset, +form, +label, +legend, +table, +caption, +tbody, +tfoot, +thead, +tr, +th, +td { + border: 0; + margin: 0; + padding: 0; +} + +html { + font-family: sans-serif; + -webkit-text-size-adjust: 100%; + -ms-text-size-adjust: 100%; +} + +article, +aside, +details, +figcaption, +figure, +footer, +header, +main, +nav, +section { + display: block; +} + +audio, +canvas, +progress, +video { + display: inline-block; + vertical-align: baseline; +} + +audio:not([controls]) { + display: none; + height: 0; +} + +[hidden], +template { + display: none; +} + +ol, +ul { + list-style: none; +} + +table { + /* tables still need 'cellspacing="0"' in the markup */ + border-collapse: separate; + border-spacing: 0; +} + +caption, +th, +td { + font-weight: normal; + text-align: left; + padding: 5px; +} + +blockquote:before, +blockquote:after, +q:before, +q:after { + content: ""; +} + +a { + background-color: transparent; +} + +a img { + border: 0; +} + +/*-------------------------------------------------------------- +# Elements +--------------------------------------------------------------*/ +body, +button, +input, +select, +textarea { + font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-weight: normal; + text-transform: none; + font-size: 17px; + line-height: 1.5; +} + +p { + margin-bottom: 1.5em; +} + +h1, +h2, +h3, +h4, +h5, +h6 { + font-family: inherit; + font-size: 100%; + font-style: inherit; + font-weight: inherit; +} + +pre { + background: rgba(0, 0, 0, 0.05); + font-family: inherit; + font-size: inherit; + line-height: normal; + margin-bottom: 1.5em; + padding: 20px; + overflow: auto; + max-width: 100%; +} + +blockquote { + border-left: 5px solid rgba(0, 0, 0, 0.05); + padding: 20px; + font-size: 1.2em; + font-style: italic; + margin: 0 0 1.5em; + position: relative; +} + +blockquote p:last-child { + margin: 0; +} + +table, +th, +td { + border: 1px solid rgba(0, 0, 0, 0.1); +} + +table { + border-collapse: separate; + border-spacing: 0; + border-width: 1px 0 0 1px; + margin: 0 0 1.5em; + width: 100%; +} + +th, +td { + padding: 8px; +} + +th { + border-width: 0 1px 1px 0; +} + +td { + border-width: 0 1px 1px 0; +} + +hr { + background-color: rgba(0, 0, 0, 0.1); + border: 0; + height: 1px; + margin-bottom: 40px; + margin-top: 40px; +} + +fieldset { + padding: 0; + border: 0; + min-width: inherit; +} + +fieldset legend { + padding: 0; + margin-bottom: 1.5em; +} + +h1 { + font-size: 42px; + margin-bottom: 20px; + line-height: 1.2em; + font-weight: normal; + text-transform: none; +} + +h2 { + font-size: 35px; + margin-bottom: 20px; + line-height: 1.2em; + font-weight: normal; + text-transform: none; +} + +h3 { + font-size: 29px; + margin-bottom: 20px; + line-height: 1.2em; + font-weight: normal; + text-transform: none; +} + +h4 { + font-size: 24px; +} + +h5 { + font-size: 20px; +} + +h4, +h5, +h6 { + margin-bottom: 20px; +} + +ul, +ol { + margin: 0 0 1.5em 3em; +} + +ul { + list-style: disc; +} + +ol { + list-style: decimal; +} + +li > ul, +li > ol { + margin-bottom: 0; + margin-left: 1.5em; +} + +dt { + font-weight: bold; +} + +dd { + margin: 0 1.5em 1.5em; +} + +b, +strong { + font-weight: bold; +} + +dfn, +cite, +em, +i { + font-style: italic; +} + +address { + margin: 0 0 1.5em; +} + +code, +kbd, +tt, +var { + font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; +} + +abbr, +acronym { + border-bottom: 1px dotted #666; + cursor: help; +} + +mark, +ins { + text-decoration: none; +} + +sup, +sub { + font-size: 75%; + height: 0; + line-height: 0; + position: relative; + vertical-align: baseline; +} + +sup { + bottom: 1ex; +} + +sub { + top: .5ex; +} + +small { + font-size: 75%; +} + +big { + font-size: 125%; +} + +figure { + margin: 0; +} + +table { + margin: 0 0 1.5em; + width: 100%; +} + +th { + font-weight: bold; +} + +img { + height: auto; + /* Make sure images are scaled correctly. */ + max-width: 100%; + /* Adhere to container width. */ +} + +/*-------------------------------------------------------------- +# Forms +--------------------------------------------------------------*/ +button, +input, +select, +textarea { + font-size: 100%; + /* Corrects font size not being inherited in all browsers */ + margin: 0; + /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */ + vertical-align: baseline; + /* Improves appearance and consistency in all browsers */ + *vertical-align: middle; + /* Improves appearance and consistency in all browsers */ +} + +button, +html input[type="button"], +input[type="reset"], +input[type="submit"] { + border: 1px solid transparent; + background: #55555e; + cursor: pointer; + /* Improves usability and consistency of cursor style between image-type 'input' and others */ + -webkit-appearance: button; + /* Corrects inability to style clickable 'input' types in iOS */ + padding: 10px 20px; + color: #FFF; +} + +input[type="checkbox"], +input[type="radio"] { + box-sizing: border-box; + /* Addresses box sizing set to content-box in IE8/9 */ + padding: 0; + /* Addresses excess padding in IE8/9 */ +} + +input[type="search"] { + -webkit-appearance: textfield; + /* Addresses appearance set to searchfield in S5, Chrome */ + box-sizing: content-box; +} + +input[type="search"]::-webkit-search-decoration { + /* Corrects inner padding displayed oddly in S5, Chrome on OSX */ + -webkit-appearance: none; +} + +button::-moz-focus-inner, +input::-moz-focus-inner { + /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */ + border: 0; + padding: 0; +} + +input[type="text"], +input[type="email"], +input[type="url"], +input[type="password"], +input[type="search"], +input[type="tel"], +input[type="number"], +textarea, +select { + background: #FAFAFA; + color: #666; + border: 1px solid #ccc; + border-radius: 0px; + padding: 10px 15px; + box-sizing: border-box; + max-width: 100%; +} + +textarea { + overflow: auto; + /* Removes default vertical scrollbar in IE6/7/8/9 */ + vertical-align: top; + /* Improves readability and alignment in all browsers */ + width: 100%; +} + +input[type="file"] { + max-width: 100%; + box-sizing: border-box; +} + +/*-------------------------------------------------------------- +# Links +--------------------------------------------------------------*/ +a, +button, +input { + transition: color 0.1s ease-in-out, background-color 0.1s ease-in-out; +} + +a { + text-decoration: none; +} + +.button, +.wp-block-button .wp-block-button__link { + padding: 10px 20px; + display: inline-block; +} + +.wp-block-button .wp-block-button__link { + font-size: inherit; + line-height: inherit; +} + +.using-mouse :focus { + outline: 0; +} + +.using-mouse ::-moz-focus-inner { + border: 0; +} + +/*-------------------------------------------------------------- +# Alignments +--------------------------------------------------------------*/ +.alignleft { + float: left; + margin-right: 1.5em; +} + +.alignright { + float: right; + margin-left: 1.5em; +} + +.aligncenter { + clear: both; + display: block; + margin: 0 auto; +} + +.size-auto, +.size-full, +.size-large, +.size-medium, +.size-thumbnail { + max-width: 100%; + height: auto; +} + +.no-sidebar .entry-content .alignfull { + margin-left: calc( -100vw / 2 + 100% / 2); + margin-right: calc( -100vw / 2 + 100% / 2); + max-width: 100vw; + width: auto; +} + +/*-------------------------------------------------------------- +# Accessibility +--------------------------------------------------------------*/ +.screen-reader-text { + border: 0; + clip: rect(1px, 1px, 1px, 1px); + -webkit-clip-path: inset(50%); + clip-path: inset(50%); + height: 1px; + margin: -1px; + overflow: hidden; + padding: 0; + position: absolute !important; + width: 1px; + word-wrap: normal !important; +} + +.screen-reader-text:focus { + background-color: #f1f1f1; + border-radius: 3px; + box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); + clip: auto !important; + -webkit-clip-path: none; + clip-path: none; + color: #21759b; + display: block; + font-size: 0.875rem; + font-weight: 700; + height: auto; + left: 5px; + line-height: normal; + padding: 15px 23px 14px; + text-decoration: none; + top: 5px; + width: auto; + z-index: 100000; +} + +/* Do not show the outline on the skip link target. */ +#primary[tabindex="-1"]:focus { + outline: 0; +} + +/*-------------------------------------------------------------- +# Clearings +--------------------------------------------------------------*/ +.clear:after, +.entry-content:after, +.comment-content:after, +.site-header:after, +.site-content:after, +.paging-navigation:after, +.site-footer:after, +.site-info:after, +.page-header-content-container:after, +.inside-navigation:not(.grid-container):after, +.inside-header:not(.grid-container):after, +.inside-top-bar:not(.grid-container):after, +.inside-footer-widgets:not(.grid-container):after { + content: ""; + display: table; + clear: both; +} + +/*-------------------------------------------------------------- +# Navigation +--------------------------------------------------------------*/ +.main-navigation { + z-index: 100; + padding: 0; + clear: both; + display: block; +} + +.main-navigation a { + display: block; + text-decoration: none; + font-weight: normal; + text-transform: none; + font-size: 15px; +} + +.main-navigation ul { + list-style: none; + margin: 0; + padding-left: 0; +} + +.main-navigation .main-nav ul li a { + padding-left: 20px; + padding-right: 20px; + line-height: 60px; +} + +.inside-navigation { + position: relative; +} + +.main-navigation li { + float: left; + position: relative; +} + +.sf-menu > li.menu-item-float-right { + float: right !important; +} + +.nav-float-right .inside-header .main-navigation { + float: right; + clear: right; +} + +.nav-float-left .inside-header .main-navigation { + float: left; + clear: left; +} + +.nav-aligned-right .main-navigation:not(.toggled) .menu > li, +.nav-aligned-center .main-navigation:not(.toggled) .menu > li { + float: none; + display: inline-block; +} + +.nav-aligned-right .main-navigation:not(.toggled) ul, +.nav-aligned-center .main-navigation:not(.toggled) ul { + letter-spacing: -0.31em; + font-size: 1em; +} + +.nav-aligned-right .main-navigation:not(.toggled) ul li, +.nav-aligned-center .main-navigation:not(.toggled) ul li { + letter-spacing: normal; +} + +.nav-aligned-center .main-navigation { + text-align: center; +} + +.nav-aligned-right .main-navigation { + text-align: right; +} + +.main-navigation li.search-item { + float: right; +} + +.main-navigation .mobile-bar-items a { + padding-left: 20px; + padding-right: 20px; + line-height: 60px; +} + +/*-------------------------------------------------------------- +## Dropdown Menus +--------------------------------------------------------------*/ +.main-navigation ul ul { + display: block; + box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1); + float: left; + position: absolute; + left: -99999px; + opacity: 0; + z-index: 99999; + width: 200px; + text-align: left; + top: auto; + transition: opacity 80ms linear; + transition-delay: 0s; + pointer-events: none; + height: 0; + overflow: hidden; +} + +.main-navigation ul ul a { + display: block; +} + +.main-navigation ul ul li { + width: 100%; +} + +.main-navigation .main-nav ul ul li a { + line-height: normal; + padding: 10px 20px; + font-size: 14px; +} + +.main-navigation .main-nav ul li.menu-item-has-children > a { + padding-right: 0; + position: relative; +} + +.main-navigation.sub-menu-left ul ul { + box-shadow: -1px 1px 0 rgba(0, 0, 0, 0.1); +} + +.main-navigation.sub-menu-left .sub-menu { + right: 0; +} + +.main-navigation:not(.toggled) ul li:hover > ul, +.main-navigation:not(.toggled) ul li.sfHover > ul { + left: auto; + opacity: 1; + transition-delay: 150ms; + pointer-events: auto; + height: auto; + overflow: visible; +} + +.main-navigation:not(.toggled) ul ul li:hover > ul, +.main-navigation:not(.toggled) ul ul li.sfHover > ul { + left: 100%; + top: 0; +} + +.main-navigation.sub-menu-left:not(.toggled) ul ul li:hover > ul, +.main-navigation.sub-menu-left:not(.toggled) ul ul li.sfHover > ul { + right: 100%; + left: auto; +} + +.nav-float-right .main-navigation ul ul ul { + top: 0; +} + +.menu-item-has-children .dropdown-menu-toggle { + display: inline-block; + height: 100%; + clear: both; + padding-right: 20px; + padding-left: 10px; +} + +.menu-item-has-children ul .dropdown-menu-toggle { + padding-top: 10px; + padding-bottom: 10px; + margin-top: -10px; +} + +nav ul ul .menu-item-has-children .dropdown-menu-toggle, +.sidebar .menu-item-has-children .dropdown-menu-toggle { + float: right; +} + +/*-------------------------------------------------------------- +## Sidebar Navigation +--------------------------------------------------------------*/ +.widget-area .main-navigation li { + float: none; + display: block; + width: 100%; + padding: 0; + margin: 0; +} + +.sidebar .main-navigation.sub-menu-right ul li:hover ul, +.sidebar .main-navigation.sub-menu-right ul li.sfHover ul { + top: 0; + left: 100%; +} + +.sidebar .main-navigation.sub-menu-left ul li:hover ul, +.sidebar .main-navigation.sub-menu-left ul li.sfHover ul { + top: 0; + right: 100%; +} + +/*-------------------------------------------------------------- +# Post Navigation +--------------------------------------------------------------*/ +.site-main .comment-navigation, +.site-main .posts-navigation, +.site-main .post-navigation { + margin: 0 0 2em; + overflow: hidden; +} + +.site-main .post-navigation { + margin-bottom: 0; +} + +.paging-navigation .nav-previous, +.paging-navigation .nav-next { + display: none; +} + +.paging-navigation .nav-links > * { + padding: 0 5px; +} + +.paging-navigation .nav-links .current { + font-weight: bold; +} + +/* Less specific so we don't overwrite existing customizations. */ +.nav-links > *:first-child { + padding-left: 0; +} + +/*-------------------------------------------------------------- +# Header +--------------------------------------------------------------*/ +.site-header { + position: relative; +} + +.inside-header { + padding: 20px 40px; +} + +.main-title { + margin: 0; + font-size: 25px; + line-height: 1.2em; + word-wrap: break-word; + font-weight: bold; + text-transform: none; +} + +.site-description { + margin: 0; + line-height: 1.5; + font-weight: normal; + text-transform: none; + font-size: 15px; +} + +.site-logo { + display: inline-block; + max-width: 100%; +} + +.site-header .header-image { + vertical-align: middle; +} + +.header-widget { + float: right; + overflow: hidden; + max-width: 50%; +} + +.header-widget .widget { + padding: 0 0 20px; + margin-bottom: 0; +} + +.header-widget .widget:last-child { + padding-bottom: 0; +} + +.header-widget .widget-title { + margin-bottom: 15px; +} + +.nav-float-right .header-widget { + position: relative; + top: -10px; +} + +.nav-float-right .header-widget .widget { + padding: 0 0 10px; +} + +.nav-float-left .inside-header .site-branding, +.nav-float-left .inside-header .site-logo { + float: right; + clear: right; +} + +.nav-float-left .inside-header:after { + clear: both; + content: ''; + display: table; +} + +.nav-float-right .inside-header .site-branding { + display: inline-block; +} + +.site-branding-container { + display: inline-flex; + align-items: center; + text-align: left; +} + +.site-branding-container .site-logo { + margin-right: 1.5em; +} + +.header-aligned-center .site-header { + text-align: center; +} + +.header-aligned-right .site-header { + text-align: right; +} + +.header-aligned-right .site-branding-container { + text-align: right; +} + +.header-aligned-right .site-branding-container .site-logo { + order: 10; + margin-right: 0; + margin-left: 1.5em; +} + +/*-------------------------------------------------------------- +# Post Content +--------------------------------------------------------------*/ +.sticky { + display: block; +} + +.posted-on .updated, +.entry-header .gp-icon { + display: none; +} + +.byline, +.single .byline, +.group-blog .byline, +.entry-header .cat-links, +.entry-header .tags-links, +.entry-header .comments-link { + display: inline; +} + +footer.entry-meta .byline, +footer.entry-meta .posted-on { + display: block; +} + +.page-content:not(:first-child), +.entry-content:not(:first-child), +.entry-summary:not(:first-child) { + margin-top: 2em; +} + +.page-links { + clear: both; + margin: 0 0 1.5em; +} + +.blog .format-status .entry-title, +.archive .format-status .entry-title, +.blog .format-aside .entry-header, +.archive .format-aside .entry-header, +.blog .format-status .entry-header, +.archive .format-status .entry-header, +.blog .format-status .entry-meta, +.archive .format-status .entry-meta { + display: none; +} + +.blog .format-aside .entry-content, +.archive .format-aside .entry-content, +.blog .format-status .entry-content, +.archive .format-status .entry-content { + margin-top: 0; +} + +.blog .format-status .entry-content p:last-child, +.archive .format-status .entry-content p:last-child { + margin-bottom: 0; +} + +.site-content, +.entry-header { + word-wrap: break-word; +} + +.entry-title { + margin-bottom: 0; +} + +.author .page-header .page-title { + display: flex; + align-items: center; +} + +.author .page-header .avatar { + margin-right: 20px; +} + +.page-header > *:last-child, +.page-header .author-info > *:last-child { + margin-bottom: 0; +} + +.entry-meta { + font-size: 85%; + margin-top: .5em; + line-height: 1.5; +} + +footer.entry-meta { + margin-top: 2em; +} + +.cat-links, +.tags-links, +.comments-link { + display: block; +} + +.taxonomy-description p:last-child, +.read-more-container, +.page-content > p:last-child, +.entry-content > p:last-child, +.entry-summary > p:last-child { + margin-bottom: 0; +} + +/*-------------------------------------------------------------- +# Media +--------------------------------------------------------------*/ +/*-------------------------------------------------------------- +## Captions +--------------------------------------------------------------*/ +.wp-caption { + margin-bottom: 1.5em; + max-width: 100%; + position: relative; +} + +.wp-caption img[class*="wp-image-"] { + display: block; + margin: 0 auto 0; + max-width: 100%; +} + +.wp-caption .wp-caption-text { + font-size: 75%; + padding-top: 5px; + opacity: 0.8; +} + +.wp-caption img { + position: relative; + vertical-align: bottom; +} + +.wp-block-image figcaption { + font-size: 13px; + text-align: center; +} + +/*-------------------------------------------------------------- +## Galleries +--------------------------------------------------------------*/ +.wp-block-gallery, +ul.blocks-gallery-grid { + margin-left: 0; +} + +.wp-block-gallery .blocks-gallery-image figcaption, +.wp-block-gallery .blocks-gallery-item figcaption { + background: rgba(255, 255, 255, 0.7); + color: #000; + padding: 10px; + box-sizing: border-box; +} + +.gallery { + margin-bottom: 1.5em; +} + +.gallery-item { + display: inline-block; + text-align: center; + vertical-align: top; + width: 100%; +} + +.gallery-columns-2 .gallery-item { + max-width: 50%; +} + +.gallery-columns-3 .gallery-item { + max-width: 33.33%; +} + +.gallery-columns-4 .gallery-item { + max-width: 25%; +} + +.gallery-columns-5 .gallery-item { + max-width: 20%; +} + +.gallery-columns-6 .gallery-item { + max-width: 16.66%; +} + +.gallery-columns-7 .gallery-item { + max-width: 14.28%; +} + +.gallery-columns-8 .gallery-item { + max-width: 12.5%; +} + +.gallery-columns-9 .gallery-item { + max-width: 11.11%; +} + +.gallery-caption { + display: block; +} + +.site-main .gallery { + margin-bottom: 1.5em; +} + +.gallery-item img { + vertical-align: bottom; +} + +.gallery-icon { + padding: 5px; +} + +embed, +iframe, +object { + max-width: 100%; +} + +/*-------------------------------------------------------------- +## Post Loop Block +--------------------------------------------------------------*/ +.wp-block-post-template { + margin-left: 0; +} + +/*-------------------------------------------------------------- +# Comments +--------------------------------------------------------------*/ +.comment-content a { + word-wrap: break-word; +} + +.bypostauthor { + display: block; +} + +.comment, +.comment-list { + list-style-type: none; + padding: 0; + margin: 0; +} + +.comment-author-info { + display: inline-block; + vertical-align: middle; +} + +.comment-meta .avatar { + float: left; + margin-right: 10px; + border-radius: 50%; +} + +.comment-author cite { + font-style: normal; + font-weight: bold; +} + +.entry-meta.comment-metadata { + margin-top: 0; +} + +.comment-content { + margin-top: 1.5em; +} + +.comment-respond { + margin-top: 0; +} + +.comment-form > .form-submit { + margin-bottom: 0; +} + +.comment-form input, +.comment-form-comment { + margin-bottom: 10px; +} + +.comment-form-comment textarea { + resize: vertical; +} + +.comment-form #author, +.comment-form #email, +.comment-form #url { + display: block; +} + +.comment-metadata .edit-link:before { + display: none; +} + +.comment-body { + padding: 30px 0; +} + +.comment-content { + padding: 30px; + border: 1px solid rgba(0, 0, 0, 0.05); +} + +.depth-1.parent > .children { + border-bottom: 1px solid rgba(0, 0, 0, 0.05); +} + +.comment .children { + padding-left: 30px; + margin-top: -30px; + border-left: 1px solid rgba(0, 0, 0, 0.05); +} + +.pingback .comment-body, +.trackback .comment-body { + border-bottom: 1px solid rgba(0, 0, 0, 0.05); +} + +.pingback .edit-link { + font-size: 13px; +} + +.comment-content p:last-child { + margin-bottom: 0; +} + +.comment-list > .comment:first-child { + padding-top: 0; + margin-top: 0; + border-top: 0; +} + +ol.comment-list { + margin-bottom: 1.5em; +} + +.comment-form-cookies-consent { + display: flex; + align-items: center; +} + +.comment-form-cookies-consent input { + margin-right: 0.5em; + margin-bottom: 0; +} + +.one-container .comments-area { + margin-top: 1.5em; +} + +.comment-content .reply { + font-size: 85%; +} + +#cancel-comment-reply-link { + padding-left: 10px; +} + +/*-------------------------------------------------------------- +# Widgets +--------------------------------------------------------------*/ +.widget-area .widget { + padding: 40px; +} + +.widget select { + max-width: 100%; +} + +.sidebar .widget *:last-child, +.footer-widgets .widget *:last-child { + margin-bottom: 0; +} + +.widget-title { + margin-bottom: 30px; + font-size: 20px; + line-height: 1.5; + font-weight: normal; + text-transform: none; +} + +.widget ul, +.widget ol { + margin: 0; +} + +.widget .search-field { + width: 100%; +} + +.widget_search .search-submit { + display: none; +} + +.widget { + margin: 0 0 30px; + box-sizing: border-box; +} + +.widget:last-child, +.separate-containers .widget:last-child { + margin-bottom: 0; +} + +.sidebar .widget, +.footer-widgets .widget { + font-size: 17px; +} + +.widget ul li { + list-style-type: none; + position: relative; + padding-bottom: 5px; +} + +.widget_categories .children { + margin-left: 1.5em; + padding-top: 5px; +} + +.widget_categories .children li:last-child { + padding-bottom: 0; +} + +.widget_nav_menu ul ul, +.widget_pages ul ul { + margin-left: 1em; + margin-top: 5px; +} + +.widget ul li.menu-item-has-children, +.widget ul li.page_item_has_children { + padding-bottom: 0; +} + +#wp-calendar { + table-layout: fixed; + font-size: 80%; +} + +#wp-calendar #prev, +#wp-calendar #prev + .pad { + border-right: 0; +} + +.sidebar .grid-container { + max-width: 100%; + width: 100%; +} + +/*-------------------------------------------------------------- +# Content Layout +--------------------------------------------------------------*/ +.post { + margin: 0 0 2em; +} + +.page-header { + margin-bottom: 30px; +} + +/*-------------------------------------------------------------- +## One Container +--------------------------------------------------------------*/ +.one-container.both-left .inside-left-sidebar, +.one-container.both-right .inside-left-sidebar { + margin-right: 20px; +} + +.one-container.both-left .inside-right-sidebar, +.one-container.both-right .inside-right-sidebar { + margin-left: 20px; +} + +.one-container:not(.page) .inside-article { + padding: 0 0 30px 0; +} + +.one-container.right-sidebar .site-main, +.one-container.both-right .site-main { + margin-right: 40px; +} + +.one-container.left-sidebar .site-main, +.one-container.both-left .site-main { + margin-left: 40px; +} + +.one-container.both-sidebars .site-main { + margin: 0px 40px 0px 40px; +} + +.one-container .site-content { + padding: 40px; +} + +/*-------------------------------------------------------------- +## Separate Containers +--------------------------------------------------------------*/ +.separate-containers .inside-article, +.separate-containers .comments-area, +.separate-containers .page-header, +.separate-containers .paging-navigation { + padding: 40px; +} + +.separate-containers .widget, +.separate-containers .site-main > *, +.separate-containers .page-header { + margin-bottom: 20px; +} + +.separate-containers .site-main { + margin: 20px; +} + +.separate-containers.no-sidebar .site-main { + margin-left: 0; + margin-right: 0; +} + +.separate-containers.right-sidebar .site-main, +.separate-containers.both-right .site-main { + margin-left: 0; +} + +.separate-containers.left-sidebar .site-main, +.separate-containers.both-left .site-main { + margin-right: 0; +} + +.separate-containers.both-right .inside-left-sidebar, +.separate-containers.both-left .inside-left-sidebar { + margin-right: 10px; +} + +.separate-containers.both-right .inside-right-sidebar, +.separate-containers.both-left .inside-right-sidebar { + margin-left: 10px; +} + +.separate-containers .inside-right-sidebar, +.separate-containers .inside-left-sidebar { + margin-top: 20px; + margin-bottom: 20px; +} + +.inside-page-header { + padding: 40px; +} + +.widget-area .main-navigation { + margin-bottom: 20px; +} + +.separate-containers .site-main > *:last-child, +.one-container .site-main > *:last-child { + margin-bottom: 0; +} + +/*-------------------------------------------------------------- +## Full Width Content +--------------------------------------------------------------*/ +.full-width-content .container.grid-container { + max-width: 100%; +} + +.full-width-content.no-sidebar.separate-containers .site-main { + margin: 0; +} + +.full-width-content.separate-containers .inside-article, +.full-width-content.one-container .site-content { + padding: 0; +} + +.full-width-content .entry-content .alignwide { + margin-left: 0; + width: auto; + max-width: unset; +} + +/*-------------------------------------------------------------- +## Contained Content +--------------------------------------------------------------*/ +.contained-content.separate-containers .inside-article, +.contained-content.one-container .site-content { + padding: 0; +} + +/*-------------------------------------------------------------- +# Footer +--------------------------------------------------------------*/ +.site-info { + text-align: center; + font-size: 15px; +} + +.site-info { + padding: 20px 40px; +} + +.footer-widgets { + padding: 40px; +} + +.site-footer .footer-widgets-container .inner-padding { + padding: 0px 0px 0px 40px; +} + +.site-footer .footer-widgets-container .inside-footer-widgets { + margin-left: -40px; +} + +/*-------------------------------------------------------------- +## Footer Bar +--------------------------------------------------------------*/ +.footer-bar-active .footer-bar .widget { + padding: 0; +} + +.footer-bar .widget_nav_menu > div > ul { + display: inline-block; + vertical-align: top; +} + +.footer-bar .widget_nav_menu li { + margin: 0 10px; + float: left; + padding: 0; +} + +.footer-bar .widget_nav_menu li:first-child { + margin-left: 0; +} + +.footer-bar .widget_nav_menu li:last-child { + margin-right: 0; +} + +.footer-bar .widget_nav_menu li ul { + display: none; +} + +.footer-bar .textwidget p:last-child { + margin: 0; +} + +.footer-bar .widget-title { + display: none; +} + +.footer-bar-align-right .copyright-bar { + float: left; +} + +.footer-bar-align-right .footer-bar { + float: right; + text-align: right; +} + +.footer-bar-align-left .copyright-bar { + float: right; + text-align: right; +} + +.footer-bar-align-left .footer-bar { + float: left; + text-align: left; +} + +.footer-bar-align-center .copyright-bar { + float: none; + text-align: center; +} + +.footer-bar-align-center .footer-bar { + float: none; + text-align: center; + margin-bottom: 10px; +} + +/*-------------------------------------------------------------- +# Featured Images +--------------------------------------------------------------*/ +.post-image:not(:first-child) { + margin-top: 2em; +} + +.page-header-image, +.page-header-image-single { + line-height: 0; + /* no more weird spacing */ +} + +.separate-containers .inside-article > [class*="page-header-"], +.one-container .inside-article > [class*="page-header-"] { + margin-bottom: 2em; + margin-top: 0; +} + +.inside-article .page-header-image-single.page-header-below-title { + margin-top: 2em; +} + +.separate-containers .page-header-image, +.separate-containers .page-header-contained, +.separate-containers .page-header-content, +.separate-containers .page-header-image-single, +.separate-containers .page-header-content-single { + margin-top: 20px; +} + +/*-------------------------------------------------------------- +# Top Bar +--------------------------------------------------------------*/ +.top-bar { + font-weight: normal; + text-transform: none; + font-size: 13px; +} + +.top-bar .inside-top-bar .widget { + padding: 0; + display: inline-block; + margin: 0; +} + +.top-bar .inside-top-bar .textwidget p:last-child { + margin: 0; +} + +.top-bar .widget-title { + display: none; +} + +.top-bar .widget_nav_menu li { + margin: 0 10px; + float: left; + padding: 0; +} + +.top-bar .widget_nav_menu li:first-child { + margin-left: 0; +} + +.top-bar .widget_nav_menu li:last-child { + margin-right: 0; +} + +.top-bar .widget_nav_menu li ul { + display: none; +} + +.top-bar .widget_nav_menu > div > ul { + display: inline-block; + vertical-align: top; +} + +.inside-top-bar { + padding: 10px 40px; +} + +.top-bar-align-center { + text-align: center; +} + +.top-bar-align-center .inside-top-bar .widget:not(:first-child) { + margin-left: 10px; +} + +.top-bar-align-center .inside-top-bar .widget:first-child:last-child { + display: block; +} + +.top-bar-align-right { + text-align: right; +} + +.top-bar-align-right .inside-top-bar > .widget:nth-child(even) { + float: left; + margin-right: 10px; +} + +.top-bar-align-right .inside-top-bar > .widget:nth-child(odd) { + margin-left: 10px; +} + +.top-bar-align-left .inside-top-bar > .widget:nth-child(odd) { + float: left; + margin-right: 10px; +} + +.top-bar-align-left .inside-top-bar > .widget:nth-child(even) { + margin-left: 10px; + float: right; +} + +/*-------------------------------------------------------------- +# Icons +--------------------------------------------------------------*/ +.gp-icon { + display: inline-flex; + align-self: center; +} + +.gp-icon svg { + height: 1em; + width: 1em; + top: .125em; + position: relative; + fill: currentColor; +} + +.icon-menu-bars svg:nth-child(2), +.toggled .icon-menu-bars svg:nth-child(1), +.icon-search svg:nth-child(2), +.close-search .icon-search svg:nth-child(1) { + display: none; +} + +.toggled .icon-menu-bars svg:nth-child(2), +.close-search .icon-search svg:nth-child(2) { + display: block; +} + +.entry-meta .gp-icon { + margin-right: 0.6em; + opacity: 0.7; +} + +nav.toggled .icon-arrow-left svg { + transform: rotate(-90deg); +} + +nav.toggled .icon-arrow-right svg { + transform: rotate(90deg); +} + +nav.toggled .sfHover > a > .dropdown-menu-toggle .gp-icon svg { + transform: rotate(180deg); +} + +nav.toggled .sfHover > a > .dropdown-menu-toggle .gp-icon.icon-arrow-left svg { + transform: rotate(-270deg); +} + +nav.toggled .sfHover > a > .dropdown-menu-toggle .gp-icon.icon-arrow-right svg { + transform: rotate(270deg); +} + +/*-------------------------------------------------------------- +# Compatibility +--------------------------------------------------------------*/ +/* Bootstrap fix */ +.container.grid-container { + width: auto; +} + +/* Globally hidden elements when Infinite Scroll is supported and in use. */ +.infinite-scroll .paging-navigation, +.infinite-scroll.neverending .site-footer { + /* Theme Footer (when set to scrolling) */ + display: none; +} + +/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */ +.infinity-end.neverending .site-footer { + display: block; +} + +/* SiteOrigin Page Builder */ +.so-panel.widget { + padding: 0; +} + +/* MailChimp CSS */ +#mc_embed_signup .clear { + display: block; + height: auto; + visibility: visible; + width: auto; +} diff --git a/wp-content/themes/generatepress/assets/css/style.min.css b/wp-content/themes/generatepress/assets/css/style.min.css index 49fc2c09..44225f45 100644 --- a/wp-content/themes/generatepress/assets/css/style.min.css +++ b/wp-content/themes/generatepress/assets/css/style.min.css @@ -1 +1 @@ -a,abbr,acronym,address,applet,big,blockquote,body,caption,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,iframe,ins,kbd,label,legend,li,object,ol,p,pre,q,s,samp,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,ul,var{border:0;margin:0;padding:0}html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}article,aside,details,figcaption,figure,footer,header,main,nav,section{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}ol,ul{list-style:none}table{border-collapse:separate;border-spacing:0}caption,td,th{font-weight:400;text-align:left;padding:5px}blockquote:after,blockquote:before,q:after,q:before{content:""}a{background-color:transparent}a img{border:0}body,button,input,select,textarea{font-family:-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-weight:400;text-transform:none;font-size:17px;line-height:1.5}p{margin-bottom:1.5em}h1,h2,h3,h4,h5,h6{font-family:inherit;font-size:100%;font-style:inherit;font-weight:inherit}pre{background:rgba(0,0,0,.05);font-family:inherit;font-size:inherit;line-height:normal;margin-bottom:1.5em;padding:20px;overflow:auto;max-width:100%}blockquote{border-left:5px solid rgba(0,0,0,.05);padding:20px;font-size:1.2em;font-style:italic;margin:0 0 1.5em;position:relative}blockquote p:last-child{margin:0}table,td,th{border:1px solid rgba(0,0,0,.1)}table{border-collapse:separate;border-spacing:0;border-width:1px 0 0 1px;margin:0 0 1.5em;width:100%}td,th{padding:8px}th{border-width:0 1px 1px 0}td{border-width:0 1px 1px 0}hr{background-color:rgba(0,0,0,.1);border:0;height:1px;margin-bottom:40px;margin-top:40px}fieldset{padding:0;border:0;min-width:inherit}fieldset legend{padding:0;margin-bottom:1.5em}h1{font-size:42px;margin-bottom:20px;line-height:1.2em;font-weight:400;text-transform:none}h2{font-size:35px;margin-bottom:20px;line-height:1.2em;font-weight:400;text-transform:none}h3{font-size:29px;margin-bottom:20px;line-height:1.2em;font-weight:400;text-transform:none}h4{font-size:24px}h5{font-size:20px}h4,h5,h6{margin-bottom:20px}ol,ul{margin:0 0 1.5em 3em}ul{list-style:disc}ol{list-style:decimal}li>ol,li>ul{margin-bottom:0;margin-left:1.5em}dt{font-weight:700}dd{margin:0 1.5em 1.5em}b,strong{font-weight:700}cite,dfn,em,i{font-style:italic}address{margin:0 0 1.5em}code,kbd,tt,var{font:15px Monaco,Consolas,"Andale Mono","DejaVu Sans Mono",monospace}abbr,acronym{border-bottom:1px dotted #666;cursor:help}ins,mark{text-decoration:none}sub,sup{font-size:75%;height:0;line-height:0;position:relative;vertical-align:baseline}sup{bottom:1ex}sub{top:.5ex}small{font-size:75%}big{font-size:125%}figure{margin:0}table{margin:0 0 1.5em;width:100%}th{font-weight:700}img{height:auto;max-width:100%}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline}button,html input[type=button],input[type=reset],input[type=submit]{border:1px solid transparent;background:#55555e;cursor:pointer;-webkit-appearance:button;padding:10px 20px;color:#fff}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],select,textarea{background:#fafafa;color:#666;border:1px solid #ccc;border-radius:0;padding:10px 15px;box-sizing:border-box;max-width:100%}textarea{overflow:auto;vertical-align:top;width:100%}input[type=file]{max-width:100%;box-sizing:border-box}a,button,input{transition:color .1s ease-in-out,background-color .1s ease-in-out}a,a:focus,a:hover,a:visited{text-decoration:none}.button,.wp-block-button .wp-block-button__link{padding:10px 20px;display:inline-block}.wp-block-button .wp-block-button__link{font-size:inherit;line-height:inherit}.using-mouse :focus{outline:0}.using-mouse ::-moz-focus-inner{border:0}.alignleft{float:left;margin-right:1.5em}.alignright{float:right;margin-left:1.5em}.aligncenter{clear:both;display:block;margin:0 auto}.size-auto,.size-full,.size-large,.size-medium,.size-thumbnail{max-width:100%;height:auto}.no-sidebar .entry-content .alignfull{margin-left:calc(-100vw / 2 + 100% / 2);margin-right:calc(-100vw / 2 + 100% / 2);max-width:100vw;width:auto}.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important}.screen-reader-text:focus{background-color:#f1f1f1;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip:auto!important;-webkit-clip-path:none;clip-path:none;color:#21759b;display:block;font-size:.875rem;font-weight:700;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}#primary[tabindex="-1"]:focus{outline:0}.clear:after,.comment-content:after,.entry-content:after,.inside-footer-widgets:not(.grid-container):after,.inside-header:not(.grid-container):after,.inside-navigation:not(.grid-container):after,.inside-top-bar:not(.grid-container):after,.page-header-content-container:after,.paging-navigation:after,.site-content:after,.site-footer:after,.site-header:after,.site-info:after{content:"";display:table;clear:both}.main-navigation{z-index:100;padding:0;clear:both;display:block}.main-navigation a{display:block;text-decoration:none;font-weight:400;text-transform:none;font-size:15px}.main-navigation ul{list-style:none;margin:0;padding-left:0}.main-navigation .main-nav ul li a{padding-left:20px;padding-right:20px;line-height:60px}.inside-navigation{position:relative}.main-navigation li{float:left;position:relative}.sf-menu>li.menu-item-float-right{float:right!important}.nav-float-right .inside-header .main-navigation{float:right;clear:right}.nav-float-left .inside-header .main-navigation{float:left;clear:left}.nav-aligned-center .main-navigation:not(.toggled) .menu>li,.nav-aligned-right .main-navigation:not(.toggled) .menu>li{float:none;display:inline-block}.nav-aligned-center .main-navigation:not(.toggled) ul,.nav-aligned-right .main-navigation:not(.toggled) ul{letter-spacing:-.31em;font-size:1em}.nav-aligned-center .main-navigation:not(.toggled) ul li,.nav-aligned-right .main-navigation:not(.toggled) ul li{letter-spacing:normal}.nav-aligned-center .main-navigation{text-align:center}.nav-aligned-right .main-navigation{text-align:right}.main-navigation li.search-item{float:right}.main-navigation .mobile-bar-items a{padding-left:20px;padding-right:20px;line-height:60px}.main-navigation ul ul{display:block;box-shadow:1px 1px 0 rgba(0,0,0,.1);float:left;position:absolute;left:-99999px;opacity:0;z-index:99999;width:200px;text-align:left;top:auto;transition:opacity 80ms linear;transition-delay:0s;pointer-events:none;height:0;overflow:hidden}.main-navigation ul ul a{display:block}.main-navigation ul ul li{width:100%}.main-navigation .main-nav ul ul li a{line-height:normal;padding:10px 20px;font-size:14px}.main-navigation .main-nav ul li.menu-item-has-children>a{padding-right:0;position:relative}.main-navigation.sub-menu-left .sub-menu{right:0}.main-navigation:not(.toggled) ul li.sfHover>ul,.main-navigation:not(.toggled) ul li:hover>ul{left:auto;opacity:1;transition-delay:150ms;pointer-events:auto;height:auto;overflow:visible}.main-navigation:not(.toggled) ul ul li.sfHover>ul,.main-navigation:not(.toggled) ul ul li:hover>ul{left:100%;top:0}.main-navigation.sub-menu-left:not(.toggled) ul ul li.sfHover>ul,.main-navigation.sub-menu-left:not(.toggled) ul ul li:hover>ul{right:100%;left:auto}.nav-float-right .main-navigation ul ul ul{top:0}.menu-item-has-children .dropdown-menu-toggle{display:inline-block;height:100%;clear:both;padding-right:20px;padding-left:10px}.menu-item-has-children ul .dropdown-menu-toggle{padding-top:10px;padding-bottom:10px;margin-top:-10px}.sidebar .menu-item-has-children .dropdown-menu-toggle,nav ul ul .menu-item-has-children .dropdown-menu-toggle{float:right}.widget-area .main-navigation li{float:none;display:block;width:100%;padding:0;margin:0}.sidebar .main-navigation.sub-menu-right ul li.sfHover ul,.sidebar .main-navigation.sub-menu-right ul li:hover ul{top:0;left:100%}.sidebar .main-navigation.sub-menu-left ul li.sfHover ul,.sidebar .main-navigation.sub-menu-left ul li:hover ul{top:0;right:100%}.site-main .comment-navigation,.site-main .post-navigation,.site-main .posts-navigation{margin:0 0 2em;overflow:hidden}.site-main .post-navigation{margin-bottom:0}.paging-navigation .nav-next,.paging-navigation .nav-previous{display:none}.paging-navigation .nav-links>*{padding:0 5px}.paging-navigation .nav-links .current{font-weight:700}.nav-links>:first-child{padding-left:0}.site-header{position:relative}.inside-header{padding:20px 40px}.main-title{margin:0;font-size:25px;line-height:1.2em;word-wrap:break-word;font-weight:700;text-transform:none}.site-description{margin:0;line-height:1.5;font-weight:400;text-transform:none;font-size:15px}.site-logo{display:inline-block;max-width:100%}.site-header .header-image{vertical-align:middle}.header-widget{float:right;overflow:hidden;max-width:50%}.header-widget .widget{padding:0 0 20px;margin-bottom:0}.header-widget .widget:last-child{padding-bottom:0}.header-widget .widget-title{margin-bottom:15px}.nav-float-right .header-widget{position:relative;top:-10px}.nav-float-right .header-widget .widget{padding:0 0 10px}.nav-float-left .inside-header .site-branding,.nav-float-left .inside-header .site-logo{float:right;clear:right}.nav-float-left .inside-header:after{clear:both;content:'';display:table}.nav-float-right .inside-header .site-branding{display:inline-block}.site-branding-container{display:inline-flex;align-items:center;text-align:left}.site-branding-container .site-logo{margin-right:1.5em}.header-aligned-center .site-header{text-align:center}.header-aligned-right .site-header{text-align:right}.header-aligned-right .site-branding-container{text-align:right}.header-aligned-right .site-branding-container .site-logo{order:10;margin-right:0;margin-left:1.5em}.sticky{display:block}.entry-header .gp-icon,.posted-on .updated{display:none}.byline,.entry-header .cat-links,.entry-header .comments-link,.entry-header .tags-links,.group-blog .byline,.single .byline{display:inline}footer.entry-meta .byline,footer.entry-meta .posted-on{display:block}.entry-content:not(:first-child),.entry-summary:not(:first-child),.page-content:not(:first-child){margin-top:2em}.page-links{clear:both;margin:0 0 1.5em}.archive .format-aside .entry-header,.archive .format-status .entry-header,.archive .format-status .entry-meta,.archive .format-status .entry-title,.blog .format-aside .entry-header,.blog .format-status .entry-header,.blog .format-status .entry-meta,.blog .format-status .entry-title{display:none}.archive .format-aside .entry-content,.archive .format-status .entry-content,.blog .format-aside .entry-content,.blog .format-status .entry-content{margin-top:0}.archive .format-status .entry-content p:last-child,.blog .format-status .entry-content p:last-child{margin-bottom:0}.entry-header,.site-content{word-wrap:break-word}.entry-title{margin-bottom:0}.author .page-header .page-title{display:flex;align-items:center}.author .page-header .avatar{margin-right:20px}.page-header .author-info>:last-child,.page-header>:last-child{margin-bottom:0}.entry-meta{font-size:85%;margin-top:.5em;line-height:1.5}footer.entry-meta{margin-top:2em}.cat-links,.comments-link,.tags-links{display:block}.entry-content>p:last-child,.entry-summary>p:last-child,.page-content>p:last-child,.read-more-container,.taxonomy-description p:last-child{margin-bottom:0}.wp-caption{margin-bottom:1.5em;max-width:100%;position:relative}.wp-caption img[class*=wp-image-]{display:block;margin:0 auto 0;max-width:100%}.wp-caption .wp-caption-text{font-size:75%;padding-top:5px;opacity:.8}.wp-caption img{position:relative;vertical-align:bottom}.wp-block-image figcaption{font-size:13px;text-align:center}.wp-block-gallery,ul.blocks-gallery-grid{margin-left:0}.wp-block-gallery .blocks-gallery-image figcaption,.wp-block-gallery .blocks-gallery-item figcaption{background:rgba(255,255,255,.7);color:#000;padding:10px;box-sizing:border-box}.gallery{margin-bottom:1.5em}.gallery-item{display:inline-block;text-align:center;vertical-align:top;width:100%}.gallery-columns-2 .gallery-item{max-width:50%}.gallery-columns-3 .gallery-item{max-width:33.33%}.gallery-columns-4 .gallery-item{max-width:25%}.gallery-columns-5 .gallery-item{max-width:20%}.gallery-columns-6 .gallery-item{max-width:16.66%}.gallery-columns-7 .gallery-item{max-width:14.28%}.gallery-columns-8 .gallery-item{max-width:12.5%}.gallery-columns-9 .gallery-item{max-width:11.11%}.gallery-caption{display:block}.site-main .gallery{margin-bottom:1.5em}.gallery-item img{vertical-align:bottom}.gallery-icon{padding:5px}embed,iframe,object{max-width:100%}.comment-content a{word-wrap:break-word}.bypostauthor{display:block}.comment,.comment-list{list-style-type:none;padding:0;margin:0}.comment-author-info{display:inline-block;vertical-align:middle}.comment-meta .avatar{float:left;margin-right:10px;border-radius:50%}.comment-author cite{font-style:normal;font-weight:700}.entry-meta.comment-metadata{margin-top:0}.comment-content{margin-top:1.5em}.comment-respond{margin-top:0}.comment-form>.form-submit{margin-bottom:0}.comment-form input,.comment-form-comment{margin-bottom:10px}.comment-form #author,.comment-form #email,.comment-form #url{display:block}.comment-metadata .edit-link:before{display:none}.comment-body{padding:30px 0}.comment-content{padding:30px;border:1px solid rgba(0,0,0,.05)}.depth-1.parent>.children{border-bottom:1px solid rgba(0,0,0,.05)}.comment .children{padding-left:30px;margin-top:-30px;border-left:1px solid rgba(0,0,0,.05)}.pingback .comment-body,.trackback .comment-body{border-bottom:1px solid rgba(0,0,0,.05)}.pingback .edit-link{font-size:13px}.comment-content p:last-child{margin-bottom:0}.comment-list>.comment:first-child{padding-top:0;margin-top:0;border-top:0}ol.comment-list{margin-bottom:1.5em}.comment-form-cookies-consent{display:flex;align-items:center}.comment-form-cookies-consent input{margin-right:.5em;margin-bottom:0}.one-container .comments-area{margin-top:1.5em}.comment-content .reply{font-size:85%}#cancel-comment-reply-link{padding-left:10px}.widget-area .widget{padding:40px}.widget select{max-width:100%}.footer-widgets .widget :last-child,.sidebar .widget :last-child{margin-bottom:0}.widget-title{margin-bottom:30px;font-size:20px;line-height:1.5;font-weight:400;text-transform:none}.widget ol,.widget ul{margin:0}.widget .search-field{width:100%}.widget_search .search-submit{display:none}.widget{margin:0 0 30px;box-sizing:border-box}.separate-containers .widget:last-child,.widget:last-child{margin-bottom:0}.footer-widgets .widget,.sidebar .widget{font-size:17px}.widget ul li{list-style-type:none;position:relative;padding-bottom:5px}.widget_categories .children{margin-left:1.5em;padding-top:5px}.widget_categories .children li:last-child{padding-bottom:0}.widget_nav_menu ul ul,.widget_pages ul ul{margin-left:1em;margin-top:5px}.widget ul li.menu-item-has-children,.widget ul li.page_item_has_children{padding-bottom:0}#wp-calendar{table-layout:fixed;font-size:80%}#wp-calendar #prev,#wp-calendar #prev+.pad{border-right:0}.sidebar .grid-container{max-width:100%;width:100%}.post{margin:0 0 2em}.page-header{margin-bottom:30px}.one-container.both-left .inside-left-sidebar,.one-container.both-right .inside-left-sidebar{margin-right:20px}.one-container.both-left .inside-right-sidebar,.one-container.both-right .inside-right-sidebar{margin-left:20px}.one-container:not(.page) .inside-article{padding:0 0 30px 0}.one-container.both-right .site-main,.one-container.right-sidebar .site-main{margin-right:40px}.one-container.both-left .site-main,.one-container.left-sidebar .site-main{margin-left:40px}.one-container.both-sidebars .site-main{margin:0 40px 0 40px}.one-container .site-content{padding:40px}.separate-containers .comments-area,.separate-containers .inside-article,.separate-containers .page-header,.separate-containers .paging-navigation{padding:40px}.separate-containers .page-header,.separate-containers .site-main>*,.separate-containers .widget{margin-bottom:20px}.separate-containers .site-main{margin:20px}.separate-containers.no-sidebar .site-main{margin-left:0;margin-right:0}.separate-containers.both-right .site-main,.separate-containers.right-sidebar .site-main{margin-left:0}.separate-containers.both-left .site-main,.separate-containers.left-sidebar .site-main{margin-right:0}.separate-containers.both-left .inside-left-sidebar,.separate-containers.both-right .inside-left-sidebar{margin-right:10px}.separate-containers.both-left .inside-right-sidebar,.separate-containers.both-right .inside-right-sidebar{margin-left:10px}.separate-containers .inside-left-sidebar,.separate-containers .inside-right-sidebar{margin-top:20px;margin-bottom:20px}.inside-page-header{padding:40px}.widget-area .main-navigation{margin-bottom:20px}.one-container .site-main>:last-child,.separate-containers .site-main>:last-child{margin-bottom:0}.full-width-content .container.grid-container{max-width:100%}.full-width-content.no-sidebar.separate-containers .site-main{margin:0}.full-width-content.one-container .site-content,.full-width-content.separate-containers .inside-article{padding:0}.full-width-content .entry-content .alignwide{margin-left:0;width:auto;max-width:unset}.contained-content.one-container .site-content,.contained-content.separate-containers .inside-article{padding:0}.site-info{text-align:center;font-size:15px}.site-info{padding:20px 40px}.footer-widgets{padding:40px}.site-footer .footer-widgets-container .inner-padding{padding:0 0 0 40px}.site-footer .footer-widgets-container .inside-footer-widgets{margin-left:-40px}.footer-bar-active .footer-bar .widget{padding:0}.footer-bar .widget_nav_menu>div>ul{display:inline-block;vertical-align:top}.footer-bar .widget_nav_menu li{margin:0 10px;float:left;padding:0}.footer-bar .widget_nav_menu li:first-child{margin-left:0}.footer-bar .widget_nav_menu li:last-child{margin-right:0}.footer-bar .widget_nav_menu li ul{display:none}.footer-bar .textwidget p:last-child{margin:0}.footer-bar .widget-title{display:none}.footer-bar-align-right .copyright-bar{float:left}.footer-bar-align-right .footer-bar{float:right;text-align:right}.footer-bar-align-left .copyright-bar{float:right;text-align:right}.footer-bar-align-left .footer-bar{float:left;text-align:left}.footer-bar-align-center .copyright-bar{float:none;text-align:center}.footer-bar-align-center .footer-bar{float:none;text-align:center;margin-bottom:10px}.post-image:not(:first-child){margin-top:2em}.page-header-image,.page-header-image-single{line-height:0}.one-container .inside-article>[class*=page-header-],.separate-containers .inside-article>[class*=page-header-]{margin-bottom:2em;margin-top:0}.inside-article .page-header-image-single.page-header-below-title{margin-top:2em}.separate-containers .page-header-contained,.separate-containers .page-header-content,.separate-containers .page-header-content-single,.separate-containers .page-header-image,.separate-containers .page-header-image-single{margin-top:20px}.top-bar{font-weight:400;text-transform:none;font-size:13px}.top-bar .inside-top-bar .widget{padding:0;display:inline-block;margin:0}.top-bar .inside-top-bar .textwidget p:last-child{margin:0}.top-bar .widget-title{display:none}.top-bar .widget_nav_menu li{margin:0 10px;float:left;padding:0}.top-bar .widget_nav_menu li:first-child{margin-left:0}.top-bar .widget_nav_menu li:last-child{margin-right:0}.top-bar .widget_nav_menu li ul{display:none}.top-bar .widget_nav_menu>div>ul{display:inline-block;vertical-align:top}.inside-top-bar{padding:10px 40px}.top-bar-align-center{text-align:center}.top-bar-align-center .inside-top-bar .widget:not(:first-child){margin-left:10px}.top-bar-align-center .inside-top-bar .widget:first-child:last-child{display:block}.top-bar-align-right{text-align:right}.top-bar-align-right .inside-top-bar>.widget:nth-child(even){float:left;margin-right:10px}.top-bar-align-right .inside-top-bar>.widget:nth-child(odd){margin-left:10px}.top-bar-align-left .inside-top-bar>.widget:nth-child(odd){float:left;margin-right:10px}.top-bar-align-left .inside-top-bar>.widget:nth-child(even){margin-left:10px;float:right}.gp-icon{display:inline-flex;align-self:center}.gp-icon svg{height:1em;width:1em;top:.125em;position:relative;fill:currentColor}.close-search .icon-search svg:nth-child(1),.icon-menu-bars svg:nth-child(2),.icon-search svg:nth-child(2),.toggled .icon-menu-bars svg:nth-child(1){display:none}.close-search .icon-search svg:nth-child(2),.toggled .icon-menu-bars svg:nth-child(2){display:block}.entry-meta .gp-icon{margin-right:.6em;opacity:.7}nav.toggled .icon-arrow-left svg{transform:rotate(-90deg)}nav.toggled .icon-arrow-right svg{transform:rotate(90deg)}nav.toggled .sfHover>a>.dropdown-menu-toggle .gp-icon svg{transform:rotate(180deg)}nav.toggled .sfHover>a>.dropdown-menu-toggle .gp-icon.icon-arrow-left svg{transform:rotate(-270deg)}nav.toggled .sfHover>a>.dropdown-menu-toggle .gp-icon.icon-arrow-right svg{transform:rotate(270deg)}.container.grid-container{width:auto}.infinite-scroll .paging-navigation,.infinite-scroll.neverending .site-footer{display:none}.infinity-end.neverending .site-footer{display:block}.so-panel.widget{padding:0}#mc_embed_signup .clear{display:block;height:auto;visibility:visible;width:auto} \ No newline at end of file +a,abbr,acronym,address,applet,big,blockquote,body,caption,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,iframe,ins,kbd,label,legend,li,object,ol,p,pre,q,s,samp,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,ul,var{border:0;margin:0;padding:0}html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}article,aside,details,figcaption,figure,footer,header,main,nav,section{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}ol,ul{list-style:none}table{border-collapse:separate;border-spacing:0}caption,td,th{font-weight:400;text-align:left;padding:5px}blockquote:after,blockquote:before,q:after,q:before{content:""}a{background-color:transparent}a img{border:0}body,button,input,select,textarea{font-family:-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-weight:400;text-transform:none;font-size:17px;line-height:1.5}p{margin-bottom:1.5em}h1,h2,h3,h4,h5,h6{font-family:inherit;font-size:100%;font-style:inherit;font-weight:inherit}pre{background:rgba(0,0,0,.05);font-family:inherit;font-size:inherit;line-height:normal;margin-bottom:1.5em;padding:20px;overflow:auto;max-width:100%}blockquote{border-left:5px solid rgba(0,0,0,.05);padding:20px;font-size:1.2em;font-style:italic;margin:0 0 1.5em;position:relative}blockquote p:last-child{margin:0}table,td,th{border:1px solid rgba(0,0,0,.1)}table{border-collapse:separate;border-spacing:0;border-width:1px 0 0 1px;margin:0 0 1.5em;width:100%}td,th{padding:8px}th{border-width:0 1px 1px 0}td{border-width:0 1px 1px 0}hr{background-color:rgba(0,0,0,.1);border:0;height:1px;margin-bottom:40px;margin-top:40px}fieldset{padding:0;border:0;min-width:inherit}fieldset legend{padding:0;margin-bottom:1.5em}h1{font-size:42px;margin-bottom:20px;line-height:1.2em;font-weight:400;text-transform:none}h2{font-size:35px;margin-bottom:20px;line-height:1.2em;font-weight:400;text-transform:none}h3{font-size:29px;margin-bottom:20px;line-height:1.2em;font-weight:400;text-transform:none}h4{font-size:24px}h5{font-size:20px}h4,h5,h6{margin-bottom:20px}ol,ul{margin:0 0 1.5em 3em}ul{list-style:disc}ol{list-style:decimal}li>ol,li>ul{margin-bottom:0;margin-left:1.5em}dt{font-weight:700}dd{margin:0 1.5em 1.5em}b,strong{font-weight:700}cite,dfn,em,i{font-style:italic}address{margin:0 0 1.5em}code,kbd,tt,var{font:15px Monaco,Consolas,"Andale Mono","DejaVu Sans Mono",monospace}abbr,acronym{border-bottom:1px dotted #666;cursor:help}ins,mark{text-decoration:none}sub,sup{font-size:75%;height:0;line-height:0;position:relative;vertical-align:baseline}sup{bottom:1ex}sub{top:.5ex}small{font-size:75%}big{font-size:125%}figure{margin:0}table{margin:0 0 1.5em;width:100%}th{font-weight:700}img{height:auto;max-width:100%}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline}button,html input[type=button],input[type=reset],input[type=submit]{border:1px solid transparent;background:#55555e;cursor:pointer;-webkit-appearance:button;padding:10px 20px;color:#fff}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],select,textarea{background:#fafafa;color:#666;border:1px solid #ccc;border-radius:0;padding:10px 15px;box-sizing:border-box;max-width:100%}textarea{overflow:auto;vertical-align:top;width:100%}input[type=file]{max-width:100%;box-sizing:border-box}a,button,input{transition:color .1s ease-in-out,background-color .1s ease-in-out}a{text-decoration:none}.button,.wp-block-button .wp-block-button__link{padding:10px 20px;display:inline-block}.wp-block-button .wp-block-button__link{font-size:inherit;line-height:inherit}.using-mouse :focus{outline:0}.using-mouse ::-moz-focus-inner{border:0}.alignleft{float:left;margin-right:1.5em}.alignright{float:right;margin-left:1.5em}.aligncenter{clear:both;display:block;margin:0 auto}.size-auto,.size-full,.size-large,.size-medium,.size-thumbnail{max-width:100%;height:auto}.no-sidebar .entry-content .alignfull{margin-left:calc(-100vw / 2 + 100% / 2);margin-right:calc(-100vw / 2 + 100% / 2);max-width:100vw;width:auto}.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important}.screen-reader-text:focus{background-color:#f1f1f1;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip:auto!important;-webkit-clip-path:none;clip-path:none;color:#21759b;display:block;font-size:.875rem;font-weight:700;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}#primary[tabindex="-1"]:focus{outline:0}.clear:after,.comment-content:after,.entry-content:after,.inside-footer-widgets:not(.grid-container):after,.inside-header:not(.grid-container):after,.inside-navigation:not(.grid-container):after,.inside-top-bar:not(.grid-container):after,.page-header-content-container:after,.paging-navigation:after,.site-content:after,.site-footer:after,.site-header:after,.site-info:after{content:"";display:table;clear:both}.main-navigation{z-index:100;padding:0;clear:both;display:block}.main-navigation a{display:block;text-decoration:none;font-weight:400;text-transform:none;font-size:15px}.main-navigation ul{list-style:none;margin:0;padding-left:0}.main-navigation .main-nav ul li a{padding-left:20px;padding-right:20px;line-height:60px}.inside-navigation{position:relative}.main-navigation li{float:left;position:relative}.sf-menu>li.menu-item-float-right{float:right!important}.nav-float-right .inside-header .main-navigation{float:right;clear:right}.nav-float-left .inside-header .main-navigation{float:left;clear:left}.nav-aligned-center .main-navigation:not(.toggled) .menu>li,.nav-aligned-right .main-navigation:not(.toggled) .menu>li{float:none;display:inline-block}.nav-aligned-center .main-navigation:not(.toggled) ul,.nav-aligned-right .main-navigation:not(.toggled) ul{letter-spacing:-.31em;font-size:1em}.nav-aligned-center .main-navigation:not(.toggled) ul li,.nav-aligned-right .main-navigation:not(.toggled) ul li{letter-spacing:normal}.nav-aligned-center .main-navigation{text-align:center}.nav-aligned-right .main-navigation{text-align:right}.main-navigation li.search-item{float:right}.main-navigation .mobile-bar-items a{padding-left:20px;padding-right:20px;line-height:60px}.main-navigation ul ul{display:block;box-shadow:1px 1px 0 rgba(0,0,0,.1);float:left;position:absolute;left:-99999px;opacity:0;z-index:99999;width:200px;text-align:left;top:auto;transition:opacity 80ms linear;transition-delay:0s;pointer-events:none;height:0;overflow:hidden}.main-navigation ul ul a{display:block}.main-navigation ul ul li{width:100%}.main-navigation .main-nav ul ul li a{line-height:normal;padding:10px 20px;font-size:14px}.main-navigation .main-nav ul li.menu-item-has-children>a{padding-right:0;position:relative}.main-navigation.sub-menu-left ul ul{box-shadow:-1px 1px 0 rgba(0,0,0,.1)}.main-navigation.sub-menu-left .sub-menu{right:0}.main-navigation:not(.toggled) ul li.sfHover>ul,.main-navigation:not(.toggled) ul li:hover>ul{left:auto;opacity:1;transition-delay:150ms;pointer-events:auto;height:auto;overflow:visible}.main-navigation:not(.toggled) ul ul li.sfHover>ul,.main-navigation:not(.toggled) ul ul li:hover>ul{left:100%;top:0}.main-navigation.sub-menu-left:not(.toggled) ul ul li.sfHover>ul,.main-navigation.sub-menu-left:not(.toggled) ul ul li:hover>ul{right:100%;left:auto}.nav-float-right .main-navigation ul ul ul{top:0}.menu-item-has-children .dropdown-menu-toggle{display:inline-block;height:100%;clear:both;padding-right:20px;padding-left:10px}.menu-item-has-children ul .dropdown-menu-toggle{padding-top:10px;padding-bottom:10px;margin-top:-10px}.sidebar .menu-item-has-children .dropdown-menu-toggle,nav ul ul .menu-item-has-children .dropdown-menu-toggle{float:right}.widget-area .main-navigation li{float:none;display:block;width:100%;padding:0;margin:0}.sidebar .main-navigation.sub-menu-right ul li.sfHover ul,.sidebar .main-navigation.sub-menu-right ul li:hover ul{top:0;left:100%}.sidebar .main-navigation.sub-menu-left ul li.sfHover ul,.sidebar .main-navigation.sub-menu-left ul li:hover ul{top:0;right:100%}.site-main .comment-navigation,.site-main .post-navigation,.site-main .posts-navigation{margin:0 0 2em;overflow:hidden}.site-main .post-navigation{margin-bottom:0}.paging-navigation .nav-next,.paging-navigation .nav-previous{display:none}.paging-navigation .nav-links>*{padding:0 5px}.paging-navigation .nav-links .current{font-weight:700}.nav-links>:first-child{padding-left:0}.site-header{position:relative}.inside-header{padding:20px 40px}.main-title{margin:0;font-size:25px;line-height:1.2em;word-wrap:break-word;font-weight:700;text-transform:none}.site-description{margin:0;line-height:1.5;font-weight:400;text-transform:none;font-size:15px}.site-logo{display:inline-block;max-width:100%}.site-header .header-image{vertical-align:middle}.header-widget{float:right;overflow:hidden;max-width:50%}.header-widget .widget{padding:0 0 20px;margin-bottom:0}.header-widget .widget:last-child{padding-bottom:0}.header-widget .widget-title{margin-bottom:15px}.nav-float-right .header-widget{position:relative;top:-10px}.nav-float-right .header-widget .widget{padding:0 0 10px}.nav-float-left .inside-header .site-branding,.nav-float-left .inside-header .site-logo{float:right;clear:right}.nav-float-left .inside-header:after{clear:both;content:'';display:table}.nav-float-right .inside-header .site-branding{display:inline-block}.site-branding-container{display:inline-flex;align-items:center;text-align:left}.site-branding-container .site-logo{margin-right:1.5em}.header-aligned-center .site-header{text-align:center}.header-aligned-right .site-header{text-align:right}.header-aligned-right .site-branding-container{text-align:right}.header-aligned-right .site-branding-container .site-logo{order:10;margin-right:0;margin-left:1.5em}.sticky{display:block}.entry-header .gp-icon,.posted-on .updated{display:none}.byline,.entry-header .cat-links,.entry-header .comments-link,.entry-header .tags-links,.group-blog .byline,.single .byline{display:inline}footer.entry-meta .byline,footer.entry-meta .posted-on{display:block}.entry-content:not(:first-child),.entry-summary:not(:first-child),.page-content:not(:first-child){margin-top:2em}.page-links{clear:both;margin:0 0 1.5em}.archive .format-aside .entry-header,.archive .format-status .entry-header,.archive .format-status .entry-meta,.archive .format-status .entry-title,.blog .format-aside .entry-header,.blog .format-status .entry-header,.blog .format-status .entry-meta,.blog .format-status .entry-title{display:none}.archive .format-aside .entry-content,.archive .format-status .entry-content,.blog .format-aside .entry-content,.blog .format-status .entry-content{margin-top:0}.archive .format-status .entry-content p:last-child,.blog .format-status .entry-content p:last-child{margin-bottom:0}.entry-header,.site-content{word-wrap:break-word}.entry-title{margin-bottom:0}.author .page-header .page-title{display:flex;align-items:center}.author .page-header .avatar{margin-right:20px}.page-header .author-info>:last-child,.page-header>:last-child{margin-bottom:0}.entry-meta{font-size:85%;margin-top:.5em;line-height:1.5}footer.entry-meta{margin-top:2em}.cat-links,.comments-link,.tags-links{display:block}.entry-content>p:last-child,.entry-summary>p:last-child,.page-content>p:last-child,.read-more-container,.taxonomy-description p:last-child{margin-bottom:0}.wp-caption{margin-bottom:1.5em;max-width:100%;position:relative}.wp-caption img[class*=wp-image-]{display:block;margin:0 auto 0;max-width:100%}.wp-caption .wp-caption-text{font-size:75%;padding-top:5px;opacity:.8}.wp-caption img{position:relative;vertical-align:bottom}.wp-block-image figcaption{font-size:13px;text-align:center}.wp-block-gallery,ul.blocks-gallery-grid{margin-left:0}.wp-block-gallery .blocks-gallery-image figcaption,.wp-block-gallery .blocks-gallery-item figcaption{background:rgba(255,255,255,.7);color:#000;padding:10px;box-sizing:border-box}.gallery{margin-bottom:1.5em}.gallery-item{display:inline-block;text-align:center;vertical-align:top;width:100%}.gallery-columns-2 .gallery-item{max-width:50%}.gallery-columns-3 .gallery-item{max-width:33.33%}.gallery-columns-4 .gallery-item{max-width:25%}.gallery-columns-5 .gallery-item{max-width:20%}.gallery-columns-6 .gallery-item{max-width:16.66%}.gallery-columns-7 .gallery-item{max-width:14.28%}.gallery-columns-8 .gallery-item{max-width:12.5%}.gallery-columns-9 .gallery-item{max-width:11.11%}.gallery-caption{display:block}.site-main .gallery{margin-bottom:1.5em}.gallery-item img{vertical-align:bottom}.gallery-icon{padding:5px}embed,iframe,object{max-width:100%}.wp-block-post-template{margin-left:0}.comment-content a{word-wrap:break-word}.bypostauthor{display:block}.comment,.comment-list{list-style-type:none;padding:0;margin:0}.comment-author-info{display:inline-block;vertical-align:middle}.comment-meta .avatar{float:left;margin-right:10px;border-radius:50%}.comment-author cite{font-style:normal;font-weight:700}.entry-meta.comment-metadata{margin-top:0}.comment-content{margin-top:1.5em}.comment-respond{margin-top:0}.comment-form>.form-submit{margin-bottom:0}.comment-form input,.comment-form-comment{margin-bottom:10px}.comment-form-comment textarea{resize:vertical}.comment-form #author,.comment-form #email,.comment-form #url{display:block}.comment-metadata .edit-link:before{display:none}.comment-body{padding:30px 0}.comment-content{padding:30px;border:1px solid rgba(0,0,0,.05)}.depth-1.parent>.children{border-bottom:1px solid rgba(0,0,0,.05)}.comment .children{padding-left:30px;margin-top:-30px;border-left:1px solid rgba(0,0,0,.05)}.pingback .comment-body,.trackback .comment-body{border-bottom:1px solid rgba(0,0,0,.05)}.pingback .edit-link{font-size:13px}.comment-content p:last-child{margin-bottom:0}.comment-list>.comment:first-child{padding-top:0;margin-top:0;border-top:0}ol.comment-list{margin-bottom:1.5em}.comment-form-cookies-consent{display:flex;align-items:center}.comment-form-cookies-consent input{margin-right:.5em;margin-bottom:0}.one-container .comments-area{margin-top:1.5em}.comment-content .reply{font-size:85%}#cancel-comment-reply-link{padding-left:10px}.widget-area .widget{padding:40px}.widget select{max-width:100%}.footer-widgets .widget :last-child,.sidebar .widget :last-child{margin-bottom:0}.widget-title{margin-bottom:30px;font-size:20px;line-height:1.5;font-weight:400;text-transform:none}.widget ol,.widget ul{margin:0}.widget .search-field{width:100%}.widget_search .search-submit{display:none}.widget{margin:0 0 30px;box-sizing:border-box}.separate-containers .widget:last-child,.widget:last-child{margin-bottom:0}.footer-widgets .widget,.sidebar .widget{font-size:17px}.widget ul li{list-style-type:none;position:relative;padding-bottom:5px}.widget_categories .children{margin-left:1.5em;padding-top:5px}.widget_categories .children li:last-child{padding-bottom:0}.widget_nav_menu ul ul,.widget_pages ul ul{margin-left:1em;margin-top:5px}.widget ul li.menu-item-has-children,.widget ul li.page_item_has_children{padding-bottom:0}#wp-calendar{table-layout:fixed;font-size:80%}#wp-calendar #prev,#wp-calendar #prev+.pad{border-right:0}.sidebar .grid-container{max-width:100%;width:100%}.post{margin:0 0 2em}.page-header{margin-bottom:30px}.one-container.both-left .inside-left-sidebar,.one-container.both-right .inside-left-sidebar{margin-right:20px}.one-container.both-left .inside-right-sidebar,.one-container.both-right .inside-right-sidebar{margin-left:20px}.one-container:not(.page) .inside-article{padding:0 0 30px 0}.one-container.both-right .site-main,.one-container.right-sidebar .site-main{margin-right:40px}.one-container.both-left .site-main,.one-container.left-sidebar .site-main{margin-left:40px}.one-container.both-sidebars .site-main{margin:0 40px 0 40px}.one-container .site-content{padding:40px}.separate-containers .comments-area,.separate-containers .inside-article,.separate-containers .page-header,.separate-containers .paging-navigation{padding:40px}.separate-containers .page-header,.separate-containers .site-main>*,.separate-containers .widget{margin-bottom:20px}.separate-containers .site-main{margin:20px}.separate-containers.no-sidebar .site-main{margin-left:0;margin-right:0}.separate-containers.both-right .site-main,.separate-containers.right-sidebar .site-main{margin-left:0}.separate-containers.both-left .site-main,.separate-containers.left-sidebar .site-main{margin-right:0}.separate-containers.both-left .inside-left-sidebar,.separate-containers.both-right .inside-left-sidebar{margin-right:10px}.separate-containers.both-left .inside-right-sidebar,.separate-containers.both-right .inside-right-sidebar{margin-left:10px}.separate-containers .inside-left-sidebar,.separate-containers .inside-right-sidebar{margin-top:20px;margin-bottom:20px}.inside-page-header{padding:40px}.widget-area .main-navigation{margin-bottom:20px}.one-container .site-main>:last-child,.separate-containers .site-main>:last-child{margin-bottom:0}.full-width-content .container.grid-container{max-width:100%}.full-width-content.no-sidebar.separate-containers .site-main{margin:0}.full-width-content.one-container .site-content,.full-width-content.separate-containers .inside-article{padding:0}.full-width-content .entry-content .alignwide{margin-left:0;width:auto;max-width:unset}.contained-content.one-container .site-content,.contained-content.separate-containers .inside-article{padding:0}.site-info{text-align:center;font-size:15px}.site-info{padding:20px 40px}.footer-widgets{padding:40px}.site-footer .footer-widgets-container .inner-padding{padding:0 0 0 40px}.site-footer .footer-widgets-container .inside-footer-widgets{margin-left:-40px}.footer-bar-active .footer-bar .widget{padding:0}.footer-bar .widget_nav_menu>div>ul{display:inline-block;vertical-align:top}.footer-bar .widget_nav_menu li{margin:0 10px;float:left;padding:0}.footer-bar .widget_nav_menu li:first-child{margin-left:0}.footer-bar .widget_nav_menu li:last-child{margin-right:0}.footer-bar .widget_nav_menu li ul{display:none}.footer-bar .textwidget p:last-child{margin:0}.footer-bar .widget-title{display:none}.footer-bar-align-right .copyright-bar{float:left}.footer-bar-align-right .footer-bar{float:right;text-align:right}.footer-bar-align-left .copyright-bar{float:right;text-align:right}.footer-bar-align-left .footer-bar{float:left;text-align:left}.footer-bar-align-center .copyright-bar{float:none;text-align:center}.footer-bar-align-center .footer-bar{float:none;text-align:center;margin-bottom:10px}.post-image:not(:first-child){margin-top:2em}.page-header-image,.page-header-image-single{line-height:0}.one-container .inside-article>[class*=page-header-],.separate-containers .inside-article>[class*=page-header-]{margin-bottom:2em;margin-top:0}.inside-article .page-header-image-single.page-header-below-title{margin-top:2em}.separate-containers .page-header-contained,.separate-containers .page-header-content,.separate-containers .page-header-content-single,.separate-containers .page-header-image,.separate-containers .page-header-image-single{margin-top:20px}.top-bar{font-weight:400;text-transform:none;font-size:13px}.top-bar .inside-top-bar .widget{padding:0;display:inline-block;margin:0}.top-bar .inside-top-bar .textwidget p:last-child{margin:0}.top-bar .widget-title{display:none}.top-bar .widget_nav_menu li{margin:0 10px;float:left;padding:0}.top-bar .widget_nav_menu li:first-child{margin-left:0}.top-bar .widget_nav_menu li:last-child{margin-right:0}.top-bar .widget_nav_menu li ul{display:none}.top-bar .widget_nav_menu>div>ul{display:inline-block;vertical-align:top}.inside-top-bar{padding:10px 40px}.top-bar-align-center{text-align:center}.top-bar-align-center .inside-top-bar .widget:not(:first-child){margin-left:10px}.top-bar-align-center .inside-top-bar .widget:first-child:last-child{display:block}.top-bar-align-right{text-align:right}.top-bar-align-right .inside-top-bar>.widget:nth-child(even){float:left;margin-right:10px}.top-bar-align-right .inside-top-bar>.widget:nth-child(odd){margin-left:10px}.top-bar-align-left .inside-top-bar>.widget:nth-child(odd){float:left;margin-right:10px}.top-bar-align-left .inside-top-bar>.widget:nth-child(even){margin-left:10px;float:right}.gp-icon{display:inline-flex;align-self:center}.gp-icon svg{height:1em;width:1em;top:.125em;position:relative;fill:currentColor}.close-search .icon-search svg:nth-child(1),.icon-menu-bars svg:nth-child(2),.icon-search svg:nth-child(2),.toggled .icon-menu-bars svg:nth-child(1){display:none}.close-search .icon-search svg:nth-child(2),.toggled .icon-menu-bars svg:nth-child(2){display:block}.entry-meta .gp-icon{margin-right:.6em;opacity:.7}nav.toggled .icon-arrow-left svg{transform:rotate(-90deg)}nav.toggled .icon-arrow-right svg{transform:rotate(90deg)}nav.toggled .sfHover>a>.dropdown-menu-toggle .gp-icon svg{transform:rotate(180deg)}nav.toggled .sfHover>a>.dropdown-menu-toggle .gp-icon.icon-arrow-left svg{transform:rotate(-270deg)}nav.toggled .sfHover>a>.dropdown-menu-toggle .gp-icon.icon-arrow-right svg{transform:rotate(270deg)}.container.grid-container{width:auto}.infinite-scroll .paging-navigation,.infinite-scroll.neverending .site-footer{display:none}.infinity-end.neverending .site-footer{display:block}.so-panel.widget{padding:0}#mc_embed_signup .clear{display:block;height:auto;visibility:visible;width:auto} \ No newline at end of file diff --git a/wp-content/themes/generatepress/assets/dist/block-editor.asset.php b/wp-content/themes/generatepress/assets/dist/block-editor.asset.php new file mode 100644 index 00000000..d1946515 --- /dev/null +++ b/wp-content/themes/generatepress/assets/dist/block-editor.asset.php @@ -0,0 +1 @@ + array('wp-data', 'wp-plugins', 'wp-polyfill'), 'version' => '11ef0750a5fe7ac2ec7219a41656ae84'); \ No newline at end of file diff --git a/wp-content/themes/generatepress/assets/dist/block-editor.js b/wp-content/themes/generatepress/assets/dist/block-editor.js new file mode 100644 index 00000000..e485dd87 --- /dev/null +++ b/wp-content/themes/generatepress/assets/dist/block-editor.js @@ -0,0 +1 @@ +!function(e){var t={};function r(n){if(t[n])return t[n].exports;var o=t[n]={i:n,l:!1,exports:{}};return e[n].call(o.exports,o,o.exports,r),o.l=!0,o.exports}r.m=e,r.c=t,r.d=function(e,t,n){r.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},r.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.t=function(e,t){if(1&t&&(e=r(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(r.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)r.d(n,o,function(t){return e[t]}.bind(null,o));return n},r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,"a",t),t},r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.p="",r(r.s=57)}({11:function(e,t){e.exports=window.wp.data},27:function(e,t){e.exports=window.wp.plugins},57:function(e,t,r){"use strict";r.r(t);var n=r(27),o=r(11);Object(o.select)("core/edit-post")&&Object(o.select)("core/edit-post").__experimentalGetPreviewDeviceType&&Object(n.registerPlugin)("generatepress-responsive-classes",{render:function(){var e=Object(o.useSelect)((function(){var e=Object(o.select)("core/edit-post").__experimentalGetPreviewDeviceType;return e?{deviceType:e()}:{deviceType:null}}),[]).deviceType;return document.querySelector("body").classList.remove("gp-is-device-desktop","gp-is-device-tablet","gp-is-device-mobile"),document.querySelector("body").classList.add("gp-is-device-"+e.toLowerCase()),null}})}}); \ No newline at end of file diff --git a/wp-content/themes/generatepress/assets/dist/customizer.asset.php b/wp-content/themes/generatepress/assets/dist/customizer.asset.php new file mode 100644 index 00000000..0b9e6985 --- /dev/null +++ b/wp-content/themes/generatepress/assets/dist/customizer.asset.php @@ -0,0 +1 @@ + array('react', 'react-dom', 'wp-components', 'wp-element', 'wp-hooks', 'wp-i18n', 'wp-polyfill'), 'version' => 'cce88a99e1e77f1e8791fa8ad107481c'); \ No newline at end of file diff --git a/wp-content/themes/generatepress/assets/dist/customizer.js b/wp-content/themes/generatepress/assets/dist/customizer.js new file mode 100644 index 00000000..4ab7c4fd --- /dev/null +++ b/wp-content/themes/generatepress/assets/dist/customizer.js @@ -0,0 +1,5 @@ +(window.webpackJsonp_generatepress=window.webpackJsonp_generatepress||[]).push([[3],{21:function(e,a,t){},29:function(e,a,t){},30:function(e,a,t){},31:function(e,a,t){},35:function(e,a,t){},44:function(e,a,t){},47:function(e,a,t){},48:function(e,a,t){},49:function(e,a,t){},50:function(e,a,t){}}]),function(e){function a(a){for(var r,o,s=a[0],l=a[1],c=a[2],g=0,p=[];ge.length)&&(a=e.length);for(var t=0,r=new Array(a);t=0||Object.prototype.hasOwnProperty.call(e,r)&&(t[r]=e[r]);return t}(this.props,[]);return function(e){u.forEach((function(a){return delete e[a]}))}(i),i.className=this.props.inputClassName,i.id=this.state.inputId,i.style=t,o.default.createElement("div",{className:this.props.className,style:a},this.renderStyles(),o.default.createElement("input",r({},i,{ref:this.inputRef})),o.default.createElement("div",{ref:this.sizerRef,style:c},e),this.props.placeholder?o.default.createElement("div",{ref:this.placeHolderSizerRef,style:c},this.props.placeholder):null)}}]),a}(n.Component);d.propTypes={className:s.default.string,defaultValue:s.default.any,extraWidth:s.default.oneOfType([s.default.number,s.default.string]),id:s.default.string,injectStyles:s.default.bool,inputClassName:s.default.string,inputRef:s.default.func,inputStyle:s.default.object,minWidth:s.default.oneOfType([s.default.number,s.default.string]),onAutosize:s.default.func,onChange:s.default.func,placeholder:s.default.string,placeholderIsMinWidth:s.default.bool,style:s.default.object,value:s.default.any},d.defaultProps={minWidth:1,injectStyles:!0},a.default=d},function(e,a){e.exports=window.ReactDOM},function(e,a,t){"use strict";var r=t(42),i={childContextTypes:!0,contextType:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,mixins:!0,propTypes:!0,type:!0},n={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},o={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},s={};function l(e){return r.isMemo(e)?o:s[e.$$typeof]||i}s[r.ForwardRef]={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},s[r.Memo]=o;var c=Object.defineProperty,u=Object.getOwnPropertyNames,g=Object.getOwnPropertySymbols,p=Object.getOwnPropertyDescriptor,f=Object.getPrototypeOf,d=Object.prototype;e.exports=function e(a,t,r){if("string"!=typeof t){if(d){var i=f(t);i&&i!==d&&e(a,i,r)}var o=u(t);g&&(o=o.concat(g(t)));for(var s=l(a),y=l(t),v=0;v=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(n[t]=e[t])}return n},e.exports.default=e.exports,e.exports.__esModule=!0},function(e,a){e.exports=function(e,a){if(null==e)return{};var t,r,i={},n=Object.keys(e);for(r=0;r=0||(i[t]=e[t]);return i},e.exports.default=e.exports,e.exports.__esModule=!0},function(e,a){e.exports=function(e,a){return a||(a=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(a)}}))},e.exports.default=e.exports,e.exports.__esModule=!0},function(e,a,t){e.exports=t(40)()},function(e,a,t){"use strict";var r=t(41);function i(){}function n(){}n.resetWarningCache=i,e.exports=function(){function e(e,a,t,i,n,o){if(o!==r){var s=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw s.name="Invariant Violation",s}}function a(){return e}e.isRequired=e;var t={array:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:a,element:e,elementType:e,instanceOf:a,node:e,objectOf:a,oneOf:a,oneOfType:a,shape:a,exact:a,checkPropTypes:n,resetWarningCache:i};return t.PropTypes=t,t}},function(e,a,t){"use strict";e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},function(e,a,t){"use strict";e.exports=t(43)},function(e,a,t){"use strict";var r="function"==typeof Symbol&&Symbol.for,i=r?Symbol.for("react.element"):60103,n=r?Symbol.for("react.portal"):60106,o=r?Symbol.for("react.fragment"):60107,s=r?Symbol.for("react.strict_mode"):60108,l=r?Symbol.for("react.profiler"):60114,c=r?Symbol.for("react.provider"):60109,u=r?Symbol.for("react.context"):60110,g=r?Symbol.for("react.async_mode"):60111,p=r?Symbol.for("react.concurrent_mode"):60111,f=r?Symbol.for("react.forward_ref"):60112,d=r?Symbol.for("react.suspense"):60113,y=r?Symbol.for("react.suspense_list"):60120,v=r?Symbol.for("react.memo"):60115,m=r?Symbol.for("react.lazy"):60116,h=r?Symbol.for("react.block"):60121,b=r?Symbol.for("react.fundamental"):60117,O=r?Symbol.for("react.responder"):60118,S=r?Symbol.for("react.scope"):60119;function w(e){if("object"==typeof e&&null!==e){var a=e.$$typeof;switch(a){case i:switch(e=e.type){case g:case p:case o:case l:case s:case d:return e;default:switch(e=e&&e.$$typeof){case u:case f:case m:case v:case c:return e;default:return a}}case n:return a}}}function C(e){return w(e)===p}a.AsyncMode=g,a.ConcurrentMode=p,a.ContextConsumer=u,a.ContextProvider=c,a.Element=i,a.ForwardRef=f,a.Fragment=o,a.Lazy=m,a.Memo=v,a.Portal=n,a.Profiler=l,a.StrictMode=s,a.Suspense=d,a.isAsyncMode=function(e){return C(e)||w(e)===g},a.isConcurrentMode=C,a.isContextConsumer=function(e){return w(e)===u},a.isContextProvider=function(e){return w(e)===c},a.isElement=function(e){return"object"==typeof e&&null!==e&&e.$$typeof===i},a.isForwardRef=function(e){return w(e)===f},a.isFragment=function(e){return w(e)===o},a.isLazy=function(e){return w(e)===m},a.isMemo=function(e){return w(e)===v},a.isPortal=function(e){return w(e)===n},a.isProfiler=function(e){return w(e)===l},a.isStrictMode=function(e){return w(e)===s},a.isSuspense=function(e){return w(e)===d},a.isValidElementType=function(e){return"string"==typeof e||"function"==typeof e||e===o||e===p||e===l||e===s||e===d||e===y||"object"==typeof e&&null!==e&&(e.$$typeof===m||e.$$typeof===v||e.$$typeof===c||e.$$typeof===u||e.$$typeof===f||e.$$typeof===b||e.$$typeof===O||e.$$typeof===S||e.$$typeof===h)},a.typeOf=w},,function(e,a){function t(a,r){return e.exports=t=Object.setPrototypeOf||function(e,a){return e.__proto__=a,e},e.exports.default=e.exports,e.exports.__esModule=!0,t(a,r)}e.exports=t,e.exports.default=e.exports,e.exports.__esModule=!0},function(e,a){e.exports=function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e},e.exports.default=e.exports,e.exports.__esModule=!0},,,,,,,,,function(e,a,t){"use strict";t.r(a),t(29);var r=t(6),i=t.n(r),n=t(0),o=t(2),s=function(e){var a=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return wp.customize.Control.extend(Object.assign({},{ready:function(){var e=this;e.setting.bind((function(){e.renderContent()}))},embed:function(){var e=this,a=e.section();a&&wp.customize.section(a,(function(a){a.expanded.bind((function(a){a&&e.actuallyEmbed()}))}))},actuallyEmbed:function(){"resolved"!==this.deferred.embedded.state()&&(this.renderContent(),this.deferred.embedded.resolve())},initialize:function(e,a){var t=this;t.setNotificationContainer=t.setNotificationContainer.bind(t),wp.customize.Control.prototype.initialize.call(t,e,a),wp.customize.control.bind("removed",(function e(a){t===a&&(t.destroy(),t.container.remove(),wp.customize.control.unbind("removed",e))}))},setNotificationContainer:function(e){this.notifications.container=jQuery(e),this.notifications.render()},getWrapper:function(){var e=this.container[0];if(this.params.choices.wrapper){var a=document.getElementById(this.params.choices.wrapper+"--wrapper");a&&(e=a,this.container.hide())}return e},renderContent:function(){var a=this.setting.get(),t=Object(n.createElement)(o.SlotFillProvider,null,Object(n.createElement)(e,i()({},this.params,{value:a,setNotificationContainer:this.setNotificationContainer,customizerSetting:this.setting,control:this,choices:this.params.choices,default:this.params.defaultValue})),Object(n.createElement)(o.Popover.Slot,null)),r=this.getWrapper();Object(n.render)(t,r)},destroy:function(){Object(n.unmountComponentAtNode)(this.container[0]),wp.customize.Control.prototype.destroy&&wp.customize.Control.prototype.destroy.call(this)}},a))},l=(t(30),t(4)),c=t.n(l);function u(e){return"info"===e?Object(n.createElement)("svg",{width:"1em",height:"1em",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 1024 1024","aria-hidden":"true"},Object(n.createElement)("path",{d:"M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"}),Object(n.createElement)("path",{d:"M464 336a48 48 0 1096 0 48 48 0 10-96 0zm72 112h-48c-4.4 0-8 3.6-8 8v272c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V456c0-4.4-3.6-8-8-8z"})):"x"===e?Object(n.createElement)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",viewBox:"0 0 24 24"},Object(n.createElement)("path",{d:"M18 6L6 18M6 6l12 12"})):"ellipsis"===e?Object(n.createElement)("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20"},Object(n.createElement)("rect",{x:"0",fill:"none",width:"20",height:"20"}),Object(n.createElement)("g",null,Object(n.createElement)("path",{d:"M5 10c0 1.1-.9 2-2 2s-2-.9-2-2 .9-2 2-2 2 .9 2 2zm12-2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm-7 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"}))):"mobile"===e?Object(n.createElement)("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20","aria-hidden":"true",width:"1em",height:"1em"},Object(n.createElement)("path",{d:"M6 2h8c.55 0 1 .45 1 1v14c0 .55-.45 1-1 1H6c-.55 0-1-.45-1-1V3c0-.55.45-1 1-1zm7 12V4H7v10h6zM8 5h4l-4 5V5z",fill:"currentColor"})):"tablet"===e?Object(n.createElement)("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20","aria-hidden":"true",width:"1em",height:"1em"},Object(n.createElement)("path",{d:"M4 2h12c.55 0 1 .45 1 1v14c0 .55-.45 1-1 1H4c-.55 0-1-.45-1-1V3c0-.55.45-1 1-1zm11 14V4H5v12h10zM6 5h6l-6 5V5z",fill:"currentColor"})):"desktop"===e?Object(n.createElement)("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20","aria-hidden":"true",width:"1em",height:"1em"},Object(n.createElement)("path",{d:"M3 2h14c.55 0 1 .45 1 1v10c0 .55-.45 1-1 1h-5v2h2c.55 0 1 .45 1 1v1H5v-1c0-.55.45-1 1-1h2v-2H3c-.55 0-1-.45-1-1V3c0-.55.45-1 1-1zm13 9V4H4v7h12zM5 5h9L5 9V5z",fill:"currentColor"})):"dash"===e?Object(n.createElement)("svg",{xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",width:"1em",height:"1em",viewBox:"0 0 24 24"},Object(n.createElement)("path",{d:"M4.5 12.75a.75.75 0 01.75-.75h13.5a.75.75 0 010 1.5H5.25a.75.75 0 01-.75-.75z",fill:"currentColor"})):"plus"===e?Object(n.createElement)("svg",{fill:"none",stroke:"currentColor",viewBox:"0 0 24 24"},Object(n.createElement)("path",{d:"M12 5v14M5 12h14"})):"lock"===e?Object(n.createElement)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",viewBox:"0 0 24 24"},Object(n.createElement)("rect",{x:"3",y:"11",width:"18",height:"11",rx:"2",ry:"2"}),Object(n.createElement)("path",{d:"M7 11V7a5 5 0 0110 0v4"})):"unlock"===e?Object(n.createElement)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",viewBox:"0 0 24 24"},Object(n.createElement)("rect",{x:"3",y:"11",width:"18",height:"11",rx:"2",ry:"2"}),Object(n.createElement)("path",{d:"M7 11V7a5 5 0 019.9-1"})):"chevron-down"===e?Object(n.createElement)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",viewBox:"0 0 24 24"},Object(n.createElement)("path",{d:"M6 9l6 6 6-6"})):"chevron-up"===e?Object(n.createElement)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",viewBox:"0 0 24 24"},Object(n.createElement)("path",{d:"M18 15l-6-6-6 6"})):"chevron-right"===e?Object(n.createElement)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",viewBox:"0 0 24 24"},Object(n.createElement)("path",{d:"M9 18l6-6-6-6"})):"trash"===e?Object(n.createElement)("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",style:{fill:"none"},stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",viewBox:"0 0 24 24"},Object(n.createElement)("path",{d:"M3 6h18M19 6v14a2 2 0 01-2 2H7a2 2 0 01-2-2V6m3 0V4a2 2 0 012-2h4a2 2 0 012 2v2M10 11v6M14 11v6"})):void 0}t(31);var g=t(1),p=function(e){var a=Object(n.useState)(!1),t=c()(a,2),r=t[0],i=t[1],s=Object(n.useState)(!1),l=c()(s,2),p=l[0],f=l[1],d=Object(n.useState)(!0),y=c()(d,2),v=y[0],m=y[1],h=Object(n.useState)(!1),b=c()(h,2),O=b[0],S=b[1],w=e.value,C=e.varNameValue,x=e.onChange,j=e.onVarChange,M=e.choices,E=e.tooltipPosition,k=void 0===E?"top center":E,N=e.tooltipText,P=void 0===N?Object(g.__)("Choose Color","generatepress"):N,_=e.hideLabel,T=void 0!==_&&_;Object(n.useEffect)((function(){m(!!w)}),[w]),Object(n.useEffect)((function(){if(O){var e=setTimeout((function(){f(w);var e=document.querySelector(".generate-color-input-wrapper input");e&&e.focus()}),350);return function(){clearTimeout(e),S(!1)}}}),[w]);var I=function(){i(!1),m(!0)},A=P;M.tooltip&&(A=M.tooltip);var B=!!M.showPalette||void 0===M.showPalette,L=!!M.showReset||void 0===M.showReset,F=generateCustomizerControls.palette,V=window.sessionStorage.getItem("generateGlobalColors");return V&&(F=JSON.parse(V)),Object(n.createElement)("div",{className:"generate-color-picker-area"},Object(n.createElement)("div",{className:"components-color-palette__item-wrapper components-circular-option-picker__option-wrapper components-color-palette__custom-color"},!r&&Object(n.createElement)(o.Tooltip,{text:A,position:k},Object(n.createElement)(o.Button,{"aria-expanded":r,className:"components-color-palette__item components-circular-option-picker__option",onClick:function(){i(!0)},"aria-label":A,style:{color:w||"transparent"}},Object(n.createElement)("span",{className:"components-color-palette__custom-color-gradient"}))),r&&Object(n.createElement)(o.Tooltip,{text:A,position:k},Object(n.createElement)(o.Button,{"aria-expanded":r,className:"components-color-palette__item components-circular-option-picker__option",onClick:I,"aria-label":A,style:{color:w||"transparent"}},Object(n.createElement)("span",{className:"components-color-palette__custom-color-gradient"})))),r&&Object(n.createElement)(o.Popover,{position:"bottom center",className:"generate-component-color-picker",onClose:I,focusOnMount:"container"},Object(n.createElement)(o.BaseControl,{key:p,label:e.label&&!T?e.label:"",id:"generate-color-input-field",className:"generate-color-input-main-label"},Object(n.createElement)(o.ColorPicker,{key:p,color:function(e){if(String(e).startsWith("var(")){var a=e.match(/\(([^)]+)\)/);if(a){var t=getComputedStyle(document.documentElement).getPropertyValue(a[1]);t&&(e=t)}}return e}(w)||"",onChangeComplete:function(e){var a;if(void 0===e.rgb||1===e.rgb.a)a=e.hex;else{var t=e.rgb,r=t.r,i=t.g,n=t.b,o=t.a;a="rgba(".concat(r,", ").concat(i,", ").concat(n,", ").concat(o,")")}x(a)},disableAlpha:!M.alpha}),Object(n.createElement)("div",{className:"generate-color-option-area"},!!M.showVarName&&Object(n.createElement)("div",{className:"generate-color-input--css-var-name-wrapper"},Object(n.createElement)(o.TextControl,{label:Object(g.__)("CSS Variable Name","generatepress"),disabled:!!v,type:"text",value:C||"",onChange:function(e){j(e)}}),!!v&&Object(n.createElement)(o.Tooltip,{text:Object(g.__)("Changing this name will remove its color from elements already using it.","generatepress")},Object(n.createElement)(o.Button,{onClick:function(){window.alert(Object(g.__)("Changing this name will break styles that are using it to define its color.","generatepress")),m(!1),setTimeout((function(){document.querySelector(".generate-color-input--css-var-name-wrapper input").focus()}),10)}},u("unlock")))),Object(n.createElement)("div",{className:"generate-color-input-wrapper"},Object(n.createElement)(o.TextControl,{id:"generate-color-input-field",className:"generate-color-input",type:"text",value:w||"",onChange:function(e){!e.startsWith("#")&&/^([0-9A-F]{3}){1,2}$/i.test(e)&&(e="#"+e),x(e),S(!0)}}),!!L&&Object(n.createElement)(o.Button,{isSmall:!0,isSecondary:!0,className:"components-color-clear-color",onClick:function(){var a=e.defaultValue?e.defaultValue:"";wp.customize.control(e.customizerSetting.id).setting.set(a),setTimeout((function(){document.querySelector(".generate-color-input-wrapper input").focus()}),10)}},Object(g.__)("Default","generatepress"))),!!B&&Object(n.createElement)(o.BaseControl,{className:"generate-component-color-picker-palette"},Object(n.createElement)(o.ColorPalette,{colors:F,value:w,onChange:function(e){void 0===e&&(e=""),x(e),f(e),setTimeout((function(){document.querySelector(".generate-color-input-wrapper input").focus()}),10)},disableCustomColors:!0,clearable:!1}))))))},f=s((function(e){var a=!e.choices.hideLabel||void 0===e.choices.hideLabel;return Object(n.createElement)(n.Fragment,null,Object(n.createElement)("span",{className:"description customize-control-description",dangerouslySetInnerHTML:{__html:e.description}}),Object(n.createElement)("div",{className:"customize-control-notifications-container",ref:e.setNotificationContainer}),Object(n.createElement)(o.BaseControl,{className:"generate-component-color-picker-wrapper","data-toggleId":e.choices.toggleId?e.choices.toggleId:null},!!e.label&&a&&Object(n.createElement)("div",{className:"generate-color-component-label"},Object(n.createElement)("span",null,e.label)),Object(n.createElement)(p,i()({},e,{onChange:function(a){var t;t=a,wp.customize.control(e.customizerSetting.id).setting.set(t)}}))))}),{getWrapper:function(){var e=this.container[0];if(this.params.choices.wrapper){var a=document.getElementById(this.params.choices.wrapper+"--wrapper");a&&(e=a,this.container[0].style.display="none")}return this.params.choices.toggleId&&e.setAttribute("data-toggleId",this.params.choices.toggleId),e}});wp.customize.controlConstructor["generate-color-control"]=f;var d=t(8),y=t.n(d),v=t(7),m=t.n(v),h=t(5),b=t.n(h),O=(t(21),t(10));function S(){return(S=Object.assign||function(e){for(var a=1;a0?B(W,--G):0,z--,10===U&&(z=1,R--),U}function J(){return U=G2||X(U)>3?"":" "}function ie(e,a){for(;--a&&J()&&!(U<48||U>102||U>57&&U<65||U>70&&U<97););return Q(e,Z()+(a<6&&32==q()&&32==J()))}function ne(e,a){for(;J()&&e+U!==57&&(e+U!==84||47!==q()););return"/*"+Q(a,G-1)+"*"+_(47===e?e:J())}function oe(e){for(;!X(q());)J();return Q(e,G)}function se(e){return ae(function e(a,t,r,i,n,o,s,l,c){for(var u=0,g=0,p=s,f=0,d=0,y=0,v=1,m=1,h=1,b=0,O="",S=n,w=o,C=i,x=O;m;)switch(y=b,b=J()){case 34:case 39:case 91:case 40:x+=te(b);break;case 9:case 10:case 13:case 32:x+=re(y);break;case 92:x+=ie(Z()-1,7);continue;case 47:switch(q()){case 42:case 47:D(ce(ne(J(),Z()),t,r),c);break;default:x+="/"}break;case 123*v:l[u++]=F(x)*h;case 125*v:case 59:case 0:switch(b){case 0:case 125:m=0;case 59+g:d>0&&F(x)-p&&D(d>32?ue(x+";",i,r,p-1):ue(I(x," ","")+";",i,r,p-2),c);break;case 59:x+=";";default:if(D(C=le(x,t,r,u,g,n,l,O,S=[],w=[],p),o),123===b)if(0===g)e(x,t,C,C,S,o,p,l,w);else switch(f){case 100:case 109:case 115:e(a,C,C,i&&D(le(a,C,C,0,0,n,l,O,n,S=[],p),w),n,w,p,l,i?S:w);break;default:e(x,C,C,C,[""],w,p,l,w)}}u=g=d=0,v=h=1,O=x="",p=s;break;case 58:p=1+F(x),d=y;default:if(v<1)if(123==b)--v;else if(125==b&&0==v++&&125==Y())continue;switch(x+=_(b),b*v){case 38:h=g>0?1:(x+="\f",-1);break;case 44:l[u++]=(F(x)-1)*h,h=1;break;case 64:45===q()&&(x+=te(J())),f=q(),g=F(O=x+=oe(Z())),b++;break;case 45:45===y&&2==F(x)&&(v=0)}}return o}("",null,null,null,[""],e=ee(e),0,[0],e))}function le(e,a,t,r,i,n,o,s,l,c,u){for(var g=i-1,p=0===i?n:[""],f=V(p),d=0,y=0,v=0;d0?p[m]+" "+h:I(h,/&\f/g,p[m])))&&(l[v++]=b);return K(e,a,t,0===i?"rule":s,l,c,u)}function ce(e,a,t){return K(e,a,t,k,_(U),L(e,2,-2),0)}function ue(e,a,t,r){return K(e,a,t,N,L(e,0,r),L(e,r+1,-1),r)}function ge(e,a){for(var t="",r=V(e),i=0;i6)switch(B(a,t+1)){case 109:if(45!==B(a,t+4))break;case 102:return I(a,/(.+:)(.+)-([^]+)/,"$1"+E+"$2-$3$1"+M+(108==B(a,t+3)?"$3":"$2-$3"))+a;case 115:return~A(a,"stretch")?e(I(a,"stretch","fill-available"),t)+a:a}break;case 4949:if(115!==B(a,t+1))break;case 6444:switch(B(a,F(a)-3-(~A(a,"!important")&&10))){case 107:return I(a,":",":"+E)+a;case 101:return I(a,/(.+:)([^;!]+)(;|!.+)?/,"$1"+E+(45===B(a,14)?"inline-":"")+"box$3$1"+E+"$2$3$1"+j+"$2box$3")+a}break;case 5936:switch(B(a,t+11)){case 114:return E+a+j+I(a,/[svh]\w+-[tblr]{2}/,"tb")+a;case 108:return E+a+j+I(a,/[svh]\w+-[tblr]{2}/,"tb-rl")+a;case 45:return E+a+j+I(a,/[svh]\w+-[tblr]{2}/,"lr")+a}return E+a+j+a+a}return a}(e.value,e.length);break;case"@keyframes":return ge([$(I(e.value,"@","@"+E),e,"")],r);case"rule":if(e.length)return function(e,a){return e.map(a).join("")}(e.props,(function(a){switch(function(e,a){return(e=/(::plac\w+|:read-\w+)/.exec(e))?e[0]:e}(a)){case":read-only":case":read-write":return ge([$(I(a,/:(read-\w+)/,":-moz-$1"),e,"")],r);case"::placeholder":return ge([$(I(a,/:(plac\w+)/,":"+E+"input-$1"),e,""),$(I(a,/:(plac\w+)/,":-moz-$1"),e,""),$(I(a,/:(plac\w+)/,j+"input-$1"),e,"")],r)}return""}))}}var ve=function(e){var a={};return function(t){return void 0===a[t]&&(a[t]=e(t)),a[t]}},me=new WeakMap,he=function(e){if("rule"===e.type&&e.parent&&e.length){for(var a=e.value,t=e.parent,r=e.column===t.column&&e.line===t.line;"rule"!==t.type;)if(!(t=t.parent))return;if((1!==e.props.length||58===a.charCodeAt(0)||me.get(t))&&!r){me.set(e,!0);for(var i=[],n=function(e,a){return ae(function(e,a){var t=-1,r=44;do{switch(X(r)){case 0:38===r&&12===q()&&(a[t]=1),e[t]+=oe(G-1);break;case 2:e[t]+=te(r);break;case 4:if(44===r){e[++t]=58===q()?"&\f":"",a[t]=e[t].length;break}default:e[t]+=_(r)}}while(r=J());return e}(ee(e),a))}(a,i),o=t.props,s=0,l=0;s=4;++r,i-=4)a=1540483477*(65535&(a=255&e.charCodeAt(r)|(255&e.charCodeAt(++r))<<8|(255&e.charCodeAt(++r))<<16|(255&e.charCodeAt(++r))<<24))+(59797*(a>>>16)<<16),t=1540483477*(65535&(a^=a>>>24))+(59797*(a>>>16)<<16)^1540483477*(65535&t)+(59797*(t>>>16)<<16);switch(i){case 3:t^=(255&e.charCodeAt(r+2))<<16;case 2:t^=(255&e.charCodeAt(r+1))<<8;case 1:t=1540483477*(65535&(t^=255&e.charCodeAt(r)))+(59797*(t>>>16)<<16)}return(((t=1540483477*(65535&(t^=t>>>13))+(59797*(t>>>16)<<16))^t>>>15)>>>0).toString(36)},je={animationIterationCount:1,borderImageOutset:1,borderImageSlice:1,borderImageWidth:1,boxFlex:1,boxFlexGroup:1,boxOrdinalGroup:1,columnCount:1,columns:1,flex:1,flexGrow:1,flexPositive:1,flexShrink:1,flexNegative:1,flexOrder:1,gridRow:1,gridRowEnd:1,gridRowSpan:1,gridRowStart:1,gridColumn:1,gridColumnEnd:1,gridColumnSpan:1,gridColumnStart:1,msGridRow:1,msGridRowSpan:1,msGridColumn:1,msGridColumnSpan:1,fontWeight:1,lineHeight:1,opacity:1,order:1,orphans:1,tabSize:1,widows:1,zIndex:1,zoom:1,WebkitLineClamp:1,fillOpacity:1,floodOpacity:1,stopOpacity:1,strokeDasharray:1,strokeDashoffset:1,strokeMiterlimit:1,strokeOpacity:1,strokeWidth:1},Me=/[A-Z]|^ms/g,Ee=/_EMO_([^_]+?)_([^]*?)_EMO_/g,ke=function(e){return 45===e.charCodeAt(1)},Ne=function(e){return null!=e&&"boolean"!=typeof e},Pe=ve((function(e){return ke(e)?e:e.replace(Me,"-$&").toLowerCase()})),_e=function(e,a){switch(e){case"animation":case"animationName":if("string"==typeof a)return a.replace(Ee,(function(e,a,t){return Ie={name:a,styles:t,next:Ie},a}))}return 1===je[e]||ke(e)||"number"!=typeof a||0===a?a:a+"px"};function Te(e,a,t){if(null==t)return"";if(void 0!==t.__emotion_styles)return t;switch(typeof t){case"boolean":return"";case"object":if(1===t.anim)return Ie={name:t.name,styles:t.styles,next:Ie},t.name;if(void 0!==t.styles){var r=t.next;if(void 0!==r)for(;void 0!==r;)Ie={name:r.name,styles:r.styles,next:Ie},r=r.next;return t.styles+";"}return function(e,a,t){var r="";if(Array.isArray(t))for(var i=0;i=0||(i[t]=e[t]);return i}(e,a);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(i[t]=e[t])}return i}function Je(e){return(Je="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}var qe=t(17),Ze=t.n(qe);function Qe(e,a){if(!(e instanceof a))throw new TypeError("Cannot call a class as a function")}function Xe(e,a){for(var t=0;t-1}function ma(e){return va(e)?window.pageYOffset:e.scrollTop}function ha(e,a){va(e)?window.scrollTo(0,a):e.scrollTop=a}function ba(e,a,t,r){return t*((e=e/r-1)*e*e+1)+a}function Oa(e,a){var t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:200,r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:ga,i=ma(e),n=a-i,o=10,s=0;function l(){var a=ba(s+=o,i,n,t);ha(e,a),s=f)return{placement:"bottom",maxHeight:a};if(C>=f&&!o)return n&&Oa(l,x,160),{placement:"bottom",maxHeight:a};if(!o&&C>=r||o&&S>=r)return n&&Oa(l,x,160),{placement:"bottom",maxHeight:o?S-h:C-h};if("auto"===i||o){var M=a,E=o?O:w;return E>=r&&(M=Math.min(E-h-s.controlHeight,a)),{placement:"top",maxHeight:M}}if("bottom"===i)return n&&ha(l,x),{placement:"bottom",maxHeight:a};break;case"top":if(O>=f)return{placement:"top",maxHeight:a};if(w>=f&&!o)return n&&Oa(l,j,160),{placement:"top",maxHeight:a};if(!o&&w>=r||o&&O>=r){var k=a;return(!o&&w>=r||o&&O>=r)&&(k=o?O-b:w-b),n&&Oa(l,j,160),{placement:"top",maxHeight:k}}return{placement:"bottom",maxHeight:a};default:throw new Error('Invalid placement provided "'.concat(i,'".'))}return c}var Ea=function(e){return"auto"===e?"bottom":e},ka=Object(w.createContext)({getPortalPlacement:null}),Na=function(e){ta(t,e);var a=ua(t);function t(){var e;Qe(this,t);for(var r=arguments.length,i=new Array(r),n=0;ne.length)&&(a=e.length);for(var t=0,r=new Array(a);t0,y=g-p-u,v=!1;y>a&&o.current&&(r&&r(e),o.current=!1),d&&s.current&&(n&&n(e),s.current=!1),d&&a>y?(t&&!o.current&&t(e),f.scrollTop=g,v=!0,o.current=!0):!d&&-a>u&&(i&&!s.current&&i(e),f.scrollTop=0,v=!0,s.current=!0),v&&function(e){e.preventDefault(),e.stopPropagation()}(e)}}),[]),g=Object(w.useCallback)((function(e){u(e,e.deltaY)}),[u]),p=Object(w.useCallback)((function(e){l.current=e.changedTouches[0].clientY}),[]),f=Object(w.useCallback)((function(e){var a=l.current-e.changedTouches[0].clientY;u(e,a)}),[u]),d=Object(w.useCallback)((function(e){if(e){var a=!!ja&&{passive:!1};"function"==typeof e.addEventListener&&e.addEventListener("wheel",g,a),"function"==typeof e.addEventListener&&e.addEventListener("touchstart",p,a),"function"==typeof e.addEventListener&&e.addEventListener("touchmove",f,a)}}),[f,p,g]),y=Object(w.useCallback)((function(e){e&&("function"==typeof e.removeEventListener&&e.removeEventListener("wheel",g,!1),"function"==typeof e.removeEventListener&&e.removeEventListener("touchstart",p,!1),"function"==typeof e.removeEventListener&&e.removeEventListener("touchmove",f,!1))}),[f,p,g]);return Object(w.useEffect)((function(){if(a){var e=c.current;return d(e),function(){y(e)}}}),[a,d,y]),function(e){c.current=e}}({isEnabled:void 0===r||r,onBottomArrive:e.onBottomArrive,onBottomLeave:e.onBottomLeave,onTopArrive:e.onTopArrive,onTopLeave:e.onTopLeave}),n=function(e){var a=e.isEnabled,t=e.accountForScrollbars,r=void 0===t||t,i=Object(w.useRef)({}),n=Object(w.useRef)(null),o=Object(w.useCallback)((function(e){if(Mt){var a=document.body,t=a&&a.style;if(r&&Ot.forEach((function(e){var a=t&&t[e];i.current[e]=a})),r&&Et<1){var n=parseInt(i.current.paddingRight,10)||0,o=document.body?document.body.clientWidth:0,s=window.innerWidth-o+n||0;Object.keys(St).forEach((function(e){var a=St[e];t&&(t[e]=a)})),t&&(t.paddingRight="".concat(s,"px"))}a&&jt()&&(a.addEventListener("touchmove",wt,kt),e&&(e.addEventListener("touchstart",xt,kt),e.addEventListener("touchmove",Ct,kt))),Et+=1}}),[]),s=Object(w.useCallback)((function(e){if(Mt){var a=document.body,t=a&&a.style;Et=Math.max(Et-1,0),r&&Et<1&&Ot.forEach((function(e){var a=i.current[e];t&&(t[e]=a)})),a&&jt()&&(a.removeEventListener("touchmove",wt,kt),e&&(e.removeEventListener("touchstart",xt,kt),e.removeEventListener("touchmove",Ct,kt)))}}),[]);return Object(w.useEffect)((function(){if(a){var e=n.current;return o(e),function(){s(e)}}}),[a,o,s]),function(e){n.current=e}}({isEnabled:t});return Ge(C.a.Fragment,null,t&&Ge("div",{onClick:Nt,css:Pt}),a((function(e){i(e),n(e)})))}var Tt={clearIndicator:Wa,container:function(e){var a=e.isDisabled;return{label:"container",direction:e.isRtl?"rtl":null,pointerEvents:a?"none":null,position:"relative"}},control:function(e){var a=e.isDisabled,t=e.isFocused,r=e.theme,i=r.colors,n=r.borderRadius,o=r.spacing;return{label:"control",alignItems:"center",backgroundColor:a?i.neutral5:i.neutral0,borderColor:a?i.neutral10:t?i.primary:i.neutral20,borderRadius:n,borderStyle:"solid",borderWidth:1,boxShadow:t?"0 0 0 1px ".concat(i.primary):null,cursor:"default",display:"flex",flexWrap:"wrap",justifyContent:"space-between",minHeight:o.controlHeight,outline:"0 !important",position:"relative",transition:"all 100ms","&:hover":{borderColor:t?i.primary:i.neutral30}}},dropdownIndicator:Ua,group:function(e){var a=e.theme.spacing;return{paddingBottom:2*a.baseUnit,paddingTop:2*a.baseUnit}},groupHeading:function(e){var a=e.theme.spacing;return{label:"group",color:"#999",cursor:"default",display:"block",fontSize:"75%",fontWeight:"500",marginBottom:"0.25em",paddingLeft:3*a.baseUnit,paddingRight:3*a.baseUnit,textTransform:"uppercase"}},indicatorsContainer:function(){return{alignItems:"center",alignSelf:"stretch",display:"flex",flexShrink:0}},indicatorSeparator:function(e){var a=e.isDisabled,t=e.theme,r=t.spacing.baseUnit,i=t.colors;return{label:"indicatorSeparator",alignSelf:"stretch",backgroundColor:a?i.neutral10:i.neutral20,marginBottom:2*r,marginTop:2*r,width:1}},input:function(e){var a=e.isDisabled,t=e.theme,r=t.spacing,i=t.colors;return{margin:r.baseUnit/2,paddingBottom:r.baseUnit/2,paddingTop:r.baseUnit/2,visibility:a?"hidden":"visible",color:i.neutral80}},loadingIndicator:function(e){var a=e.isFocused,t=e.size,r=e.theme,i=r.colors,n=r.spacing.baseUnit;return{label:"loadingIndicator",color:a?i.neutral60:i.neutral20,display:"flex",padding:2*n,transition:"color 150ms",alignSelf:"center",fontSize:t,lineHeight:1,marginRight:t,textAlign:"center",verticalAlign:"middle"}},loadingMessage:Ta,menu:function(e){var a,t=e.placement,r=e.theme,i=r.borderRadius,n=r.spacing,o=r.colors;return ra(a={label:"menu"},function(e){return e?{bottom:"top",top:"bottom"}[e]:"bottom"}(t),"100%"),ra(a,"backgroundColor",o.neutral0),ra(a,"borderRadius",i),ra(a,"boxShadow","0 0 0 1px hsla(0, 0%, 0%, 0.1), 0 4px 11px hsla(0, 0%, 0%, 0.1)"),ra(a,"marginBottom",n.menuGutter),ra(a,"marginTop",n.menuGutter),ra(a,"position","absolute"),ra(a,"width","100%"),ra(a,"zIndex",1),a},menuList:function(e){var a=e.maxHeight,t=e.theme.spacing.baseUnit;return{maxHeight:a,overflowY:"auto",paddingBottom:t,paddingTop:t,position:"relative",WebkitOverflowScrolling:"touch"}},menuPortal:function(e){var a=e.rect,t=e.offset,r=e.position;return{left:a.left,position:r,top:t,width:a.width,zIndex:1}},multiValue:function(e){var a=e.theme,t=a.spacing,r=a.borderRadius;return{label:"multiValue",backgroundColor:a.colors.neutral10,borderRadius:r/2,display:"flex",margin:t.baseUnit/2,minWidth:0}},multiValueLabel:function(e){var a=e.theme,t=a.borderRadius,r=a.colors,i=e.cropWithEllipsis;return{borderRadius:t/2,color:r.neutral80,fontSize:"85%",overflow:"hidden",padding:3,paddingLeft:6,textOverflow:i?"ellipsis":null,whiteSpace:"nowrap"}},multiValueRemove:function(e){var a=e.theme,t=a.spacing,r=a.borderRadius,i=a.colors;return{alignItems:"center",borderRadius:r/2,backgroundColor:e.isFocused&&i.dangerLight,display:"flex",paddingLeft:t.baseUnit,paddingRight:t.baseUnit,":hover":{backgroundColor:i.dangerLight,color:i.danger}}},noOptionsMessage:_a,option:function(e){var a=e.isDisabled,t=e.isFocused,r=e.isSelected,i=e.theme,n=i.spacing,o=i.colors;return{label:"option",backgroundColor:r?o.primary:t?o.primary25:"transparent",color:a?o.neutral20:r?o.neutral0:"inherit",cursor:"default",display:"block",fontSize:"inherit",padding:"".concat(2*n.baseUnit,"px ").concat(3*n.baseUnit,"px"),width:"100%",userSelect:"none",WebkitTapHighlightColor:"rgba(0, 0, 0, 0)",":active":{backgroundColor:!a&&(r?o.primary:o.primary50)}}},placeholder:function(e){var a=e.theme,t=a.spacing;return{label:"placeholder",color:a.colors.neutral50,marginLeft:t.baseUnit/2,marginRight:t.baseUnit/2,position:"absolute",top:"50%",transform:"translateY(-50%)"}},singleValue:function(e){var a=e.isDisabled,t=e.theme,r=t.spacing,i=t.colors;return{label:"singleValue",color:a?i.neutral40:i.neutral80,marginLeft:r.baseUnit/2,marginRight:r.baseUnit/2,maxWidth:"calc(100% - ".concat(2*r.baseUnit,"px)"),overflow:"hidden",position:"absolute",textOverflow:"ellipsis",whiteSpace:"nowrap",top:"50%",transform:"translateY(-50%)"}},valueContainer:function(e){var a=e.theme.spacing;return{alignItems:"center",display:"flex",flex:1,flexWrap:"wrap",padding:"".concat(a.baseUnit/2,"px ").concat(2*a.baseUnit,"px"),WebkitOverflowScrolling:"touch",position:"relative",overflow:"hidden"}}},It={borderRadius:4,colors:{primary:"#2684FF",primary75:"#4C9AFF",primary50:"#B2D4FF",primary25:"#DEEBFF",danger:"#DE350B",dangerLight:"#FFBDAD",neutral0:"hsl(0, 0%, 100%)",neutral5:"hsl(0, 0%, 95%)",neutral10:"hsl(0, 0%, 90%)",neutral20:"hsl(0, 0%, 80%)",neutral30:"hsl(0, 0%, 70%)",neutral40:"hsl(0, 0%, 60%)",neutral50:"hsl(0, 0%, 50%)",neutral60:"hsl(0, 0%, 40%)",neutral70:"hsl(0, 0%, 30%)",neutral80:"hsl(0, 0%, 20%)",neutral90:"hsl(0, 0%, 10%)"},spacing:{baseUnit:4,controlHeight:38,menuGutter:8}},At={"aria-live":"polite",backspaceRemovesValue:!0,blurInputOnSelect:Sa(),captureMenuScroll:!Sa(),closeMenuOnSelect:!0,closeMenuOnScroll:!1,components:{},controlShouldRenderValue:!0,escapeClearsValue:!1,filterOption:function(e,a){var t=sa({ignoreCase:!0,ignoreAccents:!0,stringify:ht,trim:!0,matchFrom:"any"},void 0),r=t.ignoreCase,i=t.ignoreAccents,n=t.stringify,o=t.trim,s=t.matchFrom,l=o?mt(a):a,c=o?mt(n(e)):n(e);return r&&(l=l.toLowerCase(),c=c.toLowerCase()),i&&(l=vt(l),c=yt(c)),"start"===s?c.substr(0,l.length)===l:c.indexOf(l)>-1},formatGroupLabel:function(e){return e.label},getOptionLabel:function(e){return e.label},getOptionValue:function(e){return e.value},isDisabled:!1,isLoading:!1,isMulti:!1,isRtl:!1,isSearchable:!0,isOptionDisabled:function(e){return!!e.isDisabled},loadingMessage:function(){return"Loading..."},maxMenuHeight:300,minMenuHeight:140,menuIsOpen:!1,menuPlacement:"bottom",menuPosition:"absolute",menuShouldBlockScroll:!1,menuShouldScrollIntoView:!function(){try{return/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)}catch(e){return!1}}(),noOptionsMessage:function(){return"No options"},openMenuOnFocus:!1,openMenuOnClick:!0,options:[],pageSize:5,placeholder:"Select...",screenReaderStatus:function(e){var a=e.count;return"".concat(a," result").concat(1!==a?"s":""," available")},styles:{},tabIndex:"0",tabSelectsValue:!0};function Bt(e,a,t,r){return{type:"option",data:a,isDisabled:zt(e,a,t),isSelected:Ht(e,a,t),label:Dt(e,a),value:Rt(e,a),index:r}}function Lt(e,a){return e.options.map((function(t,r){if(t.options){var i=t.options.map((function(t,r){return Bt(e,t,a,r)})).filter((function(a){return Vt(e,a)}));return i.length>0?{type:"group",data:t,options:i,index:r}:void 0}var n=Bt(e,t,a,r);return Vt(e,n)?n:void 0})).filter((function(e){return!!e}))}function Ft(e){return e.reduce((function(e,a){return"group"===a.type?e.push.apply(e,tt(a.options.map((function(e){return e.data})))):e.push(a.data),e}),[])}function Vt(e,a){var t=e.inputValue,r=void 0===t?"":t,i=a.data,n=a.isSelected,o=a.label,s=a.value;return(!Ut(e)||!n)&&Gt(e,{label:o,value:s,data:i},r)}var Dt=function(e,a){return e.getOptionLabel(a)},Rt=function(e,a){return e.getOptionValue(a)};function zt(e,a,t){return"function"==typeof e.isOptionDisabled&&e.isOptionDisabled(a,t)}function Ht(e,a,t){if(t.indexOf(a)>-1)return!0;if("function"==typeof e.isOptionSelected)return e.isOptionSelected(a,t);var r=Rt(e,a);return t.some((function(a){return Rt(e,a)===r}))}function Gt(e,a,t){return!e.filterOption||e.filterOption(a,t)}var Ut=function(e){var a=e.hideSelectedOptions,t=e.isMulti;return void 0===a?t:a},Wt=1,Kt=function(e){ta(t,e);var a=ua(t);function t(e){var r;return Qe(this,t),(r=a.call(this,e)).state={ariaSelection:null,focusedOption:null,focusedValue:null,inputIsHidden:!1,isFocused:!1,selectValue:[],clearFocusValueOnUpdate:!1,inputIsHiddenAfterUpdate:void 0,prevProps:void 0},r.blockOptionHover=!1,r.isComposing=!1,r.commonProps=void 0,r.initialTouchX=0,r.initialTouchY=0,r.instancePrefix="",r.openAfterFocus=!1,r.scrollToFocusedOptionOnUpdate=!1,r.userIsDragging=void 0,r.controlRef=null,r.getControlRef=function(e){r.controlRef=e},r.focusedOptionRef=null,r.getFocusedOptionRef=function(e){r.focusedOptionRef=e},r.menuListRef=null,r.getMenuListRef=function(e){r.menuListRef=e},r.inputRef=null,r.getInputRef=function(e){r.inputRef=e},r.focus=r.focusInput,r.blur=r.blurInput,r.onChange=function(e,a){var t=r.props,i=t.onChange,n=t.name;a.name=n,r.ariaOnChange(e,a),i(e,a)},r.setValue=function(e){var a=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"set-value",t=arguments.length>2?arguments[2]:void 0,i=r.props,n=i.closeMenuOnSelect,o=i.isMulti;r.onInputChange("",{action:"set-value"}),n&&(r.setState({inputIsHiddenAfterUpdate:!o}),r.onMenuClose()),r.setState({clearFocusValueOnUpdate:!0}),r.onChange(e,{action:a,option:t})},r.selectOption=function(e){var a=r.props,t=a.blurInputOnSelect,i=a.isMulti,n=a.name,o=r.state.selectValue,s=i&&r.isOptionSelected(e,o),l=r.isOptionDisabled(e,o);if(s){var c=r.getOptionValue(e);r.setValue(o.filter((function(e){return r.getOptionValue(e)!==c})),"deselect-option",e)}else{if(l)return void r.ariaOnChange(e,{action:"select-option",name:n});i?r.setValue([].concat(tt(o),[e]),"select-option",e):r.setValue(e,"select-option")}t&&r.blurInput()},r.removeValue=function(e){var a=r.props.isMulti,t=r.state.selectValue,i=r.getOptionValue(e),n=t.filter((function(e){return r.getOptionValue(e)!==i})),o=a?n:n[0]||null;r.onChange(o,{action:"remove-value",removedValue:e}),r.focusInput()},r.clearValue=function(){var e=r.state.selectValue;r.onChange(r.props.isMulti?[]:null,{action:"clear",removedValues:e})},r.popValue=function(){var e=r.props.isMulti,a=r.state.selectValue,t=a[a.length-1],i=a.slice(0,a.length-1),n=e?i:i[0]||null;r.onChange(n,{action:"pop-value",removedValue:t})},r.getValue=function(){return r.state.selectValue},r.cx=function(){for(var e=arguments.length,a=new Array(e),t=0;t5||n>5}},r.onTouchEnd=function(e){r.userIsDragging||(r.controlRef&&!r.controlRef.contains(e.target)&&r.menuListRef&&!r.menuListRef.contains(e.target)&&r.blurInput(),r.initialTouchX=0,r.initialTouchY=0)},r.onControlTouchEnd=function(e){r.userIsDragging||r.onControlMouseDown(e)},r.onClearIndicatorTouchEnd=function(e){r.userIsDragging||r.onClearIndicatorMouseDown(e)},r.onDropdownIndicatorTouchEnd=function(e){r.userIsDragging||r.onDropdownIndicatorMouseDown(e)},r.handleInputChange=function(e){var a=e.currentTarget.value;r.setState({inputIsHiddenAfterUpdate:!1}),r.onInputChange(a,{action:"input-change"}),r.props.menuIsOpen||r.onMenuOpen()},r.onInputFocus=function(e){r.props.onFocus&&r.props.onFocus(e),r.setState({inputIsHiddenAfterUpdate:!1,isFocused:!0}),(r.openAfterFocus||r.props.openMenuOnFocus)&&r.openMenu("first"),r.openAfterFocus=!1},r.onInputBlur=function(e){r.menuListRef&&r.menuListRef.contains(document.activeElement)?r.inputRef.focus():(r.props.onBlur&&r.props.onBlur(e),r.onInputChange("",{action:"input-blur"}),r.onMenuClose(),r.setState({focusedValue:null,isFocused:!1}))},r.onOptionHover=function(e){r.blockOptionHover||r.state.focusedOption===e||r.setState({focusedOption:e})},r.shouldHideSelectedOptions=function(){return Ut(r.props)},r.onKeyDown=function(e){var a=r.props,t=a.isMulti,i=a.backspaceRemovesValue,n=a.escapeClearsValue,o=a.inputValue,s=a.isClearable,l=a.isDisabled,c=a.menuIsOpen,u=a.onKeyDown,g=a.tabSelectsValue,p=a.openMenuOnFocus,f=r.state,d=f.focusedOption,y=f.focusedValue,v=f.selectValue;if(!(l||"function"==typeof u&&(u(e),e.defaultPrevented))){switch(r.blockOptionHover=!0,e.key){case"ArrowLeft":if(!t||o)return;r.focusValue("previous");break;case"ArrowRight":if(!t||o)return;r.focusValue("next");break;case"Delete":case"Backspace":if(o)return;if(y)r.removeValue(y);else{if(!i)return;t?r.popValue():s&&r.clearValue()}break;case"Tab":if(r.isComposing)return;if(e.shiftKey||!c||!g||!d||p&&r.isOptionSelected(d,v))return;r.selectOption(d);break;case"Enter":if(229===e.keyCode)break;if(c){if(!d)return;if(r.isComposing)return;r.selectOption(d);break}return;case"Escape":c?(r.setState({inputIsHiddenAfterUpdate:!1}),r.onInputChange("",{action:"menu-close"}),r.onMenuClose()):s&&n&&r.clearValue();break;case" ":if(o)return;if(!c){r.openMenu("first");break}if(!d)return;r.selectOption(d);break;case"ArrowUp":c?r.focusOption("up"):r.openMenu("last");break;case"ArrowDown":c?r.focusOption("down"):r.openMenu("first");break;case"PageUp":if(!c)return;r.focusOption("pageup");break;case"PageDown":if(!c)return;r.focusOption("pagedown");break;case"Home":if(!c)return;r.focusOption("first");break;case"End":if(!c)return;r.focusOption("last");break;default:return}e.preventDefault()}},r.instancePrefix="react-select-"+(r.props.instanceId||++Wt),r.state.selectValue=da(e.value),r}return ea(t,[{key:"componentDidMount",value:function(){this.startListeningComposition(),this.startListeningToTouch(),this.props.closeMenuOnScroll&&document&&document.addEventListener&&document.addEventListener("scroll",this.onScroll,!0),this.props.autoFocus&&this.focusInput()}},{key:"componentDidUpdate",value:function(e){var a,t,r,i,n,o=this.props,s=o.isDisabled,l=o.menuIsOpen,c=this.state.isFocused;(c&&!s&&e.isDisabled||c&&l&&!e.menuIsOpen)&&this.focusInput(),c&&s&&!e.isDisabled&&this.setState({isFocused:!1},this.onMenuClose),this.menuListRef&&this.focusedOptionRef&&this.scrollToFocusedOptionOnUpdate&&(a=this.menuListRef,t=this.focusedOptionRef,r=a.getBoundingClientRect(),i=t.getBoundingClientRect(),n=t.offsetHeight/3,i.bottom+n>r.bottom?ha(a,Math.min(t.offsetTop+t.clientHeight-a.offsetHeight+n,a.scrollHeight)):i.top-n-1&&(o=s)}this.scrollToFocusedOptionOnUpdate=!(i&&this.menuListRef),this.setState({inputIsHiddenAfterUpdate:!1,focusedValue:null,focusedOption:n[o]},(function(){return a.onMenuOpen()}))}},{key:"focusValue",value:function(e){var a=this.state,t=a.selectValue,r=a.focusedValue;if(this.props.isMulti){this.setState({focusedOption:null});var i=t.indexOf(r);r||(i=-1);var n=t.length-1,o=-1;if(t.length){switch(e){case"previous":o=0===i?0:-1===i?n:i-1;break;case"next":i>-1&&i0&&void 0!==arguments[0]?arguments[0]:"first",a=this.props.pageSize,t=this.state.focusedOption,r=this.getFocusableOptions();if(r.length){var i=0,n=r.indexOf(t);t||(n=-1),"up"===e?i=n>0?n-1:r.length-1:"down"===e?i=(n+1)%r.length:"pageup"===e?(i=n-a)<0&&(i=0):"pagedown"===e?(i=n+a)>r.length-1&&(i=r.length-1):"last"===e&&(i=r.length-1),this.scrollToFocusedOptionOnUpdate=!0,this.setState({focusedOption:r[i],focusedValue:null})}}},{key:"getTheme",value:function(){return this.props.theme?"function"==typeof this.props.theme?this.props.theme(It):sa(sa({},It),this.props.theme):It}},{key:"getCommonProps",value:function(){var e=this.clearValue,a=this.cx,t=this.getStyles,r=this.getValue,i=this.selectOption,n=this.setValue,o=this.props,s=o.isMulti,l=o.isRtl,c=o.options;return{clearValue:e,cx:a,getStyles:t,getValue:r,hasValue:this.hasValue(),isMulti:s,isRtl:l,options:c,selectOption:i,selectProps:o,setValue:n,theme:this.getTheme()}}},{key:"hasValue",value:function(){return this.state.selectValue.length>0}},{key:"hasOptions",value:function(){return!!this.getFocusableOptions().length}},{key:"isClearable",value:function(){var e=this.props,a=e.isClearable,t=e.isMulti;return void 0===a?t:a}},{key:"isOptionDisabled",value:function(e,a){return zt(this.props,e,a)}},{key:"isOptionSelected",value:function(e,a){return Ht(this.props,e,a)}},{key:"filterOption",value:function(e,a){return Gt(this.props,e,a)}},{key:"formatOptionLabel",value:function(e,a){if("function"==typeof this.props.formatOptionLabel){var t=this.props.inputValue,r=this.state.selectValue;return this.props.formatOptionLabel(e,{context:a,inputValue:t,selectValue:r})}return this.getOptionLabel(e)}},{key:"formatGroupLabel",value:function(e){return this.props.formatGroupLabel(e)}},{key:"startListeningComposition",value:function(){document&&document.addEventListener&&(document.addEventListener("compositionstart",this.onCompositionStart,!1),document.addEventListener("compositionend",this.onCompositionEnd,!1))}},{key:"stopListeningComposition",value:function(){document&&document.removeEventListener&&(document.removeEventListener("compositionstart",this.onCompositionStart),document.removeEventListener("compositionend",this.onCompositionEnd))}},{key:"startListeningToTouch",value:function(){document&&document.addEventListener&&(document.addEventListener("touchstart",this.onTouchStart,!1),document.addEventListener("touchmove",this.onTouchMove,!1),document.addEventListener("touchend",this.onTouchEnd,!1))}},{key:"stopListeningToTouch",value:function(){document&&document.removeEventListener&&(document.removeEventListener("touchstart",this.onTouchStart),document.removeEventListener("touchmove",this.onTouchMove),document.removeEventListener("touchend",this.onTouchEnd))}},{key:"renderInput",value:function(){var e=this.props,a=e.isDisabled,t=e.isSearchable,r=e.inputId,i=e.inputValue,n=e.tabIndex,o=e.form,s=this.getComponents().Input,l=this.state.inputIsHidden,c=this.commonProps,u=r||this.getElementId("input"),g={"aria-autocomplete":"list","aria-label":this.props["aria-label"],"aria-labelledby":this.props["aria-labelledby"]};return t?C.a.createElement(s,S({},c,{autoCapitalize:"none",autoComplete:"off",autoCorrect:"off",id:u,innerRef:this.getInputRef,isDisabled:a,isHidden:l,onBlur:this.onInputBlur,onChange:this.handleInputChange,onFocus:this.onInputFocus,spellCheck:"false",tabIndex:n,form:o,type:"text",value:i},g)):C.a.createElement(bt,S({id:u,innerRef:this.getInputRef,onBlur:this.onInputBlur,onChange:ga,onFocus:this.onInputFocus,readOnly:!0,disabled:a,tabIndex:n,form:o,value:""},g))}},{key:"renderPlaceholderOrValue",value:function(){var e=this,a=this.getComponents(),t=a.MultiValue,r=a.MultiValueContainer,i=a.MultiValueLabel,n=a.MultiValueRemove,o=a.SingleValue,s=a.Placeholder,l=this.commonProps,c=this.props,u=c.controlShouldRenderValue,g=c.isDisabled,p=c.isMulti,f=c.inputValue,d=c.placeholder,y=this.state,v=y.selectValue,m=y.focusedValue,h=y.isFocused;if(!this.hasValue()||!u)return f?null:C.a.createElement(s,S({},l,{key:"placeholder",isDisabled:g,isFocused:h}),d);if(p)return v.map((function(a,o){var s=a===m;return C.a.createElement(t,S({},l,{components:{Container:r,Label:i,Remove:n},isFocused:s,isDisabled:g,key:"".concat(e.getOptionValue(a)).concat(o),index:o,removeProps:{onClick:function(){return e.removeValue(a)},onTouchEnd:function(){return e.removeValue(a)},onMouseDown:function(e){e.preventDefault(),e.stopPropagation()}},data:a}),e.formatOptionLabel(a,"value"))}));if(f)return null;var b=v[0];return C.a.createElement(o,S({},l,{data:b,isDisabled:g}),this.formatOptionLabel(b,"value"))}},{key:"renderClearIndicator",value:function(){var e=this.getComponents().ClearIndicator,a=this.commonProps,t=this.props,r=t.isDisabled,i=t.isLoading,n=this.state.isFocused;if(!this.isClearable()||!e||r||!this.hasValue()||i)return null;var o={onMouseDown:this.onClearIndicatorMouseDown,onTouchEnd:this.onClearIndicatorTouchEnd,"aria-hidden":"true"};return C.a.createElement(e,S({},a,{innerProps:o,isFocused:n}))}},{key:"renderLoadingIndicator",value:function(){var e=this.getComponents().LoadingIndicator,a=this.commonProps,t=this.props,r=t.isDisabled,i=t.isLoading,n=this.state.isFocused;return e&&i?C.a.createElement(e,S({},a,{innerProps:{"aria-hidden":"true"},isDisabled:r,isFocused:n})):null}},{key:"renderIndicatorSeparator",value:function(){var e=this.getComponents(),a=e.DropdownIndicator,t=e.IndicatorSeparator;if(!a||!t)return null;var r=this.commonProps,i=this.props.isDisabled,n=this.state.isFocused;return C.a.createElement(t,S({},r,{isDisabled:i,isFocused:n}))}},{key:"renderDropdownIndicator",value:function(){var e=this.getComponents().DropdownIndicator;if(!e)return null;var a=this.commonProps,t=this.props.isDisabled,r=this.state.isFocused,i={onMouseDown:this.onDropdownIndicatorMouseDown,onTouchEnd:this.onDropdownIndicatorTouchEnd,"aria-hidden":"true"};return C.a.createElement(e,S({},a,{innerProps:i,isDisabled:t,isFocused:r}))}},{key:"renderMenu",value:function(){var e=this,a=this.getComponents(),t=a.Group,r=a.GroupHeading,i=a.Menu,n=a.MenuList,o=a.MenuPortal,s=a.LoadingMessage,l=a.NoOptionsMessage,c=a.Option,u=this.commonProps,g=this.state.focusedOption,p=this.props,f=p.captureMenuScroll,d=p.inputValue,y=p.isLoading,v=p.loadingMessage,m=p.minMenuHeight,h=p.maxMenuHeight,b=p.menuIsOpen,O=p.menuPlacement,w=p.menuPosition,x=p.menuPortalTarget,j=p.menuShouldBlockScroll,M=p.menuShouldScrollIntoView,E=p.noOptionsMessage,k=p.onMenuScrollToTop,N=p.onMenuScrollToBottom;if(!b)return null;var P,_=function(a,t){var r=a.type,i=a.data,n=a.isDisabled,o=a.isSelected,s=a.label,l=a.value,p=g===i,f=n?void 0:function(){return e.onOptionHover(i)},d=n?void 0:function(){return e.selectOption(i)},y="".concat(e.getElementId("option"),"-").concat(t),v={id:y,onClick:d,onMouseMove:f,onMouseOver:f,tabIndex:-1};return C.a.createElement(c,S({},u,{innerProps:v,data:i,isDisabled:n,isSelected:o,key:y,label:s,type:r,value:l,isFocused:p,innerRef:p?e.getFocusedOptionRef:void 0}),e.formatOptionLabel(a.data,"menu"))};if(this.hasOptions())P=this.getCategorizedOptions().map((function(a){if("group"===a.type){var i=a.data,n=a.options,o=a.index,s="".concat(e.getElementId("group"),"-").concat(o),l="".concat(s,"-heading");return C.a.createElement(t,S({},u,{key:s,data:i,options:n,Heading:r,headingProps:{id:l,data:a.data},label:e.formatGroupLabel(a.data)}),a.options.map((function(e){return _(e,"".concat(o,"-").concat(e.index))})))}if("option"===a.type)return _(a,"".concat(a.index))}));else if(y){var T=v({inputValue:d});if(null===T)return null;P=C.a.createElement(s,u,T)}else{var I=E({inputValue:d});if(null===I)return null;P=C.a.createElement(l,u,I)}var A={minMenuHeight:m,maxMenuHeight:h,menuPlacement:O,menuPosition:w,menuShouldScrollIntoView:M},B=C.a.createElement(Na,S({},u,A),(function(a){var t=a.ref,r=a.placerProps,o=r.placement,s=r.maxHeight;return C.a.createElement(i,S({},u,A,{innerRef:t,innerProps:{onMouseDown:e.onMenuMouseDown,onMouseMove:e.onMenuMouseMove},isLoading:y,placement:o}),C.a.createElement(_t,{captureEnabled:f,onTopArrive:k,onBottomArrive:N,lockEnabled:j},(function(a){return C.a.createElement(n,S({},u,{innerRef:function(t){e.getMenuListRef(t),a(t)},isLoading:y,maxHeight:s,focusedOption:g}),P)})))}));return x||"fixed"===w?C.a.createElement(o,S({},u,{appendTo:x,controlElement:this.controlRef,menuPlacement:O,menuPosition:w}),B):B}},{key:"renderFormField",value:function(){var e=this,a=this.props,t=a.delimiter,r=a.isDisabled,i=a.isMulti,n=a.name,o=this.state.selectValue;if(n&&!r){if(i){if(t){var s=o.map((function(a){return e.getOptionValue(a)})).join(t);return C.a.createElement("input",{name:n,type:"hidden",value:s})}var l=o.length>0?o.map((function(a,t){return C.a.createElement("input",{key:"i-".concat(t),name:n,type:"hidden",value:e.getOptionValue(a)})})):C.a.createElement("input",{name:n,type:"hidden"});return C.a.createElement("div",null,l)}var c=o[0]?this.getOptionValue(o[0]):"";return C.a.createElement("input",{name:n,type:"hidden",value:c})}}},{key:"renderLiveRegion",value:function(){var e=this.commonProps,a=this.state,t=a.ariaSelection,r=a.focusedOption,i=a.focusedValue,n=a.isFocused,o=a.selectValue,s=this.getFocusableOptions();return C.a.createElement(lt,S({},e,{ariaSelection:t,focusedOption:r,focusedValue:i,isFocused:n,selectValue:o,focusableOptions:s}))}},{key:"render",value:function(){var e=this.getComponents(),a=e.Control,t=e.IndicatorsContainer,r=e.SelectContainer,i=e.ValueContainer,n=this.props,o=n.className,s=n.id,l=n.isDisabled,c=n.menuIsOpen,u=this.state.isFocused,g=this.commonProps=this.getCommonProps();return C.a.createElement(r,S({},g,{className:o,innerProps:{id:s,onKeyDown:this.onKeyDown},isDisabled:l,isFocused:u}),this.renderLiveRegion(),C.a.createElement(a,S({},g,{innerRef:this.getControlRef,innerProps:{onMouseDown:this.onControlMouseDown,onTouchEnd:this.onControlTouchEnd},isDisabled:l,isFocused:u,menuIsOpen:c}),C.a.createElement(i,S({},g,{isDisabled:l}),this.renderPlaceholderOrValue(),this.renderInput()),C.a.createElement(t,S({},g,{isDisabled:l}),this.renderClearIndicator(),this.renderLoadingIndicator(),this.renderIndicatorSeparator(),this.renderDropdownIndicator())),this.renderMenu(),this.renderFormField())}}],[{key:"getDerivedStateFromProps",value:function(e,a){var t=a.prevProps,r=a.clearFocusValueOnUpdate,i=a.inputIsHiddenAfterUpdate,n=e.options,o=e.value,s=e.menuIsOpen,l=e.inputValue,c={};if(t&&(o!==t.value||n!==t.options||s!==t.menuIsOpen||l!==t.inputValue)){var u=da(o),g=s?function(e,a){return Ft(Lt(e,a))}(e,u):[],p=r?function(e,a){var t=e.focusedValue,r=e.selectValue.indexOf(t);if(r>-1){if(a.indexOf(t)>-1)return t;if(r-1?t:a[0]}(a,g),focusedValue:p,clearFocusValueOnUpdate:!1}}var f=null!=i&&e!==t?{inputIsHidden:i,inputIsHiddenAfterUpdate:void 0}:{};return sa(sa(sa({},c),f),{},{prevProps:e})}}]),t}(w.Component);Kt.defaultProps=At;var $t,Yt,Jt,qt=(t(36),t(38),w.Component,$t=Kt,Jt=Yt=function(e){ta(t,e);var a=ua(t);function t(){var e;Qe(this,t);for(var r=arguments.length,i=new Array(r),n=0;n1?t-1:0),i=1;i0&&a.forEach((function(e,r){t.push({value:a[r].fontFamily,label:a[r].fontFamily})})),t),onChange:function(e){s("fontFamily",e,r)}})};function mr(e,a){var t=[{value:"",label:Object(g.__)("Default","generatepress")},{value:"normal",label:Object(g.__)("Normal","generatepress")},{value:"bold",label:Object(g.__)("Bold","generatepress")},{value:"100",label:"100"},{value:"200",label:"200"},{value:"300",label:"300"},{value:"400",label:"400"},{value:"500",label:"500"},{value:"600",label:"600"},{value:"700",label:"700"},{value:"800",label:"800"},{value:"900",label:"900"}];return void 0!==O[e]&&"undefined"!==a.googleFontVariants&&(t=[{value:"",label:Object(g.__)("Default","generatepress")},{value:"normal",label:Object(g.__)("Normal","generatepress")},{value:"bold",label:Object(g.__)("Bold","generatepress")}],a.filter((function(a){return a.fontFamily===e})).forEach((function(e){var a=e.googleFontVariants.replaceAll(" ","");(a=a.split(",")).filter((function(e){var a=e.match(/[a-z]/g),t=e.match(/[0-9]/g);return!(a&&t||"italic"===e||"regular"===e||""===e)})).forEach((function(e){t.push({value:e,label:e})}))}))),t}var hr=function(e){var a=e.index,t=e.value,r=e.fontFamily,i=e.onChange;return Object(n.createElement)(o.SelectControl,{label:Object(g.__)("Font Weight","generatepress"),value:t,options:mr(r,ur()),onChange:function(e){i("fontWeight",e,a)}})},br=function(e){var a=e.index,t=e.value,r=e.onChange;return Object(n.createElement)(o.SelectControl,{label:Object(g.__)("Text Transform","generatepress"),value:t,options:[{value:"",label:Object(g.__)("Default","generatepress")},{value:"uppercase",label:Object(g.__)("Uppercase","generatepress")},{value:"lowercase",label:Object(g.__)("Lowercase","generatepress")},{value:"capitalize",label:Object(g.__)("Capitalize","generatepress")},{value:"initial",label:Object(g.__)("Normal","generatepress")}],onChange:function(e){r("textTransform",e,a)}})},Or=(t(44),function(e){var a=Object(n.useState)("desktop"),t=c()(a,2),r=(t[0],t[1]),i=e.label,s=e.devices;return Object(n.createElement)("div",{className:"components-generate-units-control-header__units"},Object(n.createElement)("div",{className:"components-generate-units-control-label__units"},i),Object(n.createElement)("div",{className:"components-generate-control__units"},Object(n.createElement)(o.ButtonGroup,{className:"components-generate-control-buttons__units","aria-label":Object(g.__)("Select Units","generatepress")},s.map((function(e){var a=Object(g.__)("Desktop","generatepress");return"tablet"===e&&(a=Object(g.__)("Tablet","generatepress")),"mobile"===e&&(a=Object(g.__)("Mobile","generatepress")),Object(n.createElement)(o.Tooltip +/* translators: Unit type (px, em, %) */,{text:Object(g.sprintf)(Object(g.__)("%s Preview","generatepress"),a),key:e},Object(n.createElement)(o.Button,{key:e,className:"components-generate-control-button__units--"+e,isSmall:!0 +/* translators: %s: values associated with CSS syntax, 'Pixel', 'Em', 'Percentage' */,"aria-label":a,onClick:function(){wp.customize.previewedDevice.set(e),r(e)}},u(e)))})))))}),Sr=t(22),wr=t.n(Sr),Cr=t(23),xr=t.n(Cr),jr=t(24),Mr=t.n(jr),Er=t(25),kr=t.n(Er),Nr=t(20),Pr=t.n(Nr);t(47);var _r=function(e){Mr()(i,e);var a,t,r=(a=i,t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}(),function(){var e,r=Pr()(a);if(t){var i=Pr()(this).constructor;e=Reflect.construct(r,arguments,i)}else e=r.apply(this,arguments);return kr()(this,e)});function i(){return wr()(this,i),r.apply(this,arguments)}return xr()(i,[{key:"render",value:function(){var e=this.props,a=e.label,t=e.value,r=e.onChange,i=e.rangeMin,s=void 0===i?0:i,l=e.rangeMax,c=void 0===l?100:l,u=e.inputMin,g=void 0===u?"":u,p=e.inputMax,f=void 0===p?"":p,d=e.step,y=void 0===d?1:d,v=e.help,m=void 0===v?"":v,h=e.beforeIcon,b=void 0===h?"":h,O=e.initialPosition,S=void 0===O?"":O,w=e.placeholder,C=void 0===w?"":w;return Object(n.createElement)("div",{className:"components-generate-range-control"},a&&Object(n.createElement)("div",{className:"components-generate-range-control--label"},a),Object(n.createElement)("div",{className:"components-generate-range-control--wrapper"},Object(n.createElement)("div",{className:"components-generate-range-control--range"},Object(n.createElement)(o.RangeControl,{className:"generate-range-control-range",beforeIcon:b,value:ir(t)?parseFloat(t):"",onChange:function(e){return r(e)},min:s,max:c,step:y,withInputField:!1,initialPosition:S})),Object(n.createElement)("div",{className:"components-generate-range-control-input"},Object(n.createElement)(o.TextControl,{type:"number",placeholder:""!==C?C:"",min:g,max:f,step:y,value:ir(t)?t:"",onChange:function(e){return r(e)}}))),m&&Object(n.createElement)("p",{className:"components-base-control__help"},m))}}]),i}(n.Component),Tr=(t(48),function(e){var a=e.value,t=e.onClick,r=e.units;return Object(n.createElement)("div",{className:"components-generate--control__units"},Object(n.createElement)(o.Dropdown,{className:"generate-component-control--unit-picker",contentClassName:"generate-component-control--unit-picker-area",position:"middle center",focusOnMount:"container",renderToggle:function(e){var t=e.isOpen,r=e.onToggle;return Object(n.createElement)(o.Button,{onClick:r,"aria-expanded":t},a||u("dash"))},renderContent:function(e){var i=e.onClose;return Object(n.createElement)(o.ButtonGroup,{className:"components-generate--control-buttons__units","aria-label":Object(g.__)("Select Units","generatepress")},r.map((function(e){var r=e,s=e||u("dash");return""===e&&(r=Object(g.__)("No Unit","generatepress")),"px"===e&&(r=Object(g._x)("Pixel","A size unit for CSS markup","generatepress")),"em"===e&&(r=Object(g._x)("Em","A size unit for CSS markup","generatepress")),"%"===e&&(r=Object(g._x)("Percentage","A size unit for CSS markup","generatepress")),"deg"===e&&(r=Object(g._x)("Degree","A size unit for CSS markup","generatepress")),Object(n.createElement)(o.Tooltip +/* translators: Unit type (px, em, %) */,{text:e?Object(g.sprintf)(Object(g.__)("%s Units","generatepress"),r):r,key:e},Object(n.createElement)(o.Button,{key:e,className:"components-generate--control-button__units--"+e,isSmall:!0,isPrimary:a===e,"aria-pressed":a===e +/* translators: %s: values associated with CSS syntax, 'Pixel', 'Em', 'Percentage' */,"aria-label":e?Object(g.sprintf)(Object(g.__)("%s Units","generatepress"),r):r,onClick:function(){t(e),i()}},s))})))}}))}),Ir=function(e){var a=e.label,t=e.unitValue,r=e.units,i=e.onChangeUnit,s=e.step,l=e.rangeMin,c=e.rangeMax,u=e.inputMin,g=void 0===u?null:u,p=e.inputMax,f=void 0===p?null:p,d=e.desktopValue,y=e.desktopInitial,v=e.desktopOnChange,m=e.tabletValue,h=e.tabletInitial,b=e.tabletOnChange,O=e.mobileInitial,S=e.mobileValue,w=e.mobileOnChange;return Object(n.createElement)(o.BaseControl,null,Object(n.createElement)(Or,{label:a,value:t,devices:["desktop","tablet","mobile"]}),Object(n.createElement)("div",{className:"generate-component-input-with-unit"},Object(n.createElement)("div",{className:"generate-component-device-field","data-device":"desktop"},Object(n.createElement)(_r,{className:"generate-range-control-range",step:s,rangeMin:l,rangeMax:c,inputMin:g,inputMax:f,value:ir(d)?parseFloat(d):y,initialPosition:y,onChange:v,withInputField:!1})),Object(n.createElement)("div",{className:"generate-component-device-field","data-device":"tablet"},Object(n.createElement)(_r,{"data-generate-control-device":"tablet",className:"generate-range-control-range",step:s,rangeMin:l,rangeMax:c,inputMin:g,inputMax:f,value:ir(m)?parseFloat(m):h,initialPosition:h,onChange:b,withInputField:!1})),Object(n.createElement)("div",{className:"generate-component-device-field","data-device":"mobile"},Object(n.createElement)(_r,{"data-generate-control-device":"mobile",className:"generate-range-control-range",step:s,rangeMin:l,rangeMax:c,inputMin:g,inputMax:f,value:ir(S)?parseFloat(S):O,initialPosition:O,onChange:w,withInputField:!1})),Object(n.createElement)(Tr,{value:t,units:r,onClick:i})))},Ar=function(e){var a=e.font,t=e.onChange;return Object(n.createElement)(Ir,{label:Object(g.__)("Font size","generatepress"),unitValue:a.fontSizeUnit,units:["px","em","rem","%"],onChangeUnit:function(e){t("fontSizeUnit",e,a.index)},step:sr(a,"fontSize","step",1),rangeMin:sr(a,"fontSize","min",1),rangeMax:sr(a,"fontSize","max",100),inputMin:0,desktopValue:a.fontSize,desktopInitial:or(a,"fontSize"),desktopOnChange:function(e){t("fontSize",e,a.index)},tabletValue:a.fontSizeTablet,tabletInitial:or(a,"fontSizeTablet"),tabletOnChange:function(e){t("fontSizeTablet",e,a.index)},mobileValue:a.fontSizeMobile,mobileInitial:or(a,"fontSizeMobile"),mobileOnChange:function(e){t("fontSizeMobile",e,a.index)}})},Br=function(e){var a=e.font,t=e.onChange;return Object(n.createElement)(Ir,{label:Object(g.__)("Line Height","generatepress"),unitValue:a.lineHeightUnit,units:["","px","em","rem"],onChangeUnit:function(e){t("lineHeightUnit",e,a.index)},step:sr(a,"lineHeight","step",.1),rangeMin:sr(a,"lineHeight","min",1),rangeMax:sr(a,"lineHeight","max",5),inputMin:0,desktopValue:a.lineHeight,desktopInitial:or(a,"lineHeight"),desktopOnChange:function(e){t("lineHeight",e,a.index)},tabletValue:a.lineHeightTablet,tabletInitial:or(a,"lineHeightTablet"),tabletOnChange:function(e){t("lineHeightTablet",e,a.index)},mobileValue:a.lineHeightMobile,mobileInitial:or(a,"lineHeightMobile"),mobileOnChange:function(e){t("lineHeightMobile",e,a.index)}})},Lr=function(e){var a=e.font,t=e.onChange;return Object(n.createElement)(Ir,{label:Object(g.__)("Letter Spacing","generatepress"),unitValue:a.letterSpacingUnit,units:["px","em","rem"],onChangeUnit:function(e){t("letterSpacingUnit",e,a.index)},step:sr(a,"letterSpacing","step",.01),rangeMin:sr(a,"letterSpacing","min",-1),rangeMax:sr(a,"letterSpacing","max",10),desktopValue:a.letterSpacing,desktopInitial:or(a,"letterSpacing"),desktopOnChange:function(e){t("letterSpacing",e,a.index)},tabletValue:a.letterSpacingTablet,tabletInitial:or(a,"letterSpacingTablet"),tabletOnChange:function(e){t("letterSpacingTablet",e,a.index)},mobileValue:a.letterSpacingMobile,mobileInitial:or(a,"letterSpacingMobile"),mobileOnChange:function(e){t("letterSpacingMobile",e,a.index)}})},Fr=function(e){var a=e.font,t=e.onChange;return Object(n.createElement)(Ir,{label:"body"===a.selector?Object(g.__)("Paragraph Bottom Margin","generatepress"):Object(g.__)("Bottom Margin","generatepress"),unitValue:a.marginBottomUnit,units:["px","em","rem"],onChangeUnit:function(e){t("marginBottomUnit",e,a.index)},step:sr(a,"marginBottom","step",.1),rangeMin:sr(a,"marginBottom","min",0),rangeMax:sr(a,"marginBottom","max",5),inputMin:0,desktopValue:a.marginBottom,desktopInitial:or(a,"marginBottom"),desktopOnChange:function(e){0>e&&(e=0),t("marginBottom",e,a.index)},tabletValue:a.marginBottomTablet,tabletInitial:or(a,"marginBottomTablet"),tabletOnChange:function(e){0>e&&(e=0),t("marginBottomTablet",e,a.index)},mobileValue:a.marginBottomMobile,mobileInitial:or(a,"marginBottomMobile"),mobileOnChange:function(e){0>e&&(e=0),t("marginBottomMobile",e,a.index)}})},Vr=function(e){var a=e.font,t=e.toggleClose,r=e.onChangeFontValue,i=e.onChangeElement;return Object(n.createElement)("div",{className:"generate-customize-control--font-dropdown"},Object(n.createElement)(dr,{index:a.index,value:a.selector,onChange:i}),!!a.selector&&Object(n.createElement)(n.Fragment,null,"custom"===a.selector&&Object(n.createElement)(yr,{index:a.index,value:a.customSelector,onChange:r}),Object(n.createElement)(vr,{index:a.index,value:a.fontFamily,onChange:r}),Object(n.createElement)("div",{className:"components-base-control generate-font-manager--select-options"},Object(n.createElement)(hr,{index:a.index,value:a.fontWeight,fontFamily:a.fontFamily,onChange:r}),Object(n.createElement)(br,{index:a.index,value:a.textTransform,onChange:r})),Object(n.createElement)(Ar,{font:a,onChange:r}),Object(n.createElement)(Br,{font:a,onChange:r}),Object(n.createElement)(Lr,{font:a,onChange:r}),lr(a.selector)&&Object(n.createElement)(Fr,{font:a,onChange:r})),Object(n.createElement)("div",{className:"generate-font-manager--footer"},Object(n.createElement)(o.Button,{isSecondary:!0,isSmall:!0,onClick:t},Object(g.__)("Close","generatepress"))))},Dr=function(e){var a=e.font,t=e.label,r=e.itemId,i=e.setOpen,o=e.isOpen,s=e.deleteFont,l=e.toggleClose,c=e.onChangeFontValue,u=e.onChangeElement;return Object(n.createElement)("div",{className:"generate-font-manager--item"},Object(n.createElement)("div",{className:"generate-font-manager--header"},Object(n.createElement)(gr,{font:a,itemId:r,setOpen:i,isOpen:o,label:t}),Object(n.createElement)(pr,{itemId:r,setOpen:i,isOpen:o}),Object(n.createElement)(fr,{onClick:s.bind(null,a.index),isOpen:o,itemId:r})),r===o&&Object(n.createElement)(Vr,{font:a,toggleClose:l,onChangeFontValue:c,onChangeElement:u}))},Rr=function(e){var a,t,r=e.fontList,o=("group","other",r.reduce((function(e,a,t){var r=a.group||"other";return a.index=t,e[r]=e[r]||[],e[r].push(a),e}),{}));return a=cr(),t=function(a,t){var r,s=null!==(r=o[t])&&void 0!==r?r:[];if(0!==s.length)return Object(n.createElement)("div",{className:"generate-font-manager-group",key:t},Object(n.createElement)("h4",{className:"generate-font-manager-group__label"},a),s.map((function(a){return Object(n.createElement)(Dr,i()({key:a.index,itemId:a.index+1,font:a},e))})))},Object.values(Object.fromEntries(Object.entries(a).map((function(e){var a=c()(e,2),r=a[0],i=a[1];return[r,t(i,r)]}))))};function zr(e,a){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);a&&(r=r.filter((function(a){return Object.getOwnPropertyDescriptor(e,a).enumerable}))),t.push.apply(t,r)}return t}function Hr(e){for(var a=1;a0&&f.map((function(a,t){var c=t+1,y=function(e){var a=b()(f),r=a[t];a[t]=ar(ar({},a[t]),{},{fontFamily:e}),s(a),void 0!==O[e]?(a[t]=ar(ar({},a[t]),{},{googleFont:!0,googleFontCategory:O[e].category,googleFontVariants:O[e].variants.join(", ")}),s(a)):(a[t]=ar(ar({},a[t]),{},{googleFont:!1,googleFontCategory:"",googleFontVariants:""}),s(a)),l(a[t].fontFamily,r.fontFamily)},v=f[t].fontFamily||"";return Object(n.createElement)("div",{className:"generate-font-manager--item",key:t},Object(n.createElement)("div",{className:"generate-font-manager--header"},Object(n.createElement)(o.Button,{className:"generate-font-manager--label",onClick:function(){i(c!==r&&c)}},f[t].fontFamily?f[t].fontFamily:e.label),Object(n.createElement)(o.Tooltip,{text:Object(g.__)("Open Font Family Settings","generatepress")},Object(n.createElement)(o.Button,{className:"generate-font-manager--open",onClick:function(){i(c!==r&&c)}},u(c===r?"chevron-up":"chevron-down"))),Object(n.createElement)(o.Tooltip,{text:Object(g.__)("Delete Font Family","generatepress")},Object(n.createElement)(o.Button,{className:"generate-font-manager--delete-font",onClick:function(){if(window.confirm(Object(g.__)("This will permanently delete this font family. Doing so will stop elements from displaying it as their font.","generatepress"))){var e=b()(f),a=e[t];l("",a.fontFamily),e.splice(t,1),s(e)}}},u("trash")))),c===r&&Object(n.createElement)("div",{className:"generate-customize-control--font-dropdown"},Object(n.createElement)(o.BaseControl,{className:"generate-component-font-family-picker-wrapper",id:"generate-font-manager-family-name--input"},Object(n.createElement)(Xt,{options:d,placeholder:Object(g.__)("Search fonts…","generatepress"),onChange:function(e){return y(e.value)}}),Object(n.createElement)(o.TextControl,{id:"generate-font-manager-family-name--input",className:"generate-font-manager-family-name--input",label:Object(g.__)("Font family name","generatepress"),value:v,onChange:function(e){var a;a=e,f.filter((function(e){return e.fontFamily===a})).length>0&&(alert(Object(g.__)("Font already selected","generatepress")),e=""),y(e)}}),!!f[t].fontFamily&&Object(n.createElement)("div",{className:"generate-font-manager--options"},Object(n.createElement)(o.ToggleControl,{className:"generate-font-manager-google-font--field",label:Object(g.__)("Google Font","generatepress"),checked:!!f[t].googleFont,onChange:function(e){var a=b()(f);a[t]=ar(ar({},a[t]),{},{googleFont:e}),s(a)}}),!!f[t].googleFont&&Object(n.createElement)("div",{className:"generate-font-manager--google-font-options"},Object(n.createElement)(o.TextControl,{label:Object(g.__)("Category","generatepress"),value:f[t].googleFontCategory||"",onChange:function(e){var a=b()(f);a[t]=ar(ar({},a[t]),{},{googleFontCategory:e}),s(a)}}),Object(n.createElement)(o.TextControl,{label:Object(g.__)("Variants","generatepress"),value:f[t].googleFontVariants||"",onChange:function(e){var a=b()(f);a[t]=ar(ar({},a[t]),{},{googleFontVariants:e}),s(a)}}))),Object(n.createElement)("div",{className:"generate-font-manager--footer"},Object(n.createElement)(o.Button,{isSecondary:!0,isSmall:!0,onClick:p},Object(g.__)("Close","generatepress"))))))})),Object(n.createElement)(o.Button,{isPrimary:!0,onClick:function(){var a=b()(e.value);a.push({fontFamily:"",googleFont:!1,googleFontApi:1,googleFontCategory:"",googleFontVariants:""}),s(a);var t=wp.customize.control(e.customizerSetting.id).setting.get().length;i(t)}},Object(g.__)("Add Font","generatepress")))})),Ur=s((function(e){var a=e.value,t=Object(n.useState)([]),r=c()(t,2),i=r[0],s=r[1],l=Object(n.useState)(0),u=c()(l,2),p=u[0],f=u[1],d=Object(n.useState)(!1),v=c()(d,2),h=v[0],O=v[1];Object(n.useEffect)((function(){Array.isArray(a)?s(a):"object"===y()(a)&&s(Object.values(a))}),[a]),Object(n.useEffect)((function(){var a=h?"refresh":"postMessage";wp.customize.control(e.customizerSetting.id).setting.transport=a,wp.customize.control(e.customizerSetting.id).setting.set(i)}),[i]);var S=nr(),w=function(e){O(!0),s(e)};return Object(n.createElement)("div",null,Object(n.createElement)("div",{className:"customize-control-notifications-container",ref:e.setNotificationContainer}),Object(n.createElement)(Rr,{fontList:i,setOpen:f,isOpen:p,label:e.label,deleteFont:function(e){var a=b()(i);a.splice(e,1),w(a)},toggleClose:function(){return f(0)},onChangeFontValue:function(e,a,t){var r=b()(i);r[t]=Hr({},r[t]),r[t][e]=a,w(r)},onChangeElement:function(e,a){var t=e.value,r=e.group,n=e.module,o=b()(i);o[a]=Hr(Hr({},o[a]),{},{selector:t,module:n,group:r});var s=S[t].placeholders;s&&Object.keys(s).forEach((function(e){var r=S[t].placeholders[e].unit;if(r){var i=e+"Unit";o[a]=Hr(Hr({},o[a]),{},m()({},i,r))}})),lr(t)||(o[a]=Hr(Hr({},o[a]),{},{marginBottom:"",marginBottomTablet:"",marginBottomMobile:"",marginBottomUnit:""})),w(o)}}),Object(n.createElement)(o.Button,{isPrimary:!0,onClick:function(){var a=b()(e.value);a.push({selector:"",customSelector:"",fontFamily:"",fontWeight:"",textTransform:"",fontSize:"",fontSizeTablet:"",fontSizeMobile:"",fontSizeUnit:"px",lineHeight:"",lineHeightTablet:"",lineHeightMobile:"",lineHeightUnit:"",letterSpacing:"",letterSpacingTablet:"",letterSpacingMobile:"",letterSpacingUnit:"px"}),w(a),f(a.length)}},Object(g.__)("Add Typography","generatepress")))}));function Wr(e,a){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);a&&(r=r.filter((function(a){return Object.getOwnPropertyDescriptor(e,a).enumerable}))),t.push.apply(t,r)}return t}function Kr(e){for(var a=1;a0&&a.forEach((function(e){var a=e.slug.replace(" ","-").toLowerCase();t+="--"+a+": "+e.color+";"})),t+="}";var r=document.getElementById("generate-global-color-styles");r?r.innerHTML=t:document.head.insertAdjacentHTML("beforeend",'")},t=function(e){var a=[];e.length>0&&e.forEach((function(e){a.push({name:e.slug,slug:e.slug,color:"var(--"+e.slug+")"})})),window.sessionStorage.setItem("generateGlobalColors",JSON.stringify(a))},r=e.value||[];return"object"===y()(r)&&(r=Object.values(r)),Object(n.createElement)("div",null,Object(n.createElement)("div",{className:"customize-control-notifications-container",ref:e.setNotificationContainer}),Object(n.createElement)("div",{className:"generate-component-color-picker-wrapper generate-color-manager-wrapper"},r.map((function(s,l){var c=Kr(Kr({},e),{},{value:r[l].color,varNameValue:r[l].slug});return Object(n.createElement)("div",{className:"generate-color-manager--item",key:l},Object(n.createElement)(p,i()({},c,{tooltipPosition:"bottom center",tooltipText:r[l].slug,hideLabel:!0,onChange:function(e){var i=b()(r);i[l]=Kr(Kr({},i[l]),{},{color:e}),a(i),t(i)},onVarChange:function(e){var i=b()(r);e=e.replace(/([a-z])([A-Z])/g,"$1-$2").replace(/[\s_]+/g,"-").replace(/[^a-z0-9-\s]+/g,"").toLowerCase(),i[l]=Kr(Kr({},i[l]),{},{slug:e}),a(i),t(i)}})),Object(n.createElement)(o.Tooltip,{text:Object(g.__)("Delete Color","generatepress")},Object(n.createElement)(o.Button,{className:"generate-color-manager--delete-color",onClick:function(){if(window.confirm(Object(g.__)("This will permanently delete this color. Doing so will break styles that are using it to define their color.","generatepress"))){var e=b()(r);e.splice(l,1),a(e)}},icon:u("x")})))})),Object(n.createElement)("div",{className:"generate-color-manager--item"},Object(n.createElement)(o.Tooltip,{text:Object(g.__)("Add Global Color","generatepress")},Object(n.createElement)(o.Button,{className:"generate-color-manager--add-color",onClick:function(){var t=b()(e.value),r=t.length+1;t.push({slug:"global-color-"+r,color:""}),a(t)}},u("plus"))))))}));wp.customize.controlConstructor["generate-color-manager-control"]=$r,t(50);var Yr=function(e){var a=Object(n.useState)(!1),t=c()(a,2),r=t[0],i=t[1],s=function(){e.choices.sectionRedirect?wp.customize.section(e.choices.toggleId).focus():document.querySelectorAll('[data-toggleId="'+e.choices.toggleId+'"]').forEach((function(e){r?(e.style.display="",i(!1)):(e.style.display="block",i(!0))}))},l=e.choices.tooltipText?e.choices.tooltipText:Object(g.sprintf)(Object(g.__)("Open %s Settings","generatepress"),e.choices.title),p=e.choices.sectionRedirect?"chevron-right":"chevron-down";return Object(n.createElement)(n.Fragment,null,Object(n.createElement)("div",{className:"generate-customize-control-title"},!!e.choices.toggleId&&Object(n.createElement)(n.Fragment,null,Object(n.createElement)(o.Tooltip,{text:l},Object(n.createElement)(o.Button,{className:"generate-customize-control-title--label",onClick:s},e.choices.title)),Object(n.createElement)(o.Tooltip,{text:l},Object(n.createElement)(o.Button,{className:"generate-customize-control-title--toggle",onClick:s},u(r?"chevron-up":p)))),!e.choices.toggleId&&Object(n.createElement)("h3",null,e.choices.title)))},Jr=wp.customize.Control.extend({ready:function(){this.renderContent()},embed:function(){var e=this,a=e.section();a&&wp.customize.section(a,(function(a){a.expanded.bind((function(a){a&&e.actuallyEmbed()}))}))},actuallyEmbed:function(){"resolved"!==this.deferred.embedded.state()&&(this.renderContent(),this.deferred.embedded.resolve())},initialize:function(e,a){var t=this;t.setNotificationContainer=t.setNotificationContainer.bind(t),wp.customize.Control.prototype.initialize.call(t,e,a),wp.customize.control.bind("removed",(function e(a){t===a&&(t.destroy(),t.container.remove(),wp.customize.control.unbind("removed",e))}))},setNotificationContainer:function(e){this.notifications.container=jQuery(e),this.notifications.render()},renderContent:function(){var e=Object(n.createElement)(o.SlotFillProvider,null,Object(n.createElement)(Yr,i()({},this.params,{control:this,choices:this.params.choices,title:this.params.title})),Object(n.createElement)(o.Popover.Slot,null)),a=this.container[0];if(this.params.choices.wrapper){var t=document.getElementById(this.params.choices.wrapper+"--wrapper");t&&(a=t,this.container.hide())}Object(n.render)(e,a)},destroy:function(){Object(n.unmountComponentAtNode)(this.container[0]),wp.customize.Control.prototype.destroy&&wp.customize.Control.prototype.destroy.call(this)}});wp.customize.controlConstructor["generate-title-control"]=Jr;var qr=t(26),Zr=t.n(qr),Qr=wp.customize.Control.extend({ready:function(){this.renderContent()},embed:function(){var e=this,a=e.section();a&&wp.customize.section(a,(function(a){a.expanded.bind((function(a){a&&e.actuallyEmbed()}))}))},actuallyEmbed:function(){"resolved"!==this.deferred.embedded.state()&&(this.renderContent(),this.deferred.embedded.resolve())},initialize:function(e,a){var t=this;t.setNotificationContainer=t.setNotificationContainer.bind(t),wp.customize.Control.prototype.initialize.call(t,e,a),wp.customize.control.bind("removed",(function e(a){t===a&&(t.destroy(),t.container.remove(),wp.customize.control.unbind("removed",e))}))},setNotificationContainer:function(e){this.notifications.container=jQuery(e),this.notifications.render()},renderContent:function(){var e=this.params.choices;this.params.choices.toggleId&&this.container[0].setAttribute("data-toggleId",this.params.choices.toggleId),Object(n.render)(Object(n.createElement)("div",{className:Zr()(m()({"generate-customize-control-wrapper":!0},e.class,!!e.class)),id:e.id,"data-wrapper-type":e.type},e.items.map((function(e){return Object(n.createElement)("div",{key:e,id:e+"--wrapper"})}))),this.container[0])},destroy:function(){Object(n.unmountComponentAtNode)(this.container[0]),wp.customize.Control.prototype.destroy&&wp.customize.Control.prototype.destroy.call(this)}});wp.customize.controlConstructor["generate-wrapper-control"]=Qr,document.addEventListener("DOMContentLoaded",(function(){window.sessionStorage.removeItem("generateGlobalColors")}))}]); \ No newline at end of file diff --git a/wp-content/themes/generatepress/assets/dist/dashboard.asset.php b/wp-content/themes/generatepress/assets/dist/dashboard.asset.php new file mode 100644 index 00000000..5f091e65 --- /dev/null +++ b/wp-content/themes/generatepress/assets/dist/dashboard.asset.php @@ -0,0 +1 @@ + array('wp-api-fetch', 'wp-components', 'wp-element', 'wp-hooks', 'wp-i18n', 'wp-polyfill'), 'version' => '1544fd10034784b46bf2292e69917371'); \ No newline at end of file diff --git a/wp-content/themes/generatepress/assets/dist/dashboard.js b/wp-content/themes/generatepress/assets/dist/dashboard.js new file mode 100644 index 00000000..5fd91460 --- /dev/null +++ b/wp-content/themes/generatepress/assets/dist/dashboard.js @@ -0,0 +1 @@ +(window.webpackJsonp_generatepress=window.webpackJsonp_generatepress||[]).push([[4],{51:function(e,t,r){},52:function(e,t,r){},53:function(e,t,r){},54:function(e,t,r){}}]),function(e){function t(t){for(var n,a,c=t[0],i=t[1],l=t[2],u=0,d=[];ue.length)&&(t=e.length);for(var r=0,n=new Array(t);r0&&Object(s.createElement)(s.Fragment,null,Object(s.createElement)("div",{className:"generatepress-dashboard__section-title"},Object(s.createElement)("h2",null,Object(a.__)("Start Customizing","generatepress"))),Object(s.createElement)("div",{className:"generatepress-dashboard__section"},Object.keys(p).map((function(e,t){return Object(s.createElement)("div",{className:"generatepress-dashboard__section-item",key:t},Object(s.createElement)("div",{className:"generatepress-dashboard__section-item-content"},!!p[e].title&&Object(s.createElement)("div",{className:"generatepress-dashboard__section-item-title"},p[e].title),!!p[e].description&&Object(s.createElement)("div",{className:"generatepress-dashboard__section-item-description"},p[e].description)),Object(s.createElement)("div",{className:"generatepress-dashboard__section-item-action"},Object(i.applyFilters)("generate_dashboard_customize_item_action",function(e){var t={className:"components-button is-primary",href:p[e].action.url,target:p[e].action.external?"_blank":null,rel:p[e].action.external?"noreferrer noopener":null};return Object(s.createElement)(s.Fragment,null,!!p[e].action&&Object(s.createElement)("a",t,p[e].action.label||Object(a.__)("Open options","generatepress")))}(e),p[e])))})),Object(i.applyFilters)("generate_dashboard_inside_start_customizing"))))};window.addEventListener("DOMContentLoaded",(function(){Object(s.render)(Object(s.createElement)(p,null),document.getElementById("generatepress-dashboard-app"))})),r(53);var u={themeBuilder:{title:Object(a.__)("Theme Builder","generatepress"),description:Object(a.__)("Design and build your theme elements in the block editor.","generatepress"),icon:Object(s.createElement)("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",viewBox:"0 0 24 24"},Object(s.createElement)("path",{d:"M3 3h7v7H3zM14 3h7v7h-7zM14 14h7v7h-7zM3 14h7v7H3z"})),action:{label:Object(a.__)("Explore our theme builder","generatepress"),url:"https://generatepress.com/premium#theme-builder",external:!0}},siteLibrary:{title:Object(a.__)("Site Library","generatepress"),description:Object(a.__)("Start your site with a professionally-built starter site.","generatepress"),icon:Object(s.createElement)("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",viewBox:"0 0 24 24"},Object(s.createElement)("path",{d:"M2 3h6a4 4 0 014 4v14a3 3 0 00-3-3H2zM22 3h-6a4 4 0 00-4 4v14a3 3 0 013-3h7z"})),action:{label:Object(a.__)("Explore starter sites","generatepress"),url:"https://generatepress.com/premium#site-library",external:!0}},moreOptions:{title:Object(a.__)("More Options","generatepress"),description:Object(a.__)("Add more options like our advanced hook system, mobile header, sticky navigation, infinite scroll, masonry and much more.","generatepress"),icon:Object(s.createElement)("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",viewBox:"0 0 24 24"},Object(s.createElement)("path",{d:"M4 21v-7M4 10V3M12 21v-9M12 8V3M20 21v-5M20 12V3M1 14h6M9 8h6M17 16h6"})),action:{label:Object(a.__)("Explore more options","generatepress"),url:"https://generatepress.com/premium",external:!0}},support:{title:Object(a.__)("Premium Support","generatepress"),description:Object(a.__)("We take support seriously. Gain access to our premium support forums and take advantage of our industry-leading support.","generatepress"),icon:Object(s.createElement)("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",viewBox:"0 0 24 24"},Object(s.createElement)("circle",{cx:"12",cy:"12",r:"10"}),Object(s.createElement)("circle",{cx:"12",cy:"12",r:"4"}),Object(s.createElement)("path",{d:"M4.93 4.93l4.24 4.24M14.83 14.83l4.24 4.24M14.83 9.17l4.24-4.24M14.83 9.17l3.53-3.53M4.93 19.07l4.24-4.24"})),action:{label:Object(a.__)("Explore our support forums","generatepress"),url:"https://generatepress.com/support",external:!0}}},d=function(){var e=Object(s.useState)(!1),t=o()(e,2),r=t[0],n=t[1];return Object(s.useEffect)((function(){r||n(!0)})),generateDashboard.hasPremium?null:r?Object(s.createElement)(s.Fragment,null,!!u>0&&Object(s.createElement)(s.Fragment,null,Object(s.createElement)("div",{className:"generatepress-dashboard__section-title"},Object(s.createElement)("h2",null,Object(a.__)("GeneratePress Premium","generatepress"))),Object(s.createElement)("div",{className:"generatepress-dashboard__section-description"},Object(s.createElement)("p",null,Object(a.__)("Take GeneratePress to the next level with more options, professionally designed starter sites, and block-based theme building.","gp-premium"))),Object(s.createElement)("div",{className:"generatepress-dashboard__section generatepress-dashboard__premium"},Object.keys(u).map((function(e,t){var r={className:"components-button is-primary",href:u[e].action.url,target:u[e].action.external?"_blank":null,rel:u[e].action.external?"noreferrer noopener":null};return Object(s.createElement)("div",{className:"generatepress-dashboard__premium-item",key:t},Object(s.createElement)("div",{className:"generatepress-dashboard__premium-item-content"},!!u[e].icon&&Object(s.createElement)("div",{className:"generatepress-dashboard__premium-item-icon"},u[e].icon),!!u[e].title&&Object(s.createElement)("div",{className:"generatepress-dashboard__premium-item-title"},u[e].title),!!u[e].description&&Object(s.createElement)("div",{className:"generatepress-dashboard__premium-item-description"},u[e].description)),Object(s.createElement)("div",{className:"generatepress-dashboard__premium-item-action"},!!u[e].action&&Object(s.createElement)("a",r,u[e].action.label||Object(a.__)("Open options","generatepress"))))}))))):Object(s.createElement)(c.Placeholder,{className:"generatepress-dashboard__placeholder"},Object(s.createElement)(c.Spinner,null))};window.addEventListener("DOMContentLoaded",(function(){Object(s.render)(Object(s.createElement)(d,null),document.getElementById("generatepress-dashboard-go-pro"))}));var m=r(8),b=r.n(m),h=r(28),g=r.n(h),_=(r(54),function(){var e=Object(s.useState)(!1),t=o()(e,2),r=t[0],n=t[1],i=Object(s.useState)(!1),l=o()(i,2),p=l[0],u=l[1];return Object(s.useEffect)((function(){r||n(!0)})),generateDashboard.hasPremium?null:r?Object(s.createElement)(s.Fragment,null,Object(s.createElement)("div",{className:"generatepress-dashboard__section"},Object(s.createElement)("div",{className:"generatepress-dashboard__section-title",style:{marginBottom:0}},Object(s.createElement)("h2",null,Object(a.__)("Reset","generatepress"))),Object(s.createElement)("div",{className:"generatepress-dashboard__section-item-description",style:{marginTop:0}},Object(a.__)("Reset your customizer settings.","generatepress")),Object(s.createElement)(c.Button,{className:"generatepress-dashboard__reset-button",style:{marginTop:"10px"},disabled:!!p,isPrimary:!0,onClick:function(e){window.confirm(Object(a.__)("This will delete all of your customizer settings. It cannot be undone.","generatepress"))&&function(e){u(!0);var t=e.target.nextElementSibling;g()({path:"/generatepress/v1/reset",method:"POST",data:{}}).then((function(e){u(!1),t.classList.add("generatepress-dashboard__section-item-message__show"),"object"===b()(e.response)?t.textContent=Object(a.__)("Settings reset.","generatepress"):t.textContent=e.response,e.success&&e.response?setTimeout((function(){t.classList.remove("generatepress-dashboard__section-item-message__show")}),3e3):t.classList.add("generatepress-dashboard__section-item-message__error")}))}(e)}},!!p&&Object(s.createElement)(c.Spinner,null),!p&&Object(a.__)("Reset","generatepress")),Object(s.createElement)("span",{className:"generatepress-dashboard__section-item-message",style:{marginLeft:"10px"}}))):Object(s.createElement)(c.Placeholder,{className:"generatepress-dashboard__placeholder"},Object(s.createElement)(c.Spinner,null))});window.addEventListener("DOMContentLoaded",(function(){Object(s.render)(Object(s.createElement)(_,null),document.getElementById("generatepress-reset"))}))},8:function(e,t){function r(t){return"function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?(e.exports=r=function(e){return typeof e},e.exports.default=e.exports,e.exports.__esModule=!0):(e.exports=r=function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},e.exports.default=e.exports,e.exports.__esModule=!0),r(t)}e.exports=r,e.exports.default=e.exports,e.exports.__esModule=!0},9:function(e,t){e.exports=window.wp.hooks}}); \ No newline at end of file diff --git a/wp-content/themes/generatepress/assets/dist/style-customizer.css b/wp-content/themes/generatepress/assets/dist/style-customizer.css new file mode 100644 index 00000000..93df01d2 --- /dev/null +++ b/wp-content/themes/generatepress/assets/dist/style-customizer.css @@ -0,0 +1,10 @@ +.components-base-control__help{margin-top:2px;margin-bottom:0}.components-base-control__label{display:block;margin-bottom:10px}.generate-customize-control-wrapper{display:flex}.generate-customize-control-wrapper[data-wrapper-type=color]>div:first-child{flex-grow:1}.generate-customize-control-wrapper[data-wrapper-type=color]>div:not(:first-child):not(:empty){margin-left:5px}.generate-customize-control-wrapper[data-wrapper-type=two-col]>div{flex-basis:calc(50% - 5px)}.generate-customize-control-wrapper[data-wrapper-type=two-col]>div:nth-child(odd){margin-right:5px}.generate-customize-control-wrapper[data-wrapper-type=two-col]>div:nth-child(even){margin-left:5px}.generate-customize-control--popover>.components-popover__content{padding:15px;width:280px;box-sizing:border-box}.generate-customize-control--popover .components-base-control:not(:last-child){margin-bottom:15px}.customize-control[data-toggleid]{display:none}#customize-control-generate_settings-google_font_display{margin-top:10px;display:flex;flex-direction:column}#customize-control-generate_settings-google_font_display .description{order:10;margin-bottom:0;margin-top:5px} + +.generate-component-color-picker .components-color-picker{box-sizing:border-box}.generate-component-color-picker .components-color-picker__inputs-wrapper{display:none}.generate-component-color-picker .generate-color-input-wrapper{display:flex;padding:0}.generate-component-color-picker .generate-color-input-wrapper .generate-color-input{flex-grow:1}.generate-component-color-picker .generate-color-input-wrapper .components-color-clear-color{margin-left:5px}.generate-component-color-picker .generate-color-input-wrapper input{margin-right:5px}.generate-component-color-picker .generate-color-input-wrapper .components-base-control__field{margin-bottom:0}.generate-component-color-picker>.components-base-control:first-child{margin-bottom:0}.generate-component-color-picker .components-color-picker__inputs-wrapper{min-width:auto}.generate-component-color-picker .generate-component-color-picker-palette{padding:16px 0 0}.generate-component-color-picker .generate-component-color-picker-palette .components-circular-option-picker{display:flex;flex-wrap:wrap}.generate-component-color-picker .generate-component-color-picker-palette .components-circular-option-picker .components-circular-option-picker__option-wrapper{margin:0 8px 8px 0}.generate-component-color-picker .components-color-palette{margin:0}.generate-component-color-picker .components-color-picker{padding:5px}.generate-component-color-picker .components-color-picker__body{padding-bottom:0}.generate-component-color-picker .components-popover__content{padding:10px;width:295px;box-sizing:border-box}.generate-component-color-picker .components-color-clear-color{height:auto}.generate-component-color-picker .components-circular-option-picker__option.is-pressed+svg{fill:#fff;background:#000;transform:scale(0.6)}.generate-component-color-picker[data-x-axis=left] .components-popover__content{margin-right:-35px !important}.generate-customize-control-wrapper{display:flex}.generate-customize-control-wrapper.generate-customize-color-control-wrapper>div:first-child{flex-grow:1}.generate-customize-control-wrapper.generate-customize-color-control-wrapper>div:not(:last-child){margin-right:5px}.generate-component-color-picker-wrapper>.components-base-control__field{position:relative;display:flex;align-items:center;justify-content:space-between}.generate-component-color-picker-wrapper>.components-base-control__field .components-color-palette__item-wrapper{margin:0}.generate-component-color-picker-palette button,.generate-color-picker-area button{width:28px;height:28px;position:relative}.generate-component-color-picker-palette button:hover,.generate-color-picker-area button:hover{background-color:inherit}.generate-component-color-picker-palette button:focus:after,.generate-color-picker-area button:focus:after{width:28px;height:28px}.generate-customize-control--popover .components-color-picker{box-sizing:border-box}.generate-customize-control--popover .components-color-picker__inputs-wrapper{display:none}.generate-customize-control--popover>.components-base-control:first-child{margin-bottom:0}.generate-customize-control--popover .components-color-picker__inputs-wrapper{min-width:auto}.generate-customize-control--popover .components-color-picker{padding:5px}.generate-customize-control--popover .components-color-picker__body{padding-bottom:0}.generate-customize-control--popover .components-color-clear-color{height:auto}.generate-component-color-picker[data-x-axis=left] .components-popover__content{margin-right:-35px !important}.generate-color-input--icon{align-items:center;justify-content:center;display:flex;padding:5px;border:1px solid currentColor;border-right:0;border-top-left-radius:3px;border-bottom-left-radius:3px}.generate-color-input--icon svg{height:1em;width:1em;transform:scale(1.3)}.generate-color-option-area{padding:16px 16px 0}.generate-color-input--css-var-name-wrapper{position:relative}.generate-color-input--css-var-name-wrapper button{position:absolute;bottom:0;right:0;padding:0 8px;min-height:30px;height:auto}.generate-color-input--css-var-name-wrapper button svg{width:1em;height:1em;fill:none} +.generate-font-manager--item{margin-bottom:10px}.generate-font-manager--item .generate-font-manager--header{display:flex;align-items:center}.generate-font-manager--item .generate-font-manager--header .generate-font-manager--label{flex-grow:1;padding-left:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.generate-font-manager--item .generate-font-manager--header .components-button:not(.generate-font-manager--label){background:#fff;border:1px solid #777;padding:0;display:flex;justify-content:center;align-items:center;width:30px;height:30px;min-width:30px;margin-left:5px;border-radius:100%;flex-shrink:0}.generate-font-manager--item .generate-font-manager--header .components-button:not(.generate-font-manager--label) svg{margin-right:0;width:1em;height:1em}.generate-font-manager--item .generate-font-manager--header .components-button:not(.generate-font-manager--label).generate-font-manager--open svg{fill:none}.generate-font-manager--item .generate-font-manager--options{margin-top:15px}.generate-font-manager--item .generate-font-manager--footer{margin-top:15px;padding-top:15px;border-top:1px solid #ddd}.generate-font-manager--item .generate-font-manager-google-font--field{margin-top:10px}.generate-font-manager--item .generate-font-manager--google-font-options{display:flex;flex-wrap:wrap;margin-top:15px}.generate-font-manager--item .generate-font-manager--google-font-options>div{flex-basis:calc(50% - 10px);margin-bottom:0}.generate-font-manager--item .generate-font-manager--google-font-options>div:nth-child(even){margin-left:5px}.generate-font-manager--item .generate-font-manager--google-font-options>div:nth-child(odd){margin-right:5px}.generate-font-manager--item .generate-font-manager--google-font-options .components-base-control__field{margin-bottom:0 !important}.generate-font-manager--item .generate-font-manager--select-options{display:flex;flex-wrap:wrap}.generate-font-manager--item .generate-font-manager--select-options>div{flex-basis:calc(50% - 5px)}.generate-font-manager--item .generate-font-manager--select-options>div:nth-child(even){margin-left:5px}.generate-font-manager--item .generate-font-manager--select-options>div:nth-child(odd){margin-right:5px}.generate-font-manager--item .components-select-control__input--generate-fontfamily{margin-bottom:3px}.generate-font-manager--item .generate-advanced-select__menu{position:relative !important}.generate-font-manager-group{margin-top:10px;margin-bottom:20px}.generate-font-manager-group__label{margin-top:0;color:#000;text-transform:uppercase;font-size:11px;margin-bottom:10px}.generate-font-manager-group .generate-font-manager--item:last-child{margin-bottom:0}.generate-customize-control--font-dropdown{background:#fff;padding:15px;margin-top:10px;position:relative}.generate-customize-control--font-dropdown:before{content:"";position:absolute;left:11px;top:-10px;width:0;height:0;border-style:solid;border-width:0 10px 10px 10px;border-color:transparent transparent #fff transparent;z-index:10}.generate-customize-control--font-dropdown>.components-base-control:not(:last-child){margin-bottom:15px}.generate-customize-control--font-dropdown>.components-base-control:last-child .components-base-control__field{margin-bottom:0} +.generate-advanced-select__control{margin-bottom:12px}.generate-advanced-select__value-container{padding:0 6px !important}.generate-advanced-select__value-container>div{padding:0;margin:0}.generate-advanced-select__input input[type=text]:focus{box-shadow:none}.generate-advanced-select__option--is-selected{color:rgba(255,255,255,.5) !important} +.components-generate-units-control-header__units{display:flex;justify-content:space-between;margin-bottom:5px;align-items:center}.components-generate-control__units .components-generate-control-buttons__units button.components-button{background:#fff;box-shadow:none !important;color:#929da7;font-size:10px;padding:0 5px;position:relative;text-align:center;text-shadow:none;border:0;border-radius:0 !important;line-height:20px;padding:0 5px;height:auto}.components-generate-control__units .components-generate-control-buttons__units button.components-button.is-primary{background:#fff !important;color:#000 !important;cursor:default;z-index:1;font-weight:bold}.generate-component-device-field[data-device=desktop],.generate-component-device-field[data-device=tablet],.generate-component-device-field[data-device=mobile]{display:none}.preview-desktop .generate-component-device-field[data-device=desktop]{display:block}.preview-desktop .components-generate-control__units button.components-generate-control-button__units--desktop{color:#000}.preview-tablet .generate-component-device-field[data-device=tablet]{display:block}.preview-tablet .components-generate-control__units button.components-generate-control-button__units--tablet{color:#000}.preview-mobile .generate-component-device-field[data-device=mobile]{display:block}.preview-mobile .components-generate-control__units button.components-generate-control-button__units--mobile{color:#000} +.components-generate-range-control .components-generate-range-control--wrapper{display:flex;justify-content:space-between}.components-generate-range-control .components-generate-range-control--wrapper .components-generate-range-control--range{width:calc(100% - 80px)}.components-generate-range-control .components-generate-range-control--wrapper .components-generate-range-control-input{width:65px}.components-generate-range-control .components-base-control__help{margin-top:-8px;font-size:12px;font-style:normal;color:#757575} +.components-generate--control__units{display:flex}.generate-component-input-with-unit{display:flex;align-items:center}.generate-component-input-with-unit>div:not(.components-generate--control__units){flex-grow:1}.generate-component-input-with-unit div{margin-bottom:0}.generate-component-input-with-unit .components-generate-range-control--range{max-height:30px}.generate-component-input-with-unit .components-generate-range-control-input input{max-height:30px}.generate-component-control--unit-picker button{height:auto;min-height:30px;margin-left:2px;border:1px solid #444;font-weight:500;font-size:11px;text-transform:uppercase;width:40px;justify-content:center}.components-generate--control-buttons__units{display:flex}.components-generate--control-buttons__units button.components-button{text-transform:uppercase;padding:10px;height:auto;line-height:normal;font-weight:500} +.generate-color-manager-wrapper{display:flex;flex-wrap:wrap}.generate-color-manager-wrapper .generate-color-manager--item{position:relative;margin-right:5px;margin-bottom:5px}.generate-color-manager-wrapper .generate-color-manager--item:last-child{margin-right:0}.generate-color-manager-wrapper .generate-color-manager--item .components-button.generate-color-manager--delete-color{position:absolute;top:-10px;right:-10px;height:auto;min-width:0;padding:2px;background:rgba(0,0,0,.7);color:#fff;border-radius:100%;opacity:0;pointer-events:none;transition:opacity 500ms ease}.generate-color-manager-wrapper .generate-color-manager--item .components-button.generate-color-manager--delete-color svg{width:15px;height:15px;margin-right:0 !important}.generate-color-manager-wrapper .generate-color-manager--item:hover .components-button.generate-color-manager--delete-color{opacity:1;pointer-events:auto}.generate-color-manager-wrapper .generate-color-manager--item .components-button.generate-color-manager--delete-color:focus{opacity:1;pointer-events:auto}.generate-color-manager-wrapper .generate-color-manager--item .components-circular-option-picker__option-wrapper{margin:0}.generate-color-manager-wrapper .generate-color-manager--item .components-button.generate-color-manager--add-color{padding:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:100%;background:#fff;border:1px solid #777}.generate-color-manager-wrapper .generate-color-manager--item .components-button.generate-color-manager--add-color svg{width:20px} +.generate-customize-control-title{display:flex;justify-content:space-between}.generate-customize-control-title button.generate-customize-control-title--label{font-size:14px;font-weight:500;padding:0;height:auto}.generate-customize-control-title button.generate-customize-control-title--toggle{background:#fff;border-radius:100%;border:1px solid #777;padding:0;width:28px;height:28px;display:flex;justify-content:center;align-items:center}.generate-customize-control-title button.generate-customize-control-title--toggle svg{width:1em;height:1em;fill:none}.generate-customize-control-title h3{font-size:14px !important;font-weight:500;margin-bottom:0} diff --git a/wp-content/themes/generatepress/assets/dist/style-dashboard.css b/wp-content/themes/generatepress/assets/dist/style-dashboard.css new file mode 100644 index 00000000..59a71140 --- /dev/null +++ b/wp-content/themes/generatepress/assets/dist/style-dashboard.css @@ -0,0 +1,4 @@ +.generate-dashboard-page .wrap{margin-right:0}.generate-dashboard-page #wpcontent{padding-left:0}.generate-dashboard-page .update-nag{margin-bottom:20px;margin-left:22px}.generate-dashboard-page.edit-php #wpbody-content .wrap{padding:0 20px;margin:0}.generatepress-dashboard-header{background:#fff;border-bottom:1px solid #e2e4e7;padding:0 20px;text-align:center;display:flex;justify-content:space-between;align-items:center}.generatepress-dashboard-header h1{font-size:17px;font-weight:600;padding-bottom:0;display:flex;align-items:center}.generatepress-dashboard-header h1 svg{width:1em;height:1em;padding-right:10px;fill:#006eb7}.generatepress-dashboard-header__navigation{background:#fff;display:flex}.generatepress-dashboard-header__navigation a{padding:1rem;display:flex;align-items:center;color:inherit;text-decoration:none}.generatepress-dashboard-header__navigation a.active{font-weight:600;box-shadow:inset 0 -3px #007cba}.generatepress-dashboard{max-width:1000px;margin:40px auto;font-size:15px}.generatepress-dashboard h2{font-size:25px;margin:0;line-height:1.2em}.generatepress-dashboard__placeholder.components-placeholder{outline:none;background:none;margin-bottom:50px;box-shadow:none;padding:0}.generatepress-dashboard__section-title{display:flex;align-items:center;margin-bottom:15px}.generatepress-dashboard__section-title>h2:first-child:not(:last-child){margin-right:10px}.generatepress-dashboard__section-description{margin-top:-10px;margin-bottom:20px}.generatepress-dashboard__section-description p{font-size:15px;margin:0}.generatepress-dashboard__section{color:#555;margin-bottom:50px}.generatepress-dashboard__section-item{padding:20px;background:#fff;display:flex;justify-content:space-between;align-items:center}.generatepress-dashboard__section-item:not(:last-child){border-bottom:1px solid #ddd}.generatepress-dashboard__section-item-title{font-weight:600}.generatepress-dashboard__section-item-action{padding-left:20px;display:flex;align-items:center}.generatepress-dashboard__section-item-action>*:not(:last-child){margin-right:10px}.generatepress-dashboard__section-item-action .is-primary .components-spinner{margin-top:0;background:#000}.generatepress-dashboard__section-item-description{font-size:13px;color:#80879a;margin-top:3px}.generatepress-dashboard__section-item-message{display:none;font-size:12px;color:#555;background:#fafafa;padding:5px 10px;border-radius:3px;box-shadow:1px 1px 1px rgba(0,0,0,.05)}.generatepress-dashboard__section-item-message__show{display:inline;color:green}.generatepress-dashboard__section-item-message__error{color:red}.generatepress-dashboard__reset-button.is-primary{background-color:#e02a2a}.generatepress-dashboard__reset-button.is-primary:hover:not(:disabled){background-color:darkred}@media(max-width: 768px){.generatepress-dashboard-header{flex-direction:column}.generatepress-dashboard{padding-left:20px;padding-right:20px}} +.generatepress-start-customizing{display:flex;flex-wrap:wrap;margin-left:-30px;color:#555}.generatepress-start-customizing__item{padding:30px;background:#fff;margin-left:30px;margin-bottom:30px;width:calc(50% - 30px);box-sizing:border-box;box-shadow:0 0 2px rgba(0,0,0,.1)}.generatepress-start-customizing__icon{color:#fff;background:#1e72bd;height:50px;width:50px;display:flex;align-items:center;justify-content:center;border-radius:100%;margin-bottom:25px}.generatepress-start-customizing__title{font-weight:500;margin-bottom:1em}.generatepress-start-customizing__description{margin-bottom:1em;font-weight:300;line-height:1.5em}.generatepress-start-customizing__action{margin-top:auto}.generatepress-start-customizing__pro{font-size:11px;background:#f0544f;padding:0 5px;display:inline-block;margin-left:5px;color:#fff;border-radius:2px} +.generatepress-dashboard__premium{display:flex;flex-wrap:wrap;margin-left:-30px;color:#555}.generatepress-dashboard__premium-item{padding:30px;background:#fff;margin-left:30px;margin-bottom:30px;width:calc(50% - 30px);box-sizing:border-box;box-shadow:0 0 2px rgba(0,0,0,.1);flex-grow:1}.generatepress-dashboard__premium-item-icon{color:#fff;background:#1e72bd;height:50px;width:50px;display:flex;align-items:center;justify-content:center;border-radius:100%;margin-bottom:25px}.generatepress-dashboard__premium-item-icon svg{width:25px;height:25px}.generatepress-dashboard__premium-item-title{font-weight:500;margin-bottom:10px;display:flex;align-items:center;font-size:17px}.generatepress-dashboard__premium-item-description{margin-bottom:1em;font-weight:300;line-height:1.5em}.generatepress-dashboard__premium-item-action{margin-top:auto}.generatepress-dashboard__premium-item-pro{font-size:11px;background:#f0544f;padding:0 5px;display:inline-block;margin-left:5px;color:#fff;border-radius:2px} +.generatepress-dashboard__section-item-modules{margin-top:20px} diff --git a/wp-content/themes/generatepress/assets/js/a11y.js b/wp-content/themes/generatepress/assets/js/a11y.js deleted file mode 100644 index 8d3d3b32..00000000 --- a/wp-content/themes/generatepress/assets/js/a11y.js +++ /dev/null @@ -1,127 +0,0 @@ -( function() { - 'use strict'; - - if ( 'querySelector' in document && 'addEventListener' in window ) { - var body = document.body; - - body.addEventListener( 'mousedown', function() { - body.classList.add( 'using-mouse' ); - } ); - - body.addEventListener( 'keydown', function() { - body.classList.remove( 'using-mouse' ); - } ); - - if ( body.classList.contains( 'dropdown-hover' ) ) { - var navLinks = document.querySelectorAll( 'nav .main-nav ul a' ), - menuBarItems = document.querySelectorAll( '.menu-bar-items .menu-bar-item > a' ); - - /** - * Make menu items tab accessible when using the hover dropdown type - */ - var toggleFocus = function() { - if ( this.closest( 'nav' ).classList.contains( 'toggled' ) || this.closest( 'nav' ).classList.contains( 'slideout-navigation' ) ) { - return; - } - - var self = this; - - while ( -1 === self.className.indexOf( 'main-nav' ) ) { - if ( 'li' === self.tagName.toLowerCase() ) { - self.classList.toggle( 'sfHover' ); - } - - self = self.parentElement; - } - } - - /** - * Make our menu bar items tab accessible. - */ - var toggleMenuBarItemFocus = function() { - if ( this.closest( 'nav' ).classList.contains( 'toggled' ) || this.closest( 'nav' ).classList.contains( 'slideout-navigation' ) ) { - return; - } - - var self = this; - - while ( -1 === self.className.indexOf( 'menu-bar-items' ) ) { - if ( self.classList.contains( 'menu-bar-item' ) ) { - self.classList.toggle( 'sfHover' ); - } - - self = self.parentElement; - } - } - - for ( var i = 0; i < navLinks.length; i++ ) { - navLinks[i].addEventListener( 'focus', toggleFocus ); - navLinks[i].addEventListener( 'blur', toggleFocus ); - } - - for ( var i = 0; i < menuBarItems.length; i++ ) { - menuBarItems[i].addEventListener( 'focus', toggleMenuBarItemFocus ); - menuBarItems[i].addEventListener( 'blur', toggleMenuBarItemFocus ); - } - } - } - - /** - * Make hover dropdown touch-friendly. - */ - if ( 'ontouchend' in document.documentElement && document.body.classList.contains( 'dropdown-hover' ) ) { - var parentElements = document.querySelectorAll( '.sf-menu .menu-item-has-children' ); - - for ( var i = 0; i < parentElements.length; i++ ) { - parentElements[i].addEventListener( 'touchend', function( e ) { - - // Bail on mobile - if ( this.closest( 'nav' ).classList.contains( 'toggled' ) ) { - return; - } - - if ( e.touches.length === 1 || e.touches.length === 0 ) { - // Prevent touch events within dropdown bubbling down to document - e.stopPropagation(); - - // Toggle hover - if ( ! this.classList.contains( 'sfHover' ) ) { - // Prevent link on first touch - if ( e.target === this || e.target.parentNode === this || e.target.parentNode.parentNode ) { - e.preventDefault(); - } - - var getSiblings = function( elem ) { - return Array.prototype.filter.call( elem.parentNode.children, function( sibling ) { - return sibling !== elem; - } ); - }; - - // Close other sub-menus. - var closestLi = this.closest( 'li' ), - siblings = getSiblings( closestLi ); - - for ( var i = 0; i < siblings.length; i++ ) { - if ( siblings[i].classList.contains( 'sfHover' ) ) { - siblings[i].classList.remove( 'sfHover' ); - } - } - - this.classList.add( 'sfHover' ); - - // Hide dropdown on touch outside - var closeDropdown, - thisItem = this; - - document.addEventListener( 'touchend', closeDropdown = function(e) { - e.stopPropagation(); - - thisItem.classList.remove( 'sfHover' ); - document.removeEventListener( 'touchend', closeDropdown ); - } ); - } - } - } ); - } - } -} )(); diff --git a/wp-content/themes/generatepress/assets/js/a11y.min.js b/wp-content/themes/generatepress/assets/js/a11y.min.js deleted file mode 100644 index 8cc0d2d3..00000000 --- a/wp-content/themes/generatepress/assets/js/a11y.min.js +++ /dev/null @@ -1 +0,0 @@ -!function(){"use strict";if("querySelector"in document&&"addEventListener"in window){var e=document.body;if(e.addEventListener("mousedown",function(){e.classList.add("using-mouse")}),e.addEventListener("keydown",function(){e.classList.remove("using-mouse")}),e.classList.contains("dropdown-hover")){for(var t=document.querySelectorAll("nav .main-nav ul a"),s=document.querySelectorAll(".menu-bar-items .menu-bar-item > a"),n=function(){if(!this.closest("nav").classList.contains("toggled")&&!this.closest("nav").classList.contains("slideout-navigation"))for(var e=this;-1===e.className.indexOf("main-nav");)"li"===e.tagName.toLowerCase()&&e.classList.toggle("sfHover"),e=e.parentElement},o=function(){if(!this.closest("nav").classList.contains("toggled")&&!this.closest("nav").classList.contains("slideout-navigation"))for(var e=this;-1===e.className.indexOf("menu-bar-items");)e.classList.contains("menu-bar-item")&&e.classList.toggle("sfHover"),e=e.parentElement},i=0;i coords ) { - goTopBtn.style.opacity = '1'; - goTopBtn.style.visibility = 'visible'; - } - - if (scrolled < coords) { - goTopBtn.style.opacity = '0'; - goTopBtn.style.visibility = 'hidden'; - } - }; - - // Function to animate the scroll - var smoothScroll = function (anchor, duration) { - // Calculate how far and how fast to scroll - var startLocation = window.pageYOffset; - var endLocation = document.body.offsetTop; - var distance = endLocation - startLocation; - var increments = distance/(duration/16); - var stopAnimation; - - // Scroll the page by an increment, and check if it's time to stop - var animateScroll = function () { - window.scrollBy(0, increments); - stopAnimation(); - }; - - // Stop animation when you reach the anchor OR the top of the page - stopAnimation = function () { - var travelled = window.pageYOffset; - if ( travelled <= (endLocation || 0) ) { - clearInterval(runAnimation); - document.activeElement.blur(); - } - }; - - // Loop the animation function - var runAnimation = setInterval(animateScroll, 16); - }; - - if ( goTopBtn ) { - // Show the button when scrolling down. - window.addEventListener( 'scroll', trackScroll ); - - // Scroll back to top when clicked. - goTopBtn.addEventListener( 'click', function( e ) { - e.preventDefault(); - smoothScroll( document.body, goTopBtn.getAttribute( 'data-scroll-speed' ) || 400 ); - }, false ); - } - - } - - } )(); +( function() { + 'use strict'; + + // Feature Test + if ( 'querySelector' in document && 'addEventListener' in window ) { + var goTopBtn = document.querySelector( '.generate-back-to-top' ); + + var trackScroll = function() { + var scrolled = window.pageYOffset; + var coords = goTopBtn.getAttribute( 'data-start-scroll' ); + + if ( scrolled > coords ) { + goTopBtn.style.opacity = '1'; + goTopBtn.style.visibility = 'visible'; + } + + if ( scrolled < coords ) { + goTopBtn.style.opacity = '0'; + goTopBtn.style.visibility = 'hidden'; + } + }; + + // Function to animate the scroll + var smoothScroll = function( anchor, duration ) { + // Calculate how far and how fast to scroll + var startLocation = window.pageYOffset; + var endLocation = document.body.offsetTop; + var distance = endLocation - startLocation; + var increments = distance / ( duration / 16 ); + var stopAnimation; + + // Scroll the page by an increment, and check if it's time to stop + var animateScroll = function() { + window.scrollBy( 0, increments ); + stopAnimation(); + }; + + // Stop animation when you reach the anchor OR the top of the page + stopAnimation = function() { + var travelled = window.pageYOffset; + if ( travelled <= ( endLocation || 0 ) ) { + clearInterval( runAnimation ); + document.activeElement.blur(); + } + }; + + // Loop the animation function + var runAnimation = setInterval( animateScroll, 16 ); + }; + + if ( goTopBtn ) { + // Show the button when scrolling down. + window.addEventListener( 'scroll', trackScroll ); + + // Scroll back to top when clicked. + goTopBtn.addEventListener( 'click', function( e ) { + e.preventDefault(); + + if ( generatepressBackToTop.smooth ) { + smoothScroll( document.body, goTopBtn.getAttribute( 'data-scroll-speed' ) || 400 ); + } else { + window.scrollTo( 0, 0 ); + } + }, false ); + } + } +}() ); diff --git a/wp-content/themes/generatepress/assets/js/back-to-top.min.js b/wp-content/themes/generatepress/assets/js/back-to-top.min.js index 4bbdb42f..9d013eb7 100644 --- a/wp-content/themes/generatepress/assets/js/back-to-top.min.js +++ b/wp-content/themes/generatepress/assets/js/back-to-top.min.js @@ -1 +1 @@ -!function(){"use strict";var l;"querySelector"in document&&"addEventListener"in window&&(l=document.querySelector(".generate-back-to-top"),l&&(window.addEventListener("scroll",function(){var t=window.pageYOffset,e=l.getAttribute("data-start-scroll");e a' ); - - // Open the sub-menu by clicking on the entire link element - if ( body.classList.contains( 'dropdown-click-menu-item' ) ) { - for ( var i = 0; i < parentElementLinks.length; i++ ) { - parentElementLinks[i].addEventListener( 'click', dropdownClick, true ); - } - } - - // Open the sub-menu by clicking on a dropdown arrow - if ( body.classList.contains( 'dropdown-click-arrow' ) ) { - // Add a class to sub-menu items that are set to # - for ( var i = 0; i < document.querySelectorAll( '.main-nav .menu-item-has-children > a' ).length; i++ ) { - if ( '#' == document.querySelectorAll( '.main-nav .menu-item-has-children > a' )[i].getAttribute( 'href' ) ) { - document.querySelectorAll( '.main-nav .menu-item-has-children > a' )[i].classList.add( 'menu-item-dropdown-click' ); - } - } - - var dropdownToggleLinks = document.querySelectorAll( '.main-nav .menu-item-has-children > a .dropdown-menu-toggle' ); - for ( var i = 0; i < dropdownToggleLinks.length; i++ ) { - dropdownToggleLinks[i].addEventListener( 'click', dropdownClick, false ); - - dropdownToggleLinks[i].addEventListener( 'keydown', function( e ) { - var _this = this; - var key = e.which || e.keyCode; - if ( key === 13 ) { // 13 is enter - dropdownClick( e, _this ); - } - }, false ); - } - - for ( var i = 0; i < document.querySelectorAll( '.main-nav .menu-item-has-children > a.menu-item-dropdown-click' ).length; i++ ) { - document.querySelectorAll( '.main-nav .menu-item-has-children > a.menu-item-dropdown-click' )[i].addEventListener( 'click', dropdownClick, false ); - } - } - - var closeSubMenus = function() { - if ( document.querySelector( 'nav ul .toggled-on' ) ) { - var activeSubMenus = document.querySelectorAll( 'nav ul .toggled-on' ); - var activeDropdownToggles = document.querySelectorAll( 'nav .dropdown-menu-toggle' ); - for ( var i = 0; i < activeSubMenus.length; i++ ) { - activeSubMenus[i].classList.remove( 'toggled-on' ); - activeSubMenus[i].closest( '.sfHover' ).classList.remove( 'sfHover' ); - } - - for ( var i = 0; i < activeDropdownToggles.length; i++ ) { - activeDropdownToggles[i].setAttribute( 'aria-expanded', 'false' ); - } - } - } - - // Close sub-menus when clicking elsewhere - document.addEventListener( 'click', function ( event ) { - if ( ! event.target.closest( '.sfHover' ) ) { - closeSubMenus(); - } - }, false); - - // Close sub-menus on escape key - document.addEventListener( 'keydown', function( e ) { - var key = e.which || e.keyCode; - if ( key === 27 ) { // 27 is esc - closeSubMenus(); - } - }, false ); - } - -})(); +( function() { + 'use strict'; + + if ( 'querySelector' in document && 'addEventListener' in window ) { + var body = document.body, + i; + /** + * Dropdown click + * + * @param {Object} e The event. + * @param {Object} _this The clicked item. + */ + var dropdownClick = function( e, _this ) { + e.preventDefault(); + e.stopPropagation(); + + if ( ! _this ) { + _this = this; + } + + var closestLi = _this.closest( 'li' ); + + // Close other sub-menus + var openedSubMenus = _this.closest( 'nav' ).querySelectorAll( 'ul.toggled-on' ); + if ( openedSubMenus && ! _this.closest( 'ul' ).classList.contains( 'toggled-on' ) && ! _this.closest( 'li' ).classList.contains( 'sfHover' ) ) { + for ( var o = 0; o < openedSubMenus.length; o++ ) { + openedSubMenus[ o ].classList.remove( 'toggled-on' ); + openedSubMenus[ o ].closest( 'li' ).classList.remove( 'sfHover' ); + } + } + + // Add sfHover class to parent li + closestLi.classList.toggle( 'sfHover' ); + + // Set aria-expanded on arrow + var dropdownToggle = closestLi.querySelector( '.dropdown-menu-toggle' ); + if ( 'false' === dropdownToggle.getAttribute( 'aria-expanded' ) || ! dropdownToggle.getAttribute( 'aria-expanded' ) ) { + dropdownToggle.setAttribute( 'aria-expanded', 'true' ); + } else { + dropdownToggle.setAttribute( 'aria-expanded', 'false' ); + } + + if ( closestLi.querySelector( '.sub-menu' ) ) { + var subMenuSelector = '.sub-menu'; + } else { + subMenuSelector = '.children'; + } + + // Open the sub-menu + if ( body.classList.contains( 'dropdown-click-menu-item' ) ) { + _this.parentNode.querySelector( subMenuSelector ).classList.toggle( 'toggled-on' ); + } else if ( body.classList.contains( 'dropdown-click-arrow' ) ) { + closestLi.querySelector( subMenuSelector ).classList.toggle( 'toggled-on' ); + } + }; + + // Do stuff if click dropdown if enabled + var parentElementLinks = document.querySelectorAll( '.main-nav .menu-item-has-children > a' ); + + // Open the sub-menu by clicking on the entire link element + if ( body.classList.contains( 'dropdown-click-menu-item' ) ) { + for ( i = 0; i < parentElementLinks.length; i++ ) { + parentElementLinks[ i ].addEventListener( 'click', dropdownClick, true ); + } + } + + // Open the sub-menu by clicking on a dropdown arrow + if ( body.classList.contains( 'dropdown-click-arrow' ) ) { + // Add a class to sub-menu items that are set to # + for ( i = 0; i < document.querySelectorAll( '.main-nav .menu-item-has-children > a' ).length; i++ ) { + if ( '#' === document.querySelectorAll( '.main-nav .menu-item-has-children > a' )[ i ].getAttribute( 'href' ) ) { + document.querySelectorAll( '.main-nav .menu-item-has-children > a' )[ i ].classList.add( 'menu-item-dropdown-click' ); + } + } + + var dropdownToggleLinks = document.querySelectorAll( '.main-nav .menu-item-has-children > a .dropdown-menu-toggle' ); + for ( i = 0; i < dropdownToggleLinks.length; i++ ) { + dropdownToggleLinks[ i ].addEventListener( 'click', dropdownClick, false ); + + dropdownToggleLinks[ i ].addEventListener( 'keydown', function( e ) { + var _this = this; + + if ( 'Enter' === e.key ) { + dropdownClick( e, _this ); + } + }, false ); + } + + for ( i = 0; i < document.querySelectorAll( '.main-nav .menu-item-has-children > a.menu-item-dropdown-click' ).length; i++ ) { + document.querySelectorAll( '.main-nav .menu-item-has-children > a.menu-item-dropdown-click' )[ i ].addEventListener( 'click', dropdownClick, false ); + } + } + + var closeSubMenus = function() { + if ( document.querySelector( 'nav ul .toggled-on' ) ) { + var activeSubMenus = document.querySelectorAll( 'nav ul .toggled-on' ); + var activeDropdownToggles = document.querySelectorAll( 'nav .dropdown-menu-toggle' ); + for ( i = 0; i < activeSubMenus.length; i++ ) { + activeSubMenus[ i ].classList.remove( 'toggled-on' ); + activeSubMenus[ i ].closest( '.sfHover' ).classList.remove( 'sfHover' ); + } + + for ( i = 0; i < activeDropdownToggles.length; i++ ) { + activeDropdownToggles[ i ].setAttribute( 'aria-expanded', 'false' ); + } + } + }; + + // Close sub-menus when clicking elsewhere + document.addEventListener( 'click', function( event ) { + if ( ! event.target.closest( '.sfHover' ) ) { + closeSubMenus(); + } + }, false ); + + // Close sub-menus on escape key + document.addEventListener( 'keydown', function( e ) { + if ( 'Escape' === e.key ) { // 27 is esc + closeSubMenus(); + } + }, false ); + } +}() ); diff --git a/wp-content/themes/generatepress/assets/js/dropdown-click.min.js b/wp-content/themes/generatepress/assets/js/dropdown-click.min.js index 7fd2b09b..7e2526b6 100644 --- a/wp-content/themes/generatepress/assets/js/dropdown-click.min.js +++ b/wp-content/themes/generatepress/assets/js/dropdown-click.min.js @@ -1 +1 @@ -!function(){"use strict";if("querySelector"in document&&"addEventListener"in window){var c=document.body,t=function(e,t){e.preventDefault(),e.stopPropagation();var n=(t=t||this).closest("li"),o=t.closest("nav").querySelectorAll("ul.toggled-on");if(o&&!t.closest("ul").classList.contains("toggled-on")&&!t.closest("li").classList.contains("sfHover"))for(var l=0;l a");if(c.classList.contains("dropdown-click-menu-item"))for(var n=0;n a").length;n++)"#"==document.querySelectorAll(".main-nav .menu-item-has-children > a")[n].getAttribute("href")&&document.querySelectorAll(".main-nav .menu-item-has-children > a")[n].classList.add("menu-item-dropdown-click");for(var o=document.querySelectorAll(".main-nav .menu-item-has-children > a .dropdown-menu-toggle"),n=0;n a.menu-item-dropdown-click").length;n++)document.querySelectorAll(".main-nav .menu-item-has-children > a.menu-item-dropdown-click")[n].addEventListener("click",t,!1)}var l=function(){if(document.querySelector("nav ul .toggled-on")){for(var e=document.querySelectorAll("nav ul .toggled-on"),t=document.querySelectorAll("nav .dropdown-menu-toggle"),n=0;n a");if(r.classList.contains("dropdown-click-menu-item"))for(o=0;o a").length;o++)"#"===document.querySelectorAll(".main-nav .menu-item-has-children > a")[o].getAttribute("href")&&document.querySelectorAll(".main-nav .menu-item-has-children > a")[o].classList.add("menu-item-dropdown-click");for(var n=document.querySelectorAll(".main-nav .menu-item-has-children > a .dropdown-menu-toggle"),o=0;o a.menu-item-dropdown-click").length;o++)document.querySelectorAll(".main-nav .menu-item-has-children > a.menu-item-dropdown-click")[o].addEventListener("click",t,!1)}var l=function(){if(document.querySelector("nav ul .toggled-on")){var e=document.querySelectorAll("nav ul .toggled-on"),t=document.querySelectorAll("nav .dropdown-menu-toggle");for(o=0;o a' ); - - /** - * Make menu items tab accessible when using the hover dropdown type - */ - var toggleFocus = function() { - if ( this.closest( 'nav' ).classList.contains( 'toggled' ) || this.closest( 'nav' ).classList.contains( 'slideout-navigation' ) ) { - return; - } - - var self = this; - - while ( -1 === self.className.indexOf( 'main-nav' ) ) { - if ( 'li' === self.tagName.toLowerCase() ) { - self.classList.toggle( 'sfHover' ); - } - - self = self.parentElement; - } - } - - /** - * Make our menu bar items tab accessible. - */ - var toggleMenuBarItemFocus = function() { - if ( this.closest( 'nav' ).classList.contains( 'toggled' ) || this.closest( 'nav' ).classList.contains( 'slideout-navigation' ) ) { - return; - } - - var self = this; - - while ( -1 === self.className.indexOf( 'menu-bar-items' ) ) { - if ( self.classList.contains( 'menu-bar-item' ) ) { - self.classList.toggle( 'sfHover' ); - } - - self = self.parentElement; - } - } - - for ( var i = 0; i < navLinks.length; i++ ) { - navLinks[i].addEventListener( 'focus', toggleFocus ); - navLinks[i].addEventListener( 'blur', toggleFocus ); - } - - for ( var i = 0; i < menuBarItems.length; i++ ) { - menuBarItems[i].addEventListener( 'focus', toggleMenuBarItemFocus ); - menuBarItems[i].addEventListener( 'blur', toggleMenuBarItemFocus ); - } - } - } - - /** - * Make hover dropdown touch-friendly. - */ - if ( 'ontouchend' in document.documentElement && document.body.classList.contains( 'dropdown-hover' ) ) { - var parentElements = document.querySelectorAll( '.sf-menu .menu-item-has-children' ); - - for ( var i = 0; i < parentElements.length; i++ ) { - parentElements[i].addEventListener( 'touchend', function( e ) { - - // Bail on mobile - if ( this.closest( 'nav' ).classList.contains( 'toggled' ) ) { - return; - } - - if ( e.touches.length === 1 || e.touches.length === 0 ) { - // Prevent touch events within dropdown bubbling down to document - e.stopPropagation(); - - // Toggle hover - if ( ! this.classList.contains( 'sfHover' ) ) { - // Prevent link on first touch - if ( e.target === this || e.target.parentNode === this || e.target.parentNode.parentNode ) { - e.preventDefault(); - } - - var getSiblings = function( elem ) { - return Array.prototype.filter.call( elem.parentNode.children, function( sibling ) { - return sibling !== elem; - } ); - }; - - // Close other sub-menus. - var closestLi = this.closest( 'li' ), - siblings = getSiblings( closestLi ); - - for ( var i = 0; i < siblings.length; i++ ) { - if ( siblings[i].classList.contains( 'sfHover' ) ) { - siblings[i].classList.remove( 'sfHover' ); - } - } - - this.classList.add( 'sfHover' ); - - // Hide dropdown on touch outside - var closeDropdown, - thisItem = this; - - document.addEventListener( 'touchend', closeDropdown = function(e) { - e.stopPropagation(); - - thisItem.classList.remove( 'sfHover' ); - document.removeEventListener( 'touchend', closeDropdown ); - } ); - } - } - } ); - } - } -} )(); diff --git a/wp-content/themes/generatepress/assets/js/main.min.js b/wp-content/themes/generatepress/assets/js/main.min.js deleted file mode 100644 index 7c9c4f6a..00000000 --- a/wp-content/themes/generatepress/assets/js/main.min.js +++ /dev/null @@ -1 +0,0 @@ -!function(){"use strict";if("querySelector"in document&&"addEventListener"in window){Element.prototype.matches||(Element.prototype.matches=Element.prototype.msMatchesSelector||Element.prototype.webkitMatchesSelector),Element.prototype.closest||(Element.prototype.closest=function(e){var t=this;if(!document.documentElement.contains(this))return null;do{if(t.matches(e))return t;t=t.parentElement}while(null!==t);return null});for(var e=document.querySelectorAll(".menu-toggle"),t=document.querySelectorAll("nav .dropdown-menu-toggle"),n=document.querySelectorAll("nav ul a"),c=document.querySelector(".mobile-menu-control-wrapper"),i=document.body,u=document.documentElement,d=function(e){if(i.classList.contains("dropdown-hover"))for(var t=e.querySelectorAll("li.menu-item-has-children"),n=0;n a"),s=function(){if(!this.closest("nav").classList.contains("toggled")&&!this.closest("nav").classList.contains("slideout-navigation"))for(var e=this;-1===e.className.indexOf("main-nav");)"li"===e.tagName.toLowerCase()&&e.classList.toggle("sfHover"),e=e.parentElement},o=function(){if(!this.closest("nav").classList.contains("toggled")&&!this.closest("nav").classList.contains("slideout-navigation"))for(var e=this;-1===e.className.indexOf("menu-bar-items");)e.classList.contains("menu-bar-item")&&e.classList.toggle("sfHover"),e=e.parentElement},r=0;r a' ); + + /** + * Make menu items tab accessible when using the hover dropdown type + */ + var toggleFocus = function() { + if ( this.closest( 'nav' ).classList.contains( 'toggled' ) || this.closest( 'nav' ).classList.contains( 'slideout-navigation' ) ) { + return; + } + + var self = this; + + while ( -1 === self.className.indexOf( 'main-nav' ) ) { + if ( 'li' === self.tagName.toLowerCase() ) { + self.classList.toggle( 'sfHover' ); + } + + self = self.parentElement; + } + }; + + /** + * Make our menu bar items tab accessible. + */ + var toggleMenuBarItemFocus = function() { + if ( this.closest( 'nav' ).classList.contains( 'toggled' ) || this.closest( 'nav' ).classList.contains( 'slideout-navigation' ) ) { + return; + } + + var self = this; + + while ( -1 === self.className.indexOf( 'menu-bar-items' ) ) { + if ( self.classList.contains( 'menu-bar-item' ) ) { + self.classList.toggle( 'sfHover' ); + } + + self = self.parentElement; + } + }; + + for ( i = 0; i < navLinks.length; i++ ) { + navLinks[ i ].addEventListener( 'focus', toggleFocus ); + navLinks[ i ].addEventListener( 'blur', toggleFocus ); + } + + for ( i = 0; i < menuBarItems.length; i++ ) { + menuBarItems[ i ].addEventListener( 'focus', toggleMenuBarItemFocus ); + menuBarItems[ i ].addEventListener( 'blur', toggleMenuBarItemFocus ); + } + } + + /** + * Make hover dropdown touch-friendly. + */ + if ( 'ontouchend' in document.documentElement && document.body.classList.contains( 'dropdown-hover' ) ) { + var parentElements = document.querySelectorAll( '.sf-menu .menu-item-has-children' ); + + for ( i = 0; i < parentElements.length; i++ ) { + parentElements[ i ].addEventListener( 'touchend', function( e ) { + // Bail on mobile + if ( this.closest( 'nav' ).classList.contains( 'toggled' ) ) { + return; + } + + if ( e.touches.length === 1 || e.touches.length === 0 ) { + // Prevent touch events within dropdown bubbling down to document + e.stopPropagation(); + + // Toggle hover + if ( ! this.classList.contains( 'sfHover' ) ) { + // Prevent link on first touch + if ( e.target === this || e.target.parentNode === this || e.target.parentNode.parentNode ) { + e.preventDefault(); + } + + // Close other sub-menus. + var closestLi = this.closest( 'li' ), + siblings = getSiblings( closestLi ); + + for ( i = 0; i < siblings.length; i++ ) { + if ( siblings[ i ].classList.contains( 'sfHover' ) ) { + siblings[ i ].classList.remove( 'sfHover' ); + } + } + + this.classList.add( 'sfHover' ); + + // Hide dropdown on touch outside + var closeDropdown, + thisItem = this; + + document.addEventListener( 'touchend', closeDropdown = function( event ) { + event.stopPropagation(); + + thisItem.classList.remove( 'sfHover' ); + document.removeEventListener( 'touchend', closeDropdown ); + } ); + } + } + } ); + } + } + } +}() ); diff --git a/wp-content/themes/generatepress/assets/js/menu.min.js b/wp-content/themes/generatepress/assets/js/menu.min.js index 53b0b83c..b2fdda19 100644 --- a/wp-content/themes/generatepress/assets/js/menu.min.js +++ b/wp-content/themes/generatepress/assets/js/menu.min.js @@ -1 +1 @@ -!function(){"use strict";if("querySelector"in document&&"addEventListener"in window){Element.prototype.matches||(Element.prototype.matches=Element.prototype.msMatchesSelector||Element.prototype.webkitMatchesSelector),Element.prototype.closest||(Element.prototype.closest=function(e){var t=this;if(!document.documentElement.contains(this))return null;do{if(t.matches(e))return t;t=t.parentElement}while(null!==t);return null});for(var e=document.querySelectorAll(".menu-toggle"),t=document.querySelectorAll("nav .dropdown-menu-toggle"),o=document.querySelectorAll("nav ul a"),c=document.querySelector(".mobile-menu-control-wrapper"),a=document.body,u=document.documentElement,d=function(e){if(a.classList.contains("dropdown-hover"))for(var t=e.querySelectorAll("li.menu-item-has-children"),o=0;o a"),m=function(){if(!this.closest("nav").classList.contains("toggled")&&!this.closest("nav").classList.contains("slideout-navigation"))for(var e=this;-1===e.className.indexOf("main-nav");)"li"===e.tagName.toLowerCase()&&e.classList.toggle("sfHover"),e=e.parentElement},v=function(){if(!this.closest("nav").classList.contains("toggled")&&!this.closest("nav").classList.contains("slideout-navigation"))for(var e=this;-1===e.className.indexOf("menu-bar-items");)e.classList.contains("menu-bar-item")&&e.classList.toggle("sfHover"),e=e.parentElement},p=0;p -
- - - -
- -

-
- - - -
> - %s

', - apply_filters( 'generate_404_text', __( 'It looks like nothing was found at this location. Maybe try searching?', 'generatepress' ) ) // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped -- HTML is allowed in filter here. - ); - - get_search_form(); - ?> -
- - - -
+ +
+ + + +
> + +

+
+ + + +
> + %s

', + apply_filters( 'generate_404_text', __( 'It looks like nothing was found at this location. Maybe try searching?', 'generatepress' ) ) // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped -- HTML is allowed in filter here. + ); + + get_search_form(); + ?> +
+ + + +
diff --git a/wp-content/themes/generatepress/content-link.php b/wp-content/themes/generatepress/content-link.php index 9d71f71d..c9874b8d 100644 --- a/wp-content/themes/generatepress/content-link.php +++ b/wp-content/themes/generatepress/content-link.php @@ -1,111 +1,111 @@ - -
> -
- -
- -
- - -
> - -
- - - -
> - '
' . __( 'Pages:', 'generatepress' ), - 'after' => '
', - ) - ); - ?> -
- - -
-
+ +
> +
+ +
> + +
+ + +
> + +
+ + + +
> + '
' . __( 'Pages:', 'generatepress' ), + 'after' => '
', + ) + ); + ?> +
+ + +
+
diff --git a/wp-content/themes/generatepress/content-page.php b/wp-content/themes/generatepress/content-page.php index bb69d313..20403bed 100644 --- a/wp-content/themes/generatepress/content-page.php +++ b/wp-content/themes/generatepress/content-page.php @@ -1,93 +1,93 @@ - - -
> -
- - -
- -
- - - -
> - '
' . __( 'Pages:', 'generatepress' ), - 'after' => '
', - ) - ); - ?> -
- - -
-
+ + +
> +
+ + +
> + +
+ + + +
> + '
' . __( 'Pages:', 'generatepress' ), + 'after' => '
', + ) + ); + ?> +
+ + +
+
diff --git a/wp-content/themes/generatepress/content-single.php b/wp-content/themes/generatepress/content-single.php index 4999367a..cf90f744 100644 --- a/wp-content/themes/generatepress/content-single.php +++ b/wp-content/themes/generatepress/content-single.php @@ -1,102 +1,102 @@ - - -
> -
- -
- -
- - -
> - '
' . __( 'Pages:', 'generatepress' ), - 'after' => '
', - ) - ); - ?> -
- - -
-
+ + +
> +
+ +
> + +
+ + +
> + '
' . __( 'Pages:', 'generatepress' ), + 'after' => '
', + ) + ); + ?> +
+ + +
+
diff --git a/wp-content/themes/generatepress/content.php b/wp-content/themes/generatepress/content.php index d73d3976..f82ed9f5 100644 --- a/wp-content/themes/generatepress/content.php +++ b/wp-content/themes/generatepress/content.php @@ -1,111 +1,111 @@ - -
> -
- -
- -
- - -
> - -
- - - -
> - '
' . __( 'Pages:', 'generatepress' ), - 'after' => '
', - ) - ); - ?> -
- - -
-
+ +
> +
+ +
> + +
+ + +
> + +
+ + + +
> + '
' . __( 'Pages:', 'generatepress' ), + 'after' => '
', + ) + ); + ?> +
+ + +
+
diff --git a/wp-content/themes/generatepress/footer.php b/wp-content/themes/generatepress/footer.php index da876004..d1375f13 100644 --- a/wp-content/themes/generatepress/footer.php +++ b/wp-content/themes/generatepress/footer.php @@ -1,65 +1,65 @@ - - - - - - - -
> - -
- - - - - + + + + + + + +
> + +
+ + + + + diff --git a/wp-content/themes/generatepress/functions.php b/wp-content/themes/generatepress/functions.php index 3f05e70c..8839b582 100644 --- a/wp-content/themes/generatepress/functions.php +++ b/wp-content/themes/generatepress/functions.php @@ -1,103 +1,113 @@ - 70, - 'width' => 350, - 'flex-height' => true, - 'flex-width' => true, - ) - ); - - // Register primary menu. - register_nav_menus( - array( - 'primary' => __( 'Primary Menu', 'generatepress' ), - ) - ); - - /** - * Set the content width to something large - * We set a more accurate width in generate_smart_content_width() - */ - global $content_width; - if ( ! isset( $content_width ) ) { - $content_width = 1200; /* pixels */ - } - - // This theme styles the visual editor to resemble the theme style. - add_editor_style( 'assets/css/admin/editor-style.css' ); - } -} - -/** - * Get all necessary theme files - */ -$theme_dir = get_template_directory(); - -require $theme_dir . '/inc/theme-functions.php'; -require $theme_dir . '/inc/defaults.php'; -require $theme_dir . '/inc/class-css.php'; -require $theme_dir . '/inc/css-output.php'; -require $theme_dir . '/inc/general.php'; -require $theme_dir . '/inc/customizer.php'; -require $theme_dir . '/inc/markup.php'; -require $theme_dir . '/inc/typography.php'; -require $theme_dir . '/inc/plugin-compat.php'; -require $theme_dir . '/inc/block-editor.php'; -require $theme_dir . '/inc/class-theme-update.php'; -require $theme_dir . '/inc/deprecated.php'; - -if ( is_admin() ) { - require $theme_dir . '/inc/meta-box.php'; - require $theme_dir . '/inc/dashboard.php'; -} - -/** - * Load our theme structure - */ -require $theme_dir . '/inc/structure/archives.php'; -require $theme_dir . '/inc/structure/comments.php'; -require $theme_dir . '/inc/structure/featured-images.php'; -require $theme_dir . '/inc/structure/footer.php'; -require $theme_dir . '/inc/structure/header.php'; -require $theme_dir . '/inc/structure/navigation.php'; -require $theme_dir . '/inc/structure/post-meta.php'; -require $theme_dir . '/inc/structure/sidebars.php'; + 70, + 'width' => 350, + 'flex-height' => true, + 'flex-width' => true, + ) + ); + + // Register primary menu. + register_nav_menus( + array( + 'primary' => __( 'Primary Menu', 'generatepress' ), + ) + ); + + /** + * Set the content width to something large + * We set a more accurate width in generate_smart_content_width() + */ + global $content_width; + if ( ! isset( $content_width ) ) { + $content_width = 1200; /* pixels */ + } + + // This theme styles the visual editor to resemble the theme style. + add_editor_style( 'assets/css/admin/editor-style.css' ); + } +} + +/** + * Get all necessary theme files + */ +$theme_dir = get_template_directory(); + +require $theme_dir . '/inc/theme-functions.php'; +require $theme_dir . '/inc/defaults.php'; +require $theme_dir . '/inc/class-css.php'; +require $theme_dir . '/inc/css-output.php'; +require $theme_dir . '/inc/general.php'; +require $theme_dir . '/inc/customizer.php'; +require $theme_dir . '/inc/markup.php'; +require $theme_dir . '/inc/typography.php'; +require $theme_dir . '/inc/plugin-compat.php'; +require $theme_dir . '/inc/block-editor.php'; +require $theme_dir . '/inc/class-typography.php'; +require $theme_dir . '/inc/class-typography-migration.php'; +require $theme_dir . '/inc/class-html-attributes.php'; +require $theme_dir . '/inc/class-theme-update.php'; +require $theme_dir . '/inc/class-rest.php'; +require $theme_dir . '/inc/deprecated.php'; + +if ( is_admin() ) { + require $theme_dir . '/inc/meta-box.php'; + require $theme_dir . '/inc/class-dashboard.php'; +} + +/** + * Load our theme structure + */ +require $theme_dir . '/inc/structure/archives.php'; +require $theme_dir . '/inc/structure/comments.php'; +require $theme_dir . '/inc/structure/featured-images.php'; +require $theme_dir . '/inc/structure/footer.php'; +require $theme_dir . '/inc/structure/header.php'; +require $theme_dir . '/inc/structure/navigation.php'; +require $theme_dir . '/inc/structure/post-meta.php'; +require $theme_dir . '/inc/structure/sidebars.php'; diff --git a/wp-content/themes/generatepress/header.php b/wp-content/themes/generatepress/header.php index ec3fe70b..6fc29129 100644 --- a/wp-content/themes/generatepress/header.php +++ b/wp-content/themes/generatepress/header.php @@ -1,75 +1,75 @@ - -> - - - - - - - > - - -
> - -
- +> + + + + + + + > + + +
> + +
> + post_type ) { - $layout = generate_get_option( 'single_layout_setting' ); - } - } - - // Add in our default filter in case people have adjusted it. - $layout = apply_filters( 'generate_sidebar_layout', $layout ); - - if ( $meta ) { - $layout_meta = get_post_meta( get_the_ID(), '_generate-sidebar-layout-meta', true ); - - if ( $layout_meta ) { - $layout = $layout_meta; - } - } - - return apply_filters( 'generate_block_editor_sidebar_layout', $layout ); -} - -/** - * Check whether we're disabling the content title or not. - * We need this function as the post meta in generate_show_title() only runs - * on is_singular() - * - * @since 2.2 - */ -function generate_get_block_editor_show_content_title() { - $title = generate_show_title(); - - $disable_title = get_post_meta( get_the_ID(), '_generate-disable-headline', true ); - - if ( $disable_title ) { - $title = false; - } - - return apply_filters( 'generate_block_editor_show_content_title', $title ); -} - -/** - * Get the content width for this post. - * - * @since 2.2 - */ -function generate_get_block_editor_content_width() { - $container_width = generate_get_option( 'container_width' ); - - $content_width = $container_width; - - $right_sidebar_width = apply_filters( 'generate_right_sidebar_width', '25' ); - - $left_sidebar_width = apply_filters( 'generate_left_sidebar_width', '25' ); - - $layout = generate_get_block_editor_sidebar_layout(); - - if ( 'left-sidebar' === $layout ) { - $content_width = $container_width * ( ( 100 - $left_sidebar_width ) / 100 ); - } elseif ( 'right-sidebar' === $layout ) { - $content_width = $container_width * ( ( 100 - $right_sidebar_width ) / 100 ); - } elseif ( 'no-sidebar' === $layout ) { - $content_width = $container_width; - } else { - $content_width = $container_width * ( ( 100 - ( $left_sidebar_width + $right_sidebar_width ) ) / 100 ); - } - - return apply_filters( 'generate_block_editor_content_width', $content_width ); -} - -add_action( 'enqueue_block_editor_assets', 'generate_enqueue_google_fonts' ); -add_action( 'enqueue_block_editor_assets', 'generate_enqueue_backend_block_editor_assets' ); -/** - * Add CSS to the admin side of the block editor. - * - * @since 2.2 - */ -function generate_enqueue_backend_block_editor_assets() { - wp_enqueue_style( 'generate-block-editor-styles', get_template_directory_uri() . '/assets/css/admin/block-editor.css', false, GENERATE_VERSION, 'all' ); - wp_enqueue_script( 'generate-block-editor-tinycolor', get_template_directory_uri() . '/assets/js/admin/tinycolor.js', false, GENERATE_VERSION, true ); - wp_enqueue_script( 'generate-block-editor-scripts', get_template_directory_uri() . '/assets/js/admin/block-editor.js', array( 'jquery', 'generate-block-editor-tinycolor' ), GENERATE_VERSION, true ); - - $show_editor_styles = apply_filters( 'generate_show_block_editor_styles', true ); - - if ( $show_editor_styles ) { - wp_add_inline_style( 'generate-block-editor-styles', wp_strip_all_tags( generate_do_inline_block_editor_css() ) ); - } - - $color_settings = wp_parse_args( - get_option( 'generate_settings', array() ), - generate_get_color_defaults() - ); - - $spacing_settings = wp_parse_args( - get_option( 'generate_spacing_settings', array() ), - generate_spacing_get_defaults() - ); - - $text_color = generate_get_option( 'text_color' ); - - if ( $color_settings['content_text_color'] ) { - $text_color = $color_settings['content_text_color']; - } - - wp_localize_script( - 'generate-block-editor-scripts', - 'generate_block_editor', - array( - 'global_sidebar_layout' => generate_get_block_editor_sidebar_layout( false ), - 'container_width' => generate_get_option( 'container_width' ), - 'right_sidebar_width' => apply_filters( 'generate_right_sidebar_width', '25' ), - 'left_sidebar_width' => apply_filters( 'generate_left_sidebar_width', '25' ), - 'content_padding_right' => absint( $spacing_settings['content_right'] ) . 'px', - 'content_padding_left' => absint( $spacing_settings['content_left'] ) . 'px', - 'content_title' => generate_get_block_editor_show_content_title() ? 'true' : 'false', - 'disable_content_title' => esc_html__( 'Disable Content Title', 'generatepress' ), - 'show_content_title' => esc_html__( 'Show Content Title', 'generatepress' ), - 'text_color' => $text_color, - 'show_editor_styles' => $show_editor_styles, - ) - ); -} - -/** - * Write our CSS for the block editor. - * - * @since 2.2 - */ -function generate_do_inline_block_editor_css() { - $color_settings = wp_parse_args( - get_option( 'generate_settings', array() ), - generate_get_color_defaults() - ); - - $font_settings = wp_parse_args( - get_option( 'generate_settings', array() ), - generate_get_default_fonts() - ); - - $css = new GeneratePress_CSS(); - - $content_width = generate_get_block_editor_content_width(); - - $spacing_settings = wp_parse_args( - get_option( 'generate_spacing_settings', array() ), - generate_spacing_get_defaults() - ); - - $content_width_calc = sprintf( - 'calc(%1$s - %2$s - %3$s)', - absint( $content_width ) . 'px', - absint( $spacing_settings['content_left'] ) . 'px', - absint( $spacing_settings['content_right'] ) . 'px' - ); - - $css->set_selector( 'body .wp-block, html body.gutenberg-editor-page .editor-post-title__block, html body.gutenberg-editor-page .editor-default-block-appender, html body.gutenberg-editor-page .editor-block-list__block' ); - - if ( 'true' === get_post_meta( get_the_ID(), '_generate-full-width-content', true ) ) { - $css->add_property( 'max-width', '100%' ); - } else { - $css->add_property( 'max-width', $content_width_calc ); - } - - $css->set_selector( 'html body.gutenberg-editor-page .block-editor-block-list__block[data-align="full"]' ); - $css->add_property( 'max-width', 'none' ); - - $css->set_selector( '.wp-block[data-align="wide"]' ); - $css->add_property( 'max-width', absint( $content_width ), false, 'px' ); - - if ( apply_filters( 'generate_do_group_inner_container_style', true ) ) { - $css->set_selector( '.wp-block-group__inner-container' ); - $css->add_property( 'max-width', absint( $content_width ), false, 'px' ); - $css->add_property( 'margin-left', 'auto' ); - $css->add_property( 'margin-right', 'auto' ); - $css->add_property( 'padding', generate_padding_css( $spacing_settings['content_top'], $spacing_settings['content_right'], $spacing_settings['content_bottom'], $spacing_settings['content_left'] ) ); - } - - $css->set_selector( '.editor-styles-wrapper a.button, .wp-block-button__link:not(.has-background)' ); - $css->add_property( 'color', $color_settings['form_button_text_color'] ); - $css->add_property( 'background-color', $color_settings['form_button_background_color'] ); - - $css->set_selector( '.editor-styles-wrapper a.button:hover, .editor-styles-wrapper a.button:focus, .wp-block-button__link:not(.has-background):active, .wp-block-button__link:not(.has-background):focus, .wp-block-button__link:not(.has-background):hover' ); - $css->add_property( 'color', $color_settings['form_button_text_color_hover'] ); - $css->add_property( 'background-color', $color_settings['form_button_background_color_hover'] ); - - $body_family = generate_get_font_family_css( 'font_body', 'generate_settings', generate_get_default_fonts() ); - $h1_family = generate_get_font_family_css( 'font_heading_1', 'generate_settings', generate_get_default_fonts() ); - $h2_family = generate_get_font_family_css( 'font_heading_2', 'generate_settings', generate_get_default_fonts() ); - $h3_family = generate_get_font_family_css( 'font_heading_3', 'generate_settings', generate_get_default_fonts() ); - $h4_family = generate_get_font_family_css( 'font_heading_4', 'generate_settings', generate_get_default_fonts() ); - $h5_family = generate_get_font_family_css( 'font_heading_5', 'generate_settings', generate_get_default_fonts() ); - $h6_family = generate_get_font_family_css( 'font_heading_6', 'generate_settings', generate_get_default_fonts() ); - $buttons_family = generate_get_font_family_css( 'font_buttons', 'generate_settings', generate_get_default_fonts() ); - - $css->set_selector( 'body.gutenberg-editor-page .block-editor-block-list__block, body .editor-styles-wrapper' ); - $css->add_property( 'font-family', $body_family ); - $css->add_property( 'font-size', absint( $font_settings['body_font_size'] ), false, 'px' ); - - if ( $color_settings['content_text_color'] ) { - $css->add_property( 'color', $color_settings['content_text_color'] ); - } else { - $css->add_property( 'color', generate_get_option( 'text_color' ) ); - } - - $css->set_selector( '.content-title-visibility' ); - - if ( $color_settings['content_text_color'] ) { - $css->add_property( 'color', $color_settings['content_text_color'] ); - } else { - $css->add_property( 'color', generate_get_option( 'text_color' ) ); - } - - $css->set_selector( 'body .editor-styles-wrapper, body .editor-styles-wrapper p, body .editor-styles-wrapper .mce-content-body' ); - $css->add_property( 'line-height', floatval( $font_settings['body_line_height'] ) ); - - $css->set_selector( 'body .editor-styles-wrapper p' ); - $css->add_property( 'margin-top', '0px' ); - $css->add_property( 'margin-bottom', $font_settings['paragraph_margin'], false, 'em' ); - - $css->set_selector( 'body .editor-styles-wrapper h1, .wp-block-heading h1.editor-rich-text__tinymce, .editor-post-title__block .editor-post-title__input' ); - $css->add_property( 'font-family', 'inherit' === $h1_family || '' === $h1_family ? $body_family : $h1_family ); - $css->add_property( 'font-weight', $font_settings['heading_1_weight'] ); - $css->add_property( 'text-transform', $font_settings['heading_1_transform'] ); - $css->add_property( 'font-size', absint( $font_settings['heading_1_font_size'] ), false, 'px' ); - $css->add_property( 'line-height', floatval( $font_settings['heading_1_line_height'] ), false, 'em' ); - $css->add_property( 'margin-bottom', floatval( $font_settings['heading_1_margin_bottom'] ), false, 'px' ); - $css->add_property( 'margin-top', '0' ); - - if ( $color_settings['h1_color'] ) { - $css->add_property( 'color', $color_settings['h1_color'] ); - } elseif ( $color_settings['content_text_color'] ) { - $css->add_property( 'color', $color_settings['content_text_color'] ); - } else { - $css->add_property( 'color', generate_get_option( 'text_color' ) ); - } - - if ( $color_settings['content_title_color'] ) { - $css->set_selector( '.editor-post-title__block .editor-post-title__input' ); - $css->add_property( 'color', $color_settings['content_title_color'] ); - } - - $css->set_selector( 'body .editor-styles-wrapper h2, .wp-block-heading h2.editor-rich-text__tinymce' ); - $css->add_property( 'font-family', $h2_family ); - $css->add_property( 'font-weight', $font_settings['heading_2_weight'] ); - $css->add_property( 'text-transform', $font_settings['heading_2_transform'] ); - $css->add_property( 'font-size', absint( $font_settings['heading_2_font_size'] ), false, 'px' ); - $css->add_property( 'line-height', floatval( $font_settings['heading_2_line_height'] ), false, 'em' ); - $css->add_property( 'margin-bottom', floatval( $font_settings['heading_2_margin_bottom'] ), false, 'px' ); - $css->add_property( 'margin-top', '0' ); - - if ( $color_settings['h2_color'] ) { - $css->add_property( 'color', $color_settings['h2_color'] ); - } elseif ( $color_settings['content_text_color'] ) { - $css->add_property( 'color', $color_settings['content_text_color'] ); - } else { - $css->add_property( 'color', generate_get_option( 'text_color' ) ); - } - - $css->set_selector( 'body .editor-styles-wrapper h3, .wp-block-heading h3.editor-rich-text__tinymce' ); - $css->add_property( 'font-family', $h3_family ); - $css->add_property( 'font-weight', $font_settings['heading_3_weight'] ); - $css->add_property( 'text-transform', $font_settings['heading_3_transform'] ); - $css->add_property( 'font-size', absint( $font_settings['heading_3_font_size'] ), false, 'px' ); - $css->add_property( 'line-height', floatval( $font_settings['heading_3_line_height'] ), false, 'em' ); - $css->add_property( 'margin-bottom', floatval( $font_settings['heading_3_margin_bottom'] ), false, 'px' ); - $css->add_property( 'margin-top', '0' ); - - if ( $color_settings['h3_color'] ) { - $css->add_property( 'color', $color_settings['h3_color'] ); - } elseif ( $color_settings['content_text_color'] ) { - $css->add_property( 'color', $color_settings['content_text_color'] ); - } else { - $css->add_property( 'color', generate_get_option( 'text_color' ) ); - } - - $css->set_selector( 'body .editor-styles-wrapper h4, .wp-block-heading h4.editor-rich-text__tinymce' ); - $css->add_property( 'font-family', $h4_family ); - $css->add_property( 'font-weight', $font_settings['heading_4_weight'] ); - $css->add_property( 'text-transform', $font_settings['heading_4_transform'] ); - $css->add_property( 'margin-bottom', '20px' ); - $css->add_property( 'margin-top', '0' ); - - if ( '' !== $font_settings['heading_4_font_size'] ) { - $css->add_property( 'font-size', absint( $font_settings['heading_4_font_size'] ), false, 'px' ); - } else { - $css->add_property( 'font-size', 'inherit' ); - } - - if ( '' !== $font_settings['heading_4_line_height'] ) { - $css->add_property( 'line-height', floatval( $font_settings['heading_4_line_height'] ), false, 'em' ); - } - - if ( $color_settings['h4_color'] ) { - $css->add_property( 'color', $color_settings['h4_color'] ); - } elseif ( $color_settings['content_text_color'] ) { - $css->add_property( 'color', $color_settings['content_text_color'] ); - } else { - $css->add_property( 'color', generate_get_option( 'text_color' ) ); - } - - $css->set_selector( 'body .editor-styles-wrapper h5, .wp-block-heading h5.editor-rich-text__tinymce' ); - $css->add_property( 'font-family', $h5_family ); - $css->add_property( 'font-weight', $font_settings['heading_5_weight'] ); - $css->add_property( 'text-transform', $font_settings['heading_5_transform'] ); - $css->add_property( 'margin-bottom', '20px' ); - $css->add_property( 'margin-top', '0' ); - - if ( '' !== $font_settings['heading_5_font_size'] ) { - $css->add_property( 'font-size', absint( $font_settings['heading_5_font_size'] ), false, 'px' ); - } else { - $css->add_property( 'font-size', 'inherit' ); - } - - if ( '' !== $font_settings['heading_5_line_height'] ) { - $css->add_property( 'line-height', floatval( $font_settings['heading_5_line_height'] ), false, 'em' ); - } - - if ( $color_settings['h5_color'] ) { - $css->add_property( 'color', $color_settings['h5_color'] ); - } elseif ( $color_settings['content_text_color'] ) { - $css->add_property( 'color', $color_settings['content_text_color'] ); - } else { - $css->add_property( 'color', generate_get_option( 'text_color' ) ); - } - - $css->set_selector( 'body .editor-styles-wrapper h6, .wp-block-heading h6.editor-rich-text__tinymce' ); - $css->add_property( 'font-family', $h6_family ); - $css->add_property( 'font-weight', $font_settings['heading_6_weight'] ); - $css->add_property( 'text-transform', $font_settings['heading_6_transform'] ); - $css->add_property( 'margin-bottom', '20px' ); - $css->add_property( 'margin-top', '0' ); - - if ( '' !== $font_settings['heading_6_font_size'] ) { - $css->add_property( 'font-size', absint( $font_settings['heading_6_font_size'] ), false, 'px' ); - } else { - $css->add_property( 'font-size', 'inherit' ); - } - - if ( '' !== $font_settings['heading_6_line_height'] ) { - $css->add_property( 'line-height', floatval( $font_settings['heading_6_line_height'] ), false, 'em' ); - } - - if ( $color_settings['h6_color'] ) { - $css->add_property( 'color', $color_settings['h6_color'] ); - } elseif ( $color_settings['content_text_color'] ) { - $css->add_property( 'color', $color_settings['content_text_color'] ); - } else { - $css->add_property( 'color', generate_get_option( 'text_color' ) ); - } - - $css->set_selector( '.editor-styles-wrapper a.button, .block-editor-block-list__layout .wp-block-button .wp-block-button__link' ); - $css->add_property( 'font-family', $buttons_family ); - $css->add_property( 'font-weight', $font_settings['buttons_font_weight'] ); - $css->add_property( 'text-transform', $font_settings['buttons_font_transform'] ); - - if ( '' !== $font_settings['buttons_font_size'] ) { - $css->add_property( 'font-size', absint( $font_settings['buttons_font_size'] ), false, 'px' ); - } - - if ( version_compare( $GLOBALS['wp_version'], '5.7-alpha.1', '>' ) ) { - $css->set_selector( '.block-editor__container .edit-post-visual-editor' ); - $css->add_property( 'background-color', generate_get_option( 'background_color' ) ); - - $css->set_selector( '.block-editor__container .editor-styles-wrapper' ); - - if ( $color_settings['content_background_color'] ) { - $css->add_property( 'background-color', $color_settings['content_background_color'] ); - } else { - $css->add_property( 'background-color', generate_get_option( 'background_color' ) ); - } - } else { - $css->set_selector( 'body .editor-styles-wrapper' ); - $css->add_property( 'background-color', generate_get_option( 'background_color' ) ); - - if ( $color_settings['content_background_color'] ) { - $body_background = generate_get_option( 'background_color' ); - $content_background = $color_settings['content_background_color']; - - $css->add_property( 'background', 'linear-gradient(' . $content_background . ',' . $content_background . '), linear-gradient(' . $body_background . ',' . $body_background . ')' ); - } - } - - $css->set_selector( '.block-editor-block-list__block a, .block-editor-block-list__block a:visited' ); - - if ( $color_settings['content_link_color'] ) { - $css->add_property( 'color', $color_settings['content_link_color'] ); - } else { - $css->add_property( 'color', generate_get_option( 'link_color' ) ); - } - - $css->set_selector( '.block-editor-block-list__block a:hover, .block-editor-block-list__block a:focus, .block-editor-block-list__block a:active' ); - - if ( $color_settings['content_link_hover_color'] ) { - $css->add_property( 'color', $color_settings['content_link_hover_color'] ); - } else { - $css->add_property( 'color', generate_get_option( 'link_color_hover' ) ); - } - - return $css->css_output(); -} +post_type ) { + $layout = generate_get_option( 'single_layout_setting' ); + } + } + + // Add in our default filter in case people have adjusted it. + $layout = apply_filters( 'generate_sidebar_layout', $layout ); + + if ( $meta ) { + $layout_meta = get_post_meta( get_the_ID(), '_generate-sidebar-layout-meta', true ); + + if ( $layout_meta ) { + $layout = $layout_meta; + } + } + + return apply_filters( 'generate_block_editor_sidebar_layout', $layout ); +} + +/** + * Check whether we're disabling the content title or not. + * We need this function as the post meta in generate_show_title() only runs + * on is_singular() + * + * @since 2.2 + */ +function generate_get_block_editor_show_content_title() { + $title = generate_show_title(); + + $disable_title = get_post_meta( get_the_ID(), '_generate-disable-headline', true ); + + if ( $disable_title ) { + $title = false; + } + + return apply_filters( 'generate_block_editor_show_content_title', $title ); +} + +/** + * Get the content width for this post. + * + * @since 2.2 + */ +function generate_get_block_editor_content_width() { + $container_width = generate_get_option( 'container_width' ); + + $content_width = $container_width; + + $right_sidebar_width = apply_filters( 'generate_right_sidebar_width', '25' ); + + $left_sidebar_width = apply_filters( 'generate_left_sidebar_width', '25' ); + + $layout = generate_get_block_editor_sidebar_layout(); + + if ( 'left-sidebar' === $layout ) { + $content_width = $container_width * ( ( 100 - $left_sidebar_width ) / 100 ); + } elseif ( 'right-sidebar' === $layout ) { + $content_width = $container_width * ( ( 100 - $right_sidebar_width ) / 100 ); + } elseif ( 'no-sidebar' === $layout ) { + $content_width = $container_width; + } else { + $content_width = $container_width * ( ( 100 - ( $left_sidebar_width + $right_sidebar_width ) ) / 100 ); + } + + return apply_filters( 'generate_block_editor_content_width', $content_width ); +} + +add_action( 'enqueue_block_editor_assets', 'generate_enqueue_google_fonts' ); +add_action( 'enqueue_block_editor_assets', 'generate_enqueue_backend_block_editor_assets' ); +/** + * Add CSS to the admin side of the block editor. + * + * @since 2.2 + */ +function generate_enqueue_backend_block_editor_assets() { + wp_enqueue_style( 'generate-block-editor-styles', get_template_directory_uri() . '/assets/css/admin/block-editor.css', false, GENERATE_VERSION, 'all' ); + wp_enqueue_script( 'generate-block-editor-tinycolor', get_template_directory_uri() . '/assets/js/admin/tinycolor.js', false, GENERATE_VERSION, true ); + wp_enqueue_script( 'generate-block-editor-scripts', get_template_directory_uri() . '/assets/js/admin/block-editor.js', array( 'jquery', 'generate-block-editor-tinycolor' ), GENERATE_VERSION, true ); + + $show_editor_styles = apply_filters( 'generate_show_block_editor_styles', true ); + + if ( $show_editor_styles ) { + wp_add_inline_style( 'generate-block-editor-styles', wp_strip_all_tags( generate_do_inline_block_editor_css() ) ); + + if ( generate_is_using_dynamic_typography() ) { + wp_enqueue_style( 'generate-editor-typography', get_template_directory_uri() . '/assets/css/admin/editor-typography.css', false, GENERATE_VERSION, 'all' ); + wp_add_inline_style( 'generate-editor-typography', wp_strip_all_tags( GeneratePress_Typography::get_css( 'core', 'editor' ) ) ); + } + } + + wp_enqueue_script( + 'generate-block-editor', + trailingslashit( get_template_directory_uri() ) . 'assets/dist/block-editor.js', + array( 'wp-i18n', 'wp-components', 'wp-element' ), + GENERATE_VERSION, + true + ); + + $color_settings = wp_parse_args( + get_option( 'generate_settings', array() ), + generate_get_color_defaults() + ); + + $spacing_settings = wp_parse_args( + get_option( 'generate_spacing_settings', array() ), + generate_spacing_get_defaults() + ); + + $text_color = generate_get_option( 'text_color' ); + + if ( $color_settings['content_text_color'] ) { + $text_color = $color_settings['content_text_color']; + } + + wp_localize_script( + 'generate-block-editor-scripts', + 'generate_block_editor', + array( + 'global_sidebar_layout' => generate_get_block_editor_sidebar_layout( false ), + 'container_width' => generate_get_option( 'container_width' ), + 'right_sidebar_width' => apply_filters( 'generate_right_sidebar_width', '25' ), + 'left_sidebar_width' => apply_filters( 'generate_left_sidebar_width', '25' ), + 'content_padding_right' => absint( $spacing_settings['content_right'] ) . 'px', + 'content_padding_left' => absint( $spacing_settings['content_left'] ) . 'px', + 'content_title' => generate_get_block_editor_show_content_title() ? 'true' : 'false', + 'disable_content_title' => esc_html__( 'Disable Content Title', 'generatepress' ), + 'show_content_title' => esc_html__( 'Show Content Title', 'generatepress' ), + 'text_color' => $text_color, + 'show_editor_styles' => $show_editor_styles, + ) + ); +} + +/** + * Write our CSS for the block editor. + * + * @since 2.2 + */ +function generate_do_inline_block_editor_css() { + $color_settings = wp_parse_args( + get_option( 'generate_settings', array() ), + generate_get_color_defaults() + ); + + $font_settings = wp_parse_args( + get_option( 'generate_settings', array() ), + generate_get_default_fonts() + ); + + $css = new GeneratePress_CSS(); + + $content_width = generate_get_block_editor_content_width(); + + $spacing_settings = wp_parse_args( + get_option( 'generate_spacing_settings', array() ), + generate_spacing_get_defaults() + ); + + $content_width_calc = sprintf( + 'calc(%1$s - %2$s - %3$s)', + absint( $content_width ) . 'px', + absint( $spacing_settings['content_left'] ) . 'px', + absint( $spacing_settings['content_right'] ) . 'px' + ); + + $css->set_selector( ':root' ); + + $global_colors = generate_get_global_colors(); + + if ( ! empty( $global_colors ) ) { + foreach ( (array) $global_colors as $key => $data ) { + if ( ! empty( $data['slug'] ) && ! empty( $data['color'] ) ) { + $css->add_property( '--' . $data['slug'], $data['color'] ); + } + } + + foreach ( (array) $global_colors as $key => $data ) { + if ( ! empty( $data['slug'] ) && ! empty( $data['color'] ) ) { + $css->set_selector( '.has-' . $data['slug'] . '-color' ); + $css->add_property( 'color', $data['color'] ); + + $css->set_selector( '.has-' . $data['slug'] . '-background-color' ); + $css->add_property( 'background-color', $data['color'] ); + } + } + } + + $css->set_selector( 'body .wp-block, html body.gutenberg-editor-page .editor-post-title__block, html body.gutenberg-editor-page .editor-default-block-appender, html body.gutenberg-editor-page .editor-block-list__block' ); + + if ( 'true' === get_post_meta( get_the_ID(), '_generate-full-width-content', true ) ) { + $css->add_property( 'max-width', '100%' ); + } else { + $css->add_property( 'max-width', $content_width_calc ); + } + + $css->set_selector( 'html body.gutenberg-editor-page .block-editor-block-list__block[data-align="full"]' ); + $css->add_property( 'max-width', 'none' ); + + $css->set_selector( '.wp-block[data-align="wide"]' ); + $css->add_property( 'max-width', absint( $content_width ), false, 'px' ); + + $underline_links = generate_get_option( 'underline_links' ); + + if ( 'never' !== $underline_links ) { + if ( 'always' === $underline_links ) { + $css->set_selector( '.wp-block a' ); + $css->add_property( 'text-decoration', 'underline' ); + } + + if ( 'hover' === $underline_links ) { + $css->set_selector( '.wp-block a:hover, .wp-block a:focus' ); + $css->add_property( 'text-decoration', 'underline' ); + } + + if ( 'not-hover' === $underline_links ) { + $css->set_selector( '.wp-block a' ); + $css->add_property( 'text-decoration', 'underline' ); + + $css->set_selector( '.wp-block a:hover, .wp-block a:focus' ); + $css->add_property( 'text-decoration', 'none' ); + } + + $css->set_selector( 'a.button, .wp-block-button__link' ); + $css->add_property( 'text-decoration', 'none' ); + } + + if ( apply_filters( 'generate_do_group_inner_container_style', true ) ) { + $css->set_selector( '.wp-block-group__inner-container' ); + $css->add_property( 'max-width', absint( $content_width ), false, 'px' ); + $css->add_property( 'margin-left', 'auto' ); + $css->add_property( 'margin-right', 'auto' ); + $css->add_property( 'padding', generate_padding_css( $spacing_settings['content_top'], $spacing_settings['content_right'], $spacing_settings['content_bottom'], $spacing_settings['content_left'] ) ); + } + + $css->set_selector( '.editor-styles-wrapper a.button, .editor-styles-wrapper a.button:visited, .wp-block-button__link:not(.has-background)' ); + $css->add_property( 'color', $color_settings['form_button_text_color'] ); + $css->add_property( 'background-color', $color_settings['form_button_background_color'] ); + $css->add_property( 'padding', '10px 20px' ); + $css->add_property( 'border', '0' ); + $css->add_property( 'border-radius', '0' ); + + $css->set_selector( '.editor-styles-wrapper a.button:hover, .editor-styles-wrapper a.button:active, .editor-styles-wrapper a.button:focus, .wp-block-button__link:not(.has-background):active, .wp-block-button__link:not(.has-background):focus, .wp-block-button__link:not(.has-background):hover' ); + $css->add_property( 'color', $color_settings['form_button_text_color_hover'] ); + $css->add_property( 'background-color', $color_settings['form_button_background_color_hover'] ); + + if ( ! generate_is_using_dynamic_typography() ) { + $body_family = generate_get_font_family_css( 'font_body', 'generate_settings', generate_get_default_fonts() ); + $h1_family = generate_get_font_family_css( 'font_heading_1', 'generate_settings', generate_get_default_fonts() ); + $h2_family = generate_get_font_family_css( 'font_heading_2', 'generate_settings', generate_get_default_fonts() ); + $h3_family = generate_get_font_family_css( 'font_heading_3', 'generate_settings', generate_get_default_fonts() ); + $h4_family = generate_get_font_family_css( 'font_heading_4', 'generate_settings', generate_get_default_fonts() ); + $h5_family = generate_get_font_family_css( 'font_heading_5', 'generate_settings', generate_get_default_fonts() ); + $h6_family = generate_get_font_family_css( 'font_heading_6', 'generate_settings', generate_get_default_fonts() ); + $buttons_family = generate_get_font_family_css( 'font_buttons', 'generate_settings', generate_get_default_fonts() ); + } + + $css->set_selector( 'body.gutenberg-editor-page .block-editor-block-list__block, body .editor-styles-wrapper' ); + + if ( ! generate_is_using_dynamic_typography() ) { + $css->add_property( 'font-family', $body_family ); + $css->add_property( 'font-size', absint( $font_settings['body_font_size'] ), false, 'px' ); + } + + if ( $color_settings['content_text_color'] ) { + $css->add_property( 'color', $color_settings['content_text_color'] ); + } else { + $css->add_property( 'color', generate_get_option( 'text_color' ) ); + } + + $css->set_selector( '.content-title-visibility' ); + + if ( $color_settings['content_text_color'] ) { + $css->add_property( 'color', $color_settings['content_text_color'] ); + } else { + $css->add_property( 'color', generate_get_option( 'text_color' ) ); + } + + if ( ! generate_is_using_dynamic_typography() ) { + $css->set_selector( 'body .editor-styles-wrapper, body .editor-styles-wrapper p, body .editor-styles-wrapper .mce-content-body' ); + $css->add_property( 'line-height', floatval( $font_settings['body_line_height'] ) ); + + $css->set_selector( 'body .editor-styles-wrapper p' ); + $css->add_property( 'margin-top', '0px' ); + $css->add_property( 'margin-bottom', $font_settings['paragraph_margin'], false, 'em' ); + } + + $css->set_selector( 'body .editor-styles-wrapper h1, .wp-block-heading h1.editor-rich-text__tinymce, .editor-styles-wrapper .editor-post-title__input' ); + + if ( ! generate_is_using_dynamic_typography() ) { + $css->add_property( 'font-family', 'inherit' === $h1_family || '' === $h1_family ? $body_family : $h1_family ); + $css->add_property( 'font-weight', $font_settings['heading_1_weight'] ); + $css->add_property( 'text-transform', $font_settings['heading_1_transform'] ); + $css->add_property( 'font-size', absint( $font_settings['heading_1_font_size'] ), false, 'px' ); + $css->add_property( 'line-height', floatval( $font_settings['heading_1_line_height'] ), false, 'em' ); + $css->add_property( 'margin-bottom', floatval( $font_settings['heading_1_margin_bottom'] ), false, 'px' ); + $css->add_property( 'margin-top', '0' ); + } + + if ( $color_settings['h1_color'] ) { + $css->add_property( 'color', $color_settings['h1_color'] ); + } elseif ( $color_settings['content_text_color'] ) { + $css->add_property( 'color', $color_settings['content_text_color'] ); + } else { + $css->add_property( 'color', generate_get_option( 'text_color' ) ); + } + + if ( $color_settings['content_title_color'] ) { + $css->set_selector( '.editor-styles-wrapper .editor-post-title__input' ); + $css->add_property( 'color', $color_settings['content_title_color'] ); + } + + $css->set_selector( 'body .editor-styles-wrapper h2, .wp-block-heading h2.editor-rich-text__tinymce' ); + + if ( ! generate_is_using_dynamic_typography() ) { + $css->add_property( 'font-family', $h2_family ); + $css->add_property( 'font-weight', $font_settings['heading_2_weight'] ); + $css->add_property( 'text-transform', $font_settings['heading_2_transform'] ); + $css->add_property( 'font-size', absint( $font_settings['heading_2_font_size'] ), false, 'px' ); + $css->add_property( 'line-height', floatval( $font_settings['heading_2_line_height'] ), false, 'em' ); + $css->add_property( 'margin-bottom', floatval( $font_settings['heading_2_margin_bottom'] ), false, 'px' ); + $css->add_property( 'margin-top', '0' ); + } + + if ( $color_settings['h2_color'] ) { + $css->add_property( 'color', $color_settings['h2_color'] ); + } elseif ( $color_settings['content_text_color'] ) { + $css->add_property( 'color', $color_settings['content_text_color'] ); + } else { + $css->add_property( 'color', generate_get_option( 'text_color' ) ); + } + + $css->set_selector( 'body .editor-styles-wrapper h3, .wp-block-heading h3.editor-rich-text__tinymce' ); + + if ( ! generate_is_using_dynamic_typography() ) { + $css->add_property( 'font-family', $h3_family ); + $css->add_property( 'font-weight', $font_settings['heading_3_weight'] ); + $css->add_property( 'text-transform', $font_settings['heading_3_transform'] ); + $css->add_property( 'font-size', absint( $font_settings['heading_3_font_size'] ), false, 'px' ); + $css->add_property( 'line-height', floatval( $font_settings['heading_3_line_height'] ), false, 'em' ); + $css->add_property( 'margin-bottom', floatval( $font_settings['heading_3_margin_bottom'] ), false, 'px' ); + $css->add_property( 'margin-top', '0' ); + } + + if ( $color_settings['h3_color'] ) { + $css->add_property( 'color', $color_settings['h3_color'] ); + } elseif ( $color_settings['content_text_color'] ) { + $css->add_property( 'color', $color_settings['content_text_color'] ); + } else { + $css->add_property( 'color', generate_get_option( 'text_color' ) ); + } + + $css->set_selector( 'body .editor-styles-wrapper h4, .wp-block-heading h4.editor-rich-text__tinymce' ); + + if ( ! generate_is_using_dynamic_typography() ) { + $css->add_property( 'font-family', $h4_family ); + $css->add_property( 'font-weight', $font_settings['heading_4_weight'] ); + $css->add_property( 'text-transform', $font_settings['heading_4_transform'] ); + $css->add_property( 'margin-bottom', '20px' ); + $css->add_property( 'margin-top', '0' ); + + if ( '' !== $font_settings['heading_4_font_size'] ) { + $css->add_property( 'font-size', absint( $font_settings['heading_4_font_size'] ), false, 'px' ); + } else { + $css->add_property( 'font-size', 'inherit' ); + } + + if ( '' !== $font_settings['heading_4_line_height'] ) { + $css->add_property( 'line-height', floatval( $font_settings['heading_4_line_height'] ), false, 'em' ); + } + } + + if ( $color_settings['h4_color'] ) { + $css->add_property( 'color', $color_settings['h4_color'] ); + } elseif ( $color_settings['content_text_color'] ) { + $css->add_property( 'color', $color_settings['content_text_color'] ); + } else { + $css->add_property( 'color', generate_get_option( 'text_color' ) ); + } + + $css->set_selector( 'body .editor-styles-wrapper h5, .wp-block-heading h5.editor-rich-text__tinymce' ); + + if ( ! generate_is_using_dynamic_typography() ) { + $css->add_property( 'font-family', $h5_family ); + $css->add_property( 'font-weight', $font_settings['heading_5_weight'] ); + $css->add_property( 'text-transform', $font_settings['heading_5_transform'] ); + $css->add_property( 'margin-bottom', '20px' ); + $css->add_property( 'margin-top', '0' ); + + if ( '' !== $font_settings['heading_5_font_size'] ) { + $css->add_property( 'font-size', absint( $font_settings['heading_5_font_size'] ), false, 'px' ); + } else { + $css->add_property( 'font-size', 'inherit' ); + } + + if ( '' !== $font_settings['heading_5_line_height'] ) { + $css->add_property( 'line-height', floatval( $font_settings['heading_5_line_height'] ), false, 'em' ); + } + } + + if ( $color_settings['h5_color'] ) { + $css->add_property( 'color', $color_settings['h5_color'] ); + } elseif ( $color_settings['content_text_color'] ) { + $css->add_property( 'color', $color_settings['content_text_color'] ); + } else { + $css->add_property( 'color', generate_get_option( 'text_color' ) ); + } + + $css->set_selector( 'body .editor-styles-wrapper h6, .wp-block-heading h6.editor-rich-text__tinymce' ); + + if ( ! generate_is_using_dynamic_typography() ) { + $css->add_property( 'font-family', $h6_family ); + $css->add_property( 'font-weight', $font_settings['heading_6_weight'] ); + $css->add_property( 'text-transform', $font_settings['heading_6_transform'] ); + $css->add_property( 'margin-bottom', '20px' ); + $css->add_property( 'margin-top', '0' ); + + if ( '' !== $font_settings['heading_6_font_size'] ) { + $css->add_property( 'font-size', absint( $font_settings['heading_6_font_size'] ), false, 'px' ); + } else { + $css->add_property( 'font-size', 'inherit' ); + } + + if ( '' !== $font_settings['heading_6_line_height'] ) { + $css->add_property( 'line-height', floatval( $font_settings['heading_6_line_height'] ), false, 'em' ); + } + } + + if ( $color_settings['h6_color'] ) { + $css->add_property( 'color', $color_settings['h6_color'] ); + } elseif ( $color_settings['content_text_color'] ) { + $css->add_property( 'color', $color_settings['content_text_color'] ); + } else { + $css->add_property( 'color', generate_get_option( 'text_color' ) ); + } + + $css->set_selector( '.editor-styles-wrapper a.button, .block-editor-block-list__layout .wp-block-button .wp-block-button__link' ); + + if ( ! generate_is_using_dynamic_typography() ) { + $css->add_property( 'font-family', $buttons_family ); + $css->add_property( 'font-weight', $font_settings['buttons_font_weight'] ); + $css->add_property( 'text-transform', $font_settings['buttons_font_transform'] ); + + if ( '' !== $font_settings['buttons_font_size'] ) { + $css->add_property( 'font-size', absint( $font_settings['buttons_font_size'] ), false, 'px' ); + } else { + $css->add_property( 'font-size', 'inherit' ); + } + } + + if ( version_compare( $GLOBALS['wp_version'], '5.7-alpha.1', '>' ) ) { + $css->set_selector( '.block-editor__container .edit-post-visual-editor' ); + $css->add_property( 'background-color', generate_get_option( 'background_color' ) ); + + $css->set_selector( '.block-editor__container .editor-styles-wrapper' ); + + if ( $color_settings['content_background_color'] ) { + $css->add_property( 'background-color', $color_settings['content_background_color'] ); + } else { + $css->add_property( 'background-color', generate_get_option( 'background_color' ) ); + } + } else { + $css->set_selector( 'body .editor-styles-wrapper' ); + $css->add_property( 'background-color', generate_get_option( 'background_color' ) ); + + if ( $color_settings['content_background_color'] ) { + $body_background = generate_get_option( 'background_color' ); + $content_background = $color_settings['content_background_color']; + + $css->add_property( 'background', 'linear-gradient(' . $content_background . ',' . $content_background . '), linear-gradient(' . $body_background . ',' . $body_background . ')' ); + } + } + + $css->set_selector( '.block-editor-block-list__block a, .block-editor-block-list__block a:visited' ); + + if ( $color_settings['content_link_color'] ) { + $css->add_property( 'color', $color_settings['content_link_color'] ); + } else { + $css->add_property( 'color', generate_get_option( 'link_color' ) ); + } + + $css->set_selector( '.block-editor-block-list__block a:hover, .block-editor-block-list__block a:focus, .block-editor-block-list__block a:active' ); + + if ( $color_settings['content_link_hover_color'] ) { + $css->add_property( 'color', $color_settings['content_link_hover_color'] ); + } else { + $css->add_property( 'color', generate_get_option( 'link_color_hover' ) ); + } + + return $css->css_output(); +} diff --git a/wp-content/themes/generatepress/inc/class-dashboard.php b/wp-content/themes/generatepress/inc/class-dashboard.php new file mode 100644 index 00000000..538c6826 --- /dev/null +++ b/wp-content/themes/generatepress/inc/class-dashboard.php @@ -0,0 +1,266 @@ +id, $dashboard_pages ) ) { + $classes .= ' generate-dashboard-page'; + } + + return $classes; + } + + /** + * Build our Dashboard header. + */ + public static function header() { + ?> +
+
+

+ + +

+
+ + +
+ array( + 'name' => __( 'Dashboard', 'generatepress' ), + 'url' => admin_url( 'themes.php?page=generate-options' ), + 'class' => 'appearance_page_generate-options' === $screen->id ? 'active' : '', + ), + ) + ); + + if ( ! defined( 'GP_PREMIUM_VERSION' ) ) { + $tabs['premium'] = array( + 'name' => __( 'Premium', 'generatepress' ), + 'url' => 'https://generatepress.com/premium', + 'class' => '', + 'external' => true, + ); + } + + $tabs['support'] = array( + 'name' => __( 'Support', 'generatepress' ), + 'url' => 'https://generatepress.com/support', + 'class' => '', + 'external' => true, + ); + + $tabs['documentation'] = array( + 'name' => __( 'Documentation', 'generatepress' ), + 'url' => 'https://docs.generatepress.com', + 'class' => '', + 'external' => true, + ); + ?> +
+ %3$s', + esc_url( $tab['url'] ), + esc_attr( $tab['class'] ), + esc_html( $tab['name'] ), + ! empty( $tab['external'] ) ? 'target="_blank" rel="noreferrer noopener"' : '' + ); + } + ?> +
+ id, $dashboard_pages ) ) { + self::header(); + + /** + * generate_dashboard_after_header hook. + * + * @since 2.0 + */ + do_action( 'generate_dashboard_after_header' ); + } + } + + /** + * Add our scripts to the page. + */ + public function enqueue_scripts() { + $dashboard_pages = self::get_pages(); + $current_screen = get_current_screen(); + + if ( in_array( $current_screen->id, $dashboard_pages ) ) { + wp_enqueue_style( + 'generate-dashboard', + get_template_directory_uri() . '/assets/dist/style-dashboard.css', + array( 'wp-components' ), + GENERATE_VERSION + ); + + if ( 'appearance_page_generate-options' === $current_screen->id ) { + wp_enqueue_script( + 'generate-dashboard', + get_template_directory_uri() . '/assets/dist/dashboard.js', + array( 'wp-api', 'wp-i18n', 'wp-components', 'wp-element', 'wp-api-fetch' ), + GENERATE_VERSION, + true + ); + + wp_set_script_translations( 'generate-dashboard', 'generatepress' ); + + wp_localize_script( + 'generate-dashboard', + 'generateDashboard', + array( + 'hasPremium' => defined( 'GP_PREMIUM_VERSION' ), + 'customizeSectionUrls' => array( + 'siteIdentitySection' => admin_url( 'customize.php?autofocus[section]=title_tagline' ), + 'colorsSection' => admin_url( 'customize.php?autofocus[section]=generate_colors_section' ), + 'typographySection' => admin_url( 'customize.php?autofocus[section]=generate_typography_section' ), + 'layoutSection' => admin_url( 'customize.php?autofocus[section]=generate_layout_panel' ), + ), + ) + ); + } + } + } + + /** + * Add the HTML for our page. + */ + public function page() { + ?> +
+
+ +
+
+
'; + } + + /** + * Add the container for our start customizing app. + */ + public function go_pro() { + echo '
'; + } + + /** + * Add the container for our reset app. + */ + public function reset() { + echo '
'; + } +} + +GeneratePress_Dashboard::get_instance(); diff --git a/wp-content/themes/generatepress/inc/class-html-attributes.php b/wp-content/themes/generatepress/inc/class-html-attributes.php new file mode 100644 index 00000000..2c9e391a --- /dev/null +++ b/wp-content/themes/generatepress/inc/class-html-attributes.php @@ -0,0 +1,465 @@ +top_bar( $attributes ); + + case 'inside-top-bar': + return $this->inside_top_bar( $attributes ); + + case 'header': + return $this->site_header( $attributes ); + + case 'inside-header': + return $this->inside_site_header( $attributes ); + + case 'menu-toggle': + return $this->menu_toggle( $attributes ); + + case 'navigation': + return $this->primary_navigation( $attributes ); + + case 'inside-navigation': + return $this->primary_inner_navigation( $attributes ); + + case 'mobile-menu-control-wrapper': + return $this->mobile_menu_control_wrapper( $attributes ); + + case 'site-info': + return $this->site_info( $attributes ); + + case 'inside-site-info': + return $this->inside_site_info( $attributes ); + + case 'entry-header': + return $this->entry_header( $attributes ); + + case 'page-header': + return $this->page_header( $attributes ); + + case 'site-content': + return $this->site_content( $attributes ); + + case 'page': + return $this->page( $attributes ); + + case 'content': + return $this->content( $attributes ); + + case 'main': + return $this->main( $attributes ); + + case 'post-navigation': + return $this->post_navigation( $attributes ); + + case 'left-sidebar': + return $this->left_sidebar( $attributes ); + + case 'right-sidebar': + return $this->right_sidebar( $attributes ); + + case 'footer-widgets-container': + return $this->footer_widgets_container( $attributes ); + + case 'comment-body': + return $this->comment_body( $attributes, $settings ); + + case 'comment-meta': + return $this->comment_meta( $attributes ); + + case 'footer-entry-meta': + return $this->footer_entry_meta( $attributes ); + } + + return $attributes; + } + + /** + * Add attributes to our top bar. + * + * @since 3.1.0 + * @param array $attributes The existing attributes. + */ + public function top_bar( $attributes ) { + $classes = generate_get_element_classes( 'top_bar' ); + + if ( $classes ) { + $attributes['class'] .= ' ' . join( ' ', $classes ); + } + + return $attributes; + } + + /** + * Add attributes to our inside top bar container. + * + * @since 3.1.0 + * @param array $attributes The existing attributes. + */ + public function inside_top_bar( $attributes ) { + $attributes['class'] .= ' inside-top-bar'; + + if ( 'contained' === generate_get_option( 'top_bar_inner_width' ) ) { + $attributes['class'] .= ' grid-container'; + + if ( ! generate_is_using_flexbox() ) { + $attributes['class'] .= ' grid-parent'; + } + } + + return $attributes; + } + + /** + * Add attributes to our site header. + * + * @since 3.1.0 + * @param array $attributes The existing attributes. + */ + public function site_header( $attributes ) { + $attributes['id'] = 'masthead'; + $attributes['aria-label'] = esc_attr__( 'Site', 'generatepress' ); + + return $attributes; + } + + /** + * Add attributes to our inside site header container. + * + * @since 3.1.0 + * @param array $attributes The existing attributes. + */ + public function inside_site_header( $attributes ) { + $classes = generate_get_element_classes( 'inside_header' ); + + if ( $classes ) { + $attributes['class'] .= ' ' . join( ' ', $classes ); + } + + return $attributes; + } + + /** + * Add attributes to our menu toggle. + * + * @since 3.1.0 + * @param array $attributes The existing attributes. + */ + public function menu_toggle( $attributes ) { + $attributes['class'] .= ' menu-toggle'; + $attributes['aria-controls'] = 'primary-menu'; + $attributes['aria-expanded'] = 'false'; + + return $attributes; + } + + /** + * Add attributes to our main navigation. + * + * @since 3.1.0 + * @param array $attributes The existing attributes. + */ + public function primary_navigation( $attributes ) { + $attributes['id'] = 'site-navigation'; + $attributes['aria-label'] = esc_attr__( 'Primary', 'generatepress' ); + + return $attributes; + } + + /** + * Add attributes to our main navigation. + * + * @since 3.1.0 + * @param array $attributes The existing attributes. + */ + public function primary_inner_navigation( $attributes ) { + $classes = generate_get_element_classes( 'inside_navigation' ); + + if ( $classes ) { + $attributes['class'] .= ' ' . join( ' ', $classes ); + } + + return $attributes; + } + + /** + * Add attributes to our main navigation. + * + * @since 3.1.0 + * @param array $attributes The existing attributes. + */ + public function mobile_menu_control_wrapper( $attributes ) { + $attributes['id'] = 'mobile-menu-control-wrapper'; + $attributes['class'] .= ' main-navigation mobile-menu-control-wrapper'; + $attributes['aria-label'] = esc_attr__( 'Mobile Toggle', 'generatepress' ); + + return $attributes; + } + + /** + * Add attributes to our footer element. + * + * @since 3.1.0 + * @param array $attributes The existing attributes. + */ + public function site_info( $attributes ) { + $attributes['class'] .= ' site-info'; + $attributes['aria-label'] = esc_attr__( 'Site', 'generatepress' ); + + return $attributes; + } + + /** + * Add attributes to our inside site info container. + * + * @since 3.1.0 + * @param array $attributes The existing attributes. + */ + public function inside_site_info( $attributes ) { + $attributes['class'] .= ' inside-site-info'; + + if ( 'full-width' !== generate_get_option( 'footer_inner_width' ) ) { + $attributes['class'] .= ' grid-container'; + + if ( ! generate_is_using_flexbox() ) { + $attributes['class'] .= ' grid-parent'; + } + } + + return $attributes; + } + + /** + * Add attributes to our entry headers. + * + * @since 3.1.0 + * @param array $attributes The existing attributes. + */ + public function entry_header( $attributes ) { + $attributes['class'] .= ' entry-header'; + $attributes['aria-label'] = esc_attr__( 'Content', 'generatepress' ); + + return $attributes; + } + + /** + * Add attributes to our page headers. + * + * @since 3.1.0 + * @param array $attributes The existing attributes. + */ + public function page_header( $attributes ) { + $attributes['class'] .= ' page-header'; + $attributes['aria-label'] = esc_attr__( 'Page', 'generatepress' ); + + return $attributes; + } + + /** + * Add attributes to our entry headers. + * + * @since 3.1.0 + * @param array $attributes The existing attributes. + */ + public function post_navigation( $attributes ) { + if ( is_single() ) { + $attributes['class'] .= ' post-navigation'; + $attributes['aria-label'] = esc_attr__( 'Single Post', 'generatepress' ); + } else { + $attributes['class'] .= ' paging-navigation'; + $attributes['aria-label'] = esc_attr__( 'Archive Page', 'generatepress' ); + } + + return $attributes; + } + + /** + * Add attributes to our page container. + * + * @since 3.1.0 + * @param array $attributes The existing attributes. + */ + public function page( $attributes ) { + $attributes['id'] = 'page'; + + return $attributes; + } + + /** + * Add attributes to our site content container. + * + * @since 3.1.0 + * @param array $attributes The existing attributes. + */ + public function site_content( $attributes ) { + $attributes['id'] = 'content'; + $attributes['class'] .= ' site-content'; + + return $attributes; + } + + /** + * Add attributes to our primary content container. + * + * @since 3.1.0 + * @param array $attributes The existing attributes. + */ + public function content( $attributes ) { + $attributes['id'] = 'primary'; + + return $attributes; + } + + /** + * Add attributes to our primary content container. + * + * @since 3.1.0 + * @param array $attributes The existing attributes. + */ + public function main( $attributes ) { + $attributes['id'] = 'main'; + + return $attributes; + } + + /** + * Add attributes to our left sidebar. + * + * @since 3.1.0 + * @param array $attributes The existing attributes. + */ + public function left_sidebar( $attributes ) { + $classes = generate_get_element_classes( 'left_sidebar' ); + + if ( $classes ) { + $attributes['class'] .= ' ' . join( ' ', $classes ); + } + + $attributes['id'] = 'left-sidebar'; + + return $attributes; + } + + /** + * Add attributes to our right sidebar. + * + * @since 3.1.0 + * @param array $attributes The existing attributes. + */ + public function right_sidebar( $attributes ) { + $classes = generate_get_element_classes( 'right_sidebar' ); + + if ( $classes ) { + $attributes['class'] .= ' ' . join( ' ', $classes ); + } + + $attributes['id'] = 'right-sidebar'; + + return $attributes; + } + + /** + * Add attributes to our footer widget inner container. + * + * @since 3.1.0 + * @param array $attributes The existing attributes. + */ + public function footer_widgets_container( $attributes ) { + $classes = generate_get_element_classes( 'inside_footer' ); + + if ( $classes ) { + $attributes['class'] .= ' ' . join( ' ', $classes ); + } + + return $attributes; + } + + /** + * Add attributes to our footer widget inner container. + * + * @since 3.1.0 + * @param array $attributes The existing attributes. + * @param array $settings Settings passed through the function. + */ + public function comment_body( $attributes, $settings ) { + $attributes['class'] .= ' comment-body'; + $attributes['id'] = 'div-comment-' . $settings['comment-id']; + + return $attributes; + } + + /** + * Add attributes to our comment meta. + * + * @since 3.1.0 + * @param array $attributes The existing attributes. + */ + public function comment_meta( $attributes ) { + $attributes['class'] .= ' comment-meta'; + $attributes['aria-label'] = esc_attr__( 'Comment meta', 'generatepress' ); + + return $attributes; + } + + /** + * Add attributes to our footer entry meta. + * + * @since 3.1.0 + * @param array $attributes The existing attributes. + */ + public function footer_entry_meta( $attributes ) { + $attributes['class'] .= ' entry-meta'; + $attributes['aria-label'] = esc_attr__( 'Entry meta', 'generatepress' ); + + return $attributes; + } +} + +GeneratePress_HTML_Attributes::get_instance(); diff --git a/wp-content/themes/generatepress/inc/class-rest.php b/wp-content/themes/generatepress/inc/class-rest.php new file mode 100644 index 00000000..6ecc3a03 --- /dev/null +++ b/wp-content/themes/generatepress/inc/class-rest.php @@ -0,0 +1,151 @@ +namespace . $this->version; + + register_rest_route( + $namespace, + '/reset/', + array( + 'methods' => WP_REST_Server::EDITABLE, + 'callback' => array( $this, 'reset' ), + 'permission_callback' => array( $this, 'update_settings_permission' ), + ) + ); + } + + /** + * Get edit options permissions. + * + * @return bool + */ + public function update_settings_permission() { + return current_user_can( 'manage_options' ); + } + + /** + * Reset settings. + * + * @param WP_REST_Request $request request object. + * + * @return mixed + */ + public function reset( WP_REST_Request $request ) { + delete_option( 'generate_settings' ); + delete_option( 'generate_dynamic_css_output' ); + delete_option( 'generate_dynamic_css_cached_version' ); + + return $this->success( __( 'Settings reset.', 'generatepress' ) ); + } + + /** + * Success rest. + * + * @param mixed $response response data. + * @return mixed + */ + public function success( $response ) { + return new WP_REST_Response( + array( + 'success' => true, + 'response' => $response, + ), + 200 + ); + } + + /** + * Failed rest. + * + * @param mixed $response response data. + * @return mixed + */ + public function failed( $response ) { + return new WP_REST_Response( + array( + 'success' => false, + 'response' => $response, + ), + 200 + ); + } + + /** + * Error rest. + * + * @param mixed $code error code. + * @param mixed $response response data. + * @return mixed + */ + public function error( $code, $response ) { + return new WP_REST_Response( + array( + 'error' => true, + 'success' => false, + 'error_code' => $code, + 'response' => $response, + ), + 401 + ); + } +} + +GeneratePress_Rest::get_instance(); diff --git a/wp-content/themes/generatepress/inc/class-theme-update.php b/wp-content/themes/generatepress/inc/class-theme-update.php index c83e726c..d6326326 100644 --- a/wp-content/themes/generatepress/inc/class-theme-update.php +++ b/wp-content/themes/generatepress/inc/class-theme-update.php @@ -1,327 +1,408 @@ - 'font', - 'structure' => 'floats', - 'hide_tagline' => '', - 'container_width' => '1100', - 'nav_position_setting' => 'nav-below-header', - 'container_alignment' => 'boxes', - 'background_color' => '#efefef', - 'text_color' => '#3a3a3a', - 'header_text_color' => '#3a3a3a', - 'header_link_color' => '#3a3a3a', - 'navigation_background_color' => '#222222', - 'navigation_text_color' => '#ffffff', - 'navigation_background_hover_color' => '#3f3f3f', - 'navigation_text_hover_color' => '#ffffff', - 'navigation_background_current_color' => '#3f3f3f', - 'navigation_text_current_color' => '#ffffff', - 'subnavigation_background_color' => '#3f3f3f', - 'subnavigation_text_color' => '#ffffff', - 'subnavigation_background_hover_color' => '#4f4f4f', - 'subnavigation_text_hover_color' => '#ffffff', - 'subnavigation_background_current_color' => '#4f4f4f', - 'subnavigation_text_current_color' => '#ffffff', - 'sidebar_widget_title_color' => '#000000', - 'site_title_font_size' => '45', - 'mobile_site_title_font_size' => '30', - 'form_button_background_color' => '#666666', - 'form_button_background_color_hover' => '#3f3f3f', - 'footer_background_color' => '#222222', - 'footer_link_hover_color' => '#606060', - 'entry_meta_link_color' => '#595959', - 'entry_meta_link_color_hover' => '#1e73be', - 'blog_post_title_color' => '', - 'blog_post_title_hover_color' => '', - 'heading_1_font_size' => '40', - 'mobile_heading_1_font_size' => '30', - 'heading_1_weight' => '300', - 'heading_2_font_size' => '30', - 'mobile_heading_2_font_size' => '25', - 'heading_2_weight' => '300', - 'heading_3_font_size' => '20', - 'mobile_heading_3_font_size' => '', - 'heading_4_font_size' => '', - 'mobile_heading_4_font_size' => '', - 'heading_5_font_size' => '', - 'mobile_heading_5_font_size' => '', - ); - - foreach ( $old_defaults as $key => $value ) { - if ( ! isset( $settings[ $key ] ) ) { - $settings[ $key ] = $value; - $update_options = true; - } - } - - if ( $update_options ) { - update_option( 'generate_settings', $settings ); - } - - $spacing_settings = get_option( 'generate_spacing_settings', array() ); - $update_spacing_options = false; - - $old_spacing_defaults = array( - 'left_sidebar_width' => '25', - 'right_sidebar_width' => '25', - 'top_bar_right' => '10', - 'top_bar_left' => '10', - 'mobile_top_bar_right' => '', - 'mobile_top_bar_left' => '', - 'header_top' => '40', - 'header_bottom' => '40', - 'mobile_header_right' => '', - 'mobile_header_left' => '', - 'mobile_widget_top' => '', - 'mobile_widget_right' => '', - 'mobile_widget_bottom' => '', - 'mobile_widget_left' => '', - 'mobile_footer_widget_container_top' => '', - 'mobile_footer_widget_container_right' => '', - 'mobile_footer_widget_container_bottom' => '', - 'mobile_footer_widget_container_left' => '', - 'footer_right' => '20', - 'footer_left' => '20', - 'mobile_footer_right' => '10', - 'mobile_footer_left' => '10', - ); - - foreach ( $old_spacing_defaults as $key => $value ) { - if ( ! isset( $spacing_settings[ $key ] ) ) { - $spacing_settings[ $key ] = $value; - $update_spacing_options = true; - } - } - - if ( $update_spacing_options ) { - update_option( 'generate_spacing_settings', $spacing_settings ); - } - - if ( $update_options || $update_spacing_options ) { - delete_option( 'generate_dynamic_css_output' ); - delete_option( 'generate_dynamic_css_cached_version' ); - - // Reset our dynamic CSS file updated time so it regenerates. - $dynamic_css_data = get_option( 'generatepress_dynamic_css_data', array() ); - - if ( ! empty( $dynamic_css_data ) ) { - if ( isset( $dynamic_css_data['updated_time'] ) ) { - unset( $dynamic_css_data['updated_time'] ); - } - - update_option( 'generatepress_dynamic_css_data', $dynamic_css_data ); - } - } - } -} - -GeneratePress_Theme_Update::get_instance(); + 'font', + 'structure' => 'floats', + 'hide_tagline' => '', + 'container_width' => '1100', + 'nav_position_setting' => 'nav-below-header', + 'container_alignment' => 'boxes', + 'background_color' => '#efefef', + 'text_color' => '#3a3a3a', + 'header_text_color' => '#3a3a3a', + 'header_link_color' => '#3a3a3a', + 'navigation_background_color' => '#222222', + 'navigation_text_color' => '#ffffff', + 'navigation_background_hover_color' => '#3f3f3f', + 'navigation_text_hover_color' => '#ffffff', + 'navigation_background_current_color' => '#3f3f3f', + 'navigation_text_current_color' => '#ffffff', + 'subnavigation_background_color' => '#3f3f3f', + 'subnavigation_text_color' => '#ffffff', + 'subnavigation_background_hover_color' => '#4f4f4f', + 'subnavigation_text_hover_color' => '#ffffff', + 'subnavigation_background_current_color' => '#4f4f4f', + 'subnavigation_text_current_color' => '#ffffff', + 'sidebar_widget_title_color' => '#000000', + 'site_title_font_size' => '45', + 'mobile_site_title_font_size' => '30', + 'form_button_background_color' => '#666666', + 'form_button_background_color_hover' => '#3f3f3f', + 'footer_background_color' => '#222222', + 'footer_link_hover_color' => '#606060', + 'entry_meta_link_color' => '#595959', + 'entry_meta_link_color_hover' => '#1e73be', + 'blog_post_title_color' => '', + 'blog_post_title_hover_color' => '', + 'heading_1_font_size' => '40', + 'mobile_heading_1_font_size' => '30', + 'heading_1_weight' => '300', + 'heading_2_font_size' => '30', + 'mobile_heading_2_font_size' => '25', + 'heading_2_weight' => '300', + 'heading_3_font_size' => '20', + 'mobile_heading_3_font_size' => '', + 'heading_4_font_size' => '', + 'mobile_heading_4_font_size' => '', + 'heading_5_font_size' => '', + 'mobile_heading_5_font_size' => '', + ); + + foreach ( $old_defaults as $key => $value ) { + if ( ! isset( $settings[ $key ] ) ) { + $settings[ $key ] = $value; + $update_options = true; + } + } + + if ( $update_options ) { + update_option( 'generate_settings', $settings ); + } + + $spacing_settings = get_option( 'generate_spacing_settings', array() ); + $update_spacing_options = false; + + $old_spacing_defaults = array( + 'left_sidebar_width' => '25', + 'right_sidebar_width' => '25', + 'top_bar_right' => '10', + 'top_bar_left' => '10', + 'mobile_top_bar_right' => '', + 'mobile_top_bar_left' => '', + 'header_top' => '40', + 'header_bottom' => '40', + 'mobile_header_right' => '', + 'mobile_header_left' => '', + 'mobile_widget_top' => '', + 'mobile_widget_right' => '', + 'mobile_widget_bottom' => '', + 'mobile_widget_left' => '', + 'mobile_footer_widget_container_top' => '', + 'mobile_footer_widget_container_right' => '', + 'mobile_footer_widget_container_bottom' => '', + 'mobile_footer_widget_container_left' => '', + 'footer_right' => '20', + 'footer_left' => '20', + 'mobile_footer_right' => '10', + 'mobile_footer_left' => '10', + ); + + foreach ( $old_spacing_defaults as $key => $value ) { + if ( ! isset( $spacing_settings[ $key ] ) ) { + $spacing_settings[ $key ] = $value; + $update_spacing_options = true; + } + } + + if ( $update_spacing_options ) { + update_option( 'generate_spacing_settings', $spacing_settings ); + } + + if ( $update_options || $update_spacing_options ) { + delete_option( 'generate_dynamic_css_output' ); + delete_option( 'generate_dynamic_css_cached_version' ); + + // Reset our dynamic CSS file updated time so it regenerates. + $dynamic_css_data = get_option( 'generatepress_dynamic_css_data', array() ); + + if ( ! empty( $dynamic_css_data ) ) { + if ( isset( $dynamic_css_data['updated_time'] ) ) { + unset( $dynamic_css_data['updated_time'] ); + } + + update_option( 'generatepress_dynamic_css_data', $dynamic_css_data ); + } + } + } + + /** + * Update sites using old defaults. + * + * @since 3.1.0 + */ + public static function v_3_1_0() { + $settings = get_option( 'generate_settings', array() ); + $update_options = false; + + $old_defaults = array( + 'underline_links' => 'never', + 'use_dynamic_typography' => false, + 'background_color' => '#f7f8f9', + 'text_color' => '#222222', + 'link_color' => '#1e73be', + 'link_color_hover' => '#000000', + 'header_background_color' => '#ffffff', + 'site_title_color' => '#222222', + 'site_tagline_color' => '#757575', + 'navigation_background_color' => '#ffffff', + 'navigation_background_hover_color' => '#ffffff', + 'navigation_background_current_color' => '#ffffff', + 'navigation_text_color' => '#515151', + 'navigation_text_hover_color' => '#7a8896', + 'navigation_text_current_color' => '#7a8896', + 'subnavigation_background_color' => '#eaeaea', + 'subnavigation_background_hover_color' => '#eaeaea', + 'subnavigation_background_current_color' => '#eaeaea', + 'subnavigation_text_color' => '#515151', + 'subnavigation_text_hover_color' => '#7a8896', + 'subnavigation_text_current_color' => '#7a8896', + 'content_background_color' => '#ffffff', + 'blog_post_title_color' => '#222222', + 'blog_post_title_hover_color' => '#55555e', + 'entry_meta_text_color' => '#595959', + 'sidebar_widget_background_color' => '#ffffff', + 'footer_widget_background_color' => '#ffffff', + 'footer_widget_title_color' => '#000000', + 'footer_background_color' => '#55555e', + 'footer_text_color' => '#ffffff', + 'footer_link_color' => '#ffffff', + 'footer_link_hover_color' => '#d3d3d3', + 'form_background_color' => '#fafafa', + 'form_text_color' => '#666666', + 'form_background_color_focus' => '#ffffff', + 'form_text_color_focus' => '#666666', + 'form_border_color' => '#cccccc', + 'form_border_color_focus' => '#bfbfbf', + ); + + foreach ( $old_defaults as $key => $value ) { + if ( ! isset( $settings[ $key ] ) ) { + $settings[ $key ] = $value; + $update_options = true; + } + } + + if ( $update_options ) { + update_option( 'generate_settings', $settings ); + } + } +} + +GeneratePress_Theme_Update::get_instance(); diff --git a/wp-content/themes/generatepress/inc/class-typography-migration.php b/wp-content/themes/generatepress/inc/class-typography-migration.php new file mode 100644 index 00000000..dff7b7be --- /dev/null +++ b/wp-content/themes/generatepress/inc/class-typography-migration.php @@ -0,0 +1,306 @@ + 'body', + 'legacy_prefix' => 'body', + 'group' => 'base', + 'module' => 'core', + ), + array( + 'selector' => 'top-bar', + 'legacy_prefix' => 'top_bar', + 'group' => 'widgets', + 'module' => 'core', + ), + array( + 'selector' => 'main-title', + 'legacy_prefix' => 'site_title', + 'group' => 'header', + 'module' => 'core', + ), + array( + 'selector' => 'site-description', + 'legacy_prefix' => 'site_tagline', + 'group' => 'header', + 'module' => 'core', + ), + array( + 'selector' => 'primary-menu-items', + 'legacy_prefix' => 'navigation', + 'group' => 'primaryNavigation', + 'module' => 'core', + ), + array( + 'selector' => 'widget-titles', + 'legacy_prefix' => 'widget_title', + 'group' => 'widgets', + 'module' => 'core', + ), + array( + 'selector' => 'buttons', + 'legacy_prefix' => 'buttons', + 'group' => 'content', + 'module' => 'core', + ), + array( + 'selector' => 'single-content-title', + 'legacy_prefix' => 'single_post_title', + 'group' => 'content', + 'module' => 'core', + ), + array( + 'selector' => 'archive-content-title', + 'legacy_prefix' => 'archive_post_title', + 'group' => 'content', + 'module' => 'core', + ), + array( + 'selector' => 'footer', + 'legacy_prefix' => 'footer', + 'group' => 'footer', + 'module' => 'core', + ), + ); + + $headings = array( + 'h1' => 'heading_1', + 'h2' => 'heading_2', + 'h3' => 'heading_3', + 'h4' => 'heading_4', + 'h5' => 'heading_5', + 'h6' => 'heading_6', + ); + + foreach ( $headings as $selector => $legacy_prefix ) { + $data[] = array( + 'selector' => $selector, + 'legacy_prefix' => $legacy_prefix, + 'group' => 'content', + 'module' => 'core', + ); + } + + if ( function_exists( 'generate_secondary_nav_typography_selectors' ) ) { + $data[] = array( + 'selector' => 'secondary-nav-menu-items', + 'legacy_prefix' => 'secondary_navigation', + 'group' => 'secondaryNavigation', + 'module' => 'secondary-nav', + ); + } + + if ( function_exists( 'generate_menu_plus_typography_selectors' ) ) { + $data[] = array( + 'selector' => 'off-canvas-panel-menu-items', + 'legacy_prefix' => 'slideout', + 'group' => 'offCanvasPanel', + 'module' => 'off-canvas-panel', + ); + } + + if ( function_exists( 'generate_woocommerce_typography_selectors' ) ) { + $data[] = array( + 'selector' => 'woocommerce-catalog-product-titles', + 'legacy_prefix' => 'wc_product_title', + 'group' => 'wooCommerce', + 'module' => 'woocommerce', + ); + + $data[] = array( + 'selector' => 'woocommerce-related-product-titles', + 'legacy_prefix' => 'wc_related_product_title', + 'group' => 'wooCommerce', + 'module' => 'woocommerce', + ); + } + + return $data; + } + + /** + * Check if we have a saved value. + * + * @param string $id The option ID. + * @param array $settings The saved settings. + * @param array $defaults The defaults. + */ + public static function has_saved_value( $id, $settings, $defaults ) { + return isset( $settings[ $id ] ) + && isset( $defaults[ $id ] ) + && $defaults[ $id ] !== $settings[ $id ] // Need this because the Customizer treats defaults as saved values. + && ( + ! empty( $settings[ $id ] ) + || 0 === $settings[ $id ] + ); + } + + /** + * Get all of our mapped typography data. + */ + public static function get_mapped_typography_data() { + $settings = get_option( 'generate_settings', array() ); + $defaults = generate_get_default_fonts(); + $typography_mapping = array(); + + // These options don't have "font" in their IDs. + $no_font_in_ids = array( + 'single_post_title', + 'archive_post_title', + ); + + for ( $headings = 1; $headings < 7; $headings++ ) { + $no_font_in_ids[] = 'heading_' . $headings; + } + + foreach ( self::get_option_prefixes() as $key => $data ) { + $legacy_setting_ids = array( + 'fontFamily' => 'font_' . $data['legacy_prefix'], + 'fontWeight' => $data['legacy_prefix'] . '_font_weight', + 'textTransform' => $data['legacy_prefix'] . '_font_transform', + 'fontSize' => $data['legacy_prefix'] . '_font_size', + 'fontSizeMobile' => 'mobile_' . $data['legacy_prefix'] . 'font_size', + 'lineHeight' => $data['legacy_prefix'] . '_line_height', + ); + + if ( 'slideout' === $data['legacy_prefix'] ) { + $legacy_setting_ids['fontSizeMobile'] = $data['legacy_prefix'] . '_mobile_font_size'; + } + + if ( in_array( $data['legacy_prefix'], $no_font_in_ids ) ) { + $legacy_setting_ids['fontWeight'] = $data['legacy_prefix'] . '_weight'; + $legacy_setting_ids['textTransform'] = $data['legacy_prefix'] . '_transform'; + } + + foreach ( $legacy_setting_ids as $name => $id ) { + if ( self::has_saved_value( $id, $settings, $defaults ) ) { + $typography_mapping[ $key ][ $name ] = $settings[ $id ]; + } + + if ( 'secondary_navigation' === $data['legacy_prefix'] && function_exists( 'generate_secondary_nav_get_defaults' ) ) { + $secondary_nav_settings = get_option( 'generate_secondary_nav_settings', array() ); + $secondary_nav_defaults = generate_secondary_nav_get_defaults(); + + if ( self::has_saved_value( $id, $secondary_nav_settings, $secondary_nav_defaults ) ) { + $typography_mapping[ $key ][ $name ] = $secondary_nav_settings[ $id ]; + } + } + } + + if ( 'body' === $key ) { + if ( self::has_saved_value( 'body_line_height', $settings, $defaults ) ) { + $typography_mapping[ $key ]['lineHeightUnit'] = ''; + } + + if ( self::has_saved_value( 'paragraph_margin', $settings, $defaults ) ) { + $typography_mapping[ $key ]['marginBottom'] = $settings['paragraph_margin']; + $typography_mapping[ $key ]['marginBottomUnit'] = 'em'; + } + } + + if ( 'widget-titles' === $key && self::has_saved_value( 'widget_title_separator', $settings, $defaults ) ) { + $typography_mapping[ $key ]['marginBottom'] = $settings['widget_title_separator']; + $typography_mapping[ $key ]['marginBottomUnit'] = 'px'; + } + + if ( 'h1' === $key || 'h2' === $key || 'h3' === $key ) { + if ( self::has_saved_value( $data['legacy_prefix'] . '_margin_bottom', $settings, $defaults ) ) { + $typography_mapping[ $key ]['marginBottom'] = $settings[ $data['legacy_prefix'] . '_margin_bottom' ]; + $typography_mapping[ $key ]['marginBottomUnit'] = 'px'; + } + } + + if ( isset( $typography_mapping[ $key ]['fontSize'] ) ) { + $typography_mapping[ $key ]['fontSizeUnit'] = 'px'; + } + + if ( isset( $typography_mapping[ $key ] ) ) { + $typography_mapping[ $key ]['selector'] = $data['selector']; + $typography_mapping[ $key ]['module'] = $data['module']; + $typography_mapping[ $key ]['group'] = $data['group']; + } + } + + // Reset array keys starting at 0. + $typography_mapping = array_values( $typography_mapping ); + + return $typography_mapping; + } + + /** + * Get all of our mapped font data. + */ + public static function get_mapped_font_data() { + $font_mapping = array(); + + foreach ( self::get_option_prefixes() as $key => $data ) { + $settings = get_option( 'generate_settings', array() ); + $defaults = generate_get_default_fonts(); + + if ( 'secondary_navigation' === $data['legacy_prefix'] && function_exists( 'generate_secondary_nav_get_defaults' ) ) { + $settings = get_option( 'generate_secondary_nav_settings', array() ); + $defaults = generate_secondary_nav_get_defaults(); + } + + if ( self::has_saved_value( 'font_' . $data['legacy_prefix'], $settings, $defaults ) ) { + $has_font = array_search( $settings[ 'font_' . $data['legacy_prefix'] ], array_column( $font_mapping, 'fontFamily' ) ); + + if ( false !== $has_font ) { + continue; + } + + $font_mapping[ $key ]['fontFamily'] = $settings[ 'font_' . $data['legacy_prefix'] ]; + + $local_fonts = generate_typography_default_fonts(); + + if ( ! in_array( $settings[ 'font_' . $data['legacy_prefix'] ], $local_fonts ) ) { + $font_mapping[ $key ]['googleFont'] = true; + $font_mapping[ $key ]['googleFontCategory'] = get_theme_mod( 'font_' . $data['legacy_prefix'] . '_category' ); + $font_mapping[ $key ]['googleFontVariants'] = get_theme_mod( 'font_' . $data['legacy_prefix'] . '_variants' ); + } + } + } + + // Reset array keys starting at 0. + $font_mapping = array_values( $font_mapping ); + + return $font_mapping; + } +} + +GeneratePress_Typography_Migration::get_instance(); diff --git a/wp-content/themes/generatepress/inc/class-typography.php b/wp-content/themes/generatepress/inc/class-typography.php new file mode 100644 index 00000000..4a2974f1 --- /dev/null +++ b/wp-content/themes/generatepress/inc/class-typography.php @@ -0,0 +1,383 @@ + implode( '|', $data ), + 'subset' => null, + 'display' => generate_get_option( 'google_font_display' ), + ) + ); + + $google_fonts_uri = add_query_arg( $font_args, 'https://fonts.googleapis.com/css' ); + wp_enqueue_style( 'generate-google-fonts', $google_fonts_uri, array(), GENERATE_VERSION ); + } + } + + /** + * Build our typography CSS. + * + * @param string $module The name of the module we're generating CSS for. + * @param string $type Either frontend or editor. + */ + public static function get_css( $module = 'core', $type = 'frontend' ) { + $typography = generate_get_option( 'typography' ); + + // Get data for a specific module so CSS can be compiled separately. + $typography = array_filter( + (array) $typography, + function( $data ) use ( $module ) { + return ( isset( $data['module'] ) && $data['module'] === $module ); + } + ); + + if ( ! empty( $typography ) ) { + $css = new GeneratePress_CSS(); + + $body_selector = 'body'; + $paragraph_selector = 'p'; + $tablet_prefix = ''; + $mobile_prefix = ''; + + if ( 'editor' === $type ) { + $body_selector = '.editor-styles-wrapper'; + $paragraph_selector = '.editor-styles-wrapper p'; + $tablet_prefix = '.gp-is-device-tablet '; + $mobile_prefix = '.gp-is-device-mobile '; + } + + foreach ( $typography as $key => $data ) { + $options = wp_parse_args( + $data, + self::get_defaults() + ); + + $selector = self::get_css_selector( $options['selector'], $type ); + + if ( 'custom' === $selector ) { + $selector = $options['customSelector']; + } + + $font_family = self::get_font_family( $options['fontFamily'] ); + + $css->set_selector( $selector ); + $css->add_property( 'font-family', $font_family ); + $css->add_property( 'font-weight', $options['fontWeight'] ); + $css->add_property( 'text-transform', $options['textTransform'] ); + $css->add_property( 'font-size', $options['fontSize'], false, $options['fontSizeUnit'] ); + $css->add_property( 'letter-spacing', $options['letterSpacing'], false, $options['letterSpacingUnit'] ); + + if ( 'body' !== $options['selector'] ) { + $css->add_property( 'line-height', $options['lineHeight'], false, $options['lineHeightUnit'] ); + $css->add_property( 'margin-bottom', $options['marginBottom'], false, $options['marginBottomUnit'] ); + } else { + $css->set_selector( $body_selector ); + $css->add_property( 'line-height', $options['lineHeight'], false, $options['lineHeightUnit'] ); + + $css->set_selector( $paragraph_selector ); + $css->add_property( 'margin-bottom', $options['marginBottom'], false, $options['marginBottomUnit'] ); + } + + if ( 'frontend' === $type ) { + $css->start_media_query( generate_get_media_query( 'tablet' ) ); + } + + if ( 'editor' === $type ) { + // Add the tablet prefix to each class. + $selector = explode( ', ', $selector ); + $selector = preg_filter( '/^/', $tablet_prefix, $selector ); + $selector = implode( ', ', $selector ); + } + + $css->set_selector( $selector ); + $css->add_property( 'font-size', $options['fontSizeTablet'], false, $options['fontSizeUnit'] ); + $css->add_property( 'letter-spacing', $options['letterSpacingTablet'], false, $options['letterSpacingUnit'] ); + + if ( 'body' !== $options['selector'] ) { + $css->add_property( 'line-height', $options['lineHeightTablet'], false, $options['lineHeightUnit'] ); + $css->add_property( 'margin-bottom', $options['marginBottomTablet'], false, $options['marginBottomUnit'] ); + } else { + $css->set_selector( $tablet_prefix . $body_selector ); + $css->add_property( 'line-height', $options['lineHeightTablet'], false, $options['lineHeightUnit'] ); + + $css->set_selector( $tablet_prefix . $paragraph_selector ); + $css->add_property( 'margin-bottom', $options['marginBottomTablet'], false, $options['marginBottomUnit'] ); + } + + if ( 'frontend' === $type ) { + $css->stop_media_query(); + } + + if ( 'frontend' === $type ) { + $css->start_media_query( generate_get_media_query( 'mobile' ) ); + } + + if ( 'editor' === $type ) { + $selector = str_replace( '.gp-is-device-tablet', '.gp-is-device-mobile', $selector ); + } + + $css->set_selector( $selector ); + $css->add_property( 'font-size', $options['fontSizeMobile'], false, $options['fontSizeUnit'] ); + $css->add_property( 'letter-spacing', $options['letterSpacingMobile'], false, $options['letterSpacingUnit'] ); + + if ( 'body' !== $options['selector'] ) { + $css->add_property( 'line-height', $options['lineHeightMobile'], false, $options['lineHeightUnit'] ); + $css->add_property( 'margin-bottom', $options['marginBottomMobile'], false, $options['marginBottomUnit'] ); + } else { + $css->set_selector( $mobile_prefix . $body_selector ); + $css->add_property( 'line-height', $options['lineHeightMobile'], false, $options['lineHeightUnit'] ); + + $css->set_selector( $mobile_prefix . $paragraph_selector ); + $css->add_property( 'margin-bottom', $options['marginBottomMobile'], false, $options['marginBottomUnit'] ); + } + + if ( 'frontend' === $type ) { + $css->stop_media_query(); + } + } + + return $css->css_output(); + } + } + + /** + * Get the CSS selector. + * + * @param string $selector The saved selector to look up. + * @param string $type Whether we're getting the selectors for the frontend or editor. + */ + public static function get_css_selector( $selector, $type ) { + if ( 'frontend' === $type ) { + switch ( $selector ) { + case 'body': + $selector = 'body, button, input, select, textarea'; + break; + + case 'main-title': + $selector = '.main-title'; + break; + + case 'site-description': + $selector = '.site-description'; + break; + + case 'primary-menu-items': + $selector = '.main-navigation a, .main-navigation .menu-toggle, .main-navigation .menu-bar-items'; + break; + + case 'primary-sub-menu-items': + $selector = '.main-navigation .main-nav ul ul li a'; + break; + + case 'primary-menu-toggle': + $selector = '.main-navigation .menu-toggle'; + break; + + case 'buttons': + $selector = 'button:not(.menu-toggle),html input[type="button"],input[type="reset"],input[type="submit"],.button,.wp-block-button .wp-block-button__link'; + break; + + case 'all-headings': + $selector = 'h1, h2, h3, h4, h5, h6'; + break; + + case 'single-content-title': + $selector = 'h1.entry-title'; + break; + + case 'archive-content-title': + $selector = 'h2.entry-title'; + break; + + case 'top-bar': + $selector = '.top-bar'; + break; + + case 'widget-titles': + $selector = '.widget-title'; + break; + + case 'footer': + $selector = '.site-info'; + break; + } + } + + if ( 'editor' === $type ) { + switch ( $selector ) { + case 'body': + $selector = 'body .editor-styles-wrapper'; + break; + + case 'buttons': + $selector = '.editor-styles-wrapper a.button, .block-editor-block-list__layout .wp-block-button .wp-block-button__link'; + break; + + case 'all-headings': + $selector = '.editor-styles-wrapper h1, .editor-styles-wrapper h2, .editor-styles-wrapper h3, .editor-styles-wrapper h4, .editor-styles-wrapper h5, .editor-styles-wrapper h6'; + break; + + case 'h1': + $selector = '.editor-styles-wrapper h1, .editor-styles-wrapper .editor-post-title__input'; + break; + + case 'single-content-title': + $selector = '.editor-styles-wrapper .editor-post-title__input'; + break; + + case 'h2': + case 'h3': + case 'h4': + case 'h5': + case 'h6': + $selector = '.editor-styles-wrapper ' . $selector; + break; + } + } + + return apply_filters( 'generate_typography_css_selector', $selector, $type ); + } + + /** + * Get our full font family value. + * + * @param string $font_family The font family name. + */ + public static function get_font_family( $font_family ) { + if ( ! $font_family ) { + return $font_family; + } + + $font_manager = generate_get_option( 'font_manager' ); + + $font_families = array(); + foreach ( (array) $font_manager as $key => $data ) { + $font_families[ $data['fontFamily'] ] = $data; + } + + $font_family_args = array(); + if ( ! empty( $font_families[ $font_family ] ) ) { + $font_family_args = $font_families[ $font_family ]; + } + + if ( ! empty( $font_family_args['googleFont'] ) && ! empty( $font_family_args['googleFontCategory'] ) ) { + $font_family = $font_family . ', ' . $font_family_args['googleFontCategory']; + } elseif ( 'System Default' === $font_family ) { + $font_family = generate_get_system_default_font(); + } + + return $font_family; + } + + /** + * Get the defaults for our CSS options. + */ + public static function get_defaults() { + return array( + 'selector' => '', + 'fontFamily' => '', + 'fontWeight' => '', + 'textTransform' => '', + 'fontSize' => '', + 'fontSizeTablet' => '', + 'fontSizeMobile' => '', + 'fontSizeUnit' => 'px', + 'lineHeight' => '', + 'lineHeightTablet' => '', + 'lineHeightMobile' => '', + 'lineHeightUnit' => '', + 'letterSpacing' => '', + 'letterSpacingTablet' => '', + 'letterSpacingMobile' => '', + 'letterSpacingUnit' => 'px', + 'marginBottom' => '', + 'marginBottomTablet' => '', + 'marginBottomMobile' => '', + 'marginBottomUnit' => 'px', + ); + } +} + +GeneratePress_Typography::get_instance(); diff --git a/wp-content/themes/generatepress/inc/css-output.php b/wp-content/themes/generatepress/inc/css-output.php index 3e31e101..3e963e33 100644 --- a/wp-content/themes/generatepress/inc/css-output.php +++ b/wp-content/themes/generatepress/inc/css-output.php @@ -1,1226 +1,1272 @@ - section using the Theme Customizer. - * - * @since 0.1 - */ - function generate_base_css() { - $settings = wp_parse_args( - get_option( 'generate_settings', array() ), - generate_get_defaults() - ); - - $css = new GeneratePress_CSS(); - - $css->set_selector( 'body' ); - $css->add_property( 'background-color', $settings['background_color'] ); - $css->add_property( 'color', $settings['text_color'] ); - - $css->set_selector( 'a' ); - $css->add_property( 'color', $settings['link_color'] ); - - $css->set_selector( 'a:visited' )->add_property( 'color', $settings['link_color_visited'] ); - - $css->set_selector( 'a:hover, a:focus, a:active' ); - $css->add_property( 'color', $settings['link_color_hover'] ); - - if ( generate_is_using_flexbox() ) { - if ( 1200 !== (int) $settings['container_width'] ) { - $css->set_selector( '.grid-container' )->add_property( 'max-width', absint( $settings['container_width'] ), false, 'px' ); - } - } else { - $css->set_selector( 'body .grid-container' )->add_property( 'max-width', absint( $settings['container_width'] ), false, 'px' ); - } - - if ( apply_filters( 'generate_do_group_inner_container_style', true ) ) { - $css->set_selector( '.wp-block-group__inner-container' ); - $css->add_property( 'max-width', absint( $settings['container_width'] ), false, 'px' ); - $css->add_property( 'margin-left', 'auto' ); - $css->add_property( 'margin-right', 'auto' ); - } - - $nav_drop_point = generate_get_option( 'nav_drop_point' ); - $nav_location = generate_get_navigation_location(); - - if ( ( 'nav-float-right' === $nav_location || 'nav-float-left' === $nav_location ) && $nav_drop_point ) { - $media_query = sprintf( - '(max-width: %1$s) and %2$s', - absint( $nav_drop_point ) . 'px', - apply_filters( 'generate_not_mobile_menu_media_query', '(min-width: 769px)' ) - ); - - $css->start_media_query( $media_query ); - $css->set_selector( '.inside-header' ); - $css->add_property( 'display', '-ms-flexbox' ); - $css->add_property( 'display', 'flex' ); - - $css->add_property( '-ms-flex-direction', 'column' ); - $css->add_property( 'flex-direction', 'column' ); - - $css->add_property( '-ms-flex-align', 'center' ); - $css->add_property( 'align-items', 'center' ); - - $css->set_selector( '.site-logo, .site-branding' ); - $css->add_property( 'margin-bottom', '1.5em' ); - - $css->set_selector( '#site-navigation' ); - $css->add_property( 'margin', '0 auto' ); - - $css->set_selector( '.header-widget' ); - $css->add_property( 'margin-top', '1.5em' ); - - // phpcs:ignore Generic.WhiteSpace.ScopeIndent.IncorrectExact -- Indented inside media query. - if ( 'nav-float-left' === generate_get_option( 'nav_position_setting' ) ) { - $css->set_selector( '.nav-float-left .site-logo,.nav-float-left .site-branding,.nav-float-left .header-widget' ); - $css->add_property( '-webkit-box-ordinal-group', 'initial' ); - $css->add_property( '-ms-flex-order', 'initial' ); - $css->add_property( 'order', 'initial' ); - } // phpcs:ignore Generic.WhiteSpace.ScopeIndent.IncorrectExact -- Indented inside media query. - $css->stop_media_query(); - } - - if ( generate_get_option( 'logo_width' ) ) { - $css->set_selector( '.site-header .header-image' ); - $css->add_property( 'width', absint( generate_get_option( 'logo_width' ) ), false, 'px' ); - } - - if ( generate_get_option( 'back_to_top' ) ) { - $css->set_selector( '.generate-back-to-top' ); - $css->add_property( 'font-size', '20px' ); - $css->add_property( 'border-radius', '3px' ); - $css->add_property( 'position', 'fixed' ); - $css->add_property( 'bottom', '30px' ); - $css->add_property( 'right', '30px' ); - $css->add_property( 'line-height', '40px' ); - $css->add_property( 'width', '40px' ); - $css->add_property( 'text-align', 'center' ); - $css->add_property( 'z-index', '10' ); - $css->add_property( 'transition', 'opacity 300ms ease-in-out' ); - } - - if ( 'enable' === generate_get_option( 'nav_search' ) ) { - $css->set_selector( '.navigation-search' ); - $css->add_property( 'position', 'absolute' ); - $css->add_property( 'left', '-99999px' ); - $css->add_property( 'pointer-events', 'none' ); - $css->add_property( 'visibility', 'hidden' ); - $css->add_property( 'z-index', '20' ); - $css->add_property( 'width', '100%' ); - $css->add_property( 'top', '0' ); - $css->add_property( 'transition', 'opacity 100ms ease-in-out' ); - $css->add_property( 'opacity', '0' ); - - $css->set_selector( '.navigation-search.nav-search-active' ); - $css->add_property( 'left', '0' ); - $css->add_property( 'right', '0' ); - $css->add_property( 'pointer-events', 'auto' ); - $css->add_property( 'visibility', 'visible' ); - $css->add_property( 'opacity', '1' ); - - $css->set_selector( '.navigation-search input[type="search"]' ); - $css->add_property( 'outline', '0' ); - $css->add_property( 'border', '0' ); - $css->add_property( 'vertical-align', 'bottom' ); - $css->add_property( 'line-height', '1' ); - $css->add_property( 'opacity', '0.9' ); - $css->add_property( 'width', '100%' ); - $css->add_property( 'z-index', '20' ); - $css->add_property( 'border-radius', '0' ); - $css->add_property( '-webkit-appearance', 'none' ); - $css->add_property( 'height', '60px' ); - - $css->set_selector( '.navigation-search input::-ms-clear' ); - $css->add_property( 'display', 'none' ); - $css->add_property( 'width', '0' ); - $css->add_property( 'height', '0' ); - - $css->set_selector( '.navigation-search input::-ms-reveal' ); - $css->add_property( 'display', 'none' ); - $css->add_property( 'width', '0' ); - $css->add_property( 'height', '0' ); - - $css->set_selector( '.navigation-search input::-webkit-search-decoration, .navigation-search input::-webkit-search-cancel-button, .navigation-search input::-webkit-search-results-button, .navigation-search input::-webkit-search-results-decoration' ); - $css->add_property( 'display', 'none' ); - - if ( ! generate_is_using_flexbox() ) { - $css->set_selector( '.main-navigation li.search-item' ); - $css->add_property( 'z-index', '21' ); - - $css->set_selector( 'li.search-item.active' ); - $css->add_property( 'transition', 'opacity 100ms ease-in-out' ); - - $css->set_selector( '.nav-left-sidebar .main-navigation li.search-item.active,.nav-right-sidebar .main-navigation li.search-item.active' ); - $css->add_property( 'width', 'auto' ); - $css->add_property( 'display', 'inline-block' ); - $css->add_property( 'float', 'right' ); - } - - $css->set_selector( '.gen-sidebar-nav .navigation-search' ); - $css->add_property( 'top', 'auto' ); - $css->add_property( 'bottom', '0' ); - } - - if ( 'click' === generate_get_option( 'nav_dropdown_type' ) || 'click-arrow' === generate_get_option( 'nav_dropdown_type' ) ) { - $css->set_selector( '.dropdown-click .main-navigation ul ul' ); - $css->add_property( 'display', 'none' ); - $css->add_property( 'visibility', 'hidden' ); - - $css->set_selector( '.dropdown-click .main-navigation ul ul ul.toggled-on' ); - $css->add_property( 'left', '0' ); - $css->add_property( 'top', 'auto' ); - $css->add_property( 'position', 'relative' ); - - $css->set_selector( '.dropdown-click .main-navigation ul.toggled-on, .dropdown-click .main-navigation ul li.sfHover > ul.toggled-on' ); - $css->add_property( 'display', 'block' ); - $css->add_property( 'left', 'auto' ); - $css->add_property( 'right', 'auto' ); - $css->add_property( 'opacity', '1' ); - $css->add_property( 'visibility', 'visible' ); - $css->add_property( 'pointer-events', 'auto' ); - $css->add_property( 'height', 'auto' ); - $css->add_property( 'overflow', 'visible' ); - - $css->set_selector( '.dropdown-click .main-navigation.sub-menu-left .sub-menu.toggled-on, .dropdown-click .main-navigation.sub-menu-left ul li.sfHover > ul.toggled-on' ); - $css->add_property( 'right', '0' ); - - $css->set_selector( '.dropdown-click nav ul ul ul' ); - $css->add_property( 'background-color', 'transparent' ); - - $css->set_selector( '.dropdown-click .widget-area .main-navigation ul ul' ); - $css->add_property( 'top', 'auto' ); - $css->add_property( 'position', 'absolute' ); - $css->add_property( 'float', 'none' ); - $css->add_property( 'width', '100%' ); - $css->add_property( 'left', '-99999px' ); - - $css->set_selector( '.dropdown-click .widget-area .main-navigation ul ul.toggled-on' ); - $css->add_property( 'position', 'relative' ); - $css->add_property( 'left', '0' ); - $css->add_property( 'right', '0' ); - - $css->set_selector( '.dropdown-click .widget-area.sidebar .main-navigation ul li.sfHover ul, .dropdown-click .widget-area.sidebar .main-navigation ul li:hover ul' ); - $css->add_property( 'right', '0' ); - $css->add_property( 'left', '0' ); - - $css->set_selector( '.dropdown-click .sfHover > a > .dropdown-menu-toggle > .gp-icon svg' ); - $css->add_property( 'transform', 'rotate(180deg)' ); - } - - do_action( 'generate_base_css', $css ); - - return apply_filters( 'generate_base_css_output', $css->css_output() ); - } -} - -if ( ! function_exists( 'generate_advanced_css' ) ) { - /** - * Generate the CSS in the section using the Theme Customizer. - * - * @since 0.1 - */ - function generate_advanced_css() { - $settings = wp_parse_args( - get_option( 'generate_settings', array() ), - generate_get_color_defaults() - ); - - $css = new GeneratePress_CSS(); - - $css->set_selector( '.top-bar' ); - $css->add_property( 'background-color', $settings['top_bar_background_color'] ); - $css->add_property( 'color', $settings['top_bar_text_color'] ); - - $css->set_selector( '.top-bar a' ); - $css->add_property( 'color', $settings['top_bar_link_color'] ); - - $css->set_selector( '.top-bar a:hover' ); - $css->add_property( 'color', $settings['top_bar_link_color_hover'] ); - - $css->set_selector( '.site-header' ); - $css->add_property( 'background-color', $settings['header_background_color'] ); - $css->add_property( 'color', $settings['header_text_color'] ); - - $css->set_selector( '.site-header a' ); - $css->add_property( 'color', $settings['header_link_color'] ); - - $css->set_selector( '.site-header a:hover' ); - $css->add_property( 'color', $settings['header_link_hover_color'] ); - - $css->set_selector( '.main-title a,.main-title a:hover' ); - $css->add_property( 'color', $settings['site_title_color'] ); - - $css->set_selector( '.site-description' ); - $css->add_property( 'color', $settings['site_tagline_color'] ); - - if ( $settings['navigation_background_color'] === $settings['header_background_color'] ) { - $css->set_selector( '.mobile-menu-control-wrapper .menu-toggle,.mobile-menu-control-wrapper .menu-toggle:hover,.mobile-menu-control-wrapper .menu-toggle:focus,.has-inline-mobile-toggle #site-navigation.toggled' ); - $css->add_property( 'background-color', 'rgba(0, 0, 0, 0.02)' ); - } - - $css->set_selector( '.main-navigation,.main-navigation ul ul' ); - $css->add_property( 'background-color', $settings['navigation_background_color'] ); - - $css->set_selector( '.main-navigation .main-nav ul li a,.menu-toggle, .main-navigation .menu-bar-items' ); - $css->add_property( 'color', $settings['navigation_text_color'] ); - - $css->set_selector( '.main-navigation .main-nav ul li:hover > a,.main-navigation .main-nav ul li:focus > a, .main-navigation .main-nav ul li.sfHover > a, .main-navigation .menu-bar-item:hover > a, .main-navigation .menu-bar-item.sfHover > a' ); - $css->add_property( 'color', $settings['navigation_text_hover_color'] ); - $css->add_property( 'background-color', $settings['navigation_background_hover_color'] ); - - if ( generate_is_using_flexbox() ) { - $css->set_selector( 'button.menu-toggle:hover,button.menu-toggle:focus' ); - } else { - $css->set_selector( 'button.menu-toggle:hover,button.menu-toggle:focus,.main-navigation .mobile-bar-items a,.main-navigation .mobile-bar-items a:hover,.main-navigation .mobile-bar-items a:focus' ); - } - - $css->add_property( 'color', $settings['navigation_text_color'] ); - - $css->set_selector( '.main-navigation .main-nav ul li[class*="current-menu-"] > a' ); - $css->add_property( 'color', $settings['navigation_text_current_color'] ); - $css->add_property( 'background-color', $settings['navigation_background_current_color'] ); - - $css->set_selector( '.main-navigation .main-nav ul li[class*="current-menu-"] > a:hover,.main-navigation .main-nav ul li[class*="current-menu-"].sfHover > a' ); - $css->add_property( 'color', $settings['navigation_text_current_color'] ); - $css->add_property( 'background-color', $settings['navigation_background_current_color'] ); - - $navigation_search_background = $settings['navigation_background_hover_color']; - $navigation_search_text = $settings['navigation_text_hover_color']; - - if ( '' !== $settings['navigation_search_background_color'] ) { - $navigation_search_background = $settings['navigation_search_background_color']; - } - - if ( '' !== $settings['navigation_search_text_color'] ) { - $navigation_search_text = $settings['navigation_search_text_color']; - } - - $css->set_selector( '.navigation-search input[type="search"],.navigation-search input[type="search"]:active, .navigation-search input[type="search"]:focus, .main-navigation .main-nav ul li.search-item.active > a, .main-navigation .menu-bar-items .search-item.active > a' ); - $css->add_property( 'color', $navigation_search_text ); - $css->add_property( 'background-color', $navigation_search_background ); - - if ( '' !== $settings['navigation_search_background_color'] ) { - $css->add_property( 'opacity', '1' ); - } - - $css->set_selector( '.main-navigation ul ul' ); - $css->add_property( 'background-color', $settings['subnavigation_background_color'] ); - - $css->set_selector( '.main-navigation .main-nav ul ul li a' ); - $css->add_property( 'color', $settings['subnavigation_text_color'] ); - - $css->set_selector( '.main-navigation .main-nav ul ul li:hover > a,.main-navigation .main-nav ul ul li:focus > a,.main-navigation .main-nav ul ul li.sfHover > a' ); - $css->add_property( 'color', $settings['subnavigation_text_hover_color'] ); - $css->add_property( 'background-color', $settings['subnavigation_background_hover_color'] ); - - $css->set_selector( '.main-navigation .main-nav ul ul li[class*="current-menu-"] > a' ); - $css->add_property( 'color', $settings['subnavigation_text_current_color'] ); - $css->add_property( 'background-color', $settings['subnavigation_background_current_color'] ); - - $css->set_selector( '.main-navigation .main-nav ul ul li[class*="current-menu-"] > a:hover,.main-navigation .main-nav ul ul li[class*="current-menu-"].sfHover > a' ); - $css->add_property( 'color', $settings['subnavigation_text_current_color'] ); - $css->add_property( 'background-color', $settings['subnavigation_background_current_color'] ); - - $css->set_selector( '.separate-containers .inside-article, .separate-containers .comments-area, .separate-containers .page-header, .one-container .container, .separate-containers .paging-navigation, .inside-page-header' ); - $css->add_property( 'color', $settings['content_text_color'] ); - $css->add_property( 'background-color', $settings['content_background_color'] ); - - $css->set_selector( '.inside-article a,.paging-navigation a,.comments-area a,.page-header a' ); - $css->add_property( 'color', $settings['content_link_color'] ); - - $css->set_selector( '.inside-article a:hover,.paging-navigation a:hover,.comments-area a:hover,.page-header a:hover' ); - $css->add_property( 'color', $settings['content_link_hover_color'] ); - - $css->set_selector( '.entry-header h1,.page-header h1' ); - $css->add_property( 'color', $settings['content_title_color'] ); - - $css->set_selector( '.entry-title a' ); - $css->add_property( 'color', $settings['blog_post_title_color'] ); - - $css->set_selector( '.entry-title a:hover' ); - $css->add_property( 'color', $settings['blog_post_title_hover_color'] ); - - $css->set_selector( '.entry-meta' ); - $css->add_property( 'color', $settings['entry_meta_text_color'] ); - - $css->set_selector( '.entry-meta a' ); - $css->add_property( 'color', $settings['entry_meta_link_color'] ); - - $css->set_selector( '.entry-meta a:hover' ); - $css->add_property( 'color', $settings['entry_meta_link_color_hover'] ); - - $css->set_selector( 'h1' ); - $css->add_property( 'color', $settings['h1_color'] ); - - $css->set_selector( 'h2' ); - $css->add_property( 'color', $settings['h2_color'] ); - - $css->set_selector( 'h3' ); - $css->add_property( 'color', $settings['h3_color'] ); - - $css->set_selector( 'h4' ); - $css->add_property( 'color', $settings['h4_color'] ); - - $css->set_selector( 'h5' ); - $css->add_property( 'color', $settings['h5_color'] ); - - $css->set_selector( 'h6' ); - $css->add_property( 'color', $settings['h6_color'] ); - - $css->set_selector( '.sidebar .widget' ); - $css->add_property( 'color', $settings['sidebar_widget_text_color'] ); - $css->add_property( 'background-color', $settings['sidebar_widget_background_color'] ); - - $css->set_selector( '.sidebar .widget a' ); - $css->add_property( 'color', $settings['sidebar_widget_link_color'] ); - - $css->set_selector( '.sidebar .widget a:hover' ); - $css->add_property( 'color', $settings['sidebar_widget_link_hover_color'] ); - - $css->set_selector( '.sidebar .widget .widget-title' ); - $css->add_property( 'color', $settings['sidebar_widget_title_color'] ); - - $css->set_selector( '.footer-widgets' ); - $css->add_property( 'color', $settings['footer_widget_text_color'] ); - $css->add_property( 'background-color', $settings['footer_widget_background_color'] ); - - $css->set_selector( '.footer-widgets a' ); - $css->add_property( 'color', $settings['footer_widget_link_color'] ); - - $css->set_selector( '.footer-widgets a:hover' ); - $css->add_property( 'color', $settings['footer_widget_link_hover_color'] ); - - $css->set_selector( '.footer-widgets .widget-title' ); - $css->add_property( 'color', $settings['footer_widget_title_color'] ); - - $css->set_selector( '.site-info' ); - $css->add_property( 'color', $settings['footer_text_color'] ); - $css->add_property( 'background-color', $settings['footer_background_color'] ); - - $css->set_selector( '.site-info a' ); - $css->add_property( 'color', $settings['footer_link_color'] ); - - $css->set_selector( '.site-info a:hover' ); - $css->add_property( 'color', $settings['footer_link_hover_color'] ); - - $css->set_selector( '.footer-bar .widget_nav_menu .current-menu-item a' ); - $css->add_property( 'color', $settings['footer_link_hover_color'] ); - - $css->set_selector( 'input[type="text"],input[type="email"],input[type="url"],input[type="password"],input[type="search"],input[type="tel"],input[type="number"],textarea,select' ); - $css->add_property( 'color', $settings['form_text_color'] ); - $css->add_property( 'background-color', $settings['form_background_color'] ); - $css->add_property( 'border-color', $settings['form_border_color'] ); - - $css->set_selector( 'input[type="text"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="password"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="number"]:focus,textarea:focus,select:focus' ); - $css->add_property( 'color', $settings['form_text_color_focus'] ); - $css->add_property( 'background-color', $settings['form_background_color_focus'] ); - $css->add_property( 'border-color', $settings['form_border_color_focus'] ); - - $css->set_selector( 'button,html input[type="button"],input[type="reset"],input[type="submit"],a.button,a.wp-block-button__link:not(.has-background)' ); - $css->add_property( 'color', $settings['form_button_text_color'] ); - $css->add_property( 'background-color', $settings['form_button_background_color'] ); - - $css->set_selector( 'button:hover,html input[type="button"]:hover,input[type="reset"]:hover,input[type="submit"]:hover,a.button:hover,button:focus,html input[type="button"]:focus,input[type="reset"]:focus,input[type="submit"]:focus,a.button:focus,a.wp-block-button__link:not(.has-background):active,a.wp-block-button__link:not(.has-background):focus,a.wp-block-button__link:not(.has-background):hover' ); - $css->add_property( 'color', $settings['form_button_text_color_hover'] ); - $css->add_property( 'background-color', $settings['form_button_background_color_hover'] ); - - $css->set_selector( 'a.generate-back-to-top' ); - $css->add_property( 'background-color', $settings['back_to_top_background_color'] ); - $css->add_property( 'color', $settings['back_to_top_text_color'] ); - - $css->set_selector( 'a.generate-back-to-top:hover,a.generate-back-to-top:focus' ); - $css->add_property( 'background-color', $settings['back_to_top_background_color_hover'] ); - $css->add_property( 'color', $settings['back_to_top_text_color_hover'] ); - - $css->start_media_query( generate_get_media_query( 'mobile-menu' ) ); - $css->set_selector( '.main-navigation .menu-bar-item:hover > a, .main-navigation .menu-bar-item.sfHover > a' ); - $css->add_property( 'background', 'none' ); - $css->add_property( 'color', $settings['navigation_text_color'] ); - $css->stop_media_query(); - - do_action( 'generate_colors_css', $css ); - - return apply_filters( 'generate_colors_css_output', $css->css_output() ); - } -} - -if ( ! function_exists( 'generate_font_css' ) ) { - /** - * Generate the CSS in the section using the Theme Customizer. - * - * @since 0.1 - */ - function generate_font_css() { - - $settings = wp_parse_args( - get_option( 'generate_settings', array() ), - generate_get_default_fonts() - ); - - $defaults = generate_get_default_fonts( false ); - - $css = new GeneratePress_CSS(); - - $body_family = generate_get_font_family_css( 'font_body', 'generate_settings', generate_get_default_fonts() ); - $top_bar_family = generate_get_font_family_css( 'font_top_bar', 'generate_settings', generate_get_default_fonts() ); - $site_title_family = generate_get_font_family_css( 'font_site_title', 'generate_settings', generate_get_default_fonts() ); - $site_tagline_family = generate_get_font_family_css( 'font_site_tagline', 'generate_settings', generate_get_default_fonts() ); - $navigation_family = generate_get_font_family_css( 'font_navigation', 'generate_settings', generate_get_default_fonts() ); - $widget_family = generate_get_font_family_css( 'font_widget_title', 'generate_settings', generate_get_default_fonts() ); - $h1_family = generate_get_font_family_css( 'font_heading_1', 'generate_settings', generate_get_default_fonts() ); - $h2_family = generate_get_font_family_css( 'font_heading_2', 'generate_settings', generate_get_default_fonts() ); - $h3_family = generate_get_font_family_css( 'font_heading_3', 'generate_settings', generate_get_default_fonts() ); - $h4_family = generate_get_font_family_css( 'font_heading_4', 'generate_settings', generate_get_default_fonts() ); - $h5_family = generate_get_font_family_css( 'font_heading_5', 'generate_settings', generate_get_default_fonts() ); - $h6_family = generate_get_font_family_css( 'font_heading_6', 'generate_settings', generate_get_default_fonts() ); - $footer_family = generate_get_font_family_css( 'font_footer', 'generate_settings', generate_get_default_fonts() ); - $buttons_family = generate_get_font_family_css( 'font_buttons', 'generate_settings', generate_get_default_fonts() ); - - $css->set_selector( 'body, button, input, select, textarea' ); - $css->add_property( 'font-family', $body_family ); - $css->add_property( 'font-weight', $settings['body_font_weight'], $defaults['body_font_weight'] ); - $css->add_property( 'text-transform', $settings['body_font_transform'], $defaults['body_font_transform'] ); - $css->add_property( 'font-size', $settings['body_font_size'], $defaults['body_font_size'], 'px' ); - - $css->set_selector( 'body' ); - $css->add_property( 'line-height', floatval( $settings['body_line_height'] ), $defaults['body_line_height'] ); - - $css->set_selector( 'p' ); - $css->add_property( 'margin-bottom', floatval( $settings['paragraph_margin'] ), $defaults['paragraph_margin'], 'em' ); - - $css->set_selector( '.entry-content > [class*="wp-block-"]:not(:last-child)' ); - $css->add_property( 'margin-bottom', floatval( $settings['paragraph_margin'] ), false, 'em' ); - - $css->set_selector( '.top-bar' ); - $css->add_property( 'font-family', $defaults['font_top_bar'] !== $settings['font_top_bar'] ? $top_bar_family : null ); - $css->add_property( 'font-weight', $settings['top_bar_font_weight'], $defaults['top_bar_font_weight'] ); - $css->add_property( 'text-transform', $settings['top_bar_font_transform'], $defaults['top_bar_font_transform'] ); - $css->add_property( 'font-size', absint( $settings['top_bar_font_size'] ), absint( $defaults['top_bar_font_size'] ), 'px' ); - - $css->set_selector( '.main-title' ); - $css->add_property( 'font-family', $defaults['font_site_title'] !== $settings['font_site_title'] ? $site_title_family : null ); - $css->add_property( 'font-weight', $settings['site_title_font_weight'], $defaults['site_title_font_weight'] ); - $css->add_property( 'text-transform', $settings['site_title_font_transform'], $defaults['site_title_font_transform'] ); - $css->add_property( 'font-size', absint( $settings['site_title_font_size'] ), $defaults['site_title_font_size'], 'px' ); - - $css->set_selector( '.site-description' ); - $css->add_property( 'font-family', $defaults['font_site_tagline'] !== $settings['font_site_tagline'] ? $site_tagline_family : null ); - $css->add_property( 'font-weight', $settings['site_tagline_font_weight'], $defaults['site_tagline_font_weight'] ); - $css->add_property( 'text-transform', $settings['site_tagline_font_transform'], $defaults['site_tagline_font_transform'] ); - - if ( ! empty( $settings['site_tagline_font_size'] ) ) { - $css->add_property( 'font-size', absint( $settings['site_tagline_font_size'] ), $defaults['site_tagline_font_size'], 'px' ); - } else { - $css->add_property( 'font-size', 'inherit' ); - } - - $css->set_selector( '.main-navigation a, .menu-toggle' ); - $css->add_property( 'font-family', $defaults['font_navigation'] !== $settings['font_navigation'] ? $navigation_family : null ); - $css->add_property( 'font-weight', $settings['navigation_font_weight'], $defaults['navigation_font_weight'] ); - $css->add_property( 'text-transform', $settings['navigation_font_transform'], $defaults['navigation_font_transform'] ); - - if ( ! empty( $settings['navigation_font_size'] ) ) { - $css->add_property( 'font-size', absint( $settings['navigation_font_size'] ), $defaults['navigation_font_size'], 'px' ); - } else { - $css->add_property( 'font-size', 'inherit' ); - } - - if ( generate_is_using_flexbox() ) { - $css->set_selector( '.main-navigation .menu-bar-items' ); - - if ( ! empty( $settings['navigation_font_size'] ) ) { - $css->add_property( 'font-size', absint( $settings['navigation_font_size'] ), $defaults['navigation_font_size'], 'px' ); - } else { - $css->add_property( 'font-size', 'inherit' ); - } - } - - $css->set_selector( '.main-navigation .main-nav ul ul li a' ); - - if ( ! empty( $settings['navigation_font_size'] ) ) { - $subnav_font_size = $settings['navigation_font_size'] >= 17 ? $settings['navigation_font_size'] - 3 : $settings['navigation_font_size'] - 1; - $css->add_property( 'font-size', absint( $subnav_font_size ), false, 'px' ); - } - - $css->set_selector( '.widget-title' ); - $css->add_property( 'font-family', $defaults['font_widget_title'] !== $settings['font_widget_title'] ? $widget_family : null ); - $css->add_property( 'font-weight', $settings['widget_title_font_weight'], $defaults['widget_title_font_weight'] ); - $css->add_property( 'text-transform', $settings['widget_title_font_transform'], $defaults['widget_title_font_transform'] ); - - if ( ! empty( $settings['widget_title_font_size'] ) ) { - $css->add_property( 'font-size', $settings['widget_title_font_size'], $defaults['widget_title_font_size'], 'px' ); - } else { - $css->add_property( 'font-size', 'inherit' ); - } - - $css->add_property( 'margin-bottom', absint( $settings['widget_title_separator'] ), absint( $defaults['widget_title_separator'] ), 'px' ); - - $css->set_selector( '.sidebar .widget, .footer-widgets .widget' ); - - if ( ! empty( $settings['widget_content_font_size'] ) ) { - $css->add_property( 'font-size', absint( $settings['widget_content_font_size'] ), false, 'px' ); - } else { - $css->add_property( 'font-size', 'inherit' ); - } - - $css->set_selector( 'button:not(.menu-toggle),html input[type="button"],input[type="reset"],input[type="submit"],.button,.wp-block-button .wp-block-button__link' ); - $css->add_property( 'font-family', $defaults['font_buttons'] !== $settings['font_buttons'] ? $buttons_family : null ); - $css->add_property( 'font-weight', $settings['buttons_font_weight'], $defaults['buttons_font_weight'] ); - $css->add_property( 'text-transform', $settings['buttons_font_transform'], $defaults['buttons_font_transform'] ); - $css->add_property( 'font-size', absint( $settings['buttons_font_size'] ), $defaults['buttons_font_size'], 'px' ); - - $css->set_selector( 'h1' ); - $css->add_property( 'font-family', $defaults['font_heading_1'] !== $settings['font_heading_1'] ? $h1_family : null ); - $css->add_property( 'font-weight', $settings['heading_1_weight'], $defaults['heading_1_weight'] ); - $css->add_property( 'text-transform', $settings['heading_1_transform'], $defaults['heading_1_transform'] ); - $css->add_property( 'font-size', absint( $settings['heading_1_font_size'] ), $defaults['heading_1_font_size'], 'px' ); - $css->add_property( 'line-height', floatval( $settings['heading_1_line_height'] ), $defaults['heading_1_line_height'], 'em' ); - $css->add_property( 'margin-bottom', floatval( $settings['heading_1_margin_bottom'] ), $defaults['heading_1_margin_bottom'], 'px' ); - - $css->set_selector( 'h2' ); - $css->add_property( 'font-family', $defaults['font_heading_2'] !== $settings['font_heading_2'] ? $h2_family : null ); - $css->add_property( 'font-weight', $settings['heading_2_weight'], $defaults['heading_2_weight'] ); - $css->add_property( 'text-transform', $settings['heading_2_transform'], $defaults['heading_2_transform'] ); - $css->add_property( 'font-size', absint( $settings['heading_2_font_size'] ), $defaults['heading_2_font_size'], 'px' ); - $css->add_property( 'line-height', floatval( $settings['heading_2_line_height'] ), $defaults['heading_2_line_height'], 'em' ); - $css->add_property( 'margin-bottom', floatval( $settings['heading_2_margin_bottom'] ), $defaults['heading_2_margin_bottom'], 'px' ); - - $css->set_selector( 'h3' ); - $css->add_property( 'font-family', $defaults['font_heading_3'] !== $settings['font_heading_3'] ? $h3_family : null ); - $css->add_property( 'font-weight', $settings['heading_3_weight'], $defaults['heading_3_weight'] ); - $css->add_property( 'text-transform', $settings['heading_3_transform'], $defaults['heading_3_transform'] ); - $css->add_property( 'font-size', absint( $settings['heading_3_font_size'] ), $defaults['heading_3_font_size'], 'px' ); - $css->add_property( 'line-height', floatval( $settings['heading_3_line_height'] ), $defaults['heading_3_line_height'], 'em' ); - $css->add_property( 'margin-bottom', floatval( $settings['heading_3_margin_bottom'] ), $defaults['heading_3_margin_bottom'], 'px' ); - - $css->set_selector( 'h4' ); - $css->add_property( 'font-family', $defaults['font_heading_4'] !== $settings['font_heading_4'] ? $h4_family : null ); - $css->add_property( 'font-weight', $settings['heading_4_weight'], $defaults['heading_4_weight'] ); - $css->add_property( 'text-transform', $settings['heading_4_transform'], $defaults['heading_4_transform'] ); - - if ( ! empty( $settings['heading_4_font_size'] ) ) { - $css->add_property( 'font-size', absint( $settings['heading_4_font_size'] ), $defaults['heading_4_font_size'], 'px' ); - } else { - $css->add_property( 'font-size', 'inherit' ); - } - - if ( '' !== $settings['heading_4_line_height'] ) { - $css->add_property( 'line-height', floatval( $settings['heading_4_line_height'] ), $defaults['heading_4_line_height'], 'em' ); - } - - $css->set_selector( 'h5' ); - $css->add_property( 'font-family', $defaults['font_heading_5'] !== $settings['font_heading_5'] ? $h5_family : null ); - $css->add_property( 'font-weight', $settings['heading_5_weight'], $defaults['heading_5_weight'] ); - $css->add_property( 'text-transform', $settings['heading_5_transform'], $defaults['heading_5_transform'] ); - - if ( ! empty( $settings['heading_5_font_size'] ) ) { - $css->add_property( 'font-size', absint( $settings['heading_5_font_size'] ), $defaults['heading_5_font_size'], 'px' ); - } else { - $css->add_property( 'font-size', 'inherit' ); - } - - if ( '' !== $settings['heading_5_line_height'] ) { - $css->add_property( 'line-height', floatval( $settings['heading_5_line_height'] ), $defaults['heading_5_line_height'], 'em' ); - } - - $css->set_selector( 'h6' ); - $css->add_property( 'font-family', $defaults['font_heading_6'] !== $settings['font_heading_6'] ? $h6_family : null ); - $css->add_property( 'font-weight', $settings['heading_6_weight'], $defaults['heading_6_weight'] ); - $css->add_property( 'text-transform', $settings['heading_6_transform'], $defaults['heading_6_transform'] ); - $css->add_property( 'font-size', absint( $settings['heading_6_font_size'] ), $defaults['heading_6_font_size'], 'px' ); - - if ( '' !== $settings['heading_6_line_height'] ) { - $css->add_property( 'line-height', floatval( $settings['heading_6_line_height'] ), $defaults['heading_6_line_height'], 'em' ); - } - - $css->set_selector( '.site-info' ); - $css->add_property( 'font-family', $defaults['font_footer'] !== $settings['font_footer'] ? $footer_family : null ); - $css->add_property( 'font-weight', $settings['footer_weight'], $defaults['footer_weight'] ); - $css->add_property( 'text-transform', $settings['footer_transform'], $defaults['footer_transform'] ); - - if ( ! empty( $settings['footer_font_size'] ) ) { - $css->add_property( 'font-size', absint( $settings['footer_font_size'] ), $defaults['footer_font_size'], 'px' ); - } else { - $css->add_property( 'font-size', 'inherit' ); - } - - $css->start_media_query( generate_get_media_query( 'mobile' ) ); - $css->set_selector( '.main-title' ); - $css->add_property( 'font-size', absint( $settings['mobile_site_title_font_size'] ), false, 'px' ); - - $css->set_selector( 'h1' ); - $css->add_property( 'font-size', absint( $settings['mobile_heading_1_font_size'] ), false, 'px' ); - - $css->set_selector( 'h2' ); - $css->add_property( 'font-size', absint( $settings['mobile_heading_2_font_size'] ), false, 'px' ); - - $css->set_selector( 'h3' ); - $css->add_property( 'font-size', absint( $settings['mobile_heading_3_font_size'] ), false, 'px' ); - - $css->set_selector( 'h4' ); - $css->add_property( 'font-size', absint( $settings['mobile_heading_4_font_size'] ), false, 'px' ); - - $css->set_selector( 'h5' ); - $css->add_property( 'font-size', absint( $settings['mobile_heading_5_font_size'] ), false, 'px' ); - $css->stop_media_query(); - - do_action( 'generate_typography_css', $css ); - - return apply_filters( 'generate_typography_css_output', $css->css_output() ); - } -} - -if ( ! function_exists( 'generate_spacing_css' ) ) { - /** - * Write our dynamic CSS. - * - * @since 0.1 - */ - function generate_spacing_css() { - $settings = wp_parse_args( - get_option( 'generate_spacing_settings', array() ), - generate_spacing_get_defaults() - ); - - $defaults = generate_spacing_get_defaults( false ); - $sidebar_layout = generate_get_layout(); - - $css = new GeneratePress_CSS(); - - $css->set_selector( '.inside-top-bar' ); - $css->add_property( 'padding', generate_padding_css( $settings['top_bar_top'], $settings['top_bar_right'], $settings['top_bar_bottom'], $settings['top_bar_left'] ), generate_padding_css( $defaults['top_bar_top'], $defaults['top_bar_right'], $defaults['top_bar_bottom'], $defaults['top_bar_left'] ) ); - - if ( generate_is_using_flexbox() && 'boxes' === generate_get_option( 'container_alignment' ) ) { - $top_bar_padding = absint( $settings['top_bar_right'] ) + absint( $settings['top_bar_left'] ); - - $css->set_selector( '.inside-top-bar.grid-container' ); - $css->add_property( 'max-width', generate_get_option( 'container_width' ) + $top_bar_padding, false, 'px' ); - } - - $css->set_selector( '.inside-header' ); - $css->add_property( 'padding', generate_padding_css( $settings['header_top'], $settings['header_right'], $settings['header_bottom'], $settings['header_left'] ), generate_padding_css( $defaults['header_top'], $defaults['header_right'], $defaults['header_bottom'], $defaults['header_left'] ) ); - - if ( generate_is_using_flexbox() ) { - if ( 'boxes' === generate_get_option( 'container_alignment' ) ) { - $header_padding = absint( $settings['header_right'] ) + absint( $settings['header_left'] ); - - $css->set_selector( '.inside-header.grid-container' ); - $css->add_property( 'max-width', generate_get_option( 'container_width' ) + $header_padding, false, 'px' ); - } - - if ( 'text' === generate_get_option( 'container_alignment' ) ) { - $navigation_left_padding = absint( $settings['header_left'] ) - absint( $settings['menu_item'] ); - $navigation_right_padding = absint( $settings['header_right'] ) - absint( $settings['menu_item'] ); - - $css->set_selector( '.nav-below-header .main-navigation .inside-navigation.grid-container, .nav-above-header .main-navigation .inside-navigation.grid-container' ); - $css->add_property( 'padding', generate_padding_css( 0, $navigation_right_padding, 0, $navigation_left_padding ) ); - } - } - - $css->set_selector( '.separate-containers .inside-article, .separate-containers .comments-area, .separate-containers .page-header, .separate-containers .paging-navigation, .one-container .site-content, .inside-page-header' ); - $css->add_property( 'padding', generate_padding_css( $settings['content_top'], $settings['content_right'], $settings['content_bottom'], $settings['content_left'] ), generate_padding_css( $defaults['content_top'], $defaults['content_right'], $defaults['content_bottom'], $defaults['content_left'] ) ); - - if ( apply_filters( 'generate_do_group_inner_container_style', true ) ) { - $css->set_selector( '.site-main .wp-block-group__inner-container' ); - $css->add_property( 'padding', generate_padding_css( $settings['content_top'], $settings['content_right'], $settings['content_bottom'], $settings['content_left'] ) ); - } - - if ( generate_is_using_flexbox() ) { - $css->set_selector( '.separate-containers .paging-navigation' ); - $css->add_property( 'padding-top', '20px' ); - $css->add_property( 'padding-bottom', '20px' ); - } - - $content_padding = absint( $settings['content_right'] ) + absint( $settings['content_left'] ); - $css->set_selector( '.entry-content .alignwide, body:not(.no-sidebar) .entry-content .alignfull' ); - $css->add_property( 'margin-left', '-' . absint( $settings['content_left'] ) . 'px' ); - $css->add_property( 'width', 'calc(100% + ' . absint( $content_padding ) . 'px)' ); - $css->add_property( 'max-width', 'calc(100% + ' . absint( $content_padding ) . 'px)' ); - - if ( ! generate_is_using_flexbox() && 'text' === generate_get_option( 'container_alignment' ) ) { - $css->set_selector( '.container.grid-container' ); - $css->add_property( 'max-width', generate_get_option( 'container_width' ) + $content_padding, false, 'px' ); - } - - $css->set_selector( '.one-container.right-sidebar .site-main,.one-container.both-right .site-main' ); - $css->add_property( 'margin-right', absint( $settings['content_right'] ), absint( $defaults['content_right'] ), 'px' ); - - $css->set_selector( '.one-container.left-sidebar .site-main,.one-container.both-left .site-main' ); - $css->add_property( 'margin-left', absint( $settings['content_left'] ), absint( $defaults['content_left'] ), 'px' ); - - $css->set_selector( '.one-container.both-sidebars .site-main' ); - $css->add_property( 'margin', generate_padding_css( '0', $settings['content_right'], '0', $settings['content_left'] ), generate_padding_css( '0', $defaults['content_right'], '0', $defaults['content_left'] ) ); - - if ( generate_is_using_flexbox() ) { - $css->set_selector( '.sidebar .widget, .page-header, .widget-area .main-navigation, .site-main > *' ); - } else { - $css->set_selector( '.separate-containers .widget, .separate-containers .site-main > *, .separate-containers .page-header, .widget-area .main-navigation' ); - } - - $css->add_property( 'margin-bottom', absint( $settings['separator'] ), absint( $defaults['separator'] ), 'px' ); - - $css->set_selector( '.separate-containers .site-main' ); - $css->add_property( 'margin', absint( $settings['separator'] ), $defaults['separator'], 'px' ); - - if ( generate_is_using_flexbox() ) { - $css->set_selector( '.both-right .inside-left-sidebar,.both-left .inside-left-sidebar' ); - $css->add_property( 'margin-right', absint( $settings['separator'] / 2 ), absint( $defaults['separator'] / 2 ), 'px' ); - - $css->set_selector( '.both-right .inside-right-sidebar,.both-left .inside-right-sidebar' ); - $css->add_property( 'margin-left', absint( $settings['separator'] / 2 ), absint( $defaults['separator'] / 2 ), 'px' ); - - $css->set_selector( '.one-container.archive .post:not(:last-child), .one-container.blog .post:not(:last-child)' ); - $css->add_property( 'padding-bottom', absint( $settings['content_bottom'] ), absint( $defaults['content_bottom'] ), 'px' ); - } else { - $css->set_selector( '.both-right.separate-containers .inside-left-sidebar' ); - $css->add_property( 'margin-right', absint( $settings['separator'] / 2 ), absint( $defaults['separator'] / 2 ), 'px' ); - - $css->set_selector( '.both-right.separate-containers .inside-right-sidebar' ); - $css->add_property( 'margin-left', absint( $settings['separator'] / 2 ), absint( $defaults['separator'] / 2 ), 'px' ); - - $css->set_selector( '.both-left.separate-containers .inside-left-sidebar' ); - $css->add_property( 'margin-right', absint( $settings['separator'] / 2 ), absint( $defaults['separator'] / 2 ), 'px' ); - - $css->set_selector( '.both-left.separate-containers .inside-right-sidebar' ); - $css->add_property( 'margin-left', absint( $settings['separator'] / 2 ), absint( $defaults['separator'] / 2 ), 'px' ); - } - - if ( generate_is_using_flexbox() ) { - $css->set_selector( '.separate-containers .featured-image' ); - } else { - $css->set_selector( '.separate-containers .page-header-image, .separate-containers .page-header-contained, .separate-containers .page-header-image-single, .separate-containers .page-header-content-single' ); - } - - $css->add_property( 'margin-top', absint( $settings['separator'] ), absint( $defaults['separator'] ), 'px' ); - - $css->set_selector( '.separate-containers .inside-right-sidebar, .separate-containers .inside-left-sidebar' ); - $css->add_property( 'margin-top', absint( $settings['separator'] ), absint( $defaults['separator'] ), 'px' ); - $css->add_property( 'margin-bottom', absint( $settings['separator'] ), absint( $defaults['separator'] ), 'px' ); - - if ( generate_is_using_flexbox() ) { - $css->set_selector( '.main-navigation .main-nav ul li a,.menu-toggle,.main-navigation .menu-bar-item > a' ); - } else { - $css->set_selector( '.main-navigation .main-nav ul li a,.menu-toggle,.main-navigation .mobile-bar-items a' ); - } - - $css->add_property( 'padding-left', absint( $settings['menu_item'] ), absint( $defaults['menu_item'] ), 'px' ); - $css->add_property( 'padding-right', absint( $settings['menu_item'] ), absint( $defaults['menu_item'] ), 'px' ); - $css->add_property( 'line-height', absint( $settings['menu_item_height'] ), absint( $defaults['menu_item_height'] ), 'px' ); - - $css->set_selector( '.main-navigation .main-nav ul ul li a' ); - $css->add_property( 'padding', generate_padding_css( $settings['sub_menu_item_height'], $settings['menu_item'], $settings['sub_menu_item_height'], $settings['menu_item'] ), generate_padding_css( $defaults['sub_menu_item_height'], $defaults['menu_item'], $defaults['sub_menu_item_height'], $defaults['menu_item'] ) ); - - $css->set_selector( '.main-navigation ul ul' ); - $css->add_property( 'width', absint( $settings['sub_menu_width'] ), absint( $defaults['sub_menu_width'] ), 'px' ); - - $css->set_selector( '.navigation-search input[type="search"]' ); - $css->add_property( 'height', absint( $settings['menu_item_height'] ), absint( $defaults['menu_item_height'] ), 'px' ); - - $css->set_selector( '.rtl .menu-item-has-children .dropdown-menu-toggle' ); - $css->add_property( 'padding-left', absint( $settings['menu_item'] ), false, 'px' ); - - $css->set_selector( '.menu-item-has-children .dropdown-menu-toggle' ); - $css->add_property( 'padding-right', absint( $settings['menu_item'] ), absint( $defaults['menu_item'] ), 'px' ); - - $css->set_selector( '.menu-item-has-children ul .dropdown-menu-toggle' ); - $css->add_property( 'padding-top', absint( $settings['sub_menu_item_height'] ), absint( $defaults['sub_menu_item_height'] ), 'px' ); - $css->add_property( 'padding-bottom', absint( $settings['sub_menu_item_height'] ), absint( $defaults['sub_menu_item_height'] ), 'px' ); - $css->add_property( 'margin-top', '-' . absint( $settings['sub_menu_item_height'] ), '-' . absint( $defaults['sub_menu_item_height'] ), 'px' ); - - $css->set_selector( '.rtl .main-navigation .main-nav ul li.menu-item-has-children > a' ); - $css->add_property( 'padding-right', absint( $settings['menu_item'] ), false, 'px' ); - - $css->set_selector( '.widget-area .widget' ); - $css->add_property( 'padding', generate_padding_css( $settings['widget_top'], $settings['widget_right'], $settings['widget_bottom'], $settings['widget_left'] ), generate_padding_css( $defaults['widget_top'], $defaults['widget_right'], $defaults['widget_bottom'], $defaults['widget_left'] ) ); - - if ( generate_is_using_flexbox() ) { - $css->set_selector( '.footer-widgets-container' ); - $css->add_property( 'padding', generate_padding_css( $settings['footer_widget_container_top'], $settings['footer_widget_container_right'], $settings['footer_widget_container_bottom'], $settings['footer_widget_container_left'] ), generate_padding_css( $defaults['footer_widget_container_top'], $defaults['footer_widget_container_right'], $defaults['footer_widget_container_bottom'], $defaults['footer_widget_container_left'] ) ); - - if ( 'boxes' === generate_get_option( 'container_alignment' ) ) { - $footer_widgets_padding = absint( $settings['footer_widget_container_right'] ) + absint( $settings['footer_widget_container_left'] ); - - $css->set_selector( '.footer-widgets-container.grid-container' ); - $css->add_property( 'max-width', generate_get_option( 'container_width' ) + $footer_widgets_padding, false, 'px' ); - } - } else { - $css->set_selector( '.footer-widgets' ); - $css->add_property( 'padding', generate_padding_css( $settings['footer_widget_container_top'], $settings['footer_widget_container_right'], $settings['footer_widget_container_bottom'], $settings['footer_widget_container_left'] ), generate_padding_css( $defaults['footer_widget_container_top'], $defaults['footer_widget_container_right'], $defaults['footer_widget_container_bottom'], $defaults['footer_widget_container_left'] ) ); - } - - $css->set_selector( '.site-footer .footer-widgets-container .inner-padding' ); - $css->add_property( 'padding', generate_padding_css( '0', '0', '0', $settings['footer_widget_separator'] ), generate_padding_css( '0', '0', '0', $defaults['footer_widget_separator'] ) ); - - $css->set_selector( '.site-footer .footer-widgets-container .inside-footer-widgets' ); - $css->add_property( 'margin-left', '-' . absint( $settings['footer_widget_separator'] ), '-' . absint( $defaults['footer_widget_separator'] ), 'px' ); - - if ( generate_is_using_flexbox() ) { - $css->set_selector( '.inside-site-info' ); - $css->add_property( 'padding', generate_padding_css( $settings['footer_top'], $settings['footer_right'], $settings['footer_bottom'], $settings['footer_left'] ), generate_padding_css( $defaults['footer_top'], $defaults['footer_right'], $defaults['footer_bottom'], $defaults['footer_left'] ) ); - - if ( 'boxes' === generate_get_option( 'container_alignment' ) ) { - $site_info_padding = absint( $settings['footer_right'] ) + absint( $settings['footer_left'] ); - - $css->set_selector( '.inside-site-info.grid-container' ); - $css->add_property( 'max-width', generate_get_option( 'container_width' ) + $site_info_padding, false, 'px' ); - } - } else { - $css->set_selector( '.site-info' ); - $css->add_property( 'padding', generate_padding_css( $settings['footer_top'], $settings['footer_right'], $settings['footer_bottom'], $settings['footer_left'] ), generate_padding_css( $defaults['footer_top'], $defaults['footer_right'], $defaults['footer_bottom'], $defaults['footer_left'] ) ); - } - - $css->start_media_query( generate_get_media_query( 'mobile' ) ); - $css->set_selector( '.separate-containers .inside-article, .separate-containers .comments-area, .separate-containers .page-header, .separate-containers .paging-navigation, .one-container .site-content, .inside-page-header' ); - $css->add_property( 'padding', generate_padding_css( $settings['mobile_content_top'], $settings['mobile_content_right'], $settings['mobile_content_bottom'], $settings['mobile_content_left'] ) ); - - if ( apply_filters( 'generate_do_group_inner_container_style', true ) ) { - $css->set_selector( '.site-main .wp-block-group__inner-container' ); - $css->add_property( 'padding', generate_padding_css( $settings['mobile_content_top'], $settings['mobile_content_right'], $settings['mobile_content_bottom'], $settings['mobile_content_left'] ) ); - } - - $css->set_selector( '.inside-top-bar' ); - - if ( '' !== $settings['mobile_top_bar_top'] ) { - $css->add_property( 'padding-top', absint( $settings['mobile_top_bar_top'] ), false, 'px' ); - } - - if ( '' !== $settings['mobile_top_bar_right'] ) { - $css->add_property( 'padding-right', absint( $settings['mobile_top_bar_right'] ), false, 'px' ); - } - - if ( '' !== $settings['mobile_top_bar_bottom'] ) { - $css->add_property( 'padding-bottom', absint( $settings['mobile_top_bar_bottom'] ), false, 'px' ); - } - - if ( '' !== $settings['mobile_top_bar_left'] ) { - $css->add_property( 'padding-left', absint( $settings['mobile_top_bar_left'] ), false, 'px' ); - } - - $css->set_selector( '.inside-header' ); - - if ( '' !== $settings['mobile_header_top'] ) { - $css->add_property( 'padding-top', absint( $settings['mobile_header_top'] ), false, 'px' ); - } - - if ( '' !== $settings['mobile_header_right'] ) { - $css->add_property( 'padding-right', absint( $settings['mobile_header_right'] ), false, 'px' ); - } - - if ( '' !== $settings['mobile_header_bottom'] ) { - $css->add_property( 'padding-bottom', absint( $settings['mobile_header_bottom'] ), false, 'px' ); - } - - if ( '' !== $settings['mobile_header_left'] ) { - $css->add_property( 'padding-left', absint( $settings['mobile_header_left'] ), false, 'px' ); - } - - $css->set_selector( '.widget-area .widget' ); - if ( '' !== $settings['mobile_widget_top'] ) { - $css->add_property( 'padding-top', absint( $settings['mobile_widget_top'] ), false, 'px' ); - } - - if ( '' !== $settings['mobile_widget_right'] ) { - $css->add_property( 'padding-right', absint( $settings['mobile_widget_right'] ), false, 'px' ); - } - - if ( '' !== $settings['mobile_widget_bottom'] ) { - $css->add_property( 'padding-bottom', absint( $settings['mobile_widget_bottom'] ), false, 'px' ); - } - - if ( '' !== $settings['mobile_widget_left'] ) { - $css->add_property( 'padding-left', absint( $settings['mobile_widget_left'] ), false, 'px' ); - } - - if ( generate_is_using_flexbox() ) { - $css->set_selector( '.footer-widgets-container' ); - } else { - $css->set_selector( '.footer-widgets' ); - } - - if ( '' !== $settings['mobile_footer_widget_container_top'] ) { - $css->add_property( 'padding-top', absint( $settings['mobile_footer_widget_container_top'] ), false, 'px' ); - } - - if ( '' !== $settings['mobile_footer_widget_container_right'] ) { - $css->add_property( 'padding-right', absint( $settings['mobile_footer_widget_container_right'] ), false, 'px' ); - } - - if ( '' !== $settings['mobile_footer_widget_container_bottom'] ) { - $css->add_property( 'padding-bottom', absint( $settings['mobile_footer_widget_container_bottom'] ), false, 'px' ); - } - - if ( '' !== $settings['mobile_footer_widget_container_left'] ) { - $css->add_property( 'padding-left', absint( $settings['mobile_footer_widget_container_left'] ), false, 'px' ); - } - - if ( generate_is_using_flexbox() ) { - $css->set_selector( '.inside-site-info' ); - } else { - $css->set_selector( '.site-info' ); - } - - if ( '' !== $settings['mobile_footer_top'] ) { - $css->add_property( 'padding-top', absint( $settings['mobile_footer_top'] ), false, 'px' ); - } - - if ( '' !== $settings['mobile_footer_right'] ) { - $css->add_property( 'padding-right', absint( $settings['mobile_footer_right'] ), false, 'px' ); - } - - if ( '' !== $settings['mobile_footer_bottom'] ) { - $css->add_property( 'padding-bottom', absint( $settings['mobile_footer_bottom'] ), false, 'px' ); - } - - if ( '' !== $settings['mobile_footer_left'] ) { - $css->add_property( 'padding-left', absint( $settings['mobile_footer_left'] ), false, 'px' ); - } - - $mobile_content_padding = absint( $settings['mobile_content_right'] ) + absint( $settings['mobile_content_left'] ); - $css->set_selector( '.entry-content .alignwide, body:not(.no-sidebar) .entry-content .alignfull' ); - $css->add_property( 'margin-left', '-' . absint( $settings['mobile_content_left'] ) . 'px' ); - $css->add_property( 'width', 'calc(100% + ' . absint( $mobile_content_padding ) . 'px)' ); - $css->add_property( 'max-width', 'calc(100% + ' . absint( $mobile_content_padding ) . 'px)' ); - - if ( '' !== $settings['mobile_separator'] ) { - if ( generate_is_using_flexbox() ) { - $css->set_selector( '.sidebar .widget, .page-header, .widget-area .main-navigation, .site-main > *' ); - } else { - $css->set_selector( '.separate-containers .widget, .separate-containers .site-main > *, .separate-containers .page-header' ); - } - - $css->add_property( 'margin-bottom', absint( $settings['mobile_separator'] ), false, 'px' ); - - $css->set_selector( '.separate-containers .site-main' ); - $css->add_property( 'margin', absint( $settings['mobile_separator'] ), false, 'px' ); - - if ( generate_is_using_flexbox() ) { - $css->set_selector( '.separate-containers .featured-image' ); - } else { - $css->set_selector( '.separate-containers .page-header-image, .separate-containers .page-header-image-single' ); - } - - $css->add_property( 'margin-top', absint( $settings['mobile_separator'] ), false, 'px' ); - - $css->set_selector( '.separate-containers .inside-right-sidebar, .separate-containers .inside-left-sidebar' ); - $css->add_property( 'margin-top', absint( $settings['mobile_separator'] ), false, 'px' ); - $css->add_property( 'margin-bottom', absint( $settings['mobile_separator'] ), false, 'px' ); - - if ( generate_is_using_flexbox() ) { - $css->set_selector( '.one-container .site-main .paging-navigation' ); - $css->add_property( 'margin-bottom', absint( $settings['mobile_separator'] ), false, 'px' ); - } - } else { - if ( generate_is_using_flexbox() ) { - $css->set_selector( '.one-container .site-main .paging-navigation' ); - $css->add_property( 'margin-bottom', absint( $settings['separator'] ), false, 'px' ); - } - } - $css->stop_media_query(); - - // Add spacing back where dropdown arrow should be. - // Old versions of WP don't get nice things. - if ( version_compare( $GLOBALS['wp_version'], '4.4', '<' ) ) { - $css->set_selector( '.main-navigation .main-nav ul li.menu-item-has-children>a, .secondary-navigation .main-nav ul li.menu-item-has-children>a' ); - $css->add_property( 'padding-right', absint( $settings['menu_item'] ), absint( $defaults['menu_item'] ), 'px' ); - } - - $output = ''; - - if ( ! generate_is_using_flexbox() ) { - $generate_settings = wp_parse_args( - get_option( 'generate_settings', array() ), - generate_get_color_defaults() - ); - - // Find out if the content background color and sidebar widget background color is the same. - $sidebar = strtoupper( $generate_settings['sidebar_widget_background_color'] ); - $content = strtoupper( $generate_settings['content_background_color'] ); - - // phpcs:ignore WordPress.PHP.StrictComparisons.LooseComparison - $colors_match = ( ( $sidebar == $content ) || '' == $sidebar ) ? true : false; - - // If they're all 40 (default), remove the padding when one container is set. - // This way, the user can still adjust the padding and it will work (unless they want 40px padding). - // We'll also remove the padding if there's no color difference between the widgets and content background color. - // phpcs:ignore WordPress.PHP.StrictComparisons.LooseComparison - if ( ( '40' == $settings['widget_top'] && '40' == $settings['widget_right'] && '40' == $settings['widget_bottom'] && '40' == $settings['widget_left'] ) && $colors_match ) { - $output .= '.one-container .sidebar .widget{padding:0px;}'; - } - } - - do_action( 'generate_spacing_css', $css ); - - return apply_filters( 'generate_spacing_css_output', $css->css_output() . $output ); - } -} - -/** - * Generates any CSS that can't be cached (can change from page to page). - * - * @since 2.0 - */ -function generate_no_cache_dynamic_css() { - $css = new GeneratePress_CSS(); - - if ( generate_is_using_flexbox() ) { - $right_sidebar_width = apply_filters( 'generate_right_sidebar_width', '30' ); - $left_sidebar_width = apply_filters( 'generate_left_sidebar_width', '30' ); - - $css->set_selector( '.is-right-sidebar' ); - $css->add_property( 'width', absint( $right_sidebar_width ) . '%' ); - - $css->set_selector( '.is-left-sidebar' ); - $css->add_property( 'width', absint( $left_sidebar_width ) . '%' ); - - $content_width = 100; - $sidebar_layout = generate_get_layout(); - - switch ( $sidebar_layout ) { - case 'right-sidebar': - $content_width = $content_width - absint( $right_sidebar_width ); - break; - - case 'left-sidebar': - $content_width = $content_width - absint( $left_sidebar_width ); - break; - - case 'both-sidebars': - case 'both-right': - case 'both-left': - $content_width = $content_width - absint( $right_sidebar_width ) - absint( $left_sidebar_width ); - break; - } - - $css->set_selector( '.site-content .content-area' ); - $css->add_property( 'width', absint( $content_width ) . '%' ); - } - - $css->start_media_query( generate_get_media_query( 'mobile-menu' ) ); - - if ( generate_is_using_flexbox() ) { - $css->set_selector( '.main-navigation .menu-toggle,.sidebar-nav-mobile:not(#sticky-placeholder)' ); - $css->add_property( 'display', 'block' ); - - $css->set_selector( '.main-navigation ul,.gen-sidebar-nav,.main-navigation:not(.slideout-navigation):not(.toggled) .main-nav > ul,.has-inline-mobile-toggle #site-navigation .inside-navigation > *:not(.navigation-search):not(.main-nav)' ); - $css->add_property( 'display', 'none' ); - - $css->set_selector( '.nav-align-right .inside-navigation,.nav-align-center .inside-navigation' ); - $css->add_property( 'justify-content', 'space-between' ); - - if ( is_rtl() ) { - $css->set_selector( '.rtl .nav-align-right .inside-navigation,.rtl .nav-align-center .inside-navigation, .rtl .nav-align-left .inside-navigation' ); - $css->add_property( 'justify-content', 'space-between' ); - } - - if ( generate_has_inline_mobile_toggle() ) { - $css->set_selector( '.has-inline-mobile-toggle .mobile-menu-control-wrapper' ); - $css->add_property( 'display', 'flex' ); - $css->add_property( 'flex-wrap', 'wrap' ); - - $css->set_selector( '.has-inline-mobile-toggle .inside-header' ); - $css->add_property( 'flex-direction', 'row' ); - $css->add_property( 'text-align', 'left' ); - $css->add_property( 'flex-wrap', 'wrap' ); - - $css->set_selector( '.has-inline-mobile-toggle .header-widget,.has-inline-mobile-toggle #site-navigation' ); - $css->add_property( 'flex-basis', '100%' ); - - $css->set_selector( '.nav-float-left .has-inline-mobile-toggle #site-navigation' ); - $css->add_property( 'order', '10' ); - } - } else { - $css->set_selector( '.main-navigation .menu-toggle,.main-navigation .mobile-bar-items,.sidebar-nav-mobile:not(#sticky-placeholder)' ); - $css->add_property( 'display', 'block' ); - - $css->set_selector( '.main-navigation ul,.gen-sidebar-nav' ); - $css->add_property( 'display', 'none' ); - - $css->set_selector( '[class*="nav-float-"] .site-header .inside-header > *' ); - $css->add_property( 'float', 'none' ); - $css->add_property( 'clear', 'both' ); - } - - $css->stop_media_query(); - - return $css->css_output(); -} - -/** - * Get all of our dynamic CSS to be cached/added to a file. - * - * @since 3.0.0 - */ -function generate_get_dynamic_css() { - $css = generate_base_css() . generate_font_css() . generate_advanced_css() . generate_spacing_css(); - - return apply_filters( 'generate_dynamic_css', $css ); -} - -add_action( 'wp_enqueue_scripts', 'generate_enqueue_dynamic_css', 50 ); -/** - * Enqueue our dynamic CSS. - * - * @since 2.0 - */ -function generate_enqueue_dynamic_css() { - if ( apply_filters( 'generate_using_dynamic_css_external_file', false ) ) { - $css = ''; - } elseif ( ! get_option( 'generate_dynamic_css_output', false ) || is_customize_preview() || apply_filters( 'generate_dynamic_css_skip_cache', false ) ) { - $css = generate_get_dynamic_css(); - } else { - $css = get_option( 'generate_dynamic_css_output' ) . '/* End cached CSS */'; - } - - $css = $css . generate_no_cache_dynamic_css(); - - wp_add_inline_style( 'generate-style', wp_strip_all_tags( $css ) ); -} - -add_action( 'init', 'generate_set_dynamic_css_cache' ); -/** - * Sets our dynamic CSS cache if it doesn't exist. - * - * If the theme version changed, bust the cache. - * - * @since 2.0 - */ -function generate_set_dynamic_css_cache() { - if ( apply_filters( 'generate_dynamic_css_skip_cache', false ) ) { - return; - } - - $cached_css = get_option( 'generate_dynamic_css_output', false ); - $cached_version = get_option( 'generate_dynamic_css_cached_version', '' ); - - if ( ! $cached_css || GENERATE_VERSION !== $cached_version ) { - $css = generate_base_css() . generate_font_css() . generate_advanced_css() . generate_spacing_css(); - - update_option( 'generate_dynamic_css_output', wp_strip_all_tags( $css ) ); - update_option( 'generate_dynamic_css_cached_version', esc_html( GENERATE_VERSION ) ); - } -} - -add_action( 'customize_save_after', 'generate_update_dynamic_css_cache' ); -/** - * Update our CSS cache when done saving Customizer options. - * - * @since 2.0 - */ -function generate_update_dynamic_css_cache() { - if ( apply_filters( 'generate_dynamic_css_skip_cache', false ) ) { - return; - } - - $css = generate_base_css() . generate_font_css() . generate_advanced_css() . generate_spacing_css(); - update_option( 'generate_dynamic_css_output', wp_strip_all_tags( $css ) ); -} + section using the Theme Customizer. + * + * @since 0.1 + */ + function generate_base_css() { + $settings = wp_parse_args( + get_option( 'generate_settings', array() ), + generate_get_defaults() + ); + + $css = new GeneratePress_CSS(); + + $css->set_selector( 'body' ); + $css->add_property( 'background-color', $settings['background_color'] ); + $css->add_property( 'color', $settings['text_color'] ); + + $css->set_selector( 'a' ); + $css->add_property( 'color', $settings['link_color'] ); + + $css->set_selector( 'a:visited' )->add_property( 'color', $settings['link_color_visited'] ); + + $underline_links = generate_get_option( 'underline_links' ); + + if ( 'never' !== $underline_links ) { + if ( 'always' === $underline_links ) { + $css->set_selector( 'a' ); + $css->add_property( 'text-decoration', 'underline' ); + } + + if ( 'hover' === $underline_links ) { + $css->set_selector( 'a:hover, a:focus' ); + $css->add_property( 'text-decoration', 'underline' ); + } + + if ( 'not-hover' === $underline_links ) { + $css->set_selector( 'a' ); + $css->add_property( 'text-decoration', 'underline' ); + + $css->set_selector( 'a:hover, a:focus' ); + $css->add_property( 'text-decoration', 'none' ); + } + + $css->set_selector( '.entry-title a, .site-branding a, a.button, .wp-block-button__link, .main-navigation a' ); + $css->add_property( 'text-decoration', 'none' ); + } + + $css->set_selector( 'a:hover, a:focus, a:active' ); + $css->add_property( 'color', $settings['link_color_hover'] ); + + if ( generate_is_using_flexbox() ) { + if ( 1200 !== (int) $settings['container_width'] ) { + $css->set_selector( '.grid-container' )->add_property( 'max-width', absint( $settings['container_width'] ), false, 'px' ); + } + } else { + $css->set_selector( 'body .grid-container' )->add_property( 'max-width', absint( $settings['container_width'] ), false, 'px' ); + } + + if ( apply_filters( 'generate_do_group_inner_container_style', true ) ) { + $css->set_selector( '.wp-block-group__inner-container' ); + $css->add_property( 'max-width', absint( $settings['container_width'] ), false, 'px' ); + $css->add_property( 'margin-left', 'auto' ); + $css->add_property( 'margin-right', 'auto' ); + } + + $nav_drop_point = generate_get_option( 'nav_drop_point' ); + $nav_location = generate_get_navigation_location(); + + if ( ( 'nav-float-right' === $nav_location || 'nav-float-left' === $nav_location ) && $nav_drop_point ) { + $media_query = sprintf( + '(max-width: %1$s) and %2$s', + absint( $nav_drop_point ) . 'px', + apply_filters( 'generate_not_mobile_menu_media_query', '(min-width: 769px)' ) + ); + + $css->start_media_query( $media_query ); + $css->set_selector( '.inside-header' ); + $css->add_property( 'display', 'flex' ); + $css->add_property( 'flex-direction', 'column' ); + $css->add_property( 'align-items', 'center' ); + + $css->set_selector( '.site-logo, .site-branding' ); + $css->add_property( 'margin-bottom', '1.5em' ); + + $css->set_selector( '#site-navigation' ); + $css->add_property( 'margin', '0 auto' ); + + $css->set_selector( '.header-widget' ); + $css->add_property( 'margin-top', '1.5em' ); + + // phpcs:ignore Generic.WhiteSpace.ScopeIndent.IncorrectExact -- Indented inside media query. + if ( 'nav-float-left' === generate_get_option( 'nav_position_setting' ) ) { + $css->set_selector( '.nav-float-left .site-logo,.nav-float-left .site-branding,.nav-float-left .header-widget' ); + $css->add_property( 'order', 'initial' ); + } // phpcs:ignore Generic.WhiteSpace.ScopeIndent.IncorrectExact -- Indented inside media query. + $css->stop_media_query(); + } + + if ( generate_get_option( 'logo_width' ) ) { + $css->set_selector( '.site-header .header-image' ); + $css->add_property( 'width', absint( generate_get_option( 'logo_width' ) ), false, 'px' ); + } + + if ( generate_get_option( 'back_to_top' ) ) { + $css->set_selector( '.generate-back-to-top' ); + $css->add_property( 'font-size', '20px' ); + $css->add_property( 'border-radius', '3px' ); + $css->add_property( 'position', 'fixed' ); + $css->add_property( 'bottom', '30px' ); + $css->add_property( 'right', '30px' ); + $css->add_property( 'line-height', '40px' ); + $css->add_property( 'width', '40px' ); + $css->add_property( 'text-align', 'center' ); + $css->add_property( 'z-index', '10' ); + $css->add_property( 'transition', 'opacity 300ms ease-in-out' ); + } + + if ( 'enable' === generate_get_option( 'nav_search' ) ) { + $css->set_selector( '.navigation-search' ); + $css->add_property( 'position', 'absolute' ); + $css->add_property( 'left', '-99999px' ); + $css->add_property( 'pointer-events', 'none' ); + $css->add_property( 'visibility', 'hidden' ); + $css->add_property( 'z-index', '20' ); + $css->add_property( 'width', '100%' ); + $css->add_property( 'top', '0' ); + $css->add_property( 'transition', 'opacity 100ms ease-in-out' ); + $css->add_property( 'opacity', '0' ); + + $css->set_selector( '.navigation-search.nav-search-active' ); + $css->add_property( 'left', '0' ); + $css->add_property( 'right', '0' ); + $css->add_property( 'pointer-events', 'auto' ); + $css->add_property( 'visibility', 'visible' ); + $css->add_property( 'opacity', '1' ); + + $css->set_selector( '.navigation-search input[type="search"]' ); + $css->add_property( 'outline', '0' ); + $css->add_property( 'border', '0' ); + $css->add_property( 'vertical-align', 'bottom' ); + $css->add_property( 'line-height', '1' ); + $css->add_property( 'opacity', '0.9' ); + $css->add_property( 'width', '100%' ); + $css->add_property( 'z-index', '20' ); + $css->add_property( 'border-radius', '0' ); + $css->add_property( '-webkit-appearance', 'none' ); + $css->add_property( 'height', '60px' ); + + $css->set_selector( '.navigation-search input::-ms-clear' ); + $css->add_property( 'display', 'none' ); + $css->add_property( 'width', '0' ); + $css->add_property( 'height', '0' ); + + $css->set_selector( '.navigation-search input::-ms-reveal' ); + $css->add_property( 'display', 'none' ); + $css->add_property( 'width', '0' ); + $css->add_property( 'height', '0' ); + + $css->set_selector( '.navigation-search input::-webkit-search-decoration, .navigation-search input::-webkit-search-cancel-button, .navigation-search input::-webkit-search-results-button, .navigation-search input::-webkit-search-results-decoration' ); + $css->add_property( 'display', 'none' ); + + if ( ! generate_is_using_flexbox() ) { + $css->set_selector( '.main-navigation li.search-item' ); + $css->add_property( 'z-index', '21' ); + + $css->set_selector( 'li.search-item.active' ); + $css->add_property( 'transition', 'opacity 100ms ease-in-out' ); + + $css->set_selector( '.nav-left-sidebar .main-navigation li.search-item.active,.nav-right-sidebar .main-navigation li.search-item.active' ); + $css->add_property( 'width', 'auto' ); + $css->add_property( 'display', 'inline-block' ); + $css->add_property( 'float', 'right' ); + } + + $css->set_selector( '.gen-sidebar-nav .navigation-search' ); + $css->add_property( 'top', 'auto' ); + $css->add_property( 'bottom', '0' ); + } + + if ( 'click' === generate_get_option( 'nav_dropdown_type' ) || 'click-arrow' === generate_get_option( 'nav_dropdown_type' ) ) { + $css->set_selector( '.dropdown-click .main-navigation ul ul' ); + $css->add_property( 'display', 'none' ); + $css->add_property( 'visibility', 'hidden' ); + + $css->set_selector( '.dropdown-click .main-navigation ul ul ul.toggled-on' ); + $css->add_property( 'left', '0' ); + $css->add_property( 'top', 'auto' ); + $css->add_property( 'position', 'relative' ); + $css->add_property( 'box-shadow', 'none' ); + $css->add_property( 'border-bottom', '1px solid rgba(0,0,0,0.05)' ); + + $css->set_selector( '.dropdown-click .main-navigation ul ul li:last-child > ul.toggled-on' ); + $css->add_property( 'border-bottom', '0' ); + + $css->set_selector( '.dropdown-click .main-navigation ul.toggled-on, .dropdown-click .main-navigation ul li.sfHover > ul.toggled-on' ); + $css->add_property( 'display', 'block' ); + $css->add_property( 'left', 'auto' ); + $css->add_property( 'right', 'auto' ); + $css->add_property( 'opacity', '1' ); + $css->add_property( 'visibility', 'visible' ); + $css->add_property( 'pointer-events', 'auto' ); + $css->add_property( 'height', 'auto' ); + $css->add_property( 'overflow', 'visible' ); + $css->add_property( 'float', 'none' ); + + $css->set_selector( '.dropdown-click .main-navigation.sub-menu-left .sub-menu.toggled-on, .dropdown-click .main-navigation.sub-menu-left ul li.sfHover > ul.toggled-on' ); + $css->add_property( 'right', '0' ); + + $css->set_selector( '.dropdown-click nav ul ul ul' ); + $css->add_property( 'background-color', 'transparent' ); + + $css->set_selector( '.dropdown-click .widget-area .main-navigation ul ul' ); + $css->add_property( 'top', 'auto' ); + $css->add_property( 'position', 'absolute' ); + $css->add_property( 'float', 'none' ); + $css->add_property( 'width', '100%' ); + $css->add_property( 'left', '-99999px' ); + + $css->set_selector( '.dropdown-click .widget-area .main-navigation ul ul.toggled-on' ); + $css->add_property( 'position', 'relative' ); + $css->add_property( 'left', '0' ); + $css->add_property( 'right', '0' ); + + $css->set_selector( '.dropdown-click .widget-area.sidebar .main-navigation ul li.sfHover ul, .dropdown-click .widget-area.sidebar .main-navigation ul li:hover ul' ); + $css->add_property( 'right', '0' ); + $css->add_property( 'left', '0' ); + + $css->set_selector( '.dropdown-click .sfHover > a > .dropdown-menu-toggle > .gp-icon svg' ); + $css->add_property( 'transform', 'rotate(180deg)' ); + } + + $css->set_selector( ':root' ); + + $global_colors = generate_get_global_colors(); + + if ( ! empty( $global_colors ) ) { + foreach ( (array) $global_colors as $key => $data ) { + if ( ! empty( $data['slug'] ) && ! empty( $data['color'] ) ) { + $css->add_property( '--' . $data['slug'], $data['color'] ); + } + } + + foreach ( (array) $global_colors as $key => $data ) { + if ( ! empty( $data['slug'] ) && ! empty( $data['color'] ) ) { + $css->set_selector( '.has-' . $data['slug'] . '-color' ); + $css->add_property( 'color', $data['color'] ); + + $css->set_selector( '.has-' . $data['slug'] . '-background-color' ); + $css->add_property( 'background-color', $data['color'] ); + } + } + } + + do_action( 'generate_base_css', $css ); + + return apply_filters( 'generate_base_css_output', $css->css_output() ); + } +} + +if ( ! function_exists( 'generate_advanced_css' ) ) { + /** + * Generate the CSS in the section using the Theme Customizer. + * + * @since 0.1 + */ + function generate_advanced_css() { + $settings = wp_parse_args( + get_option( 'generate_settings', array() ), + generate_get_color_defaults() + ); + + $css = new GeneratePress_CSS(); + + $css->set_selector( '.top-bar' ); + $css->add_property( 'background-color', $settings['top_bar_background_color'] ); + $css->add_property( 'color', $settings['top_bar_text_color'] ); + + $css->set_selector( '.top-bar a' ); + $css->add_property( 'color', $settings['top_bar_link_color'] ); + + $css->set_selector( '.top-bar a:hover' ); + $css->add_property( 'color', $settings['top_bar_link_color_hover'] ); + + $css->set_selector( '.site-header' ); + $css->add_property( 'background-color', $settings['header_background_color'] ); + $css->add_property( 'color', $settings['header_text_color'] ); + + $css->set_selector( '.site-header a' ); + $css->add_property( 'color', $settings['header_link_color'] ); + + $css->set_selector( '.site-header a:hover' ); + $css->add_property( 'color', $settings['header_link_hover_color'] ); + + $css->set_selector( '.main-title a,.main-title a:hover' ); + $css->add_property( 'color', $settings['site_title_color'] ); + + $css->set_selector( '.site-description' ); + $css->add_property( 'color', $settings['site_tagline_color'] ); + + if ( $settings['navigation_background_color'] === $settings['header_background_color'] ) { + $css->set_selector( '.mobile-menu-control-wrapper .menu-toggle,.mobile-menu-control-wrapper .menu-toggle:hover,.mobile-menu-control-wrapper .menu-toggle:focus,.has-inline-mobile-toggle #site-navigation.toggled' ); + $css->add_property( 'background-color', 'rgba(0, 0, 0, 0.02)' ); + } + + $css->set_selector( '.main-navigation,.main-navigation ul ul' ); + $css->add_property( 'background-color', $settings['navigation_background_color'] ); + + $css->set_selector( '.main-navigation .main-nav ul li a, .main-navigation .menu-toggle, .main-navigation .menu-bar-items' ); + $css->add_property( 'color', $settings['navigation_text_color'] ); + + $css->set_selector( '.main-navigation .main-nav ul li:not([class*="current-menu-"]):hover > a, .main-navigation .main-nav ul li:not([class*="current-menu-"]):focus > a, .main-navigation .main-nav ul li.sfHover:not([class*="current-menu-"]) > a, .main-navigation .menu-bar-item:hover > a, .main-navigation .menu-bar-item.sfHover > a' ); + $css->add_property( 'color', $settings['navigation_text_hover_color'] ); + $css->add_property( 'background-color', $settings['navigation_background_hover_color'] ); + + if ( generate_is_using_flexbox() ) { + $css->set_selector( 'button.menu-toggle:hover,button.menu-toggle:focus' ); + } else { + $css->set_selector( 'button.menu-toggle:hover,button.menu-toggle:focus,.main-navigation .mobile-bar-items a,.main-navigation .mobile-bar-items a:hover,.main-navigation .mobile-bar-items a:focus' ); + } + + $css->add_property( 'color', $settings['navigation_text_color'] ); + + $css->set_selector( '.main-navigation .main-nav ul li[class*="current-menu-"] > a' ); + $css->add_property( 'color', $settings['navigation_text_current_color'] ); + $css->add_property( 'background-color', $settings['navigation_background_current_color'] ); + + $navigation_search_background = $settings['navigation_background_hover_color']; + $navigation_search_text = $settings['navigation_text_hover_color']; + + if ( '' !== $settings['navigation_search_background_color'] ) { + $navigation_search_background = $settings['navigation_search_background_color']; + } + + if ( '' !== $settings['navigation_search_text_color'] ) { + $navigation_search_text = $settings['navigation_search_text_color']; + } + + $css->set_selector( '.navigation-search input[type="search"],.navigation-search input[type="search"]:active, .navigation-search input[type="search"]:focus, .main-navigation .main-nav ul li.search-item.active > a, .main-navigation .menu-bar-items .search-item.active > a' ); + $css->add_property( 'color', $navigation_search_text ); + $css->add_property( 'background-color', $navigation_search_background ); + + if ( '' !== $settings['navigation_search_background_color'] ) { + $css->add_property( 'opacity', '1' ); + } + + $css->set_selector( '.main-navigation ul ul' ); + $css->add_property( 'background-color', $settings['subnavigation_background_color'] ); + + $css->set_selector( '.main-navigation .main-nav ul ul li a' ); + $css->add_property( 'color', $settings['subnavigation_text_color'] ); + + $css->set_selector( '.main-navigation .main-nav ul ul li:not([class*="current-menu-"]):hover > a,.main-navigation .main-nav ul ul li:not([class*="current-menu-"]):focus > a, .main-navigation .main-nav ul ul li.sfHover:not([class*="current-menu-"]) > a' ); + $css->add_property( 'color', $settings['subnavigation_text_hover_color'] ); + $css->add_property( 'background-color', $settings['subnavigation_background_hover_color'] ); + + $css->set_selector( '.main-navigation .main-nav ul ul li[class*="current-menu-"] > a' ); + $css->add_property( 'color', $settings['subnavigation_text_current_color'] ); + $css->add_property( 'background-color', $settings['subnavigation_background_current_color'] ); + + $css->set_selector( '.separate-containers .inside-article, .separate-containers .comments-area, .separate-containers .page-header, .one-container .container, .separate-containers .paging-navigation, .inside-page-header' ); + $css->add_property( 'color', $settings['content_text_color'] ); + $css->add_property( 'background-color', $settings['content_background_color'] ); + + $css->set_selector( '.inside-article a,.paging-navigation a,.comments-area a,.page-header a' ); + $css->add_property( 'color', $settings['content_link_color'] ); + + $css->set_selector( '.inside-article a:hover,.paging-navigation a:hover,.comments-area a:hover,.page-header a:hover' ); + $css->add_property( 'color', $settings['content_link_hover_color'] ); + + $css->set_selector( '.entry-header h1,.page-header h1' ); + $css->add_property( 'color', $settings['content_title_color'] ); + + $css->set_selector( '.entry-title a' ); + $css->add_property( 'color', $settings['blog_post_title_color'] ); + + $css->set_selector( '.entry-title a:hover' ); + $css->add_property( 'color', $settings['blog_post_title_hover_color'] ); + + $css->set_selector( '.entry-meta' ); + $css->add_property( 'color', $settings['entry_meta_text_color'] ); + + $css->set_selector( '.entry-meta a' ); + $css->add_property( 'color', $settings['entry_meta_link_color'] ); + + $css->set_selector( '.entry-meta a:hover' ); + $css->add_property( 'color', $settings['entry_meta_link_color_hover'] ); + + $css->set_selector( 'h1' ); + $css->add_property( 'color', $settings['h1_color'] ); + + $css->set_selector( 'h2' ); + $css->add_property( 'color', $settings['h2_color'] ); + + $css->set_selector( 'h3' ); + $css->add_property( 'color', $settings['h3_color'] ); + + $css->set_selector( 'h4' ); + $css->add_property( 'color', $settings['h4_color'] ); + + $css->set_selector( 'h5' ); + $css->add_property( 'color', $settings['h5_color'] ); + + $css->set_selector( 'h6' ); + $css->add_property( 'color', $settings['h6_color'] ); + + $css->set_selector( '.sidebar .widget' ); + $css->add_property( 'color', $settings['sidebar_widget_text_color'] ); + $css->add_property( 'background-color', $settings['sidebar_widget_background_color'] ); + + $css->set_selector( '.sidebar .widget a' ); + $css->add_property( 'color', $settings['sidebar_widget_link_color'] ); + + $css->set_selector( '.sidebar .widget a:hover' ); + $css->add_property( 'color', $settings['sidebar_widget_link_hover_color'] ); + + $css->set_selector( '.sidebar .widget .widget-title' ); + $css->add_property( 'color', $settings['sidebar_widget_title_color'] ); + + $css->set_selector( '.footer-widgets' ); + $css->add_property( 'color', $settings['footer_widget_text_color'] ); + $css->add_property( 'background-color', $settings['footer_widget_background_color'] ); + + $css->set_selector( '.footer-widgets a' ); + $css->add_property( 'color', $settings['footer_widget_link_color'] ); + + $css->set_selector( '.footer-widgets a:hover' ); + $css->add_property( 'color', $settings['footer_widget_link_hover_color'] ); + + $css->set_selector( '.footer-widgets .widget-title' ); + $css->add_property( 'color', $settings['footer_widget_title_color'] ); + + $css->set_selector( '.site-info' ); + $css->add_property( 'color', $settings['footer_text_color'] ); + $css->add_property( 'background-color', $settings['footer_background_color'] ); + + $css->set_selector( '.site-info a' ); + $css->add_property( 'color', $settings['footer_link_color'] ); + + $css->set_selector( '.site-info a:hover' ); + $css->add_property( 'color', $settings['footer_link_hover_color'] ); + + $css->set_selector( '.footer-bar .widget_nav_menu .current-menu-item a' ); + $css->add_property( 'color', $settings['footer_link_hover_color'] ); + + $css->set_selector( 'input[type="text"],input[type="email"],input[type="url"],input[type="password"],input[type="search"],input[type="tel"],input[type="number"],textarea,select' ); + $css->add_property( 'color', $settings['form_text_color'] ); + $css->add_property( 'background-color', $settings['form_background_color'] ); + $css->add_property( 'border-color', $settings['form_border_color'] ); + + $css->set_selector( 'input[type="text"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="password"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="number"]:focus,textarea:focus,select:focus' ); + $css->add_property( 'color', $settings['form_text_color_focus'] ); + $css->add_property( 'background-color', $settings['form_background_color_focus'] ); + $css->add_property( 'border-color', $settings['form_border_color_focus'] ); + + $css->set_selector( 'button,html input[type="button"],input[type="reset"],input[type="submit"],a.button,a.wp-block-button__link:not(.has-background)' ); + $css->add_property( 'color', $settings['form_button_text_color'] ); + $css->add_property( 'background-color', $settings['form_button_background_color'] ); + + $css->set_selector( 'button:hover,html input[type="button"]:hover,input[type="reset"]:hover,input[type="submit"]:hover,a.button:hover,button:focus,html input[type="button"]:focus,input[type="reset"]:focus,input[type="submit"]:focus,a.button:focus,a.wp-block-button__link:not(.has-background):active,a.wp-block-button__link:not(.has-background):focus,a.wp-block-button__link:not(.has-background):hover' ); + $css->add_property( 'color', $settings['form_button_text_color_hover'] ); + $css->add_property( 'background-color', $settings['form_button_background_color_hover'] ); + + $css->set_selector( 'a.generate-back-to-top' ); + $css->add_property( 'background-color', $settings['back_to_top_background_color'] ); + $css->add_property( 'color', $settings['back_to_top_text_color'] ); + + $css->set_selector( 'a.generate-back-to-top:hover,a.generate-back-to-top:focus' ); + $css->add_property( 'background-color', $settings['back_to_top_background_color_hover'] ); + $css->add_property( 'color', $settings['back_to_top_text_color_hover'] ); + + $css->start_media_query( generate_get_media_query( 'mobile-menu' ) ); + $css->set_selector( '.main-navigation .menu-bar-item:hover > a, .main-navigation .menu-bar-item.sfHover > a' ); + $css->add_property( 'background', 'none' ); + $css->add_property( 'color', $settings['navigation_text_color'] ); + $css->stop_media_query(); + + do_action( 'generate_colors_css', $css ); + + return apply_filters( 'generate_colors_css_output', $css->css_output() ); + } +} + +if ( ! function_exists( 'generate_font_css' ) ) { + /** + * Generate the CSS in the section using the Theme Customizer. + * + * @since 0.1 + */ + function generate_font_css() { + + $settings = wp_parse_args( + get_option( 'generate_settings', array() ), + generate_get_default_fonts() + ); + + $defaults = generate_get_default_fonts( false ); + + $css = new GeneratePress_CSS(); + + $body_family = generate_get_font_family_css( 'font_body', 'generate_settings', generate_get_default_fonts() ); + $top_bar_family = generate_get_font_family_css( 'font_top_bar', 'generate_settings', generate_get_default_fonts() ); + $site_title_family = generate_get_font_family_css( 'font_site_title', 'generate_settings', generate_get_default_fonts() ); + $site_tagline_family = generate_get_font_family_css( 'font_site_tagline', 'generate_settings', generate_get_default_fonts() ); + $navigation_family = generate_get_font_family_css( 'font_navigation', 'generate_settings', generate_get_default_fonts() ); + $widget_family = generate_get_font_family_css( 'font_widget_title', 'generate_settings', generate_get_default_fonts() ); + $h1_family = generate_get_font_family_css( 'font_heading_1', 'generate_settings', generate_get_default_fonts() ); + $h2_family = generate_get_font_family_css( 'font_heading_2', 'generate_settings', generate_get_default_fonts() ); + $h3_family = generate_get_font_family_css( 'font_heading_3', 'generate_settings', generate_get_default_fonts() ); + $h4_family = generate_get_font_family_css( 'font_heading_4', 'generate_settings', generate_get_default_fonts() ); + $h5_family = generate_get_font_family_css( 'font_heading_5', 'generate_settings', generate_get_default_fonts() ); + $h6_family = generate_get_font_family_css( 'font_heading_6', 'generate_settings', generate_get_default_fonts() ); + $footer_family = generate_get_font_family_css( 'font_footer', 'generate_settings', generate_get_default_fonts() ); + $buttons_family = generate_get_font_family_css( 'font_buttons', 'generate_settings', generate_get_default_fonts() ); + + $css->set_selector( 'body, button, input, select, textarea' ); + $css->add_property( 'font-family', $body_family ); + $css->add_property( 'font-weight', $settings['body_font_weight'], $defaults['body_font_weight'] ); + $css->add_property( 'text-transform', $settings['body_font_transform'], $defaults['body_font_transform'] ); + $css->add_property( 'font-size', $settings['body_font_size'], $defaults['body_font_size'], 'px' ); + + $css->set_selector( 'body' ); + $css->add_property( 'line-height', floatval( $settings['body_line_height'] ), $defaults['body_line_height'] ); + + $css->set_selector( 'p' ); + $css->add_property( 'margin-bottom', floatval( $settings['paragraph_margin'] ), $defaults['paragraph_margin'], 'em' ); + + if ( apply_filters( 'generate_do_wp_block_margin_bottom', true ) ) { + $css->set_selector( '.entry-content > [class*="wp-block-"]:not(:last-child)' ); + $css->add_property( 'margin-bottom', floatval( $settings['paragraph_margin'] ), false, 'em' ); + } + + $css->set_selector( '.top-bar' ); + $css->add_property( 'font-family', $defaults['font_top_bar'] !== $settings['font_top_bar'] ? $top_bar_family : null ); + $css->add_property( 'font-weight', $settings['top_bar_font_weight'], $defaults['top_bar_font_weight'] ); + $css->add_property( 'text-transform', $settings['top_bar_font_transform'], $defaults['top_bar_font_transform'] ); + $css->add_property( 'font-size', absint( $settings['top_bar_font_size'] ), absint( $defaults['top_bar_font_size'] ), 'px' ); + + $css->set_selector( '.main-title' ); + $css->add_property( 'font-family', $defaults['font_site_title'] !== $settings['font_site_title'] ? $site_title_family : null ); + $css->add_property( 'font-weight', $settings['site_title_font_weight'], $defaults['site_title_font_weight'] ); + $css->add_property( 'text-transform', $settings['site_title_font_transform'], $defaults['site_title_font_transform'] ); + $css->add_property( 'font-size', absint( $settings['site_title_font_size'] ), $defaults['site_title_font_size'], 'px' ); + + $css->set_selector( '.site-description' ); + $css->add_property( 'font-family', $defaults['font_site_tagline'] !== $settings['font_site_tagline'] ? $site_tagline_family : null ); + $css->add_property( 'font-weight', $settings['site_tagline_font_weight'], $defaults['site_tagline_font_weight'] ); + $css->add_property( 'text-transform', $settings['site_tagline_font_transform'], $defaults['site_tagline_font_transform'] ); + + if ( ! empty( $settings['site_tagline_font_size'] ) ) { + $css->add_property( 'font-size', absint( $settings['site_tagline_font_size'] ), $defaults['site_tagline_font_size'], 'px' ); + } else { + $css->add_property( 'font-size', 'inherit' ); + } + + $css->set_selector( '.main-navigation a, .menu-toggle' ); + $css->add_property( 'font-family', $defaults['font_navigation'] !== $settings['font_navigation'] ? $navigation_family : null ); + $css->add_property( 'font-weight', $settings['navigation_font_weight'], $defaults['navigation_font_weight'] ); + $css->add_property( 'text-transform', $settings['navigation_font_transform'], $defaults['navigation_font_transform'] ); + + if ( ! empty( $settings['navigation_font_size'] ) ) { + $css->add_property( 'font-size', absint( $settings['navigation_font_size'] ), $defaults['navigation_font_size'], 'px' ); + } else { + $css->add_property( 'font-size', 'inherit' ); + } + + if ( generate_is_using_flexbox() ) { + $css->set_selector( '.main-navigation .menu-bar-items' ); + + if ( ! empty( $settings['navigation_font_size'] ) ) { + $css->add_property( 'font-size', absint( $settings['navigation_font_size'] ), $defaults['navigation_font_size'], 'px' ); + } else { + $css->add_property( 'font-size', 'inherit' ); + } + } + + $css->set_selector( '.main-navigation .main-nav ul ul li a' ); + + if ( ! empty( $settings['navigation_font_size'] ) ) { + $subnav_font_size = $settings['navigation_font_size'] >= 17 ? $settings['navigation_font_size'] - 3 : $settings['navigation_font_size'] - 1; + $css->add_property( 'font-size', absint( $subnav_font_size ), false, 'px' ); + } + + $css->set_selector( '.widget-title' ); + $css->add_property( 'font-family', $defaults['font_widget_title'] !== $settings['font_widget_title'] ? $widget_family : null ); + $css->add_property( 'font-weight', $settings['widget_title_font_weight'], $defaults['widget_title_font_weight'] ); + $css->add_property( 'text-transform', $settings['widget_title_font_transform'], $defaults['widget_title_font_transform'] ); + + if ( ! empty( $settings['widget_title_font_size'] ) ) { + $css->add_property( 'font-size', $settings['widget_title_font_size'], $defaults['widget_title_font_size'], 'px' ); + } else { + $css->add_property( 'font-size', 'inherit' ); + } + + $css->add_property( 'margin-bottom', absint( $settings['widget_title_separator'] ), absint( $defaults['widget_title_separator'] ), 'px' ); + + $css->set_selector( '.sidebar .widget, .footer-widgets .widget' ); + + if ( ! empty( $settings['widget_content_font_size'] ) ) { + $css->add_property( 'font-size', absint( $settings['widget_content_font_size'] ), false, 'px' ); + } else { + $css->add_property( 'font-size', 'inherit' ); + } + + $css->set_selector( 'button:not(.menu-toggle),html input[type="button"],input[type="reset"],input[type="submit"],.button,.wp-block-button .wp-block-button__link' ); + $css->add_property( 'font-family', $defaults['font_buttons'] !== $settings['font_buttons'] ? $buttons_family : null ); + $css->add_property( 'font-weight', $settings['buttons_font_weight'], $defaults['buttons_font_weight'] ); + $css->add_property( 'text-transform', $settings['buttons_font_transform'], $defaults['buttons_font_transform'] ); + $css->add_property( 'font-size', absint( $settings['buttons_font_size'] ), $defaults['buttons_font_size'], 'px' ); + + $css->set_selector( 'h1' ); + $css->add_property( 'font-family', $defaults['font_heading_1'] !== $settings['font_heading_1'] ? $h1_family : null ); + $css->add_property( 'font-weight', $settings['heading_1_weight'], $defaults['heading_1_weight'] ); + $css->add_property( 'text-transform', $settings['heading_1_transform'], $defaults['heading_1_transform'] ); + $css->add_property( 'font-size', absint( $settings['heading_1_font_size'] ), $defaults['heading_1_font_size'], 'px' ); + $css->add_property( 'line-height', floatval( $settings['heading_1_line_height'] ), $defaults['heading_1_line_height'], 'em' ); + $css->add_property( 'margin-bottom', floatval( $settings['heading_1_margin_bottom'] ), $defaults['heading_1_margin_bottom'], 'px' ); + + $css->set_selector( 'h2' ); + $css->add_property( 'font-family', $defaults['font_heading_2'] !== $settings['font_heading_2'] ? $h2_family : null ); + $css->add_property( 'font-weight', $settings['heading_2_weight'], $defaults['heading_2_weight'] ); + $css->add_property( 'text-transform', $settings['heading_2_transform'], $defaults['heading_2_transform'] ); + $css->add_property( 'font-size', absint( $settings['heading_2_font_size'] ), $defaults['heading_2_font_size'], 'px' ); + $css->add_property( 'line-height', floatval( $settings['heading_2_line_height'] ), $defaults['heading_2_line_height'], 'em' ); + $css->add_property( 'margin-bottom', floatval( $settings['heading_2_margin_bottom'] ), $defaults['heading_2_margin_bottom'], 'px' ); + + $css->set_selector( 'h3' ); + $css->add_property( 'font-family', $defaults['font_heading_3'] !== $settings['font_heading_3'] ? $h3_family : null ); + $css->add_property( 'font-weight', $settings['heading_3_weight'], $defaults['heading_3_weight'] ); + $css->add_property( 'text-transform', $settings['heading_3_transform'], $defaults['heading_3_transform'] ); + $css->add_property( 'font-size', absint( $settings['heading_3_font_size'] ), $defaults['heading_3_font_size'], 'px' ); + $css->add_property( 'line-height', floatval( $settings['heading_3_line_height'] ), $defaults['heading_3_line_height'], 'em' ); + $css->add_property( 'margin-bottom', floatval( $settings['heading_3_margin_bottom'] ), $defaults['heading_3_margin_bottom'], 'px' ); + + $css->set_selector( 'h4' ); + $css->add_property( 'font-family', $defaults['font_heading_4'] !== $settings['font_heading_4'] ? $h4_family : null ); + $css->add_property( 'font-weight', $settings['heading_4_weight'], $defaults['heading_4_weight'] ); + $css->add_property( 'text-transform', $settings['heading_4_transform'], $defaults['heading_4_transform'] ); + + if ( ! empty( $settings['heading_4_font_size'] ) ) { + $css->add_property( 'font-size', absint( $settings['heading_4_font_size'] ), $defaults['heading_4_font_size'], 'px' ); + } else { + $css->add_property( 'font-size', 'inherit' ); + } + + if ( '' !== $settings['heading_4_line_height'] ) { + $css->add_property( 'line-height', floatval( $settings['heading_4_line_height'] ), $defaults['heading_4_line_height'], 'em' ); + } + + $css->set_selector( 'h5' ); + $css->add_property( 'font-family', $defaults['font_heading_5'] !== $settings['font_heading_5'] ? $h5_family : null ); + $css->add_property( 'font-weight', $settings['heading_5_weight'], $defaults['heading_5_weight'] ); + $css->add_property( 'text-transform', $settings['heading_5_transform'], $defaults['heading_5_transform'] ); + + if ( ! empty( $settings['heading_5_font_size'] ) ) { + $css->add_property( 'font-size', absint( $settings['heading_5_font_size'] ), $defaults['heading_5_font_size'], 'px' ); + } else { + $css->add_property( 'font-size', 'inherit' ); + } + + if ( '' !== $settings['heading_5_line_height'] ) { + $css->add_property( 'line-height', floatval( $settings['heading_5_line_height'] ), $defaults['heading_5_line_height'], 'em' ); + } + + $css->set_selector( 'h6' ); + $css->add_property( 'font-family', $defaults['font_heading_6'] !== $settings['font_heading_6'] ? $h6_family : null ); + $css->add_property( 'font-weight', $settings['heading_6_weight'], $defaults['heading_6_weight'] ); + $css->add_property( 'text-transform', $settings['heading_6_transform'], $defaults['heading_6_transform'] ); + $css->add_property( 'font-size', absint( $settings['heading_6_font_size'] ), $defaults['heading_6_font_size'], 'px' ); + + if ( '' !== $settings['heading_6_line_height'] ) { + $css->add_property( 'line-height', floatval( $settings['heading_6_line_height'] ), $defaults['heading_6_line_height'], 'em' ); + } + + $css->set_selector( '.site-info' ); + $css->add_property( 'font-family', $defaults['font_footer'] !== $settings['font_footer'] ? $footer_family : null ); + $css->add_property( 'font-weight', $settings['footer_weight'], $defaults['footer_weight'] ); + $css->add_property( 'text-transform', $settings['footer_transform'], $defaults['footer_transform'] ); + + if ( ! empty( $settings['footer_font_size'] ) ) { + $css->add_property( 'font-size', absint( $settings['footer_font_size'] ), $defaults['footer_font_size'], 'px' ); + } else { + $css->add_property( 'font-size', 'inherit' ); + } + + $css->start_media_query( generate_get_media_query( 'mobile' ) ); + $css->set_selector( '.main-title' ); + $css->add_property( 'font-size', absint( $settings['mobile_site_title_font_size'] ), false, 'px' ); + + $css->set_selector( 'h1' ); + $css->add_property( 'font-size', absint( $settings['mobile_heading_1_font_size'] ), false, 'px' ); + + $css->set_selector( 'h2' ); + $css->add_property( 'font-size', absint( $settings['mobile_heading_2_font_size'] ), false, 'px' ); + + $css->set_selector( 'h3' ); + $css->add_property( 'font-size', absint( $settings['mobile_heading_3_font_size'] ), false, 'px' ); + + $css->set_selector( 'h4' ); + $css->add_property( 'font-size', absint( $settings['mobile_heading_4_font_size'] ), false, 'px' ); + + $css->set_selector( 'h5' ); + $css->add_property( 'font-size', absint( $settings['mobile_heading_5_font_size'] ), false, 'px' ); + $css->stop_media_query(); + + do_action( 'generate_typography_css', $css ); + + return apply_filters( 'generate_typography_css_output', $css->css_output() ); + } +} + +if ( ! function_exists( 'generate_spacing_css' ) ) { + /** + * Write our dynamic CSS. + * + * @since 0.1 + */ + function generate_spacing_css() { + $settings = wp_parse_args( + get_option( 'generate_spacing_settings', array() ), + generate_spacing_get_defaults() + ); + + $defaults = generate_spacing_get_defaults( false ); + $sidebar_layout = generate_get_layout(); + + $css = new GeneratePress_CSS(); + + $css->set_selector( '.inside-top-bar' ); + $css->add_property( 'padding', generate_padding_css( $settings['top_bar_top'], $settings['top_bar_right'], $settings['top_bar_bottom'], $settings['top_bar_left'] ), generate_padding_css( $defaults['top_bar_top'], $defaults['top_bar_right'], $defaults['top_bar_bottom'], $defaults['top_bar_left'] ) ); + + if ( generate_is_using_flexbox() && 'boxes' === generate_get_option( 'container_alignment' ) ) { + $top_bar_padding = absint( $settings['top_bar_right'] ) + absint( $settings['top_bar_left'] ); + + $css->set_selector( '.inside-top-bar.grid-container' ); + $css->add_property( 'max-width', generate_get_option( 'container_width' ) + $top_bar_padding, false, 'px' ); + } + + $css->set_selector( '.inside-header' ); + $css->add_property( 'padding', generate_padding_css( $settings['header_top'], $settings['header_right'], $settings['header_bottom'], $settings['header_left'] ), generate_padding_css( $defaults['header_top'], $defaults['header_right'], $defaults['header_bottom'], $defaults['header_left'] ) ); + + if ( generate_is_using_flexbox() ) { + if ( 'boxes' === generate_get_option( 'container_alignment' ) ) { + $header_padding = absint( $settings['header_right'] ) + absint( $settings['header_left'] ); + + $css->set_selector( '.inside-header.grid-container' ); + $css->add_property( 'max-width', generate_get_option( 'container_width' ) + $header_padding, false, 'px' ); + } + + if ( 'text' === generate_get_option( 'container_alignment' ) ) { + $navigation_left_padding = absint( $settings['header_left'] ) - absint( $settings['menu_item'] ); + $navigation_right_padding = absint( $settings['header_right'] ) - absint( $settings['menu_item'] ); + + $css->set_selector( '.nav-below-header .main-navigation .inside-navigation.grid-container, .nav-above-header .main-navigation .inside-navigation.grid-container' ); + $css->add_property( 'padding', generate_padding_css( 0, $navigation_right_padding, 0, $navigation_left_padding ) ); + } + } + + $css->set_selector( '.separate-containers .inside-article, .separate-containers .comments-area, .separate-containers .page-header, .separate-containers .paging-navigation, .one-container .site-content, .inside-page-header' ); + $css->add_property( 'padding', generate_padding_css( $settings['content_top'], $settings['content_right'], $settings['content_bottom'], $settings['content_left'] ), generate_padding_css( $defaults['content_top'], $defaults['content_right'], $defaults['content_bottom'], $defaults['content_left'] ) ); + + if ( apply_filters( 'generate_do_group_inner_container_style', true ) ) { + $css->set_selector( '.site-main .wp-block-group__inner-container' ); + $css->add_property( 'padding', generate_padding_css( $settings['content_top'], $settings['content_right'], $settings['content_bottom'], $settings['content_left'] ) ); + } + + if ( generate_is_using_flexbox() ) { + $css->set_selector( '.separate-containers .paging-navigation' ); + $css->add_property( 'padding-top', '20px' ); + $css->add_property( 'padding-bottom', '20px' ); + } + + $content_padding = absint( $settings['content_right'] ) + absint( $settings['content_left'] ); + $css->set_selector( '.entry-content .alignwide, body:not(.no-sidebar) .entry-content .alignfull' ); + $css->add_property( 'margin-left', '-' . absint( $settings['content_left'] ) . 'px' ); + $css->add_property( 'width', 'calc(100% + ' . absint( $content_padding ) . 'px)' ); + $css->add_property( 'max-width', 'calc(100% + ' . absint( $content_padding ) . 'px)' ); + + if ( ! generate_is_using_flexbox() && 'text' === generate_get_option( 'container_alignment' ) ) { + $css->set_selector( '.container.grid-container' ); + $css->add_property( 'max-width', generate_get_option( 'container_width' ) + $content_padding, false, 'px' ); + } + + $css->set_selector( '.one-container.right-sidebar .site-main,.one-container.both-right .site-main' ); + $css->add_property( 'margin-right', absint( $settings['content_right'] ), absint( $defaults['content_right'] ), 'px' ); + + $css->set_selector( '.one-container.left-sidebar .site-main,.one-container.both-left .site-main' ); + $css->add_property( 'margin-left', absint( $settings['content_left'] ), absint( $defaults['content_left'] ), 'px' ); + + $css->set_selector( '.one-container.both-sidebars .site-main' ); + $css->add_property( 'margin', generate_padding_css( '0', $settings['content_right'], '0', $settings['content_left'] ), generate_padding_css( '0', $defaults['content_right'], '0', $defaults['content_left'] ) ); + + if ( generate_is_using_flexbox() ) { + $css->set_selector( '.sidebar .widget, .page-header, .widget-area .main-navigation, .site-main > *' ); + } else { + $css->set_selector( '.separate-containers .widget, .separate-containers .site-main > *, .separate-containers .page-header, .widget-area .main-navigation' ); + } + + $css->add_property( 'margin-bottom', absint( $settings['separator'] ), absint( $defaults['separator'] ), 'px' ); + + $css->set_selector( '.separate-containers .site-main' ); + $css->add_property( 'margin', absint( $settings['separator'] ), $defaults['separator'], 'px' ); + + if ( generate_is_using_flexbox() ) { + $css->set_selector( '.both-right .inside-left-sidebar,.both-left .inside-left-sidebar' ); + $css->add_property( 'margin-right', absint( $settings['separator'] / 2 ), absint( $defaults['separator'] / 2 ), 'px' ); + + $css->set_selector( '.both-right .inside-right-sidebar,.both-left .inside-right-sidebar' ); + $css->add_property( 'margin-left', absint( $settings['separator'] / 2 ), absint( $defaults['separator'] / 2 ), 'px' ); + + $css->set_selector( '.one-container.archive .post:not(:last-child), .one-container.blog .post:not(:last-child)' ); + $css->add_property( 'padding-bottom', absint( $settings['content_bottom'] ), absint( $defaults['content_bottom'] ), 'px' ); + } else { + $css->set_selector( '.both-right.separate-containers .inside-left-sidebar' ); + $css->add_property( 'margin-right', absint( $settings['separator'] / 2 ), absint( $defaults['separator'] / 2 ), 'px' ); + + $css->set_selector( '.both-right.separate-containers .inside-right-sidebar' ); + $css->add_property( 'margin-left', absint( $settings['separator'] / 2 ), absint( $defaults['separator'] / 2 ), 'px' ); + + $css->set_selector( '.both-left.separate-containers .inside-left-sidebar' ); + $css->add_property( 'margin-right', absint( $settings['separator'] / 2 ), absint( $defaults['separator'] / 2 ), 'px' ); + + $css->set_selector( '.both-left.separate-containers .inside-right-sidebar' ); + $css->add_property( 'margin-left', absint( $settings['separator'] / 2 ), absint( $defaults['separator'] / 2 ), 'px' ); + } + + if ( generate_is_using_flexbox() ) { + $css->set_selector( '.separate-containers .featured-image' ); + } else { + $css->set_selector( '.separate-containers .page-header-image, .separate-containers .page-header-contained, .separate-containers .page-header-image-single, .separate-containers .page-header-content-single' ); + } + + $css->add_property( 'margin-top', absint( $settings['separator'] ), absint( $defaults['separator'] ), 'px' ); + + $css->set_selector( '.separate-containers .inside-right-sidebar, .separate-containers .inside-left-sidebar' ); + $css->add_property( 'margin-top', absint( $settings['separator'] ), absint( $defaults['separator'] ), 'px' ); + $css->add_property( 'margin-bottom', absint( $settings['separator'] ), absint( $defaults['separator'] ), 'px' ); + + if ( generate_is_using_flexbox() ) { + $css->set_selector( '.main-navigation .main-nav ul li a,.menu-toggle,.main-navigation .menu-bar-item > a' ); + } else { + $css->set_selector( '.main-navigation .main-nav ul li a,.menu-toggle,.main-navigation .mobile-bar-items a' ); + } + + $css->add_property( 'padding-left', absint( $settings['menu_item'] ), absint( $defaults['menu_item'] ), 'px' ); + $css->add_property( 'padding-right', absint( $settings['menu_item'] ), absint( $defaults['menu_item'] ), 'px' ); + $css->add_property( 'line-height', absint( $settings['menu_item_height'] ), absint( $defaults['menu_item_height'] ), 'px' ); + + $css->set_selector( '.main-navigation .main-nav ul ul li a' ); + $css->add_property( 'padding', generate_padding_css( $settings['sub_menu_item_height'], $settings['menu_item'], $settings['sub_menu_item_height'], $settings['menu_item'] ), generate_padding_css( $defaults['sub_menu_item_height'], $defaults['menu_item'], $defaults['sub_menu_item_height'], $defaults['menu_item'] ) ); + + $css->set_selector( '.main-navigation ul ul' ); + $css->add_property( 'width', absint( $settings['sub_menu_width'] ), absint( $defaults['sub_menu_width'] ), 'px' ); + + $css->set_selector( '.navigation-search input[type="search"]' ); + $css->add_property( 'height', absint( $settings['menu_item_height'] ), absint( $defaults['menu_item_height'] ), 'px' ); + + $css->set_selector( '.rtl .menu-item-has-children .dropdown-menu-toggle' ); + $css->add_property( 'padding-left', absint( $settings['menu_item'] ), false, 'px' ); + + $css->set_selector( '.menu-item-has-children .dropdown-menu-toggle' ); + $css->add_property( 'padding-right', absint( $settings['menu_item'] ), absint( $defaults['menu_item'] ), 'px' ); + + $css->set_selector( '.menu-item-has-children ul .dropdown-menu-toggle' ); + $css->add_property( 'padding-top', absint( $settings['sub_menu_item_height'] ), absint( $defaults['sub_menu_item_height'] ), 'px' ); + $css->add_property( 'padding-bottom', absint( $settings['sub_menu_item_height'] ), absint( $defaults['sub_menu_item_height'] ), 'px' ); + $css->add_property( 'margin-top', '-' . absint( $settings['sub_menu_item_height'] ), '-' . absint( $defaults['sub_menu_item_height'] ), 'px' ); + + $css->set_selector( '.rtl .main-navigation .main-nav ul li.menu-item-has-children > a' ); + $css->add_property( 'padding-right', absint( $settings['menu_item'] ), false, 'px' ); + + $css->set_selector( '.widget-area .widget' ); + $css->add_property( 'padding', generate_padding_css( $settings['widget_top'], $settings['widget_right'], $settings['widget_bottom'], $settings['widget_left'] ), generate_padding_css( $defaults['widget_top'], $defaults['widget_right'], $defaults['widget_bottom'], $defaults['widget_left'] ) ); + + if ( generate_is_using_flexbox() ) { + $css->set_selector( '.footer-widgets-container' ); + $css->add_property( 'padding', generate_padding_css( $settings['footer_widget_container_top'], $settings['footer_widget_container_right'], $settings['footer_widget_container_bottom'], $settings['footer_widget_container_left'] ), generate_padding_css( $defaults['footer_widget_container_top'], $defaults['footer_widget_container_right'], $defaults['footer_widget_container_bottom'], $defaults['footer_widget_container_left'] ) ); + + if ( 'boxes' === generate_get_option( 'container_alignment' ) ) { + $footer_widgets_padding = absint( $settings['footer_widget_container_right'] ) + absint( $settings['footer_widget_container_left'] ); + + $css->set_selector( '.footer-widgets-container.grid-container' ); + $css->add_property( 'max-width', generate_get_option( 'container_width' ) + $footer_widgets_padding, false, 'px' ); + } + } else { + $css->set_selector( '.footer-widgets' ); + $css->add_property( 'padding', generate_padding_css( $settings['footer_widget_container_top'], $settings['footer_widget_container_right'], $settings['footer_widget_container_bottom'], $settings['footer_widget_container_left'] ), generate_padding_css( $defaults['footer_widget_container_top'], $defaults['footer_widget_container_right'], $defaults['footer_widget_container_bottom'], $defaults['footer_widget_container_left'] ) ); + } + + $css->set_selector( '.site-footer .footer-widgets-container .inner-padding' ); + $css->add_property( 'padding', generate_padding_css( '0', '0', '0', $settings['footer_widget_separator'] ), generate_padding_css( '0', '0', '0', $defaults['footer_widget_separator'] ) ); + + $css->set_selector( '.site-footer .footer-widgets-container .inside-footer-widgets' ); + $css->add_property( 'margin-left', '-' . absint( $settings['footer_widget_separator'] ), '-' . absint( $defaults['footer_widget_separator'] ), 'px' ); + + if ( generate_is_using_flexbox() ) { + $css->set_selector( '.inside-site-info' ); + $css->add_property( 'padding', generate_padding_css( $settings['footer_top'], $settings['footer_right'], $settings['footer_bottom'], $settings['footer_left'] ), generate_padding_css( $defaults['footer_top'], $defaults['footer_right'], $defaults['footer_bottom'], $defaults['footer_left'] ) ); + + if ( 'boxes' === generate_get_option( 'container_alignment' ) ) { + $site_info_padding = absint( $settings['footer_right'] ) + absint( $settings['footer_left'] ); + + $css->set_selector( '.inside-site-info.grid-container' ); + $css->add_property( 'max-width', generate_get_option( 'container_width' ) + $site_info_padding, false, 'px' ); + } + } else { + $css->set_selector( '.site-info' ); + $css->add_property( 'padding', generate_padding_css( $settings['footer_top'], $settings['footer_right'], $settings['footer_bottom'], $settings['footer_left'] ), generate_padding_css( $defaults['footer_top'], $defaults['footer_right'], $defaults['footer_bottom'], $defaults['footer_left'] ) ); + } + + $css->start_media_query( generate_get_media_query( 'mobile' ) ); + $css->set_selector( '.separate-containers .inside-article, .separate-containers .comments-area, .separate-containers .page-header, .separate-containers .paging-navigation, .one-container .site-content, .inside-page-header' ); + $css->add_property( 'padding', generate_padding_css( $settings['mobile_content_top'], $settings['mobile_content_right'], $settings['mobile_content_bottom'], $settings['mobile_content_left'] ) ); + + if ( apply_filters( 'generate_do_group_inner_container_style', true ) ) { + $css->set_selector( '.site-main .wp-block-group__inner-container' ); + $css->add_property( 'padding', generate_padding_css( $settings['mobile_content_top'], $settings['mobile_content_right'], $settings['mobile_content_bottom'], $settings['mobile_content_left'] ) ); + } + + $css->set_selector( '.inside-top-bar' ); + + if ( '' !== $settings['mobile_top_bar_top'] ) { + $css->add_property( 'padding-top', absint( $settings['mobile_top_bar_top'] ), false, 'px' ); + } + + if ( '' !== $settings['mobile_top_bar_right'] ) { + $css->add_property( 'padding-right', absint( $settings['mobile_top_bar_right'] ), false, 'px' ); + } + + if ( '' !== $settings['mobile_top_bar_bottom'] ) { + $css->add_property( 'padding-bottom', absint( $settings['mobile_top_bar_bottom'] ), false, 'px' ); + } + + if ( '' !== $settings['mobile_top_bar_left'] ) { + $css->add_property( 'padding-left', absint( $settings['mobile_top_bar_left'] ), false, 'px' ); + } + + $css->set_selector( '.inside-header' ); + + if ( '' !== $settings['mobile_header_top'] ) { + $css->add_property( 'padding-top', absint( $settings['mobile_header_top'] ), false, 'px' ); + } + + if ( '' !== $settings['mobile_header_right'] ) { + $css->add_property( 'padding-right', absint( $settings['mobile_header_right'] ), false, 'px' ); + } + + if ( '' !== $settings['mobile_header_bottom'] ) { + $css->add_property( 'padding-bottom', absint( $settings['mobile_header_bottom'] ), false, 'px' ); + } + + if ( '' !== $settings['mobile_header_left'] ) { + $css->add_property( 'padding-left', absint( $settings['mobile_header_left'] ), false, 'px' ); + } + + $css->set_selector( '.widget-area .widget' ); + if ( '' !== $settings['mobile_widget_top'] ) { + $css->add_property( 'padding-top', absint( $settings['mobile_widget_top'] ), false, 'px' ); + } + + if ( '' !== $settings['mobile_widget_right'] ) { + $css->add_property( 'padding-right', absint( $settings['mobile_widget_right'] ), false, 'px' ); + } + + if ( '' !== $settings['mobile_widget_bottom'] ) { + $css->add_property( 'padding-bottom', absint( $settings['mobile_widget_bottom'] ), false, 'px' ); + } + + if ( '' !== $settings['mobile_widget_left'] ) { + $css->add_property( 'padding-left', absint( $settings['mobile_widget_left'] ), false, 'px' ); + } + + if ( generate_is_using_flexbox() ) { + $css->set_selector( '.footer-widgets-container' ); + } else { + $css->set_selector( '.footer-widgets' ); + } + + if ( '' !== $settings['mobile_footer_widget_container_top'] ) { + $css->add_property( 'padding-top', absint( $settings['mobile_footer_widget_container_top'] ), false, 'px' ); + } + + if ( '' !== $settings['mobile_footer_widget_container_right'] ) { + $css->add_property( 'padding-right', absint( $settings['mobile_footer_widget_container_right'] ), false, 'px' ); + } + + if ( '' !== $settings['mobile_footer_widget_container_bottom'] ) { + $css->add_property( 'padding-bottom', absint( $settings['mobile_footer_widget_container_bottom'] ), false, 'px' ); + } + + if ( '' !== $settings['mobile_footer_widget_container_left'] ) { + $css->add_property( 'padding-left', absint( $settings['mobile_footer_widget_container_left'] ), false, 'px' ); + } + + if ( generate_is_using_flexbox() ) { + $css->set_selector( '.inside-site-info' ); + } else { + $css->set_selector( '.site-info' ); + } + + if ( '' !== $settings['mobile_footer_top'] ) { + $css->add_property( 'padding-top', absint( $settings['mobile_footer_top'] ), false, 'px' ); + } + + if ( '' !== $settings['mobile_footer_right'] ) { + $css->add_property( 'padding-right', absint( $settings['mobile_footer_right'] ), false, 'px' ); + } + + if ( '' !== $settings['mobile_footer_bottom'] ) { + $css->add_property( 'padding-bottom', absint( $settings['mobile_footer_bottom'] ), false, 'px' ); + } + + if ( '' !== $settings['mobile_footer_left'] ) { + $css->add_property( 'padding-left', absint( $settings['mobile_footer_left'] ), false, 'px' ); + } + + $mobile_content_padding = absint( $settings['mobile_content_right'] ) + absint( $settings['mobile_content_left'] ); + $css->set_selector( '.entry-content .alignwide, body:not(.no-sidebar) .entry-content .alignfull' ); + $css->add_property( 'margin-left', '-' . absint( $settings['mobile_content_left'] ) . 'px' ); + $css->add_property( 'width', 'calc(100% + ' . absint( $mobile_content_padding ) . 'px)' ); + $css->add_property( 'max-width', 'calc(100% + ' . absint( $mobile_content_padding ) . 'px)' ); + + if ( '' !== $settings['mobile_separator'] ) { + if ( generate_is_using_flexbox() ) { + $css->set_selector( '.sidebar .widget, .page-header, .widget-area .main-navigation, .site-main > *' ); + } else { + $css->set_selector( '.separate-containers .widget, .separate-containers .site-main > *, .separate-containers .page-header' ); + } + + $css->add_property( 'margin-bottom', absint( $settings['mobile_separator'] ), false, 'px' ); + + $css->set_selector( '.separate-containers .site-main' ); + $css->add_property( 'margin', absint( $settings['mobile_separator'] ), false, 'px' ); + + if ( generate_is_using_flexbox() ) { + $css->set_selector( '.separate-containers .featured-image' ); + } else { + $css->set_selector( '.separate-containers .page-header-image, .separate-containers .page-header-image-single' ); + } + + $css->add_property( 'margin-top', absint( $settings['mobile_separator'] ), false, 'px' ); + + $css->set_selector( '.separate-containers .inside-right-sidebar, .separate-containers .inside-left-sidebar' ); + $css->add_property( 'margin-top', absint( $settings['mobile_separator'] ), false, 'px' ); + $css->add_property( 'margin-bottom', absint( $settings['mobile_separator'] ), false, 'px' ); + + if ( generate_is_using_flexbox() ) { + $css->set_selector( '.one-container .site-main .paging-navigation' ); + $css->add_property( 'margin-bottom', absint( $settings['mobile_separator'] ), false, 'px' ); + } + } else { + if ( generate_is_using_flexbox() ) { + $css->set_selector( '.one-container .site-main .paging-navigation' ); + $css->add_property( 'margin-bottom', absint( $settings['separator'] ), false, 'px' ); + } + } + $css->stop_media_query(); + + // Add spacing back where dropdown arrow should be. + // Old versions of WP don't get nice things. + if ( version_compare( $GLOBALS['wp_version'], '4.4', '<' ) ) { + $css->set_selector( '.main-navigation .main-nav ul li.menu-item-has-children>a, .secondary-navigation .main-nav ul li.menu-item-has-children>a' ); + $css->add_property( 'padding-right', absint( $settings['menu_item'] ), absint( $defaults['menu_item'] ), 'px' ); + } + + $output = ''; + + if ( ! generate_is_using_flexbox() ) { + $generate_settings = wp_parse_args( + get_option( 'generate_settings', array() ), + generate_get_color_defaults() + ); + + // Find out if the content background color and sidebar widget background color is the same. + $sidebar = strtoupper( $generate_settings['sidebar_widget_background_color'] ); + $content = strtoupper( $generate_settings['content_background_color'] ); + + // phpcs:ignore WordPress.PHP.StrictComparisons.LooseComparison + $colors_match = ( ( $sidebar == $content ) || '' == $sidebar ) ? true : false; + + // If they're all 40 (default), remove the padding when one container is set. + // This way, the user can still adjust the padding and it will work (unless they want 40px padding). + // We'll also remove the padding if there's no color difference between the widgets and content background color. + // phpcs:ignore WordPress.PHP.StrictComparisons.LooseComparison + if ( ( '40' == $settings['widget_top'] && '40' == $settings['widget_right'] && '40' == $settings['widget_bottom'] && '40' == $settings['widget_left'] ) && $colors_match ) { + $output .= '.one-container .sidebar .widget{padding:0px;}'; + } + } + + do_action( 'generate_spacing_css', $css ); + + return apply_filters( 'generate_spacing_css_output', $css->css_output() . $output ); + } +} + +/** + * Generates any CSS that can't be cached (can change from page to page). + * + * @since 2.0 + */ +function generate_no_cache_dynamic_css() { + $css = new GeneratePress_CSS(); + + if ( generate_is_using_flexbox() ) { + $right_sidebar_width = apply_filters( 'generate_right_sidebar_width', '30' ); + $left_sidebar_width = apply_filters( 'generate_left_sidebar_width', '30' ); + + $css->set_selector( '.is-right-sidebar' ); + $css->add_property( 'width', absint( $right_sidebar_width ) . '%' ); + + $css->set_selector( '.is-left-sidebar' ); + $css->add_property( 'width', absint( $left_sidebar_width ) . '%' ); + + $content_width = 100; + $sidebar_layout = generate_get_layout(); + + switch ( $sidebar_layout ) { + case 'right-sidebar': + $content_width = $content_width - absint( $right_sidebar_width ); + break; + + case 'left-sidebar': + $content_width = $content_width - absint( $left_sidebar_width ); + break; + + case 'both-sidebars': + case 'both-right': + case 'both-left': + $content_width = $content_width - absint( $right_sidebar_width ) - absint( $left_sidebar_width ); + break; + } + + $css->set_selector( '.site-content .content-area' ); + $css->add_property( 'width', absint( $content_width ) . '%' ); + } + + $css->start_media_query( generate_get_media_query( 'mobile-menu' ) ); + + if ( generate_is_using_flexbox() ) { + $css->set_selector( '.main-navigation .menu-toggle,.sidebar-nav-mobile:not(#sticky-placeholder)' ); + $css->add_property( 'display', 'block' ); + + $css->set_selector( '.main-navigation ul,.gen-sidebar-nav,.main-navigation:not(.slideout-navigation):not(.toggled) .main-nav > ul,.has-inline-mobile-toggle #site-navigation .inside-navigation > *:not(.navigation-search):not(.main-nav)' ); + $css->add_property( 'display', 'none' ); + + $css->set_selector( '.nav-align-right .inside-navigation,.nav-align-center .inside-navigation' ); + $css->add_property( 'justify-content', 'space-between' ); + + if ( is_rtl() ) { + $css->set_selector( '.rtl .nav-align-right .inside-navigation,.rtl .nav-align-center .inside-navigation, .rtl .nav-align-left .inside-navigation' ); + $css->add_property( 'justify-content', 'space-between' ); + } + + if ( generate_has_inline_mobile_toggle() ) { + $css->set_selector( '.has-inline-mobile-toggle .mobile-menu-control-wrapper' ); + $css->add_property( 'display', 'flex' ); + $css->add_property( 'flex-wrap', 'wrap' ); + + $css->set_selector( '.has-inline-mobile-toggle .inside-header' ); + $css->add_property( 'flex-direction', 'row' ); + $css->add_property( 'text-align', 'left' ); + $css->add_property( 'flex-wrap', 'wrap' ); + + $css->set_selector( '.has-inline-mobile-toggle .header-widget,.has-inline-mobile-toggle #site-navigation' ); + $css->add_property( 'flex-basis', '100%' ); + + $css->set_selector( '.nav-float-left .has-inline-mobile-toggle #site-navigation' ); + $css->add_property( 'order', '10' ); + } + } else { + $css->set_selector( '.main-navigation .menu-toggle,.main-navigation .mobile-bar-items,.sidebar-nav-mobile:not(#sticky-placeholder)' ); + $css->add_property( 'display', 'block' ); + + $css->set_selector( '.main-navigation ul,.gen-sidebar-nav' ); + $css->add_property( 'display', 'none' ); + + $css->set_selector( '[class*="nav-float-"] .site-header .inside-header > *' ); + $css->add_property( 'float', 'none' ); + $css->add_property( 'clear', 'both' ); + } + + $css->stop_media_query(); + + return $css->css_output(); +} + +/** + * Get all of our dynamic CSS to be cached/added to a file. + * + * @since 3.0.0 + */ +function generate_get_dynamic_css() { + if ( generate_is_using_dynamic_typography() ) { + $typography_css = GeneratePress_Typography::get_css(); + } else { + $typography_css = generate_font_css(); + } + + $css = generate_base_css() . $typography_css . generate_advanced_css() . generate_spacing_css(); + + return apply_filters( 'generate_dynamic_css', $css ); +} + +add_action( 'wp_enqueue_scripts', 'generate_enqueue_dynamic_css', 50 ); +/** + * Enqueue our dynamic CSS. + * + * @since 2.0 + */ +function generate_enqueue_dynamic_css() { + if ( apply_filters( 'generate_using_dynamic_css_external_file', false ) ) { + $css = ''; + } elseif ( ! get_option( 'generate_dynamic_css_output', false ) || is_customize_preview() || apply_filters( 'generate_dynamic_css_skip_cache', false ) ) { + $css = generate_get_dynamic_css(); + } else { + $css = get_option( 'generate_dynamic_css_output' ) . '/* End cached CSS */'; + } + + $css = $css . generate_no_cache_dynamic_css(); + + wp_add_inline_style( 'generate-style', wp_strip_all_tags( $css ) ); +} + +add_action( 'init', 'generate_set_dynamic_css_cache' ); +/** + * Sets our dynamic CSS cache if it doesn't exist. + * + * If the theme version changed, bust the cache. + * + * @since 2.0 + */ +function generate_set_dynamic_css_cache() { + if ( apply_filters( 'generate_dynamic_css_skip_cache', false ) ) { + return; + } + + $cached_css = get_option( 'generate_dynamic_css_output', false ); + $cached_version = get_option( 'generate_dynamic_css_cached_version', '' ); + + if ( ! $cached_css || GENERATE_VERSION !== $cached_version ) { + $css = generate_get_dynamic_css(); + + update_option( 'generate_dynamic_css_output', wp_strip_all_tags( $css ) ); + update_option( 'generate_dynamic_css_cached_version', esc_html( GENERATE_VERSION ) ); + } +} + +add_action( 'customize_save_after', 'generate_update_dynamic_css_cache' ); +/** + * Update our CSS cache when done saving Customizer options. + * + * @since 2.0 + */ +function generate_update_dynamic_css_cache() { + if ( apply_filters( 'generate_dynamic_css_skip_cache', false ) ) { + return; + } + + $css = generate_get_dynamic_css(); + update_option( 'generate_dynamic_css_output', wp_strip_all_tags( $css ) ); +} diff --git a/wp-content/themes/generatepress/inc/customizer.php b/wp-content/themes/generatepress/inc/customizer.php index 578c9843..fb753ea6 100644 --- a/wp-content/themes/generatepress/inc/customizer.php +++ b/wp-content/themes/generatepress/inc/customizer.php @@ -1,1560 +1,1545 @@ -get_control( 'blogdescription' ) ) { - $wp_customize->get_control( 'blogdescription' )->priority = 3; - $wp_customize->get_setting( 'blogdescription' )->transport = 'postMessage'; - } - - if ( $wp_customize->get_control( 'blogname' ) ) { - $wp_customize->get_control( 'blogname' )->priority = 1; - $wp_customize->get_setting( 'blogname' )->transport = 'postMessage'; - } - - if ( $wp_customize->get_control( 'custom_logo' ) ) { - $wp_customize->get_setting( 'custom_logo' )->transport = 'refresh'; - } - - if ( method_exists( $wp_customize, 'register_control_type' ) ) { - $wp_customize->register_control_type( 'Generate_Customize_Misc_Control' ); - $wp_customize->register_control_type( 'Generate_Range_Slider_Control' ); - } - - if ( method_exists( $wp_customize, 'register_section_type' ) ) { - $wp_customize->register_section_type( 'GeneratePress_Upsell_Section' ); - } - - if ( isset( $wp_customize->selective_refresh ) ) { - $wp_customize->selective_refresh->add_partial( - 'blogname', - array( - 'selector' => '.main-title a', - 'render_callback' => 'generate_customize_partial_blogname', - ) - ); - - $wp_customize->selective_refresh->add_partial( - 'blogdescription', - array( - 'selector' => '.site-description', - 'render_callback' => 'generate_customize_partial_blogdescription', - ) - ); - } - - if ( ! defined( 'GP_PREMIUM_VERSION' ) ) { - $wp_customize->add_section( - new GeneratePress_Upsell_Section( - $wp_customize, - 'generatepress_upsell_section', - array( - 'pro_text' => __( 'Premium Modules Available', 'generatepress' ), - 'pro_url' => generate_get_premium_url( 'https://generatepress.com/premium' ), - 'capability' => 'edit_theme_options', - 'priority' => 0, - 'type' => 'gp-upsell-section', - ) - ) - ); - } - - $wp_customize->add_setting( - 'generate_settings[hide_title]', - array( - 'default' => $defaults['hide_title'], - 'type' => 'option', - 'sanitize_callback' => 'generate_sanitize_checkbox', - ) - ); - - $wp_customize->add_control( - 'generate_settings[hide_title]', - array( - 'type' => 'checkbox', - 'label' => __( 'Hide site title', 'generatepress' ), - 'section' => 'title_tagline', - 'priority' => 2, - ) - ); - - $wp_customize->add_setting( - 'generate_settings[hide_tagline]', - array( - 'default' => $defaults['hide_tagline'], - 'type' => 'option', - 'sanitize_callback' => 'generate_sanitize_checkbox', - ) - ); - - $wp_customize->add_control( - 'generate_settings[hide_tagline]', - array( - 'type' => 'checkbox', - 'label' => __( 'Hide site tagline', 'generatepress' ), - 'section' => 'title_tagline', - 'priority' => 4, - ) - ); - - if ( ! function_exists( 'the_custom_logo' ) ) { - $wp_customize->add_setting( - 'generate_settings[logo]', - array( - 'default' => $defaults['logo'], - 'type' => 'option', - 'sanitize_callback' => 'esc_url_raw', - ) - ); - - $wp_customize->add_control( - new WP_Customize_Image_Control( - $wp_customize, - 'generate_settings[logo]', - array( - 'label' => __( 'Logo', 'generatepress' ), - 'section' => 'title_tagline', - 'settings' => 'generate_settings[logo]', - ) - ) - ); - } - - $wp_customize->add_setting( - 'generate_settings[retina_logo]', - array( - 'default' => $defaults['retina_logo'], - 'type' => 'option', - 'sanitize_callback' => 'esc_url_raw', - ) - ); - - $wp_customize->add_control( - new WP_Customize_Image_Control( - $wp_customize, - 'generate_settings[retina_logo]', - array( - 'label' => __( 'Retina Logo', 'generatepress' ), - 'section' => 'title_tagline', - 'settings' => 'generate_settings[retina_logo]', - 'active_callback' => 'generate_has_custom_logo_callback', - ) - ) - ); - - $wp_customize->add_setting( - 'generate_settings[logo_width]', - array( - 'default' => $defaults['logo_width'], - 'type' => 'option', - 'sanitize_callback' => 'generate_sanitize_empty_absint', - 'transport' => 'postMessage', - ) - ); - - $wp_customize->add_control( - new Generate_Range_Slider_Control( - $wp_customize, - 'generate_settings[logo_width]', - array( - 'label' => __( 'Logo Width', 'generatepress' ), - 'section' => 'title_tagline', - 'settings' => array( - 'desktop' => 'generate_settings[logo_width]', - ), - 'choices' => array( - 'desktop' => array( - 'min' => 20, - 'max' => 1200, - 'step' => 10, - 'edit' => true, - 'unit' => 'px', - ), - ), - 'active_callback' => 'generate_has_custom_logo_callback', - ) - ) - ); - - $wp_customize->add_setting( - 'generate_settings[inline_logo_site_branding]', - array( - 'default' => $defaults['inline_logo_site_branding'], - 'type' => 'option', - 'sanitize_callback' => 'generate_sanitize_checkbox', - ) - ); - - $wp_customize->add_control( - 'generate_settings[inline_logo_site_branding]', - array( - 'type' => 'checkbox', - 'label' => esc_html__( 'Place logo next to title', 'generatepress' ), - 'section' => 'title_tagline', - 'active_callback' => 'generate_show_inline_logo_callback', - ) - ); - - $wp_customize->add_section( - 'body_section', - array( - 'title' => $wp_customize->get_panel( 'generate_colors_panel' ) ? __( 'Body', 'generatepress' ) : __( 'Colors', 'generatepress' ), - 'capability' => 'edit_theme_options', - 'priority' => 30, - 'panel' => $wp_customize->get_panel( 'generate_colors_panel' ) ? 'generate_colors_panel' : false, - ) - ); - - $wp_customize->add_setting( - 'generate_settings[background_color]', - array( - 'default' => $defaults['background_color'], - 'type' => 'option', - 'sanitize_callback' => 'generate_sanitize_hex_color', - 'transport' => 'postMessage', - ) - ); - - $wp_customize->add_control( - new WP_Customize_Color_Control( - $wp_customize, - 'generate_settings[background_color]', - array( - 'label' => __( 'Background Color', 'generatepress' ), - 'section' => 'body_section', - 'settings' => 'generate_settings[background_color]', - ) - ) - ); - - $wp_customize->add_setting( - 'generate_settings[text_color]', - array( - 'default' => $defaults['text_color'], - 'type' => 'option', - 'sanitize_callback' => 'generate_sanitize_hex_color', - 'transport' => 'postMessage', - ) - ); - - $wp_customize->add_control( - new WP_Customize_Color_Control( - $wp_customize, - 'generate_settings[text_color]', - array( - 'label' => __( 'Text Color', 'generatepress' ), - 'section' => 'body_section', - 'settings' => 'generate_settings[text_color]', - ) - ) - ); - - $wp_customize->add_setting( - 'generate_settings[link_color]', - array( - 'default' => $defaults['link_color'], - 'type' => 'option', - 'sanitize_callback' => 'generate_sanitize_hex_color', - 'transport' => 'postMessage', - ) - ); - - $wp_customize->add_control( - new WP_Customize_Color_Control( - $wp_customize, - 'generate_settings[link_color]', - array( - 'label' => __( 'Link Color', 'generatepress' ), - 'section' => 'body_section', - 'settings' => 'generate_settings[link_color]', - ) - ) - ); - - $wp_customize->add_setting( - 'generate_settings[link_color_hover]', - array( - 'default' => $defaults['link_color_hover'], - 'type' => 'option', - 'sanitize_callback' => 'generate_sanitize_hex_color', - 'transport' => 'postMessage', - ) - ); - - $wp_customize->add_control( - new WP_Customize_Color_Control( - $wp_customize, - 'generate_settings[link_color_hover]', - array( - 'label' => __( 'Link Color Hover', 'generatepress' ), - 'section' => 'body_section', - 'settings' => 'generate_settings[link_color_hover]', - ) - ) - ); - - if ( '' !== generate_get_option( 'link_color_visited' ) ) { - $wp_customize->add_setting( - 'generate_settings[link_color_visited]', - array( - 'default' => $defaults['link_color_visited'], - 'type' => 'option', - 'sanitize_callback' => 'generate_sanitize_hex_color', - 'transport' => 'refresh', - ) - ); - - $wp_customize->add_control( - new WP_Customize_Color_Control( - $wp_customize, - 'generate_settings[link_color_visited]', - array( - 'label' => __( 'Link Color Visited', 'generatepress' ), - 'section' => 'body_section', - 'settings' => 'generate_settings[link_color_visited]', - ) - ) - ); - } - - $color_defaults = generate_get_color_defaults(); - - if ( ! $wp_customize->get_setting( 'generate_settings[blog_post_title_color]' ) ) { - $wp_customize->add_setting( - 'generate_settings[blog_post_title_color]', - array( - 'default' => $color_defaults['blog_post_title_color'], - 'type' => 'option', - 'sanitize_callback' => 'generate_sanitize_hex_color', - 'transport' => 'postMessage', - ) - ); - - $wp_customize->add_control( - new WP_Customize_Color_Control( - $wp_customize, - 'blog_post_title_color', - array( - 'label' => __( 'Blog Post Title', 'generatepress' ), - 'section' => $wp_customize->get_section( 'content_color_section' ) ? 'content_color_section' : 'body_section', - 'settings' => 'generate_settings[blog_post_title_color]', - ) - ) - ); - - $wp_customize->add_setting( - 'generate_settings[blog_post_title_hover_color]', - array( - 'default' => $color_defaults['blog_post_title_hover_color'], - 'type' => 'option', - 'sanitize_callback' => 'generate_sanitize_hex_color', - 'transport' => 'postMessage', - ) - ); - - $wp_customize->add_control( - new WP_Customize_Color_Control( - $wp_customize, - 'blog_post_title_hover_color', - array( - 'label' => __( 'Blog Post Title Hover', 'generatepress' ), - 'section' => $wp_customize->get_section( 'content_color_section' ) ? 'content_color_section' : 'body_section', - 'settings' => 'generate_settings[blog_post_title_hover_color]', - ) - ) - ); - } - - $wp_customize->add_setting( - 'nav_color_presets', - array( - 'default' => 'current', - 'type' => 'option', - 'sanitize_callback' => 'generate_sanitize_preset_layout', - 'transport' => 'postMessage', - ) - ); - - $wp_customize->add_control( - 'nav_color_presets', - array( - 'type' => 'select', - 'label' => __( 'Navigation Color Presets', 'generatepress' ), - 'section' => $wp_customize->get_section( 'navigation_color_section' ) ? 'navigation_color_section' : 'body_section', - 'priority' => $wp_customize->get_section( 'navigation_color_section' ) ? 0 : null, - 'choices' => array( - 'current' => __( 'Current', 'generatepress' ), - 'default' => __( 'Default', 'generatepress' ), - 'classic' => __( 'Classic', 'generatepress' ), - 'grey' => __( 'Grey', 'generatepress' ), - 'red' => __( 'Red', 'generatepress' ), - 'green' => __( 'Green', 'generatepress' ), - 'blue' => __( 'Blue', 'generatepress' ), - ), - 'settings' => 'nav_color_presets', - ) - ); - - if ( ! $wp_customize->get_setting( 'generate_settings[navigation_background_color]' ) ) { - $wp_customize->add_setting( - 'generate_settings[navigation_background_color]', - array( - 'default' => $color_defaults['navigation_background_color'], - 'type' => 'option', - 'sanitize_callback' => 'generate_sanitize_rgba_color', - 'transport' => 'postMessage', - ) - ); - - $wp_customize->add_setting( - 'generate_settings[navigation_text_color]', - array( - 'default' => $color_defaults['navigation_text_color'], - 'type' => 'option', - 'sanitize_callback' => 'generate_sanitize_hex_color', - 'transport' => 'postMessage', - ) - ); - - $wp_customize->add_setting( - 'generate_settings[navigation_background_hover_color]', - array( - 'default' => $color_defaults['navigation_background_hover_color'], - 'type' => 'option', - 'transport' => 'postMessage', - 'sanitize_callback' => 'generate_sanitize_rgba_color', - ) - ); - - $wp_customize->add_setting( - 'generate_settings[navigation_text_hover_color]', - array( - 'default' => $color_defaults['navigation_text_hover_color'], - 'type' => 'option', - 'transport' => 'postMessage', - 'sanitize_callback' => 'generate_sanitize_hex_color', - ) - ); - - $wp_customize->add_setting( - 'generate_settings[navigation_background_current_color]', - array( - 'default' => $color_defaults['navigation_background_current_color'], - 'type' => 'option', - 'sanitize_callback' => 'generate_sanitize_rgba_color', - 'transport' => 'postMessage', - ) - ); - - $wp_customize->add_setting( - 'generate_settings[navigation_text_current_color]', - array( - 'default' => $color_defaults['navigation_text_current_color'], - 'type' => 'option', - 'sanitize_callback' => 'generate_sanitize_hex_color', - 'transport' => 'postMessage', - ) - ); - - $wp_customize->add_setting( - 'generate_settings[subnavigation_background_color]', - array( - 'default' => $color_defaults['subnavigation_background_color'], - 'type' => 'option', - 'transport' => 'postMessage', - 'sanitize_callback' => 'generate_sanitize_rgba_color', - ) - ); - - $wp_customize->add_setting( - 'generate_settings[subnavigation_text_color]', - array( - 'default' => $color_defaults['subnavigation_text_color'], - 'type' => 'option', - 'sanitize_callback' => 'generate_sanitize_hex_color', - 'transport' => 'postMessage', - ) - ); - - $wp_customize->add_setting( - 'generate_settings[subnavigation_background_hover_color]', - array( - 'default' => $color_defaults['subnavigation_background_hover_color'], - 'type' => 'option', - 'transport' => 'postMessage', - 'sanitize_callback' => 'generate_sanitize_rgba_color', - ) - ); - - $wp_customize->add_setting( - 'generate_settings[subnavigation_text_hover_color]', - array( - 'default' => $color_defaults['subnavigation_text_hover_color'], - 'type' => 'option', - 'sanitize_callback' => 'generate_sanitize_hex_color', - 'transport' => 'postMessage', - ) - ); - - $wp_customize->add_setting( - 'generate_settings[subnavigation_background_current_color]', - array( - 'default' => $color_defaults['subnavigation_background_current_color'], - 'type' => 'option', - 'transport' => 'postMessage', - 'sanitize_callback' => 'generate_sanitize_rgba_color', - ) - ); - - $wp_customize->add_setting( - 'generate_settings[subnavigation_text_current_color]', - array( - 'default' => $color_defaults['subnavigation_text_current_color'], - 'type' => 'option', - 'sanitize_callback' => 'generate_sanitize_hex_color', - 'transport' => 'postMessage', - ) - ); - } - - if ( ! function_exists( 'generate_colors_customize_register' ) && ! defined( 'GP_PREMIUM_VERSION' ) ) { - $wp_customize->add_control( - new Generate_Customize_Misc_Control( - $wp_customize, - 'colors_get_addon_desc', - array( - 'section' => 'body_section', - 'type' => 'addon', - 'label' => __( 'Learn More', 'generatepress' ), - 'description' => __( 'More options are available for this section in our premium version.', 'generatepress' ), - 'url' => generate_get_premium_url( 'https://generatepress.com/premium/#colors', false ), - 'priority' => 30, - 'settings' => ( isset( $wp_customize->selective_refresh ) ) ? array() : 'blogname', - ) - ) - ); - } - - if ( class_exists( 'WP_Customize_Panel' ) ) { - if ( ! $wp_customize->get_panel( 'generate_layout_panel' ) ) { - $wp_customize->add_panel( - 'generate_layout_panel', - array( - 'priority' => 25, - 'title' => __( 'Layout', 'generatepress' ), - ) - ); - } - } - - $wp_customize->add_section( - 'generate_layout_container', - array( - 'title' => __( 'Container', 'generatepress' ), - 'priority' => 10, - 'panel' => 'generate_layout_panel', - ) - ); - - $wp_customize->add_setting( - 'generate_settings[container_width]', - array( - 'default' => $defaults['container_width'], - 'type' => 'option', - 'sanitize_callback' => 'generate_sanitize_integer', - 'transport' => 'postMessage', - ) - ); - - $wp_customize->add_control( - new Generate_Range_Slider_Control( - $wp_customize, - 'generate_settings[container_width]', - array( - 'type' => 'generatepress-range-slider', - 'label' => __( 'Container Width', 'generatepress' ), - 'section' => 'generate_layout_container', - 'settings' => array( - 'desktop' => 'generate_settings[container_width]', - ), - 'choices' => array( - 'desktop' => array( - 'min' => 700, - 'max' => 2000, - 'step' => 5, - 'edit' => true, - 'unit' => 'px', - ), - ), - 'priority' => 0, - ) - ) - ); - - $wp_customize->add_section( - 'generate_top_bar', - array( - 'title' => __( 'Top Bar', 'generatepress' ), - 'priority' => 15, - 'panel' => 'generate_layout_panel', - ) - ); - - $wp_customize->add_setting( - 'generate_settings[top_bar_width]', - array( - 'default' => $defaults['top_bar_width'], - 'type' => 'option', - 'sanitize_callback' => 'generate_sanitize_choices', - 'transport' => 'postMessage', - ) - ); - - $wp_customize->add_control( - 'generate_settings[top_bar_width]', - array( - 'type' => 'select', - 'label' => __( 'Top Bar Width', 'generatepress' ), - 'section' => 'generate_top_bar', - 'choices' => array( - 'full' => __( 'Full', 'generatepress' ), - 'contained' => __( 'Contained', 'generatepress' ), - ), - 'settings' => 'generate_settings[top_bar_width]', - 'priority' => 5, - 'active_callback' => 'generate_is_top_bar_active', - ) - ); - - $wp_customize->add_setting( - 'generate_settings[top_bar_inner_width]', - array( - 'default' => $defaults['top_bar_inner_width'], - 'type' => 'option', - 'sanitize_callback' => 'generate_sanitize_choices', - 'transport' => 'postMessage', - ) - ); - - $wp_customize->add_control( - 'generate_settings[top_bar_inner_width]', - array( - 'type' => 'select', - 'label' => __( 'Top Bar Inner Width', 'generatepress' ), - 'section' => 'generate_top_bar', - 'choices' => array( - 'full' => __( 'Full', 'generatepress' ), - 'contained' => __( 'Contained', 'generatepress' ), - ), - 'settings' => 'generate_settings[top_bar_inner_width]', - 'priority' => 10, - 'active_callback' => 'generate_is_top_bar_active', - ) - ); - - $wp_customize->add_setting( - 'generate_settings[top_bar_alignment]', - array( - 'default' => $defaults['top_bar_alignment'], - 'type' => 'option', - 'sanitize_callback' => 'generate_sanitize_choices', - 'transport' => 'postMessage', - ) - ); - - $wp_customize->add_control( - 'generate_settings[top_bar_alignment]', - array( - 'type' => 'select', - 'label' => __( 'Top Bar Alignment', 'generatepress' ), - 'section' => 'generate_top_bar', - 'choices' => array( - 'left' => __( 'Left', 'generatepress' ), - 'center' => __( 'Center', 'generatepress' ), - 'right' => __( 'Right', 'generatepress' ), - ), - 'settings' => 'generate_settings[top_bar_alignment]', - 'priority' => 15, - 'active_callback' => 'generate_is_top_bar_active', - ) - ); - - $wp_customize->add_section( - 'generate_layout_header', - array( - 'title' => __( 'Header', 'generatepress' ), - 'priority' => 20, - 'panel' => 'generate_layout_panel', - ) - ); - - $wp_customize->add_setting( - 'generate_header_helper', - array( - 'default' => 'current', - 'type' => 'option', - 'sanitize_callback' => 'generate_sanitize_preset_layout', - 'transport' => 'postMessage', - ) - ); - - $wp_customize->add_control( - 'generate_header_helper', - array( - 'type' => 'select', - 'label' => __( 'Header Presets', 'generatepress' ), - 'section' => 'generate_layout_header', - 'choices' => array( - 'current' => __( 'Current', 'generatepress' ), - 'default' => __( 'Default', 'generatepress' ), - 'classic' => __( 'Classic', 'generatepress' ), - 'nav-before' => __( 'Navigation Before', 'generatepress' ), - 'nav-after' => __( 'Navigation After', 'generatepress' ), - 'nav-before-centered' => __( 'Navigation Before - Centered', 'generatepress' ), - 'nav-after-centered' => __( 'Navigation After - Centered', 'generatepress' ), - 'nav-left' => __( 'Navigation Left', 'generatepress' ), - ), - 'settings' => 'generate_header_helper', - 'priority' => 4, - ) - ); - - if ( ! $wp_customize->get_setting( 'generate_settings[site_title_font_size]' ) ) { - $typography_defaults = generate_get_default_fonts(); - - $wp_customize->add_setting( - 'generate_settings[site_title_font_size]', - array( - 'default' => $typography_defaults['site_title_font_size'], - 'type' => 'option', - 'sanitize_callback' => 'absint', - 'transport' => 'postMessage', - ) - ); - } - - if ( ! $wp_customize->get_setting( 'generate_spacing_settings[header_top]' ) ) { - $spacing_defaults = generate_spacing_get_defaults(); - - $wp_customize->add_setting( - 'generate_spacing_settings[header_top]', - array( - 'default' => $spacing_defaults['header_top'], - 'type' => 'option', - 'sanitize_callback' => 'absint', - 'transport' => 'postMessage', - ) - ); - } - - if ( ! $wp_customize->get_setting( 'generate_spacing_settings[header_bottom]' ) ) { - $spacing_defaults = generate_spacing_get_defaults(); - - $wp_customize->add_setting( - 'generate_spacing_settings[header_bottom]', - array( - 'default' => $spacing_defaults['header_bottom'], - 'type' => 'option', - 'sanitize_callback' => 'absint', - 'transport' => 'postMessage', - ) - ); - } - - $wp_customize->add_setting( - 'generate_settings[header_layout_setting]', - array( - 'default' => $defaults['header_layout_setting'], - 'type' => 'option', - 'sanitize_callback' => 'generate_sanitize_choices', - 'transport' => 'postMessage', - ) - ); - - $wp_customize->add_control( - 'generate_settings[header_layout_setting]', - array( - 'type' => 'select', - 'label' => __( 'Header Width', 'generatepress' ), - 'section' => 'generate_layout_header', - 'choices' => array( - 'fluid-header' => __( 'Full', 'generatepress' ), - 'contained-header' => __( 'Contained', 'generatepress' ), - ), - 'settings' => 'generate_settings[header_layout_setting]', - 'priority' => 5, - ) - ); - - $wp_customize->add_setting( - 'generate_settings[header_inner_width]', - array( - 'default' => $defaults['header_inner_width'], - 'type' => 'option', - 'sanitize_callback' => 'generate_sanitize_choices', - 'transport' => 'postMessage', - ) - ); - - $wp_customize->add_control( - 'generate_settings[header_inner_width]', - array( - 'type' => 'select', - 'label' => __( 'Inner Header Width', 'generatepress' ), - 'section' => 'generate_layout_header', - 'choices' => array( - 'contained' => __( 'Contained', 'generatepress' ), - 'full-width' => __( 'Full', 'generatepress' ), - ), - 'settings' => 'generate_settings[header_inner_width]', - 'priority' => 6, - ) - ); - - $wp_customize->add_setting( - 'generate_settings[header_alignment_setting]', - array( - 'default' => $defaults['header_alignment_setting'], - 'type' => 'option', - 'sanitize_callback' => 'generate_sanitize_choices', - 'transport' => 'postMessage', - ) - ); - - $wp_customize->add_control( - 'generate_settings[header_alignment_setting]', - array( - 'type' => 'select', - 'label' => __( 'Header Alignment', 'generatepress' ), - 'section' => 'generate_layout_header', - 'choices' => array( - 'left' => __( 'Left', 'generatepress' ), - 'center' => __( 'Center', 'generatepress' ), - 'right' => __( 'Right', 'generatepress' ), - ), - 'settings' => 'generate_settings[header_alignment_setting]', - 'priority' => 10, - ) - ); - - $wp_customize->add_section( - 'generate_layout_navigation', - array( - 'title' => __( 'Primary Navigation', 'generatepress' ), - 'priority' => 30, - 'panel' => 'generate_layout_panel', - ) - ); - - $wp_customize->add_setting( - 'generate_settings[nav_layout_setting]', - array( - 'default' => $defaults['nav_layout_setting'], - 'type' => 'option', - 'sanitize_callback' => 'generate_sanitize_choices', - 'transport' => 'postMessage', - ) - ); - - $wp_customize->add_control( - 'generate_settings[nav_layout_setting]', - array( - 'type' => 'select', - 'label' => __( 'Navigation Width', 'generatepress' ), - 'section' => 'generate_layout_navigation', - 'choices' => array( - 'fluid-nav' => __( 'Full', 'generatepress' ), - 'contained-nav' => __( 'Contained', 'generatepress' ), - ), - 'settings' => 'generate_settings[nav_layout_setting]', - 'priority' => 15, - ) - ); - - $wp_customize->add_setting( - 'generate_settings[nav_inner_width]', - array( - 'default' => $defaults['nav_inner_width'], - 'type' => 'option', - 'sanitize_callback' => 'generate_sanitize_choices', - 'transport' => 'postMessage', - ) - ); - - $wp_customize->add_control( - 'generate_settings[nav_inner_width]', - array( - 'type' => 'select', - 'label' => __( 'Inner Navigation Width', 'generatepress' ), - 'section' => 'generate_layout_navigation', - 'choices' => array( - 'contained' => __( 'Contained', 'generatepress' ), - 'full-width' => __( 'Full', 'generatepress' ), - ), - 'settings' => 'generate_settings[nav_inner_width]', - 'priority' => 16, - ) - ); - - $wp_customize->add_setting( - 'generate_settings[nav_alignment_setting]', - array( - 'default' => $defaults['nav_alignment_setting'], - 'type' => 'option', - 'sanitize_callback' => 'generate_sanitize_choices', - 'transport' => 'postMessage', - ) - ); - - $wp_customize->add_control( - 'generate_settings[nav_alignment_setting]', - array( - 'type' => 'select', - 'label' => __( 'Navigation Alignment', 'generatepress' ), - 'section' => 'generate_layout_navigation', - 'choices' => array( - 'left' => __( 'Left', 'generatepress' ), - 'center' => __( 'Center', 'generatepress' ), - 'right' => __( 'Right', 'generatepress' ), - ), - 'settings' => 'generate_settings[nav_alignment_setting]', - 'priority' => 20, - ) - ); - - $wp_customize->add_setting( - 'generate_settings[nav_position_setting]', - array( - 'default' => $defaults['nav_position_setting'], - 'type' => 'option', - 'sanitize_callback' => 'generate_sanitize_choices', - 'transport' => 'refresh', - ) - ); - - $wp_customize->add_control( - 'generate_settings[nav_position_setting]', - array( - 'type' => 'select', - 'label' => __( 'Navigation Location', 'generatepress' ), - 'section' => 'generate_layout_navigation', - 'choices' => array( - 'nav-below-header' => __( 'Below Header', 'generatepress' ), - 'nav-above-header' => __( 'Above Header', 'generatepress' ), - 'nav-float-right' => __( 'Float Right', 'generatepress' ), - 'nav-float-left' => __( 'Float Left', 'generatepress' ), - 'nav-left-sidebar' => __( 'Left Sidebar', 'generatepress' ), - 'nav-right-sidebar' => __( 'Right Sidebar', 'generatepress' ), - '' => __( 'No Navigation', 'generatepress' ), - ), - 'settings' => 'generate_settings[nav_position_setting]', - 'priority' => 22, - ) - ); - - $wp_customize->add_setting( - 'generate_settings[nav_drop_point]', - array( - 'default' => $defaults['nav_drop_point'], - 'type' => 'option', - 'sanitize_callback' => 'generate_sanitize_empty_absint', - ) - ); - - $wp_customize->add_control( - new Generate_Range_Slider_Control( - $wp_customize, - 'generate_settings[nav_drop_point]', - array( - 'label' => __( 'Navigation Drop Point', 'generatepress' ), - 'sub_description' => __( 'The width when the navigation ceases to float and drops below your logo.', 'generatepress' ), - 'section' => 'generate_layout_navigation', - 'settings' => array( - 'desktop' => 'generate_settings[nav_drop_point]', - ), - 'choices' => array( - 'desktop' => array( - 'min' => 500, - 'max' => 2000, - 'step' => 10, - 'edit' => true, - 'unit' => 'px', - ), - ), - 'priority' => 22, - ) - ) - ); - - $wp_customize->add_setting( - 'generate_settings[nav_dropdown_type]', - array( - 'default' => $defaults['nav_dropdown_type'], - 'type' => 'option', - 'sanitize_callback' => 'generate_sanitize_choices', - ) - ); - - $wp_customize->add_control( - 'generate_settings[nav_dropdown_type]', - array( - 'type' => 'select', - 'label' => __( 'Navigation Dropdown', 'generatepress' ), - 'section' => 'generate_layout_navigation', - 'choices' => array( - 'hover' => __( 'Hover', 'generatepress' ), - 'click' => __( 'Click - Menu Item', 'generatepress' ), - 'click-arrow' => __( 'Click - Arrow', 'generatepress' ), - ), - 'settings' => 'generate_settings[nav_dropdown_type]', - 'priority' => 22, - ) - ); - - $wp_customize->add_setting( - 'generate_settings[nav_dropdown_direction]', - array( - 'default' => $defaults['nav_dropdown_direction'], - 'type' => 'option', - 'sanitize_callback' => 'generate_sanitize_choices', - ) - ); - - $wp_customize->add_control( - 'generate_settings[nav_dropdown_direction]', - array( - 'type' => 'select', - 'label' => __( 'Dropdown Direction', 'generatepress' ), - 'section' => 'generate_layout_navigation', - 'choices' => array( - 'right' => __( 'Right', 'generatepress' ), - 'left' => __( 'Left', 'generatepress' ), - ), - 'settings' => 'generate_settings[nav_dropdown_direction]', - 'priority' => 22, - ) - ); - - $wp_customize->add_setting( - 'generate_settings[nav_search]', - array( - 'default' => $defaults['nav_search'], - 'type' => 'option', - 'sanitize_callback' => 'generate_sanitize_choices', - ) - ); - - $wp_customize->add_control( - 'generate_settings[nav_search]', - array( - 'type' => 'select', - 'label' => __( 'Navigation Search', 'generatepress' ), - 'section' => 'generate_layout_navigation', - 'choices' => array( - 'enable' => __( 'Enable', 'generatepress' ), - 'disable' => __( 'Disable', 'generatepress' ), - ), - 'settings' => 'generate_settings[nav_search]', - 'priority' => 23, - ) - ); - - $wp_customize->add_setting( - 'generate_settings[content_layout_setting]', - array( - 'default' => $defaults['content_layout_setting'], - 'type' => 'option', - 'sanitize_callback' => 'generate_sanitize_choices', - ) - ); - - $wp_customize->add_control( - 'generate_settings[content_layout_setting]', - array( - 'type' => 'select', - 'label' => __( 'Content Layout', 'generatepress' ), - 'section' => 'generate_layout_container', - 'choices' => array( - 'separate-containers' => __( 'Separate Containers', 'generatepress' ), - 'one-container' => __( 'One Container', 'generatepress' ), - ), - 'settings' => 'generate_settings[content_layout_setting]', - 'priority' => 25, - ) - ); - - $wp_customize->add_setting( - 'generate_settings[container_alignment]', - array( - 'default' => $defaults['container_alignment'], - 'type' => 'option', - 'sanitize_callback' => 'generate_sanitize_choices', - ) - ); - - $wp_customize->add_control( - 'generate_settings[container_alignment]', - array( - 'type' => 'select', - 'label' => __( 'Container Alignment', 'generatepress' ), - 'section' => 'generate_layout_container', - 'choices' => array( - 'boxes' => __( 'Boxes', 'generatepress' ), - 'text' => __( 'Text', 'generatepress' ), - ), - 'settings' => 'generate_settings[container_alignment]', - 'priority' => 30, - ) - ); - - $wp_customize->add_section( - 'generate_layout_sidebars', - array( - 'title' => __( 'Sidebars', 'generatepress' ), - 'priority' => 40, - 'panel' => 'generate_layout_panel', - ) - ); - - $wp_customize->add_setting( - 'generate_settings[layout_setting]', - array( - 'default' => $defaults['layout_setting'], - 'type' => 'option', - 'sanitize_callback' => 'generate_sanitize_choices', - ) - ); - - $wp_customize->add_control( - 'generate_settings[layout_setting]', - array( - 'type' => 'select', - 'label' => __( 'Sidebar Layout', 'generatepress' ), - 'section' => 'generate_layout_sidebars', - 'choices' => array( - 'left-sidebar' => __( 'Sidebar / Content', 'generatepress' ), - 'right-sidebar' => __( 'Content / Sidebar', 'generatepress' ), - 'no-sidebar' => __( 'Content (no sidebars)', 'generatepress' ), - 'both-sidebars' => __( 'Sidebar / Content / Sidebar', 'generatepress' ), - 'both-left' => __( 'Sidebar / Sidebar / Content', 'generatepress' ), - 'both-right' => __( 'Content / Sidebar / Sidebar', 'generatepress' ), - ), - 'settings' => 'generate_settings[layout_setting]', - 'priority' => 30, - ) - ); - - $wp_customize->add_setting( - 'generate_settings[blog_layout_setting]', - array( - 'default' => $defaults['blog_layout_setting'], - 'type' => 'option', - 'sanitize_callback' => 'generate_sanitize_choices', - ) - ); - - $wp_customize->add_control( - 'generate_settings[blog_layout_setting]', - array( - 'type' => 'select', - 'label' => __( 'Blog Sidebar Layout', 'generatepress' ), - 'section' => 'generate_layout_sidebars', - 'choices' => array( - 'left-sidebar' => __( 'Sidebar / Content', 'generatepress' ), - 'right-sidebar' => __( 'Content / Sidebar', 'generatepress' ), - 'no-sidebar' => __( 'Content (no sidebars)', 'generatepress' ), - 'both-sidebars' => __( 'Sidebar / Content / Sidebar', 'generatepress' ), - 'both-left' => __( 'Sidebar / Sidebar / Content', 'generatepress' ), - 'both-right' => __( 'Content / Sidebar / Sidebar', 'generatepress' ), - ), - 'settings' => 'generate_settings[blog_layout_setting]', - 'priority' => 35, - ) - ); - - $wp_customize->add_setting( - 'generate_settings[single_layout_setting]', - array( - 'default' => $defaults['single_layout_setting'], - 'type' => 'option', - 'sanitize_callback' => 'generate_sanitize_choices', - ) - ); - - $wp_customize->add_control( - 'generate_settings[single_layout_setting]', - array( - 'type' => 'select', - 'label' => __( 'Single Post Sidebar Layout', 'generatepress' ), - 'section' => 'generate_layout_sidebars', - 'choices' => array( - 'left-sidebar' => __( 'Sidebar / Content', 'generatepress' ), - 'right-sidebar' => __( 'Content / Sidebar', 'generatepress' ), - 'no-sidebar' => __( 'Content (no sidebars)', 'generatepress' ), - 'both-sidebars' => __( 'Sidebar / Content / Sidebar', 'generatepress' ), - 'both-left' => __( 'Sidebar / Sidebar / Content', 'generatepress' ), - 'both-right' => __( 'Content / Sidebar / Sidebar', 'generatepress' ), - ), - 'settings' => 'generate_settings[single_layout_setting]', - 'priority' => 36, - ) - ); - - $wp_customize->add_section( - 'generate_layout_footer', - array( - 'title' => __( 'Footer', 'generatepress' ), - 'priority' => 50, - 'panel' => 'generate_layout_panel', - ) - ); - - $wp_customize->add_setting( - 'generate_settings[footer_layout_setting]', - array( - 'default' => $defaults['footer_layout_setting'], - 'type' => 'option', - 'sanitize_callback' => 'generate_sanitize_choices', - 'transport' => 'postMessage', - ) - ); - - $wp_customize->add_control( - 'generate_settings[footer_layout_setting]', - array( - 'type' => 'select', - 'label' => __( 'Footer Width', 'generatepress' ), - 'section' => 'generate_layout_footer', - 'choices' => array( - 'fluid-footer' => __( 'Full', 'generatepress' ), - 'contained-footer' => __( 'Contained', 'generatepress' ), - ), - 'settings' => 'generate_settings[footer_layout_setting]', - 'priority' => 40, - ) - ); - - $wp_customize->add_setting( - 'generate_settings[footer_inner_width]', - array( - 'default' => $defaults['footer_inner_width'], - 'type' => 'option', - 'sanitize_callback' => 'generate_sanitize_choices', - 'transport' => 'postMessage', - ) - ); - - $wp_customize->add_control( - 'generate_settings[footer_inner_width]', - array( - 'type' => 'select', - 'label' => __( 'Inner Footer Width', 'generatepress' ), - 'section' => 'generate_layout_footer', - 'choices' => array( - 'contained' => __( 'Contained', 'generatepress' ), - 'full-width' => __( 'Full', 'generatepress' ), - ), - 'settings' => 'generate_settings[footer_inner_width]', - 'priority' => 41, - ) - ); - - $wp_customize->add_setting( - 'generate_settings[footer_widget_setting]', - array( - 'default' => $defaults['footer_widget_setting'], - 'type' => 'option', - 'sanitize_callback' => 'generate_sanitize_choices', - ) - ); - - $wp_customize->add_control( - 'generate_settings[footer_widget_setting]', - array( - 'type' => 'select', - 'label' => __( 'Footer Widgets', 'generatepress' ), - 'section' => 'generate_layout_footer', - 'choices' => array( - '0' => '0', - '1' => '1', - '2' => '2', - '3' => '3', - '4' => '4', - '5' => '5', - ), - 'settings' => 'generate_settings[footer_widget_setting]', - 'priority' => 45, - ) - ); - - $wp_customize->add_setting( - 'generate_settings[footer_bar_alignment]', - array( - 'default' => $defaults['footer_bar_alignment'], - 'type' => 'option', - 'sanitize_callback' => 'generate_sanitize_choices', - 'transport' => 'postMessage', - ) - ); - - $wp_customize->add_control( - 'generate_settings[footer_bar_alignment]', - array( - 'type' => 'select', - 'label' => __( 'Footer Bar Alignment', 'generatepress' ), - 'section' => 'generate_layout_footer', - 'choices' => array( - 'left' => __( 'Left', 'generatepress' ), - 'center' => __( 'Center', 'generatepress' ), - 'right' => __( 'Right', 'generatepress' ), - ), - 'settings' => 'generate_settings[footer_bar_alignment]', - 'priority' => 47, - 'active_callback' => 'generate_is_footer_bar_active', - ) - ); - - $wp_customize->add_setting( - 'generate_settings[back_to_top]', - array( - 'default' => $defaults['back_to_top'], - 'type' => 'option', - 'sanitize_callback' => 'generate_sanitize_choices', - ) - ); - - $wp_customize->add_control( - 'generate_settings[back_to_top]', - array( - 'type' => 'select', - 'label' => __( 'Back to Top Button', 'generatepress' ), - 'section' => 'generate_layout_footer', - 'choices' => array( - 'enable' => __( 'Enable', 'generatepress' ), - '' => __( 'Disable', 'generatepress' ), - ), - 'settings' => 'generate_settings[back_to_top]', - 'priority' => 50, - ) - ); - - $wp_customize->add_section( - 'generate_blog_section', - array( - 'title' => __( 'Blog', 'generatepress' ), - 'priority' => 55, - 'panel' => 'generate_layout_panel', - ) - ); - - $wp_customize->add_setting( - 'generate_settings[post_content]', - array( - 'default' => $defaults['post_content'], - 'type' => 'option', - 'sanitize_callback' => 'generate_sanitize_blog_excerpt', - ) - ); - - $wp_customize->add_control( - 'blog_content_control', - array( - 'type' => 'select', - 'label' => __( 'Content Type', 'generatepress' ), - 'section' => 'generate_blog_section', - 'choices' => array( - 'full' => __( 'Full Content', 'generatepress' ), - 'excerpt' => __( 'Excerpt', 'generatepress' ), - ), - 'settings' => 'generate_settings[post_content]', - 'priority' => 10, - ) - ); - - if ( ! function_exists( 'generate_blog_customize_register' ) && ! defined( 'GP_PREMIUM_VERSION' ) ) { - $wp_customize->add_control( - new Generate_Customize_Misc_Control( - $wp_customize, - 'blog_get_addon_desc', - array( - 'section' => 'generate_blog_section', - 'type' => 'addon', - 'label' => __( 'Learn more', 'generatepress' ), - 'description' => __( 'More options are available for this section in our premium version.', 'generatepress' ), - 'url' => generate_get_premium_url( 'https://generatepress.com/premium/#blog', false ), - 'priority' => 30, - 'settings' => ( isset( $wp_customize->selective_refresh ) ) ? array() : 'blogname', - ) - ) - ); - } - - $wp_customize->add_section( - 'generate_general_section', - array( - 'title' => __( 'General', 'generatepress' ), - 'priority' => 99, - ) - ); - - if ( ! apply_filters( 'generate_fontawesome_essentials', false ) ) { - $wp_customize->add_setting( - 'generate_settings[font_awesome_essentials]', - array( - 'default' => $defaults['font_awesome_essentials'], - 'type' => 'option', - 'sanitize_callback' => 'generate_sanitize_checkbox', - ) - ); - - $wp_customize->add_control( - 'generate_settings[font_awesome_essentials]', - array( - 'type' => 'checkbox', - 'label' => __( 'Load essential icons only', 'generatepress' ), - 'description' => __( 'Load essential Font Awesome icons instead of the full library.', 'generatepress' ), - 'section' => 'generate_general_section', - 'settings' => 'generate_settings[font_awesome_essentials]', - ) - ); - } - - $show_flexbox_option = true; - - if ( defined( 'GP_PREMIUM_VERSION' ) && version_compare( GP_PREMIUM_VERSION, '1.11.0-alpha.1', '<' ) ) { - $show_flexbox_option = false; - } - - if ( generate_is_using_flexbox() ) { - $show_flexbox_option = true; - } - - $show_flexbox_option = apply_filters( 'generate_show_flexbox_customizer_option', $show_flexbox_option ); - - if ( $show_flexbox_option ) { - $wp_customize->add_setting( - 'generate_settings[structure]', - array( - 'default' => $defaults['structure'], - 'type' => 'option', - 'sanitize_callback' => 'generate_sanitize_choices', - ) - ); - - $wp_customize->add_control( - 'generate_settings[structure]', - array( - 'type' => 'select', - 'label' => __( 'Structure', 'generatepress' ), - 'section' => 'generate_general_section', - 'choices' => array( - 'flexbox' => __( 'Flexbox', 'generatepress' ), - 'floats' => __( 'Floats', 'generatepress' ), - ), - 'description' => sprintf( - '%1$s %2$s', - __( 'Caution:', 'generatepress' ), - sprintf( - /* translators: Learn more here */ - __( 'Switching your structure can change how your website displays. Review your website thoroughly before publishing this change, or use a staging site to review the potential changes. Learn more %s.', 'generatepress' ), - '' . __( 'here', 'generatepress' ) . '' - ) - ), - 'settings' => 'generate_settings[structure]', - ) - ); - } - - $wp_customize->add_setting( - 'generate_settings[icons]', - array( - 'default' => $defaults['icons'], - 'type' => 'option', - 'sanitize_callback' => 'generate_sanitize_choices', - ) - ); - - $wp_customize->add_control( - 'generate_settings[icons]', - array( - 'type' => 'select', - 'label' => __( 'Icon Type', 'generatepress' ), - 'section' => 'generate_general_section', - 'choices' => array( - 'svg' => __( 'SVG', 'generatepress' ), - 'font' => __( 'Font', 'generatepress' ), - ), - 'settings' => 'generate_settings[icons]', - ) - ); - - $wp_customize->add_setting( - 'generate_settings[combine_css]', - array( - 'default' => $defaults['combine_css'], - 'type' => 'option', - 'sanitize_callback' => 'generate_sanitize_checkbox', - ) - ); - - $wp_customize->add_control( - 'generate_settings[combine_css]', - array( - 'type' => 'checkbox', - 'label' => __( 'Combine CSS', 'generatepress' ), - 'description' => __( 'Reduce the number of CSS file requests and use a lite version of our grid system.', 'generatepress' ), - 'section' => 'generate_general_section', - 'active_callback' => 'generate_is_using_floats_callback', - ) - ); - - $wp_customize->add_setting( - 'generate_settings[dynamic_css_cache]', - array( - 'default' => $defaults['dynamic_css_cache'], - 'type' => 'option', - 'sanitize_callback' => 'generate_sanitize_checkbox', - ) - ); - - $wp_customize->add_control( - 'generate_settings[dynamic_css_cache]', - array( - 'type' => 'checkbox', - 'label' => __( 'Cache dynamic CSS', 'generatepress' ), - 'description' => __( 'Cache CSS generated by your options to boost performance.', 'generatepress' ), - 'section' => 'generate_general_section', - ) - ); - } -} +get_control( 'blogdescription' ) ) { + $wp_customize->get_control( 'blogdescription' )->priority = 3; + $wp_customize->get_setting( 'blogdescription' )->transport = 'postMessage'; + } + + if ( $wp_customize->get_control( 'blogname' ) ) { + $wp_customize->get_control( 'blogname' )->priority = 1; + $wp_customize->get_setting( 'blogname' )->transport = 'postMessage'; + } + + if ( $wp_customize->get_control( 'custom_logo' ) ) { + $wp_customize->get_setting( 'custom_logo' )->transport = 'refresh'; + } + + if ( method_exists( $wp_customize, 'register_control_type' ) ) { + $wp_customize->register_control_type( 'Generate_Customize_Misc_Control' ); + $wp_customize->register_control_type( 'Generate_Range_Slider_Control' ); + } + + if ( method_exists( $wp_customize, 'register_section_type' ) ) { + $wp_customize->register_section_type( 'GeneratePress_Upsell_Section' ); + } + + if ( isset( $wp_customize->selective_refresh ) ) { + $wp_customize->selective_refresh->add_partial( + 'blogname', + array( + 'selector' => '.main-title a', + 'render_callback' => 'generate_customize_partial_blogname', + ) + ); + + $wp_customize->selective_refresh->add_partial( + 'blogdescription', + array( + 'selector' => '.site-description', + 'render_callback' => 'generate_customize_partial_blogdescription', + ) + ); + } + + if ( ! defined( 'GP_PREMIUM_VERSION' ) ) { + $wp_customize->add_section( + new GeneratePress_Upsell_Section( + $wp_customize, + 'generatepress_upsell_section', + array( + 'pro_text' => __( 'Premium Modules Available', 'generatepress' ), + 'pro_url' => generate_get_premium_url( 'https://generatepress.com/premium' ), + 'capability' => 'edit_theme_options', + 'priority' => 0, + 'type' => 'gp-upsell-section', + ) + ) + ); + } + + $wp_customize->add_setting( + 'generate_settings[hide_title]', + array( + 'default' => $defaults['hide_title'], + 'type' => 'option', + 'sanitize_callback' => 'generate_sanitize_checkbox', + ) + ); + + $wp_customize->add_control( + 'generate_settings[hide_title]', + array( + 'type' => 'checkbox', + 'label' => __( 'Hide site title', 'generatepress' ), + 'section' => 'title_tagline', + 'priority' => 2, + ) + ); + + $wp_customize->add_setting( + 'generate_settings[hide_tagline]', + array( + 'default' => $defaults['hide_tagline'], + 'type' => 'option', + 'sanitize_callback' => 'generate_sanitize_checkbox', + ) + ); + + $wp_customize->add_control( + 'generate_settings[hide_tagline]', + array( + 'type' => 'checkbox', + 'label' => __( 'Hide site tagline', 'generatepress' ), + 'section' => 'title_tagline', + 'priority' => 4, + ) + ); + + if ( ! function_exists( 'the_custom_logo' ) ) { + $wp_customize->add_setting( + 'generate_settings[logo]', + array( + 'default' => $defaults['logo'], + 'type' => 'option', + 'sanitize_callback' => 'esc_url_raw', + ) + ); + + $wp_customize->add_control( + new WP_Customize_Image_Control( + $wp_customize, + 'generate_settings[logo]', + array( + 'label' => __( 'Logo', 'generatepress' ), + 'section' => 'title_tagline', + 'settings' => 'generate_settings[logo]', + ) + ) + ); + } + + $wp_customize->add_setting( + 'generate_settings[retina_logo]', + array( + 'default' => $defaults['retina_logo'], + 'type' => 'option', + 'sanitize_callback' => 'esc_url_raw', + ) + ); + + $wp_customize->add_control( + new WP_Customize_Image_Control( + $wp_customize, + 'generate_settings[retina_logo]', + array( + 'label' => __( 'Retina Logo', 'generatepress' ), + 'section' => 'title_tagline', + 'settings' => 'generate_settings[retina_logo]', + 'active_callback' => 'generate_has_custom_logo_callback', + ) + ) + ); + + $wp_customize->add_setting( + 'generate_settings[logo_width]', + array( + 'default' => $defaults['logo_width'], + 'type' => 'option', + 'sanitize_callback' => 'generate_sanitize_empty_absint', + 'transport' => 'postMessage', + ) + ); + + $wp_customize->add_control( + new Generate_Range_Slider_Control( + $wp_customize, + 'generate_settings[logo_width]', + array( + 'label' => __( 'Logo Width', 'generatepress' ), + 'section' => 'title_tagline', + 'settings' => array( + 'desktop' => 'generate_settings[logo_width]', + ), + 'choices' => array( + 'desktop' => array( + 'min' => 20, + 'max' => 1200, + 'step' => 10, + 'edit' => true, + 'unit' => 'px', + ), + ), + 'active_callback' => 'generate_has_custom_logo_callback', + ) + ) + ); + + $wp_customize->add_setting( + 'generate_settings[inline_logo_site_branding]', + array( + 'default' => $defaults['inline_logo_site_branding'], + 'type' => 'option', + 'sanitize_callback' => 'generate_sanitize_checkbox', + ) + ); + + $wp_customize->add_control( + 'generate_settings[inline_logo_site_branding]', + array( + 'type' => 'checkbox', + 'label' => esc_html__( 'Place logo next to title', 'generatepress' ), + 'section' => 'title_tagline', + 'active_callback' => 'generate_show_inline_logo_callback', + ) + ); + + $wp_customize->add_section( + 'generate_colors_section', + array( + 'title' => esc_attr__( 'Colors', 'generatepress' ), + 'priority' => 30, + ) + ); + + GeneratePress_Customize_Field::add_title( + 'generate_color_manager_title', + array( + 'section' => 'generate_colors_section', + 'title' => __( 'Global Colors', 'generatepress' ), + ) + ); + + GeneratePress_Customize_Field::add_field( + 'generate_settings[global_colors]', + 'GeneratePress_Customize_React_Control', + array( + 'default' => $defaults['global_colors'], + 'sanitize_callback' => function( $colors ) { + if ( ! is_array( $colors ) ) { + return; + } + + $new_settings = array(); + + foreach ( (array) $colors as $key => $data ) { + if ( empty( $data['slug'] ) || empty( $data['color'] ) ) { + continue; + } + + $slug = preg_replace( '/[^a-z0-9-\s]+/i', '', $data['slug'] ); + $slug = strtolower( $slug ); + $new_settings[ $key ]['name'] = sanitize_text_field( $slug ); + $new_settings[ $key ]['slug'] = sanitize_text_field( $slug ); + $new_settings[ $key ]['color'] = generate_sanitize_rgba_color( $data['color'] ); + } + + // Reset array keys starting at 0. + $new_settings = array_values( $new_settings ); + + return $new_settings; + }, + 'transport' => 'refresh', + ), + array( + 'type' => 'generate-color-manager-control', + 'label' => __( 'Choose Color', 'generatepress' ), + 'section' => 'generate_colors_section', + 'choices' => array( + 'alpha' => true, + 'showPalette' => false, + 'showReset' => false, + 'showVarName' => true, + ), + ) + ); + + $fields_dir = trailingslashit( get_template_directory() ) . 'inc/customizer/fields'; + require_once $fields_dir . '/body.php'; + require_once $fields_dir . '/top-bar.php'; + require_once $fields_dir . '/header.php'; + require_once $fields_dir . '/primary-navigation.php'; + + do_action( 'generate_customize_after_primary_navigation', $wp_customize ); + + require_once $fields_dir . '/buttons.php'; + require_once $fields_dir . '/content.php'; + require_once $fields_dir . '/forms.php'; + require_once $fields_dir . '/sidebar-widgets.php'; + require_once $fields_dir . '/footer-widgets.php'; + require_once $fields_dir . '/footer-bar.php'; + require_once $fields_dir . '/back-to-top.php'; + + do_action( 'generate_customize_after_controls', $wp_customize ); + + $wp_customize->add_section( + 'generate_typography_section', + array( + 'title' => esc_attr__( 'Typography', 'generatepress' ), + 'priority' => 35, + 'active_callback' => function() { + if ( ! generate_is_using_dynamic_typography() ) { + return false; + } + + return true; + }, + ) + ); + + GeneratePress_Customize_Field::add_title( + 'generate_font_manager_title', + array( + 'section' => 'generate_typography_section', + 'title' => __( 'Font Manager', 'generatepress' ), + ) + ); + + GeneratePress_Customize_Field::add_field( + 'generate_settings[font_manager]', + 'GeneratePress_Customize_React_Control', + array( + 'default' => $defaults['font_manager'], + 'sanitize_callback' => function( $fonts ) { + if ( ! is_array( $fonts ) ) { + return; + } + + $options = array( + 'fontFamily' => 'sanitize_text_field', + 'googleFont' => 'rest_sanitize_boolean', + 'googleFontApi' => 'absint', + 'googleFontCategory' => 'sanitize_text_field', + 'googleFontVariants' => 'sanitize_text_field', + ); + + $new_settings = array(); + + foreach ( (array) $fonts as $key => $data ) { + if ( empty( $data['fontFamily'] ) ) { + continue; + } + + foreach ( $options as $option => $sanitize ) { + if ( array_key_exists( $option, $data ) ) { + $new_settings[ $key ][ $option ] = $sanitize( $data[ $option ] ); + } + } + } + + // Reset array keys starting at 0. + $new_settings = array_values( $new_settings ); + + return $new_settings; + }, + 'transport' => 'refresh', + ), + array( + 'type' => 'generate-font-manager-control', + 'label' => __( 'Choose Font', 'generatepress' ), + 'section' => 'generate_typography_section', + ) + ); + + GeneratePress_Customize_Field::add_field( + 'generate_settings[google_font_display]', + '', + array( + 'default' => $defaults['google_font_display'], + 'sanitize_callback' => 'generate_sanitize_choices', + 'transport' => 'refresh', + ), + array( + 'type' => 'select', + 'label' => __( 'Google font-display', 'generatepress' ), + 'description' => sprintf( + '%s', + 'https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display', + esc_html__( 'Learn about font-display', 'generatepress' ) + ), + 'section' => 'generate_typography_section', + 'choices' => array( + 'auto' => esc_html__( 'Auto', 'generatepress' ), + 'block' => esc_html__( 'Block', 'generatepress' ), + 'swap' => esc_html__( 'Swap', 'generatepress' ), + 'fallback' => esc_html__( 'Fallback', 'generatepress' ), + 'optional' => esc_html__( 'Optional', 'generatepress' ), + ), + 'active_callback' => function() { + $font_manager = generate_get_option( 'font_manager' ); + $has_google_font = false; + + foreach ( (array) $font_manager as $key => $data ) { + if ( ! empty( $data['googleFont'] ) ) { + $has_google_font = true; + break; + } + } + + return $has_google_font; + }, + ) + ); + + GeneratePress_Customize_Field::add_title( + 'generate_typography_manager_title', + array( + 'section' => 'generate_typography_section', + 'title' => __( 'Typography Manager', 'generatepress' ), + ) + ); + + GeneratePress_Customize_Field::add_field( + 'generate_settings[typography]', + 'GeneratePress_Customize_React_Control', + array( + 'default' => $defaults['typography'], + 'sanitize_callback' => function( $settings ) { + if ( ! is_array( $settings ) ) { + return; + } + + $options = array( + 'selector' => 'sanitize_text_field', + 'customSelector' => 'sanitize_text_field', + 'fontFamily' => 'sanitize_text_field', + 'fontWeight' => 'sanitize_text_field', + 'textTransform' => 'sanitize_text_field', + 'fontSize' => 'generate_sanitize_empty_decimal_integer', + 'fontSizeTablet' => 'generate_sanitize_empty_decimal_integer', + 'fontSizeMobile' => 'generate_sanitize_empty_decimal_integer', + 'fontSizeUnit' => 'sanitize_text_field', + 'lineHeight' => 'generate_sanitize_empty_decimal_integer', + 'lineHeightTablet' => 'generate_sanitize_empty_decimal_integer', + 'lineHeightMobile' => 'generate_sanitize_empty_decimal_integer', + 'lineHeightUnit' => 'sanitize_text_field', + 'letterSpacing' => 'generate_sanitize_empty_negative_decimal_integer', + 'letterSpacingTablet' => 'generate_sanitize_empty_negative_decimal_integer', + 'letterSpacingMobile' => 'generate_sanitize_empty_negative_decimal_integer', + 'letterSpacingUnit' => 'sanitize_text_field', + 'marginBottom' => 'generate_sanitize_empty_decimal_integer', + 'marginBottomTablet' => 'generate_sanitize_empty_decimal_integer', + 'marginBottomMobile' => 'generate_sanitize_empty_decimal_integer', + 'marginBottomUnit' => 'sanitize_text_field', + 'module' => 'sanitize_text_field', + 'group' => 'sanitize_text_field', + ); + + $new_settings = array(); + + foreach ( (array) $settings as $key => $data ) { + if ( empty( $data['selector'] ) ) { + continue; + } + + foreach ( $options as $option => $sanitize ) { + if ( array_key_exists( $option, $data ) ) { + $new_settings[ $key ][ $option ] = $sanitize( $data[ $option ] ); + } + } + } + + // Reset array keys starting at 0. + $new_settings = array_values( $new_settings ); + + return $new_settings; + }, + 'transport' => 'refresh', + ), + array( + 'type' => 'generate-typography-control', + 'label' => __( 'Configure', 'generatepress' ), + 'section' => 'generate_typography_section', + ) + ); + + if ( ! $wp_customize->get_panel( 'generate_layout_panel' ) ) { + $wp_customize->add_panel( + 'generate_layout_panel', + array( + 'priority' => 25, + 'title' => __( 'Layout', 'generatepress' ), + ) + ); + } + + $wp_customize->add_section( + 'generate_layout_container', + array( + 'title' => __( 'Container', 'generatepress' ), + 'priority' => 10, + 'panel' => 'generate_layout_panel', + ) + ); + + $wp_customize->add_setting( + 'generate_settings[container_width]', + array( + 'default' => $defaults['container_width'], + 'type' => 'option', + 'sanitize_callback' => 'generate_sanitize_integer', + 'transport' => 'postMessage', + ) + ); + + $wp_customize->add_control( + new Generate_Range_Slider_Control( + $wp_customize, + 'generate_settings[container_width]', + array( + 'type' => 'generatepress-range-slider', + 'label' => __( 'Container Width', 'generatepress' ), + 'section' => 'generate_layout_container', + 'settings' => array( + 'desktop' => 'generate_settings[container_width]', + ), + 'choices' => array( + 'desktop' => array( + 'min' => 700, + 'max' => 2000, + 'step' => 5, + 'edit' => true, + 'unit' => 'px', + ), + ), + 'priority' => 0, + ) + ) + ); + + $wp_customize->add_section( + 'generate_top_bar', + array( + 'title' => __( 'Top Bar', 'generatepress' ), + 'priority' => 15, + 'panel' => 'generate_layout_panel', + ) + ); + + $wp_customize->add_setting( + 'generate_settings[top_bar_width]', + array( + 'default' => $defaults['top_bar_width'], + 'type' => 'option', + 'sanitize_callback' => 'generate_sanitize_choices', + 'transport' => 'postMessage', + ) + ); + + $wp_customize->add_control( + 'generate_settings[top_bar_width]', + array( + 'type' => 'select', + 'label' => __( 'Top Bar Width', 'generatepress' ), + 'section' => 'generate_top_bar', + 'choices' => array( + 'full' => __( 'Full', 'generatepress' ), + 'contained' => __( 'Contained', 'generatepress' ), + ), + 'settings' => 'generate_settings[top_bar_width]', + 'priority' => 5, + 'active_callback' => 'generate_is_top_bar_active', + ) + ); + + $wp_customize->add_setting( + 'generate_settings[top_bar_inner_width]', + array( + 'default' => $defaults['top_bar_inner_width'], + 'type' => 'option', + 'sanitize_callback' => 'generate_sanitize_choices', + 'transport' => 'postMessage', + ) + ); + + $wp_customize->add_control( + 'generate_settings[top_bar_inner_width]', + array( + 'type' => 'select', + 'label' => __( 'Top Bar Inner Width', 'generatepress' ), + 'section' => 'generate_top_bar', + 'choices' => array( + 'full' => __( 'Full', 'generatepress' ), + 'contained' => __( 'Contained', 'generatepress' ), + ), + 'settings' => 'generate_settings[top_bar_inner_width]', + 'priority' => 10, + 'active_callback' => 'generate_is_top_bar_active', + ) + ); + + $wp_customize->add_setting( + 'generate_settings[top_bar_alignment]', + array( + 'default' => $defaults['top_bar_alignment'], + 'type' => 'option', + 'sanitize_callback' => 'generate_sanitize_choices', + 'transport' => 'postMessage', + ) + ); + + $wp_customize->add_control( + 'generate_settings[top_bar_alignment]', + array( + 'type' => 'select', + 'label' => __( 'Top Bar Alignment', 'generatepress' ), + 'section' => 'generate_top_bar', + 'choices' => array( + 'left' => __( 'Left', 'generatepress' ), + 'center' => __( 'Center', 'generatepress' ), + 'right' => __( 'Right', 'generatepress' ), + ), + 'settings' => 'generate_settings[top_bar_alignment]', + 'priority' => 15, + 'active_callback' => 'generate_is_top_bar_active', + ) + ); + + $wp_customize->add_section( + 'generate_layout_header', + array( + 'title' => __( 'Header', 'generatepress' ), + 'priority' => 20, + 'panel' => 'generate_layout_panel', + ) + ); + + $wp_customize->add_setting( + 'generate_header_helper', + array( + 'default' => 'current', + 'type' => 'option', + 'sanitize_callback' => 'generate_sanitize_preset_layout', + 'transport' => 'postMessage', + ) + ); + + $wp_customize->add_control( + 'generate_header_helper', + array( + 'type' => 'select', + 'label' => __( 'Header Presets', 'generatepress' ), + 'section' => 'generate_layout_header', + 'choices' => array( + 'current' => __( 'Current', 'generatepress' ), + 'default' => __( 'Default', 'generatepress' ), + 'classic' => __( 'Classic', 'generatepress' ), + 'nav-before' => __( 'Navigation Before', 'generatepress' ), + 'nav-after' => __( 'Navigation After', 'generatepress' ), + 'nav-before-centered' => __( 'Navigation Before - Centered', 'generatepress' ), + 'nav-after-centered' => __( 'Navigation After - Centered', 'generatepress' ), + 'nav-left' => __( 'Navigation Left', 'generatepress' ), + ), + 'settings' => 'generate_header_helper', + 'priority' => 4, + ) + ); + + if ( ! $wp_customize->get_setting( 'generate_settings[site_title_font_size]' ) ) { + $typography_defaults = generate_get_default_fonts(); + + $wp_customize->add_setting( + 'generate_settings[site_title_font_size]', + array( + 'default' => $typography_defaults['site_title_font_size'], + 'type' => 'option', + 'sanitize_callback' => 'absint', + 'transport' => 'postMessage', + ) + ); + } + + if ( ! $wp_customize->get_setting( 'generate_spacing_settings[header_top]' ) ) { + $spacing_defaults = generate_spacing_get_defaults(); + + $wp_customize->add_setting( + 'generate_spacing_settings[header_top]', + array( + 'default' => $spacing_defaults['header_top'], + 'type' => 'option', + 'sanitize_callback' => 'absint', + 'transport' => 'postMessage', + ) + ); + } + + if ( ! $wp_customize->get_setting( 'generate_spacing_settings[header_bottom]' ) ) { + $spacing_defaults = generate_spacing_get_defaults(); + + $wp_customize->add_setting( + 'generate_spacing_settings[header_bottom]', + array( + 'default' => $spacing_defaults['header_bottom'], + 'type' => 'option', + 'sanitize_callback' => 'absint', + 'transport' => 'postMessage', + ) + ); + } + + $wp_customize->add_setting( + 'generate_settings[header_layout_setting]', + array( + 'default' => $defaults['header_layout_setting'], + 'type' => 'option', + 'sanitize_callback' => 'generate_sanitize_choices', + 'transport' => 'postMessage', + ) + ); + + $wp_customize->add_control( + 'generate_settings[header_layout_setting]', + array( + 'type' => 'select', + 'label' => __( 'Header Width', 'generatepress' ), + 'section' => 'generate_layout_header', + 'choices' => array( + 'fluid-header' => __( 'Full', 'generatepress' ), + 'contained-header' => __( 'Contained', 'generatepress' ), + ), + 'settings' => 'generate_settings[header_layout_setting]', + 'priority' => 5, + ) + ); + + $wp_customize->add_setting( + 'generate_settings[header_inner_width]', + array( + 'default' => $defaults['header_inner_width'], + 'type' => 'option', + 'sanitize_callback' => 'generate_sanitize_choices', + 'transport' => 'postMessage', + ) + ); + + $wp_customize->add_control( + 'generate_settings[header_inner_width]', + array( + 'type' => 'select', + 'label' => __( 'Inner Header Width', 'generatepress' ), + 'section' => 'generate_layout_header', + 'choices' => array( + 'contained' => __( 'Contained', 'generatepress' ), + 'full-width' => __( 'Full', 'generatepress' ), + ), + 'settings' => 'generate_settings[header_inner_width]', + 'priority' => 6, + ) + ); + + $wp_customize->add_setting( + 'generate_settings[header_alignment_setting]', + array( + 'default' => $defaults['header_alignment_setting'], + 'type' => 'option', + 'sanitize_callback' => 'generate_sanitize_choices', + 'transport' => 'postMessage', + ) + ); + + $wp_customize->add_control( + 'generate_settings[header_alignment_setting]', + array( + 'type' => 'select', + 'label' => __( 'Header Alignment', 'generatepress' ), + 'section' => 'generate_layout_header', + 'choices' => array( + 'left' => __( 'Left', 'generatepress' ), + 'center' => __( 'Center', 'generatepress' ), + 'right' => __( 'Right', 'generatepress' ), + ), + 'settings' => 'generate_settings[header_alignment_setting]', + 'priority' => 10, + ) + ); + + $wp_customize->add_section( + 'generate_layout_navigation', + array( + 'title' => __( 'Primary Navigation', 'generatepress' ), + 'priority' => 30, + 'panel' => 'generate_layout_panel', + ) + ); + + $wp_customize->add_setting( + 'generate_settings[nav_layout_setting]', + array( + 'default' => $defaults['nav_layout_setting'], + 'type' => 'option', + 'sanitize_callback' => 'generate_sanitize_choices', + 'transport' => 'postMessage', + ) + ); + + $wp_customize->add_control( + 'generate_settings[nav_layout_setting]', + array( + 'type' => 'select', + 'label' => __( 'Navigation Width', 'generatepress' ), + 'section' => 'generate_layout_navigation', + 'choices' => array( + 'fluid-nav' => __( 'Full', 'generatepress' ), + 'contained-nav' => __( 'Contained', 'generatepress' ), + ), + 'settings' => 'generate_settings[nav_layout_setting]', + 'priority' => 15, + ) + ); + + $wp_customize->add_setting( + 'generate_settings[nav_inner_width]', + array( + 'default' => $defaults['nav_inner_width'], + 'type' => 'option', + 'sanitize_callback' => 'generate_sanitize_choices', + 'transport' => 'postMessage', + ) + ); + + $wp_customize->add_control( + 'generate_settings[nav_inner_width]', + array( + 'type' => 'select', + 'label' => __( 'Inner Navigation Width', 'generatepress' ), + 'section' => 'generate_layout_navigation', + 'choices' => array( + 'contained' => __( 'Contained', 'generatepress' ), + 'full-width' => __( 'Full', 'generatepress' ), + ), + 'settings' => 'generate_settings[nav_inner_width]', + 'priority' => 16, + ) + ); + + $wp_customize->add_setting( + 'generate_settings[nav_alignment_setting]', + array( + 'default' => $defaults['nav_alignment_setting'], + 'type' => 'option', + 'sanitize_callback' => 'generate_sanitize_choices', + 'transport' => 'postMessage', + ) + ); + + $wp_customize->add_control( + 'generate_settings[nav_alignment_setting]', + array( + 'type' => 'select', + 'label' => __( 'Navigation Alignment', 'generatepress' ), + 'section' => 'generate_layout_navigation', + 'choices' => array( + 'left' => __( 'Left', 'generatepress' ), + 'center' => __( 'Center', 'generatepress' ), + 'right' => __( 'Right', 'generatepress' ), + ), + 'settings' => 'generate_settings[nav_alignment_setting]', + 'priority' => 20, + ) + ); + + $wp_customize->add_setting( + 'generate_settings[nav_position_setting]', + array( + 'default' => $defaults['nav_position_setting'], + 'type' => 'option', + 'sanitize_callback' => 'generate_sanitize_choices', + 'transport' => 'refresh', + ) + ); + + $wp_customize->add_control( + 'generate_settings[nav_position_setting]', + array( + 'type' => 'select', + 'label' => __( 'Navigation Location', 'generatepress' ), + 'section' => 'generate_layout_navigation', + 'choices' => array( + 'nav-below-header' => __( 'Below Header', 'generatepress' ), + 'nav-above-header' => __( 'Above Header', 'generatepress' ), + 'nav-float-right' => __( 'Float Right', 'generatepress' ), + 'nav-float-left' => __( 'Float Left', 'generatepress' ), + 'nav-left-sidebar' => __( 'Left Sidebar', 'generatepress' ), + 'nav-right-sidebar' => __( 'Right Sidebar', 'generatepress' ), + '' => __( 'No Navigation', 'generatepress' ), + ), + 'settings' => 'generate_settings[nav_position_setting]', + 'priority' => 22, + ) + ); + + $wp_customize->add_setting( + 'generate_settings[nav_drop_point]', + array( + 'default' => $defaults['nav_drop_point'], + 'type' => 'option', + 'sanitize_callback' => 'generate_sanitize_empty_absint', + ) + ); + + $wp_customize->add_control( + new Generate_Range_Slider_Control( + $wp_customize, + 'generate_settings[nav_drop_point]', + array( + 'label' => __( 'Navigation Drop Point', 'generatepress' ), + 'sub_description' => __( 'The width when the navigation ceases to float and drops below your logo.', 'generatepress' ), + 'section' => 'generate_layout_navigation', + 'settings' => array( + 'desktop' => 'generate_settings[nav_drop_point]', + ), + 'choices' => array( + 'desktop' => array( + 'min' => 500, + 'max' => 2000, + 'step' => 10, + 'edit' => true, + 'unit' => 'px', + ), + ), + 'priority' => 22, + ) + ) + ); + + $wp_customize->add_setting( + 'generate_settings[nav_dropdown_type]', + array( + 'default' => $defaults['nav_dropdown_type'], + 'type' => 'option', + 'sanitize_callback' => 'generate_sanitize_choices', + ) + ); + + $wp_customize->add_control( + 'generate_settings[nav_dropdown_type]', + array( + 'type' => 'select', + 'label' => __( 'Navigation Dropdown', 'generatepress' ), + 'section' => 'generate_layout_navigation', + 'choices' => array( + 'hover' => __( 'Hover', 'generatepress' ), + 'click' => __( 'Click - Menu Item', 'generatepress' ), + 'click-arrow' => __( 'Click - Arrow', 'generatepress' ), + ), + 'settings' => 'generate_settings[nav_dropdown_type]', + 'priority' => 22, + ) + ); + + $wp_customize->add_setting( + 'generate_settings[nav_dropdown_direction]', + array( + 'default' => $defaults['nav_dropdown_direction'], + 'type' => 'option', + 'sanitize_callback' => 'generate_sanitize_choices', + ) + ); + + $wp_customize->add_control( + 'generate_settings[nav_dropdown_direction]', + array( + 'type' => 'select', + 'label' => __( 'Dropdown Direction', 'generatepress' ), + 'section' => 'generate_layout_navigation', + 'choices' => array( + 'right' => __( 'Right', 'generatepress' ), + 'left' => __( 'Left', 'generatepress' ), + ), + 'settings' => 'generate_settings[nav_dropdown_direction]', + 'priority' => 22, + ) + ); + + $wp_customize->add_setting( + 'generate_settings[nav_search]', + array( + 'default' => $defaults['nav_search'], + 'type' => 'option', + 'sanitize_callback' => 'generate_sanitize_choices', + ) + ); + + $wp_customize->add_control( + 'generate_settings[nav_search]', + array( + 'type' => 'select', + 'label' => __( 'Navigation Search', 'generatepress' ), + 'section' => 'generate_layout_navigation', + 'choices' => array( + 'enable' => __( 'Enable', 'generatepress' ), + 'disable' => __( 'Disable', 'generatepress' ), + ), + 'settings' => 'generate_settings[nav_search]', + 'priority' => 23, + ) + ); + + $wp_customize->add_setting( + 'generate_settings[content_layout_setting]', + array( + 'default' => $defaults['content_layout_setting'], + 'type' => 'option', + 'sanitize_callback' => 'generate_sanitize_choices', + ) + ); + + $wp_customize->add_control( + 'generate_settings[content_layout_setting]', + array( + 'type' => 'select', + 'label' => __( 'Content Layout', 'generatepress' ), + 'section' => 'generate_layout_container', + 'choices' => array( + 'separate-containers' => __( 'Separate Containers', 'generatepress' ), + 'one-container' => __( 'One Container', 'generatepress' ), + ), + 'settings' => 'generate_settings[content_layout_setting]', + 'priority' => 25, + ) + ); + + $wp_customize->add_setting( + 'generate_settings[container_alignment]', + array( + 'default' => $defaults['container_alignment'], + 'type' => 'option', + 'sanitize_callback' => 'generate_sanitize_choices', + ) + ); + + $wp_customize->add_control( + 'generate_settings[container_alignment]', + array( + 'type' => 'select', + 'label' => __( 'Container Alignment', 'generatepress' ), + 'section' => 'generate_layout_container', + 'choices' => array( + 'boxes' => __( 'Boxes', 'generatepress' ), + 'text' => __( 'Text', 'generatepress' ), + ), + 'settings' => 'generate_settings[container_alignment]', + 'priority' => 30, + ) + ); + + $wp_customize->add_section( + 'generate_layout_sidebars', + array( + 'title' => __( 'Sidebars', 'generatepress' ), + 'priority' => 40, + 'panel' => 'generate_layout_panel', + ) + ); + + $wp_customize->add_setting( + 'generate_settings[layout_setting]', + array( + 'default' => $defaults['layout_setting'], + 'type' => 'option', + 'sanitize_callback' => 'generate_sanitize_choices', + ) + ); + + $wp_customize->add_control( + 'generate_settings[layout_setting]', + array( + 'type' => 'select', + 'label' => __( 'Sidebar Layout', 'generatepress' ), + 'section' => 'generate_layout_sidebars', + 'choices' => array( + 'left-sidebar' => __( 'Sidebar / Content', 'generatepress' ), + 'right-sidebar' => __( 'Content / Sidebar', 'generatepress' ), + 'no-sidebar' => __( 'Content (no sidebars)', 'generatepress' ), + 'both-sidebars' => __( 'Sidebar / Content / Sidebar', 'generatepress' ), + 'both-left' => __( 'Sidebar / Sidebar / Content', 'generatepress' ), + 'both-right' => __( 'Content / Sidebar / Sidebar', 'generatepress' ), + ), + 'settings' => 'generate_settings[layout_setting]', + 'priority' => 30, + ) + ); + + $wp_customize->add_setting( + 'generate_settings[blog_layout_setting]', + array( + 'default' => $defaults['blog_layout_setting'], + 'type' => 'option', + 'sanitize_callback' => 'generate_sanitize_choices', + ) + ); + + $wp_customize->add_control( + 'generate_settings[blog_layout_setting]', + array( + 'type' => 'select', + 'label' => __( 'Blog Sidebar Layout', 'generatepress' ), + 'section' => 'generate_layout_sidebars', + 'choices' => array( + 'left-sidebar' => __( 'Sidebar / Content', 'generatepress' ), + 'right-sidebar' => __( 'Content / Sidebar', 'generatepress' ), + 'no-sidebar' => __( 'Content (no sidebars)', 'generatepress' ), + 'both-sidebars' => __( 'Sidebar / Content / Sidebar', 'generatepress' ), + 'both-left' => __( 'Sidebar / Sidebar / Content', 'generatepress' ), + 'both-right' => __( 'Content / Sidebar / Sidebar', 'generatepress' ), + ), + 'settings' => 'generate_settings[blog_layout_setting]', + 'priority' => 35, + ) + ); + + $wp_customize->add_setting( + 'generate_settings[single_layout_setting]', + array( + 'default' => $defaults['single_layout_setting'], + 'type' => 'option', + 'sanitize_callback' => 'generate_sanitize_choices', + ) + ); + + $wp_customize->add_control( + 'generate_settings[single_layout_setting]', + array( + 'type' => 'select', + 'label' => __( 'Single Post Sidebar Layout', 'generatepress' ), + 'section' => 'generate_layout_sidebars', + 'choices' => array( + 'left-sidebar' => __( 'Sidebar / Content', 'generatepress' ), + 'right-sidebar' => __( 'Content / Sidebar', 'generatepress' ), + 'no-sidebar' => __( 'Content (no sidebars)', 'generatepress' ), + 'both-sidebars' => __( 'Sidebar / Content / Sidebar', 'generatepress' ), + 'both-left' => __( 'Sidebar / Sidebar / Content', 'generatepress' ), + 'both-right' => __( 'Content / Sidebar / Sidebar', 'generatepress' ), + ), + 'settings' => 'generate_settings[single_layout_setting]', + 'priority' => 36, + ) + ); + + $wp_customize->add_section( + 'generate_layout_footer', + array( + 'title' => __( 'Footer', 'generatepress' ), + 'priority' => 50, + 'panel' => 'generate_layout_panel', + ) + ); + + $wp_customize->add_setting( + 'generate_settings[footer_layout_setting]', + array( + 'default' => $defaults['footer_layout_setting'], + 'type' => 'option', + 'sanitize_callback' => 'generate_sanitize_choices', + 'transport' => 'postMessage', + ) + ); + + $wp_customize->add_control( + 'generate_settings[footer_layout_setting]', + array( + 'type' => 'select', + 'label' => __( 'Footer Width', 'generatepress' ), + 'section' => 'generate_layout_footer', + 'choices' => array( + 'fluid-footer' => __( 'Full', 'generatepress' ), + 'contained-footer' => __( 'Contained', 'generatepress' ), + ), + 'settings' => 'generate_settings[footer_layout_setting]', + 'priority' => 40, + ) + ); + + $wp_customize->add_setting( + 'generate_settings[footer_inner_width]', + array( + 'default' => $defaults['footer_inner_width'], + 'type' => 'option', + 'sanitize_callback' => 'generate_sanitize_choices', + 'transport' => 'postMessage', + ) + ); + + $wp_customize->add_control( + 'generate_settings[footer_inner_width]', + array( + 'type' => 'select', + 'label' => __( 'Inner Footer Width', 'generatepress' ), + 'section' => 'generate_layout_footer', + 'choices' => array( + 'contained' => __( 'Contained', 'generatepress' ), + 'full-width' => __( 'Full', 'generatepress' ), + ), + 'settings' => 'generate_settings[footer_inner_width]', + 'priority' => 41, + ) + ); + + $wp_customize->add_setting( + 'generate_settings[footer_widget_setting]', + array( + 'default' => $defaults['footer_widget_setting'], + 'type' => 'option', + 'sanitize_callback' => 'generate_sanitize_choices', + ) + ); + + $wp_customize->add_control( + 'generate_settings[footer_widget_setting]', + array( + 'type' => 'select', + 'label' => __( 'Footer Widgets', 'generatepress' ), + 'section' => 'generate_layout_footer', + 'choices' => array( + '0' => '0', + '1' => '1', + '2' => '2', + '3' => '3', + '4' => '4', + '5' => '5', + ), + 'settings' => 'generate_settings[footer_widget_setting]', + 'priority' => 45, + ) + ); + + $wp_customize->add_setting( + 'generate_settings[footer_bar_alignment]', + array( + 'default' => $defaults['footer_bar_alignment'], + 'type' => 'option', + 'sanitize_callback' => 'generate_sanitize_choices', + 'transport' => 'postMessage', + ) + ); + + $wp_customize->add_control( + 'generate_settings[footer_bar_alignment]', + array( + 'type' => 'select', + 'label' => __( 'Footer Bar Alignment', 'generatepress' ), + 'section' => 'generate_layout_footer', + 'choices' => array( + 'left' => __( 'Left', 'generatepress' ), + 'center' => __( 'Center', 'generatepress' ), + 'right' => __( 'Right', 'generatepress' ), + ), + 'settings' => 'generate_settings[footer_bar_alignment]', + 'priority' => 47, + 'active_callback' => 'generate_is_footer_bar_active', + ) + ); + + $wp_customize->add_setting( + 'generate_settings[back_to_top]', + array( + 'default' => $defaults['back_to_top'], + 'type' => 'option', + 'sanitize_callback' => 'generate_sanitize_choices', + ) + ); + + $wp_customize->add_control( + 'generate_settings[back_to_top]', + array( + 'type' => 'select', + 'label' => __( 'Back to Top Button', 'generatepress' ), + 'section' => 'generate_layout_footer', + 'choices' => array( + 'enable' => __( 'Enable', 'generatepress' ), + '' => __( 'Disable', 'generatepress' ), + ), + 'settings' => 'generate_settings[back_to_top]', + 'priority' => 50, + ) + ); + + $wp_customize->add_section( + 'generate_blog_section', + array( + 'title' => __( 'Blog', 'generatepress' ), + 'priority' => 55, + 'panel' => 'generate_layout_panel', + ) + ); + + $wp_customize->add_setting( + 'generate_settings[post_content]', + array( + 'default' => $defaults['post_content'], + 'type' => 'option', + 'sanitize_callback' => 'generate_sanitize_blog_excerpt', + ) + ); + + $wp_customize->add_control( + 'blog_content_control', + array( + 'type' => 'select', + 'label' => __( 'Content Type', 'generatepress' ), + 'section' => 'generate_blog_section', + 'choices' => array( + 'full' => __( 'Full Content', 'generatepress' ), + 'excerpt' => __( 'Excerpt', 'generatepress' ), + ), + 'settings' => 'generate_settings[post_content]', + 'priority' => 10, + ) + ); + + if ( ! function_exists( 'generate_blog_customize_register' ) && ! defined( 'GP_PREMIUM_VERSION' ) ) { + $wp_customize->add_control( + new Generate_Customize_Misc_Control( + $wp_customize, + 'blog_get_addon_desc', + array( + 'section' => 'generate_blog_section', + 'type' => 'addon', + 'label' => __( 'Learn more', 'generatepress' ), + 'description' => __( 'More options are available for this section in our premium version.', 'generatepress' ), + 'url' => generate_get_premium_url( 'https://generatepress.com/premium/#blog', false ), + 'priority' => 30, + 'settings' => ( isset( $wp_customize->selective_refresh ) ) ? array() : 'blogname', + ) + ) + ); + } + + $wp_customize->add_section( + 'generate_general_section', + array( + 'title' => __( 'General', 'generatepress' ), + 'priority' => 99, + ) + ); + + if ( ! apply_filters( 'generate_fontawesome_essentials', false ) ) { + $wp_customize->add_setting( + 'generate_settings[font_awesome_essentials]', + array( + 'default' => $defaults['font_awesome_essentials'], + 'type' => 'option', + 'sanitize_callback' => 'generate_sanitize_checkbox', + ) + ); + + $wp_customize->add_control( + 'generate_settings[font_awesome_essentials]', + array( + 'type' => 'checkbox', + 'label' => __( 'Load essential icons only', 'generatepress' ), + 'description' => __( 'Load essential Font Awesome icons instead of the full library.', 'generatepress' ), + 'section' => 'generate_general_section', + 'settings' => 'generate_settings[font_awesome_essentials]', + ) + ); + } + + $show_flexbox_option = true; + + if ( defined( 'GP_PREMIUM_VERSION' ) && version_compare( GP_PREMIUM_VERSION, '1.11.0-alpha.1', '<' ) ) { + $show_flexbox_option = false; + } + + if ( generate_is_using_flexbox() ) { + $show_flexbox_option = false; + } + + $show_flexbox_option = apply_filters( 'generate_show_flexbox_customizer_option', $show_flexbox_option ); + + if ( $show_flexbox_option ) { + $wp_customize->add_setting( + 'generate_settings[structure]', + array( + 'default' => $defaults['structure'], + 'type' => 'option', + 'sanitize_callback' => 'generate_sanitize_choices', + ) + ); + + $wp_customize->add_control( + 'generate_settings[structure]', + array( + 'type' => 'select', + 'label' => __( 'Structure', 'generatepress' ), + 'section' => 'generate_general_section', + 'choices' => array( + 'flexbox' => __( 'Flexbox', 'generatepress' ), + 'floats' => __( 'Floats', 'generatepress' ), + ), + 'description' => sprintf( + '%1$s %2$s', + __( 'Caution:', 'generatepress' ), + sprintf( + /* translators: Learn more here */ + __( 'Switching your structure can change how your website displays. Review your website thoroughly before publishing this change, or use a staging site to review the potential changes. Learn more %s.', 'generatepress' ), + '' . __( 'here', 'generatepress' ) . '' + ) + ), + 'settings' => 'generate_settings[structure]', + ) + ); + } + + $wp_customize->add_setting( + 'generate_settings[icons]', + array( + 'default' => $defaults['icons'], + 'type' => 'option', + 'sanitize_callback' => 'generate_sanitize_choices', + ) + ); + + $wp_customize->add_control( + 'generate_settings[icons]', + array( + 'type' => 'select', + 'label' => __( 'Icon Type', 'generatepress' ), + 'section' => 'generate_general_section', + 'choices' => array( + 'svg' => __( 'SVG', 'generatepress' ), + 'font' => __( 'Font', 'generatepress' ), + ), + 'settings' => 'generate_settings[icons]', + ) + ); + + $wp_customize->add_setting( + 'generate_settings[underline_links]', + array( + 'default' => $defaults['underline_links'], + 'type' => 'option', + 'sanitize_callback' => 'generate_sanitize_choices', + ) + ); + + $wp_customize->add_control( + 'generate_settings[underline_links]', + array( + 'type' => 'select', + 'label' => __( 'Underline Links', 'generatepress' ), + 'description' => __( 'Add underlines to your links in your main content areas.', 'generatepress' ), + 'section' => 'generate_general_section', + 'choices' => array( + 'always' => __( 'Always', 'generatepress' ), + 'hover' => __( 'On hover', 'generatepress' ), + 'not-hover' => __( 'Not on hover', 'generatepress' ), + 'never' => __( 'Never', 'generatepress' ), + ), + 'settings' => 'generate_settings[underline_links]', + ) + ); + + $wp_customize->add_setting( + 'generate_settings[combine_css]', + array( + 'default' => $defaults['combine_css'], + 'type' => 'option', + 'sanitize_callback' => 'generate_sanitize_checkbox', + ) + ); + + $wp_customize->add_control( + 'generate_settings[combine_css]', + array( + 'type' => 'checkbox', + 'label' => __( 'Combine CSS', 'generatepress' ), + 'description' => __( 'Reduce the number of CSS file requests and use a lite version of our grid system.', 'generatepress' ), + 'section' => 'generate_general_section', + 'active_callback' => 'generate_is_using_floats_callback', + ) + ); + + $wp_customize->add_setting( + 'generate_settings[dynamic_css_cache]', + array( + 'default' => $defaults['dynamic_css_cache'], + 'type' => 'option', + 'sanitize_callback' => 'generate_sanitize_checkbox', + ) + ); + + $wp_customize->add_control( + 'generate_settings[dynamic_css_cache]', + array( + 'type' => 'checkbox', + 'label' => __( 'Cache dynamic CSS', 'generatepress' ), + 'description' => __( 'Cache CSS generated by your options to boost performance.', 'generatepress' ), + 'section' => 'generate_general_section', + ) + ); + + $show_legacy_typography_option = true; + + if ( defined( 'GP_PREMIUM_VERSION' ) && version_compare( GP_PREMIUM_VERSION, '2.1.0-alpha.1', '<' ) ) { + $show_legacy_typography_option = false; + } + + if ( generate_is_using_dynamic_typography() ) { + $show_legacy_typography_option = false; + } + + $show_legacy_typography_option = apply_filters( 'generate_show_legacy_typography_customizer_option', $show_legacy_typography_option ); + + if ( $show_legacy_typography_option ) { + $wp_customize->add_setting( + 'generate_settings[use_dynamic_typography]', + array( + 'default' => $defaults['use_dynamic_typography'], + 'type' => 'option', + 'sanitize_callback' => 'generate_sanitize_checkbox', + ) + ); + + $wp_customize->add_control( + 'generate_settings[use_dynamic_typography]', + array( + 'type' => 'checkbox', + 'label' => __( 'Use dynamic typography system', 'generatepress' ), + 'description' => sprintf( + /* translators: Learn more here */ + __( 'Switching to our dynamic typography system can change how your fonts display. Review your website thoroughly before publishing this change. Learn more %s.', 'generatepress' ), + '' . __( 'here', 'generatepress' ) . '' + ), + 'section' => 'generate_general_section', + 'settings' => 'generate_settings[use_dynamic_typography]', + ) + ); + } + } +} diff --git a/wp-content/themes/generatepress/inc/customizer/class-customize-field.php b/wp-content/themes/generatepress/inc/customizer/class-customize-field.php new file mode 100644 index 00000000..21cc432a --- /dev/null +++ b/wp-content/themes/generatepress/inc/customizer/class-customize-field.php @@ -0,0 +1,217 @@ +selective_refresh ) ? array() : 'blogname'; + $control_args['choices']['id'] = str_replace( '_', '-', $id ); + $control_args['type'] = 'generate-wrapper-control'; + + $wp_customize->add_control( + new GeneratePress_Customize_React_Control( + $wp_customize, + $id, + $control_args + ) + ); + } + + /** + * Add a title. + * + * @param string $id The settings ID for this field. + * @param array $control_args The args for add_control(). + */ + public static function add_title( $id, $control_args = array() ) { + global $wp_customize; + + if ( ! $id ) { + return; + } + + $control_args['settings'] = isset( $wp_customize->selective_refresh ) ? array() : 'blogname'; + $control_args['type'] = 'generate-title-control'; + $control_args['choices']['title'] = $control_args['title']; + unset( $control_args['title'] ); + + $wp_customize->add_control( + new GeneratePress_Customize_React_Control( + $wp_customize, + $id, + $control_args + ) + ); + } + + /** + * Add a Customizer field. + * + * @param string $id The settings ID for this field. + * @param object $control_class A custom control classes if we want one. + * @param array $setting_args The args for add_setting(). + * @param array $control_args The args for add_control(). + */ + public static function add_field( $id, $control_class, $setting_args = array(), $control_args = array() ) { + global $wp_customize; + + if ( ! $id ) { + return; + } + + $settings = wp_parse_args( + $setting_args, + array( + 'type' => 'option', + 'capability' => 'edit_theme_options', + 'default' => '', + 'transport' => 'refresh', + 'validate_callback' => '', + 'sanitize_callback' => '', + ) + ); + + $wp_customize->add_setting( + $id, + array( + 'type' => $settings['type'], + 'capability' => $settings['capability'], + 'default' => $settings['default'], + 'transport' => $settings['transport'], + 'validate_callback' => $settings['validate_callback'], + 'sanitize_callback' => $settings['sanitize_callback'], + ) + ); + + $control_args['settings'] = $id; + + if ( ! isset( $control_args['type'] ) ) { + unset( $control_args['type'] ); + } + + if ( ! isset( $control_args['defaultValue'] ) && isset( $setting_args['default'] ) ) { + $control_args['defaultValue'] = $setting_args['default']; + } + + if ( isset( $control_args['output'] ) ) { + global $generate_customize_fields; + + $generate_customize_fields[] = array( + 'js_vars' => $control_args['output'], + 'settings' => $id, + ); + } + + if ( $control_class ) { + $wp_customize->add_control( + new $control_class( + $wp_customize, + $id, + $control_args + ) + ); + + return; + } + + $wp_customize->add_control( + $id, + $control_args + ); + } + + /** + * Add color field group. + * + * @param string $id The ID for the group wrapper. + * @param string $section_id The section ID. + * @param string $toggle_id The Toggle ID. + * @param array $fields The color fields. + */ + public static function add_color_field_group( $id, $section_id, $toggle_id, $fields ) { + self::add_wrapper( + "generate_{$id}_wrapper", + array( + 'section' => $section_id, + 'choices' => array( + 'type' => 'color', + 'toggleId' => $toggle_id, + 'items' => array_keys( $fields ), + ), + ) + ); + + foreach ( $fields as $key => $field ) { + self::add_field( + $key, + 'GeneratePress_Customize_Color_Control', + array( + 'default' => $field['default_value'], + 'transport' => 'postMessage', + 'sanitize_callback' => 'generate_sanitize_rgba_color', + ), + array( + 'label' => $field['label'], + 'section' => $section_id, + 'choices' => array( + 'alpha' => isset( $field['alpha'] ) ? $field['alpha'] : true, + 'toggleId' => $toggle_id, + 'wrapper' => $key, + 'tooltip' => $field['tooltip'], + 'hideLabel' => isset( $field['hide_label'] ) ? $field['hide_label'] : false, + ), + 'output' => array( + array( + 'element' => $field['element'], + 'property' => $field['property'], + ), + ), + ) + ); + } + } +} diff --git a/wp-content/themes/generatepress/inc/customizer/controls/class-color-control.php b/wp-content/themes/generatepress/inc/customizer/controls/class-color-control.php new file mode 100644 index 00000000..e4561a48 --- /dev/null +++ b/wp-content/themes/generatepress/inc/customizer/controls/class-color-control.php @@ -0,0 +1,44 @@ +json['choices'] = $this->choices; + } + + /** + * Empty JS template. + * + * @access public + * @since 1.0.0 + * @return void + */ + public function content_template() {} +} diff --git a/wp-content/themes/generatepress/inc/customizer/controls/class-react-control.php b/wp-content/themes/generatepress/inc/customizer/controls/class-react-control.php new file mode 100644 index 00000000..1269269e --- /dev/null +++ b/wp-content/themes/generatepress/inc/customizer/controls/class-react-control.php @@ -0,0 +1,53 @@ +json['choices'] = $this->choices; + } + + /** + * Empty JS template. + * + * @access public + * @since 1.0.0 + * @return void + */ + public function content_template() {} + + /** + * Empty PHP template. + * + * @access public + * @since 1.0.0 + * @return void + */ + public function render_content() {} +} diff --git a/wp-content/themes/generatepress/inc/customizer/controls/js/customizer-controls.js b/wp-content/themes/generatepress/inc/customizer/controls/js/customizer-controls.js index d1c783ec..2fecebbe 100644 --- a/wp-content/themes/generatepress/inc/customizer/controls/js/customizer-controls.js +++ b/wp-content/themes/generatepress/inc/customizer/controls/js/customizer-controls.js @@ -1,501 +1,297 @@ -( function( api ) { - 'use strict'; - - // Add callback for when the header_textcolor setting exists. - api( 'generate_settings[nav_position_setting]', function( setting ) { - var isNavFloated, isNavAlignable, setNavDropPointActiveState, setNavAlignmentsActiveState; - - /** - * Determine whether the navigation is floating. - * - * @returns {boolean} Is floating? - */ - isNavFloated = function() { - if ( 'nav-float-right' === setting.get() || 'nav-float-left' === setting.get() ) { - return true; - } - - return false; - }; - - /** - * Determine whether the navigation is align-able. - * - * @returns {boolean} Is floating? - */ - isNavAlignable = function() { - if ( 'nav-float-right' === setting.get() || 'nav-float-left' === setting.get() ) { - var navAsHeader = api.instance( 'generate_menu_plus_settings[navigation_as_header]' ); - - if ( navAsHeader && navAsHeader.get() ) { - return true; - } - - return false; - } - - return true; - }; - - /** - * Update a control's active state according to the navigation location setting's value. - * - * @param {wp.customize.Control} control - */ - setNavDropPointActiveState = function( control ) { - var setActiveState = function() { - control.active.set( isNavFloated() ); - }; - - // FYI: With the following we can eliminate all of our PHP active_callback code. - control.active.validate = isNavFloated; - - // Set initial active state. - setActiveState(); - - /* - * Update activate state whenever the setting is changed. - * Even when the setting does have a refresh transport where the - * server-side active callback will manage the active state upon - * refresh, having this JS management of the active state will - * ensure that controls will have their visibility toggled - * immediately instead of waiting for the preview to load. - * This is especially important if the setting has a postMessage - * transport where changing the setting wouldn't normally cause - * the preview to refresh and thus the server-side active_callbacks - * would not get invoked. - */ - setting.bind( setActiveState ); - }; - - /** - * Update a control's active state according to the navigation location setting's value. - * - * @param {wp.customize.Control} control - */ - setNavAlignmentsActiveState = function( control ) { - var setActiveState = function() { - control.active.set( isNavAlignable() ); - }; - - // FYI: With the following we can eliminate all of our PHP active_callback code. - control.active.validate = isNavAlignable; - - // Set initial active state. - setActiveState(); - - /* - * Update activate state whenever the setting is changed. - * Even when the setting does have a refresh transport where the - * server-side active callback will manage the active state upon - * refresh, having this JS management of the active state will - * ensure that controls will have their visibility toggled - * immediately instead of waiting for the preview to load. - * This is especially important if the setting has a postMessage - * transport where changing the setting wouldn't normally cause - * the preview to refresh and thus the server-side active_callbacks - * would not get invoked. - */ - setting.bind( setActiveState ); - }; - - api.control( 'generate_settings[nav_drop_point]', setNavDropPointActiveState ); - api.control( 'generate_settings[nav_layout_setting]', setNavAlignmentsActiveState ); - api.control( 'generate_settings[nav_inner_width]', setNavAlignmentsActiveState ); - api.control( 'generate_settings[nav_alignment_setting]', setNavAlignmentsActiveState ); - } ); - - var setOption = function( options ) { - if ( options.headerAlignment ) { - api.instance( 'generate_settings[header_alignment_setting]' ).set( options.headerAlignment ); - } - - if ( options.navLocation ) { - api.instance( 'generate_settings[nav_position_setting]' ).set( options.navLocation ); - } - - if ( options.navAlignment ) { - api.instance( 'generate_settings[nav_alignment_setting]' ).set( options.navAlignment ); - } - - if ( options.boxAlignment ) { - api.instance( 'generate_settings[container_alignment]' ).set( options.boxAlignment ); - } - - if ( options.siteTitleFontSize ) { - api.instance( 'generate_settings[site_title_font_size]' ).set( options.siteTitleFontSize ); - } - - if ( 'undefined' !== typeof options.hideSiteTagline ) { - api.instance( 'generate_settings[hide_tagline]' ).set( options.hideSiteTagline ); - } - - if ( options.headerPaddingTop ) { - api.instance( 'generate_spacing_settings[header_top]' ).set( options.headerPaddingTop ); - } - - if ( options.headerPaddingBottom ) { - api.instance( 'generate_spacing_settings[header_bottom]' ).set( options.headerPaddingBottom ); - } - }; - - api( 'generate_header_helper', function( value ) { - var headerAlignment = false, - navLocation = false, - navAlignment = false, - boxAlignment = false, - siteTitleFontSize = false, - hideSiteTagline = false, - headerPaddingTop = false, - headerPaddingBottom = false; - - value.bind( function( newval ) { - var headerAlignmentSetting = api.instance( 'generate_settings[header_alignment_setting]' ); - var navLocationSetting = api.instance( 'generate_settings[nav_position_setting]' ); - var navAlignmentSetting = api.instance( 'generate_settings[nav_alignment_setting]' ); - var boxAlignmentSetting = api.instance( 'generate_settings[container_alignment]' ); - var siteTitleFontSizeSetting = api.instance( 'generate_settings[site_title_font_size]' ); - var hideSiteTaglineSetting = api.instance( 'generate_settings[hide_tagline]' ); - var headerPaddingTopSetting = api.instance( 'generate_spacing_settings[header_top]' ); - var headerPaddingBottomSetting = api.instance( 'generate_spacing_settings[header_bottom]' ); - - if ( ! headerAlignmentSetting._dirty ) { - headerAlignment = headerAlignmentSetting.get(); - } - - if ( ! navLocationSetting._dirty ) { - navLocation = navLocationSetting.get(); - } - - if ( ! navAlignmentSetting._dirty ) { - navAlignment = navAlignmentSetting.get(); - } - - if ( ! boxAlignmentSetting._dirty ) { - boxAlignment = boxAlignmentSetting.get(); - } - - if ( ! siteTitleFontSizeSetting._dirty ) { - siteTitleFontSize = siteTitleFontSizeSetting.get(); - } - - if ( ! hideSiteTaglineSetting._dirty ) { - hideSiteTagline = hideSiteTaglineSetting.get(); - } - - if ( ! headerPaddingTopSetting._dirty ) { - headerPaddingTop = headerPaddingTopSetting.get(); - } - - if ( ! headerPaddingBottomSetting._dirty ) { - headerPaddingBottom = headerPaddingBottomSetting.get(); - } - - var options = { - headerAlignment: generatepress_defaults.header_alignment_setting, - navLocation: generatepress_defaults.nav_position_setting, - navAlignment: generatepress_defaults.nav_alignment_setting, - boxAlignment: generatepress_defaults.container_alignment, - siteTitleFontSize: generatepress_typography_defaults.site_title_font_size, - hideSiteTagline: generatepress_defaults.hide_tagline, - headerPaddingTop: generatepress_spacing_defaults.header_top, - headerPaddingBottom: generatepress_spacing_defaults.header_bottom, - }; - - if ( 'current' === newval ) { - options = { - headerAlignment: headerAlignment, - navLocation: navLocation, - navAlignment: navAlignment, - boxAlignment: boxAlignment, - siteTitleFontSize: siteTitleFontSize, - hideSiteTagline: hideSiteTagline, - headerPaddingTop: headerPaddingTop, - headerPaddingBottom: headerPaddingBottom, - }; - - setOption( options ); - } - - if ( 'default' === newval ) { - setOption( options ); - } - - if ( 'classic' === newval ) { - var options = { - headerAlignment: 'left', - navLocation: 'nav-below-header', - navAlignment: 'left', - boxAlignment: 'boxes', - siteTitleFontSize: '45', - hideSiteTagline: '', - headerPaddingTop: '40', - headerPaddingBottom: '40', - }; - - setOption( options ); - } - - if ( 'nav-before' === newval ) { - options['headerAlignment'] = 'left'; - options['navLocation'] = 'nav-above-header'; - options['navAlignment'] = 'left'; - - setOption( options ); - } - - if ( 'nav-after' === newval ) { - options['headerAlignment'] = 'left'; - options['navLocation'] = 'nav-below-header'; - options['navAlignment'] = 'left'; - - setOption( options ); - } - - if ( 'nav-before-centered' === newval ) { - options['headerAlignment'] = 'center'; - options['navLocation'] = 'nav-above-header'; - options['navAlignment'] = 'center'; - - setOption( options ); - } - - if ( 'nav-after-centered' === newval ) { - options['headerAlignment'] = 'center'; - options['navLocation'] = 'nav-below-header'; - options['navAlignment'] = 'center'; - - setOption( options ); - } - - if ( 'nav-left' === newval ) { - options['headerAlignment'] = 'left'; - options['navLocation'] = 'nav-float-left'; - options['navAlignment'] = 'right'; - - setOption( options ); - } - } ); - } ); - - api( 'nav_color_presets', function( value ) { - var backgroundColor = false, - textColor = false, - backgroundColorHover = false, - textColorHover = false, - currentBackgroundColor = false, - currentTextColor = false, - subMenuBackgroundColor = false, - subMenuTextColor = false, - subMenuBackgroundColorHover = false, - subMenuTextColorHover = false, - subMenuCurrentBackgroundColor = false, - subMenuCurrentTextColor = false; - - value.bind( function( newval ) { - var backgroundColorSetting = api.instance( 'generate_settings[navigation_background_color]' ), - textColorSetting = api.instance( 'generate_settings[navigation_text_color]' ), - backgroundColorHoverSetting = api.instance( 'generate_settings[navigation_background_hover_color]' ), - textColorHoverSetting = api.instance( 'generate_settings[navigation_text_hover_color]' ), - currentBackgroundColorSetting = api.instance( 'generate_settings[navigation_background_current_color]' ), - currentTextColorSetting = api.instance( 'generate_settings[navigation_text_current_color]' ), - subMenuBackgroundColorSetting = api.instance( 'generate_settings[subnavigation_background_color]' ), - subMenuTextColorSetting = api.instance( 'generate_settings[subnavigation_text_color]' ), - subMenuBackgroundColorHoverSetting = api.instance( 'generate_settings[subnavigation_background_hover_color]' ), - subMenuTextColorHoverSetting = api.instance( 'generate_settings[subnavigation_text_hover_color]' ), - subMenuCurrentBackgroundColorSetting = api.instance( 'generate_settings[subnavigation_background_current_color]' ), - subMenuCurrentTextColorSetting = api.instance( 'generate_settings[subnavigation_text_current_color]' ); - - if ( ! backgroundColorSetting._dirty ) { - backgroundColor = backgroundColorSetting.get(); - } - - if ( ! textColorSetting._dirty ) { - textColor = textColorSetting.get(); - } - - if ( ! backgroundColorHoverSetting._dirty ) { - backgroundColorHover = backgroundColorHoverSetting.get(); - } - - if ( ! textColorHoverSetting._dirty ) { - textColorHover = textColorHoverSetting.get(); - } - - if ( ! currentBackgroundColorSetting._dirty ) { - currentBackgroundColor = currentBackgroundColorSetting.get(); - } - - if ( ! currentTextColorSetting._dirty ) { - currentTextColor = currentTextColorSetting.get(); - } - - if ( ! subMenuBackgroundColorSetting._dirty ) { - subMenuBackgroundColor = subMenuBackgroundColorSetting.get(); - } - - if ( ! subMenuTextColorSetting._dirty ) { - subMenuTextColor = subMenuTextColorSetting.get(); - } - - if ( ! subMenuBackgroundColorHoverSetting._dirty ) { - subMenuBackgroundColorHover = subMenuBackgroundColorHoverSetting.get(); - } - - if ( ! subMenuTextColorHoverSetting._dirty ) { - subMenuTextColorHover = subMenuTextColorHoverSetting.get(); - } - - if ( ! subMenuCurrentBackgroundColorSetting._dirty ) { - subMenuCurrentBackgroundColor = subMenuCurrentBackgroundColorSetting.get(); - } - - if ( ! subMenuCurrentTextColorSetting._dirty ) { - subMenuCurrentTextColor = subMenuCurrentTextColorSetting.get(); - } - - if ( 'current' === newval ) { - backgroundColorSetting.set( backgroundColor ); - textColorSetting.set( textColor ); - - backgroundColorHoverSetting.set( backgroundColorHover ); - textColorHoverSetting.set( textColorHover ); - - currentBackgroundColorSetting.set( currentBackgroundColor ); - currentTextColorSetting.set( currentTextColorSetting ); - - subMenuBackgroundColorSetting.set( subMenuBackgroundColor ); - subMenuTextColorSetting.set( subMenuTextColor ); - - subMenuBackgroundColorHoverSetting.set( subMenuBackgroundColorHover ); - subMenuTextColorHoverSetting.set( subMenuTextColorHover ); - - subMenuCurrentBackgroundColorSetting.set( subMenuCurrentBackgroundColor ); - subMenuCurrentTextColorSetting.set( subMenuCurrentTextColorSetting ); - } - - if ( 'default' === newval ) { - backgroundColorSetting.set( generatepress_color_defaults.navigation_background_color ); - textColorSetting.set( generatepress_color_defaults.navigation_text_color ); - - backgroundColorHoverSetting.set( generatepress_color_defaults.navigation_background_hover_color ); - textColorHoverSetting.set( generatepress_color_defaults.navigation_text_hover_color ); - - currentBackgroundColorSetting.set( generatepress_color_defaults.navigation_background_current_color ); - currentTextColorSetting.set( generatepress_color_defaults.navigation_text_current_color ); - - subMenuBackgroundColorSetting.set( generatepress_color_defaults.subnavigation_background_color ); - subMenuTextColorSetting.set( generatepress_color_defaults.subnavigation_text_color ); - - subMenuBackgroundColorHoverSetting.set( generatepress_color_defaults.subnavigation_background_hover_color ); - subMenuTextColorHoverSetting.set( generatepress_color_defaults.subnavigation_text_hover_color ); - - subMenuCurrentBackgroundColorSetting.set( generatepress_color_defaults.subnavigation_background_current_color ); - subMenuCurrentTextColorSetting.set( generatepress_color_defaults.subnavigation_text_current_color ); - } - - if ( 'classic' === newval ) { - backgroundColorSetting.set( '#222222' ); - textColorSetting.set( '#ffffff' ); - - backgroundColorHoverSetting.set( '#3f3f3f' ); - textColorHoverSetting.set( '#ffffff' ); - - currentBackgroundColorSetting.set( '#3f3f3f' ); - currentTextColorSetting.set( '#ffffff' ); - - subMenuBackgroundColorSetting.set( '#3f3f3f' ); - subMenuTextColorSetting.set( '#ffffff' ); - - subMenuBackgroundColorHoverSetting.set( '#4f4f4f' ); - subMenuTextColorHoverSetting.set( '#ffffff' ); - - subMenuCurrentBackgroundColorSetting.set( '#4f4f4f' ); - subMenuCurrentTextColorSetting.set( '#ffffff' ); - } - - if ( 'grey' === newval ) { - backgroundColorSetting.set( '#595959' ); - textColorSetting.set( '#ffffff' ); - - backgroundColorHoverSetting.set( '#424242' ); - textColorHoverSetting.set( '#ffffff' ); - - currentBackgroundColorSetting.set( '#424242' ); - currentTextColorSetting.set( '#ffffff' ); - - subMenuBackgroundColorSetting.set( '#424242' ); - subMenuTextColorSetting.set( '#ffffff' ); - - subMenuBackgroundColorHoverSetting.set( '#424242' ); - subMenuTextColorHoverSetting.set( '#dbdbdb' ); - - subMenuCurrentBackgroundColorSetting.set( '#424242' ); - subMenuCurrentTextColorSetting.set( '#dbdbdb' ); - } - - if ( 'blue' === newval ) { - backgroundColorSetting.set( '#1e73be' ); - textColorSetting.set( '#ffffff' ); - - backgroundColorHoverSetting.set( '#035a9e' ); - textColorHoverSetting.set( '#ffffff' ); - - currentBackgroundColorSetting.set( '#035a9e' ); - currentTextColorSetting.set( '#ffffff' ); - - subMenuBackgroundColorSetting.set( '#035a9e' ); - subMenuTextColorSetting.set( '#ffffff' ); - - subMenuBackgroundColorHoverSetting.set( '#035a9e' ); - subMenuTextColorHoverSetting.set( '#bbd2e8' ); - - subMenuCurrentBackgroundColorSetting.set( '#035a9e' ); - subMenuCurrentTextColorSetting.set( '#bbd2e8' ); - } - - if ( 'red' === newval ) { - backgroundColorSetting.set( '#ed4250' ); - textColorSetting.set( '#ffffff' ); - - backgroundColorHoverSetting.set( '#c42f2f' ); - textColorHoverSetting.set( '#ffffff' ); - - currentBackgroundColorSetting.set( '#c42f2f' ); - currentTextColorSetting.set( '#ffffff' ); - - subMenuBackgroundColorSetting.set( '#c42f2f' ); - subMenuTextColorSetting.set( '#ffffff' ); - - subMenuBackgroundColorHoverSetting.set( '#c42f2f' ); - subMenuTextColorHoverSetting.set( '#fcd9d6' ); - - subMenuCurrentBackgroundColorSetting.set( '#c42f2f' ); - subMenuCurrentTextColorSetting.set( '#fcd9d6' ); - } - - if ( 'green' === newval ) { - backgroundColorSetting.set( '#16aa74' ); - textColorSetting.set( '#ffffff' ); - - backgroundColorHoverSetting.set( '#119b6d' ); - textColorHoverSetting.set( '#ffffff' ); - - currentBackgroundColorSetting.set( '#119b6d' ); - currentTextColorSetting.set( '#ffffff' ); - - subMenuBackgroundColorSetting.set( '#119b6d' ); - subMenuTextColorSetting.set( '#ffffff' ); - - subMenuBackgroundColorHoverSetting.set( '#119b6d' ); - subMenuTextColorHoverSetting.set( '#c2e8de' ); - - subMenuCurrentBackgroundColorSetting.set( '#119b6d' ); - subMenuCurrentTextColorSetting.set( '#c2e8de' ); - } - - jQuery('.wp-color-picker').wpColorPicker().change(); - } ); - } ); - -}( wp.customize ) ); +( function( api ) { + 'use strict'; + + // Add callback for when the header_textcolor setting exists. + api( 'generate_settings[nav_position_setting]', function( setting ) { + var isNavFloated, isNavAlignable, setNavDropPointActiveState, setNavAlignmentsActiveState; + + /** + * Determine whether the navigation is floating. + * + * @returns {boolean} Is floating? + */ + isNavFloated = function() { + if ( 'nav-float-right' === setting.get() || 'nav-float-left' === setting.get() ) { + return true; + } + + return false; + }; + + /** + * Determine whether the navigation is align-able. + * + * @returns {boolean} Is floating? + */ + isNavAlignable = function() { + if ( 'nav-float-right' === setting.get() || 'nav-float-left' === setting.get() ) { + var navAsHeader = api.instance( 'generate_menu_plus_settings[navigation_as_header]' ); + + if ( navAsHeader && navAsHeader.get() ) { + return true; + } + + return false; + } + + return true; + }; + + /** + * Update a control's active state according to the navigation location setting's value. + * + * @param {wp.customize.Control} control + */ + setNavDropPointActiveState = function( control ) { + var setActiveState = function() { + control.active.set( isNavFloated() ); + }; + + // FYI: With the following we can eliminate all of our PHP active_callback code. + control.active.validate = isNavFloated; + + // Set initial active state. + setActiveState(); + + /* + * Update activate state whenever the setting is changed. + * Even when the setting does have a refresh transport where the + * server-side active callback will manage the active state upon + * refresh, having this JS management of the active state will + * ensure that controls will have their visibility toggled + * immediately instead of waiting for the preview to load. + * This is especially important if the setting has a postMessage + * transport where changing the setting wouldn't normally cause + * the preview to refresh and thus the server-side active_callbacks + * would not get invoked. + */ + setting.bind( setActiveState ); + }; + + /** + * Update a control's active state according to the navigation location setting's value. + * + * @param {wp.customize.Control} control + */ + setNavAlignmentsActiveState = function( control ) { + var setActiveState = function() { + control.active.set( isNavAlignable() ); + }; + + // FYI: With the following we can eliminate all of our PHP active_callback code. + control.active.validate = isNavAlignable; + + // Set initial active state. + setActiveState(); + + /* + * Update activate state whenever the setting is changed. + * Even when the setting does have a refresh transport where the + * server-side active callback will manage the active state upon + * refresh, having this JS management of the active state will + * ensure that controls will have their visibility toggled + * immediately instead of waiting for the preview to load. + * This is especially important if the setting has a postMessage + * transport where changing the setting wouldn't normally cause + * the preview to refresh and thus the server-side active_callbacks + * would not get invoked. + */ + setting.bind( setActiveState ); + }; + + api.control( 'generate_settings[nav_drop_point]', setNavDropPointActiveState ); + api.control( 'generate_settings[nav_layout_setting]', setNavAlignmentsActiveState ); + api.control( 'generate_settings[nav_inner_width]', setNavAlignmentsActiveState ); + api.control( 'generate_settings[nav_alignment_setting]', setNavAlignmentsActiveState ); + } ); + + var setOption = function( options ) { + if ( options.headerAlignment ) { + api.instance( 'generate_settings[header_alignment_setting]' ).set( options.headerAlignment ); + } + + if ( options.navLocation ) { + api.instance( 'generate_settings[nav_position_setting]' ).set( options.navLocation ); + } + + if ( options.navAlignment ) { + api.instance( 'generate_settings[nav_alignment_setting]' ).set( options.navAlignment ); + } + + if ( options.boxAlignment ) { + api.instance( 'generate_settings[container_alignment]' ).set( options.boxAlignment ); + } + + if ( options.siteTitleFontSize ) { + api.instance( 'generate_settings[site_title_font_size]' ).set( options.siteTitleFontSize ); + } + + if ( 'undefined' !== typeof options.hideSiteTagline ) { + api.instance( 'generate_settings[hide_tagline]' ).set( options.hideSiteTagline ); + } + + if ( options.headerPaddingTop ) { + api.instance( 'generate_spacing_settings[header_top]' ).set( options.headerPaddingTop ); + } + + if ( options.headerPaddingBottom ) { + api.instance( 'generate_spacing_settings[header_bottom]' ).set( options.headerPaddingBottom ); + } + }; + + api( 'generate_header_helper', function( value ) { + var headerAlignment = false, + navLocation = false, + navAlignment = false, + boxAlignment = false, + siteTitleFontSize = false, + hideSiteTagline = false, + headerPaddingTop = false, + headerPaddingBottom = false; + + value.bind( function( newval ) { + var headerAlignmentSetting = api.instance( 'generate_settings[header_alignment_setting]' ); + var navLocationSetting = api.instance( 'generate_settings[nav_position_setting]' ); + var navAlignmentSetting = api.instance( 'generate_settings[nav_alignment_setting]' ); + var boxAlignmentSetting = api.instance( 'generate_settings[container_alignment]' ); + var siteTitleFontSizeSetting = api.instance( 'generate_settings[site_title_font_size]' ); + var hideSiteTaglineSetting = api.instance( 'generate_settings[hide_tagline]' ); + var headerPaddingTopSetting = api.instance( 'generate_spacing_settings[header_top]' ); + var headerPaddingBottomSetting = api.instance( 'generate_spacing_settings[header_bottom]' ); + + if ( ! headerAlignmentSetting._dirty ) { + headerAlignment = headerAlignmentSetting.get(); + } + + if ( ! navLocationSetting._dirty ) { + navLocation = navLocationSetting.get(); + } + + if ( ! navAlignmentSetting._dirty ) { + navAlignment = navAlignmentSetting.get(); + } + + if ( ! boxAlignmentSetting._dirty ) { + boxAlignment = boxAlignmentSetting.get(); + } + + if ( ! siteTitleFontSizeSetting._dirty ) { + siteTitleFontSize = siteTitleFontSizeSetting.get(); + } + + if ( ! hideSiteTaglineSetting._dirty ) { + hideSiteTagline = hideSiteTaglineSetting.get(); + } + + if ( ! headerPaddingTopSetting._dirty ) { + headerPaddingTop = headerPaddingTopSetting.get(); + } + + if ( ! headerPaddingBottomSetting._dirty ) { + headerPaddingBottom = headerPaddingBottomSetting.get(); + } + + var options = { + headerAlignment: generatepress_defaults.header_alignment_setting, + navLocation: generatepress_defaults.nav_position_setting, + navAlignment: generatepress_defaults.nav_alignment_setting, + boxAlignment: generatepress_defaults.container_alignment, + siteTitleFontSize: generatepress_typography_defaults.site_title_font_size, + hideSiteTagline: generatepress_defaults.hide_tagline, + headerPaddingTop: generatepress_spacing_defaults.header_top, + headerPaddingBottom: generatepress_spacing_defaults.header_bottom, + }; + + if ( 'current' === newval ) { + options = { + headerAlignment: headerAlignment, + navLocation: navLocation, + navAlignment: navAlignment, + boxAlignment: boxAlignment, + siteTitleFontSize: siteTitleFontSize, + hideSiteTagline: hideSiteTagline, + headerPaddingTop: headerPaddingTop, + headerPaddingBottom: headerPaddingBottom, + }; + + setOption( options ); + } + + if ( 'default' === newval ) { + setOption( options ); + } + + if ( 'classic' === newval ) { + var options = { + headerAlignment: 'left', + navLocation: 'nav-below-header', + navAlignment: 'left', + boxAlignment: 'boxes', + siteTitleFontSize: '45', + hideSiteTagline: '', + headerPaddingTop: '40', + headerPaddingBottom: '40', + }; + + setOption( options ); + } + + if ( 'nav-before' === newval ) { + options['headerAlignment'] = 'left'; + options['navLocation'] = 'nav-above-header'; + options['navAlignment'] = 'left'; + + setOption( options ); + } + + if ( 'nav-after' === newval ) { + options['headerAlignment'] = 'left'; + options['navLocation'] = 'nav-below-header'; + options['navAlignment'] = 'left'; + + setOption( options ); + } + + if ( 'nav-before-centered' === newval ) { + options['headerAlignment'] = 'center'; + options['navLocation'] = 'nav-above-header'; + options['navAlignment'] = 'center'; + + setOption( options ); + } + + if ( 'nav-after-centered' === newval ) { + options['headerAlignment'] = 'center'; + options['navLocation'] = 'nav-below-header'; + options['navAlignment'] = 'center'; + + setOption( options ); + } + + if ( 'nav-left' === newval ) { + options['headerAlignment'] = 'left'; + options['navLocation'] = 'nav-float-left'; + options['navAlignment'] = 'right'; + + setOption( options ); + } + } ); + } ); + + api( 'generate_settings[use_dynamic_typography]', function( value ) { + var fontManager = api.control( 'generate_settings[font_manager]' ); + var typographyManager = api.control( 'generate_settings[typography]' ); + + value.bind( function( newval ) { + if ( newval ) { + if ( fontManager.setting.get().length === 0 ) { + fontManager.setting.set( generatepressCustomizeControls.mappedTypographyData.fonts ); + } + + if ( typographyManager.setting.get().length === 0 ) { + typographyManager.setting.set( generatepressCustomizeControls.mappedTypographyData.typography ); + } + } + } ); + } ); +}( wp.customize ) ); diff --git a/wp-content/themes/generatepress/inc/customizer/controls/js/customizer-live-preview.js b/wp-content/themes/generatepress/inc/customizer/controls/js/customizer-live-preview.js index d8b22c4b..747bb7b6 100644 --- a/wp-content/themes/generatepress/inc/customizer/controls/js/customizer-live-preview.js +++ b/wp-content/themes/generatepress/inc/customizer/controls/js/customizer-live-preview.js @@ -1,664 +1,502 @@ -/** - * Theme Customizer enhancements for a better user experience. - * - * Contains handlers to make Theme Customizer preview reload changes asynchronously. - */ -function generatepress_colors_live_update( id, selector, property, default_value, get_value ) { - default_value = typeof default_value !== 'undefined' ? default_value : 'initial'; - get_value = typeof get_value !== 'undefined' ? get_value : ''; - - wp.customize( 'generate_settings[' + id + ']', function( value ) { - value.bind( function( newval ) { - default_value = ( '' !== get_value ) ? wp.customize.value('generate_settings[' + get_value + ']')() : default_value; - newval = ( '' !== newval ) ? newval : default_value; - - if ( jQuery( 'style#' + id ).length ) { - jQuery( 'style#' + id ).html( selector + '{' + property + ':' + newval + ';}' ); - } else { - jQuery( 'head' ).append( '' ); - setTimeout(function() { - jQuery( 'style#' + id ).not( ':last' ).remove(); - }, 1000); - } - } ); - } ); -} - -function generatepress_classes_live_update( id, classes, selector, prefix ) { - classes = typeof classes !== 'undefined' ? classes : ''; - prefix = typeof prefix !== 'undefined' ? prefix : ''; - wp.customize( 'generate_settings[' + id + ']', function( value ) { - value.bind( function( newval ) { - jQuery.each( classes, function( i, v ) { - jQuery( selector ).removeClass( prefix + v ); - }); - jQuery( selector ).addClass( prefix + newval ); - } ); - } ); -} - -function generatepress_typography_live_update( id, selector, property, unit, media, settings ) { - settings = typeof settings !== 'undefined' ? settings : 'generate_settings'; - wp.customize( settings + '[' + id + ']', function( value ) { - value.bind( function( newval ) { - // Get our unit if applicable - unit = typeof unit !== 'undefined' ? unit : ''; - - var isTablet = ( 'tablet' == id.substring( 0, 6 ) ) ? true : false, - isMobile = ( 'mobile' == id.substring( 0, 6 ) ) ? true : false; - - if ( isTablet ) { - if ( '' == wp.customize(settings + '[' + id + ']').get() ) { - var desktopID = id.replace( 'tablet_', '' ); - newval = wp.customize(settings + '[' + desktopID + ']').get(); - } - } - - if ( isMobile ) { - if ( '' == wp.customize(settings + '[' + id + ']').get() ) { - var desktopID = id.replace( 'mobile_', '' ); - newval = wp.customize(settings + '[' + desktopID + ']').get(); - } - } - - if ( 'buttons_font_size' == id && '' == wp.customize('generate_settings[buttons_font_size]').get() ) { - newval = wp.customize('generate_settings[body_font_size]').get(); - } - - // We're using a desktop value - if ( ! isTablet && ! isMobile ) { - - var tabletValue = ( typeof wp.customize(settings + '[tablet_' + id + ']') !== 'undefined' ) ? wp.customize(settings + '[tablet_' + id + ']').get() : '', - mobileValue = ( typeof wp.customize(settings + '[mobile_' + id + ']') !== 'undefined' ) ? wp.customize(settings + '[mobile_' + id + ']').get() : ''; - - // The tablet setting exists, mobile doesn't - if ( '' !== tabletValue && '' == mobileValue ) { - media = generatepress_live_preview.desktop + ', ' + generatepress_live_preview.mobile; - } - - // The tablet setting doesn't exist, mobile does - if ( '' == tabletValue && '' !== mobileValue ) { - media = generatepress_live_preview.desktop + ', ' + generatepress_live_preview.tablet; - } - - // The tablet setting doesn't exist, neither does mobile - if ( '' == tabletValue && '' == mobileValue ) { - media = generatepress_live_preview.desktop + ', ' + generatepress_live_preview.tablet + ', ' + generatepress_live_preview.mobile; - } - - } - - // Check if media query - media_query = typeof media !== 'undefined' ? 'media="' + media + '"' : ''; - - jQuery( 'head' ).append( '' ); - setTimeout(function() { - jQuery( 'style#' + id ).not( ':last' ).remove(); - }, 1000); - - setTimeout("jQuery('body').trigger('generate_spacing_updated');", 1000); - } ); - } ); -} - -( function( $ ) { - - // Update the site title in real time... - wp.customize( 'blogname', function( value ) { - value.bind( function( newval ) { - $( '.main-title a' ).html( newval ); - } ); - } ); - - //Update the site description in real time... - wp.customize( 'blogdescription', function( value ) { - value.bind( function( newval ) { - $( '.site-description' ).html( newval ); - } ); - } ); - - wp.customize( 'generate_settings[logo_width]', function( value ) { - value.bind( function( newval ) { - $( '.site-header .header-image' ).css( 'width', newval + 'px' ); - - if ( '' == newval ) { - $( '.site-header .header-image' ).css( 'width', '' ); - } - } ); - } ); - - /** - * Body background color - * Empty: white - */ - generatepress_colors_live_update( 'background_color', 'body', 'background-color', '#FFFFFF' ); - - /** - * Text color - * Empty: black - */ - generatepress_colors_live_update( 'text_color', 'body', 'color', '#000000' ); - - /** - * Link color - * Empty: initial - */ - generatepress_colors_live_update( 'link_color', 'a, a:visited', 'color', 'initial' ); - - /** - * Link color hover - * Empty: initial - */ - generatepress_colors_live_update( 'link_color_hover', 'a:hover', 'color', 'initial' ); - - /** - * Live update for content & navigation colors thanks to our preset option. - * We only want to run this if GP Premium isn't already doing it. - */ - if ( 'undefined' == typeof generate_colors_live_update ) { - /** - * Blog post title color - * Empty: Body link color - */ - generatepress_colors_live_update( 'blog_post_title_color', '.entry-title a, .entry-title a:visited', 'color', '', 'link_color' ); - - /** - * Blog post title color on hover - * Empty: Body link color on hover - */ - generatepress_colors_live_update( 'blog_post_title_hover_color', '.entry-title a:hover', 'color', '', 'link_color_hover' ); - - /** - * Navigation background color - * Empty: Transparent - */ - generatepress_colors_live_update( 'navigation_background_color', '.main-navigation', 'background-color', 'transparent' ); - - /** - * Primary navigation text color - * Empty: link_color - */ - generatepress_colors_live_update( 'navigation_text_color', - '.main-navigation .main-nav ul li a,\ - .menu-toggle,button.menu-toggle:hover,\ - button.menu-toggle:focus,\ - .main-navigation .mobile-bar-items a,\ - .main-navigation .mobile-bar-items a:hover,\ - .main-navigation .mobile-bar-items a:focus', - 'color', - '', - 'link_color' - ); - - /** - * Primary navigation text color hover - * Empty: link_color_hover - */ - generatepress_colors_live_update( 'navigation_text_hover_color', - '.navigation-search input[type="search"],\ - .navigation-search input[type="search"]:active,\ - .navigation-search input[type="search"]:focus,\ - .main-navigation .main-nav ul li:hover > a,\ - .main-navigation .main-nav ul li:focus > a,\ - .main-navigation .main-nav ul li.sfHover > a', - 'color', - '', - 'link_color_hover' - ); - - /** - * Primary navigation menu item hover - * Empty: transparent - */ - generatepress_colors_live_update( 'navigation_background_hover_color', - '.navigation-search input[type="search"],\ - .navigation-search input[type="search"]:focus,\ - .main-navigation .main-nav ul li:hover > a,\ - .main-navigation .main-nav ul li:focus > a,\ - .main-navigation .main-nav ul li.sfHover > a', - 'background-color', - 'transparent' - ); - - /** - * Primary sub-navigation color - * Empty: transparent - */ - generatepress_colors_live_update( 'subnavigation_background_color', '.main-navigation ul ul', 'background-color', 'transparent' ); - - /** - * Primary sub-navigation text color - * Empty: link_color - */ - generatepress_colors_live_update( 'subnavigation_text_color', '.main-navigation .main-nav ul ul li a', 'color', 'link_color' ); - - /** - * Primary sub-navigation hover - */ - var subnavigation_hover = '.main-navigation .main-nav ul ul li:hover > a, \ - .main-navigation .main-nav ul ul li:focus > a, \ - .main-navigation .main-nav ul ul li.sfHover > a'; - - /** - * Primary sub-navigation text hover - * Empty: link_color_hover - */ - generatepress_colors_live_update( 'subnavigation_text_hover_color', subnavigation_hover, 'color', '', 'link_color_hover' ); - - /** - * Primary sub-navigation background hover - * Empty: transparent - */ - generatepress_colors_live_update( 'subnavigation_background_hover_color', subnavigation_hover, 'background-color', 'transparent' ); - - /** - * Navigation current selectors - */ - var navigation_current = '.main-navigation .main-nav ul li[class*="current-menu-"] > a, \ - .main-navigation .main-nav ul li[class*="current-menu-"]:hover > a, \ - .main-navigation .main-nav ul li[class*="current-menu-"].sfHover > a'; - - /** - * Primary navigation current text - * Empty: link_color - */ - generatepress_colors_live_update( 'navigation_text_current_color', navigation_current, 'color', '', 'link_color' ); - - /** - * Primary navigation current background - * Empty: transparent - */ - generatepress_colors_live_update( 'navigation_background_current_color', navigation_current, 'background-color', 'transparent' ); - - /** - * Primary sub-navigation current selectors - */ - var subnavigation_current = '.main-navigation .main-nav ul ul li[class*="current-menu-"] > a,\ - .main-navigation .main-nav ul ul li[class*="current-menu-"]:hover > a, \ - .main-navigation .main-nav ul ul li[class*="current-menu-"].sfHover > a'; - - /** - * Primary sub-navigation current text - * Empty: link_color - */ - generatepress_colors_live_update( 'subnavigation_text_current_color', subnavigation_current, 'color', '', 'link_color' ); - - /** - * Primary navigation current item background - * Empty: transparent - */ - generatepress_colors_live_update( 'subnavigation_background_current_color', subnavigation_current, 'background-color', 'transparent' ); - } - - /** - * Container width - */ - wp.customize( 'generate_settings[container_width]', function( value ) { - value.bind( function( newval ) { - if ( jQuery( 'style#container_width' ).length ) { - jQuery( 'style#container_width' ).html( 'body .grid-container, .wp-block-group__inner-container{max-width:' + newval + 'px;}' ); - } else { - jQuery( 'head' ).append( '' ); - setTimeout(function() { - jQuery( 'style#container_width' ).not( ':last' ).remove(); - }, 100); - } - jQuery('body').trigger('generate_spacing_updated'); - } ); - } ); - - /** - * Live update for typography options. - * We only want to run this if GP Premium isn't already doing it. - */ - if ( 'undefined' == typeof gp_premium_typography_live_update ) { - /** - * Body font size, weight and transform - */ - generatepress_typography_live_update( 'body_font_size', 'body, button, input, select, textarea', 'font-size', 'px' ); - generatepress_typography_live_update( 'body_line_height', 'body', 'line-height', '' ); - generatepress_typography_live_update( 'paragraph_margin', 'p, .entry-content > [class*="wp-block-"]:not(:last-child)', 'margin-bottom', 'em' ); - generatepress_typography_live_update( 'body_font_weight', 'body, button, input, select, textarea', 'font-weight' ); - generatepress_typography_live_update( 'body_font_transform', 'body, button, input, select, textarea', 'text-transform' ); - - /** - * H1 font size, weight and transform - */ - generatepress_typography_live_update( 'heading_1_font_size', 'h1', 'font-size', 'px', generatepress_live_preview.desktop ); - generatepress_typography_live_update( 'mobile_heading_1_font_size', 'h1', 'font-size', 'px', generatepress_live_preview.mobile ); - generatepress_typography_live_update( 'heading_1_weight', 'h1', 'font-weight' ); - generatepress_typography_live_update( 'heading_1_transform', 'h1', 'text-transform' ); - generatepress_typography_live_update( 'heading_1_line_height', 'h1', 'line-height', 'em' ); - - /** - * H2 font size, weight and transform - */ - generatepress_typography_live_update( 'heading_2_font_size', 'h2', 'font-size', 'px', generatepress_live_preview.desktop ); - generatepress_typography_live_update( 'mobile_heading_2_font_size', 'h2', 'font-size', 'px', generatepress_live_preview.mobile ); - generatepress_typography_live_update( 'heading_2_weight', 'h2', 'font-weight' ); - generatepress_typography_live_update( 'heading_2_transform', 'h2', 'text-transform' ); - generatepress_typography_live_update( 'heading_2_line_height', 'h2', 'line-height', 'em' ); - - /** - * H3 font size, weight and transform - */ - generatepress_typography_live_update( 'heading_3_font_size', 'h3', 'font-size', 'px' ); - generatepress_typography_live_update( 'heading_3_weight', 'h3', 'font-weight' ); - generatepress_typography_live_update( 'heading_3_transform', 'h3', 'text-transform' ); - generatepress_typography_live_update( 'heading_3_line_height', 'h3', 'line-height', 'em' ); - } - - /** - * Top bar width - */ - wp.customize( 'generate_settings[top_bar_width]', function( value ) { - value.bind( function( newval ) { - if ( 'full' == newval ) { - $( '.top-bar' ).removeClass( 'grid-container' ).removeClass( 'grid-parent' ); - if ( 'contained' == wp.customize.value('generate_settings[top_bar_inner_width]')() ) { - $( '.inside-top-bar' ).addClass( 'grid-container' ).addClass( 'grid-parent' ); - } - } - if ( 'contained' == newval ) { - $( '.top-bar' ).addClass( 'grid-container' ).addClass( 'grid-parent' ); - $( '.inside-top-bar' ).removeClass( 'grid-container' ).removeClass( 'grid-parent' ); - } - } ); - } ); - - /** - * Inner top bar width - */ - wp.customize( 'generate_settings[top_bar_inner_width]', function( value ) { - value.bind( function( newval ) { - if ( 'full' == newval ) { - $( '.inside-top-bar' ).removeClass( 'grid-container' ).removeClass( 'grid-parent' ); - } - if ( 'contained' == newval ) { - $( '.inside-top-bar' ).addClass( 'grid-container' ).addClass( 'grid-parent' ); - } - } ); - } ); - - /** - * Top bar alignment - */ - generatepress_classes_live_update( 'top_bar_alignment', [ 'left', 'center', 'right' ], '.top-bar', 'top-bar-align-' ); - - /** - * Header layout - */ - wp.customize( 'generate_settings[header_layout_setting]', function( value ) { - value.bind( function( newval ) { - if ( 'fluid-header' == newval ) { - $( '.site-header' ).removeClass( 'grid-container' ).removeClass( 'grid-parent' ); - if ( 'contained' == wp.customize.value('generate_settings[header_inner_width]')() ) { - $( '.inside-header' ).addClass( 'grid-container' ).addClass( 'grid-parent' ); - } - } - if ( 'contained-header' == newval ) { - $( '.site-header' ).addClass( 'grid-container' ).addClass( 'grid-parent' ); - $( '.inside-header' ).removeClass( 'grid-container' ).removeClass( 'grid-parent' ); - } - } ); - } ); - - /** - * Inner Header layout - */ - wp.customize( 'generate_settings[header_inner_width]', function( value ) { - value.bind( function( newval ) { - if ( 'full-width' == newval ) { - $( '.inside-header' ).removeClass( 'grid-container' ).removeClass( 'grid-parent' ); - } - if ( 'contained' == newval ) { - $( '.inside-header' ).addClass( 'grid-container' ).addClass( 'grid-parent' ); - } - } ); - } ); - - /** - * Header alignment - */ - generatepress_classes_live_update( 'header_alignment_setting', [ 'left', 'center', 'right' ], 'body', 'header-aligned-' ); - - /** - * Navigation width - */ - wp.customize( 'generate_settings[nav_layout_setting]', function( value ) { - value.bind( function( newval ) { - var navLocation = wp.customize.value('generate_settings[nav_position_setting]')(); - - if ( $( 'body' ).hasClass( 'sticky-enabled' ) ) { - wp.customize.preview.send( 'refresh' ); - } else { - var mainNavigation = $( '.main-navigation' ); - - if ( 'fluid-nav' == newval ) { - mainNavigation.removeClass( 'grid-container' ).removeClass( 'grid-parent' ); - if ( 'full-width' !== wp.customize.value('generate_settings[nav_inner_width]')() ) { - $( '.main-navigation .inside-navigation' ).addClass( 'grid-container' ).addClass( 'grid-parent' ); - } - } - if ( 'contained-nav' == newval ) { - if ( ! mainNavigation.hasClass( 'has-branding' ) && generatepress_live_preview.isFlex && ( 'nav-float-right' === navLocation || 'nav-float-left' === navLocation ) ) { - return; - } - - mainNavigation.addClass( 'grid-container' ).addClass( 'grid-parent' ); - } - } - } ); - } ); - - /** - * Inner navigation width - */ - wp.customize( 'generate_settings[nav_inner_width]', function( value ) { - value.bind( function( newval ) { - if ( 'full-width' == newval ) { - $( '.main-navigation .inside-navigation' ).removeClass( 'grid-container' ).removeClass( 'grid-parent' ); - } - if ( 'contained' == newval ) { - $( '.main-navigation .inside-navigation' ).addClass( 'grid-container' ).addClass( 'grid-parent' ); - } - } ); - } ); - - /** - * Navigation alignment - */ - wp.customize( 'generate_settings[nav_alignment_setting]', function( value ) { - value.bind( function( newval ) { - var classes = [ 'left', 'center', 'right' ]; - var selector = 'body'; - var prefix = 'nav-aligned-'; - - if ( generatepress_live_preview.isFlex ) { - selector = '.main-navigation:not(.slideout-navigation)'; - prefix = 'nav-align-'; - } - - jQuery.each( classes, function( i, v ) { - jQuery( selector ).removeClass( prefix + v ); - }); - - if ( generatepress_live_preview.isFlex && generatepress_live_preview.isRTL ) { - jQuery( selector ).addClass( prefix + newval ); - } else { - if ( 'nav-align-left' !== prefix + newval ) { - jQuery( selector ).addClass( prefix + newval ); - } - } - } ); - } ); - - /** - * Footer width - */ - wp.customize( 'generate_settings[footer_layout_setting]', function( value ) { - value.bind( function( newval ) { - if ( 'fluid-footer' == newval ) { - $( '.site-footer' ).removeClass( 'grid-container' ).removeClass( 'grid-parent' ); - } - if ( 'contained-footer' == newval ) { - $( '.site-footer' ).addClass( 'grid-container' ).addClass( 'grid-parent' ); - } - } ); - } ); - - /** - * Inner footer width - */ - wp.customize( 'generate_settings[footer_inner_width]', function( value ) { - value.bind( function( newval ) { - if ( 'full-width' == newval ) { - if ( $( '.footer-widgets-container' ).length ) { - $( '.footer-widgets-container' ).removeClass( 'grid-container' ).removeClass( 'grid-parent' ); - } else { - $( '.inside-footer-widgets' ).removeClass( 'grid-container' ).removeClass( 'grid-parent' ); - } - $( '.inside-site-info' ).removeClass( 'grid-container' ).removeClass( 'grid-parent' ); - } - if ( 'contained' == newval ) { - if ( $( '.footer-widgets-container' ).length ) { - $( '.footer-widgets-container' ).addClass( 'grid-container' ).addClass( 'grid-parent' ); - } else { - $( '.inside-footer-widgets' ).addClass( 'grid-container' ).addClass( 'grid-parent' ); - } - $( '.inside-site-info' ).addClass( 'grid-container' ).addClass( 'grid-parent' ); - } - } ); - } ); - - /** - * Footer bar alignment - */ - generatepress_classes_live_update( 'footer_bar_alignment', [ 'left', 'center', 'right' ], '.site-footer', 'footer-bar-align-' ); - - jQuery( 'body' ).on( 'generate_spacing_updated', function() { - var containerAlignment = wp.customize( 'generate_settings[container_alignment]' ).get(), - containerWidth = wp.customize( 'generate_settings[container_width]' ).get(), - containerLayout = wp.customize( 'generate_settings[content_layout_setting]' ).get(), - contentLeft = generatepress_live_preview.contentLeft, - contentRight = generatepress_live_preview.contentRight; - - if ( ! generatepress_live_preview.isFlex && 'text' === containerAlignment ) { - if ( typeof wp.customize( 'generate_spacing_settings[content_left]' ) !== 'undefined' ) { - contentLeft = wp.customize( 'generate_spacing_settings[content_left]' ).get(); - } - - if ( typeof wp.customize( 'generate_spacing_settings[content_right]' ) !== 'undefined' ) { - contentRight = wp.customize( 'generate_spacing_settings[content_right]' ).get(); - } - - var newContainerWidth = Number( containerWidth ) + Number( contentLeft ) + Number( contentRight ); - - if ( jQuery( 'style#wide_container_width' ).length ) { - jQuery( 'style#wide_container_width' ).html( 'body:not(.full-width-content) #page{max-width:' + newContainerWidth + 'px;}' ); - } else { - jQuery( 'head' ).append( '' ); - setTimeout(function() { - jQuery( 'style#wide_container_width' ).not( ':last' ).remove(); - }, 100); - } - } - - if ( generatepress_live_preview.isFlex && 'boxes' === containerAlignment ) { - var topBarPaddingLeft = jQuery( '.inside-top-bar' ).css( 'padding-left' ), - topBarPaddingRight = jQuery( '.inside-top-bar' ).css( 'padding-right' ), - headerPaddingLeft = jQuery( '.inside-header' ).css( 'padding-left' ), - headerPaddingRight = jQuery( '.inside-header' ).css( 'padding-right' ), - footerWidgetPaddingLeft = jQuery( '.footer-widgets-container' ).css( 'padding-left' ), - footerWidgetPaddingRight = jQuery( '.footer-widgets-container' ).css( 'padding-right' ), - footerBarPaddingLeft = jQuery( '.inside-footer-bar' ).css( 'padding-left' ), - footerBarPaddingRight = jQuery( '.inside-footer-bar' ).css( 'padding-right' ); - - if ( typeof wp.customize( 'generate_spacing_settings[top_bar_left]' ) !== 'undefined' ) { - topBarPaddingLeft = wp.customize( 'generate_spacing_settings[top_bar_left]' ).get() + 'px'; - } - - if ( typeof wp.customize( 'generate_spacing_settings[top_bar_right]' ) !== 'undefined' ) { - topBarPaddingRight = wp.customize( 'generate_spacing_settings[top_bar_right]' ).get() + 'px'; - } - - if ( typeof wp.customize( 'generate_spacing_settings[header_left]' ) !== 'undefined' ) { - headerPaddingLeft = wp.customize( 'generate_spacing_settings[header_left]' ).get() + 'px'; - } - - if ( typeof wp.customize( 'generate_spacing_settings[header_right]' ) !== 'undefined' ) { - headerPaddingRight = wp.customize( 'generate_spacing_settings[header_right]' ).get() + 'px'; - } - - if ( typeof wp.customize( 'generate_spacing_settings[footer_widget_container_left]' ) !== 'undefined' ) { - footerWidgetPaddingLeft = wp.customize( 'generate_spacing_settings[footer_widget_container_left]' ).get() + 'px'; - } - - if ( typeof wp.customize( 'generate_spacing_settings[footer_widget_container_right]' ) !== 'undefined' ) { - footerWidgetPaddingRight = wp.customize( 'generate_spacing_settings[footer_widget_container_right]' ).get() + 'px'; - } - - if ( typeof wp.customize( 'generate_spacing_settings[footer_left]' ) !== 'undefined' ) { - footerBarPaddingLeft = wp.customize( 'generate_spacing_settings[footer_left]' ).get() + 'px'; - } - - if ( typeof wp.customize( 'generate_spacing_settings[footer_right]' ) !== 'undefined' ) { - footerBarPaddingRight = wp.customize( 'generate_spacing_settings[footer_right]' ).get() + 'px'; - } - - var newTopBarWidth = parseFloat( containerWidth ) + parseFloat( topBarPaddingLeft ) + parseFloat( topBarPaddingRight ), - newHeaderWidth = parseFloat( containerWidth ) + parseFloat( headerPaddingLeft ) + parseFloat( headerPaddingRight ), - newFooterWidgetWidth = parseFloat( containerWidth ) + parseFloat( footerWidgetPaddingLeft ) + parseFloat( footerWidgetPaddingRight ), - newFooterBarWidth = parseFloat( containerWidth ) + parseFloat( footerBarPaddingLeft ) + parseFloat( footerBarPaddingRight ); - - if ( jQuery( 'style#box_sizing_widths' ).length ) { - jQuery( 'style#box_sizing_widths' ).html( '.inside-top-bar.grid-container{max-width:' + newTopBarWidth + 'px;}.inside-header.grid-container{max-width:' + newHeaderWidth + 'px;}.footer-widgets-container.grid-container{max-width:' + newFooterWidgetWidth + 'px;}.inside-site-info.grid-container{max-width:' + newFooterBarWidth + 'px;}' ); - } else { - jQuery( 'head' ).append( '' ); - setTimeout(function() { - jQuery( 'style#box_sizing_widths' ).not( ':last' ).remove(); - }, 100); - } - } - - if ( generatepress_live_preview.isFlex && 'text' === containerAlignment ) { - var headerPaddingLeft = jQuery( '.inside-header' ).css( 'padding-left' ), - headerPaddingRight = jQuery( '.inside-header' ).css( 'padding-right' ), - menuItemPadding = jQuery( '.main-navigation .main-nav ul li a' ).css( 'padding-left' ), - secondaryMenuItemPadding = jQuery( '.secondary-navigation .main-nav ul li a' ).css( 'padding-left' ); - - if ( typeof wp.customize( 'generate_spacing_settings[header_left]' ) !== 'undefined' ) { - headerPaddingLeft = wp.customize( 'generate_spacing_settings[header_left]' ).get() + 'px'; - } - - if ( typeof wp.customize( 'generate_spacing_settings[header_right]' ) !== 'undefined' ) { - headerPaddingRight = wp.customize( 'generate_spacing_settings[header_right]' ).get() + 'px'; - } - - if ( typeof wp.customize( 'generate_spacing_settings[menu_item]' ) !== 'undefined' ) { - menuItemPadding = wp.customize( 'generate_spacing_settings[menu_item]' ).get() + 'px'; - } - - if ( typeof wp.customize( 'generate_spacing_settings[secondary_menu_item]' ) !== 'undefined' ) { - secondaryMenuItemPadding = wp.customize( 'generate_spacing_settings[secondary_menu_item]' ).get() + 'px'; - } - - var newNavPaddingLeft = parseFloat( headerPaddingLeft ) - parseFloat( menuItemPadding ), - newNavPaddingRight = parseFloat( headerPaddingRight ) - parseFloat( menuItemPadding ), - newSecondaryNavPaddingLeft = parseFloat( headerPaddingLeft ) - parseFloat( secondaryMenuItemPadding ), - newSecondaryNavPaddingRight = parseFloat( headerPaddingRight ) - parseFloat( secondaryMenuItemPadding ); - - if ( jQuery( 'style#navigation_padding' ).length ) { - jQuery( 'style#navigation_padding' ).html( '.nav-below-header .main-navigation .inside-navigation.grid-container, .nav-above-header .main-navigation .inside-navigation.grid-container{padding: 0 ' + newNavPaddingRight + 'px 0 ' + newNavPaddingLeft + 'px;}' ); - jQuery( 'style#secondary_navigation_padding' ).html( '.secondary-nav-below-header .secondary-navigation .inside-navigation.grid-container, .secondary-nav-above-header .secondary-navigation .inside-navigation.grid-container{padding: 0 ' + newSecondaryNavPaddingRight + 'px 0 ' + newSecondaryNavPaddingLeft + 'px;}' ); - } else { - jQuery( 'head' ).append( '' ); - jQuery( 'head' ).append( '' ); - setTimeout(function() { - jQuery( 'style#navigation_padding' ).not( ':last' ).remove(); - jQuery( 'style#secondary_navigation_padding' ).not( ':last' ).remove(); - }, 100); - } - } - } ); -} )( jQuery ); +/** + * Theme Customizer enhancements for a better user experience. + * + * Contains handlers to make Theme Customizer preview reload changes asynchronously. + * + * @param id + * @param selector + * @param property + * @param default_value + * @param get_value + */ +function generatepress_colors_live_update( id, selector, property, default_value, get_value ) { + default_value = typeof default_value !== 'undefined' ? default_value : 'initial'; + get_value = typeof get_value !== 'undefined' ? get_value : ''; + + wp.customize( 'generate_settings[' + id + ']', function( value ) { + value.bind( function( newval ) { + default_value = ( '' !== get_value ) ? wp.customize.value( 'generate_settings[' + get_value + ']' )() : default_value; + newval = ( '' !== newval ) ? newval : default_value; + + if ( jQuery( 'style#' + id ).length ) { + jQuery( 'style#' + id ).html( selector + '{' + property + ':' + newval + ';}' ); + } else { + jQuery( 'head' ).append( '' ); + setTimeout( function() { + jQuery( 'style#' + id ).not( ':last' ).remove(); + }, 1000 ); + } + } ); + } ); +} + +function generatepress_classes_live_update( id, classes, selector, prefix ) { + classes = typeof classes !== 'undefined' ? classes : ''; + prefix = typeof prefix !== 'undefined' ? prefix : ''; + wp.customize( 'generate_settings[' + id + ']', function( value ) { + value.bind( function( newval ) { + jQuery.each( classes, function( i, v ) { + jQuery( selector ).removeClass( prefix + v ); + } ); + jQuery( selector ).addClass( prefix + newval ); + } ); + } ); +} + +function generatepress_typography_live_update( id, selector, property, unit, media, settings ) { + settings = typeof settings !== 'undefined' ? settings : 'generate_settings'; + wp.customize( settings + '[' + id + ']', function( value ) { + value.bind( function( newval ) { + // Get our unit if applicable + unit = typeof unit !== 'undefined' ? unit : ''; + + var isTablet = ( 'tablet' == id.substring( 0, 6 ) ) ? true : false, + isMobile = ( 'mobile' == id.substring( 0, 6 ) ) ? true : false; + + if ( isTablet ) { + if ( '' == wp.customize( settings + '[' + id + ']' ).get() ) { + var desktopID = id.replace( 'tablet_', '' ); + newval = wp.customize( settings + '[' + desktopID + ']' ).get(); + } + } + + if ( isMobile ) { + if ( '' == wp.customize( settings + '[' + id + ']' ).get() ) { + var desktopID = id.replace( 'mobile_', '' ); + newval = wp.customize( settings + '[' + desktopID + ']' ).get(); + } + } + + if ( 'buttons_font_size' == id && '' == wp.customize( 'generate_settings[buttons_font_size]' ).get() ) { + newval = wp.customize( 'generate_settings[body_font_size]' ).get(); + } + + // We're using a desktop value + if ( ! isTablet && ! isMobile ) { + var tabletValue = ( typeof wp.customize( settings + '[tablet_' + id + ']' ) !== 'undefined' ) ? wp.customize( settings + '[tablet_' + id + ']' ).get() : '', + mobileValue = ( typeof wp.customize( settings + '[mobile_' + id + ']' ) !== 'undefined' ) ? wp.customize( settings + '[mobile_' + id + ']' ).get() : ''; + + // The tablet setting exists, mobile doesn't + if ( '' !== tabletValue && '' == mobileValue ) { + media = generatepress_live_preview.desktop + ', ' + generatepress_live_preview.mobile; + } + + // The tablet setting doesn't exist, mobile does + if ( '' == tabletValue && '' !== mobileValue ) { + media = generatepress_live_preview.desktop + ', ' + generatepress_live_preview.tablet; + } + + // The tablet setting doesn't exist, neither does mobile + if ( '' == tabletValue && '' == mobileValue ) { + media = generatepress_live_preview.desktop + ', ' + generatepress_live_preview.tablet + ', ' + generatepress_live_preview.mobile; + } + } + + // Check if media query + media_query = typeof media !== 'undefined' ? 'media="' + media + '"' : ''; + + jQuery( 'head' ).append( '' ); + setTimeout( function() { + jQuery( 'style#' + id ).not( ':last' ).remove(); + }, 1000 ); + + setTimeout( "jQuery('body').trigger('generate_spacing_updated');", 1000 ); + } ); + } ); +} + +( function( $ ) { + // Update the site title in real time... + wp.customize( 'blogname', function( value ) { + value.bind( function( newval ) { + $( '.main-title a' ).html( newval ); + } ); + } ); + + //Update the site description in real time... + wp.customize( 'blogdescription', function( value ) { + value.bind( function( newval ) { + $( '.site-description' ).html( newval ); + } ); + } ); + + wp.customize( 'generate_settings[logo_width]', function( value ) { + value.bind( function( newval ) { + $( '.site-header .header-image' ).css( 'width', newval + 'px' ); + + if ( '' == newval ) { + $( '.site-header .header-image' ).css( 'width', '' ); + } + } ); + } ); + + /** + * Container width + */ + wp.customize( 'generate_settings[container_width]', function( value ) { + value.bind( function( newval ) { + if ( jQuery( 'style#container_width' ).length ) { + jQuery( 'style#container_width' ).html( 'body .grid-container, .wp-block-group__inner-container{max-width:' + newval + 'px;}' ); + } else { + jQuery( 'head' ).append( '' ); + setTimeout( function() { + jQuery( 'style#container_width' ).not( ':last' ).remove(); + }, 100 ); + } + jQuery( 'body' ).trigger( 'generate_spacing_updated' ); + } ); + } ); + + /** + * Live update for typography options. + * We only want to run this if GP Premium isn't already doing it. + */ + if ( 'undefined' === typeof gp_premium_typography_live_update ) { + /** + * Body font size, weight and transform + */ + generatepress_typography_live_update( 'body_font_size', 'body, button, input, select, textarea', 'font-size', 'px' ); + generatepress_typography_live_update( 'body_line_height', 'body', 'line-height', '' ); + generatepress_typography_live_update( 'paragraph_margin', 'p, .entry-content > [class*="wp-block-"]:not(:last-child)', 'margin-bottom', 'em' ); + generatepress_typography_live_update( 'body_font_weight', 'body, button, input, select, textarea', 'font-weight' ); + generatepress_typography_live_update( 'body_font_transform', 'body, button, input, select, textarea', 'text-transform' ); + + /** + * H1 font size, weight and transform + */ + generatepress_typography_live_update( 'heading_1_font_size', 'h1', 'font-size', 'px', generatepress_live_preview.desktop ); + generatepress_typography_live_update( 'mobile_heading_1_font_size', 'h1', 'font-size', 'px', generatepress_live_preview.mobile ); + generatepress_typography_live_update( 'heading_1_weight', 'h1', 'font-weight' ); + generatepress_typography_live_update( 'heading_1_transform', 'h1', 'text-transform' ); + generatepress_typography_live_update( 'heading_1_line_height', 'h1', 'line-height', 'em' ); + + /** + * H2 font size, weight and transform + */ + generatepress_typography_live_update( 'heading_2_font_size', 'h2', 'font-size', 'px', generatepress_live_preview.desktop ); + generatepress_typography_live_update( 'mobile_heading_2_font_size', 'h2', 'font-size', 'px', generatepress_live_preview.mobile ); + generatepress_typography_live_update( 'heading_2_weight', 'h2', 'font-weight' ); + generatepress_typography_live_update( 'heading_2_transform', 'h2', 'text-transform' ); + generatepress_typography_live_update( 'heading_2_line_height', 'h2', 'line-height', 'em' ); + + /** + * H3 font size, weight and transform + */ + generatepress_typography_live_update( 'heading_3_font_size', 'h3', 'font-size', 'px' ); + generatepress_typography_live_update( 'heading_3_weight', 'h3', 'font-weight' ); + generatepress_typography_live_update( 'heading_3_transform', 'h3', 'text-transform' ); + generatepress_typography_live_update( 'heading_3_line_height', 'h3', 'line-height', 'em' ); + } + + /** + * Top bar width + */ + wp.customize( 'generate_settings[top_bar_width]', function( value ) { + value.bind( function( newval ) { + if ( 'full' == newval ) { + $( '.top-bar' ).removeClass( 'grid-container' ).removeClass( 'grid-parent' ); + if ( 'contained' == wp.customize.value( 'generate_settings[top_bar_inner_width]' )() ) { + $( '.inside-top-bar' ).addClass( 'grid-container' ).addClass( 'grid-parent' ); + } + } + if ( 'contained' == newval ) { + $( '.top-bar' ).addClass( 'grid-container' ).addClass( 'grid-parent' ); + $( '.inside-top-bar' ).removeClass( 'grid-container' ).removeClass( 'grid-parent' ); + } + } ); + } ); + + /** + * Inner top bar width + */ + wp.customize( 'generate_settings[top_bar_inner_width]', function( value ) { + value.bind( function( newval ) { + if ( 'full' == newval ) { + $( '.inside-top-bar' ).removeClass( 'grid-container' ).removeClass( 'grid-parent' ); + } + if ( 'contained' == newval ) { + $( '.inside-top-bar' ).addClass( 'grid-container' ).addClass( 'grid-parent' ); + } + } ); + } ); + + /** + * Top bar alignment + */ + generatepress_classes_live_update( 'top_bar_alignment', [ 'left', 'center', 'right' ], '.top-bar', 'top-bar-align-' ); + + /** + * Header layout + */ + wp.customize( 'generate_settings[header_layout_setting]', function( value ) { + value.bind( function( newval ) { + if ( 'fluid-header' == newval ) { + $( '.site-header' ).removeClass( 'grid-container' ).removeClass( 'grid-parent' ); + if ( 'contained' == wp.customize.value( 'generate_settings[header_inner_width]' )() ) { + $( '.inside-header' ).addClass( 'grid-container' ).addClass( 'grid-parent' ); + } + } + if ( 'contained-header' == newval ) { + $( '.site-header' ).addClass( 'grid-container' ).addClass( 'grid-parent' ); + $( '.inside-header' ).removeClass( 'grid-container' ).removeClass( 'grid-parent' ); + } + } ); + } ); + + /** + * Inner Header layout + */ + wp.customize( 'generate_settings[header_inner_width]', function( value ) { + value.bind( function( newval ) { + if ( 'full-width' == newval ) { + $( '.inside-header' ).removeClass( 'grid-container' ).removeClass( 'grid-parent' ); + } + if ( 'contained' == newval ) { + $( '.inside-header' ).addClass( 'grid-container' ).addClass( 'grid-parent' ); + } + } ); + } ); + + /** + * Header alignment + */ + generatepress_classes_live_update( 'header_alignment_setting', [ 'left', 'center', 'right' ], 'body', 'header-aligned-' ); + + /** + * Navigation width + */ + wp.customize( 'generate_settings[nav_layout_setting]', function( value ) { + value.bind( function( newval ) { + var navLocation = wp.customize.value( 'generate_settings[nav_position_setting]' )(); + + if ( $( 'body' ).hasClass( 'sticky-enabled' ) ) { + wp.customize.preview.send( 'refresh' ); + } else { + var mainNavigation = $( '.main-navigation' ); + + if ( 'fluid-nav' == newval ) { + mainNavigation.removeClass( 'grid-container' ).removeClass( 'grid-parent' ); + if ( 'full-width' !== wp.customize.value( 'generate_settings[nav_inner_width]' )() ) { + $( '.main-navigation .inside-navigation' ).addClass( 'grid-container' ).addClass( 'grid-parent' ); + } + } + if ( 'contained-nav' == newval ) { + if ( ! mainNavigation.hasClass( 'has-branding' ) && generatepress_live_preview.isFlex && ( 'nav-float-right' === navLocation || 'nav-float-left' === navLocation ) ) { + return; + } + + mainNavigation.addClass( 'grid-container' ).addClass( 'grid-parent' ); + } + } + } ); + } ); + + /** + * Inner navigation width + */ + wp.customize( 'generate_settings[nav_inner_width]', function( value ) { + value.bind( function( newval ) { + if ( 'full-width' == newval ) { + $( '.main-navigation .inside-navigation' ).removeClass( 'grid-container' ).removeClass( 'grid-parent' ); + } + if ( 'contained' == newval ) { + $( '.main-navigation .inside-navigation' ).addClass( 'grid-container' ).addClass( 'grid-parent' ); + } + } ); + } ); + + /** + * Navigation alignment + */ + wp.customize( 'generate_settings[nav_alignment_setting]', function( value ) { + value.bind( function( newval ) { + var classes = [ 'left', 'center', 'right' ]; + var selector = 'body'; + var prefix = 'nav-aligned-'; + + if ( generatepress_live_preview.isFlex ) { + selector = '.main-navigation:not(.slideout-navigation)'; + prefix = 'nav-align-'; + } + + jQuery.each( classes, function( i, v ) { + jQuery( selector ).removeClass( prefix + v ); + } ); + + if ( generatepress_live_preview.isFlex && generatepress_live_preview.isRTL ) { + jQuery( selector ).addClass( prefix + newval ); + } else if ( 'nav-align-left' !== prefix + newval ) { + jQuery( selector ).addClass( prefix + newval ); + } + } ); + } ); + + /** + * Footer width + */ + wp.customize( 'generate_settings[footer_layout_setting]', function( value ) { + value.bind( function( newval ) { + if ( 'fluid-footer' == newval ) { + $( '.site-footer' ).removeClass( 'grid-container' ).removeClass( 'grid-parent' ); + } + if ( 'contained-footer' == newval ) { + $( '.site-footer' ).addClass( 'grid-container' ).addClass( 'grid-parent' ); + } + } ); + } ); + + /** + * Inner footer width + */ + wp.customize( 'generate_settings[footer_inner_width]', function( value ) { + value.bind( function( newval ) { + if ( 'full-width' == newval ) { + if ( $( '.footer-widgets-container' ).length ) { + $( '.footer-widgets-container' ).removeClass( 'grid-container' ).removeClass( 'grid-parent' ); + } else { + $( '.inside-footer-widgets' ).removeClass( 'grid-container' ).removeClass( 'grid-parent' ); + } + $( '.inside-site-info' ).removeClass( 'grid-container' ).removeClass( 'grid-parent' ); + } + if ( 'contained' == newval ) { + if ( $( '.footer-widgets-container' ).length ) { + $( '.footer-widgets-container' ).addClass( 'grid-container' ).addClass( 'grid-parent' ); + } else { + $( '.inside-footer-widgets' ).addClass( 'grid-container' ).addClass( 'grid-parent' ); + } + $( '.inside-site-info' ).addClass( 'grid-container' ).addClass( 'grid-parent' ); + } + } ); + } ); + + /** + * Footer bar alignment + */ + generatepress_classes_live_update( 'footer_bar_alignment', [ 'left', 'center', 'right' ], '.site-footer', 'footer-bar-align-' ); + + jQuery( 'body' ).on( 'generate_spacing_updated', function() { + var containerAlignment = wp.customize( 'generate_settings[container_alignment]' ).get(), + containerWidth = wp.customize( 'generate_settings[container_width]' ).get(), + containerLayout = wp.customize( 'generate_settings[content_layout_setting]' ).get(), + contentLeft = generatepress_live_preview.contentLeft, + contentRight = generatepress_live_preview.contentRight; + + if ( ! generatepress_live_preview.isFlex && 'text' === containerAlignment ) { + if ( typeof wp.customize( 'generate_spacing_settings[content_left]' ) !== 'undefined' ) { + contentLeft = wp.customize( 'generate_spacing_settings[content_left]' ).get(); + } + + if ( typeof wp.customize( 'generate_spacing_settings[content_right]' ) !== 'undefined' ) { + contentRight = wp.customize( 'generate_spacing_settings[content_right]' ).get(); + } + + var newContainerWidth = Number( containerWidth ) + Number( contentLeft ) + Number( contentRight ); + + if ( jQuery( 'style#wide_container_width' ).length ) { + jQuery( 'style#wide_container_width' ).html( 'body:not(.full-width-content) #page{max-width:' + newContainerWidth + 'px;}' ); + } else { + jQuery( 'head' ).append( '' ); + setTimeout( function() { + jQuery( 'style#wide_container_width' ).not( ':last' ).remove(); + }, 100 ); + } + } + + if ( generatepress_live_preview.isFlex && 'boxes' === containerAlignment ) { + var topBarPaddingLeft = jQuery( '.inside-top-bar' ).css( 'padding-left' ), + topBarPaddingRight = jQuery( '.inside-top-bar' ).css( 'padding-right' ), + headerPaddingLeft = jQuery( '.inside-header' ).css( 'padding-left' ), + headerPaddingRight = jQuery( '.inside-header' ).css( 'padding-right' ), + footerWidgetPaddingLeft = jQuery( '.footer-widgets-container' ).css( 'padding-left' ), + footerWidgetPaddingRight = jQuery( '.footer-widgets-container' ).css( 'padding-right' ), + footerBarPaddingLeft = jQuery( '.inside-footer-bar' ).css( 'padding-left' ), + footerBarPaddingRight = jQuery( '.inside-footer-bar' ).css( 'padding-right' ); + + if ( typeof wp.customize( 'generate_spacing_settings[top_bar_left]' ) !== 'undefined' ) { + topBarPaddingLeft = wp.customize( 'generate_spacing_settings[top_bar_left]' ).get() + 'px'; + } + + if ( typeof wp.customize( 'generate_spacing_settings[top_bar_right]' ) !== 'undefined' ) { + topBarPaddingRight = wp.customize( 'generate_spacing_settings[top_bar_right]' ).get() + 'px'; + } + + if ( typeof wp.customize( 'generate_spacing_settings[header_left]' ) !== 'undefined' ) { + headerPaddingLeft = wp.customize( 'generate_spacing_settings[header_left]' ).get() + 'px'; + } + + if ( typeof wp.customize( 'generate_spacing_settings[header_right]' ) !== 'undefined' ) { + headerPaddingRight = wp.customize( 'generate_spacing_settings[header_right]' ).get() + 'px'; + } + + if ( typeof wp.customize( 'generate_spacing_settings[footer_widget_container_left]' ) !== 'undefined' ) { + footerWidgetPaddingLeft = wp.customize( 'generate_spacing_settings[footer_widget_container_left]' ).get() + 'px'; + } + + if ( typeof wp.customize( 'generate_spacing_settings[footer_widget_container_right]' ) !== 'undefined' ) { + footerWidgetPaddingRight = wp.customize( 'generate_spacing_settings[footer_widget_container_right]' ).get() + 'px'; + } + + if ( typeof wp.customize( 'generate_spacing_settings[footer_left]' ) !== 'undefined' ) { + footerBarPaddingLeft = wp.customize( 'generate_spacing_settings[footer_left]' ).get() + 'px'; + } + + if ( typeof wp.customize( 'generate_spacing_settings[footer_right]' ) !== 'undefined' ) { + footerBarPaddingRight = wp.customize( 'generate_spacing_settings[footer_right]' ).get() + 'px'; + } + + var newTopBarWidth = parseFloat( containerWidth ) + parseFloat( topBarPaddingLeft ) + parseFloat( topBarPaddingRight ), + newHeaderWidth = parseFloat( containerWidth ) + parseFloat( headerPaddingLeft ) + parseFloat( headerPaddingRight ), + newFooterWidgetWidth = parseFloat( containerWidth ) + parseFloat( footerWidgetPaddingLeft ) + parseFloat( footerWidgetPaddingRight ), + newFooterBarWidth = parseFloat( containerWidth ) + parseFloat( footerBarPaddingLeft ) + parseFloat( footerBarPaddingRight ); + + if ( jQuery( 'style#box_sizing_widths' ).length ) { + jQuery( 'style#box_sizing_widths' ).html( '.inside-top-bar.grid-container{max-width:' + newTopBarWidth + 'px;}.inside-header.grid-container{max-width:' + newHeaderWidth + 'px;}.footer-widgets-container.grid-container{max-width:' + newFooterWidgetWidth + 'px;}.inside-site-info.grid-container{max-width:' + newFooterBarWidth + 'px;}' ); + } else { + jQuery( 'head' ).append( '' ); + setTimeout( function() { + jQuery( 'style#box_sizing_widths' ).not( ':last' ).remove(); + }, 100 ); + } + } + + if ( generatepress_live_preview.isFlex && 'text' === containerAlignment ) { + var headerPaddingLeft = jQuery( '.inside-header' ).css( 'padding-left' ), + headerPaddingRight = jQuery( '.inside-header' ).css( 'padding-right' ), + menuItemPadding = jQuery( '.main-navigation .main-nav ul li a' ).css( 'padding-left' ), + secondaryMenuItemPadding = jQuery( '.secondary-navigation .main-nav ul li a' ).css( 'padding-left' ); + + if ( typeof wp.customize( 'generate_spacing_settings[header_left]' ) !== 'undefined' ) { + headerPaddingLeft = wp.customize( 'generate_spacing_settings[header_left]' ).get() + 'px'; + } + + if ( typeof wp.customize( 'generate_spacing_settings[header_right]' ) !== 'undefined' ) { + headerPaddingRight = wp.customize( 'generate_spacing_settings[header_right]' ).get() + 'px'; + } + + if ( typeof wp.customize( 'generate_spacing_settings[menu_item]' ) !== 'undefined' ) { + menuItemPadding = wp.customize( 'generate_spacing_settings[menu_item]' ).get() + 'px'; + } + + if ( typeof wp.customize( 'generate_spacing_settings[secondary_menu_item]' ) !== 'undefined' ) { + secondaryMenuItemPadding = wp.customize( 'generate_spacing_settings[secondary_menu_item]' ).get() + 'px'; + } + + var newNavPaddingLeft = parseFloat( headerPaddingLeft ) - parseFloat( menuItemPadding ), + newNavPaddingRight = parseFloat( headerPaddingRight ) - parseFloat( menuItemPadding ), + newSecondaryNavPaddingLeft = parseFloat( headerPaddingLeft ) - parseFloat( secondaryMenuItemPadding ), + newSecondaryNavPaddingRight = parseFloat( headerPaddingRight ) - parseFloat( secondaryMenuItemPadding ); + + if ( jQuery( 'style#navigation_padding' ).length ) { + jQuery( 'style#navigation_padding' ).html( '.nav-below-header .main-navigation .inside-navigation.grid-container, .nav-above-header .main-navigation .inside-navigation.grid-container{padding: 0 ' + newNavPaddingRight + 'px 0 ' + newNavPaddingLeft + 'px;}' ); + jQuery( 'style#secondary_navigation_padding' ).html( '.secondary-nav-below-header .secondary-navigation .inside-navigation.grid-container, .secondary-nav-above-header .secondary-navigation .inside-navigation.grid-container{padding: 0 ' + newSecondaryNavPaddingRight + 'px 0 ' + newSecondaryNavPaddingLeft + 'px;}' ); + } else { + jQuery( 'head' ).append( '' ); + jQuery( 'head' ).append( '' ); + setTimeout( function() { + jQuery( 'style#navigation_padding' ).not( ':last' ).remove(); + jQuery( 'style#secondary_navigation_padding' ).not( ':last' ).remove(); + }, 100 ); + } + } + } ); +}( jQuery ) ); diff --git a/wp-content/themes/generatepress/inc/customizer/controls/js/postMessage.js b/wp-content/themes/generatepress/inc/customizer/controls/js/postMessage.js new file mode 100644 index 00000000..454895cb --- /dev/null +++ b/wp-content/themes/generatepress/inc/customizer/controls/js/postMessage.js @@ -0,0 +1,341 @@ +/* global gpPostMessageFields */ +/* eslint max-depth: off */ +var gpPostMessage = { + + /** + * The fields. + * + * @since 1.0.0 + */ + fields: {}, + + /** + * A collection of methods for the ' ); + } + }, + + /** + * Add a