front page

Signed-off-by: Jeff <jeff@gotenzing.com>

+<?php
+/**
+ * Credit to PolyLang (https://polylang.pro)
+ * https://plugins.trac.wordpress.org/browser/polylang/trunk/admin/admin-notices.php
+ */
+
+/**
+ * A class to manage admin notices
+ * displayed only to admin, based on 'manage_options' capability
+ * and only on dashboard, plugins and Max Mega Menu admin pages
+ *
+ */
+class Mega_Menu_Admin_Notices {
+	/**
+	 * Stores the plugin options.
+	 *
+	 * @var array
+	 */
+	protected $options;
+
+	/**
+	 * Stores custom notices.
+	 *
+	 * @var string[]
+	 */
+	private static $notices = array();
+
+	/**
+	 * Constructor
+	 * Setup actions
+	 *
+	 * @since 3.0
+	 *
+	 * @param object $polylang
+	 */
+	public function __construct() {
+		add_action( 'admin_init', array( $this, 'hide_notice' ) );
+		add_action( 'admin_notices', array( $this, 'display_notices' ) );
+	}
+
+	/**
+	 * Add a custom notice
+	 *
+	 * @since 3.0
+	 *
+	 * @param string $name Notice name
+	 * @param string $html Content of the notice
+	 * @return void
+	 */
+	public static function add_notice( $name, $html ) {
+		self::$notices[ $name ] = $html;
+	}
+
+	/**
+	 * Get custom notices
+	 *
+	 * @since 3.0
+	 *
+	 * @return string[]
+	 */
+	public static function get_notices() {
+		return self::$notices;
+	}
+
+	/**
+	 * Has a notice been dismissed?
+	 *
+	 * @since 3.0
+	 *
+	 * @param string $notice Notice name
+	 * @return bool
+	 */
+	public static function is_dismissed( $notice ) {
+		$dismissed = get_option( 'megamenu_dismissed_notices', array() );
+
+		return in_array( $notice, $dismissed );
+	}
+
+	/**
+	 * Should we display notices on this screen?
+	 *
+	 * @since 3.0
+	 *
+	 * @param  string $notice The notice name.
+	 * @return bool
+	 */
+	protected function can_display_notice( $notice ) {
+		$screen = get_current_screen();
+
+		if ( empty( $screen ) ) {
+			return false;
+		}
+
+		/**
+		 * Filter admin notices which can be displayed
+		 *
+		 * @since 2.7.0
+		 *
+		 * @param bool   $display Whether the notice should be displayed or not.
+		 * @param string $notice  The notice name.
+		 */
+		return apply_filters(
+			'mmm_can_display_notice',
+			in_array(
+				$screen->id,
+				array(
+					'dashboard',
+					'plugins',
+					'toplevel_page_maxmegamenu'
+				)
+			),
+			$notice
+		);
+	}
+
+	/**
+	 * Stores a dismissed notice in database
+	 *
+	 * @since 3.0
+	 *
+	 * @param string $notice
+	 * @return void
+	 */
+	public static function dismiss( $notice ) {
+		$dismissed = get_option( 'megamenu_dismissed_notices', array() );
+
+		if ( ! in_array( $notice, $dismissed ) ) {
+			$dismissed[] = $notice;
+			update_option( 'megamenu_dismissed_notices', array_unique( $dismissed ) );
+		}
+	}
+
+	/**
+	 * Handle a click on the dismiss button
+	 *
+	 * @since 3.0
+	 *
+	 * @return void
+	 */
+	public function hide_notice() {
+		if ( isset( $_GET['mmm-hide-notice'], $_GET['_mmm_notice_nonce'] ) ) {
+			$notice = sanitize_key( $_GET['mmm-hide-notice'] );
+			check_admin_referer( $notice, '_mmm_notice_nonce' );
+			self::dismiss( $notice );
+			wp_safe_redirect( remove_query_arg( array( 'mmm-hide-notice', '_mmm_notice_nonce' ), wp_get_referer() ) );
+			exit;
+		}
+	}
+
+	/**
+	 * Displays notices
+	 *
+	 * @since 2.3.9
+	 *
+	 * @return void
+	 */
+	public function display_notices() {
+
+		if ( ! $this->can_display_notice( 'review' ) ) {
+			return;
+		}
+
+		if ( defined( 'MEGAMENU_PRO_VERSION' ) ) {
+			return;
+		}
+
+		if ( $this->is_dismissed( 'review' ) ) {
+			return;
+		}
+
+		if ( ! current_user_can( 'manage_options' ) ) {
+			return;
+		}
+
+		$install_date = get_option( 'megamenu_install_date' );
+
+		if ( ! $install_date ) {
+			return;
+		}
+
+		if ( time() > $install_date + ( 14 * DAY_IN_SECONDS ) ) {
+			$this->review_notice();
+		}
+	}
+
+	/**
+	 * Displays a dismiss button
+	 *
+	 * @since 3.0
+	 *
+	 * @param string $name Notice name
+	 * @return void
+	 */
+	public function dismiss_button( $name ) {
+		printf(
+			'<a style="text-decoration: none;" class="notice-dismiss" href="%s"><span class="screen-reader-text">%s</span></a>',
+			esc_url( wp_nonce_url( add_query_arg( 'mmm-hide-notice', $name ), $name, '_mmm_notice_nonce' ) ),
+			/* translators: accessibility text */
+			esc_html__( 'Dismiss this notice.', 'megamenu' )
+		);
+	}
+
+	/**
+	 * Displays a notice asking for a review
+	 *
+	 * @since 3.0
+	 *
+	 * @return void
+	 */
+	private function review_notice() {
+		?>
+		<div class="mmm-notice notice notice-info" style="position: relative; margin-left: 0;">
+		<?php $this->dismiss_button( 'review' ); ?>
+			<p>
+				<?php
+				printf(
+					/* translators: %1$s is link start tag, %2$s is link end tag. */
+					esc_html__( 'We have noticed that you have been using Max Mega Menu for some time. We hope you love it, and we would really appreciate it if you would %1$sgive us a 5 stars rating%2$s.', 'megamenu' ),
+					'<a href="https://wordpress.org/support/plugin/megamenu/reviews/?rate=5#new-post">',
+					'</a>'
+				);
+				?>
+			</p>
+		</div>
+		<?php
+	}
+}

+<?php
+
+if ( ! defined( 'ABSPATH' ) ) {
+	exit; // disable direct access.
+}
+
+if ( ! class_exists( 'Mega_Menu_General' ) ) :
+
+	/**
+	 * Handles the Mega Menu > Menu Settings page
+	 */
+	class Mega_Menu_General {
+
+		/**
+		 * Constructor
+		 *
+		 * @since 1.0
+		 */
+		public function __construct() {
+			add_action( 'admin_post_megamenu_save_settings', array( $this, 'save_settings' ) );
+
+			add_filter( 'megamenu_menu_tabs', array( $this, 'add_general_tab' ), 4 );
+			add_action( 'megamenu_page_general_settings', array( $this, 'general_settings_page' ) );
+		}
+
+
+		/**
+		 * Add the Menu Locations tab to our available tabs
+		 *
+		 * @param array $tabs
+		 * @since 2.8
+		 */
+		public function add_general_tab( $tabs ) {
+			$tabs['general_settings'] = __( 'General Settings', 'megamenu' );
+			return $tabs;
+		}
+
+		/**
+		 * Sanitize multidimensional array
+		 *
+		 * @since 2.7.5
+		 */
+		public function sanitize_array( &$array ) {
+			foreach ( $array as &$value ) {
+				if ( ! is_array( $value ) ) {
+					$value = sanitize_textarea_field( $value );
+				} else {
+					$this->sanitize_array( $value );
+				}
+			}
+			return $array;
+		}
+
+
+		/**
+		 * Save menu general settings.
+		 *
+		 * @since 1.0
+		 */
+		public function save_settings() {
+			check_admin_referer( 'megamenu_save_settings' );
+
+			if ( isset( $_POST['settings'] ) && is_array( $_POST['settings'] ) ) {
+				$settings           = $this->sanitize_array( $_POST['settings'] );
+				$submitted_settings = apply_filters( 'megamenu_submitted_settings', $settings );
+				$existing_settings  = get_option( 'megamenu_settings' );
+				$new_settings       = array_merge( (array) $existing_settings, $submitted_settings );
+
+				update_option( 'megamenu_settings', $new_settings );
+			}
+
+			delete_transient( 'megamenu_failed_to_write_css_to_filesystem' );
+
+			do_action( 'megamenu_after_save_general_settings' );
+			do_action( 'megamenu_delete_cache' );
+
+			$url = isset( $_POST['_wp_http_referer'] ) ? $_POST['_wp_http_referer'] : admin_url( 'admin.php?page=maxmegamenu&saved=true' );
+
+			$this->redirect( $url );
+		}
+
+
+		/**
+		 * Redirect and exit
+		 *
+		 * @since 1.8
+		 */
+		public function redirect( $url ) {
+			wp_redirect( $url );
+			exit;
+		}
+
+
+		/**
+		 * Content for 'Settings' tab
+		 *
+		 * @since 1.4
+		 */
+		public function general_settings_page( $saved_settings ) {
+
+			$css = isset( $saved_settings['css'] ) ? $saved_settings['css'] : 'fs';
+			$js  = isset( $saved_settings['js'] ) ? $saved_settings['js'] : 'footer';
+
+			$locations = get_registered_nav_menus();
+
+			?>
+
+		<div class='menu_settings menu_settings_general_settings'>
+
+			<form action="<?php echo esc_attr( admin_url( 'admin-post.php' ) ); ?>" method="post">
+				<input type="hidden" name="action" value="megamenu_save_settings" />
+				<?php wp_nonce_field( 'megamenu_save_settings' ); ?>
+
+				<h3 class='first'><?php esc_html_e( 'General Settings', 'megamenu' ); ?></h3>
+
+				<table>
+					<tr>
+						<td class='mega-name'>
+							<?php esc_html_e( 'CSS Output', 'megamenu' ); ?>
+							<div class='mega-description'>
+							</div>
+						</td>
+						<td class='mega-value'>
+							<select name='settings[css]' id='mega_css'>
+								<option value='fs' <?php echo selected( 'fs' === $css ); ?>><?php esc_html_e( 'Save to filesystem', 'megamenu' ); ?>
+									<?php
+									if ( get_transient( 'megamenu_failed_to_write_css_to_filesystem' ) ) {
+										echo ' ' . esc_html( '(Action required: Check upload folder permissions)', 'megamenu' );
+									}
+									?>
+								</option>
+								<option value='head' <?php echo selected( 'head' === $css ); ?>><?php esc_html_e( 'Output in &lt;head&gt;', 'megamenu' ); ?></option>
+								<option value='disabled' <?php echo selected( 'disabled' === $css ); ?>><?php esc_html_e( "Don't output CSS", 'megamenu' ); ?></option>
+							<select>
+							<div class='mega-description'>
+								<div class='fs' style='display: <?php echo 'fs' === $css ? 'block' : 'none'; ?>'><?php esc_html_e( 'CSS will be saved to wp-content/uploads/maxmegamenu/style.css and enqueued from there.', 'megamenu' ); ?></div>
+								<div class='head' style='display: <?php echo 'head' === $css ? 'block' : 'none'; ?>'><?php esc_html_e( 'CSS will be loaded from the cache in a &lt;style&gt; tag in the &lt;head&gt; of the page.', 'megamenu' ); ?></div>
+								<div class='disabled' style='display: <?php echo 'disabled' === $css ? 'block' : 'none'; ?>'>
+									<?php esc_html_e( 'CSS will not be output, you must enqueue the CSS for the menu manually.', 'megamenu' ); ?>
+									<div class='fail'><?php esc_html_e( 'Selecting this option will effectively disable the theme editor and many of the features available in Max Mega Menu and Max Mega Menu Pro. Only enable this option if you fully understand the consequences.', 'megamenu' ); ?>
+								</div>
+							</div>
+						</td>
+					</tr>
+					<!--tr>
+						<td class='mega-name'>
+								<?php esc_html_e( 'JavaScript Output', 'megamenu' ); ?>
+							<div class='mega-description'>
+							</div>
+						</td>
+						<td class='mega-value'>
+							<select name='settings[js]' id='mega_css'>
+								<option value='footer' <?php echo selected( 'footer' === $js ); ?>><?php esc_html_e( 'Footer (default)', 'megamenu' ); ?></option>
+								<option value='head' <?php echo selected( 'head' === $js ); ?>><?php esc_html_e( 'Output in &lt;head&gt;', 'megamenu' ); ?></option>
+							<select>
+						</td>
+					</tr-->
+				</table>
+
+					<?php do_action( 'megamenu_general_settings', $saved_settings ); ?>
+
+					<?php submit_button(); ?>
+			</form>
+		</div>
+
+			<?php
+		}
+
+	}
+
+endif;

