├── .gitignore
├── LICENSE
├── Lesson 1
    └── class-walkernav.php
├── Lesson 2
    └── class-walkernav.php
├── Lesson 3
    ├── class-walkernav.php
    └── megamenu.scss
├── Lesson 4
    ├── class-walkernav.php
    └── megamenu.scss
├── Lesson 5-6
    ├── main.js
    └── walkernav.php
├── Lesson 7-8
    ├── megamenu-custom-fields.php
    └── walker-nav-menu-edit.php
├── Lesson 9
    ├── megamenu-custom-fields.php
    ├── style.min.css
    ├── style.min.css.map
    ├── walker-nav-menu-edit.php
    └── walkernav.php
└── README.md


/.gitignore:
--------------------------------------------------------------------------------
1 | **.DS_Store*
2 | ehthumbs.db
3 | Icon?
4 | Thumbs.db
5 | ._*


--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
 1 | MIT License
 2 | 
 3 | Copyright (c) 2017 Alessandro
 4 | 
 5 | Permission is hereby granted, free of charge, to any person obtaining a copy
 6 | of this software and associated documentation files (the "Software"), to deal
 7 | in the Software without restriction, including without limitation the rights
 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 | 
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 | 
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 | 


--------------------------------------------------------------------------------
/Lesson 1/class-walkernav.php:
--------------------------------------------------------------------------------
  1 | <?php
  2 | 
  3 | class walkernav extends Walker_Nav_Menu
  4 | {
  5 |     public function start_lvl(&$output, $depth = 0, $args = array())
  6 |     {
  7 |         $indent = str_repeat("\t", $depth);
  8 |         $submenu = ($depth > 0) ? ' sub-menu' : '';
  9 |         $output .= "\n$indent<ul class=\"dropdown-menu$submenu depth_$depth\" >\n";
 10 |     }
 11 | 
 12 |     public function start_el(&$output, $item, $depth = 0, $args = array(), $id = 0)
 13 |     {
 14 |         $indent = ($depth) ? str_repeat("\t", $depth) : '';
 15 | 
 16 |         $li_attributes = '';
 17 |         $class_names = $value = '';
 18 | 
 19 |         $classes = empty($item->classes) ? array() : (array) $item->classes;
 20 |         // managing divider: add divider class to an element to get a divider before it.
 21 |         $divider_class_position = array_search('divider', $classes);
 22 |         if ($divider_class_position !== false) {
 23 |             $output .= "<li class=\"divider\"></li>\n";
 24 |             unset($classes[$divider_class_position]);
 25 |         }
 26 | 
 27 |         $classes[] = ($args->has_children) ? 'dropdown' : '';
 28 |         $classes[] = ($item->current || $item->current_item_ancestor) ? 'active' : '';
 29 |         $classes[] = 'menu-item-'.$item->ID;
 30 |         if ($depth && $args->has_children) {
 31 |             $classes[] = 'dropdown-submenu';
 32 |         }
 33 | 
 34 |         $class_names = implode(' ', apply_filters('nav_menu_css_class', array_filter($classes), $item, $args));
 35 |         $class_names = ' class="'.esc_attr($class_names).'"';
 36 | 
 37 |         $id = apply_filters('nav_menu_item_id', 'menu-item-'.$item->ID, $item, $args);
 38 |         $id = strlen($id) ? ' id="'.esc_attr($id).'"' : '';
 39 | 
 40 |         $output .= $indent.'<li'.$id.$value.$class_names.$li_attributes.'>';
 41 | 
 42 |         $attributes = !empty($item->attr_title) ? ' title="'.esc_attr($item->attr_title).'"' : '';
 43 |         $attributes .= !empty($item->target) ? ' target="'.esc_attr($item->target).'"' : '';
 44 |         $attributes .= !empty($item->xfn) ? ' rel="'.esc_attr($item->xfn).'"' : '';
 45 |         $attributes .= !empty($item->url) ? ' href="'.esc_attr($item->url).'"' : '';
 46 |         $attributes .= ($args->has_children) ? ' class="dropdown-toggle" data-toggle="dropdown"' : '';
 47 | 
 48 |         $item_output = $args->before;
 49 |         $item_output .= '<a'.$attributes.'>';
 50 |         $item_output .= $args->link_before.apply_filters('the_title', $item->title, $item->ID).$args->link_after;
 51 | 
 52 |             // add support for menu item title
 53 |             if (strlen($item->attr_title) > 2) {
 54 |                 $item_output .= '<h3 class="tit">'.$item->attr_title.'</h3>';
 55 |             }
 56 |             // add support for menu item descriptions
 57 |             if (strlen($item->description) > 2) {
 58 |                 $item_output .= '</a> <span class="sub">'.$item->description.'</span>';
 59 |             }
 60 |         $item_output .= (($depth == 0 || 1) && $args->has_children) ? ' <b class="caret"></b></a>' : '</a>';
 61 |         $item_output .= $args->after;
 62 | 
 63 |         $output .= apply_filters('walker_nav_menu_start_el', $item_output, $item, $depth, $args);
 64 |     }
 65 | 
 66 |     public function display_element($element, &$children_elements, $max_depth, $depth, $args, &$output)
 67 |     {
 68 |         if (!$element) {
 69 |             return;
 70 |         }
 71 | 
 72 |         $id_field = $this->db_fields['id'];
 73 | 
 74 |         //display this element
 75 |         if (is_array($args[0])) {
 76 |             $args[0]['has_children'] = !empty($children_elements[$element->$id_field]);
 77 |         } elseif (is_object($args[0])) {
 78 |             $args[0]->has_children = !empty($children_elements[$element->$id_field]);
 79 |         }
 80 | 
 81 |         $cb_args = array_merge(array(&$output, $element, $depth), $args);
 82 |         call_user_func_array(array(&$this, 'start_el'), $cb_args);
 83 | 
 84 |         $id = $element->$id_field;
 85 | 
 86 |         // descend only when the depth is right and there are childrens for this element
 87 |         if (($max_depth == 0 || $max_depth > $depth + 1) && isset($children_elements[$id])) {
 88 |             foreach ($children_elements[ $id ] as $child) {
 89 |                 if (!isset($newlevel)) {
 90 |                     $newlevel = true;
 91 |               //start the child delimiter
 92 |               $cb_args = array_merge(array(&$output, $depth), $args);
 93 |                     call_user_func_array(array(&$this, 'start_lvl'), $cb_args);
 94 |                 }
 95 |                 $this->display_element($child, $children_elements, $max_depth, $depth + 1, $args, $output);
 96 |             }
 97 |             unset($children_elements[ $id ]);
 98 |         }
 99 | 
100 |         if (isset($newlevel) && $newlevel) {
101 |             //end the child delimiter
102 |           $cb_args = array_merge(array(&$output, $depth), $args);
103 |             call_user_func_array(array(&$this, 'end_lvl'), $cb_args);
104 |         }
105 | 
106 |         //end this element
107 |         $cb_args = array_merge(array(&$output, $element, $depth), $args);
108 |         call_user_func_array(array(&$this, 'end_el'), $cb_args);
109 |     }
110 | }
111 | 


--------------------------------------------------------------------------------
/Lesson 2/class-walkernav.php:
--------------------------------------------------------------------------------
  1 | <?php
  2 | 
  3 | namespace awps\core;
  4 | 
  5 | use Walker_Nav_Menu;
  6 | 
  7 | class walkernav extends Walker_Nav_Menu
  8 | {
  9 | 
 10 |     public $isMegaMenu;
 11 | 
 12 |     public $count;
 13 | 
 14 |     public function __construct()
 15 |     {
 16 |         $this->isMegaMenu = 0;
 17 | 
 18 |         $this->count = 0;
 19 |     }
 20 | 
 21 |     public function start_lvl(&$output, $depth = 0, $args = array())
 22 |     {
 23 |         $indent = str_repeat("\t", $depth);
 24 |         $submenu = ($depth > 0) ? ' sub-menu' : '';
 25 |         $output .= "\n$indent<ul class=\"dropdown-menu$submenu depth_$depth\" >\n";
 26 | 
 27 |         if ($this->isMegaMenu != 0) {
 28 |             $output .= "<li class=\"col-sm-3\"><ul>\n";
 29 |         }
 30 |         
 31 |     }
 32 | 
 33 |     public function end_lvl(&$output, $depth = 0, $args = array())
 34 |     {
 35 |         if ($this->isMegaMenu != 0) {
 36 |             $output .= "</ul></li>";
 37 |         }
 38 | 
 39 |         $output .= "</ul>";
 40 |     }
 41 | 
 42 |     public function start_el(&$output, $item, $depth = 0, $args = array(), $id = 0)
 43 |     {
 44 |         if ($this->isMegaMenu != intval($item->menu_item_parent)) {
 45 |             $this->isMegaMenu = 0;
 46 |         }
 47 | 
 48 |         if ($this->isMegaMenu === intval($item->menu_item_parent) && $this->isMegaMenu != 0) {
 49 | 
 50 |             $this->count++;
 51 | 
 52 |             if ($this->count > 2) {
 53 |                 $output .= "</ul></li><li class=\"col-sm-3\"><ul>\n";
 54 |                 $this->count = 1;
 55 |             }
 56 |         }
 57 | 
 58 |         $indent = ($depth) ? str_repeat("\t", $depth) : '';
 59 | 
 60 |         $li_attributes = '';
 61 |         $class_names = $value = '';
 62 | 
 63 |         $classes = empty($item->classes) ? array() : (array) $item->classes;
 64 |         // managing divider: add divider class to an element to get a divider before it.
 65 |         $divider_class_position = array_search('divider', $classes);
 66 |         if ($divider_class_position !== false) {
 67 |             $output .= "<li class=\"divider\"></li>\n";
 68 |             unset($classes[$divider_class_position]);
 69 |         }
 70 | 
 71 |         if (array_search('megamenu', $classes) !== false) {
 72 |             $this->isMegaMenu = $item->ID;
 73 |         }
 74 | 
 75 |         $classes[] = ($args->has_children) ? 'dropdown' : '';
 76 |         $classes[] = ($item->current || $item->current_item_ancestor) ? 'active' : '';
 77 |         $classes[] = 'menu-item-'.$item->ID;
 78 |         if ($depth && $args->has_children) {
 79 |             $classes[] = 'dropdown-submenu';
 80 |         }
 81 | 
 82 |         $class_names = implode(' ', apply_filters('nav_menu_css_class', array_filter($classes), $item, $args));
 83 |         $class_names = ' class="'.esc_attr($class_names).'"';
 84 | 
 85 |         $id = apply_filters('nav_menu_item_id', 'menu-item-'.$item->ID, $item, $args);
 86 |         $id = strlen($id) ? ' id="'.esc_attr($id).'"' : '';
 87 | 
 88 |         $output .= $indent.'<li'.$id.$value.$class_names.$li_attributes.'>';
 89 | 
 90 |         $attributes = !empty($item->attr_title) ? ' title="'.esc_attr($item->attr_title).'"' : '';
 91 |         $attributes .= !empty($item->target) ? ' target="'.esc_attr($item->target).'"' : '';
 92 |         $attributes .= !empty($item->xfn) ? ' rel="'.esc_attr($item->xfn).'"' : '';
 93 |         $attributes .= !empty($item->url) ? ' href="'.esc_attr($item->url).'"' : '';
 94 |         $attributes .= ($args->has_children) ? ' class="dropdown-toggle" data-toggle="dropdown"' : '';
 95 | 
 96 |         $item_output = $args->before;
 97 |         $item_output .= '<a'.$attributes.'>';
 98 |         $item_output .= $args->link_before.apply_filters('the_title', $item->title, $item->ID).$args->link_after;
 99 | 
100 |             // add support for menu item title
101 |             if (strlen($item->attr_title) > 2) {
102 |                 $item_output .= '<h3 class="tit">'.$item->attr_title.'</h3>';
103 |             }
104 |             // add support for menu item descriptions
105 |             if (strlen($item->description) > 2) {
106 |                 $item_output .= '</a> <span class="sub">'.$item->description.'</span>';
107 |             }
108 |         $item_output .= (($depth == 0 || 1) && $args->has_children) ? ' <b class="caret"></b></a>' : '</a>';
109 |         $item_output .= $args->after;
110 | 
111 |         $output .= apply_filters('walker_nav_menu_start_el', $item_output, $item, $depth, $args);
112 |     }
113 | 
114 |     public function display_element($element, &$children_elements, $max_depth, $depth, $args, &$output)
115 |     {
116 |         if (!$element) {
117 |             return;
118 |         }
119 | 
120 |         $id_field = $this->db_fields['id'];
121 | 
122 |         //display this element
123 |         if (is_array($args[0])) {
124 |             $args[0]['has_children'] = !empty($children_elements[$element->$id_field]);
125 |         } elseif (is_object($args[0])) {
126 |             $args[0]->has_children = !empty($children_elements[$element->$id_field]);
127 |         }
128 | 
129 |         $cb_args = array_merge(array(&$output, $element, $depth), $args);
130 |         call_user_func_array(array(&$this, 'start_el'), $cb_args);
131 | 
132 |         $id = $element->$id_field;
133 | 
134 |         // descend only when the depth is right and there are childrens for this element
135 |         if (($max_depth == 0 || $max_depth > $depth + 1) && isset($children_elements[$id])) {
136 |             foreach ($children_elements[ $id ] as $child) {
137 |                 if (!isset($newlevel)) {
138 |                     $newlevel = true;
139 |               //start the child delimiter
140 |               $cb_args = array_merge(array(&$output, $depth), $args);
141 |                     call_user_func_array(array(&$this, 'start_lvl'), $cb_args);
142 |                 }
143 |                 $this->display_element($child, $children_elements, $max_depth, $depth + 1, $args, $output);
144 |             }
145 |             unset($children_elements[ $id ]);
146 |         }
147 | 
148 |         if (isset($newlevel) && $newlevel) {
149 |             //end the child delimiter
150 |           $cb_args = array_merge(array(&$output, $depth), $args);
151 |             call_user_func_array(array(&$this, 'end_lvl'), $cb_args);
152 |         }
153 | 
154 |         //end this element
155 |         $cb_args = array_merge(array(&$output, $element, $depth), $args);
156 |         call_user_func_array(array(&$this, 'end_el'), $cb_args);
157 |     }
158 | }
159 | 


--------------------------------------------------------------------------------
/Lesson 3/class-walkernav.php:
--------------------------------------------------------------------------------
  1 | <?php
  2 | 
  3 | namespace awps\core;
  4 | 
  5 | use Walker_Nav_Menu;
  6 | 
  7 | class walkernav extends Walker_Nav_Menu
  8 | {
  9 | 
 10 |     public $megaMenuID;
 11 | 
 12 |     public $count;
 13 | 
 14 |     public function __construct()
 15 |     {
 16 |         $this->megaMenuID = 0;
 17 | 
 18 |         $this->count = 0;
 19 |     }
 20 | 
 21 |     public function start_lvl(&$output, $depth = 0, $args = array())
 22 |     {
 23 |         $indent = str_repeat("\t", $depth);
 24 |         $submenu = ($depth > 0) ? ' sub-menu' : '';
 25 |         $output .= "\n$indent<ul class=\"dropdown-menu$submenu depth_$depth\" >\n";
 26 | 
 27 |         if ($this->megaMenuID != 0) {
 28 |             $output .= "<li class=\"megamenu-column\"><ul>\n";
 29 |         }
 30 |         
 31 |     }
 32 | 
 33 |     public function end_lvl(&$output, $depth = 0, $args = array())
 34 |     {
 35 |         if ($this->megaMenuID != 0) {
 36 |             $output .= "</ul></li>";
 37 |         }
 38 | 
 39 |         $output .= "</ul>";
 40 |     }
 41 | 
 42 |     public function start_el(&$output, $item, $depth = 0, $args = array(), $id = 0)
 43 |     {
 44 |         if ($this->megaMenuID != 0 && $this->megaMenuID === intval($item->menu_item_parent)) {
 45 | 
 46 |             $this->count++;
 47 | 
 48 |             if ($this->count > 2) {
 49 |                 $output .= "</ul></li><li class=\"megamenu-column\"><ul>\n";
 50 |                 $this->count = 1;
 51 |             }
 52 |         } else {
 53 |             $this->megaMenuID = 0;
 54 |         }
 55 | 
 56 |         $indent = ($depth) ? str_repeat("\t", $depth) : '';
 57 | 
 58 |         $li_attributes = '';
 59 |         $class_names = $value = '';
 60 | 
 61 |         $classes = empty($item->classes) ? array() : (array) $item->classes;
 62 |         // managing divider: add divider class to an element to get a divider before it.
 63 |         $divider_class_position = array_search('divider', $classes);
 64 |         if ($divider_class_position !== false) {
 65 |             $output .= "<li class=\"divider\"></li>\n";
 66 |             unset($classes[$divider_class_position]);
 67 |         }
 68 | 
 69 |         if (array_search('megamenu', $classes) !== false) {
 70 |             $this->megaMenuID = $item->ID;
 71 |         }
 72 | 
 73 |         $classes[] = ($args->has_children) ? 'dropdown' : '';
 74 |         $classes[] = ($item->current || $item->current_item_ancestor) ? 'active' : '';
 75 |         $classes[] = 'menu-item-'.$item->ID;
 76 |         if ($depth && $args->has_children) {
 77 |             $classes[] = 'dropdown-submenu';
 78 |         }
 79 | 
 80 |         $class_names = implode(' ', apply_filters('nav_menu_css_class', array_filter($classes), $item, $args));
 81 |         $class_names = ' class="'.esc_attr($class_names).'"';
 82 | 
 83 |         $id = apply_filters('nav_menu_item_id', 'menu-item-'.$item->ID, $item, $args);
 84 |         $id = strlen($id) ? ' id="'.esc_attr($id).'"' : '';
 85 | 
 86 |         $output .= $indent.'<li'.$id.$value.$class_names.$li_attributes.'>';
 87 | 
 88 |         $attributes = !empty($item->attr_title) ? ' title="'.esc_attr($item->attr_title).'"' : '';
 89 |         $attributes .= !empty($item->target) ? ' target="'.esc_attr($item->target).'"' : '';
 90 |         $attributes .= !empty($item->xfn) ? ' rel="'.esc_attr($item->xfn).'"' : '';
 91 |         $attributes .= !empty($item->url) ? ' href="'.esc_attr($item->url).'"' : '';
 92 |         $attributes .= ($args->has_children) ? ' class="dropdown-toggle" data-toggle="dropdown"' : '';
 93 | 
 94 |         $item_output = $args->before;
 95 |         $item_output .= '<a'.$attributes.'>';
 96 |         $item_output .= $args->link_before.apply_filters('the_title', $item->title, $item->ID).$args->link_after;
 97 | 
 98 |             // add support for menu item title
 99 |             if (strlen($item->attr_title) > 2) {
100 |                 $item_output .= '<h3 class="tit">'.$item->attr_title.'</h3>';
101 |             }
102 |             // add support for menu item descriptions
103 |             if (strlen($item->description) > 2) {
104 |                 $item_output .= '</a> <span class="sub">'.$item->description.'</span>';
105 |             }
106 |         $item_output .= (($depth == 0 || 1) && $args->has_children) ? ' <b class="caret"></b></a>' : '</a>';
107 |         $item_output .= $args->after;
108 | 
109 |         $output .= apply_filters('walker_nav_menu_start_el', $item_output, $item, $depth, $args);
110 |     }
111 | 
112 |     public function display_element($element, &$children_elements, $max_depth, $depth, $args, &$output)
113 |     {
114 |         if (!$element) {
115 |             return;
116 |         }
117 | 
118 |         $id_field = $this->db_fields['id'];
119 | 
120 |         //display this element
121 |         if (is_array($args[0])) {
122 |             $args[0]['has_children'] = !empty($children_elements[$element->$id_field]);
123 |         } elseif (is_object($args[0])) {
124 |             $args[0]->has_children = !empty($children_elements[$element->$id_field]);
125 |         }
126 | 
127 |         $cb_args = array_merge(array(&$output, $element, $depth), $args);
128 |         call_user_func_array(array(&$this, 'start_el'), $cb_args);
129 | 
130 |         $id = $element->$id_field;
131 | 
132 |         // descend only when the depth is right and there are childrens for this element
133 |         if (($max_depth == 0 || $max_depth > $depth + 1) && isset($children_elements[$id])) {
134 |             foreach ($children_elements[ $id ] as $child) {
135 |                 if (!isset($newlevel)) {
136 |                     $newlevel = true;
137 |               //start the child delimiter
138 |               $cb_args = array_merge(array(&$output, $depth), $args);
139 |                     call_user_func_array(array(&$this, 'start_lvl'), $cb_args);
140 |                 }
141 |                 $this->display_element($child, $children_elements, $max_depth, $depth + 1, $args, $output);
142 |             }
143 |             unset($children_elements[ $id ]);
144 |         }
145 | 
146 |         if (isset($newlevel) && $newlevel) {
147 |             //end the child delimiter
148 |           $cb_args = array_merge(array(&$output, $depth), $args);
149 |             call_user_func_array(array(&$this, 'end_lvl'), $cb_args);
150 |         }
151 | 
152 |         //end this element
153 |         $cb_args = array_merge(array(&$output, $element, $depth), $args);
154 |         call_user_func_array(array(&$this, 'end_el'), $cb_args);
155 |     }
156 | }
157 | 