+<?php
+
+if ( ! defined( 'ABSPATH' ) ) {
+	exit; // disable direct access
+}
+
+if ( ! class_exists( 'Mega_Menu_Tools' ) ) :
+
+	/**
+	 * Handles all admin related functionality.
+	 */
+	class Mega_Menu_Tools {
+
+
+		/**
+		 * Constructor
+		 *
+		 * @since 1.0
+		 */
+		public function __construct() {
+			add_action( 'admin_post_megamenu_clear_css_cache', array( $this, 'tools_clear_css_cache' ) );
+			add_action( 'admin_post_megamenu_delete_data', array( $this, 'delete_data' ) );
+
+			add_filter( 'megamenu_menu_tabs', array( $this, 'add_tools_tab' ), 4 );
+			add_action( 'megamenu_page_tools', array( $this, 'tools_page' ) );
+		}
+
+		/**
+		 * Add the Menu Locations tab to our available tabs
+		 *
+		 * @param array $tabs
+		 * @since 2.8
+		 */
+		public function add_tools_tab( $tabs ) {
+			$tabs['tools'] = __( 'Tools', 'megamenu' );
+			return $tabs;
+		}
+
+
+		/**
+		 * Clear the CSS cache.
+		 *
+		 * @since 1.5
+		 */
+		public function tools_clear_css_cache() {
+			check_admin_referer( 'megamenu_clear_css_cache' );
+			do_action( 'megamenu_delete_cache' );
+			$this->redirect( admin_url( 'admin.php?page=maxmegamenu_tools&clear_css_cache=true' ) );
+		}
+
+
+		/**
+		 * Deletes all Max Mega Menu data from the database
+		 *
+		 * @since 1.5
+		 */
+		public function delete_data() {
+
+			check_admin_referer( 'megamenu_delete_data' );
+
+			do_action( 'megamenu_delete_cache' );
+
+			// delete options
+			delete_option( 'megamenu_settings' );
+			delete_option( 'megamenu_locations' );
+			delete_option( 'megamenu_toggle_blocks' );
+			delete_option( 'megamenu_version' );
+			delete_option( 'megamenu_initial_version' );
+			delete_option( 'megamenu_themes_last_updated' );
+			delete_option( 'megamenu_multisite_share_themes' );
+			delete_option( 'megamenu_dismissed_notices' );
+			delete_option( 'megamenu_install_date' );
+
+			// delete all widgets assigned to menus
+			$widget_manager = new Mega_Menu_Widget_Manager();
+
+			if ( $mega_menu_widgets = $widget_manager->get_mega_menu_sidebar_widgets() ) {
+				foreach ( $mega_menu_widgets as $widget_id ) {
+					$widget_manager->delete_widget( $widget_id );
+				}
+			}
+
+			// delete all mega menu metadata stored against menu items
+			delete_metadata( 'post', 0, '_megamenu', '', true );
+
+			// clear cache
+			delete_transient( 'megamenu_css' );
+
+			// delete custom themes
+			max_mega_menu_delete_themes();
+
+			$this->redirect( admin_url( 'admin.php?page=maxmegamenu_tools&delete_data=true' ) );
+		}
+
+
+		/**
+		 * Redirect and exit
+		 *
+		 * @since 1.8
+		 */
+		public function redirect( $url ) {
+			wp_redirect( $url );
+			exit;
+		}
+
+
+		/**
+		 * Content for 'Tools' tab
+		 *
+		 * @since 1.4
+		 */
+		public function tools_page( $saved_settings ) {
+			$this->print_messages();
+
+			?>
+
+		<div class='menu_settings menu_settings_tools'>
+			<h3 class='first'><?php _e( 'Tools', 'megamenu' ); ?></h3>
+			<table>
+				<tr>
+					<td class='mega-name'>
+						<?php _e( 'Cache', 'megamenu' ); ?>
+						<div class='mega-description'><?php _e( 'The CSS for your menu is updated each time a menu or a menu theme is changed. You can force the menu CSS to be updated using this tool.', 'megamenu' ); ?></div>
+					</td>
+					<td class='mega-value'>
+						<form action="<?php echo admin_url( 'admin-post.php' ); ?>" method="post">
+							<?php wp_nonce_field( 'megamenu_clear_css_cache' ); ?>
+							<input type="hidden" name="action" value="megamenu_clear_css_cache" />
+
+							<input type='submit' class='button button-primary' value='<?php _e( 'Clear CSS Cache', 'megamenu' ); ?>' />
+
+							<?php if ( get_transient( 'megamenu_css_last_updated' ) ) : ?>
+								<p><em><small><?php echo sprintf( __( 'The menu CSS was last updated on %s', 'megamenu' ), date( 'l jS F Y H:i:s', get_transient( 'megamenu_css_last_updated' ) ) ); ?><small><em></p>
+							<?php endif; ?>
+						</form>
+					</td>
+				</tr>
+				<tr>
+					<td class='mega-name'>
+						<?php _e( 'Plugin Data', 'megamenu' ); ?>
+						<div class='mega-description'><?php _e( 'Delete all saved Max Mega Menu plugin data from the database. Use with caution!', 'megamenu' ); ?></div>
+					</td>
+					<td class='mega-value'>
+						<form action="<?php echo admin_url( 'admin-post.php' ); ?>" method="post">
+							<?php wp_nonce_field( 'megamenu_delete_data' ); ?>
+							<input type="hidden" name="action" value="megamenu_delete_data" />
+
+							<input type='submit' class='button button-secondary confirm' value='<?php _e( 'Delete Data', 'megamenu' ); ?>' />
+						</form>
+					</td>
+				</tr>
+			</table>
+		</div>
+
+			<?php
+		}
+
+
+		/**
+		 * Display messages to the user
+		 *
+		 * @since 1.0
+		 */
+		public function print_messages() {
+			if ( isset( $_GET['clear_css_cache'] ) && $_GET['clear_css_cache'] == 'true' ) {
+				?>
+				<div class="notice notice-success is-dismissible"> 
+					<p><?php esc_html_e( 'The cache has been cleared and the menu CSS has been regenerated.', 'megamenu' ) ?></p>
+
+					<?php
+						$theme_class = new Mega_Menu_Themes();
+
+						$theme_class->show_cache_warning();
+					?>
+				</div>
+				<?php
+			}
+
+			if ( isset( $_GET['delete_data'] ) && $_GET['delete_data'] == 'true' ) {
+				?>
+				<div class="notice notice-success is-dismissible"> 
+					<p><?php _e( 'All plugin data removed', 'megamenu' ) ?></p>
+				</div>
+				<?php
+			}
+		}
+	}
+
+endif;

+<?php
+
+if ( ! defined( 'ABSPATH' ) ) {
+	exit; // disable direct access
+}
+
+if ( ! class_exists( 'Mega_Menu_Walker' ) ) :
+
+	/**
+	 * @package WordPress
+	 * @since   1.0.0
+	 * @uses    Walker
+	 */
+	class Mega_Menu_Walker extends Walker_Nav_Menu {
+
+
+		/**
+		 * Starts the list before the elements are added.
+		 *
+		 * @see Walker::start_lvl()
+		 *
+		 * @since 1.0
+		 *
+		 * @param string $output Passed by reference. Used to append additional content.
+		 * @param int    $depth  Depth of menu item. Used for padding.
+		 * @param array  $args   An array of arguments. @see wp_nav_menu()
+		 */
+		function start_lvl( &$output, $depth = 0, $args = array() ) {
+
+			$indent = str_repeat( "\t", $depth );
+
+			$output .= "\n$indent<ul class=\"mega-sub-menu\">\n";
+		}
+
+		/**
+		 * Ends the list of after the elements are added.
+		 *
+		 * @see Walker::end_lvl()
+		 *
+		 * @since 1.0
+		 *
+		 * @param string $output Passed by reference. Used to append additional content.
+		 * @param int    $depth  Depth of menu item. Used for padding.
+		 * @param array  $args   An array of arguments. @see wp_nav_menu()
+		 */
+		function end_lvl( &$output, $depth = 0, $args = array() ) {
+			$indent  = str_repeat( "\t", $depth );
+			$output .= "$indent</ul>\n";
+		}
+
+		/**
+		 * Custom walker. Add the widgets into the menu.
+		 *
+		 * @see Walker::start_el()
+		 *
+		 * @since 1.0
+		 *
+		 * @param string $output Passed by reference. Used to append additional content.
+		 * @param object $item   Menu item data object.
+		 * @param int    $depth  Depth of menu item. Used for padding.
+		 * @param array  $args   An array of arguments. @see wp_nav_menu()
+		 * @param int    $id     Current item ID.
+		 */
+		function start_el( &$output, $item, $depth = 0, $args = array(), $id = 0 ) {
+
+			$indent = ( $depth ) ? str_repeat( "\t", $depth ) : '';
+
+			if ( property_exists( $item, 'megamenu_settings' ) ) {
+				$settings = $item->megamenu_settings;
+			} else {
+				$settings = Mega_Menu_Nav_Menus::get_menu_item_defaults();
+			}
+
+			// Item Class
+			   $classes = empty( $item->classes ) ? array() : (array) $item->classes;
+
+			if ( is_array( $classes ) && ! in_array( 'menu-column', $classes ) && ! in_array( 'menu-row', $classes ) ) {
+				$classes[] = 'menu-item-' . $item->ID;
+			}
+
+			   $class = join( ' ', apply_filters( 'megamenu_nav_menu_css_class', array_filter( $classes ), $item, $args ) );
+
+			   // these classes are prepended with 'mega-'
+			   $mega_classes = explode( ' ', $class );
+
+			   // strip widget classes back to how they're intended to be output
+			   $class = str_replace( 'mega-menu-widget-class-', '', $class );
+
+			// Item ID
+			if ( is_array( $classes ) && ! in_array( 'menu-column', $classes ) && ! in_array( 'menu-row', $classes ) ) {
+				$id = "mega-menu-item-{$item->ID}";
+			} else {
+				$id = "mega-menu-{$item->ID}";
+			}
+
+			$id = esc_attr( apply_filters( 'megamenu_nav_menu_item_id', $id, $item, $args ) );
+
+			$output .= "<li class='{$class}' id='{$id}'>";
+
+			// output the widgets
+			if ( $item->type == 'widget' ) {
+
+				if ( $item->content ) {
+					$item_output = $item->content;
+				} else {
+					$item_output = "<!-- widget is empty -->";
+				}
+
+			//} else if ( 'block' === $item->type ) {
+			//  /** This filter is documented in wp-includes/post-template.php */
+			//  $item_output = apply_filters( 'the_content', $item->content );
+			} else {
+
+				$atts = array();
+
+				$atts['title']  = ! empty( $item->attr_title ) ? $item->attr_title : '';
+				$atts['target'] = ! empty( $item->target ) ? $item->target : '';
+				$atts['class']  = '';
+				$atts['rel']    = ! empty( $item->xfn ) ? $item->xfn : '';
+
+				if ( isset( $settings['disable_link'] ) && $settings['disable_link'] != 'true' ) {
+					$atts['href'] = ! empty( $item->url ) ? $item->url : '';
+				} else {
+					$atts['tabindex'] = 0;
+				}
+
+				if ( isset( $settings['icon'] ) && $settings['icon'] != 'disabled' && $settings['icon'] != 'custom' ) {
+					$atts['class'] = $settings['icon'];
+				}
+
+				if ( isset( $settings['icon'] ) && $settings['icon'] == 'custom' ) {
+					$atts['class'] = 'mega-custom-icon';
+				}
+
+				if ( is_array( $classes ) && in_array( 'menu-item-has-children', $classes ) && $item->parent_submenu_type == 'flyout' ) {
+
+					if ( ! defined('MEGAMENU_EXPERIMENTAL_TABBABLE_ARROW') || !MEGAMENU_EXPERIMENTAL_TABBABLE_ARROW ) {
+						$atts['aria-haspopup'] = 'true'; // required for Surface/Win10/Edge
+						$atts['aria-expanded'] = 'false';
+
+						if ( is_array( $mega_classes ) && in_array( 'mega-toggle-on', $mega_classes ) ) {
+							$atts['aria-expanded'] = 'true';
+						}
+					}
+
+					if ( isset( $settings['disable_link'] ) && $settings['disable_link'] == 'true' ) {
+						$atts['role'] = 'button';
+					}
+				}
+
+				if ( is_array( $classes ) && in_array( 'current-menu-item', $classes ) ) {
+					$atts['aria-current'] = 'page';
+				}
+
+				if ( $depth == 0 ) {
+					$atts['tabindex'] = '0';
+				}
+
+				if ( isset( $settings['hide_text'] ) && $settings['hide_text'] == 'true' ) {
+					$atts['aria-label'] = $item->title;
+				}
+
+				$atts = apply_filters( 'megamenu_nav_menu_link_attributes', $atts, $item, $args );
+
+				if ( isset( $atts['class'] ) && strlen( $atts['class'] ) ) {
+					$atts['class'] = $atts['class'] . ' mega-menu-link';
+				} else {
+					$atts['class'] = 'mega-menu-link';
+				}
+
+
+
+				$attributes = '';
+
+				foreach ( $atts as $attr => $value ) {
+					if ( strlen( $value ) ) {
+						$value       = ( 'href' === $attr ) ? esc_url( $value ) : esc_attr( $value );
+						$attributes .= ' ' . $attr . '="' . $value . '"';
+					}
+				}
+
+				$item_output  = $args->before;
+				$item_output .= '<a' . $attributes . '>';
+
+				if ( is_array( $classes ) && in_array( 'icon-top', $classes ) ) {
+					$item_output .= "<span class='mega-title-below'>";
+				}
+
+				if ( isset( $settings['hide_text'] ) && $settings['hide_text'] == 'true' ) {
+								/**
+				 * This filter is documented in wp-includes/post-template.php
+*/
+				} elseif ( property_exists( $item, 'mega_description' ) && strlen( $item->mega_description ) ) {
+					$item_output .= '<span class="mega-description-group"><span class="mega-menu-title">' . $args->link_before . apply_filters( 'megamenu_the_title', $item->title, $item->ID ) . $args->link_after . '</span><span class="mega-menu-description">' . $item->description . '</span></span>';
+				} else {
+					$item_output .= $args->link_before . apply_filters( 'megamenu_the_title', $item->title, $item->ID ) . $args->link_after;
+				}
+
+				if ( is_array( $classes ) && in_array( 'icon-top', $classes ) ) {
+					$item_output .= '</span>';
+				}
+
+				if ( defined('MEGAMENU_EXPERIMENTAL_TABBABLE_ARROW') && MEGAMENU_EXPERIMENTAL_TABBABLE_ARROW ) {
+					$item_output .= '</a>';
+				}
+
+				if ( is_array( $classes ) && in_array( 'menu-item-has-children', $classes ) ) {
+
+					$item_output .= '<span class="mega-indicator"';
+
+					$indicator_atts = array();
+
+					if ( defined('MEGAMENU_EXPERIMENTAL_TABBABLE_ARROW') && MEGAMENU_EXPERIMENTAL_TABBABLE_ARROW ) {
+						$indicator_atts['tabindex'] = '0';
+						$indicator_atts['role'] = 'button';
+						$indicator_atts['aria-label'] = esc_attr( apply_filters( 'megamenu_the_title', $item->title, $item->ID ) ) . " " . esc_html( 'submenu', 'megamenu' );
+						$indicator_atts['aria-haspopup'] = 'true'; // required for Surface/Win10/Edge
+						$indicator_atts['aria-expanded'] = 'false';
+
+						if ( is_array( $mega_classes ) && in_array( 'mega-toggle-on', $mega_classes ) ) {
+							$indicator_atts['aria-expanded'] = 'true';
+						}
+					}
+
+					$indicator_atts = apply_filters( 'megamenu_indicator_atts', $indicator_atts, $item, $args, $mega_classes );
+
+					foreach ( $indicator_atts as $attr => $value ) {
+						if ( strlen( $value ) ) {
+							$item_output .= ' ' . $attr . '="' . esc_attr( $value ) . '"';
+						}
+					}
+
+					$item_output .= "></span>";
+				}
+
+				if ( ! defined('MEGAMENU_EXPERIMENTAL_TABBABLE_ARROW') || !MEGAMENU_EXPERIMENTAL_TABBABLE_ARROW ) {
+					$item_output .= '</a>';
+				}
+
+				$item_output .= $args->after;
+
+				if ( is_array( $classes ) && ( in_array( 'menu-column', $classes ) || in_array( 'menu-row', $classes ) ) ) {
+					$item_output = '';
+				}
+			}
+
+			$output .= apply_filters( 'megamenu_walker_nav_menu_start_el', $item_output, $item, $depth, $args );
+		}
+
+		/**
+		 * Ends the element output, if needed.
+		 *
+		 * @see Walker::end_el()
+		 *
+		 * @since 1.7
+		 *
+		 * @param string $output Passed by reference. Used to append additional content.
+		 * @param object $item   Page data object. Not used.
+		 * @param int    $depth  Depth of page. Not Used.
+		 * @param array  $args   An array of arguments. @see wp_nav_menu()
+		 */
+		public function end_el( &$output, $item, $depth = 0, $args = array() ) {
+			$output .= '</li>'; // remove new line to remove the 4px gap between menu items
+		}
+	}
+
+endif;

+<?php
+
+if ( ! defined( 'ABSPATH' ) ) {
+	exit; // disable direct access
+}
+
+if ( ! class_exists( 'Mega_Menu_Widget_Elementor_Template' ) ) :
+
+	/**
+	 * Outputs an Elementor template
+	 */
+	class Mega_Menu_Widget_Elementor_Template extends WP_Widget {
+
+		/**
+		 * Register widget with WordPress.
+		 */
+		public function __construct() {
+			parent::__construct(
+				'maxmegamenu_elementor_template', // Base ID
+				'Elementor Template', // Name
+				array( 'description' => __( 'Outputs a saved Elementor template.', 'megamenu' ) ) // Args
+			);
+		}
+
+
+		/**
+		 * Front-end display of widget.
+		 *
+		 * @since 2.7.4
+		 * @see WP_Widget::widget()
+		 * @param array   $args     Widget arguments.
+		 * @param array   $instance Saved values from database.
+		 */
+		public function widget( $args, $instance ) {
+			if ( empty( $instance['template_id'] ) || ! get_post_type( $instance['template_id'] ) ) {
+				return;
+			}
+
+			extract( $args );
+
+			echo $before_widget;
+
+			$contentElementor = '';
+
+			if ( class_exists( '\\Elementor\\Plugin' ) ) {
+				$pluginElementor  = \Elementor\Plugin::instance();
+				$contentElementor = $pluginElementor->frontend->get_builder_content( $instance['template_id'] );
+			}
+
+			echo $contentElementor;
+
+			echo $after_widget;
+		}
+
+
+		/**
+		 * Sanitize widget form values as they are saved.
+		 *
+		 * @since 2.7.4
+		 * @see WP_Widget::update()
+		 * @param array   $new_instance Values just sent to be saved.
+		 * @param array   $old_instance Previously saved values from database.
+		 * @return array Updated safe values to be saved.
+		 */
+		public function update( $new_instance, $old_instance ) {
+			$instance                = array();
+			$instance['template_id'] = ! empty( $new_instance['template_id'] ) ? $new_instance['template_id'] : 0;
+
+			return $instance;
+		}
+
+
+		/**
+		 * Back-end widget form.
+		 *
+		 * @since 2.7.4
+		 * @see WP_Widget::form()
+		 * @param array   $instance Previously saved values from database.
+		 */
+		public function form( $instance ) {
+			$template_id = ! empty( $instance['template_id'] ) ? absint( $instance['template_id'] ) : 0;
+
+			$widget_title = $template_id ? get_post_field( 'post_title', $template_id ) : '';
+
+			$posts = get_posts(
+				array(
+					'post_type'   => 'elementor_library',
+					'post_status' => 'publish',
+					'numberposts' => -1,
+				)
+			);
+
+			// No blocks found.
+			if ( empty( $posts ) ) {
+				printf( '<p>%s</p>', __( 'No Elementor Templates found.', 'megamenu' ) );
+
+				return;
+			}
+
+			// Input field with id is required for WordPress to display the title in the widget header.
+			?>
+		<input type="hidden" id="<?php echo esc_attr( $this->get_field_id( 'title' ) ); ?>" value="<?php echo esc_attr( $widget_title ); ?>">
+		
+		<p>
+			<label for="<?php echo esc_attr( $this->get_field_id( 'template_id' ) ); ?>"><?php esc_attr_e( 'Template', 'megamenu' ); ?>:</label> 
+			<select id="<?php echo esc_attr( $this->get_field_id( 'template_id' ) ); ?>" class="widefat" name="<?php echo esc_attr( $this->get_field_name( 'template_id' ) ); ?>">
+				<option value=""><?php esc_html_e( '- Select -', 'megamenu' ); ?></option>
+				<?php foreach ( $posts as $post ) : ?>
+
+
+					<?php
+					$elementor_data = get_post_meta( $instance['template_id'], '_elementor_data' );
+
+					$type = $elementor_data['elType'];
+
+					?>
+				<option value="<?php echo esc_attr( $post->ID ); ?>"<?php selected( $post->ID, $template_id ); ?>>
+					<?php echo esc_html( $post->post_title . ' (' . $post->ID . ' - ' . get_post_meta( $post->ID, '_elementor_template_type', true ) . ')' ); ?></option>
+				<?php endforeach; ?>
+			</select>
+		</p>
+
+			<?php
+		}
+
+	}
+
+endif;

+<?php
+
+if ( ! defined( 'ABSPATH' ) ) {
+	exit; // disable direct access
+}
+
+if ( ! class_exists( 'Mega_Menu_Widget_Reusable_Block' ) ) :
+
+	/**
+	 * Outputs a reusable block
+	 *
+	 * Credit: Based on https://wordpress.org/plugins/block-widget/ by Maarten Menten
+	 */
+	class Mega_Menu_Widget_Reusable_Block extends WP_Widget {
+
+		/**
+		 * Register widget with WordPress.
+		 */
+		public function __construct() {
+			parent::__construct(
+				'maxmegamenu_reusable_block', // Base ID
+				'Reusable Block (MMM)', // Name
+				array( 'description' => __( 'Outputs a reusable block.', 'megamenu' ) ) // Args
+			);
+		}
+
+
+		/**
+		 * Front-end display of widget.
+		 *
+		 * @since 2.7.4
+		 * @see WP_Widget::widget()
+		 * @param array   $args     Widget arguments.
+		 * @param array   $instance Saved values from database.
+		 */
+		public function widget( $args, $instance ) {
+			if ( empty( $instance['block'] ) || ! get_post_type( $instance['block'] ) ) {
+				return;
+			}
+
+			extract( $args );
+
+			echo $before_widget;
+
+			echo do_blocks( get_post_field( 'post_content', $instance['block'] ) );
+
+			echo $after_widget;
+		}
+
+
+		/**
+		 * Sanitize widget form values as they are saved.
+		 *
+		 * @since 2.7.4
+		 * @see WP_Widget::update()
+		 * @param array   $new_instance Values just sent to be saved.
+		 * @param array   $old_instance Previously saved values from database.
+		 * @return array Updated safe values to be saved.
+		 */
+		public function update( $new_instance, $old_instance ) {
+			$instance          = array();
+			$instance['block'] = ! empty( $new_instance['block'] ) ? $new_instance['block'] : 0;
+
+			return $instance;
+		}
+
+
+		/**
+		 * Back-end widget form.
+		 *
+		 * @since 2.7.4
+		 * @see WP_Widget::form()
+		 * @param array   $instance Previously saved values from database.
+		 */
+		public function form( $instance ) {
+			$block_id = ! empty( $instance['block'] ) ? absint( $instance['block'] ) : 0;
+
+			$widget_title = $block_id ? get_post_field( 'post_title', $block_id ) : '';
+
+			$posts = get_posts(
+				array(
+					'post_type'   => 'wp_block',
+					'post_status' => 'publish',
+					'numberposts' => -1,
+				)
+			);
+
+			// No blocks found.
+			if ( empty( $posts ) ) {
+				printf( '<p>%s</p>', __( 'No reusable blocks available.', 'megamenu' ) );
+
+				return;
+			}
+
+			// Input field with id is required for WordPress to display the title in the widget header.
+			?>
+			<input type="hidden" id="<?php echo esc_attr( $this->get_field_id( 'title' ) ); ?>" value="<?php echo esc_attr( $widget_title ); ?>">
+		
+			<p>
+				<label for="<?php echo esc_attr( $this->get_field_id( 'block' ) ); ?>"><?php esc_attr_e( 'Block', 'megamenu' ); ?>:</label> 
+				<select id="<?php echo esc_attr( $this->get_field_id( 'block' ) ); ?>" class="widefat" name="<?php echo esc_attr( $this->get_field_name( 'block' ) ); ?>">
+					<option value=""><?php esc_html_e( '- Select -', 'megamenu' ); ?></option>
+					<?php foreach ( $posts as $post ) : ?>
+					<option value="<?php echo esc_attr( $post->ID ); ?>"<?php selected( $post->ID, $block_id ); ?>><?php echo esc_html( $post->post_title ); ?></option>
+					<?php endforeach; ?>
+				</select>
+			</p>
+
+			<?php
+		}
+
+	}
+
+endif;

+<?php
+
+if ( ! defined( 'ABSPATH' ) ) {
+	exit; // disable direct access
+}
+
+if ( ! class_exists( 'Mega_Menu_Widget' ) ) :
+
+	/**
+	 * Outputs a registered menu location using wp_nav_menu
+	 */
+	class Mega_Menu_Widget extends WP_Widget {
+
+		/**
+		 * Register widget with WordPress.
+		 */
+		public function __construct() {
+			parent::__construct(
+				'maxmegamenu', // Base ID
+				__( 'Max Mega Menu', 'megamenu' ), // Name
+				array( 'description' => __( 'Outputs a menu for a selected theme location.', 'megamenu' ) ) // Args
+			);
+		}
+
+		/**
+		 * Front-end display of widget.
+		 *
+		 * @since 1.7.4
+		 * @see WP_Widget::widget()
+		 * @param array   $args     Widget arguments.
+		 * @param array   $instance Saved values from database.
+		 */
+		public function widget( $args, $instance ) {
+			if ( ! is_array( $args ) ) {
+				$args = array(
+					'before_widget' => '',
+					'after_widget'  => '',
+				);
+			}
+
+			extract( $args );
+
+			if ( isset( $instance['location'] ) ) {
+				$location = $instance['location'];
+
+				$title = isset( $instance['title'] ) ? apply_filters( 'widget_title', $instance['title'] ) : "";
+
+				echo $before_widget;
+
+				if ( ! empty( $title ) ) {
+					echo $before_title . $title . $after_title;
+				}
+
+				if ( has_nav_menu( $location ) ) {
+					 wp_nav_menu( array( 'theme_location' => $location ) );
+				}
+
+				echo $after_widget;
+			}
+		}
+
+		/**
+		 * Sanitize widget form values as they are saved.
+		 *
+		 * @since 1.7.4
+		 * @see WP_Widget::update()
+		 * @param array   $new_instance Values just sent to be saved.
+		 * @param array   $old_instance Previously saved values from database.
+		 * @return array Updated safe values to be saved.
+		 */
+		public function update( $new_instance, $old_instance ) {
+			$instance             = array();
+			$instance['location'] = strip_tags( $new_instance['location'] );
+			$instance['title']    = strip_tags( $new_instance['title'] );
+
+			return $instance;
+		}
+
+		/**
+		 * Back-end widget form.
+		 *
+		 * @since 1.7.4
+		 * @see WP_Widget::form()
+		 * @param array   $instance Previously saved values from database.
+		 */
+		public function form( $instance ) {
+
+			$selected_location = 0;
+			$title             = '';
+			$locations         = get_registered_nav_menus();
+
+			if ( isset( $instance['location'] ) ) {
+				$selected_location = $instance['location'];
+			}
+
+			if ( isset( $instance['title'] ) ) {
+				$title = $instance['title'];
+			}
+
+			?>
+		<p>
+			<?php if ( $locations ) { ?>
+				<p>
+					<label for="<?php echo $this->get_field_id( 'title' ); ?>"><?php _e( 'Title:', 'megamenu' ); ?></label>
+					<input class="widefat" id="<?php echo $this->get_field_id( 'title' ); ?>" name="<?php echo $this->get_field_name( 'title' ); ?>" type="text" value="<?php echo esc_attr( $title ); ?>" />
+				</p>
+				<label for="<?php echo $this->get_field_id( 'location' ); ?>"><?php _e( 'Menu Location:', 'megamenu' ); ?></label>
+
+				<select id="<?php echo $this->get_field_id( 'location' ); ?>" name="<?php echo $this->get_field_name( 'location' ); ?>">
+					<?php
+					if ( $selected_location === 0 ) {
+						echo "<option selected='true' disabled='disabled'>" . __( 'Select location', 'megamenu' ) . '</option>';
+					}
+					?>
+
+					<?php
+
+						$enabled_locations  = array();
+						$disabled_locations = array();
+
+					foreach ( $locations as $location => $description ) {
+						if ( max_mega_menu_is_enabled( $location ) ) {
+							$enabled_locations[ $location ] = $description;
+						} else {
+							$disabled_locations[ $location ] = $description;
+						}
+					}
+
+					if ( count( $enabled_locations ) ) {
+						echo "<optgroup label='&#10003; " . __( 'Active locations', 'megamenu' ) . "'>";
+
+						foreach ( $enabled_locations as $location => $description ) {
+							echo "<option value='{$location}'" . selected( $location, $selected_location ) . ">{$description}</option>";
+						}
+
+						echo '</optgroup>';
+					}
+
+					if ( count( $disabled_locations ) ) {
+						echo "<optgroup label='&#x2718; " . __( 'Inactive locations', 'megamenu' ) . "'>";
+
+						foreach ( $disabled_locations as $location => $description ) {
+							echo "<option value='{$location}'" . selected( $location, $selected_location ) . ">{$description}</option>";
+						}
+
+						echo '</optgroup>';
+					}
+					?>
+				</select>
+				<?php
+			} else {
+				_e( 'No menu locations found', 'megamenu' );
+			}
+			?>
+		</p>
+			<?php
+		}
+	}
+
+endif;