--------------------------------------------------------------------------------
/Lesson 3/megamenu.scss:
--------------------------------------------------------------------------------
  1 | header {
  2 | 	position: relative;
  3 | }
  4 | 
  5 | .navbar-megamenu {
  6 | 	background-color: #3C5071;
  7 | 	border-color: #2F415E;
  8 | 	border-radius: 2px;
  9 | 
 10 | 	.navbar-brand {
 11 | 		color: #fff;
 12 | 		font-weight: 800;
 13 | 	}
 14 | 
 15 | 	.navbar-nav > li {
 16 | 		> a {
 17 | 			color: #fff;
 18 | 
 19 | 			&:hover,
 20 | 			&:focus {
 21 | 				color: #fff;
 22 | 				background-color: #30405A;
 23 | 			}
 24 | 		}
 25 | 
 26 | 		&.active,
 27 | 		&.open {
 28 | 			> a {
 29 | 				&,
 30 | 				&:hover,
 31 | 				&:focus {
 32 | 					color: #fff;
 33 | 					background-color: #30405A;
 34 | 				}
 35 | 			}
 36 | 		}
 37 | 	}
 38 | 
 39 | 	.navbar-nav > li.megamenu {
 40 | 		position: static;
 41 | 
 42 | 		> .dropdown-menu {
 43 | 			min-width: 280px;
 44 | 
 45 | 			.megamenu-column {
 46 | 				width: 280px;
 47 | 				display: block;
 48 | 				float: left;
 49 | 
 50 | 				.divider {
 51 | 					margin: 16px 20px 10px;
 52 | 					max-width: 60px;
 53 | 				}
 54 | 
 55 | 				ul {
 56 | 					padding: 0;
 57 | 					margin: 0;
 58 | 					list-style: none;
 59 | 				}
 60 | 
 61 | 				a {
 62 | 					font-size: 13px;
 63 | 					padding: 3px 20px;
 64 | 					display: block;
 65 | 					color: #333;
 66 | 
 67 | 					&:hover,
 68 | 					&:focus {
 69 | 						background-color: #f5f5f5;
 70 | 						color: #333;
 71 | 					}
 72 | 				}
 73 | 
 74 | 				span.sub {
 75 | 					font-size: 11px;
 76 | 					line-height: 1.6em;
 77 | 					margin-top: -4px;
 78 | 					padding: 2px 20px;
 79 | 					display: block;
 80 | 				}
 81 | 
 82 | 				.featured-image {
 83 | 					a {
 84 | 						font-size: 14px;
 85 | 						color: #2E7DD9;
 86 | 						font-weight: 600;
 87 | 					}
 88 | 				}
 89 | 
 90 | 				.description {
 91 | 					padding: 3px 0;
 92 | 
 93 | 					a {
 94 | 						display: none;
 95 | 					}
 96 | 				}
 97 | 			}
 98 | 		}
 99 | 	}
100 | }


--------------------------------------------------------------------------------
/Lesson 4/class-walkernav.php:
--------------------------------------------------------------------------------
  1 | <?php
  2 | 
  3 | namespace awps\core;
  4 | 
  5 | use Walker_Nav_Menu;
  6 | 
  7 | class walkernav extends Walker_Nav_Menu
  8 | {
  9 | 
 10 |     public $megaMenuID;
 11 | 
 12 |     public $count;
 13 | 
 14 |     public function __construct()
 15 |     {
 16 |         $this->megaMenuID = 0;
 17 | 
 18 |         $this->count = 0;
 19 |     }
 20 | 
 21 |     public function start_lvl(&$output, $depth = 0, $args = array())
 22 |     {
 23 |         $indent = str_repeat("\t", $depth);
 24 |         $submenu = ($depth > 0) ? ' sub-menu' : '';
 25 |         $output .= "\n$indent<ul class=\"dropdown-menu$submenu depth_$depth\" >\n";
 26 | 
 27 |         if ($this->megaMenuID != 0) {
 28 |             $output .= "<li class=\"megamenu-column\"><ul>\n";
 29 |         }
 30 |         
 31 |     }
 32 | 
 33 |     public function end_lvl(&$output, $depth = 0, $args = array())
 34 |     {
 35 |         if ($this->megaMenuID != 0) {
 36 |             $output .= "</ul></li>";
 37 |         }
 38 | 
 39 |         $output .= "</ul>";
 40 |     }
 41 | 
 42 |     public function start_el(&$output, $item, $depth = 0, $args = array(), $id = 0)
 43 |     {
 44 | 
 45 |         $indent = ($depth) ? str_repeat("\t", $depth) : '';
 46 | 
 47 |         $li_attributes = '';
 48 |         $class_names = $value = '';
 49 | 
 50 |         $classes = empty($item->classes) ? array() : (array) $item->classes;
 51 | 
 52 |         if ($this->megaMenuID != 0 && $this->megaMenuID === intval($item->menu_item_parent)) {
 53 | 
 54 |             // $this->count++;
 55 | 
 56 |             // if ($this->count > 2) {
 57 |             //     $output .= "</ul></li><li class=\"megamenu-column\"><ul>\n";
 58 |             //     $this->count = 1;
 59 |             // }
 60 | 
 61 |             $column_divider = array_search('column-divider', $classes);
 62 |             if ($column_divider !== false) {
 63 |                 $output .= "</ul></li><li class=\"megamenu-column\"><ul>\n";
 64 |             }
 65 | 
 66 |         } else {
 67 |             $this->megaMenuID = 0;
 68 |         }
 69 | 
 70 |         // managing divider: add divider class to an element to get a divider before it.
 71 |         $divider_class_position = array_search('divider', $classes);
 72 |         if ($divider_class_position !== false) {
 73 |             $output .= "<li class=\"divider\"></li>\n";
 74 |             unset($classes[$divider_class_position]);
 75 |         }
 76 | 
 77 |         if (array_search('megamenu', $classes) !== false) {
 78 |             $this->megaMenuID = $item->ID;
 79 |         }
 80 | 
 81 |         $classes[] = ($args->has_children) ? 'dropdown' : '';
 82 |         $classes[] = ($item->current || $item->current_item_ancestor) ? 'active' : '';
 83 |         $classes[] = 'menu-item-'.$item->ID;
 84 |         if ($depth && $args->has_children) {
 85 |             $classes[] = 'dropdown-submenu';
 86 |         }
 87 | 
 88 |         $class_names = implode(' ', apply_filters('nav_menu_css_class', array_filter($classes), $item, $args));
 89 |         $class_names = ' class="'.esc_attr($class_names).'"';
 90 | 
 91 |         $id = apply_filters('nav_menu_item_id', 'menu-item-'.$item->ID, $item, $args);
 92 |         $id = strlen($id) ? ' id="'.esc_attr($id).'"' : '';
 93 | 
 94 |         $output .= $indent.'<li'.$id.$value.$class_names.$li_attributes.'>';
 95 | 
 96 |         $attributes = !empty($item->attr_title) ? ' title="'.esc_attr($item->attr_title).'"' : '';
 97 |         $attributes .= !empty($item->target) ? ' target="'.esc_attr($item->target).'"' : '';
 98 |         $attributes .= !empty($item->xfn) ? ' rel="'.esc_attr($item->xfn).'"' : '';
 99 |         $attributes .= !empty($item->url) ? ' href="'.esc_attr($item->url).'"' : '';
100 |         $attributes .= ($args->has_children) ? ' class="dropdown-toggle" data-toggle="dropdown"' : '';
101 | 
102 |         $item_output = $args->before;
103 |         $item_output .= '<a'.$attributes.'>';
104 | 
105 |         // Check if item has featured image
106 |         $has_featured_image = array_search('featured-image', $classes);
107 |         if ($has_featured_image !== false) {
108 |             $postID = url_to_postid( $item->url );
109 |             $item_output .= "<img alt=\"" . esc_attr($item->attr_title) . "\" src=\"" . get_the_post_thumbnail_url( $postID ) . "\"/>";
110 |         }
111 | 
112 |         $item_output .= $args->link_before.apply_filters('the_title', $item->title, $item->ID).$args->link_after;
113 | 
114 |             // add support for menu item title
115 |             if (strlen($item->attr_title) > 2) {
116 |                 $item_output .= '<h3 class="tit">'.$item->attr_title.'</h3>';
117 |             }
118 |             // add support for menu item descriptions
119 |             if (strlen($item->description) > 2) {
120 |                 $item_output .= '</a> <span class="sub">'.$item->description.'</span>';
121 |             }
122 |         $item_output .= (($depth == 0 || 1) && $args->has_children) ? ' <b class="caret"></b></a>' : '</a>';
123 |         $item_output .= $args->after;
124 | 
125 |         $output .= apply_filters('walker_nav_menu_start_el', $item_output, $item, $depth, $args);
126 |     }
127 | 
128 |     public function display_element($element, &$children_elements, $max_depth, $depth, $args, &$output)
129 |     {
130 |         if (!$element) {
131 |             return;
132 |         }
133 | 
134 |         $id_field = $this->db_fields['id'];
135 | 
136 |         //display this element
137 |         if (is_array($args[0])) {
138 |             $args[0]['has_children'] = !empty($children_elements[$element->$id_field]);
139 |         } elseif (is_object($args[0])) {
140 |             $args[0]->has_children = !empty($children_elements[$element->$id_field]);
141 |         }
142 | 
143 |         $cb_args = array_merge(array(&$output, $element, $depth), $args);
144 |         call_user_func_array(array(&$this, 'start_el'), $cb_args);
145 | 
146 |         $id = $element->$id_field;
147 | 
148 |         // descend only when the depth is right and there are childrens for this element
149 |         if (($max_depth == 0 || $max_depth > $depth + 1) && isset($children_elements[$id])) {
150 |             foreach ($children_elements[ $id ] as $child) {
151 |                 if (!isset($newlevel)) {
152 |                     $newlevel = true;
153 |               //start the child delimiter
154 |               $cb_args = array_merge(array(&$output, $depth), $args);
155 |                     call_user_func_array(array(&$this, 'start_lvl'), $cb_args);
156 |                 }
157 |                 $this->display_element($child, $children_elements, $max_depth, $depth + 1, $args, $output);
158 |             }
159 |             unset($children_elements[ $id ]);
160 |         }
161 | 
162 |         if (isset($newlevel) && $newlevel) {
163 |             //end the child delimiter
164 |           $cb_args = array_merge(array(&$output, $depth), $args);
165 |             call_user_func_array(array(&$this, 'end_lvl'), $cb_args);
166 |         }
167 | 
168 |         //end this element
169 |         $cb_args = array_merge(array(&$output, $element, $depth), $args);
170 |         call_user_func_array(array(&$this, 'end_el'), $cb_args);
171 |     }
172 | }
173 | 


--------------------------------------------------------------------------------
/Lesson 4/megamenu.scss:
--------------------------------------------------------------------------------
  1 | header {
  2 | 	position: relative;
  3 | }
  4 | 
  5 | .navbar-megamenu {
  6 | 	background-color: #3C5071;
  7 | 	border-color: #2F415E;
  8 | 	border-radius: 2px;
  9 | 
 10 | 	.navbar-brand {
 11 | 		color: #fff;
 12 | 		font-weight: 800;
 13 | 	}
 14 | 
 15 | 	.navbar-nav > li {
 16 | 		> a {
 17 | 			color: #fff;
 18 | 
 19 | 			&:hover,
 20 | 			&:focus {
 21 | 				color: #fff;
 22 | 				background-color: #30405A;
 23 | 			}
 24 | 		}
 25 | 
 26 | 		&.active,
 27 | 		&.open {
 28 | 			> a {
 29 | 				&,
 30 | 				&:hover,
 31 | 				&:focus {
 32 | 					color: #fff;
 33 | 					background-color: #30405A;
 34 | 				}
 35 | 			}
 36 | 		}
 37 | 	}
 38 | 
 39 | 	.navbar-nav > li.megamenu {
 40 | 		position: static;
 41 | 
 42 | 		> .dropdown-menu {
 43 | 			min-width: 280px;
 44 | 
 45 | 			.megamenu-column {
 46 | 				width: 280px;
 47 | 				display: block;
 48 | 				float: left;
 49 | 
 50 | 				&:not(:first-child):after {
 51 | 					position: absolute;
 52 | 					display: block;
 53 | 					content: '';
 54 | 					width: 1px;
 55 | 					background-color: #eeeeee;
 56 | 					height: 100%;
 57 | 					top: 0;
 58 | 				}
 59 | 
 60 | 				.divider {
 61 | 					margin: 16px 20px 10px;
 62 | 					max-width: 60px;
 63 | 				}
 64 | 
 65 | 				ul {
 66 | 					padding: 0;
 67 | 					margin: 0;
 68 | 					list-style: none;
 69 | 				}
 70 | 
 71 | 				a {
 72 | 					font-size: 13px;
 73 | 					padding: 3px 20px;
 74 | 					display: block;
 75 | 					color: #333;
 76 | 
 77 | 					&:hover,
 78 | 					&:focus {
 79 | 						background-color: #f5f5f5;
 80 | 						color: #333;
 81 | 					}
 82 | 				}
 83 | 
 84 | 				span.sub {
 85 | 					font-size: 11px;
 86 | 					line-height: 1.6em;
 87 | 					margin-top: -4px;
 88 | 					padding: 2px 20px;
 89 | 					display: block;
 90 | 				}
 91 | 
 92 | 				.featured-image {
 93 | 					a {
 94 | 						font-size: 14px;
 95 | 						color: #2E7DD9;
 96 | 						font-weight: 600;
 97 | 
 98 | 						img {
 99 | 							padding: 5px 0;
100 | 						}
101 | 					}
102 | 				}
103 | 
104 | 				.description {
105 | 					padding: 3px 0;
106 | 
107 | 					a {
108 | 						display: none;
109 | 					}
110 | 				}
111 | 			}
112 | 		}
113 | 	}
114 | }


--------------------------------------------------------------------------------
/Lesson 5-6/main.js:
--------------------------------------------------------------------------------
1 | $( '.dropdown-menu .dropdown-submenu a' ).click( function( e ) {
2 | 	$( this ).parent( '.dropdown-submenu' ).toggleClass( 'open' );
3 | 	e.stopPropagation();
4 | });
5 | 


--------------------------------------------------------------------------------
/Lesson 5-6/walkernav.php:
--------------------------------------------------------------------------------
  1 | <?php
  2 | 
  3 | namespace awps\core;
  4 | 
  5 | use Walker_Nav_Menu;
  6 | 
  7 | class walkernav extends Walker_Nav_Menu
  8 | {
  9 | 
 10 |     public $megaMenuID;
 11 | 
 12 |     public $count;
 13 | 
 14 |     public function __construct()
 15 |     {
 16 |         $this->megaMenuID = 0;
 17 | 
 18 |         $this->count = 0;
 19 |     }
 20 | 
 21 |     public function start_lvl(&$output, $depth = 0, $args = array())
 22 |     {
 23 |         $indent = str_repeat("\t", $depth);
 24 |         $submenu = ($depth > 0) ? ' sub-menu' : '';
 25 |         $output .= "\n$indent<ul class=\"dropdown-menu$submenu depth_$depth\" >\n";
 26 | 
 27 |         if ($this->megaMenuID != 0 && $depth == 0) {
 28 |             $output .= "<li class=\"megamenu-column\"><ul>\n";
 29 |         }
 30 |         
 31 |     }
 32 | 
 33 |     public function end_lvl(&$output, $depth = 0, $args = array())
 34 |     {
 35 |         if ($this->megaMenuID != 0 && $depth == 0) {
 36 |             $output .= "</ul></li>";
 37 |         }
 38 | 
 39 |         $output .= "</ul>";
 40 |     }
 41 | 
 42 |     public function start_el(&$output, $item, $depth = 0, $args = array(), $id = 0)
 43 |     {
 44 | 
 45 |         $indent = ($depth) ? str_repeat("\t", $depth) : '';
 46 | 
 47 |         $li_attributes = '';
 48 |         $class_names = $value = '';
 49 | 
 50 |         $classes = empty($item->classes) ? array() : (array) $item->classes;
 51 | 
 52 |         if ($this->megaMenuID != 0 && $this->megaMenuID != intval($item->menu_item_parent) && $depth == 0) {
 53 |             $this->megaMenuID = 0;
 54 |         }
 55 | 
 56 |         $column_divider = array_search('column-divider', $classes);
 57 |         if ($column_divider !== false) {
 58 |             $output .= "</ul></li><li class=\"megamenu-column\"><ul>\n";
 59 |         }
 60 | 
 61 |         // managing divider: add divider class to an element to get a divider before it.
 62 |         $divider_class_position = array_search('divider', $classes);
 63 |         if ($divider_class_position !== false) {
 64 |             $output .= "<li class=\"divider\"></li>\n";
 65 |             unset($classes[$divider_class_position]);
 66 |         }
 67 | 
 68 |         if (array_search('megamenu', $classes) !== false) {
 69 |             $this->megaMenuID = $item->ID;
 70 |         }
 71 | 
 72 |         $classes[] = ($args->has_children) ? 'dropdown' : '';
 73 |         $classes[] = ($item->current || $item->current_item_ancestor) ? 'active' : '';
 74 |         $classes[] = 'menu-item-'.$item->ID;
 75 |         if ($depth && $args->has_children) {
 76 |             $classes[] = 'dropdown-submenu';
 77 |         }
 78 | 
 79 |         $class_names = implode(' ', apply_filters('nav_menu_css_class', array_filter($classes), $item, $args));
 80 |         $class_names = ' class="'.esc_attr($class_names).'"';
 81 | 
 82 |         $id = apply_filters('nav_menu_item_id', 'menu-item-'.$item->ID, $item, $args);
 83 |         $id = strlen($id) ? ' id="'.esc_attr($id).'"' : '';
 84 | 
 85 |         $output .= $indent.'<li'.$id.$value.$class_names.$li_attributes.'>';
 86 | 
 87 |         $attributes = !empty($item->attr_title) ? ' title="'.esc_attr($item->attr_title).'"' : '';
 88 |         $attributes .= !empty($item->target) ? ' target="'.esc_attr($item->target).'"' : '';
 89 |         $attributes .= !empty($item->xfn) ? ' rel="'.esc_attr($item->xfn).'"' : '';
 90 |         $attributes .= !empty($item->url) ? ' href="'.esc_attr($item->url).'"' : '';
 91 |         $attributes .= ($args->has_children) ? ' class="dropdown-toggle" data-toggle="dropdown"' : '';
 92 | 
 93 |         $item_output = $args->before;
 94 |         $item_output .= '<a'.$attributes.'>';
 95 | 
 96 |         // Check if item has featured image
 97 |         $has_featured_image = array_search('featured-image', $classes);
 98 |         if ($has_featured_image !== false && $this->megaMenuID != 0) {
 99 |             $postID = url_to_postid( $item->url );
100 |             $item_output .= "<img alt=\"" . esc_attr($item->attr_title) . "\" src=\"" . get_the_post_thumbnail_url( $postID ) . "\"/>";
101 |         }
102 | 
103 |         $item_output .= $args->link_before.apply_filters('the_title', $item->title, $item->ID).$args->link_after;
104 | 
105 |             // add support for menu item title
106 |             if (strlen($item->attr_title) > 2) {
107 |                 $item_output .= '<h3 class="tit">'.$item->attr_title.'</h3>';
108 |             }
109 |             // add support for menu item descriptions
110 |             if (strlen($item->description) > 2) {
111 |                 $item_output .= '</a> <span class="sub">'.$item->description.'</span>';
112 |             }
113 |         $item_output .= (($depth == 0 || 1) && $args->has_children) ? ' <b class="caret"></b></a>' : '</a>';
114 |         $item_output .= $args->after;
115 | 
116 |         $output .= apply_filters('walker_nav_menu_start_el', $item_output, $item, $depth, $args);
117 |     }
118 | 
119 |     public function display_element($element, &$children_elements, $max_depth, $depth, $args, &$output)
120 |     {
121 |         if (!$element) {
122 |             return;
123 |         }
124 | 
125 |         $id_field = $this->db_fields['id'];
126 | 
127 |         //display this element
128 |         if (is_array($args[0])) {
129 |             $args[0]['has_children'] = !empty($children_elements[$element->$id_field]);
130 |         } elseif (is_object($args[0])) {
131 |             $args[0]->has_children = !empty($children_elements[$element->$id_field]);
132 |         }
133 | 
134 |         $cb_args = array_merge(array(&$output, $element, $depth), $args);
135 |         call_user_func_array(array(&$this, 'start_el'), $cb_args);
136 | 
137 |         $id = $element->$id_field;
138 | 
139 |         // descend only when the depth is right and there are childrens for this element
140 |         if (($max_depth == 0 || $max_depth > $depth + 1) && isset($children_elements[$id])) {
141 |             foreach ($children_elements[ $id ] as $child) {
142 |                 if (!isset($newlevel)) {
143 |                     $newlevel = true;
144 |               //start the child delimiter
145 |               $cb_args = array_merge(array(&$output, $depth), $args);
146 |                     call_user_func_array(array(&$this, 'start_lvl'), $cb_args);
147 |                 }
148 |                 $this->display_element($child, $children_elements, $max_depth, $depth + 1, $args, $output);
149 |             }
150 |             unset($children_elements[ $id ]);
151 |         }
152 | 
153 |         if (isset($newlevel) && $newlevel) {
154 |             //end the child delimiter
155 |           $cb_args = array_merge(array(&$output, $depth), $args);
156 |             call_user_func_array(array(&$this, 'end_lvl'), $cb_args);
157 |         }
158 | 
159 |         //end this element
160 |         $cb_args = array_merge(array(&$output, $element, $depth), $args);
161 |         call_user_func_array(array(&$this, 'end_el'), $cb_args);
162 |     }
163 | }
164 | 