+@if ($elementor_pro_active == true) {
+	.elementor-sticky__spacer #{$wrap} #{$menu},
+	.elementor-sticky__spacer #{$wrap} #{$menu} .mega-sub-menu {
+	   visibility: inherit !important;
+	}
+}
+
+@if ($wp_theme == twentytwelve and $location == 'primary') {
+    body.mega-menu-primary button.menu-toggle {
+        display: none;
+    }
+}
+
+@if ($wp_theme == generatepress and $location == 'primary') {
+    body.mega-menu-primary button.menu-toggle {
+        display: none;
+    }
+}
+
+@if ($wp_theme == astra and $location == 'primary') {
+	body.mega-menu-primary.ast-header-break-point .ast-mobile-menu-buttons {
+		display: none;
+	}
+
+	@include desktop {
+		#{$wrap} #{$menu} .ast-masthead-custom-menu-items {
+			display: inline-block;
+			margin: 0 $menu_item_spacing 0 0;
+		}
+	}
+}
+
+@if ($wp_theme == oceanwp) {
+	html[class$="-off-canvas-open"] #top-bar-wrap,
+	html[class$="-off-canvas-open"] #site-header {
+		z-index: 1;
+	}
+
+	@if ($location == main_menu) {
+		@include desktop {
+			#{$wrap} #{$menu} .woo-menu-icon,
+			#{$wrap} #{$menu} .search-toggle-li {
+				display: inline-block;
+				margin: 0 $menu_item_spacing 0 0;
+
+				> a {
+		            line-height: $menu_item_link_height;
+		            height: $menu_item_link_height;
+		            padding: $menu_item_link_padding_top $menu_item_link_padding_right $menu_item_link_padding_bottom $menu_item_link_padding_left;
+				}
+			}
+		}
+	}
+}
+
+@if ($wp_theme == enfold) {
+	html[class$="-off-canvas-open"] #header_meta {
+		z-index: 1;
+	}
+}
\ No newline at end of file

+@mixin border-radius($topleft: 0, $topright: 0, $bottomright: 0, $bottomleft: 0) {
+    @if $topleft == 0 and $topright == 0 and $bottomright == 0 and $bottomleft == 0 {
+        border-radius: 0;
+    } @else if $topleft == 0px and $topright == 0px and $bottomright == 0px and $bottomleft == 0px {
+        border-radius: 0;
+    } @else {
+        border-radius: $topleft $topright $bottomright $bottomleft;
+    }
+}
+
+@mixin box-shadow($value) {
+    box-shadow: $value;
+}
+
+@mixin background($from, $to) {
+    @if $to == $from {
+        background: $to;
+    } @else {
+        background: $to;
+        background: linear-gradient(to bottom, $from, $to);
+        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#{ie_hex_str($from)}', endColorstr='#{ie_hex_str($to)}');
+    }
+}
+
+@mixin border($top, $left, $right, $bottom, $color) {
+    @if $top == 0px and $left == 0px and $right == 0px and $bottom == 0px {
+        border: 0;
+    } @else {
+        border-top: $top solid $color;
+        border-left: $left solid $color;
+        border-right: $right solid $color;
+        border-bottom: $bottom solid $color;
+    }
+}
+
+@mixin mobile {
+    @media only screen and (max-width : $responsive_breakpoint) {
+        @content;
+    }
+}
+
+@mixin desktop {
+    @media only screen and (min-width : $responsive_breakpoint + 1) {
+        @content;
+    }
+}
+

+@if $resets == 'on' {
+    #{$wrap} #{$menu} ul,
+    #{$wrap} #{$menu} li,
+    #{$wrap} #{$menu} p,
+    #{$wrap} #{$menu} img:not(.mega-menu-logo),
+    #{$wrap} #{$menu} div,
+    #{$wrap} #{$menu} a {
+        color: $panel_font_color;
+        font-family: unquote($panel_font_family);
+        font-size: $panel_font_size;
+        background: none;
+        border: 0;
+        @include border-radius(0, 0, 0, 0);
+        margin: 0;
+        opacity: 1;
+        padding: 0;
+        position: relative;
+        right: auto;
+        top: auto;
+        bottom: auto;
+        left: auto;
+        text-align: left;
+        text-transform: none;
+        vertical-align: baseline;
+        @include box-shadow(none);
+        list-style-type: none;
+        line-height: $line_height;
+        box-sizing: border-box;
+        float: none;
+        overflow: visible;
+        display: block;
+        min-height: 0;
+        -webkit-transition: none;
+        -moz-transition: none;
+        -o-transition: none;
+        transition: none;
+        text-decoration: none;
+        width: auto;
+        clip: auto;
+        height: auto;
+        outline: none;
+        visibility: inherit;
+        pointer-events: auto;
+
+        &:before,
+        &:after {
+            display: none;
+        }
+    }
+
+    #{$wrap} #{$menu} table,
+    #{$wrap} #{$menu} td,
+    #{$wrap} #{$menu} tr,
+    #{$wrap} #{$menu} th {
+        border: 0;
+        margin: 0;
+        padding: 0;
+        background: none;
+    }
+}
\ No newline at end of file

+#{$wrap} .mega-menu-toggle {
+    @each $item in $menu_toggle_blocks {
+        $id: nth($item, 1);
+        $align: nth($item, 2);
+        $closed_text: nth($item, 3);
+        $open_text: nth($item, 4);
+        $closed_icon: nth($item, 5);
+        $open_icon: nth($item, 6);
+        $text_color: nth($item, 7);
+        $icon_color: nth($item, 8);
+        $icon_position: nth($item, 9);
+        $text_size: nth($item, 10);
+        $icon_size: nth($item, 11);
+
+        @if type-of($id) == number {
+
+            .mega-toggle-block-#{$id} {
+                cursor: pointer;
+                
+                @if $icon_position == before {
+                    &:before {
+                        content: $closed_icon;
+                        font-family: 'dashicons';
+                        font-size: $icon_size;
+                        color: $icon_color;
+                        margin: 0 5px 0 0;
+                    }
+                } @else {
+                    &:after {
+                        content: $closed_icon;
+                        font-family: 'dashicons';
+                        font-size: $icon_size;
+                        color: $icon_color;
+                        margin: 0 0 0 5px;
+                    }
+                }
+
+                .mega-toggle-label {
+                    color: $text_color;
+                    font-size: $text_size;
+
+                    .mega-toggle-label-open {
+                        display: none;
+                    }
+                    
+                    .mega-toggle-label-closed {
+                        display: inline;
+                    }
+                }
+            }
+
+            &.mega-menu-open {
+
+                .mega-toggle-block-#{$id} {
+                    @if $icon_position == before {
+                        &:before {
+                            content: $open_icon;
+                        }
+                    } @else {
+                        &:after {
+                            content: $open_icon;
+                        }
+                    }
+
+                    .mega-toggle-label-open {
+                        display: inline;
+                    }
+                    .mega-toggle-label-closed {
+                        display: none;
+                    }
+                }
+            }
+        }
+    }
+
+    @each $item in $spacer_toggle_blocks {
+
+        $id: nth($item, 1);
+        $align: nth($item, 2);
+        $width: nth($item, 3);
+
+        @if type-of($id) == number {
+
+            .mega-toggle-block-#{$id} {
+                width: $width;
+                margin: 0;
+            }
+
+        }
+
+    }
+
+    @each $item in $menu_toggle_animated_blocks {
+
+        $id: nth($item, 1);
+        $scale: nth($item, 2);
+        $color: nth($item, 3);
+
+        @if type-of($id) == number {
+
+            .mega-toggle-block-#{$id} {
+                cursor: pointer;
+
+                /*! 
+                * Hamburgers 
+                * @description Tasty CSS-animated hamburgers 
+                * @author Jonathan Suh @jonsuh 
+                * @site https://jonsuh.com/hamburgers 
+                * @link https://github.com/jonsuh/hamburgers 
+                */
+                .mega-toggle-animated {
+                    padding: 0;
+                    display: -webkit-box;
+                    display: -ms-flexbox;
+                    display: -webkit-flex;
+                    display: flex;
+                    cursor: pointer;
+                    transition-property: opacity, filter;
+                    transition-duration: 0.15s;
+                    transition-timing-function: linear;
+                    font: inherit;
+                    color: inherit;
+                    text-transform: none;
+                    background-color: transparent;
+                    border: 0;
+                    margin: 0;
+                    overflow: visible;
+                    transform: scale($scale);
+                    align-self: center;
+                    outline: 0;
+                    background: none;
+                }
+                .mega-toggle-animated-box {
+                    width: 40px;
+                    height: 24px;
+                    display: inline-block;
+                    position: relative;
+                    outline: 0;
+                }
+                .mega-toggle-animated-inner {
+                    display: block;
+                    top: 50%;
+                    margin-top: -2px;
+                }
+                .mega-toggle-animated-inner, 
+                .mega-toggle-animated-inner::before, 
+                .mega-toggle-animated-inner::after {
+                    width: 40px;
+                    height: 4px;
+                    background-color: $color;
+                    border-radius: 4px;
+                    position: absolute;
+                    transition-property: transform;
+                    transition-duration: 0.15s;
+                    transition-timing-function: ease;
+                }
+                .mega-toggle-animated-inner::before, 
+                .mega-toggle-animated-inner::after {
+                    content: "";
+                    display: block;
+                }
+                .mega-toggle-animated-inner::before {
+                    top: -10px;
+                }
+                .mega-toggle-animated-inner::after {
+                    bottom: -10px;
+                }
+                .mega-toggle-animated-slider .mega-toggle-animated-inner {
+                    top: 2px;
+                }
+                .mega-toggle-animated-slider .mega-toggle-animated-inner::before {
+                    top: 10px;
+                    transition-property: transform, opacity;
+                    transition-timing-function: ease;
+                    transition-duration: 0.15s;
+                }
+                .mega-toggle-animated-slider .mega-toggle-animated-inner::after {
+                    top: 20px;
+                }
+
+            }
+
+            &.mega-menu-open .mega-toggle-block-#{$id} {
+                .mega-toggle-animated-slider .mega-toggle-animated-inner {
+                    transform: translate3d(0, 10px, 0) rotate(45deg);
+                }
+                .mega-toggle-animated-slider .mega-toggle-animated-inner::before {
+                    transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
+                    opacity: 0;
+                }
+                .mega-toggle-animated-slider .mega-toggle-animated-inner::after {
+                    transform: translate3d(0, -20px, 0) rotate(-90deg);
+                }
+            }
+        }
+    }
+}
\ No newline at end of file

+var gulp = require('gulp');
+var sass = require('gulp-sass');
+
+gulp.task('styles', function() {
+    gulp.src('css/admin/*.scss')
+        .pipe(sass().on('error', sass.logError))
+        .pipe(gulp.dest('./css/admin/'));
+});
+
+gulp.task('default',function() {
+    gulp.watch('css/admin/*.scss',['styles']);
+});
\ No newline at end of file

+<?php
+/**
+ * Registers the block using the metadata loaded from the `block.json` file.
+ * Behind the scenes, it registers also all assets so they can be enqueued
+ * through the block editor in the corresponding context.
+ *
+ * @see https://developer.wordpress.org/reference/functions/register_block_type/
+ */
+function maxmegamenu_location_block_init() {
+	register_block_type(
+		__DIR__ . '/build',
+		array(
+			'attributes' => array(
+				'location' => array(
+					'type'  => 'string'
+				)
+			),
+			'render_callback' => 'maxmegamenu_render_callback',
+		)
+	);
+
+	$locations = array_merge(
+		array( "" => __('Select a location', 'megamenu') ),
+		get_registered_nav_menus()
+	);
+
+	wp_localize_script( 'maxmegamenu-location-editor-script', 'max_mega_menu_locations', $locations );
+}
+add_action( 'init', 'maxmegamenu_location_block_init' );
+
+
+/**
+ * Enqueue the menu style.css file on block enabled pages
+ */
+function maxmegamenu_block_assets() {
+	$style_manager = new Mega_Menu_Style_Manager;
+	$style_manager->enqueue_fs_style();
+}
+add_action( 'enqueue_block_editor_assets', 'maxmegamenu_block_assets' );
+
+/**
+ * Render callback function.
+ *
+ * @param array    $attributes The block attributes.
+ * @param string   $content    The block content.
+ * @param WP_Block $block      Block instance.
+ *
+ * @return string The rendered output.
+ */
+function maxmegamenu_render_callback( $attributes, $content, $block ) {
+	if ( isset( $attributes['location'] ) && strlen( $attributes['location'] ) && function_exists("max_mega_menu_is_enabled") && max_mega_menu_is_enabled( $attributes['location'] ) ) {
+		$menu = wp_nav_menu( array( 'theme_location' => $attributes['location'], 'echo' => false ) );
+	} else {
+		if ( maxmegamenu_is_editing_block_on_backend() ) {
+			$menu = "<p>" . __("Go to Mega Menu > Menu Locations to enable Max Mega Menu for this location.", "megamenu") . "</p>";
+		} else {
+			$menu = "<!--" . __("Go to Mega Menu > Menu Locations to enable Max Mega Menu for this location.", "megamenu") . "-->";
+		}
+	}
+
+	return $menu;
+}
+
+/**
+ *  props: https://github.com/WordPress/gutenberg/issues/23810#issue-653709683
+ */
+ function maxmegamenu_is_editing_block_on_backend() {
+	return defined('REST_REQUEST') && true === REST_REQUEST && 'edit' === filter_input( INPUT_GET, 'context', FILTER_SANITIZE_STRING );
+}
\ No newline at end of file