--------------------------------------------------------------------------------
/Lesson 7-8/megamenu-custom-fields.php:
--------------------------------------------------------------------------------
 1 | <?php 
 2 | 
 3 | // Create fields
 4 | // Show columns
 5 | // Save/Update fields
 6 | // Update the Walker nav
 7 | 
 8 | function fields_list() {
 9 | 	//note that menu-item- gets prepended to field names
10 | 	//i.e.: field-01 becomes menu-item-field-01
11 | 	//i.e.: icon-url becomes menu-item-icon-url
12 | 	return array(
13 | 		'megamenu' => __( 'Activate MegaMenu', 'awps' ),
14 | 		'column-divider' => __( 'Column Divider', 'awps' ),
15 | 	);
16 | }
17 | 
18 | // Setup fields
19 | function megamenu_fields( $id, $item, $depth, $args ) {
20 | 
21 | 	$fields = fields_list();
22 | 
23 | 	foreach ( $fields as $_key => $label ) :
24 | 		$key   = sprintf( 'menu-item-%s', $_key );
25 | 		$id    = sprintf( 'edit-%s-%s', $key, $item->ID );
26 | 		$name  = sprintf( '%s[%s]', $key, $item->ID );
27 | 		$value = get_post_meta( $item->ID, $key, true );
28 | 		$class = sprintf( 'field-%s', $_key );
29 | 		?>
30 | 		<p class="description description-wide <?php echo esc_attr( $class ) ?>">
31 | 			<label for="<?php echo esc_attr( $id ); ?>"><input type="checkbox" id="<?php echo esc_attr( $id ); ?>" name="<?php echo esc_attr( $name ); ?>" value="1" <?php echo ( $value == 1 ) ? 'checked="checked"' : ''; ?> /><?php echo esc_attr( $label ); ?></label>
32 | 		</p>
33 | 		<?php
34 | 	endforeach;
35 | 
36 | }
37 | 
38 | add_action( 'wp_nav_menu_item_custom_fields', 'megamenu_fields', 10, 4 );
39 | 
40 | // Create Columns
41 | function megamenu_columns( $columns ) {
42 | 
43 | 	$fields = fields_list();
44 | 
45 | 	$columns = array_merge( $columns, $fields );
46 | 
47 | 	return $columns;
48 | }
49 | 
50 | add_filter( 'manage_nav-menus_columns', 'megamenu_columns', 99 );
51 | 
52 | // Save fields
53 | function megamenu_save( $menu_id, $menu_item_db_id, $menu_item_args ) {
54 | 	if ( defined( 'DOING_AJAX' ) && DOING_AJAX ) {
55 | 		return;
56 | 	}
57 | 
58 | 	check_admin_referer( 'update-nav_menu', 'update-nav-menu-nonce' );
59 | 
60 | 	$fields = fields_list();
61 | 
62 | 	foreach ( $fields as $_key => $label ) {
63 | 		$key = sprintf( 'menu-item-%s', $_key );
64 | 
65 | 		// Sanitize.
66 | 		if ( ! empty( $_POST[ $key ][ $menu_item_db_id ] ) ) {
67 | 			// Do some checks here...
68 | 			$value = $_POST[ $key ][ $menu_item_db_id ];
69 | 		} else {
70 | 			$value = null;
71 | 		}
72 | 
73 | 		// Update.
74 | 		if ( ! is_null( $value ) ) {
75 | 			update_post_meta( $menu_item_db_id, $key, $value );
76 | 			echo "key:$key<br />";
77 | 		} else {
78 | 			delete_post_meta( $menu_item_db_id, $key );
79 | 		}
80 | 	}
81 | }
82 | 
83 | add_action( 'wp_update_nav_menu_item', 'megamenu_save', 10, 3 );
84 | 
85 | function megamenu_filter_walker( $walker ) {
86 |     $walker = 'MegaMenu_Walker_Edit';
87 |     if ( ! class_exists( $walker ) ) {
88 |         require_once dirname( __FILE__ ) . '/config/walker-nav-menu-edit.php';
89 |     }
90 | 
91 |     return $walker;
92 | }
93 | 
94 | add_filter( 'wp_edit_nav_menu_walker', 'megamenu_filter_walker', 99 );


--------------------------------------------------------------------------------
/Lesson 7-8/walker-nav-menu-edit.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | /**
 4 |  * Custom Walker for Nav Menu Editor
 5 |  *
 6 |  */
 7 | class MegaMenu_Walker_Edit extends Walker_Nav_Menu_Edit {
 8 | 
 9 |     /**
10 |      * Start the element output.
11 |      *
12 |      * We're injecting our custom fields after the div.submitbox
13 |      *
14 |      * @see Walker_Nav_Menu::start_el()
15 |      * @since 0.1.0
16 |      * @since 0.2.0 Update regex pattern to support WordPress 4.7's markup.
17 |      *
18 |      * @param string $output Passed by reference. Used to append additional content.
19 |      * @param object $item   Menu item data object.
20 |      * @param int    $depth  Depth of menu item. Used for padding.
21 |      * @param array  $args   Menu item args.
22 |      * @param int    $id     Nav menu ID.
23 |      */
24 |     function start_el( &$output, $item, $depth = 0, $args = array(), $id = 0 ) {
25 |         $item_output = '';
26 | 
27 |         parent::start_el( $item_output, $item, $depth, $args, $id );
28 | 
29 |         $output .= preg_replace(
30 |             // NOTE: Check this regex from time to time!
31 |             '/(?=<(fieldset|p)[^>]+class="[^"]*field-move)/',
32 |             $this->get_fields( $item, $depth, $args ),
33 |             $item_output
34 |         );
35 |     }
36 | 
37 |     /**
38 |      * Get custom fields
39 |      *
40 |      * @access protected
41 |      * @since 0.1.0
42 |      * @uses add_action() Calls 'menu_item_custom_fields' hook
43 |      *
44 |      * @param object $item   Menu item data object.
45 |      * @param int    $depth  Depth of menu item. Used for padding.
46 |      * @param array  $args   Menu item args.
47 |      * @param int    $id     Nav menu ID.
48 |      *
49 |      * @return string Form fields
50 |      */
51 |     protected function get_fields( $item, $depth, $args = array(), $id = 0 ) {
52 |         ob_start();
53 | 
54 |         /**
55 |          * Get menu item custom fields from plugins/themes
56 |          *
57 |          * @since 0.1.0
58 |          * @since 1.0.0 Pass correct parameters.
59 |          *
60 |          * @param int    $item_id  Menu item ID.
61 |          * @param object $item     Menu item data object.
62 |          * @param int    $depth    Depth of menu item. Used for padding.
63 |          * @param array  $args     Menu item args.
64 |          * @param int    $id       Nav menu ID.
65 |          *
66 |          * @return string Custom fields HTML.
67 |          */
68 |         do_action( 'wp_nav_menu_item_custom_fields', $item->ID, $item, $depth, $args, $id );
69 | 
70 |         return ob_get_clean();
71 |     }
72 | }


--------------------------------------------------------------------------------
/Lesson 9/megamenu-custom-fields.php:
--------------------------------------------------------------------------------
 1 | <?php 
 2 | 
 3 | // Create fields
 4 | // Show columns
 5 | // Save/Update fields
 6 | // Update the Walker nav
 7 | 
 8 | function fields_list() {
 9 | 	//note that menu-item- gets prepended to field names
10 | 	//i.e.: field-01 becomes menu-item-field-01
11 | 	//i.e.: icon-url becomes menu-item-icon-url
12 | 	return array(
13 | 		'mm-megamenu' => 'Activate MegaMenu',
14 | 		'mm-column-divider' => 'Column Divider',
15 | 		'mm-divider' => 'Inline Divider',
16 | 		'mm-featured-image' => 'Featured Image',
17 | 		'mm-description' => 'Description',
18 | 	);
19 | }
20 | 
21 | // Setup fields
22 | function megamenu_fields( $id, $item, $depth, $args ) {
23 | 
24 | 	$fields = fields_list();
25 | 
26 | 	foreach ( $fields as $_key => $label ) :
27 | 		$key   = sprintf( 'menu-item-%s', $_key );
28 | 		$id    = sprintf( 'edit-%s-%s', $key, $item->ID );
29 | 		$name  = sprintf( '%s[%s]', $key, $item->ID );
30 | 		$value = get_post_meta( $item->ID, $key, true );
31 | 		$class = sprintf( 'field-%s', $_key );
32 | 		?>
33 | 		<p class="description description-wide <?php echo esc_attr( $class ) ?>">
34 | 			<label for="<?php echo esc_attr( $id ); ?>"><input type="checkbox" id="<?php echo esc_attr( $id ); ?>" name="<?php echo esc_attr( $name ); ?>" value="1" <?php echo ( $value == 1 ) ? 'checked="checked"' : ''; ?> /><?php echo esc_attr( $label ); ?></label>
35 | 		</p>
36 | 		<?php
37 | 	endforeach;
38 | 
39 | }
40 | 
41 | add_action( 'wp_nav_menu_item_custom_fields', 'megamenu_fields', 10, 4 );
42 | 
43 | // Create Columns
44 | function megamenu_columns( $columns ) {
45 | 
46 | 	$fields = fields_list();
47 | 
48 | 	$columns = array_merge( $columns, $fields );
49 | 
50 | 	return $columns;
51 | }
52 | 
53 | add_filter( 'manage_nav-menus_columns', 'megamenu_columns', 99 );
54 | 
55 | // Save fields
56 | function megamenu_save( $menu_id, $menu_item_db_id, $menu_item_args ) {
57 | 	if ( defined( 'DOING_AJAX' ) && DOING_AJAX ) {
58 | 		return;
59 | 	}
60 | 
61 | 	check_admin_referer( 'update-nav_menu', 'update-nav-menu-nonce' );
62 | 
63 | 	$fields = fields_list();
64 | 
65 | 	foreach ( $fields as $_key => $label ) {
66 | 		$key = sprintf( 'menu-item-%s', $_key );
67 | 
68 | 		// Sanitize.
69 | 		if ( ! empty( $_POST[ $key ][ $menu_item_db_id ] ) ) {
70 | 			// Do some checks here...
71 | 			$value = $_POST[ $key ][ $menu_item_db_id ];
72 | 		} else {
73 | 			$value = null;
74 | 		}
75 | 
76 | 		// Update.
77 | 		if ( ! is_null( $value ) ) {
78 | 			update_post_meta( $menu_item_db_id, $key, $value );
79 | 			echo "key:$key<br />";
80 | 		} else {
81 | 			delete_post_meta( $menu_item_db_id, $key );
82 | 		}
83 | 	}
84 | }
85 | 
86 | add_action( 'wp_update_nav_menu_item', 'megamenu_save', 10, 3 );
87 | 
88 | function megamenu_filter_walker( $walker ) {
89 |     $walker = 'MegaMenu_Walker_Edit';
90 |     if ( ! class_exists( $walker ) ) {
91 |         require_once dirname( __FILE__ ) . '/config/walker-nav-menu-edit.php';
92 |     }
93 | 
94 |     return $walker;
95 | }
96 | 
97 | add_filter( 'wp_edit_nav_menu_walker', 'megamenu_filter_walker', 99 );


--------------------------------------------------------------------------------
/Lesson 9/style.min.css:
--------------------------------------------------------------------------------
1 | /*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */@import url(../../node_modules/bootstrap/dist/css/bootstrap.min.css);@import 'https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800';html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:0.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace, monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,html [type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}template{display:none}[hidden]{display:none}@-webkit-keyframes animationName{0%{}100%{}}@keyframes animationName{0%{}100%{}}.container,.container-narrow{box-sizing:border-box;width:100%;margin-right:auto;margin-left:auto;padding-right:10px;padding-left:10px}.container::after,.container-narrow::after{content:'';display:table;clear:both}.container{max-width:1440px}.container-narrow{max-width:1190px}.row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;box-sizing:border-box;margin-right:-5px;margin-left:-5px;-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto;-ms-flex-wrap:wrap;flex-wrap:wrap}.row::after{content:'';display:table;clear:both}.row.nowrap{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.row.justify-start{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.row.justify-end{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.row.justify-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.row.justify-between{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.row.justify-around{-ms-flex-pack:distribute;justify-content:space-around}.row.reverse{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.row.align-top{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.row.align-bottom{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.row.align-middle{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.row.align-baseline{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}.row.align-stretch{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.row .flex-item{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.row .flex-item.grow{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}[class^='col-'],[class*=' col-']{position:relative;box-sizing:border-box;width:100%;min-height:1px;padding-right:5px;padding-left:5px;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.col-xs-1{width:8.33333%}.col-xs-2{width:16.66667%}.col-xs-3{width:25%}.col-xs-4{width:33.33333%}.col-xs-5{width:41.66667%}.col-xs-6{width:50%}.col-xs-7{width:58.33333%}.col-xs-8{width:66.66667%}.col-xs-9{width:75%}.col-xs-10{width:83.33333%}.col-xs-11{width:91.66667%}.col-xs-12{width:100%}@media (min-width: 480px){.col-xs-1{max-width:8.33333%;-webkit-box-flex:0;-ms-flex:0 0 8.33333%;flex:0 0 8.33333%}.col-xs-2{max-width:16.66667%;-webkit-box-flex:0;-ms-flex:0 0 16.66667%;flex:0 0 16.66667%}.col-xs-3{max-width:25%;-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%}.col-xs-4{max-width:33.33333%;-webkit-box-flex:0;-ms-flex:0 0 33.33333%;flex:0 0 33.33333%}.col-xs-5{max-width:41.66667%;-webkit-box-flex:0;-ms-flex:0 0 41.66667%;flex:0 0 41.66667%}.col-xs-6{max-width:50%;-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%}.col-xs-7{max-width:58.33333%;-webkit-box-flex:0;-ms-flex:0 0 58.33333%;flex:0 0 58.33333%}.col-xs-8{max-width:66.66667%;-webkit-box-flex:0;-ms-flex:0 0 66.66667%;flex:0 0 66.66667%}.col-xs-9{max-width:75%;-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%}.col-xs-10{max-width:83.33333%;-webkit-box-flex:0;-ms-flex:0 0 83.33333%;flex:0 0 83.33333%}.col-xs-11{max-width:91.66667%;-webkit-box-flex:0;-ms-flex:0 0 91.66667%;flex:0 0 91.66667%}.col-xs-12{max-width:100%;-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%}.col-xs-pull-0{right:auto}.col-xs-pull-1{right:8.33333%}.col-xs-pull-2{right:16.66667%}.col-xs-pull-3{right:25%}.col-xs-pull-4{right:33.33333%}.col-xs-pull-5{right:41.66667%}.col-xs-pull-6{right:50%}.col-xs-pull-7{right:58.33333%}.col-xs-pull-8{right:66.66667%}.col-xs-pull-9{right:75%}.col-xs-pull-10{right:83.33333%}.col-xs-pull-11{right:91.66667%}.col-xs-pull-12{right:100%}.col-xs-push-0{left:auto}.col-xs-push-1{left:8.33333%}.col-xs-push-2{left:16.66667%}.col-xs-push-3{left:25%}.col-xs-push-4{left:33.33333%}.col-xs-push-5{left:41.66667%}.col-xs-push-6{left:50%}.col-xs-push-7{left:58.33333%}.col-xs-push-8{left:66.66667%}.col-xs-push-9{left:75%}.col-xs-push-10{left:83.33333%}.col-xs-push-11{left:91.66667%}.col-xs-push-12{left:100%}.col-xs-offset-1{margin-left:8.33333%}.col-xs-offset-2{margin-left:16.66667%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-4{margin-left:33.33333%}.col-xs-offset-5{margin-left:41.66667%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-7{margin-left:58.33333%}.col-xs-offset-8{margin-left:66.66667%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-10{margin-left:83.33333%}.col-xs-offset-11{margin-left:91.66667%}}@media (min-width: 600px){.col-sm-1{max-width:8.33333%;-webkit-box-flex:0;-ms-flex:0 0 8.33333%;flex:0 0 8.33333%}.col-sm-2{max-width:16.66667%;-webkit-box-flex:0;-ms-flex:0 0 16.66667%;flex:0 0 16.66667%}.col-sm-3{max-width:25%;-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%}.col-sm-4{max-width:33.33333%;-webkit-box-flex:0;-ms-flex:0 0 33.33333%;flex:0 0 33.33333%}.col-sm-5{max-width:41.66667%;-webkit-box-flex:0;-ms-flex:0 0 41.66667%;flex:0 0 41.66667%}.col-sm-6{max-width:50%;-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%}.col-sm-7{max-width:58.33333%;-webkit-box-flex:0;-ms-flex:0 0 58.33333%;flex:0 0 58.33333%}.col-sm-8{max-width:66.66667%;-webkit-box-flex:0;-ms-flex:0 0 66.66667%;flex:0 0 66.66667%}.col-sm-9{max-width:75%;-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%}.col-sm-10{max-width:83.33333%;-webkit-box-flex:0;-ms-flex:0 0 83.33333%;flex:0 0 83.33333%}.col-sm-11{max-width:91.66667%;-webkit-box-flex:0;-ms-flex:0 0 91.66667%;flex:0 0 91.66667%}.col-sm-12{max-width:100%;-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%}.col-sm-pull-0{right:auto}.col-sm-pull-1{right:8.33333%}.col-sm-pull-2{right:16.66667%}.col-sm-pull-3{right:25%}.col-sm-pull-4{right:33.33333%}.col-sm-pull-5{right:41.66667%}.col-sm-pull-6{right:50%}.col-sm-pull-7{right:58.33333%}.col-sm-pull-8{right:66.66667%}.col-sm-pull-9{right:75%}.col-sm-pull-10{right:83.33333%}.col-sm-pull-11{right:91.66667%}.col-sm-pull-12{right:100%}.col-sm-push-0{left:auto}.col-sm-push-1{left:8.33333%}.col-sm-push-2{left:16.66667%}.col-sm-push-3{left:25%}.col-sm-push-4{left:33.33333%}.col-sm-push-5{left:41.66667%}.col-sm-push-6{left:50%}.col-sm-push-7{left:58.33333%}.col-sm-push-8{left:66.66667%}.col-sm-push-9{left:75%}.col-sm-push-10{left:83.33333%}.col-sm-push-11{left:91.66667%}.col-sm-push-12{left:100%}.col-sm-offset-0{margin-left:0%}.col-sm-offset-1{margin-left:8.33333%}.col-sm-offset-2{margin-left:16.66667%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-4{margin-left:33.33333%}.col-sm-offset-5{margin-left:41.66667%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-7{margin-left:58.33333%}.col-sm-offset-8{margin-left:66.66667%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-10{margin-left:83.33333%}.col-sm-offset-11{margin-left:91.66667%}}@media (min-width: 800px){.col-md-1{max-width:8.33333%;-webkit-box-flex:0;-ms-flex:0 0 8.33333%;flex:0 0 8.33333%}.col-md-2{max-width:16.66667%;-webkit-box-flex:0;-ms-flex:0 0 16.66667%;flex:0 0 16.66667%}.col-md-3{max-width:25%;-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%}.col-md-4{max-width:33.33333%;-webkit-box-flex:0;-ms-flex:0 0 33.33333%;flex:0 0 33.33333%}.col-md-5{max-width:41.66667%;-webkit-box-flex:0;-ms-flex:0 0 41.66667%;flex:0 0 41.66667%}.col-md-6{max-width:50%;-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%}.col-md-7{max-width:58.33333%;-webkit-box-flex:0;-ms-flex:0 0 58.33333%;flex:0 0 58.33333%}.col-md-8{max-width:66.66667%;-webkit-box-flex:0;-ms-flex:0 0 66.66667%;flex:0 0 66.66667%}.col-md-9{max-width:75%;-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%}.col-md-10{max-width:83.33333%;-webkit-box-flex:0;-ms-flex:0 0 83.33333%;flex:0 0 83.33333%}.col-md-11{max-width:91.66667%;-webkit-box-flex:0;-ms-flex:0 0 91.66667%;flex:0 0 91.66667%}.col-md-12{max-width:100%;-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%}.col-md-pull-0{right:auto}.col-md-pull-1{right:8.33333%}.col-md-pull-2{right:16.66667%}.col-md-pull-3{right:25%}.col-md-pull-4{right:33.33333%}.col-md-pull-5{right:41.66667%}.col-md-pull-6{right:50%}.col-md-pull-7{right:58.33333%}.col-md-pull-8{right:66.66667%}.col-md-pull-9{right:75%}.col-md-pull-10{right:83.33333%}.col-md-pull-11{right:91.66667%}.col-md-pull-12{right:100%}.col-md-push-0{left:auto}.col-md-push-1{left:8.33333%}.col-md-push-2{left:16.66667%}.col-md-push-3{left:25%}.col-md-push-4{left:33.33333%}.col-md-push-5{left:41.66667%}.col-md-push-6{left:50%}.col-md-push-7{left:58.33333%}.col-md-push-8{left:66.66667%}.col-md-push-9{left:75%}.col-md-push-10{left:83.33333%}.col-md-push-11{left:91.66667%}.col-md-push-12{left:100%}.col-md-offset-0{margin-left:0%}.col-md-offset-1{margin-left:8.33333%}.col-md-offset-2{margin-left:16.66667%}.col-md-offset-3{margin-left:25%}.col-md-offset-4{margin-left:33.33333%}.col-md-offset-5{margin-left:41.66667%}.col-md-offset-6{margin-left:50%}.col-md-offset-7{margin-left:58.33333%}.col-md-offset-8{margin-left:66.66667%}.col-md-offset-9{margin-left:75%}.col-md-offset-10{margin-left:83.33333%}.col-md-offset-11{margin-left:91.66667%}}@media (min-width: 1190px){.col-lg-1{max-width:8.33333%;-webkit-box-flex:0;-ms-flex:0 0 8.33333%;flex:0 0 8.33333%}.col-lg-2{max-width:16.66667%;-webkit-box-flex:0;-ms-flex:0 0 16.66667%;flex:0 0 16.66667%}.col-lg-3{max-width:25%;-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%}.col-lg-4{max-width:33.33333%;-webkit-box-flex:0;-ms-flex:0 0 33.33333%;flex:0 0 33.33333%}.col-lg-5{max-width:41.66667%;-webkit-box-flex:0;-ms-flex:0 0 41.66667%;flex:0 0 41.66667%}.col-lg-6{max-width:50%;-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%}.col-lg-7{max-width:58.33333%;-webkit-box-flex:0;-ms-flex:0 0 58.33333%;flex:0 0 58.33333%}.col-lg-8{max-width:66.66667%;-webkit-box-flex:0;-ms-flex:0 0 66.66667%;flex:0 0 66.66667%}.col-lg-9{max-width:75%;-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%}.col-lg-10{max-width:83.33333%;-webkit-box-flex:0;-ms-flex:0 0 83.33333%;flex:0 0 83.33333%}.col-lg-11{max-width:91.66667%;-webkit-box-flex:0;-ms-flex:0 0 91.66667%;flex:0 0 91.66667%}.col-lg-12{max-width:100%;-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%}.col-lg-pull-0{right:auto}.col-lg-pull-1{right:8.33333%}.col-lg-pull-2{right:16.66667%}.col-lg-pull-3{right:25%}.col-lg-pull-4{right:33.33333%}.col-lg-pull-5{right:41.66667%}.col-lg-pull-6{right:50%}.col-lg-pull-7{right:58.33333%}.col-lg-pull-8{right:66.66667%}.col-lg-pull-9{right:75%}.col-lg-pull-10{right:83.33333%}.col-lg-pull-11{right:91.66667%}.col-lg-pull-12{right:100%}.col-lg-push-0{left:auto}.col-lg-push-1{left:8.33333%}.col-lg-push-2{left:16.66667%}.col-lg-push-3{left:25%}.col-lg-push-4{left:33.33333%}.col-lg-push-5{left:41.66667%}.col-lg-push-6{left:50%}.col-lg-push-7{left:58.33333%}.col-lg-push-8{left:66.66667%}.col-lg-push-9{left:75%}.col-lg-push-10{left:83.33333%}.col-lg-push-11{left:91.66667%}.col-lg-push-12{left:100%}.col-lg-offset-0{margin-left:0%}.col-lg-offset-1{margin-left:8.33333%}.col-lg-offset-2{margin-left:16.66667%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-4{margin-left:33.33333%}.col-lg-offset-5{margin-left:41.66667%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-7{margin-left:58.33333%}.col-lg-offset-8{margin-left:66.66667%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-10{margin-left:83.33333%}.col-lg-offset-11{margin-left:91.66667%}}@media (min-width: 1440px){.col-xl-1{max-width:8.33333%;-webkit-box-flex:0;-ms-flex:0 0 8.33333%;flex:0 0 8.33333%}.col-xl-2{max-width:16.66667%;-webkit-box-flex:0;-ms-flex:0 0 16.66667%;flex:0 0 16.66667%}.col-xl-3{max-width:25%;-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%}.col-xl-4{max-width:33.33333%;-webkit-box-flex:0;-ms-flex:0 0 33.33333%;flex:0 0 33.33333%}.col-xl-5{max-width:41.66667%;-webkit-box-flex:0;-ms-flex:0 0 41.66667%;flex:0 0 41.66667%}.col-xl-6{max-width:50%;-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%}.col-xl-7{max-width:58.33333%;-webkit-box-flex:0;-ms-flex:0 0 58.33333%;flex:0 0 58.33333%}.col-xl-8{max-width:66.66667%;-webkit-box-flex:0;-ms-flex:0 0 66.66667%;flex:0 0 66.66667%}.col-xl-9{max-width:75%;-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%}.col-xl-10{max-width:83.33333%;-webkit-box-flex:0;-ms-flex:0 0 83.33333%;flex:0 0 83.33333%}.col-xl-11{max-width:91.66667%;-webkit-box-flex:0;-ms-flex:0 0 91.66667%;flex:0 0 91.66667%}.col-xl-12{max-width:100%;-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%}.col-xl-pull-0{right:auto}.col-xl-pull-1{right:8.33333%}.col-xl-pull-2{right:16.66667%}.col-xl-pull-3{right:25%}.col-xl-pull-4{right:33.33333%}.col-xl-pull-5{right:41.66667%}.col-xl-pull-6{right:50%}.col-xl-pull-7{right:58.33333%}.col-xl-pull-8{right:66.66667%}.col-xl-pull-9{right:75%}.col-xl-pull-10{right:83.33333%}.col-xl-pull-11{right:91.66667%}.col-xl-pull-12{right:100%}.col-xl-push-0{left:auto}.col-xl-push-1{left:8.33333%}.col-xl-push-2{left:16.66667%}.col-xl-push-3{left:25%}.col-xl-push-4{left:33.33333%}.col-xl-push-5{left:41.66667%}.col-xl-push-6{left:50%}.col-xl-push-7{left:58.33333%}.col-xl-push-8{left:66.66667%}.col-xl-push-9{left:75%}.col-xl-push-10{left:83.33333%}.col-xl-push-11{left:91.66667%}.col-xl-push-12{left:100%}.col-xl-offset-0{margin-left:0%}.col-xl-offset-1{margin-left:8.33333%}.col-xl-offset-2{margin-left:16.66667%}.col-xl-offset-3{margin-left:25%}.col-xl-offset-4{margin-left:33.33333%}.col-xl-offset-5{margin-left:41.66667%}.col-xl-offset-6{margin-left:50%}.col-xl-offset-7{margin-left:58.33333%}.col-xl-offset-8{margin-left:66.66667%}.col-xl-offset-9{margin-left:75%}.col-xl-offset-10{margin-left:83.33333%}.col-xl-offset-11{margin-left:91.66667%}}.pt-0{padding-top:0px}.pt-1{padding-top:10px}.pt-2{padding-top:20px}.pt-3{padding-top:30px}.pt-4{padding-top:40px}.pt-5{padding-top:50px}.pt-6{padding-top:60px}.pt-7{padding-top:70px}.pt-8{padding-top:80px}.pt-9{padding-top:90px}.pt-10{padding-top:100px}.pt-11{padding-top:110px}.pt-12{padding-top:120px}.pt-13{padding-top:130px}.pt-14{padding-top:140px}.pt-15{padding-top:150px}.pt-16{padding-top:160px}.pt-17{padding-top:170px}.pt-18{padding-top:180px}.pt-19{padding-top:190px}.pt-20{padding-top:200px}@media (max-width: 800px){.pt-md-0{padding-top:0px}}@media (max-width: 800px){.pt-md-1{padding-top:10px}}@media (max-width: 800px){.pt-md-2{padding-top:20px}}@media (max-width: 800px){.pt-md-3{padding-top:30px}}@media (max-width: 800px){.pt-md-4{padding-top:40px}}@media (max-width: 800px){.pt-md-5{padding-top:50px}}@media (max-width: 800px){.pt-md-6{padding-top:60px}}@media (max-width: 800px){.pt-md-7{padding-top:70px}}@media (max-width: 800px){.pt-md-8{padding-top:80px}}@media (max-width: 800px){.pt-md-9{padding-top:90px}}@media (max-width: 800px){.pt-md-10{padding-top:100px}}@media (max-width: 800px){.pt-md-11{padding-top:110px}}@media (max-width: 800px){.pt-md-12{padding-top:120px}}@media (max-width: 800px){.pt-md-13{padding-top:130px}}@media (max-width: 800px){.pt-md-14{padding-top:140px}}@media (max-width: 800px){.pt-md-15{padding-top:150px}}@media (max-width: 800px){.pt-md-16{padding-top:160px}}@media (max-width: 800px){.pt-md-17{padding-top:170px}}@media (max-width: 800px){.pt-md-18{padding-top:180px}}@media (max-width: 800px){.pt-md-19{padding-top:190px}}@media (max-width: 800px){.pt-md-20{padding-top:200px}}@media (max-width: 600px){.pt-sm-0{padding-top:0px}}@media (max-width: 600px){.pt-sm-1{padding-top:10px}}@media (max-width: 600px){.pt-sm-2{padding-top:20px}}@media (max-width: 600px){.pt-sm-3{padding-top:30px}}@media (max-width: 600px){.pt-sm-4{padding-top:40px}}@media (max-width: 600px){.pt-sm-5{padding-top:50px}}@media (max-width: 600px){.pt-sm-6{padding-top:60px}}@media (max-width: 600px){.pt-sm-7{padding-top:70px}}@media (max-width: 600px){.pt-sm-8{padding-top:80px}}@media (max-width: 600px){.pt-sm-9{padding-top:90px}}@media (max-width: 600px){.pt-sm-10{padding-top:100px}}@media (max-width: 600px){.pt-sm-11{padding-top:110px}}@media (max-width: 600px){.pt-sm-12{padding-top:120px}}@media (max-width: 600px){.pt-sm-13{padding-top:130px}}@media (max-width: 600px){.pt-sm-14{padding-top:140px}}@media (max-width: 600px){.pt-sm-15{padding-top:150px}}@media (max-width: 600px){.pt-sm-16{padding-top:160px}}@media (max-width: 600px){.pt-sm-17{padding-top:170px}}@media (max-width: 600px){.pt-sm-18{padding-top:180px}}@media (max-width: 600px){.pt-sm-19{padding-top:190px}}@media (max-width: 600px){.pt-sm-20{padding-top:200px}}.pr-0{padding-right:0px}.pr-1{padding-right:10px}.pr-2{padding-right:20px}.pr-3{padding-right:30px}.pr-4{padding-right:40px}.pr-5{padding-right:50px}.pr-6{padding-right:60px}.pr-7{padding-right:70px}.pr-8{padding-right:80px}.pr-9{padding-right:90px}.pr-10{padding-right:100px}.pr-11{padding-right:110px}.pr-12{padding-right:120px}.pr-13{padding-right:130px}.pr-14{padding-right:140px}.pr-15{padding-right:150px}.pr-16{padding-right:160px}.pr-17{padding-right:170px}.pr-18{padding-right:180px}.pr-19{padding-right:190px}.pr-20{padding-right:200px}@media (max-width: 800px){.pr-md-0{padding-right:0px}}@media (max-width: 800px){.pr-md-1{padding-right:10px}}@media (max-width: 800px){.pr-md-2{padding-right:20px}}@media (max-width: 800px){.pr-md-3{padding-right:30px}}@media (max-width: 800px){.pr-md-4{padding-right:40px}}@media (max-width: 800px){.pr-md-5{padding-right:50px}}@media (max-width: 800px){.pr-md-6{padding-right:60px}}@media (max-width: 800px){.pr-md-7{padding-right:70px}}@media (max-width: 800px){.pr-md-8{padding-right:80px}}@media (max-width: 800px){.pr-md-9{padding-right:90px}}@media (max-width: 800px){.pr-md-10{padding-right:100px}}@media (max-width: 800px){.pr-md-11{padding-right:110px}}@media (max-width: 800px){.pr-md-12{padding-right:120px}}@media (max-width: 800px){.pr-md-13{padding-right:130px}}@media (max-width: 800px){.pr-md-14{padding-right:140px}}@media (max-width: 800px){.pr-md-15{padding-right:150px}}@media (max-width: 800px){.pr-md-16{padding-right:160px}}@media (max-width: 800px){.pr-md-17{padding-right:170px}}@media (max-width: 800px){.pr-md-18{padding-right:180px}}@media (max-width: 800px){.pr-md-19{padding-right:190px}}@media (max-width: 800px){.pr-md-20{padding-right:200px}}@media (max-width: 600px){.pr-sm-0{padding-right:0px}}@media (max-width: 600px){.pr-sm-1{padding-right:10px}}@media (max-width: 600px){.pr-sm-2{padding-right:20px}}@media (max-width: 600px){.pr-sm-3{padding-right:30px}}@media (max-width: 600px){.pr-sm-4{padding-right:40px}}@media (max-width: 600px){.pr-sm-5{padding-right:50px}}@media (max-width: 600px){.pr-sm-6{padding-right:60px}}@media (max-width: 600px){.pr-sm-7{padding-right:70px}}@media (max-width: 600px){.pr-sm-8{padding-right:80px}}@media (max-width: 600px){.pr-sm-9{padding-right:90px}}@media (max-width: 600px){.pr-sm-10{padding-right:100px}}@media (max-width: 600px){.pr-sm-11{padding-right:110px}}@media (max-width: 600px){.pr-sm-12{padding-right:120px}}@media (max-width: 600px){.pr-sm-13{padding-right:130px}}@media (max-width: 600px){.pr-sm-14{padding-right:140px}}@media (max-width: 600px){.pr-sm-15{padding-right:150px}}@media (max-width: 600px){.pr-sm-16{padding-right:160px}}@media (max-width: 600px){.pr-sm-17{padding-right:170px}}@media (max-width: 600px){.pr-sm-18{padding-right:180px}}@media (max-width: 600px){.pr-sm-19{padding-right:190px}}@media (max-width: 600px){.pr-sm-20{padding-right:200px}}.pb-0{padding-bottom:0px}.pb-1{padding-bottom:10px}.pb-2{padding-bottom:20px}.pb-3{padding-bottom:30px}.pb-4{padding-bottom:40px}.pb-5{padding-bottom:50px}.pb-6{padding-bottom:60px}.pb-7{padding-bottom:70px}.pb-8{padding-bottom:80px}.pb-9{padding-bottom:90px}.pb-10{padding-bottom:100px}.pb-11{padding-bottom:110px}.pb-12{padding-bottom:120px}.pb-13{padding-bottom:130px}.pb-14{padding-bottom:140px}.pb-15{padding-bottom:150px}.pb-16{padding-bottom:160px}.pb-17{padding-bottom:170px}.pb-18{padding-bottom:180px}.pb-19{padding-bottom:190px}.pb-20{padding-bottom:200px}@media (max-width: 800px){.pb-md-0{padding-bottom:0px}}@media (max-width: 800px){.pb-md-1{padding-bottom:10px}}@media (max-width: 800px){.pb-md-2{padding-bottom:20px}}@media (max-width: 800px){.pb-md-3{padding-bottom:30px}}@media (max-width: 800px){.pb-md-4{padding-bottom:40px}}@media (max-width: 800px){.pb-md-5{padding-bottom:50px}}@media (max-width: 800px){.pb-md-6{padding-bottom:60px}}@media (max-width: 800px){.pb-md-7{padding-bottom:70px}}@media (max-width: 800px){.pb-md-8{padding-bottom:80px}}@media (max-width: 800px){.pb-md-9{padding-bottom:90px}}@media (max-width: 800px){.pb-md-10{padding-bottom:100px}}@media (max-width: 800px){.pb-md-11{padding-bottom:110px}}@media (max-width: 800px){.pb-md-12{padding-bottom:120px}}@media (max-width: 800px){.pb-md-13{padding-bottom:130px}}@media (max-width: 800px){.pb-md-14{padding-bottom:140px}}@media (max-width: 800px){.pb-md-15{padding-bottom:150px}}@media (max-width: 800px){.pb-md-16{padding-bottom:160px}}@media (max-width: 800px){.pb-md-17{padding-bottom:170px}}@media (max-width: 800px){.pb-md-18{padding-bottom:180px}}@media (max-width: 800px){.pb-md-19{padding-bottom:190px}}@media (max-width: 800px){.pb-md-20{padding-bottom:200px}}@media (max-width: 600px){.pb-sm-0{padding-bottom:0px}}@media (max-width: 600px){.pb-sm-1{padding-bottom:10px}}@media (max-width: 600px){.pb-sm-2{padding-bottom:20px}}@media (max-width: 600px){.pb-sm-3{padding-bottom:30px}}@media (max-width: 600px){.pb-sm-4{padding-bottom:40px}}@media (max-width: 600px){.pb-sm-5{padding-bottom:50px}}@media (max-width: 600px){.pb-sm-6{padding-bottom:60px}}@media (max-width: 600px){.pb-sm-7{padding-bottom:70px}}@media (max-width: 600px){.pb-sm-8{padding-bottom:80px}}@media (max-width: 600px){.pb-sm-9{padding-bottom:90px}}@media (max-width: 600px){.pb-sm-10{padding-bottom:100px}}@media (max-width: 600px){.pb-sm-11{padding-bottom:110px}}@media (max-width: 600px){.pb-sm-12{padding-bottom:120px}}@media (max-width: 600px){.pb-sm-13{padding-bottom:130px}}@media (max-width: 600px){.pb-sm-14{padding-bottom:140px}}@media (max-width: 600px){.pb-sm-15{padding-bottom:150px}}@media (max-width: 600px){.pb-sm-16{padding-bottom:160px}}@media (max-width: 600px){.pb-sm-17{padding-bottom:170px}}@media (max-width: 600px){.pb-sm-18{padding-bottom:180px}}@media (max-width: 600px){.pb-sm-19{padding-bottom:190px}}@media (max-width: 600px){.pb-sm-20{padding-bottom:200px}}.pl-0{padding-left:0px}.pl-1{padding-left:10px}.pl-2{padding-left:20px}.pl-3{padding-left:30px}.pl-4{padding-left:40px}.pl-5{padding-left:50px}.pl-6{padding-left:60px}.pl-7{padding-left:70px}.pl-8{padding-left:80px}.pl-9{padding-left:90px}.pl-10{padding-left:100px}.pl-11{padding-left:110px}.pl-12{padding-left:120px}.pl-13{padding-left:130px}.pl-14{padding-left:140px}.pl-15{padding-left:150px}.pl-16{padding-left:160px}.pl-17{padding-left:170px}.pl-18{padding-left:180px}.pl-19{padding-left:190px}.pl-20{padding-left:200px}@media (max-width: 800px){.pl-md-0{padding-left:0px}}@media (max-width: 800px){.pl-md-1{padding-left:10px}}@media (max-width: 800px){.pl-md-2{padding-left:20px}}@media (max-width: 800px){.pl-md-3{padding-left:30px}}@media (max-width: 800px){.pl-md-4{padding-left:40px}}@media (max-width: 800px){.pl-md-5{padding-left:50px}}@media (max-width: 800px){.pl-md-6{padding-left:60px}}@media (max-width: 800px){.pl-md-7{padding-left:70px}}@media (max-width: 800px){.pl-md-8{padding-left:80px}}@media (max-width: 800px){.pl-md-9{padding-left:90px}}@media (max-width: 800px){.pl-md-10{padding-left:100px}}@media (max-width: 800px){.pl-md-11{padding-left:110px}}@media (max-width: 800px){.pl-md-12{padding-left:120px}}@media (max-width: 800px){.pl-md-13{padding-left:130px}}@media (max-width: 800px){.pl-md-14{padding-left:140px}}@media (max-width: 800px){.pl-md-15{padding-left:150px}}@media (max-width: 800px){.pl-md-16{padding-left:160px}}@media (max-width: 800px){.pl-md-17{padding-left:170px}}@media (max-width: 800px){.pl-md-18{padding-left:180px}}@media (max-width: 800px){.pl-md-19{padding-left:190px}}@media (max-width: 800px){.pl-md-20{padding-left:200px}}@media (max-width: 600px){.pl-sm-0{padding-left:0px}}@media (max-width: 600px){.pl-sm-1{padding-left:10px}}@media (max-width: 600px){.pl-sm-2{padding-left:20px}}@media (max-width: 600px){.pl-sm-3{padding-left:30px}}@media (max-width: 600px){.pl-sm-4{padding-left:40px}}@media (max-width: 600px){.pl-sm-5{padding-left:50px}}@media (max-width: 600px){.pl-sm-6{padding-left:60px}}@media (max-width: 600px){.pl-sm-7{padding-left:70px}}@media (max-width: 600px){.pl-sm-8{padding-left:80px}}@media (max-width: 600px){.pl-sm-9{padding-left:90px}}@media (max-width: 600px){.pl-sm-10{padding-left:100px}}@media (max-width: 600px){.pl-sm-11{padding-left:110px}}@media (max-width: 600px){.pl-sm-12{padding-left:120px}}@media (max-width: 600px){.pl-sm-13{padding-left:130px}}@media (max-width: 600px){.pl-sm-14{padding-left:140px}}@media (max-width: 600px){.pl-sm-15{padding-left:150px}}@media (max-width: 600px){.pl-sm-16{padding-left:160px}}@media (max-width: 600px){.pl-sm-17{padding-left:170px}}@media (max-width: 600px){.pl-sm-18{padding-left:180px}}@media (max-width: 600px){.pl-sm-19{padding-left:190px}}@media (max-width: 600px){.pl-sm-20{padding-left:200px}}.p-0{padding:0px}.m-0{margin:0px}.p-1{padding:10px}.m-1{margin:10px}.p-2{padding:20px}.m-2{margin:20px}.p-3{padding:30px}.m-3{margin:30px}.p-4{padding:40px}.m-4{margin:40px}.p-5{padding:50px}.m-5{margin:50px}.p-6{padding:60px}.m-6{margin:60px}.p-7{padding:70px}.m-7{margin:70px}.p-8{padding:80px}.m-8{margin:80px}.p-9{padding:90px}.m-9{margin:90px}.p-10{padding:100px}.m-10{margin:100px}.p-11{padding:110px}.m-11{margin:110px}.p-12{padding:120px}.m-12{margin:120px}.p-13{padding:130px}.m-13{margin:130px}.p-14{padding:140px}.m-14{margin:140px}.p-15{padding:150px}.m-15{margin:150px}.p-16{padding:160px}.m-16{margin:160px}.p-17{padding:170px}.m-17{margin:170px}.p-18{padding:180px}.m-18{margin:180px}.p-19{padding:190px}.m-19{margin:190px}.p-20{padding:200px}.m-20{margin:200px}.mt-0{margin-top:0px}.mt-n-0{margin-top:0px}.mt-1{margin-top:10px}.mt-n-1{margin-top:-10px}.mt-2{margin-top:20px}.mt-n-2{margin-top:-20px}.mt-3{margin-top:30px}.mt-n-3{margin-top:-30px}.mt-4{margin-top:40px}.mt-n-4{margin-top:-40px}.mt-5{margin-top:50px}.mt-n-5{margin-top:-50px}.mt-6{margin-top:60px}.mt-n-6{margin-top:-60px}.mt-7{margin-top:70px}.mt-n-7{margin-top:-70px}.mt-8{margin-top:80px}.mt-n-8{margin-top:-80px}.mt-9{margin-top:90px}.mt-n-9{margin-top:-90px}.mt-10{margin-top:100px}.mt-n-10{margin-top:-100px}.mt-11{margin-top:110px}.mt-n-11{margin-top:-110px}.mt-12{margin-top:120px}.mt-n-12{margin-top:-120px}.mt-13{margin-top:130px}.mt-n-13{margin-top:-130px}.mt-14{margin-top:140px}.mt-n-14{margin-top:-140px}.mt-15{margin-top:150px}.mt-n-15{margin-top:-150px}.mt-16{margin-top:160px}.mt-n-16{margin-top:-160px}.mt-17{margin-top:170px}.mt-n-17{margin-top:-170px}.mt-18{margin-top:180px}.mt-n-18{margin-top:-180px}.mt-19{margin-top:190px}.mt-n-19{margin-top:-190px}.mt-20{margin-top:200px}.mt-n-20{margin-top:-200px}@media (max-width: 800px){.mt-md-0{margin-top:0px}.mt-md-n-0{margin-top:0px}}@media (max-width: 800px){.mt-md-1{margin-top:10px}.mt-md-n-1{margin-top:-10px}}@media (max-width: 800px){.mt-md-2{margin-top:20px}.mt-md-n-2{margin-top:-20px}}@media (max-width: 800px){.mt-md-3{margin-top:30px}.mt-md-n-3{margin-top:-30px}}@media (max-width: 800px){.mt-md-4{margin-top:40px}.mt-md-n-4{margin-top:-40px}}@media (max-width: 800px){.mt-md-5{margin-top:50px}.mt-md-n-5{margin-top:-50px}}@media (max-width: 800px){.mt-md-6{margin-top:60px}.mt-md-n-6{margin-top:-60px}}@media (max-width: 800px){.mt-md-7{margin-top:70px}.mt-md-n-7{margin-top:-70px}}@media (max-width: 800px){.mt-md-8{margin-top:80px}.mt-md-n-8{margin-top:-80px}}@media (max-width: 800px){.mt-md-9{margin-top:90px}.mt-md-n-9{margin-top:-90px}}@media (max-width: 800px){.mt-md-10{margin-top:100px}.mt-md-n-10{margin-top:-100px}}@media (max-width: 800px){.mt-md-11{margin-top:110px}.mt-md-n-11{margin-top:-110px}}@media (max-width: 800px){.mt-md-12{margin-top:120px}.mt-md-n-12{margin-top:-120px}}@media (max-width: 800px){.mt-md-13{margin-top:130px}.mt-md-n-13{margin-top:-130px}}@media (max-width: 800px){.mt-md-14{margin-top:140px}.mt-md-n-14{margin-top:-140px}}@media (max-width: 800px){.mt-md-15{margin-top:150px}.mt-md-n-15{margin-top:-150px}}@media (max-width: 800px){.mt-md-16{margin-top:160px}.mt-md-n-16{margin-top:-160px}}@media (max-width: 800px){.mt-md-17{margin-top:170px}.mt-md-n-17{margin-top:-170px}}@media (max-width: 800px){.mt-md-18{margin-top:180px}.mt-md-n-18{margin-top:-180px}}@media (max-width: 800px){.mt-md-19{margin-top:190px}.mt-md-n-19{margin-top:-190px}}@media (max-width: 800px){.mt-md-20{margin-top:200px}.mt-md-n-20{margin-top:-200px}}@media (max-width: 600px){.mt-sm-0{margin-top:0px}.mt-sm-n-0{margin-top:0px}}@media (max-width: 600px){.mt-sm-1{margin-top:10px}.mt-sm-n-1{margin-top:-10px}}@media (max-width: 600px){.mt-sm-2{margin-top:20px}.mt-sm-n-2{margin-top:-20px}}@media (max-width: 600px){.mt-sm-3{margin-top:30px}.mt-sm-n-3{margin-top:-30px}}@media (max-width: 600px){.mt-sm-4{margin-top:40px}.mt-sm-n-4{margin-top:-40px}}@media (max-width: 600px){.mt-sm-5{margin-top:50px}.mt-sm-n-5{margin-top:-50px}}@media (max-width: 600px){.mt-sm-6{margin-top:60px}.mt-sm-n-6{margin-top:-60px}}@media (max-width: 600px){.mt-sm-7{margin-top:70px}.mt-sm-n-7{margin-top:-70px}}@media (max-width: 600px){.mt-sm-8{margin-top:80px}.mt-sm-n-8{margin-top:-80px}}@media (max-width: 600px){.mt-sm-9{margin-top:90px}.mt-sm-n-9{margin-top:-90px}}@media (max-width: 600px){.mt-sm-10{margin-top:100px}.mt-sm-n-10{margin-top:-100px}}@media (max-width: 600px){.mt-sm-11{margin-top:110px}.mt-sm-n-11{margin-top:-110px}}@media (max-width: 600px){.mt-sm-12{margin-top:120px}.mt-sm-n-12{margin-top:-120px}}@media (max-width: 600px){.mt-sm-13{margin-top:130px}.mt-sm-n-13{margin-top:-130px}}@media (max-width: 600px){.mt-sm-14{margin-top:140px}.mt-sm-n-14{margin-top:-140px}}@media (max-width: 600px){.mt-sm-15{margin-top:150px}.mt-sm-n-15{margin-top:-150px}}@media (max-width: 600px){.mt-sm-16{margin-top:160px}.mt-sm-n-16{margin-top:-160px}}@media (max-width: 600px){.mt-sm-17{margin-top:170px}.mt-sm-n-17{margin-top:-170px}}@media (max-width: 600px){.mt-sm-18{margin-top:180px}.mt-sm-n-18{margin-top:-180px}}@media (max-width: 600px){.mt-sm-19{margin-top:190px}.mt-sm-n-19{margin-top:-190px}}@media (max-width: 600px){.mt-sm-20{margin-top:200px}.mt-sm-n-20{margin-top:-200px}}.mr-0{margin-right:0px}.mr-n-0{margin-right:0px}.mr-1{margin-right:10px}.mr-n-1{margin-right:-10px}.mr-2{margin-right:20px}.mr-n-2{margin-right:-20px}.mr-3{margin-right:30px}.mr-n-3{margin-right:-30px}.mr-4{margin-right:40px}.mr-n-4{margin-right:-40px}.mr-5{margin-right:50px}.mr-n-5{margin-right:-50px}.mr-6{margin-right:60px}.mr-n-6{margin-right:-60px}.mr-7{margin-right:70px}.mr-n-7{margin-right:-70px}.mr-8{margin-right:80px}.mr-n-8{margin-right:-80px}.mr-9{margin-right:90px}.mr-n-9{margin-right:-90px}.mr-10{margin-right:100px}.mr-n-10{margin-right:-100px}.mr-11{margin-right:110px}.mr-n-11{margin-right:-110px}.mr-12{margin-right:120px}.mr-n-12{margin-right:-120px}.mr-13{margin-right:130px}.mr-n-13{margin-right:-130px}.mr-14{margin-right:140px}.mr-n-14{margin-right:-140px}.mr-15{margin-right:150px}.mr-n-15{margin-right:-150px}.mr-16{margin-right:160px}.mr-n-16{margin-right:-160px}.mr-17{margin-right:170px}.mr-n-17{margin-right:-170px}.mr-18{margin-right:180px}.mr-n-18{margin-right:-180px}.mr-19{margin-right:190px}.mr-n-19{margin-right:-190px}.mr-20{margin-right:200px}.mr-n-20{margin-right:-200px}@media (max-width: 800px){.mr-md-0{margin-right:0px}.mr-md-n-0{margin-right:0px}}@media (max-width: 800px){.mr-md-1{margin-right:10px}.mr-md-n-1{margin-right:-10px}}@media (max-width: 800px){.mr-md-2{margin-right:20px}.mr-md-n-2{margin-right:-20px}}@media (max-width: 800px){.mr-md-3{margin-right:30px}.mr-md-n-3{margin-right:-30px}}@media (max-width: 800px){.mr-md-4{margin-right:40px}.mr-md-n-4{margin-right:-40px}}@media (max-width: 800px){.mr-md-5{margin-right:50px}.mr-md-n-5{margin-right:-50px}}@media (max-width: 800px){.mr-md-6{margin-right:60px}.mr-md-n-6{margin-right:-60px}}@media (max-width: 800px){.mr-md-7{margin-right:70px}.mr-md-n-7{margin-right:-70px}}@media (max-width: 800px){.mr-md-8{margin-right:80px}.mr-md-n-8{margin-right:-80px}}@media (max-width: 800px){.mr-md-9{margin-right:90px}.mr-md-n-9{margin-right:-90px}}@media (max-width: 800px){.mr-md-10{margin-right:100px}.mr-md-n-10{margin-right:-100px}}@media (max-width: 800px){.mr-md-11{margin-right:110px}.mr-md-n-11{margin-right:-110px}}@media (max-width: 800px){.mr-md-12{margin-right:120px}.mr-md-n-12{margin-right:-120px}}@media (max-width: 800px){.mr-md-13{margin-right:130px}.mr-md-n-13{margin-right:-130px}}@media (max-width: 800px){.mr-md-14{margin-right:140px}.mr-md-n-14{margin-right:-140px}}@media (max-width: 800px){.mr-md-15{margin-right:150px}.mr-md-n-15{margin-right:-150px}}@media (max-width: 800px){.mr-md-16{margin-right:160px}.mr-md-n-16{margin-right:-160px}}@media (max-width: 800px){.mr-md-17{margin-right:170px}.mr-md-n-17{margin-right:-170px}}@media (max-width: 800px){.mr-md-18{margin-right:180px}.mr-md-n-18{margin-right:-180px}}@media (max-width: 800px){.mr-md-19{margin-right:190px}.mr-md-n-19{margin-right:-190px}}@media (max-width: 800px){.mr-md-20{margin-right:200px}.mr-md-n-20{margin-right:-200px}}@media (max-width: 600px){.mr-sm-0{margin-right:0px}.mr-sm-n-0{margin-right:0px}}@media (max-width: 600px){.mr-sm-1{margin-right:10px}.mr-sm-n-1{margin-right:-10px}}@media (max-width: 600px){.mr-sm-2{margin-right:20px}.mr-sm-n-2{margin-right:-20px}}@media (max-width: 600px){.mr-sm-3{margin-right:30px}.mr-sm-n-3{margin-right:-30px}}@media (max-width: 600px){.mr-sm-4{margin-right:40px}.mr-sm-n-4{margin-right:-40px}}@media (max-width: 600px){.mr-sm-5{margin-right:50px}.mr-sm-n-5{margin-right:-50px}}@media (max-width: 600px){.mr-sm-6{margin-right:60px}.mr-sm-n-6{margin-right:-60px}}@media (max-width: 600px){.mr-sm-7{margin-right:70px}.mr-sm-n-7{margin-right:-70px}}@media (max-width: 600px){.mr-sm-8{margin-right:80px}.mr-sm-n-8{margin-right:-80px}}@media (max-width: 600px){.mr-sm-9{margin-right:90px}.mr-sm-n-9{margin-right:-90px}}@media (max-width: 600px){.mr-sm-10{margin-right:100px}.mr-sm-n-10{margin-right:-100px}}@media (max-width: 600px){.mr-sm-11{margin-right:110px}.mr-sm-n-11{margin-right:-110px}}@media (max-width: 600px){.mr-sm-12{margin-right:120px}.mr-sm-n-12{margin-right:-120px}}@media (max-width: 600px){.mr-sm-13{margin-right:130px}.mr-sm-n-13{margin-right:-130px}}@media (max-width: 600px){.mr-sm-14{margin-right:140px}.mr-sm-n-14{margin-right:-140px}}@media (max-width: 600px){.mr-sm-15{margin-right:150px}.mr-sm-n-15{margin-right:-150px}}@media (max-width: 600px){.mr-sm-16{margin-right:160px}.mr-sm-n-16{margin-right:-160px}}@media (max-width: 600px){.mr-sm-17{margin-right:170px}.mr-sm-n-17{margin-right:-170px}}@media (max-width: 600px){.mr-sm-18{margin-right:180px}.mr-sm-n-18{margin-right:-180px}}@media (max-width: 600px){.mr-sm-19{margin-right:190px}.mr-sm-n-19{margin-right:-190px}}@media (max-width: 600px){.mr-sm-20{margin-right:200px}.mr-sm-n-20{margin-right:-200px}}.mb-0{margin-bottom:0px}.mb-n-0{margin-bottom:0px}.mb-1{margin-bottom:10px}.mb-n-1{margin-bottom:-10px}.mb-2{margin-bottom:20px}.mb-n-2{margin-bottom:-20px}.mb-3{margin-bottom:30px}.mb-n-3{margin-bottom:-30px}.mb-4{margin-bottom:40px}.mb-n-4{margin-bottom:-40px}.mb-5{margin-bottom:50px}.mb-n-5{margin-bottom:-50px}.mb-6{margin-bottom:60px}.mb-n-6{margin-bottom:-60px}.mb-7{margin-bottom:70px}.mb-n-7{margin-bottom:-70px}.mb-8{margin-bottom:80px}.mb-n-8{margin-bottom:-80px}.mb-9{margin-bottom:90px}.mb-n-9{margin-bottom:-90px}.mb-10{margin-bottom:100px}.mb-n-10{margin-bottom:-100px}.mb-11{margin-bottom:110px}.mb-n-11{margin-bottom:-110px}.mb-12{margin-bottom:120px}.mb-n-12{margin-bottom:-120px}.mb-13{margin-bottom:130px}.mb-n-13{margin-bottom:-130px}.mb-14{margin-bottom:140px}.mb-n-14{margin-bottom:-140px}.mb-15{margin-bottom:150px}.mb-n-15{margin-bottom:-150px}.mb-16{margin-bottom:160px}.mb-n-16{margin-bottom:-160px}.mb-17{margin-bottom:170px}.mb-n-17{margin-bottom:-170px}.mb-18{margin-bottom:180px}.mb-n-18{margin-bottom:-180px}.mb-19{margin-bottom:190px}.mb-n-19{margin-bottom:-190px}.mb-20{margin-bottom:200px}.mb-n-20{margin-bottom:-200px}@media (max-width: 800px){.mb-md-0{margin-bottom:0px}.mb-md-n-0{margin-bottom:0px}}@media (max-width: 800px){.mb-md-1{margin-bottom:10px}.mb-md-n-1{margin-bottom:-10px}}@media (max-width: 800px){.mb-md-2{margin-bottom:20px}.mb-md-n-2{margin-bottom:-20px}}@media (max-width: 800px){.mb-md-3{margin-bottom:30px}.mb-md-n-3{margin-bottom:-30px}}@media (max-width: 800px){.mb-md-4{margin-bottom:40px}.mb-md-n-4{margin-bottom:-40px}}@media (max-width: 800px){.mb-md-5{margin-bottom:50px}.mb-md-n-5{margin-bottom:-50px}}@media (max-width: 800px){.mb-md-6{margin-bottom:60px}.mb-md-n-6{margin-bottom:-60px}}@media (max-width: 800px){.mb-md-7{margin-bottom:70px}.mb-md-n-7{margin-bottom:-70px}}@media (max-width: 800px){.mb-md-8{margin-bottom:80px}.mb-md-n-8{margin-bottom:-80px}}@media (max-width: 800px){.mb-md-9{margin-bottom:90px}.mb-md-n-9{margin-bottom:-90px}}@media (max-width: 800px){.mb-md-10{margin-bottom:100px}.mb-md-n-10{margin-bottom:-100px}}@media (max-width: 800px){.mb-md-11{margin-bottom:110px}.mb-md-n-11{margin-bottom:-110px}}@media (max-width: 800px){.mb-md-12{margin-bottom:120px}.mb-md-n-12{margin-bottom:-120px}}@media (max-width: 800px){.mb-md-13{margin-bottom:130px}.mb-md-n-13{margin-bottom:-130px}}@media (max-width: 800px){.mb-md-14{margin-bottom:140px}.mb-md-n-14{margin-bottom:-140px}}@media (max-width: 800px){.mb-md-15{margin-bottom:150px}.mb-md-n-15{margin-bottom:-150px}}@media (max-width: 800px){.mb-md-16{margin-bottom:160px}.mb-md-n-16{margin-bottom:-160px}}@media (max-width: 800px){.mb-md-17{margin-bottom:170px}.mb-md-n-17{margin-bottom:-170px}}@media (max-width: 800px){.mb-md-18{margin-bottom:180px}.mb-md-n-18{margin-bottom:-180px}}@media (max-width: 800px){.mb-md-19{margin-bottom:190px}.mb-md-n-19{margin-bottom:-190px}}@media (max-width: 800px){.mb-md-20{margin-bottom:200px}.mb-md-n-20{margin-bottom:-200px}}@media (max-width: 600px){.mb-sm-0{margin-bottom:0px}.mb-sm-n-0{margin-bottom:0px}}@media (max-width: 600px){.mb-sm-1{margin-bottom:10px}.mb-sm-n-1{margin-bottom:-10px}}@media (max-width: 600px){.mb-sm-2{margin-bottom:20px}.mb-sm-n-2{margin-bottom:-20px}}@media (max-width: 600px){.mb-sm-3{margin-bottom:30px}.mb-sm-n-3{margin-bottom:-30px}}@media (max-width: 600px){.mb-sm-4{margin-bottom:40px}.mb-sm-n-4{margin-bottom:-40px}}@media (max-width: 600px){.mb-sm-5{margin-bottom:50px}.mb-sm-n-5{margin-bottom:-50px}}@media (max-width: 600px){.mb-sm-6{margin-bottom:60px}.mb-sm-n-6{margin-bottom:-60px}}@media (max-width: 600px){.mb-sm-7{margin-bottom:70px}.mb-sm-n-7{margin-bottom:-70px}}@media (max-width: 600px){.mb-sm-8{margin-bottom:80px}.mb-sm-n-8{margin-bottom:-80px}}@media (max-width: 600px){.mb-sm-9{margin-bottom:90px}.mb-sm-n-9{margin-bottom:-90px}}@media (max-width: 600px){.mb-sm-10{margin-bottom:100px}.mb-sm-n-10{margin-bottom:-100px}}@media (max-width: 600px){.mb-sm-11{margin-bottom:110px}.mb-sm-n-11{margin-bottom:-110px}}@media (max-width: 600px){.mb-sm-12{margin-bottom:120px}.mb-sm-n-12{margin-bottom:-120px}}@media (max-width: 600px){.mb-sm-13{margin-bottom:130px}.mb-sm-n-13{margin-bottom:-130px}}@media (max-width: 600px){.mb-sm-14{margin-bottom:140px}.mb-sm-n-14{margin-bottom:-140px}}@media (max-width: 600px){.mb-sm-15{margin-bottom:150px}.mb-sm-n-15{margin-bottom:-150px}}@media (max-width: 600px){.mb-sm-16{margin-bottom:160px}.mb-sm-n-16{margin-bottom:-160px}}@media (max-width: 600px){.mb-sm-17{margin-bottom:170px}.mb-sm-n-17{margin-bottom:-170px}}@media (max-width: 600px){.mb-sm-18{margin-bottom:180px}.mb-sm-n-18{margin-bottom:-180px}}@media (max-width: 600px){.mb-sm-19{margin-bottom:190px}.mb-sm-n-19{margin-bottom:-190px}}@media (max-width: 600px){.mb-sm-20{margin-bottom:200px}.mb-sm-n-20{margin-bottom:-200px}}.ml-0{margin-left:0px}.ml-n-0{margin-left:0px}.ml-1{margin-left:10px}.ml-n-1{margin-left:-10px}.ml-2{margin-left:20px}.ml-n-2{margin-left:-20px}.ml-3{margin-left:30px}.ml-n-3{margin-left:-30px}.ml-4{margin-left:40px}.ml-n-4{margin-left:-40px}.ml-5{margin-left:50px}.ml-n-5{margin-left:-50px}.ml-6{margin-left:60px}.ml-n-6{margin-left:-60px}.ml-7{margin-left:70px}.ml-n-7{margin-left:-70px}.ml-8{margin-left:80px}.ml-n-8{margin-left:-80px}.ml-9{margin-left:90px}.ml-n-9{margin-left:-90px}.ml-10{margin-left:100px}.ml-n-10{margin-left:-100px}.ml-11{margin-left:110px}.ml-n-11{margin-left:-110px}.ml-12{margin-left:120px}.ml-n-12{margin-left:-120px}.ml-13{margin-left:130px}.ml-n-13{margin-left:-130px}.ml-14{margin-left:140px}.ml-n-14{margin-left:-140px}.ml-15{margin-left:150px}.ml-n-15{margin-left:-150px}.ml-16{margin-left:160px}.ml-n-16{margin-left:-160px}.ml-17{margin-left:170px}.ml-n-17{margin-left:-170px}.ml-18{margin-left:180px}.ml-n-18{margin-left:-180px}.ml-19{margin-left:190px}.ml-n-19{margin-left:-190px}.ml-20{margin-left:200px}.ml-n-20{margin-left:-200px}@media (max-width: 800px){.ml-md-0{margin-left:0px}.ml-md-n-0{margin-left:0px}}@media (max-width: 800px){.ml-md-1{margin-left:10px}.ml-md-n-1{margin-left:-10px}}@media (max-width: 800px){.ml-md-2{margin-left:20px}.ml-md-n-2{margin-left:-20px}}@media (max-width: 800px){.ml-md-3{margin-left:30px}.ml-md-n-3{margin-left:-30px}}@media (max-width: 800px){.ml-md-4{margin-left:40px}.ml-md-n-4{margin-left:-40px}}@media (max-width: 800px){.ml-md-5{margin-left:50px}.ml-md-n-5{margin-left:-50px}}@media (max-width: 800px){.ml-md-6{margin-left:60px}.ml-md-n-6{margin-left:-60px}}@media (max-width: 800px){.ml-md-7{margin-left:70px}.ml-md-n-7{margin-left:-70px}}@media (max-width: 800px){.ml-md-8{margin-left:80px}.ml-md-n-8{margin-left:-80px}}@media (max-width: 800px){.ml-md-9{margin-left:90px}.ml-md-n-9{margin-left:-90px}}@media (max-width: 800px){.ml-md-10{margin-left:100px}.ml-md-n-10{margin-left:-100px}}@media (max-width: 800px){.ml-md-11{margin-left:110px}.ml-md-n-11{margin-left:-110px}}@media (max-width: 800px){.ml-md-12{margin-left:120px}.ml-md-n-12{margin-left:-120px}}@media (max-width: 800px){.ml-md-13{margin-left:130px}.ml-md-n-13{margin-left:-130px}}@media (max-width: 800px){.ml-md-14{margin-left:140px}.ml-md-n-14{margin-left:-140px}}@media (max-width: 800px){.ml-md-15{margin-left:150px}.ml-md-n-15{margin-left:-150px}}@media (max-width: 800px){.ml-md-16{margin-left:160px}.ml-md-n-16{margin-left:-160px}}@media (max-width: 800px){.ml-md-17{margin-left:170px}.ml-md-n-17{margin-left:-170px}}@media (max-width: 800px){.ml-md-18{margin-left:180px}.ml-md-n-18{margin-left:-180px}}@media (max-width: 800px){.ml-md-19{margin-left:190px}.ml-md-n-19{margin-left:-190px}}@media (max-width: 800px){.ml-md-20{margin-left:200px}.ml-md-n-20{margin-left:-200px}}@media (max-width: 600px){.ml-sm-0{margin-left:0px}.ml-sm-n-0{margin-left:0px}}@media (max-width: 600px){.ml-sm-1{margin-left:10px}.ml-sm-n-1{margin-left:-10px}}@media (max-width: 600px){.ml-sm-2{margin-left:20px}.ml-sm-n-2{margin-left:-20px}}@media (max-width: 600px){.ml-sm-3{margin-left:30px}.ml-sm-n-3{margin-left:-30px}}@media (max-width: 600px){.ml-sm-4{margin-left:40px}.ml-sm-n-4{margin-left:-40px}}@media (max-width: 600px){.ml-sm-5{margin-left:50px}.ml-sm-n-5{margin-left:-50px}}@media (max-width: 600px){.ml-sm-6{margin-left:60px}.ml-sm-n-6{margin-left:-60px}}@media (max-width: 600px){.ml-sm-7{margin-left:70px}.ml-sm-n-7{margin-left:-70px}}@media (max-width: 600px){.ml-sm-8{margin-left:80px}.ml-sm-n-8{margin-left:-80px}}@media (max-width: 600px){.ml-sm-9{margin-left:90px}.ml-sm-n-9{margin-left:-90px}}@media (max-width: 600px){.ml-sm-10{margin-left:100px}.ml-sm-n-10{margin-left:-100px}}@media (max-width: 600px){.ml-sm-11{margin-left:110px}.ml-sm-n-11{margin-left:-110px}}@media (max-width: 600px){.ml-sm-12{margin-left:120px}.ml-sm-n-12{margin-left:-120px}}@media (max-width: 600px){.ml-sm-13{margin-left:130px}.ml-sm-n-13{margin-left:-130px}}@media (max-width: 600px){.ml-sm-14{margin-left:140px}.ml-sm-n-14{margin-left:-140px}}@media (max-width: 600px){.ml-sm-15{margin-left:150px}.ml-sm-n-15{margin-left:-150px}}@media (max-width: 600px){.ml-sm-16{margin-left:160px}.ml-sm-n-16{margin-left:-160px}}@media (max-width: 600px){.ml-sm-17{margin-left:170px}.ml-sm-n-17{margin-left:-170px}}@media (max-width: 600px){.ml-sm-18{margin-left:180px}.ml-sm-n-18{margin-left:-180px}}@media (max-width: 600px){.ml-sm-19{margin-left:190px}.ml-sm-n-19{margin-left:-190px}}@media (max-width: 600px){.ml-sm-20{margin-left:200px}.ml-sm-n-20{margin-left:-200px}}.alignnone{margin:5px 20px 20px 0}.aligncenter,div.aligncenter{display:block;margin:5px auto 5px auto}.alignright{float:right;margin:5px 0 20px 20px}.alignleft{float:left;margin:5px 20px 20px 0}a img.alignright{float:right;margin:5px 0 20px 20px}a img.alignnone{margin:5px 20px 20px 0}a img.alignleft{float:left;margin:5px 20px 20px 0}a img.aligncenter{display:block;margin-left:auto;margin-right:auto}.wp-caption{background:#fff;border:1px solid #f0f0f0;max-width:96%;padding:5px 3px 10px;text-align:center}.wp-caption.alignnone{margin:5px 20px 20px 0}.wp-caption.alignleft{margin:5px 20px 20px 0}.wp-caption.alignright{margin:5px 0 20px 20px}.wp-caption img{border:0 none;height:auto;margin:0;max-width:98.5%;padding:0;width:auto}.wp-caption p.wp-caption-text{font-size:11px;line-height:17px;margin:0;padding:0 4px 5px}.screen-reader-text{clip:rect(1px, 1px, 1px, 1px);position:absolute !important;height:1px;width:1px;overflow:hidden}.screen-reader-text:focus{background-color:#f1f1f1;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,0.6);clip:auto !important;color:#21759b;display:block;font-size:14px;font-size:0.875rem;font-weight:bold;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}body{font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:400;font-size:18px;line-height:27px;letter-spacing:.5px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,.h1{font-size:40px;line-height:60px;letter-spacing:0}@media (max-width: 600px){h1,.h1{font-size:26px;line-height:39px;letter-spacing:0}}h2,.h2{font-size:26px;line-height:32px;letter-spacing:.36px}@media (max-width: 600px){h2,.h2{font-size:20px;line-height:24px;letter-spacing:.36px}}h3,.h3,.btn{font-size:22px;line-height:27px;letter-spacing:.3px}@media (max-width: 600px){h3,.h3,.btn{font-size:18px;line-height:22px;letter-spacing:.3px}}h4,.h4{font-size:20px;line-height:26px;letter-spacing:0}@media (max-width: 600px){h4,.h4{font-size:15px;line-height:20px;letter-spacing:0}}h5,.h5,.btn.btn-sm{font-size:18px;line-height:27px;letter-spacing:0}@media (max-width: 600px){h5,.h5,.btn.btn-sm{font-size:15px;line-height:22.5px;letter-spacing:0}}small,.small{font-size:15px;line-height:20px;letter-spacing:.28px}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.text-bold{font-weight:700}.text-semibold{font-weight:600}.text-uppercase{text-transform:uppercase}.no-line-height{line-height:1em !important}button{transition:all 320ms ease}.btn{padding:15px 30px;border:none;border-radius:2px}.btn:active{box-shadow:none}.btn:focus{outline:none}.btn.btn-sm{padding:8px 18px}.btn.btn-xs{padding:8px 18px;font-size:13px;line-height:13px;letter-spacing:.4px}.btn.btn-xxs{padding:6px 10px;font-size:11px;line-height:11px;letter-spacing:.4px}a{transition:all 320ms ease}a,a:hover,a:focus{text-decoration:none}.text-white{color:#fff}.background-white{background-color:#fff}.border-white{border-color:#fff}.text-black{color:#000}.background-black{background-color:#000}.border-black{border-color:#000}.text-light-grey{color:#f0f0f0}.background-light-grey{background-color:#f0f0f0}.border-light-grey{border-color:#f0f0f0}::-moz-selection{background:#000;color:#fff}::selection{background:#000;color:#fff}::-moz-selection{background:#000;color:#fff}.relative{position:relative}.absolute{position:absolute}.display-table{display:table;width:100%;height:100%}.display-table .display-table-cell{display:table-cell;width:100%;height:100%;vertical-align:middle}.background-image{background-repeat:no-repeat;background-position:center center;background-size:cover}.overlay-dark{position:relative}.overlay-dark:before{position:absolute;top:0;right:0;bottom:0;left:0;display:block;content:'';opacity:.5;background-color:#000}.hide{display:none;visibility:hidden}.show{display:inline-block;visibility:visible}.video-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden}.video-container iframe,.video-container embed,.video-container object,.video-container video{position:absolute;top:0;left:0;width:100%;height:100%}img,img.img-responsive{width:auto;max-width:100%;height:auto}header{position:relative}.navbar-megamenu{background-color:#3C5071;border-color:#2F415E;border-radius:2px}.navbar-megamenu .navbar-brand{color:#fff;font-weight:800}.navbar-megamenu .navbar-nav>li>a{color:#fff}.navbar-megamenu .navbar-nav>li>a:hover,.navbar-megamenu .navbar-nav>li>a:focus{color:#fff;background-color:#30405A}.navbar-megamenu .navbar-nav>li.active>a,.navbar-megamenu .navbar-nav>li.active>a:hover,.navbar-megamenu .navbar-nav>li.active>a:focus,.navbar-megamenu .navbar-nav>li.open>a,.navbar-megamenu .navbar-nav>li.open>a:hover,.navbar-megamenu .navbar-nav>li.open>a:focus{color:#fff;background-color:#30405A}.navbar-megamenu .navbar-nav>li.megamenu{position:static}.navbar-megamenu .navbar-nav>li.megamenu>.dropdown-menu{min-width:280px}.navbar-megamenu .navbar-nav>li.megamenu>.dropdown-menu .megamenu-column{width:280px;display:block;float:left}.navbar-megamenu .navbar-nav>li.megamenu>.dropdown-menu .megamenu-column:not(:first-child):after{position:absolute;display:block;content:'';width:1px;background-color:#eeeeee;height:100%;top:0}.navbar-megamenu .navbar-nav>li.megamenu>.dropdown-menu .megamenu-column .divider{margin:16px 20px 10px;max-width:60px}.navbar-megamenu .navbar-nav>li.megamenu>.dropdown-menu .megamenu-column ul{padding:0;margin:0;list-style:none}.navbar-megamenu .navbar-nav>li.megamenu>.dropdown-menu .megamenu-column a{font-size:13px;padding:3px 20px;display:block;color:#333}.navbar-megamenu .navbar-nav>li.megamenu>.dropdown-menu .megamenu-column a:hover,.navbar-megamenu .navbar-nav>li.megamenu>.dropdown-menu .megamenu-column a:focus{background-color:#f5f5f5;color:#333}.navbar-megamenu .navbar-nav>li.megamenu>.dropdown-menu .megamenu-column span.sub{font-size:11px;line-height:1.6em;margin-top:-4px;padding:2px 20px;display:block}.navbar-megamenu .navbar-nav>li.megamenu>.dropdown-menu .megamenu-column .featured-image a{font-size:14px;color:#2E7DD9;font-weight:600}.navbar-megamenu .navbar-nav>li.megamenu>.dropdown-menu .megamenu-column .featured-image a img{padding:5px 0}.navbar-megamenu .navbar-nav>li.megamenu>.dropdown-menu .megamenu-column .description{padding:3px 0}.navbar-megamenu .navbar-nav>li.megamenu>.dropdown-menu .megamenu-column .description a{display:none}aside{position:relative}footer{position:relative}
2 | 
3 | /*# sourceMappingURL=style.min.css.map */
4 | 


--------------------------------------------------------------------------------
/Lesson 9/style.min.css.map:
--------------------------------------------------------------------------------
1 | {"version":3,"sources":["../../node_modules/normalize.css/normalize.css","style.scss","partials/_typography.scss","base/_animations.scss","base/mixins/_animations.scss","base/_containers.scss","base/_variables.scss","base/mixins/_helpers.scss","base/_grid.scss","base/mixins/_grid.scss","base/_spacing.scss","base/_wordpress.scss","base/mixins/_typography.scss","base/mixins/_transitions.scss","partials/_buttons.scss","partials/_links.scss","partials/_colours.scss","partials/_helpers.scss","partials/_media.scss","components/_header.scss","components/_sidebar.scss","components/_footer.scss"],"names":[],"mappings":"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","file":"style.min.css","sourcesContent":["/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */\n\n/* Document\n   ========================================================================== */\n\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in\n *    IE on Windows Phone and in iOS.\n */\n\nhtml {\n  line-height: 1.15; /* 1 */\n  -ms-text-size-adjust: 100%; /* 2 */\n  -webkit-text-size-adjust: 100%; /* 2 */\n}\n\n/* Sections\n   ========================================================================== */\n\n/**\n * Remove the margin in all browsers (opinionated).\n */\n\nbody {\n  margin: 0;\n}\n\n/**\n * Add the correct display in IE 9-.\n */\n\narticle,\naside,\nfooter,\nheader,\nnav,\nsection {\n  display: block;\n}\n\n/**\n * Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Firefox, and Safari.\n */\n\nh1 {\n  font-size: 2em;\n  margin: 0.67em 0;\n}\n\n/* Grouping content\n   ========================================================================== */\n\n/**\n * Add the correct display in IE 9-.\n * 1. Add the correct display in IE.\n */\n\nfigcaption,\nfigure,\nmain { /* 1 */\n  display: block;\n}\n\n/**\n * Add the correct margin in IE 8.\n */\n\nfigure {\n  margin: 1em 40px;\n}\n\n/**\n * 1. Add the correct box sizing in Firefox.\n * 2. Show the overflow in Edge and IE.\n */\n\nhr {\n  box-sizing: content-box; /* 1 */\n  height: 0; /* 1 */\n  overflow: visible; /* 2 */\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\npre {\n  font-family: monospace, monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/* Text-level semantics\n   ========================================================================== */\n\n/**\n * 1. Remove the gray background on active links in IE 10.\n * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.\n */\n\na {\n  background-color: transparent; /* 1 */\n  -webkit-text-decoration-skip: objects; /* 2 */\n}\n\n/**\n * 1. Remove the bottom border in Chrome 57- and Firefox 39-.\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n */\n\nabbr[title] {\n  border-bottom: none; /* 1 */\n  text-decoration: underline; /* 2 */\n  text-decoration: underline dotted; /* 2 */\n}\n\n/**\n * Prevent the duplicate application of `bolder` by the next rule in Safari 6.\n */\n\nb,\nstrong {\n  font-weight: inherit;\n}\n\n/**\n * Add the correct font weight in Chrome, Edge, and Safari.\n */\n\nb,\nstrong {\n  font-weight: bolder;\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\ncode,\nkbd,\nsamp {\n  font-family: monospace, monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/**\n * Add the correct font style in Android 4.3-.\n */\n\ndfn {\n  font-style: italic;\n}\n\n/**\n * Add the correct background and color in IE 9-.\n */\n\nmark {\n  background-color: #ff0;\n  color: #000;\n}\n\n/**\n * Add the correct font size in all browsers.\n */\n\nsmall {\n  font-size: 80%;\n}\n\n/**\n * Prevent `sub` and `sup` elements from affecting the line height in\n * all browsers.\n */\n\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\n/* Embedded content\n   ========================================================================== */\n\n/**\n * Add the correct display in IE 9-.\n */\n\naudio,\nvideo {\n  display: inline-block;\n}\n\n/**\n * Add the correct display in iOS 4-7.\n */\n\naudio:not([controls]) {\n  display: none;\n  height: 0;\n}\n\n/**\n * Remove the border on images inside links in IE 10-.\n */\n\nimg {\n  border-style: none;\n}\n\n/**\n * Hide the overflow in IE.\n */\n\nsvg:not(:root) {\n  overflow: hidden;\n}\n\n/* Forms\n   ========================================================================== */\n\n/**\n * 1. Change the font styles in all browsers (opinionated).\n * 2. Remove the margin in Firefox and Safari.\n */\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  font-family: sans-serif; /* 1 */\n  font-size: 100%; /* 1 */\n  line-height: 1.15; /* 1 */\n  margin: 0; /* 2 */\n}\n\n/**\n * Show the overflow in IE.\n * 1. Show the overflow in Edge.\n */\n\nbutton,\ninput { /* 1 */\n  overflow: visible;\n}\n\n/**\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\n * 1. Remove the inheritance of text transform in Firefox.\n */\n\nbutton,\nselect { /* 1 */\n  text-transform: none;\n}\n\n/**\n * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`\n *    controls in Android 4.\n * 2. Correct the inability to style clickable types in iOS and Safari.\n */\n\nbutton,\nhtml [type=\"button\"], /* 1 */\n[type=\"reset\"],\n[type=\"submit\"] {\n  -webkit-appearance: button; /* 2 */\n}\n\n/**\n * Remove the inner border and padding in Firefox.\n */\n\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n  border-style: none;\n  padding: 0;\n}\n\n/**\n * Restore the focus styles unset by the previous rule.\n */\n\nbutton:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring {\n  outline: 1px dotted ButtonText;\n}\n\n/**\n * Correct the padding in Firefox.\n */\n\nfieldset {\n  padding: 0.35em 0.75em 0.625em;\n}\n\n/**\n * 1. Correct the text wrapping in Edge and IE.\n * 2. Correct the color inheritance from `fieldset` elements in IE.\n * 3. Remove the padding so developers are not caught out when they zero out\n *    `fieldset` elements in all browsers.\n */\n\nlegend {\n  box-sizing: border-box; /* 1 */\n  color: inherit; /* 2 */\n  display: table; /* 1 */\n  max-width: 100%; /* 1 */\n  padding: 0; /* 3 */\n  white-space: normal; /* 1 */\n}\n\n/**\n * 1. Add the correct display in IE 9-.\n * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.\n */\n\nprogress {\n  display: inline-block; /* 1 */\n  vertical-align: baseline; /* 2 */\n}\n\n/**\n * Remove the default vertical scrollbar in IE.\n */\n\ntextarea {\n  overflow: auto;\n}\n\n/**\n * 1. Add the correct box sizing in IE 10-.\n * 2. Remove the padding in IE 10-.\n */\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n  box-sizing: border-box; /* 1 */\n  padding: 0; /* 2 */\n}\n\n/**\n * Correct the cursor style of increment and decrement buttons in Chrome.\n */\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n  height: auto;\n}\n\n/**\n * 1. Correct the odd appearance in Chrome and Safari.\n * 2. Correct the outline style in Safari.\n */\n\n[type=\"search\"] {\n  -webkit-appearance: textfield; /* 1 */\n  outline-offset: -2px; /* 2 */\n}\n\n/**\n * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.\n */\n\n[type=\"search\"]::-webkit-search-cancel-button,\n[type=\"search\"]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n/**\n * 1. Correct the inability to style clickable types in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n */\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button; /* 1 */\n  font: inherit; /* 2 */\n}\n\n/* Interactive\n   ========================================================================== */\n\n/*\n * Add the correct display in IE 9-.\n * 1. Add the correct display in Edge, IE, and Firefox.\n */\n\ndetails, /* 1 */\nmenu {\n  display: block;\n}\n\n/*\n * Add the correct display in all browsers.\n */\n\nsummary {\n  display: list-item;\n}\n\n/* Scripting\n   ========================================================================== */\n\n/**\n * Add the correct display in IE 9-.\n */\n\ncanvas {\n  display: inline-block;\n}\n\n/**\n * Add the correct display in IE.\n */\n\ntemplate {\n  display: none;\n}\n\n/* Hidden\n   ========================================================================== */\n\n/**\n * Add the correct display in IE 10-.\n */\n\n[hidden] {\n  display: none;\n}\n","/*--------------------------------------------------------------\n# Import Modules\n--------------------------------------------------------------*/\n@import '../../node_modules/normalize.css/normalize';\n@import '../../node_modules/bootstrap/dist/css/bootstrap.min.css';\n\n/*--------------------------------------------------------------\n# Base\n--------------------------------------------------------------*/\n@import 'base/variables';\n@import 'base/mixins';\n@import 'base/animations';\n@import 'base/containers';\n@import 'base/grid';\n@import 'base/spacing';\n@import 'base/wordpress';\n@import 'base/forms';\n\n/*--------------------------------------------------------------\n# Partials\n--------------------------------------------------------------*/\n@import 'partials/typography';\n@import 'partials/buttons';\n@import 'partials/links';\n@import 'partials/colours';\n@import 'partials/helpers';\n@import 'partials/media';\n\n/*--------------------------------------------------------------\n# Components\n--------------------------------------------------------------*/\n@import 'components/header';\n@import 'components/sidebar';\n@import 'components/footer';\n\n/*--------------------------------------------------------------\n# Pages\n--------------------------------------------------------------*/\n@import 'pages/home';","@import 'https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800';\n\nbody {\n\tfont-family: $base-font;\n\tfont-weight: 400;\n\n\t@include font-size($base-fs, $base-fs * 1.5, 0.5px);\n\n\t-webkit-font-smoothing: antialiased;\n\t-moz-osx-font-smoothing: grayscale;\n}\n\n// Headings\nh1,\n.h1 {\n\t@include font-size(40px);\n\n\t@media (max-width: #{$sm}) {\n\t\t@include font-size(26px);\n\t}\n}\n\nh2,\n.h2 {\n\t@include font-size(26px, 32px, 0.36px);\n\n\t@media (max-width: #{$sm}) {\n\t\t@include font-size(20px, 24px, 0.36px);\n\t}\n}\n\nh3,\n.h3 {\n\t@include font-size(22px, 27px, 0.3px);\n\n\t@media (max-width: #{$sm}) {\n\t\t@include font-size(18px, 22px, 0.3px);\n\t}\n}\n\nh4,\n.h4 {\n\t@include font-size(20px, 26px);\n\n\t@media (max-width: #{$sm}) {\n\t\t@include font-size(15px, 20px);\n\t}\n}\n\nh5,\n.h5 {\n\t@include font-size(18px);\n\n\t@media (max-width: #{$sm}) {\n\t\t@include font-size(15px);\n\t}\n}\n\nsmall,\n.small {\n\t@include font-size(15px, 20px, 0.28px);\n}\n\n// alignments\n.text-center {\n\ttext-align: center;\n}\n\n.text-right {\n\ttext-align: right;\n}\n\n.text-left {\n\ttext-align: left;\n}\n\n// Modifiers\n.text-bold {\n\tfont-weight: 700;\n}\n\n.text-semibold {\n\tfont-weight: 600;\n}\n\n.text-uppercase {\n\ttext-transform: uppercase;\n}\n\n.no-line-height {\n\tline-height: 1em !important;\n}","@include keyframes(animationName) {\n\t0% {\n\t\t// declaration\n\n\t}\n\n\t100% {\n\t\t// declaration\n\n\t}\n}","@mixin animation($animate...) {\n\t$max: length($animate);\n\t$animations: '';\n\n\t@for $i from 1 through $max {\n\t\t$animations: #{$animations + nth($animate, $i)};\n\n\t\t@if $i < $max {\n\t\t\t$animations: #{$animations + ', '};\n\t\t}\n\t}\n\n\t-webkit-animation: $animations;\n\t-moz-animation: $animations;\n\t-o-animation: $animations;\n\tanimation: $animations;\n}\n\n@mixin keyframes($animationName) {\n\t@-webkit-keyframes #{$animationName} {\n\t\t@content;\n\t}\n\n\t@-moz-keyframes #{$animationName} {\n\t\t@content;\n\t}\n\n\t@-o-keyframes #{$animationName} {\n\t\t@content;\n\t}\n\n\t@keyframes #{$animationName} {\n\t\t@content;\n\t}\n}",".container,\n.container-narrow {\n    box-sizing: border-box;\n    width: 100%;\n    margin-right: auto;\n    margin-left: auto;\n    padding-right: $gutter;\n    padding-left: $gutter;\n\n    @include clearfix;\n}\n\n.container {\n    max-width: $xl;\n}\n\n// .container-fluid {\n//     max-width: 100%;\n// }\n\n.container-narrow {\n    max-width: $lg;\n}","/*-------------------------\n*  Grid\n*--------------------------*/\n$columns: 12;\n$gutter: 10px;\n$spacing: 20;\n\n/*-------------------------\n*  Spacing\n*--------------------------*/\n$paddings: ('pt': 'padding-top', 'pr': 'padding-right', 'pb': 'padding-bottom', 'pl': 'padding-left');\n$margins: ('mt': 'margin-top', 'mr': 'margin-right', 'mb': 'margin-bottom', 'ml': 'margin-left');\n\n/*-------------------------\n*  Media Queries\n*--------------------------*/\n$xs: 480px;\n$sm: 600px;\n$md: 800px;\n$lg: 1190px;\n$xl: 1440px;\n$xxl: 1700px;\n\n$breakpoints: ('xs': $xs, 'sm': $sm, 'md': $md, 'lg': $lg, 'xl': $xl);\n\n/*-------------------------\n*  Colours\n*--------------------------*/\n$white: #fff;\n$black: #000;\n$light-grey: #f0f0f0;\n\n// custom colours\n\n$colours: ('white': $white, 'black': $black, 'light-grey': $light-grey);\n\n/*-------------------------\n*  Typography\n*--------------------------*/\n$base-font: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n\n$base-fs: 18px;\n\n/*-------------------------\n*  Animations\n*--------------------------*/\n$time: 320ms;\n$time_slow: 700ms;\n\n$swing: cubic-bezier(0.55, 0, 0.1, 1);\n$swift: cubic-bezier(0.4, 0, 0.2, 1);\n$ease: ease;\n\n$transition-default: all $time $ease;","@mixin clearfix {\n\t&::after {\n\t\tcontent: '';\n\t\tdisplay: table;\n\t\tclear: both;\n\t}\n}",".row {\n\tdisplay: flex;\n\tflex-direction: row;\n\tbox-sizing: border-box;\n\tmargin-right: -$gutter / 2;\n\tmargin-left: -$gutter / 2;\n\tflex: 0 1 auto;\n\tflex-wrap: wrap;\n\n\t@include clearfix;\n\n\t// columns don't stack\n\t&.nowrap {\n\t\tflex-wrap: nowrap;\n\t}\n\n\t// justification options\n\t&.justify-start {\n\t\tjustify-content: flex-start;\n\t}\n\n\t&.justify-end {\n\t\tjustify-content: flex-end;\n\t}\n\n\t&.justify-center {\n\t\tjustify-content: center;\n\t}\n\n\t&.justify-between {\n\t\tjustify-content: space-between;\n\t}\n\n\t&.justify-around {\n\t\tjustify-content: space-around;\n\t}\n\n\t// order options\n\t&.reverse {\n\t\tflex-direction: row-reverse;\n\t}\n\n\t// align items vertically\n\t&.align-top {\n\t\talign-items: flex-start;\n\t}\n\n\t&.align-bottom {\n\t\talign-items: flex-end;\n\t}\n\n\t&.align-middle {\n\t\talign-items: center;\n\t}\n\n\t&.align-baseline {\n\t\talign-items: baseline;\n\t}\n\n\t&.align-stretch {\n\t\talign-items: stretch;\n\t}\n\n\t// define flex items if no column width\n\t.flex-item {\n\t\tflex: 0 0 auto;\n\n\t\t&.grow {\n\t\t\tflex-grow: 1;\n\t\t}\n\t}\n}\n\n[class^='col-'],\n[class*=' col-'] {\n\tposition: relative;\n\tbox-sizing: border-box;\n\twidth: 100%;\n\tmin-height: 1px;\n\tpadding-right: $gutter / 2;\n\tpadding-left: $gutter / 2;\n\tflex: 0 0 auto;\n}\n\n@for $i from 1 through $columns {\n\t.col-xs-#{$i} {\n\t\twidth: percentage($i / $columns);\n\t}\n}\n\n$breakpoint-counter: 0;\n\n@each $breakpoint, $val in $breakpoints {\n\t$breakpoint-counter: $breakpoint-counter + 1;\n\n\t@media (min-width: $val) {\n\t\t@for $i from 1 through $columns {\n\t\t\t.col-#{$breakpoint}-#{$i} {\n\t\t\t\tmax-width: percentage($i / $columns);\n\t\t\t\tflex: 0 0 percentage($i / $columns);\n\t\t\t}\n\t\t}\n\n\t\t@each $modifier in pull, push {\n\t\t\t@for $i from 0 through $columns {\n\t\t\t\t.col-#{$breakpoint}-#{$modifier}-#{$i} {\n\t\t\t\t\t@include make-col-modifier($modifier, $i, $columns);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t@for $i from 0 through $columns - 1 {\n\t\t\t@if $breakpoint-counter != 1 or $i != 0 {\n\t\t\t\t// Avoid emitting useless .offset-xs-0\n\t\t\t\t.col-#{$breakpoint}-offset-#{$i} {\n\t\t\t\t\t@include make-col-modifier(offset, $i, $columns);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}","@mixin make-col-modifier($type, $size, $columns) {\n\t@if $type == push {\n\t\t@include make-col-push($size, $columns);\n\t}\n\n\t@else if $type == pull {\n\t\t@include make-col-pull($size, $columns);\n\t}\n\n\t@else if $type == offset {\n\t\t@include make-col-offset($size, $columns);\n\t}\n}\n\n@mixin make-col-offset($size, $columns: $grid-columns) {\n\tmargin-left: percentage($size / $columns);\n}\n\n@mixin make-col-push($size, $columns: $grid-columns) {\n\tleft: if($size > 0, percentage($size / $columns), auto);\n}\n\n@mixin make-col-pull($size, $columns: $grid-columns) {\n\tright: if($size > 0, percentage($size / $columns), auto);\n}","@each $pd, $padding in $paddings {\n\t@for $i from 0 through $spacing {\n\t\t.#{$pd}-#{$i} {\n\t\t\t#{$padding}: $gutter * $i;\n\t\t}\n\t}\n\n\t@for $i from 0 through $spacing {\n\t\t@media (max-width: #{$md}) {\n\n\t\t\t.#{$pd}-md-#{$i} {\n\t\t\t\t#{$padding}: $gutter * $i;\n\t\t\t}\n\t\t}\n\t}\n\n\t@for $i from 0 through $spacing {\n\t\t@media (max-width: #{$sm}) {\n\n\t\t\t.#{$pd}-sm-#{$i} {\n\t\t\t\t#{$padding}: $gutter * $i;\n\t\t\t}\n\t\t}\n\t}\n}\n\n@for $i from 0 through $spacing {\n\t.p-#{$i} {\n\t\tpadding: $gutter * $i;\n\t}\n\n\t.m-#{$i} {\n\t\tmargin: $gutter * $i;\n\t}\n}\n\n@each $mg, $margin in $margins {\n\t@for $i from 0 through $spacing {\n\t\t.#{$mg}-#{$i} {\n\t\t\t#{$margin}: $gutter * $i;\n\t\t}\n\n\t\t.#{$mg}-n-#{$i} {\n\t\t\t#{$margin}: -$gutter * $i;\n\t\t}\n\t}\n\n\t@for $i from 0 through $spacing {\n\t\t@media (max-width: #{$md}) {\n\n\t\t\t.#{$mg}-md-#{$i} {\n\t\t\t\t#{$margin}: $gutter * $i;\n\t\t\t}\n\n\t\t\t.#{$mg}-md-n-#{$i} {\n\t\t\t\t#{$margin}: -$gutter * $i;\n\t\t\t}\n\t\t}\n\t}\n\n\t@for $i from 0 through $spacing {\n\t\t@media (max-width: #{$sm}) {\n\n\t\t\t.#{$mg}-sm-#{$i} {\n\t\t\t\t#{$margin}: $gutter * $i;\n\t\t\t}\n\n\t\t\t.#{$mg}-sm-n-#{$i} {\n\t\t\t\t#{$margin}: -$gutter * $i;\n\t\t\t}\n\t\t}\n\t}\n}","/* =WordPress Core\n-------------------------------------------------------------- */\n.alignnone {\n\tmargin: ($gutter / 2) ($gutter * 2) ($gutter * 2) 0;\n}\n\n.aligncenter,\ndiv.aligncenter {\n\tdisplay: block;\n\tmargin: ($gutter / 2) auto ($gutter / 2) auto;\n}\n\n.alignright {\n\tfloat: right;\n\tmargin: ($gutter / 2) 0 ($gutter * 2) ($gutter * 2);\n}\n\n.alignleft {\n\tfloat: left;\n\tmargin: ($gutter / 2) ($gutter * 2) ($gutter * 2) 0;\n}\n\na img.alignright {\n\tfloat: right;\n\tmargin: ($gutter / 2) 0 ($gutter * 2) ($gutter * 2);\n}\n\na img.alignnone {\n\tmargin: ($gutter / 2) ($gutter * 2) ($gutter * 2) 0;\n}\n\na img.alignleft {\n\tfloat: left;\n\tmargin: ($gutter / 2) ($gutter * 2) ($gutter * 2) 0;\n}\n\na img.aligncenter {\n\tdisplay: block;\n\tmargin-left: auto;\n\tmargin-right: auto;\n}\n\n.wp-caption {\n\tbackground: $white;\n\tborder: 1px solid $light-grey;\n\tmax-width: 96%;\n\n\t/* Image does not overflow the content area */\n\tpadding: 5px 3px 10px;\n\ttext-align: center;\n}\n\n.wp-caption.alignnone {\n\tmargin: ($gutter / 2) ($gutter * 2) ($gutter * 2) 0;\n}\n\n.wp-caption.alignleft {\n\tmargin: ($gutter / 2) ($gutter * 2) ($gutter * 2) 0;\n}\n\n.wp-caption.alignright {\n\tmargin: ($gutter / 2) 0 ($gutter * 2) ($gutter * 2);\n}\n\n.wp-caption img {\n\tborder: 0 none;\n\theight: auto;\n\tmargin: 0;\n\tmax-width: 98.5%;\n\tpadding: 0;\n\twidth: auto;\n}\n\n.wp-caption p.wp-caption-text {\n\tfont-size: 11px;\n\tline-height: 17px;\n\tmargin: 0;\n\tpadding: 0 4px 5px;\n}\n\n/* Text meant only for screen readers. */\n.screen-reader-text {\n\tclip: rect(1px, 1px, 1px, 1px);\n\tposition: absolute !important;\n\theight: 1px;\n\twidth: 1px;\n\toverflow: hidden;\n}\n\n.screen-reader-text:focus {\n\tbackground-color: #f1f1f1;\n\tborder-radius: 3px;\n\tbox-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);\n\tclip: auto !important;\n\tcolor: #21759b;\n\tdisplay: block;\n\tfont-size: 14px;\n\tfont-size: 0.875rem;\n\tfont-weight: bold;\n\theight: auto;\n\tleft: 5px;\n\tline-height: normal;\n\tpadding: 15px 23px 14px;\n\ttext-decoration: none;\n\ttop: 5px;\n\twidth: auto;\n\tz-index: 100000;\n\n\t/* Above WP toolbar. */\n}","@mixin font-size($size, $line: $size * 1.5, $space: 0) {\n\tfont-size: $size;\n\tline-height: $line;\n\tletter-spacing: $space;\n}","@mixin transition($val...) {\n\t-webkit-transition: $val;\n\t-moz-transition: $val;\n\t-ms-transition: $val;\n\t-o-transition: $val;\n\ttransition: $val;\n}\n\n@mixin transition-delay($val) {\n\t-webkit-transition-delay: $val;\n\t-moz-transition-delay: $val;\n\t-ms-transition-delay: $val;\n\t-o-transition-delay: $val;\n\ttransition-delay: $val;\n}\n\n@mixin transform($val...) {\n\t-webkit-transform: $val;\n\t-moz-transform: $val;\n\t-ms-transform: $val;\n\t-o-transform: $val;\n\ttransform: $val;\n}\n\n@mixin transform-origin($val) {\n\t-webkit-transform-origin: $val;\n\t-moz-transform-origin: $val;\n\t-ms-transform-origin: $val;\n\t-o-transform-origin: $val;\n\ttransform-origin: $val;\n}","button {\n\t@include transition(all $time $ease);\n}\n\n.btn {\n\tpadding: ($gutter * 1.5) ($gutter * 3);\n\tborder: none;\n\tborder-radius: 2px;\n\n\t@extend .h3;\n\n\t&:active {\n\t\tbox-shadow: none;\n\t}\n\n\t&:focus {\n\t\toutline: none;\n\t}\n\n\t&.btn-sm {\n\t\tpadding: ($gutter * 0.8) ($gutter * 1.8);\n\n\t\t@extend .h5;\n\t}\n\n\t&.btn-xs {\n\t\tpadding: ($gutter * 0.8) ($gutter * 1.8);\n\n\t\t@include font-size(13px, 13px, 0.4px);\n\t}\n\n\t&.btn-xxs {\n\t\tpadding: ($gutter * 0.6) $gutter;\n\n\t\t@include font-size(11px, 11px, 0.4px);\n\t}\n}","a {\n\t@include transition(all $time $ease);\n\n\t&,\n\t&:hover,\n\t&:focus {\n\t\ttext-decoration: none;\n\t}\n}","@each $colour, $hex in $colours {\n\t.text-#{$colour} {\n\t\tcolor: $hex;\n\t}\n\n\t.background-#{$colour} {\n\t\tbackground-color: $hex;\n\t}\n\n\t.border-#{$colour} {\n\t\tborder-color: $hex;\n\t}\n}\n\n// Customize text selection\n::selection {\n\tbackground: $black;\n\tcolor: $white;\n}\n\n::-moz-selection {\n\tbackground: $black;\n\tcolor: $white;\n}","// position\n.relative {\n\tposition: relative;\n}\n\n.absolute {\n\tposition: absolute;\n}\n\n// display\n.display-table {\n\tdisplay: table;\n\twidth: 100%;\n\theight: 100%;\n\n\t.display-table-cell {\n\t\tdisplay: table-cell;\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tvertical-align: middle;\n\t}\n}\n\n// background\n.background-image {\n\tbackground-repeat: no-repeat;\n\tbackground-position: center center;\n\tbackground-size: cover;\n}\n\n.overlay-dark {\n\tposition: relative;\n\n\t&:before {\n\t\tposition: absolute;\n\t\ttop: 0;\n\t\tright: 0;\n\t\tbottom: 0;\n\t\tleft: 0;\n\t\tdisplay: block;\n\t\tcontent: '';\n\t\topacity: .5;\n\t\tbackground-color: $black;\n\t}\n}\n\n// visibility\n.hide {\n\tdisplay: none;\n\tvisibility: hidden;\n}\n\n.show {\n\tdisplay: inline-block;\n\tvisibility: visible;\n}","// responsive embeds\n.video-container {\n\tposition: relative;\n\tpadding-bottom: 56.25%;\n\theight: 0;\n\toverflow: hidden;\n\n\tiframe,\n\tembed,\n\tobject,\n\tvideo {\n\t\tposition: absolute;\n\t\ttop: 0;\n\t\tleft: 0;\n\t\twidth: 100%;\n\t\theight: 100%;\n\t}\n}\n\n// images\nimg {\n\t&, &.img-responsive {\n\t\twidth: auto;\n\t\tmax-width: 100%;\n\t\theight: auto;\n\t}\n}","header {\n\tposition: relative;\n}\n\n.navbar-megamenu {\n\tbackground-color: #3C5071;\n\tborder-color: #2F415E;\n\tborder-radius: 2px;\n\n\t.navbar-brand {\n\t\tcolor: #fff;\n\t\tfont-weight: 800;\n\t}\n\n\t.navbar-nav > li {\n\t\t> a {\n\t\t\tcolor: #fff;\n\n\t\t\t&:hover,\n\t\t\t&:focus {\n\t\t\t\tcolor: #fff;\n\t\t\t\tbackground-color: #30405A;\n\t\t\t}\n\t\t}\n\n\t\t&.active,\n\t\t&.open {\n\t\t\t> a {\n\t\t\t\t&,\n\t\t\t\t&:hover,\n\t\t\t\t&:focus {\n\t\t\t\t\tcolor: #fff;\n\t\t\t\t\tbackground-color: #30405A;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t.navbar-nav > li.megamenu {\n\t\tposition: static;\n\n\t\t> .dropdown-menu {\n\t\t\tmin-width: 280px;\n\n\t\t\t.megamenu-column {\n\t\t\t\twidth: 280px;\n\t\t\t\tdisplay: block;\n\t\t\t\tfloat: left;\n\n\t\t\t\t&:not(:first-child):after {\n\t\t\t\t\tposition: absolute;\n\t\t\t\t\tdisplay: block;\n\t\t\t\t\tcontent: '';\n\t\t\t\t\twidth: 1px;\n\t\t\t\t\tbackground-color: #eeeeee;\n\t\t\t\t\theight: 100%;\n\t\t\t\t\ttop: 0;\n\t\t\t\t}\n\n\t\t\t\t.divider {\n\t\t\t\t\tmargin: 16px 20px 10px;\n\t\t\t\t\tmax-width: 60px;\n\t\t\t\t}\n\n\t\t\t\tul {\n\t\t\t\t\tpadding: 0;\n\t\t\t\t\tmargin: 0;\n\t\t\t\t\tlist-style: none;\n\t\t\t\t}\n\n\t\t\t\ta {\n\t\t\t\t\tfont-size: 13px;\n\t\t\t\t\tpadding: 3px 20px;\n\t\t\t\t\tdisplay: block;\n\t\t\t\t\tcolor: #333;\n\n\t\t\t\t\t&:hover,\n\t\t\t\t\t&:focus {\n\t\t\t\t\t\tbackground-color: #f5f5f5;\n\t\t\t\t\t\tcolor: #333;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\tspan.sub {\n\t\t\t\t\tfont-size: 11px;\n\t\t\t\t\tline-height: 1.6em;\n\t\t\t\t\tmargin-top: -4px;\n\t\t\t\t\tpadding: 2px 20px;\n\t\t\t\t\tdisplay: block;\n\t\t\t\t}\n\n\t\t\t\t.featured-image {\n\t\t\t\t\ta {\n\t\t\t\t\t\tfont-size: 14px;\n\t\t\t\t\t\tcolor: #2E7DD9;\n\t\t\t\t\t\tfont-weight: 600;\n\n\t\t\t\t\t\timg {\n\t\t\t\t\t\t\tpadding: 5px 0;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t.description {\n\t\t\t\t\tpadding: 3px 0;\n\n\t\t\t\t\ta {\n\t\t\t\t\t\tdisplay: none;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}","aside {\n\tposition: relative;\n}","footer {\n\tposition: relative;\n}"]}


--------------------------------------------------------------------------------
/Lesson 9/walker-nav-menu-edit.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | /**
 4 |  * Custom Walker for Nav Menu Editor
 5 |  *
 6 |  */
 7 | class MegaMenu_Walker_Edit extends Walker_Nav_Menu_Edit {
 8 | 
 9 |     /**
10 |      * Start the element output.
11 |      *
12 |      * We're injecting our custom fields after the div.submitbox
13 |      *
14 |      * @see Walker_Nav_Menu::start_el()
15 |      * @since 0.1.0
16 |      * @since 0.2.0 Update regex pattern to support WordPress 4.7's markup.
17 |      *
18 |      * @param string $output Passed by reference. Used to append additional content.
19 |      * @param object $item   Menu item data object.
20 |      * @param int    $depth  Depth of menu item. Used for padding.
21 |      * @param array  $args   Menu item args.
22 |      * @param int    $id     Nav menu ID.
23 |      */
24 |     function start_el( &$output, $item, $depth = 0, $args = array(), $id = 0 ) {
25 |         $item_output = '';
26 | 
27 |         parent::start_el( $item_output, $item, $depth, $args, $id );
28 | 
29 |         $output .= preg_replace(
30 |             // NOTE: Check this regex from time to time!
31 |             '/(?=<(fieldset|p)[^>]+class="[^"]*field-move)/',
32 |             $this->get_fields( $item, $depth, $args ),
33 |             $item_output
34 |         );
35 |     }
36 | 
37 |     /**
38 |      * Get custom fields
39 |      *
40 |      * @access protected
41 |      * @since 0.1.0
42 |      * @uses add_action() Calls 'menu_item_custom_fields' hook
43 |      *
44 |      * @param object $item   Menu item data object.
45 |      * @param int    $depth  Depth of menu item. Used for padding.
46 |      * @param array  $args   Menu item args.
47 |      * @param int    $id     Nav menu ID.
48 |      *
49 |      * @return string Form fields
50 |      */
51 |     protected function get_fields( $item, $depth, $args = array(), $id = 0 ) {
52 |         ob_start();
53 | 
54 |         /**
55 |          * Get menu item custom fields from plugins/themes
56 |          *
57 |          * @since 0.1.0
58 |          * @since 1.0.0 Pass correct parameters.
59 |          *
60 |          * @param int    $item_id  Menu item ID.
61 |          * @param object $item     Menu item data object.
62 |          * @param int    $depth    Depth of menu item. Used for padding.
63 |          * @param array  $args     Menu item args.
64 |          * @param int    $id       Nav menu ID.
65 |          *
66 |          * @return string Custom fields HTML.
67 |          */
68 |         do_action( 'wp_nav_menu_item_custom_fields', $item->ID, $item, $depth, $args, $id );
69 | 
70 |         return ob_get_clean();
71 |     }
72 | }


--------------------------------------------------------------------------------
/Lesson 9/walkernav.php:
--------------------------------------------------------------------------------
  1 | <?php
  2 | 
  3 | namespace awps\core;
  4 | 
  5 | use Walker_Nav_Menu;
  6 | 
  7 | class walkernav extends Walker_Nav_Menu
  8 | {
  9 | 
 10 |     public $megaMenuID;
 11 | 
 12 |     public $count;
 13 | 
 14 |     public function __construct()
 15 |     {
 16 |         $this->megaMenuID = 0;
 17 | 
 18 |         $this->count = 0;
 19 |     }
 20 | 
 21 |     public function start_lvl(&$output, $depth = 0, $args = array())
 22 |     {
 23 |         $indent = str_repeat("\t", $depth);
 24 |         $submenu = ($depth > 0) ? ' sub-menu' : '';
 25 |         $output .= "\n$indent<ul class=\"dropdown-menu$submenu depth_$depth\" >\n";
 26 | 
 27 |         if ($this->megaMenuID != 0 && $depth == 0) {
 28 |             $output .= "<li class=\"megamenu-column\"><ul>\n";
 29 |         }
 30 |         
 31 |     }
 32 | 
 33 |     public function end_lvl(&$output, $depth = 0, $args = array())
 34 |     {
 35 |         if ($this->megaMenuID != 0 && $depth == 0) {
 36 |             $output .= "</ul></li>";
 37 |         }
 38 | 
 39 |         $output .= "</ul>";
 40 |     }
 41 | 
 42 |     public function start_el(&$output, $item, $depth = 0, $args = array(), $id = 0)
 43 |     {
 44 | 
 45 |         $hasMegaMenu = get_post_meta( $item->ID, 'menu-item-mm-megamenu', true );
 46 |         $hasColumnDivider = get_post_meta( $item->ID, 'menu-item-mm-column-divider', true );
 47 |         $hasDivider = get_post_meta( $item->ID, 'menu-item-mm-divider', true );
 48 |         $hasFeaturedImage = get_post_meta( $item->ID, 'menu-item-mm-featured-image', true );
 49 |         $hasDescription = get_post_meta( $item->ID, 'menu-item-mm-description', true );
 50 | 
 51 |         $indent = ($depth) ? str_repeat("\t", $depth) : '';
 52 | 
 53 |         $li_attributes = '';
 54 |         $class_names = $value = '';
 55 | 
 56 |         $classes = empty($item->classes) ? array() : (array) $item->classes;
 57 | 
 58 |         if ($this->megaMenuID != 0 && $this->megaMenuID != intval($item->menu_item_parent) && $depth == 0) {
 59 |             $this->megaMenuID = 0;
 60 |         }
 61 | 
 62 |         // $column_divider = array_search('column-divider', $classes);
 63 |         if ($hasColumnDivider) {
 64 |             array_push($classes, 'column-divider');
 65 |             $output .= "</ul></li><li class=\"megamenu-column\"><ul>\n";
 66 |         }
 67 | 
 68 |         // managing divider: add divider class to an element to get a divider before it.
 69 |         // $divider_class_position = array_search('divider', $classes);
 70 |         if ($hasDivider) {
 71 |             $output .= "<li class=\"divider\"></li>\n";
 72 |             // unset($classes[$divider_class_position]);
 73 |         }
 74 | 
 75 |         if ($hasMegaMenu) {
 76 |             array_push($classes, 'megamenu');
 77 |             $this->megaMenuID = $item->ID;
 78 |         }
 79 | 
 80 |         $classes[] = ($args->has_children) ? 'dropdown' : '';
 81 |         $classes[] = ($item->current || $item->current_item_ancestor) ? 'active' : '';
 82 |         $classes[] = 'menu-item-'.$item->ID;
 83 |         if ($depth && $args->has_children) {
 84 |             $classes[] = 'dropdown-submenu';
 85 |         }
 86 | 
 87 |         if ($hasFeaturedImage) {
 88 |             array_push($classes, 'featured-image');
 89 |         }
 90 | 
 91 |         if ($hasDescription) {
 92 |             array_push($classes, 'description');
 93 |         }
 94 | 
 95 |         $class_names = implode(' ', apply_filters('nav_menu_css_class', array_filter($classes), $item, $args));
 96 |         $class_names = ' class="'.esc_attr($class_names).'"';
 97 | 
 98 |         $id = apply_filters('nav_menu_item_id', 'menu-item-'.$item->ID, $item, $args);
 99 |         $id = strlen($id) ? ' id="'.esc_attr($id).'"' : '';
100 | 
101 |         $output .= $indent.'<li'.$id.$value.$class_names.$li_attributes.'>';
102 | 
103 |         $attributes = !empty($item->attr_title) ? ' title="'.esc_attr($item->attr_title).'"' : '';
104 |         $attributes .= !empty($item->target) ? ' target="'.esc_attr($item->target).'"' : '';
105 |         $attributes .= !empty($item->xfn) ? ' rel="'.esc_attr($item->xfn).'"' : '';
106 |         $attributes .= !empty($item->url) ? ' href="'.esc_attr($item->url).'"' : '';
107 |         $attributes .= ($args->has_children) ? ' class="dropdown-toggle" data-toggle="dropdown"' : '';
108 | 
109 |         $item_output = $args->before;
110 |         $item_output .= '<a'.$attributes.'>';
111 | 
112 |         // Check if item has featured image
113 |         // $has_featured_image = array_search('featured-image', $classes);
114 |         if ($hasFeaturedImage && $this->megaMenuID != 0) {
115 |             $postID = url_to_postid( $item->url );
116 |             $item_output .= "<img alt=\"" . esc_attr($item->attr_title) . "\" src=\"" . get_the_post_thumbnail_url( $postID ) . "\"/>";
117 |         }
118 | 
119 |         $item_output .= $args->link_before.apply_filters('the_title', $item->title, $item->ID).$args->link_after;
120 | 
121 |             // add support for menu item title
122 |             if (strlen($item->attr_title) > 2) {
123 |                 $item_output .= '<h3 class="tit">'.$item->attr_title.'</h3>';
124 |             }
125 |             // add support for menu item descriptions
126 |             if (strlen($item->description) > 2) {
127 |                 $item_output .= '</a> <span class="sub">'.$item->description.'</span>';
128 |             }
129 |         $item_output .= (($depth == 0 || 1) && $args->has_children) ? ' <b class="caret"></b></a>' : '</a>';
130 |         $item_output .= $args->after;
131 | 
132 |         $output .= apply_filters('walker_nav_menu_start_el', $item_output, $item, $depth, $args);
133 |     }
134 | 
135 |     public function display_element($element, &$children_elements, $max_depth, $depth, $args, &$output)
136 |     {
137 |         if (!$element) {
138 |             return;
139 |         }
140 | 
141 |         $id_field = $this->db_fields['id'];
142 | 
143 |         //display this element
144 |         if (is_array($args[0])) {
145 |             $args[0]['has_children'] = !empty($children_elements[$element->$id_field]);
146 |         } elseif (is_object($args[0])) {
147 |             $args[0]->has_children = !empty($children_elements[$element->$id_field]);
148 |         }
149 | 
150 |         $cb_args = array_merge(array(&$output, $element, $depth), $args);
151 |         call_user_func_array(array(&$this, 'start_el'), $cb_args);
152 | 
153 |         $id = $element->$id_field;
154 | 
155 |         // descend only when the depth is right and there are childrens for this element
156 |         if (($max_depth == 0 || $max_depth > $depth + 1) && isset($children_elements[$id])) {
157 |             foreach ($children_elements[ $id ] as $child) {
158 |                 if (!isset($newlevel)) {
159 |                     $newlevel = true;
160 |               //start the child delimiter
161 |               $cb_args = array_merge(array(&$output, $depth), $args);
162 |                     call_user_func_array(array(&$this, 'start_lvl'), $cb_args);
163 |                 }
164 |                 $this->display_element($child, $children_elements, $max_depth, $depth + 1, $args, $output);
165 |             }
166 |             unset($children_elements[ $id ]);
167 |         }
168 | 
169 |         if (isset($newlevel) && $newlevel) {
170 |             //end the child delimiter
171 |           $cb_args = array_merge(array(&$output, $depth), $args);
172 |             call_user_func_array(array(&$this, 'end_lvl'), $cb_args);
173 |         }
174 | 
175 |         //end this element
176 |         $cb_args = array_merge(array(&$output, $element, $depth), $args);
177 |         call_user_func_array(array(&$this, 'end_el'), $cb_args);
178 |     }
179 | }
180 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | # WordPress MegaMenu
2 | Walker Nav Class based on Bootstrap used during the series of tutorial showing how to build a Mega Menu: https://www.youtube.com/playlist?list=PLriKzYyLb28kOy7z2CoJgcZp7dL1OKbPN
3 | 


--------------------------------------------------------------------------------