+{
+  "$schema": "https://schemas.wp.org/trunk/block.json",
+  "apiVersion": 2,
+  "name": "maxmegamenu/location",
+  "version": "0.1.0",
+  "title": "Max Mega Menu",
+  "category": "widgets",
+  "icon": "menu",
+  "description": "",
+  "supports": {
+    "html": false
+  },
+  "attributes": {
+    "location": {
+      "type": "string"
+    }
+  },
+  "keywords": [
+    "navigation"
+  ],
+  "textdomain": "location",
+  "editorScript": "file:./index.js",
+  "editorStyle": "file:./index.css"
+}
\ No newline at end of file

+<?php return array('dependencies' => array('wp-block-editor', 'wp-blocks', 'wp-components', 'wp-element', 'wp-i18n', 'wp-server-side-render'), 'version' => '2f4ce756f88079dcc93b');

+.wp-block-maxmegamenu-maxmegamenu:not(.is-selected) *{pointer-events:none!important}.max-mega-menu>li.mega-menu-item>a.mega-menu-link{font-family:var(--wp--preset--font-family--system-font)!important;font-weight:400!important}

+!function(){"use strict";var e={n:function(n){var t=n&&n.__esModule?function(){return n.default}:function(){return n};return e.d(t,{a:t}),t},d:function(n,t){for(var o in t)e.o(t,o)&&!e.o(n,o)&&Object.defineProperty(n,o,{enumerable:!0,get:t[o]})},o:function(e,n){return Object.prototype.hasOwnProperty.call(e,n)}},n=window.wp.blocks,t=window.wp.element,o=window.wp.i18n,a=window.wp.blockEditor,i=window.wp.components,r=window.wp.serverSideRender,l=e.n(r),c=JSON.parse('{"$schema":"https://schemas.wp.org/trunk/block.json","apiVersion":2,"name":"maxmegamenu/location","version":"0.1.0","title":"Max Mega Menu","category":"widgets","icon":"menu","description":"","supports":{"html":false},"attributes":{"location":{"type":"string"}},"keywords":["navigation"],"textdomain":"location","editorScript":"file:./index.js","editorStyle":"file:./index.css"}');const{name:s}=c;(0,n.registerBlockType)(c.name,{edit:function(e){let{setAttributes:n,attributes:r,isSelected:c}=e;if(0===window.max_mega_menu_locations.length)return(0,t.createElement)("div",(0,a.useBlockProps)(),(0,o.__)("Error: max_mega_menu_locations missing.","megamenu"));const u=Object.keys(window.max_mega_menu_locations).map((e=>({value:e,label:window.max_mega_menu_locations[e]})));return 1===u.length?(0,t.createElement)("div",(0,a.useBlockProps)(),(0,o.__)("No locations found. Go to Mega Menu > Menu Locations to create a new menu location.","megamenu")):(0,t.createElement)("div",(0,a.useBlockProps)(),c||!r.location||""===r.location?(0,t.createElement)(i.Placeholder,{label:(0,o.__)("Max Mega Menu","megamenu")},(0,t.createElement)(i.SelectControl,{label:(0,o.__)("Select a location","megamenu"),options:u,value:r.location,onChange:e=>{n({location:String(e)})}})):(0,t.createElement)(i.Disabled,null,(0,t.createElement)(l(),{block:s,attributes:r})))}})}();
\ No newline at end of file

+{
+	"name": "location",
+	"version": "0.1.0",
+	"author": "The WordPress Contributors",
+	"license": "GPL-2.0-or-later",
+	"main": "build/index.js",
+	"scripts": {
+		"build": "wp-scripts build --webpack-copy-php",
+		"format": "wp-scripts format",
+		"lint:css": "wp-scripts lint-style",
+		"lint:js": "wp-scripts lint-js",
+		"packages-update": "wp-scripts packages-update",
+		"plugin-zip": "wp-scripts plugin-zip",
+		"start": "wp-scripts start --webpack-copy-php"
+	},
+	"devDependencies": {
+		"@wordpress/scripts": "^24.1.0"
+	}
+}

+{
+	"$schema": "https://schemas.wp.org/trunk/block.json",
+	"apiVersion": 2,
+	"name": "maxmegamenu/location",
+	"version": "0.1.0",
+	"title": "Max Mega Menu",
+	"category": "widgets",
+	"icon": "menu",
+	"description": "",
+	"supports": {
+		"html": false
+	},
+	"attributes": {
+		"location": {
+			"type": "string"
+		}
+	},
+	"keywords": [ "navigation" ],
+	"textdomain": "location",
+	"editorScript": "file:./index.js",
+	"editorStyle": "file:./index.css"
+}

+/**
+ * Retrieves the translation of text.
+ *
+ * @see https://developer.wordpress.org/block-editor/reference-guides/packages/packages-i18n/
+ */
+import { __ } from '@wordpress/i18n';
+
+/**
+ * React hook that is used to mark the block wrapper element.
+ * It provides all the necessary props like the class name.
+ *
+ * @see https://developer.wordpress.org/block-editor/reference-guides/packages/packages-block-editor/#useblockprops
+ */
+import { useBlockProps } from '@wordpress/block-editor';
+import { SelectControl, Placeholder, Disabled } from '@wordpress/components';
+import ServerSideRender from '@wordpress/server-side-render';
+/**
+ * Lets webpack process CSS, SASS or SCSS files referenced in JavaScript files.
+ * Those files can contain any CSS code that gets applied to the editor.
+ *
+ * @see https://www.npmjs.com/package/@wordpress/scripts#using-css
+ */
+import './editor.scss';
+import metadata from './block';
+const { name } = metadata;
+
+/**
+ * The edit function describes the structure of your block in the context of the
+ * editor. This represents what the editor will render when the block is used.
+ *
+ * @see https://developer.wordpress.org/block-editor/reference-guides/block-api/block-edit-save/#edit
+ *
+ * @return {WPElement} Element to render.
+ */
+export default function Edit( { setAttributes, attributes, isSelected } ) {
+
+    if ( window.max_mega_menu_locations.length === 0 ) {
+        return (
+            <div {...useBlockProps()}>
+                {__('Error: max_mega_menu_locations missing.', 'megamenu')}
+            </div>
+        );
+    }
+
+    const options = Object.keys(
+        window.max_mega_menu_locations
+    ).map( ( location ) => {
+        return {
+            value: location,
+            label: window.max_mega_menu_locations[location],
+        };
+    } );
+
+    if ( options.length === 1 ) {
+        return (
+            <div {...useBlockProps()}>
+                {__('No locations found. Go to Mega Menu > Menu Locations to create a new menu location.', 'megamenu')}
+            </div>
+        );
+    }
+
+    const onSaveMenu = (value) => {
+        setAttributes({location: String( value )});
+    };
+
+    return (
+        <div {...useBlockProps()}>
+            {isSelected || !attributes.location || attributes.location === '' ? (
+                    <Placeholder
+                        label={__('Max Mega Menu', 'megamenu')}
+                    >
+                        <SelectControl
+                            label={__('Select a location', 'megamenu')}
+                            options={options}
+                            value={attributes.location}
+                            onChange={onSaveMenu}
+                        />
+                    </Placeholder>
+            ) : (
+                <Disabled>
+                    <ServerSideRender block={name} attributes={attributes} />
+                </Disabled>
+            )}
+        </div>
+    );
+}

+/**
+ * The following styles get applied inside the editor only.
+ */
+.wp-block-maxmegamenu-maxmegamenu:not(.is-selected) * {
+    pointer-events: none !important;
+}
+.max-mega-menu > li.mega-menu-item > a.mega-menu-link {
+    font-family: var(--wp--preset--font-family--system-font) !important;
+    font-weight: normal !important;
+}
\ No newline at end of file

+/**
+ * Registers a new block provided a unique name and an object defining its behavior.
+ *
+ * @see https://developer.wordpress.org/block-editor/reference-guides/block-api/block-registration/
+ */
+import { registerBlockType } from '@wordpress/blocks';
+
+/**
+ * Internal dependencies
+ */
+import Edit from './edit';
+import metadata from './block.json';
+
+/**
+ * Every block starts by registering a new block type definition.
+ *
+ * @see https://developer.wordpress.org/block-editor/reference-guides/block-api/block-registration/
+ */
+registerBlockType( metadata.name, {
+    /**
+     * @see ./edit.js
+     */
+    edit: Edit,
+} );

+<?php
+
+if ( ! defined( 'ABSPATH' ) ) {
+    exit; // disable direct access
+}
+
+/**
+ * Append integration CSS
+ */
+function megamenu_twentyseventeen_style($scss) {
+    $path = trailingslashit( plugin_dir_path( __FILE__ ) ) . 'style.scss';
+    $contents = file_get_contents( $path );
+    return $scss . $contents;
+}
+add_filter( 'megamenu_load_scss_file_contents', 'megamenu_twentyseventeen_style', 9999 );
+
+
+/**
+ * TwentySeventeen JavaScript helper
+ */
+function megamenu_twentyseventeen_script() {
+    wp_enqueue_script( "megamenu-twentyseventeen", plugins_url( 'script.js' , __FILE__ ), array('megamenu'), MEGAMENU_VERSION, true );
+}
+add_action( 'wp_enqueue_scripts', 'megamenu_twentyseventeen_script', 999 );
+
+
+/**
+ * Restore menu-item class on menu items. Required for the sticky menu to work.
+ */
+function megamenu_twentyseventeen_add_menu_item_class($classes) {
+    $classes[] = 'menu-item';
+    return $classes;
+}
+add_filter( 'megamenu_nav_menu_css_class', 'megamenu_twentyseventeen_add_menu_item_class', 9999 );

+jQuery("body.mega-menu-top #mega-menu-top").on("after_mega_menu_init", function() {
+    jQuery(this).parent().parent().removeClass("main-navigation");
+});
\ No newline at end of file

+@if $location == 'top' {
+    body.mega-menu-top {
+        button.menu-toggle {
+            height: 0;
+            padding: 0;
+            visibility: hidden;
+            margin: 0;
+        }
+        .site-header .navigation-top .menu-scroll-down {
+            display: none;
+        }
+        .navigation-top a {
+            font-weight: normal;
+        }
+        .navigation-top .wrap {
+            padding: 0 2em;
+        }
+        .navigation-top nav {
+            margin-left: 0;
+        }
+    }
+}
\ No newline at end of file

+<?php
+
+/**
+ * Zerif binds smoothscroll events to the top level menu items. Stop MMM from unbinding these events.
+ */
+if ( ! function_exists('megamenu_dont_unbind_menu_events') ) {
+    function megamenu_dont_unbind_menu_events($attributes, $menu_id, $menu_settings, $settings, $current_theme_location) {
+
+        $attributes['data-unbind'] = "false";
+
+        return $attributes;
+    }
+}
+add_filter("megamenu_wrap_attributes", "megamenu_dont_unbind_menu_events", 11, 5);
\ No newline at end of file

+/* BASICS */
+
+.CodeMirror {
+  /* Set height, width, borders, and global font properties here */
+  font-family: monospace;
+  height: 300px;
+}
+.CodeMirror-scroll {
+  /* Set scrolling behaviour here */
+  overflow: auto;
+}
+
+/* PADDING */
+
+.CodeMirror-lines {
+  padding: 4px 0; /* Vertical padding around content */
+}
+.CodeMirror pre {
+  padding: 0 4px; /* Horizontal padding of content */
+}
+
+.CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
+  background-color: white; /* The little square between H and V scrollbars */
+}
+
+/* GUTTER */
+
+.CodeMirror-gutters {
+  border-right: 1px solid #ddd;
+  background-color: #f7f7f7;
+  white-space: nowrap;
+}
+.CodeMirror-linenumbers {}
+.CodeMirror-linenumber {
+  padding: 0 3px 0 5px;
+  min-width: 20px;
+  text-align: right;
+  color: #999;
+  -moz-box-sizing: content-box;
+  box-sizing: content-box;
+}
+
+.CodeMirror-guttermarker { color: black; }
+.CodeMirror-guttermarker-subtle { color: #999; }
+
+/* CURSOR */
+
+.CodeMirror div.CodeMirror-cursor {
+  border-left: 1px solid black;
+}
+/* Shown when moving in bi-directional text */
+.CodeMirror div.CodeMirror-secondarycursor {
+  border-left: 1px solid silver;
+}
+.CodeMirror.cm-keymap-fat-cursor div.CodeMirror-cursor {
+  width: auto;
+  border: 0;
+  background: #7e7;
+}
+.cm-animate-fat-cursor {
+  width: auto;
+  border: 0;
+  -webkit-animation: blink 1.06s steps(1) infinite;
+  -moz-animation: blink 1.06s steps(1) infinite;
+  animation: blink 1.06s steps(1) infinite;
+}
+@-moz-keyframes blink {
+  0% { background: #7e7; }
+  50% { background: none; }
+  100% { background: #7e7; }
+}
+@-webkit-keyframes blink {
+  0% { background: #7e7; }
+  50% { background: none; }
+  100% { background: #7e7; }
+}
+@keyframes blink {
+  0% { background: #7e7; }
+  50% { background: none; }
+  100% { background: #7e7; }
+}
+
+/* Can style cursor different in overwrite (non-insert) mode */
+div.CodeMirror-overwrite div.CodeMirror-cursor {}
+
+.cm-tab { display: inline-block; }
+
+.CodeMirror-ruler {
+  border-left: 1px solid #ccc;
+  position: absolute;
+}
+
+/* DEFAULT THEME */
+
+.cm-s-default .cm-keyword {color: #708;}
+.cm-s-default .cm-atom {color: #219;}
+.cm-s-default .cm-number {color: #164;}
+.cm-s-default .cm-def {color: #00f;}
+.cm-s-default .cm-variable,
+.cm-s-default .cm-punctuation,
+.cm-s-default .cm-property,
+.cm-s-default .cm-operator {}
+.cm-s-default .cm-variable-2 {color: #05a;}
+.cm-s-default .cm-variable-3 {color: #085;}
+.cm-s-default .cm-comment {color: #a50;}
+.cm-s-default .cm-string {color: #a11;}
+.cm-s-default .cm-string-2 {color: #f50;}
+.cm-s-default .cm-meta {color: #555;}
+.cm-s-default .cm-qualifier {color: #555;}
+.cm-s-default .cm-builtin {color: #30a;}
+.cm-s-default .cm-bracket {color: #997;}
+.cm-s-default .cm-tag {color: #170;}
+.cm-s-default .cm-attribute {color: #00c;}
+.cm-s-default .cm-header {color: blue;}
+.cm-s-default .cm-quote {color: #090;}
+.cm-s-default .cm-hr {color: #999;}
+.cm-s-default .cm-link {color: #00c;}
+
+.cm-negative {color: #d44;}
+.cm-positive {color: #292;}
+.cm-header, .cm-strong {font-weight: bold;}
+.cm-em {font-style: italic;}
+.cm-link {text-decoration: underline;}
+
+.cm-s-default .cm-error {color: #f00;}
+.cm-invalidchar {color: #f00;}
+
+/* Default styles for common addons */
+
+div.CodeMirror span.CodeMirror-matchingbracket {color: #0f0;}
+div.CodeMirror span.CodeMirror-nonmatchingbracket {color: #f22;}
+.CodeMirror-matchingtag { background: rgba(255, 150, 0, .3); }
+.CodeMirror-activeline-background {background: #e8f2ff;}
+
+/* STOP */
+
+/* The rest of this file contains styles related to the mechanics of
+   the editor. You probably shouldn't touch them. */
+
+.CodeMirror {
+  line-height: 1;
+  position: relative;
+  overflow: hidden;
+  background: white;
+  color: black;
+}
+
+.CodeMirror-scroll {
+  /* 30px is the magic margin used to hide the element's real scrollbars */
+  /* See overflow: hidden in .CodeMirror */
+  margin-bottom: -30px; margin-right: -30px;
+  padding-bottom: 30px;
+  height: 100%;
+  outline: none; /* Prevent dragging from highlighting the element */
+  position: relative;
+  -moz-box-sizing: content-box;
+  box-sizing: content-box;
+}
+.CodeMirror-sizer {
+  position: relative;
+  border-right: 30px solid transparent;
+  -moz-box-sizing: content-box;
+  box-sizing: content-box;
+}
+
+/* The fake, visible scrollbars. Used to force redraw during scrolling
+   before actuall scrolling happens, thus preventing shaking and
+   flickering artifacts. */
+.CodeMirror-vscrollbar, .CodeMirror-hscrollbar, .CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
+  position: absolute;
+  z-index: 6;
+  display: none;
+}
+.CodeMirror-vscrollbar {
+  right: 0; top: 0;
+  overflow-x: hidden;
+  overflow-y: scroll;
+}
+.CodeMirror-hscrollbar {
+  bottom: 0; left: 0;
+  overflow-y: hidden;
+  overflow-x: scroll;
+}
+.CodeMirror-scrollbar-filler {
+  right: 0; bottom: 0;
+}
+.CodeMirror-gutter-filler {
+  left: 0; bottom: 0;
+}
+
+.CodeMirror-gutters {
+  position: absolute; left: 0; top: 0;
+  padding-bottom: 30px;
+  z-index: 3;
+}
+.CodeMirror-gutter {
+  white-space: normal;
+  height: 100%;
+  -moz-box-sizing: content-box;
+  box-sizing: content-box;
+  padding-bottom: 30px;
+  margin-bottom: -32px;
+  display: inline-block;
+  /* Hack to make IE7 behave */
+  *zoom:1;
+  *display:inline;
+}
+.CodeMirror-gutter-elt {
+  position: absolute;
+  cursor: default;
+  z-index: 4;
+}
+
+.CodeMirror-lines {
+  cursor: text;
+}
+.CodeMirror pre {
+  /* Reset some styles that the rest of the page might have set */
+  -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;
+  border-width: 0;
+  background: transparent;
+  font-family: inherit;
+  font-size: inherit;
+  margin: 0;
+  white-space: pre;
+  word-wrap: normal;
+  line-height: inherit;
+  color: inherit;
+  z-index: 2;
+  position: relative;
+  overflow: visible;
+}
+.CodeMirror-wrap pre {
+  word-wrap: break-word;
+  white-space: pre-wrap;
+  word-break: normal;
+}
+
+.CodeMirror-linebackground {
+  position: absolute;
+  left: 0; right: 0; top: 0; bottom: 0;
+  z-index: 0;
+}
+
+.CodeMirror-linewidget {
+  position: relative;
+  z-index: 2;
+  overflow: auto;
+}
+
+.CodeMirror-widget {}
+
+.CodeMirror-wrap .CodeMirror-scroll {
+  overflow-x: hidden;
+}
+
+.CodeMirror-measure {
+  position: absolute;
+  width: 100%;
+  height: 0;
+  overflow: hidden;
+  visibility: hidden;
+}
+.CodeMirror-measure pre { position: static; }
+
+.CodeMirror div.CodeMirror-cursor {
+  position: absolute;
+  border-right: none;
+  width: 0;
+}
+
+div.CodeMirror-cursors {
+  visibility: hidden;
+  position: relative;
+  z-index: 1;
+}
+.CodeMirror-focused div.CodeMirror-cursors {
+  visibility: visible;
+}
+
+.CodeMirror-selected { background: #d9d9d9; }
+.CodeMirror-focused .CodeMirror-selected { background: #d7d4f0; }
+.CodeMirror-crosshair { cursor: crosshair; }
+
+.cm-searching {
+  background: #ffa;
+  background: rgba(255, 255, 0, .4);
+}
+
+/* IE7 hack to prevent it from returning funny offsetTops on the spans */
+.CodeMirror span { *vertical-align: text-bottom; }
+
+/* Used to force a border model for a node */
+.cm-force-border { padding-right: .1px; }
+
+@media print {
+  /* Hide the cursor when printing */
+  .CodeMirror div.CodeMirror-cursors {
+    visibility: hidden;
+  }
+}

+/*
+    ColorBox Core Style:
+    The following CSS is consistent between example themes and should not be altered.
+*/
+#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999;}
+#cboxOverlay{position:fixed; width:100%; height:100%;}
+#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
+#cboxContent{position:relative;}
+#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
+#cboxTitle{margin:0;}
+#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
+#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
+.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none;}
+.cboxIframe{width:100%; height:100%; display:block; border:0;}
+#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}
+
+/* 
+    User Style:
+    Change the following styles to modify the appearance of ColorBox.  They are
+    ordered & tabbed in a way that represents the nesting of the generated HTML.
+*/
+#cboxOverlay{background:#222;}
+#colorbox{outline:0;}
+
+    #cboxContent{background:#fff; padding: 10px;}
+        .cboxIframe{background:#fff;}
+        #cboxError{padding:50px; border:1px solid #ccc;}
+        #cboxLoadedContent{margin-bottom:28px;}
+        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
+        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
+        #cboxLoadingOverlay{background:url(images/loading_background.png) no-repeat center center;}
+        #cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;}
+
+        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
+        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
+        
+        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
+        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}
+
+        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
+        #cboxPrevious{position:absolute; bottom:0; left:0; background:url(images/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
+        #cboxPrevious:hover{background-position:-75px -25px;}
+        #cboxNext{position:absolute; bottom:0; left:27px; background:url(images/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
+        #cboxNext:hover{background-position:-50px -25px;}
+        #cboxClose{position:absolute; top:12px; right:6px; background:url(images/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
+        #cboxClose:hover{background-position:-25px -25px;}
+
+/*
+  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
+  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
+  See: http://jacklmoore.com/notes/ie-transparency-problems/
+*/
+.cboxIE #cboxTopLeft,
+.cboxIE #cboxTopCenter,
+.cboxIE #cboxTopRight,
+.cboxIE #cboxBottomLeft,
+.cboxIE #cboxBottomCenter,
+.cboxIE #cboxBottomRight,
+.cboxIE #cboxMiddleLeft,
+.cboxIE #cboxMiddleRight {
+    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
+}
+
+/*
+  The following provides PNG transparency support for IE6
+  Feel free to remove this and the /ie6/ directory if you have dropped IE6 support.
+*/
+.cboxIE6 #cboxTopLeft{background:url(images/ie6/borderTopLeft.png);}
+.cboxIE6 #cboxTopCenter{background:url(images/ie6/borderTopCenter.png);}
+.cboxIE6 #cboxTopRight{background:url(images/ie6/borderTopRight.png);}
+.cboxIE6 #cboxBottomLeft{background:url(images/ie6/borderBottomLeft.png);}
+.cboxIE6 #cboxBottomCenter{background:url(images/ie6/borderBottomCenter.png);}
+.cboxIE6 #cboxBottomRight{background:url(images/ie6/borderBottomRight.png);}
+.cboxIE6 #cboxMiddleLeft{background:url(images/ie6/borderMiddleLeft.png);}
+.cboxIE6 #cboxMiddleRight{background:url(images/ie6/borderMiddleRight.png);}
+
+.cboxIE6 #cboxTopLeft,
+.cboxIE6 #cboxTopCenter,
+.cboxIE6 #cboxTopRight,
+.cboxIE6 #cboxBottomLeft,
+.cboxIE6 #cboxBottomCenter,
+.cboxIE6 #cboxBottomRight,
+.cboxIE6 #cboxMiddleLeft,
+.cboxIE6 #cboxMiddleRight {
+    _behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')");
+}

+/*jslint browser: true, white: true */
+/*global console,jQuery,megamenu,window,navigator*/
+
+/**
+ * Max Mega Menu jQuery Plugin
+ */
+jQuery(function($) {
+
+    // Make block areas sortable
+    $( ".mega-blocks .mega-left" ).sortable({
+        forcePlaceholderSize: false,
+        items : '.block',
+        stop: function() {
+            reindex_blocks();
+        },
+        connectWith: ".mega-blocks .mega-right, .mega-blocks .mega-center"
+    });
+
+    $( ".mega-blocks .mega-right" ).sortable({
+        forcePlaceholderSize: false,
+        items : '.block',
+        stop: function() {
+            reindex_blocks();
+        },
+        connectWith: ".mega-blocks .mega-left, .mega-blocks .mega-center"
+    });
+
+    $( ".mega-blocks .mega-center" ).sortable({
+        forcePlaceholderSize: false,
+        items : '.block',
+        stop: function() {
+            reindex_blocks();
+        },
+        connectWith: ".mega-blocks .mega-left, .mega-blocks .mega-right"
+    });
+
+
+    // Reindex blocks based on position
+    var reindex_blocks = function() {
+        var i = 0;
+
+        $(".mega-blocks .block").each(function() {
+            i++;
+
+            var block = $(this);
+
+            block.find('input, select, textarea').each(function() {
+                // account for inputs created by select2
+                if (typeof $(this).attr('name') !== 'undefined') {
+                    $(this).attr('name', $(this).attr('name').replace(/\[\d+\]/g, "[" + i + "]"));
+                }
+            });
+
+            // update the align value based on block position
+            block.find('input.align').each(function() {
+                if (block.parent().hasClass('mega-right')) {
+                    $(this).attr('value', 'right');
+                } else if (block.parent().hasClass('mega-center')) {
+                    $(this).attr('value', 'center');
+                } else {
+                    $(this).attr('value', 'left');
+                }
+            });
+        });
+    };
+
+
+    // Delete block
+    $( ".mega-toggle_blocks").on('click', 'a.mega-delete', function(e) {
+        e.preventDefault();
+        $(this).parent(".block-settings").parent(".block").remove();
+        reindex_blocks();
+    });
+
+
+    // Show/hide block settings
+    $( '.mega-toggle_blocks').on('click', '.block-title', function(e) {
+        e.preventDefault();
+        e.stopPropagation();
+
+        var settings = $(this).parent().find(".block-settings");
+        $(".block").removeClass('mega-open');
+
+        if ( settings.is(":visible") ) {
+            settings.parent().removeClass('mega-open');
+            settings.hide();
+        } else {
+            settings.parent().addClass('mega-open');
+            $(".block-settings").hide();
+            settings.show();
+        }
+
+    });
+
+
+    // Add block to designer
+    $( "#toggle-block-selector").on('change', function() {
+        var selected_option = $("#toggle-block-selector").find(":selected");
+        var val = selected_option.attr('value');
+
+        if (val == 'title') {
+            return;
+        }
+
+        $.ajax({
+            type: 'POST',
+            url: ajaxurl,
+            data: {
+                action: "mm_get_toggle_block_" + val,
+                _wpnonce: megamenu.nonce
+            },
+            cache: false,
+            success: function(response) {
+
+                var $response = $(response);
+
+                // initiate color picker fields
+                $(".mm_colorpicker", $response).spectrum({
+                    preferredFormat: "rgb",
+                    showInput: true,
+                    showAlpha: true,
+                    clickoutFiresChange: true,
+                    change: function(color) {
+                        if (color.getAlpha() === 0) {
+                            $(this).siblings('div.chosen-color').html('transparent');
+                        } else {
+                            $(this).siblings('div.chosen-color').html(color.toRgbString());
+                        }
+                    }
+                });
+
+                // initiate icon selector dropdowns
+                $('.icon_dropdown', $response).select2({
+                  containerCssClass: 'tpx-select2-container select2-container-sm',
+                  dropdownCssClass: 'tpx-select2-drop',
+                  minimumResultsForSearch: -1,
+                  formatResult: function(icon) {
+                    return '<i class="dashicons ' + $(icon.element).attr('data-class') + '"></i>';
+                  },
+                  formatSelection: function (icon) {
+                    return '<i class="dashicons ' + $(icon.element).attr('data-class') + '"></i>';
+                    }
+                });
+
+                // add the block
+                $(".mega-blocks .mega-left").append($response);
+
+                // reinded blocks
+                reindex_blocks();
+
+                // reset the select dropdown
+                $("#toggle-block-selector").val("title");
+
+                $('body').trigger('toggle_block_content_loaded');
+
+            }
+        });
+    });
+});
\ No newline at end of file

+<?php
+/**
+ * Template Name: Full Width Page
+ *
+ * Template for displaying a page without sidebar even if a sidebar widget is published.
+ *
+ * @package Understrap
+ */
+
+// Exit if accessed directly.
+
+defined( 'ABSPATH' ) || exit;
+
+$subhead = get_field('subhead');
+$thumb_id = get_post_thumbnail_id();
+$first_cap = get_field('caption');
+$first_copy = get_field('copyright');
+
+get_header();
+$container = get_theme_mod( 'understrap_container_type' );
+
+if ( is_front_page() ) {
+	get_template_part( 'global-templates/hero' );
+}
+
+?>
+
+
+<article <?php post_class(); ?> id="post-<?php the_ID(); ?>">
+
+<?php if ( has_post_thumbnail() ) { ?>
+<div class='cap-wrap home-header'>
+	<?php echo get_the_post_thumbnail( $post->ID, 'full' ); ?>
+	<div class="content-container">
+		<div class="container" style="height: 100%;">
+			<div class="col-md-12 fx-style">
+			<div class="search-box"><?php the_field('search_box_content'); ?></div>
+				<h1><?php the_field('header_text'); ?></h1>
+			</div>	
+		</div>	
+	</div>
+	<div class='side-caption header-caption <?= (empty($first_copy) && empty($first_cap)) ? "hide" : "" ?>'>
+		<a class='copy-link' aria-label="Header Slide Caption" href='#' ></a>
+		<span class='image-side-caption'>
+			<span class='cap'><?= $first_cap ?></span>
+			<span class='copyright'><?= ($first_copy) ? "&copy; ".$first_copy : "" ?></span>
+		</span>
+	</div>
+
+</div>
+	
+<?php } ?>
+
+
+
+
+<div class="wrapper" id="full-width-page-wrapper">
+
+	<div class="<?php echo esc_attr( $container ); ?>" id="content">
+
+		<div class="col-md-12 content-area" id="primary">
+
+			<main class="site-main" id="main" role="main">
+
+				<?php
+				while ( have_posts() ) {
+					the_post();
+					get_template_part( 'loop-templates/content', 'front' );
+
+				}
+				?>
+
+			</main><!-- #main -->
+
+		</div><!-- #primary -->
+
+	</div><!-- #content -->
+
+</div><!-- #full-width-page-wrapper -->
+
+<?php
+get_footer();

@@ -8,7 +8,9 @@
 // Exit if accessed directly.
 // Exit if accessed directly.
 defined( 'ABSPATH' ) || exit;
 defined( 'ABSPATH' ) || exit;
 
 
-@ini_set( 'upload_max_size' , '100M' );
+@ini_set( 'upload_max_size' , '256M' );
+@ini_set( 'post_max_size', '256M');
+@ini_set( 'max_execution_time', '300' );
 
 
 
 
 require_once __DIR__.'/vendor/autoload.php';
 require_once __DIR__.'/vendor/autoload.php';
@@ -90,3 +92,15 @@ function understrap_child_customize_controls_js() {
 	);
 	);
 }
 }
 add_action( 'customize_controls_enqueue_scripts', 'understrap_child_customize_controls_js' );
 add_action( 'customize_controls_enqueue_scripts', 'understrap_child_customize_controls_js' );
+
+
+function megamenu_override_default_theme($value) {
+	// change 'primary' to your menu location ID
+	if ( !isset($value['primary']['theme']) ) {
+	  $value['primary']['theme'] = 'msf'; // change my_custom_theme_key to the ID of your exported theme
+	}
+   
+	return $value;
+  }
+  add_filter('default_option_megamenu_settings', 'megamenu_override_default_theme');
+  
\ No newline at end of file

+<?php
+/**
+ * Hero setup
+ *
+ * @package Understrap
+ */
+
+// Exit if accessed directly.
+defined( 'ABSPATH' ) || exit;
+
+if ( is_active_sidebar( 'hero' ) || is_active_sidebar( 'statichero' ) || is_active_sidebar( 'herocanvas' ) ) :
+	?>
+
+	<div class="wrapper" id="wrapper-hero">
+
+		<?php
+		get_template_part( 'sidebar-templates/sidebar', 'hero' );
+		get_template_part( 'sidebar-templates/sidebar', 'herocanvas' );
+		get_template_part( 'sidebar-templates/sidebar', 'statichero' );
+		?>
+
+	</div>
+
+	<?php
+endif;

@@ -4,10 +4,10 @@
   * Licensed under GPL-3.0 (undefined)
   * Licensed under GPL-3.0 (undefined)
   */
   */
 (function (global, factory) {
 (function (global, factory) {
-	typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) :
-	typeof define === 'function' && define.amd ? define(['exports'], factory) :
-	(global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.understrap = {}));
-})(this, (function (exports) { 'use strict';
+	typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('jquery')) :
+	typeof define === 'function' && define.amd ? define(['exports', 'jquery'], factory) :
+	(global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.understrap = {}, global.jQuery));
+})(this, (function (exports, jquery) { 'use strict';
 
 
 	var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 	var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 
 
@@ -6743,104 +6743,145 @@
 	  }
 	  }
 	})();
 	})();
 
 
-	// Add your custom JS here.
-
-	//In order to do that we have to flex:1 each item.. see flexMatrix
-	function correctDropdownMenuItemGaps() {
-	  var drop_index = 0;
-	  jQuery('#main-menu > li').each(function () {
-	    var dropdown = jQuery(this).find('.dropdown-menu');
-	    consecutive_normals = 0;
-	    if (dropdown.length > 0) {
-	      var items = jQuery(dropdown).find('li'),
-	        idx = 0,
-	        total_width = 0;
-	      items.each(function (item) {
-	        ++idx;
-	        if (flexMatrix(items, idx)) {
-	          items.eq(idx - 1).css('flex', 1);
-	          total_width += items.eq(idx - 1).width();
-	          // if(drop_idx == 2) {
-	          //     console.log(total_width)
-	          // }
-	        }
+	var Responsive = function ($) {
+	  // $('.play-pause-btn').on('click', function() {
+	  //   if(!this.isDesktop()) {
+	  //     $(this).hide();
+	  //     $(this).parents('.swiper-wrapper').find('.header-video').trigger('play');
+	  //   }
+	  // });
+
+	  var desk = window.matchMedia("(min-width: 1150px)");
+	  function isDesktop() {
+	    return desk.matches;
+	  }
+	  function toggleMobileMenu() {
+	    $('#navbarNavDropdown').toggleClass('show');
+	    $('.navbar-toggler').toggleClass('active');
+	    if ($('#navbarNavDropdown').hasClass('show')) {
+	      $('body').addClass('locked');
+	    } else {
+	      $('body').removeClass('locked');
+	    }
+	  }
+	  $(document).on('click', '.navbar-toggler', function () {
+	    toggleMobileMenu();
+	  });
+	  $.fn.classChange = function (cb) {
+	    return $(this).each((_, el) => {
+	      new MutationObserver(mutations => {
+	        mutations.forEach(mutation => cb && cb(mutation.target, $(mutation.target).prop(mutation.attributeName)));
+	      }).observe(el, {
+	        attributes: true,
+	        attributeFilter: ['class'] // only listen for class attribute changes 
 	      });
 	      });
+	    });
+	  };
 
 
-	      if (drop_index >= 3) {
-	        jQuery(this).find('.dropdown-shadow').css('width', total_width);
-	      } else {
-	        jQuery(this).find('.dropdown-shadow').css('width', total_width);
+	  function init() {
+	    $('body').classChange(function (el, new_class) {
+	      if (new_class.indexOf('pojo-a11y-resize-font-130') !== -1) {
+	        setTimeout(function () {
+	          $(window).trigger('resize');
+	        }, 500);
 	      }
 	      }
+	    });
+	    function putBackMenuItemsToLastIndex() {
+	      $('.mi-image-container').each(function () {
+	        var item = $(this).parentsUntil('.menu-item');
+	        var last_idx = $(item).data('last-idx');
+	        var cur_idx = $(item).index();
+	        console.log(last_idx + " " + cur_idx);
+	        if (last_idx != cur_idx) {
+	          var item = $(this).parents('.menu-item')[0];
+	          var dropdown = $(this).parents('.dropdown-menu');
+	          $(dropdown).children().eq(last_idx).before(item);
+	        }
+	      });
 	    }
 	    }
-	    ++drop_index;
-	  });
-	}
-	var consecutive_normals = 0;
-
-	//Returns true if this menu item should flex:1, it's true if an image is the next item and this item is not a 3rd.. etc.
-	function flexMatrix(items, current_idx) {
-	  var last_item = items.eq(current_idx - 2);
-	  var next_item = items.eq(current_idx);
-	  var item = items.eq(current_idx - 1);
-
-	  //if the last item was an image we started a new col so do not break here unless its the last one
-	  if (last_item) {
-	    if (jQuery(last_item).find('img').length > 0 && !next_item) {
-	      return false;
+	    function makeImageMenuItemsLastItems() {
+	      $('.mi-image-container').each(function () {
+	        var item = $(this).parents('.menu-item')[0];
+	        if (last_idx != 1) {
+	          var dropdown = $(this).parents('.dropdown-menu');
+	          var last_idx = $(dropdown).find('li').index(item);
+	          $(item).data('last-idx', last_idx);
+	          $(dropdown).append(item);
+	        }
+	      });
 	    }
 	    }
-	  }
-
-	  //if the next item is an image item or this is the last one
-	  if (next_item) {
-	    if (jQuery(next_item).find('img').length > 0) {
-	      consecutive_normals = 0;
-	      return true;
+	    function setupDropdownMenuHeights() {
+	      $('.dropdown-menu').each(function () {
+	        $(this).css('height', $(this).height() + 5);
+	        $(this).addClass('ready');
+	      });
 	    }
 	    }
-	  }
-	  //last item flex it
-	  if (items.length === current_idx) {
-	    return true;
-	  }
-	  if (jQuery(item).hasClass('break-here')) {
-	    consecutive_normals = 0;
-	    return true;
-	  }
-
-	  //If this is an image item flex
-	  if (jQuery(item).find('img').length > 0) {
-	    consecutive_normals = 0;
-	    return true;
-	  }
-	  ++consecutive_normals;
-	  //If this is a 3rd consecutive normal item
-	  if (consecutive_normals == 3) {
-	    consecutive_normals = 0;
-	    return true;
-	  }
-	}
-
-	//This adjusts the menu dropdown location to never go past the inner edge of the Donate Now button 
-	//and line up with it if so
-	function lineUpThePositionsOfTheDropdowns() {
-	  var menu_item_widths = [];
-	  jQuery('#main-menu > li').each(function () {
-	    menu_item_widths.push(jQuery(this).outerWidth());
-	  });
+	    function makeMobileCarousels() {
+	      LegacyCalc.mobilize();
+	      ImageCollage.mobilize();
+	    }
+	    function demobilize() {
+	      $('.donate.menu-item').append($('#main-nav .donate-btn'));
+	      $('.navbar-toggler').after($('#navbarNavDropdown'));
+	      $('.news-and-stories-block').each(function () {
+	        var btn = $(this).find('.post-list-load-more');
+	        $(this).append(btn);
+	      });
+	      //  HeaderMenu.alignTheSideCaptions();
+	      putBackMenuItemsToLastIndex();
+	      // demobilizeJobIframes();
 
 
-	  //Remove the donate button
-	  menu_item_widths.pop();
-	  var idx = 0;
-	  jQuery('#main-menu > li').each(function () {
-	    if (jQuery(this).find('.dropdown-menu').length > 0) {
-	      if (idx == 0) {
-	        jQuery(this).find('.dropdown-menu').css('left', -100);
+	      if ($('.menu-item-11505').length > 0) {
+	        $('.menu-item-11503').parents('.dropdown-menu').find('li:last-of-type').before($('.menu-item-11503'));
+	        $('.menu-item-11505').parents('.dropdown-menu').find('li:last-of-type').before($('.menu-item-11505'));
+	      }
+	      if ($('.menu-item-15438').length > 0) {
+	        $('.menu-item-15438').parents('.dropdown-menu').find('li:last-of-type').before($('.menu-item-15438'));
+	        $('.menu-item-15442').parents('.dropdown-menu').find('li:last-of-type').before($('.menu-item-15442'));
+	      }
+	    }
+	    function mobilize() {
+	      var donate_btn = $('#main-menu .donate > a');
+	      if (!$(donate_btn).hasClass('donate-btn')) {
+	        $(donate_btn).addClass('donate-btn');
+	      }
+	      $('#main-nav .container').append(donate_btn);
+	      $('#wrapper-navbar').append($('#navbarNavDropdown'));
+	      $('.news-and-stories-block').each(function () {
+	        var btn = $(this).find('.post-list-load-more');
+	        $(this).prepend(btn);
+	      });
+	      // HeaderMenu.alignTheSideCaptions();
+	      makeMobileCarousels();
+	      makeImageMenuItemsLastItems();
+	      setupDropdownMenuHeights();
+	      if ($('.menu-item-11505').length > 0) {
+	        $('.menu-item-11505').parents('.dropdown-menu').prepend($('.menu-item-11505'));
+	        $('.menu-item-11503').parents('.dropdown-menu').prepend($('.menu-item-11503'));
+	      }
+	      if ($('.menu-item-15438').length > 0) {
+	        $('.menu-item-15442').parents('.dropdown-menu').prepend($('.menu-item-15442'));
+	        $('.menu-item-15438').parents('.dropdown-menu').prepend($('.menu-item-15438'));
+	      }
+	    }
+	    desk.addEventListener('change', event => {
+	      if (event.matches) {
+	        demobilize();
 	      } else {
 	      } else {
-	        jQuery(this).find('.dropdown-menu').css('right', -100);
+	        mobilize();
 	      }
 	      }
+	    });
+	    if (desk.matches) ; else {
+	      mobilize();
 	    }
 	    }
-	    ++idx;
-	  });
-	}
+	  }
+	  return {
+	    init: init,
+	    isDesktop: isDesktop
+	  };
+	}(jquery);
+	jquery(document).ready(Responsive.init);
+
 	var HeaderMenu = function () {
 	var HeaderMenu = function () {
 	  return {
 	  return {
 	    alignTheSideCaptions: function () {
 	    alignTheSideCaptions: function () {
@@ -6872,32 +6913,12 @@
 	  };
 	  };
 	}();
 	}();
 	jQuery(function ($) {
 	jQuery(function ($) {
-	  correctDropdownMenuItemGaps();
-	  lineUpThePositionsOfTheDropdowns();
 	  setInterval(function () {
 	  setInterval(function () {
 	    HeaderMenu.alignTheSideCaptions();
 	    HeaderMenu.alignTheSideCaptions();
 	  }, 1000);
 	  }, 1000);
 	  $('.copy-link').on('click', function (e) {
 	  $('.copy-link').on('click', function (e) {
 	    e.preventDefault();
 	    e.preventDefault();
 	  });
 	  });
-	  var body = document.getElementsByTagName("BODY")[0];
-	  body.offsetWidth;
-	  if (window.addEventListener) {
-	    // all browsers except IE before version 9
-	    window.addEventListener("resize", onResizeEvent, true);
-	  } else {
-	    if (window.attachEvent) {
-	      // IE before version 9
-	      window.attachEvent("onresize", onResizeEvent);
-	    }
-	  }
-	  function onResizeEvent() {
-	    //   bodyElement = document.getElementsByTagName("BODY")[0];
-	    //   newWidth = bodyElement.offsetWidth;
-	    //   if(newWidth != width){
-	    //     width = newWidth;
-	    //   }
-	  }
 	});
 	});
 
 
 	exports.Alert = alert;
 	exports.Alert = alert;

+<?php
+/**
+ * Template for displaying posts on the author archive
+ *
+ * @package Understrap
+ * @since 1.0.0
+ */
+
+// Exit if accessed directly.
+defined( 'ABSPATH' ) || exit;
+?>
+
+<article <?php post_class(); ?> id="post-<?php the_ID(); ?>">
+
+	<header class="entry-header">
+
+		<?php
+		the_title(
+			sprintf( '<h3 class="entry-title"><a href="%s" rel="bookmark">', esc_url( get_permalink() ) ),
+			'</a></h3>'
+		);
+		?>
+
+		<?php if ( 'post' === get_post_type() ) : ?>
+
+			<div class="entry-meta">
+
+				<?php understrap_posted_on(); ?>
+
+			</div><!-- .entry-meta -->
+
+		<?php endif; ?>
+
+	</header><!-- .entry-header -->
+
+	<div class="entry-summary">
+
+		<?php the_excerpt(); ?>
+
+	</div><!-- .entry-summary -->
+
+	<footer class="entry-footer">
+
+		<?php understrap_entry_footer(); ?>
+
+	</footer><!-- .entry-footer -->
+
+</article><!-- #post-<?php the_ID(); ?> -->

+<?php
+/**
+ * Blank content partial template
+ *
+ * @package Understrap
+ */
+
+// Exit if accessed directly.
+defined( 'ABSPATH' ) || exit;
+
+the_content();

+<?php
+/**
+ * Content empty partial template
+ *
+ * @package Understrap
+ */
+
+// Exit if accessed directly.
+defined( 'ABSPATH' ) || exit;
+
+the_content();

+<?php
+/**
+ * Partial template for content in page.php
+ *
+ * @package Understrap
+ */
+
+// Exit if accessed directly.
+defined( 'ABSPATH' ) || exit;
+
+
+?>
+
+<article <?php post_class(); ?> id="post-<?php the_ID(); ?>">
+
+
+
+	<div class="entry-content">
+
+		<?php
+			the_content();
+			understrap_link_pages();
+		?>
+
+	</div><!-- .entry-content -->
+
+	<footer class="entry-footer">
+
+		<?php understrap_edit_post_link(); ?>
+
+	</footer><!-- .entry-footer -->
+
+</article><!-- #post-## -->

+<?php
+/**
+ * The template part for displaying a message that posts cannot be found
+ *
+ * Learn more: https://developer.wordpress.org/themes/basics/template-hierarchy/
+ *
+ * @package Understrap
+ */
+
+// Exit if accessed directly.
+defined( 'ABSPATH' ) || exit;
+?>
+
+<section class="no-results not-found">
+
+	<header class="page-header">
+
+		<h1 class="page-title"><?php esc_html_e( 'Nothing Found', 'understrap' ); ?></h1>
+
+	</header><!-- .page-header -->
+
+	<div class="page-content">
+
+		<?php
+		if ( is_home() && current_user_can( 'publish_posts' ) ) :
+
+			$kses = array( 'a' => array( 'href' => array() ) );
+			printf(
+				/* translators: 1: Link to WP admin new post page. */
+				'<p>' . wp_kses( __( 'Ready to publish your first post? <a href="%1$s">Get started here</a>.', 'understrap' ), $kses ) . '</p>',
+				esc_url( admin_url( 'post-new.php' ) )
+			);
+
+		elseif ( is_search() ) :
+
+			printf(
+				'<p>%s<p>',
+				esc_html__( 'Sorry, but nothing matched your search terms. Please try again with some different keywords.', 'understrap' )
+			);
+			get_search_form();
+
+		else :
+
+			printf(
+				'<p>%s<p>',
+				esc_html__( 'It seems we can&rsquo;t find what you&rsquo;re looking for. Perhaps searching can help.', 'understrap' )
+			);
+			get_search_form();
+
+		endif;
+		?>
+	</div><!-- .page-content -->
+
+</section><!-- .no-results -->

@@ -8,59 +8,21 @@
 // Exit if accessed directly.
 // Exit if accessed directly.
 defined( 'ABSPATH' ) || exit;
 defined( 'ABSPATH' ) || exit;
 
 
-$slides = [];
-$featured_image = null;
-
-if(function_exists( 'get_field')) {
-
-	$slides = get_field('header_slides', get_the_ID()); 
-	$featured_image = get_the_post_thumbnail_url( get_the_ID(), 'large' );
-	if(!$featured_image) {
-		$featured_image = get_field('photo_from_source', get_the_ID());
-	}
-
-}
 ?>
 ?>
 
 
 <article <?php post_class(); ?> id="post-<?php the_ID(); ?>">
 <article <?php post_class(); ?> id="post-<?php the_ID(); ?>">
 
 
-<?php
-	if (empty($slides) && (!$featured_image || is_page_template("page-templates/h1belowphoto.php") || has_term('job-profile','page_type') || has_term('job-profile-fr','page_type') || is_page_template("page-templates/campaign-landing.php") )  ) {?>
-	<header class="entry-header home <?= (!has_term('job-profile','page_type'))?'no-photo':'' ?>">
-<?php } else { ?>
-	<header class="entry-header home">
-<?php } ?>
-		<?php 
-			get_template_part("template-parts/header");
-		?>
 
 
-	</header><!-- .entry-header -->
 
 
-	<?php if(is_front_page()) { ?>
-		<div class='content-header-seperater'></div>
-	<?php } ?>
+	<header class="entry-header home">
 
 
-	<div class="entry-content <?= (has_term('job-profile','page_type'))?'job-profile':'' ?>">
 
 
-	<?php  
+	</header><!-- .entry-header -->
+	<div class='content-header-seperater'></div>
 	
 	
 
 
-		if (empty($slides) && (!$featured_image || is_page_template("page-templates/h1belowphoto.php") || has_term('job-profile','page_type') || has_term('job-profile-fr','page_type') || is_page_template("page-templates/campaign-landing.php") )  ) { ?>
-			<div class='no-header-photo'>
-				<div class="breadcrumb"><?php get_breadcrumb(); ?></div>
-				<?php the_title( '<h1 class="entry-title">', '</h1>' ); 
-					$h2 = get_post_meta($post->ID, 'subhead', true);
-					if(!empty($h2)) { 
-				?>
-				<h2 class="subhead"><?= $h2 ?></h2>
-				<?php } ?>
-			</div>
-	<?php	}
-	?>
-
-	<?php if(has_term('urgent-job','page_type',get_the_ID()) || has_term('urgent-job-fr','page_type',get_the_ID()) ) { ?>
-		<span class='urgent-header'><?= __('URGENT', 'msf') ?></span>
-	<?php } ?>
+
+	<div class="entry-content">
 
 
 		<?php
 		<?php
 			the_content();
 			the_content();

+<?php
+/**
+ * Search results partial template
+ *
+ * @package Understrap
+ */
+
+// Exit if accessed directly.
+defined( 'ABSPATH' ) || exit;
+?>
+
+<article <?php post_class(); ?> id="post-<?php the_ID(); ?>">
+
+	<header class="entry-header">
+
+		<?php
+		the_title(
+			sprintf( '<h2 class="entry-title"><a href="%s" rel="bookmark">', esc_url( get_permalink() ) ),
+			'</a></h2>'
+		);
+		?>
+
+		<?php if ( 'post' === get_post_type() ) : ?>
+
+			<div class="entry-meta">
+
+				<?php understrap_posted_on(); ?>
+
+			</div><!-- .entry-meta -->
+
+		<?php endif; ?>
+
+	</header><!-- .entry-header -->
+
+	<div class="entry-summary">
+
+		<?php the_excerpt(); ?>
+
+	</div><!-- .entry-summary -->
+
+	<footer class="entry-footer">
+
+		<?php understrap_entry_footer(); ?>
+
+	</footer><!-- .entry-footer -->
+
+</article><!-- #post-<?php the_ID(); ?> -->

+<?php
+/**
+ * Single post partial template
+ *
+ * @package Understrap
+ */
+
+// Exit if accessed directly.
+defined( 'ABSPATH' ) || exit;
+?>
+
+<article <?php post_class(); ?> id="post-<?php the_ID(); ?>">
+
+	<header class="entry-header">
+
+		<?php the_title( '<h1 class="entry-title">', '</h1>' ); ?>
+
+		<div class="entry-meta">
+
+			<?php understrap_posted_on(); ?>
+
+		</div><!-- .entry-meta -->
+
+	</header><!-- .entry-header -->
+
+	<?php echo get_the_post_thumbnail( $post->ID, 'large' ); ?>
+
+	<div class="entry-content">
+
+		<?php
+		the_content();
+		understrap_link_pages();
+		?>
+
+	</div><!-- .entry-content -->
+
+	<footer class="entry-footer">
+
+		<?php understrap_entry_footer(); ?>
+
+	</footer><!-- .entry-footer -->
+
+</article><!-- #post-<?php the_ID(); ?> -->

+<?php
+/**
+ * Post rendering content according to caller of get_template_part
+ *
+ * @package Understrap
+ */
+
+// Exit if accessed directly.
+defined( 'ABSPATH' ) || exit;
+?>
+
+<article <?php post_class(); ?> id="post-<?php the_ID(); ?>">
+
+	<header class="entry-header">
+
+		<?php
+		the_title(
+			sprintf( '<h2 class="entry-title"><a href="%s" rel="bookmark">', esc_url( get_permalink() ) ),
+			'</a></h2>'
+		);
+		?>
+
+		<?php if ( 'post' === get_post_type() ) : ?>
+
+			<div class="entry-meta">
+				<?php understrap_posted_on(); ?>
+			</div><!-- .entry-meta -->
+
+		<?php endif; ?>
+
+	</header><!-- .entry-header -->
+
+	<?php echo get_the_post_thumbnail( $post->ID, 'large' ); ?>
+
+	<div class="entry-content">
+
+		<?php
+		the_excerpt();
+		understrap_link_pages();
+		?>
+
+	</div><!-- .entry-content -->
+
+	<footer class="entry-footer">
+
+		<?php understrap_entry_footer(); ?>
+
+	</footer><!-- .entry-footer -->
+
+</article><!-- #post-<?php the_ID(); ?> -->

+<?php
+/**
+ * Sidebar setup for footer full
+ *
+ * @package Understrap
+ */
+
+// Exit if accessed directly.
+defined( 'ABSPATH' ) || exit;
+
+$container = get_theme_mod( 'understrap_container_type' );
+
+?>
+
+<?php if ( is_active_sidebar( 'footerfull' ) ) : ?>
+
+	<!-- ******************* The Footer Full-width Widget Area ******************* -->
+
+	<div class="wrapper" id="wrapper-footer-full" role="complementary">
+
+		<div class="<?php echo esc_attr( $container ); ?>" id="footer-full-content" tabindex="-1">
+
+			<div class="row">
+
+				<?php dynamic_sidebar( 'footerfull' ); ?>
+
+			</div>
+
+		</div>
+
+	</div><!-- #wrapper-footer-full -->
+
+	<?php
+endif;