php                                                                                                                           
class Cornerstone_Shortcode_Generator extends Cornerstone_Plugin_Component {

  static $instance;
  private $shortcodes = array();
  private $sections = array();
  private $mapped = false;

  public function setup() {

		add_action( 'admin_init', array( $this, 'start' ) );
		add_action( 'cornerstone_load_builder', array( $this, 'start' ) );
    add_action( 'wp_ajax_csg_list_shortcodes', array( &$this, 'modelEndpoint' ) );

  }

  public function start() {

    add_action( 'media_buttons', array( $this, 'addMediaButton' ), 999 );
    add_action( 'cornerstone_generator_preview_before', array( $this, 'previewBefore' ) );

  }

  public function enqueue( ) {

  	$this->plugin->component( 'Core_Scripts' )->register_scripts();

    wp_enqueue_style( 'cs-generator-css' , CS()->css( 'admin/generator' ), array(), CS()->version() );

    wp_register_script( 'cs-generator', CS()->js( 'admin/generator' ), array( 'backbone', 'jquery-ui-core', 'jquery-ui-accordion' ), CS()->version(), true );
    wp_localize_script( 'cs-generator', 'csgData', $this->getData() ) ;
    wp_enqueue_script( 'cs-generator' );

  }

  public function getData() {
    return array(
      'shortcodeCollectionUrl' => add_query_arg( array( 'action' => 'csg_list_shortcodes' ), admin_url( 'admin-ajax.php' ) ),
      'sectionNames'           => $this->get_sections(),
      'previewContentBefore' => $this->getPreviewContentBefore(),
      'previewContentAfter' => $this->getPreviewContentAfter(),
      'strings' => CS()->i18n_group( 'generator', false )
    );
  }

  public function getPreviewContentBefore() {
    ob_start();
    do_action('cornerstone_generator_preview_before');
    return ob_get_clean();
  }

  public function getPreviewContentAfter() {
    ob_start();
    do_action('cornerstone_generator_preview_after');
    return ob_get_clean();
  }

  public function previewBefore() {
    return '<p>' . __('Click the button below to check out a live example of this shortcode', 'cornerstone' ) . '</p>';
  }

  public function modelEndpoint() {
    wp_send_json( $this->get_collection() );
  }

  public function addMediaButton( $editor_id ) {
    $this->enqueue();
    $title = sprintf( __( 'Insert Shortcodes', 'cornerstone' ) );
    $contents = CS()->view( 'svg/nav-elements-solid', false );
    echo "<button href=\"#\" title=\"{$title}\" id=\"cs-insert-shortcode-button\" class=\"button cs-insert-btn\">{$contents}</button>";
  }


  public function add( $attributes ) {

    $attributes = apply_filters( 'cornerstone_generator_map', $attributes );

    if ( !isset($attributes['id'])|| !is_string($attributes['id']) ) {
      return _doing_it_wrong( 'xsg_add', 'Invalid `id` attribute', '2.7' );
    }

    $this->shortcodes[$attributes['id']] = $attributes;

    if ( isset($attributes['section']) && !in_array( $attributes['section'], $this->sections) )
      array_push($this->sections, $attributes['section']);

  }

  public function remove( $id ) {
    if ( is_string($id) && isset($this->shortcodes[$id]) )
      unset($this->shortcodes[$id]);
  }

  public function get( $id = '' ) {
    return isset( $this->shortcodes[$id] ) ? $this->shortcodes[$id] : false;
  }

  public function get_collection() {
  	$this->mappings();
    return array_values( $this->shortcodes );
  }

  public function get_sections() {
  	$this->mappings();
    return $this->sections;
  }


  //
  // Relegated functions.
  // These will go away when the shortcode generator uses the same
  // controls registered for the page buikder.
  //

  public static function map_default( $args = array() ) {
  	return wp_parse_args( $args, array(
	    'param_name'  => 'generic',
	    'heading'     => __( 'Text', 'cornerstone' ),
	    'description' => __( 'Enter your text.', 'cornerstone' ),
	    'type'        => 'textfield',
	    'value'       => ''
	  ) );
  }

  public static function map_default_id( $args = array() ) {
  	return wp_parse_args( $args, self::map_default( array(
	    'param_name'  => 'id',
	    'heading'     => __( 'ID', 'cornerstone' ),
	    'description' => __( '(Optional) Enter a unique ID.', 'cornerstone' ),
	    'type'        => 'textfield',
	    'advanced'    => true
	  ) ) );
  }

  public static function map_default_class( $args = array() ) {
  	return wp_parse_args( $args, self::map_default( array(
	    'param_name'  => 'class',
	    'heading'     => __( 'Class', 'cornerstone' ),
	    'description' => __( '(Optional) Enter a unique class name.', 'cornerstone' ),
	    'type'        => 'textfield',
	    'advanced'    => true
	  ) ) );
  }

  public static function map_default_style( $args = array() ) {
  	return wp_parse_args( $args, self::map_default( array(
	    'param_name'  => 'style',
	    'heading'     => __( 'Style', 'cornerstone' ),
	    'description' => __( '(Optional) Enter inline CSS.', 'cornerstone' ),
	    'type'        => 'textfield',
	    'advanced'    => true
	  ) ) );
  }





  public function mappings() {

  	if ( $this->mapped ) return;

  	$this->mapped = true;

		//
		// These mappings will eventually be removed entirely, and the shortcode
		// generator will use the same controls registered for the page builder.
		//

		//
		// Horizontal rule.
		//

		$this->add(
		  array(
		    'id'        => 'x_line',
		    'title'        => __( 'Line', 'cornerstone' ),
		    'section'    => __( 'Structure', 'cornerstone' ),
		    'description' => __( 'Place a horizontal rule in your content', 'cornerstone' ),
		    'demo' => 'http://theme.co/x/demo/integrity/1/shortcodes/line/',
		    'params'      => array(
		      self::map_default_id( array( 'advanced' => false ) ),
		      self::map_default_class(),
		      self::map_default_style()
		    )
		  )
		);


		//
		// Gap.
		//

		$this->add(
		  array(
		    'id'        => 'x_gap',
		    'title'        => __( 'Gap', 'cornerstone' ),
		    'section'    => __( 'Structure', 'cornerstone' ),
		    'description' => __( 'Insert a vertical gap in your content', 'cornerstone' ),
		    'demo' => 'http://theme.co/x/demo/integrity/1/shortcodes/gap/',
		  'params'      => array(
		      array(
		        'param_name'  => 'size',
		        'heading'     => __( 'Size', 'cornerstone' ),
		        'description' => __( 'Enter in the size of your gap. Pixels, ems, and percentages are all valid units of measurement.', 'cornerstone' ),
		        'type'        => 'textfield',
		        'value'       => '1.313em'
		      ),
		      self::map_default_id(),
		      self::map_default_class(),
		      self::map_default_style(),
		    )
		  )
		);


		//
		// Clear.
		//

		$this->add(
		  array(
		    'id'        => 'x_clear',
		    'title'        => __( 'Clear', 'cornerstone' ),
		    'section'    => __( 'Structure', 'cornerstone' ),
		    'description' => __( 'Clear floated elements in your content', 'cornerstone' ),
		    'demo' =>   'http://theme.co/x/demo/integrity/1/shortcodes/clear/',
		  'params'      => array(
		      self::map_default_id( array( 'advanced' => false) ),
		      self::map_default_class(),
		      self::map_default_style()
		    )
		  )
		);


		//
		// Blockquote.
		//

		$this->add(
		  array(
		    'id'        => 'x_blockquote',
		    'title'        => __( 'Blockquote', 'cornerstone' ),
		    'section'    => __( 'Typography', 'cornerstone' ),
		    'description' => __( 'Include a blockquote in your content', 'cornerstone' ),
		    'demo' =>   'http://theme.co/x/demo/integrity/1/shortcodes/blockquote/',
		  'params'      => array(
		      array(
		        'param_name'  => 'content',
		        'heading'     => __( 'Text', 'cornerstone' ),
		        'description' => __( 'Enter your text.', 'cornerstone' ),
		        'type'        => 'textarea_html',
		        'value'       => ''
		      ),
		      array(
		        'param_name'  => 'cite',
		        'heading'     => __( 'Cite', 'cornerstone' ),
		        'description' => __( 'Cite the person you are quoting.', 'cornerstone' ),
		        'type'        => 'textfield',
		      ),
		      array(
		        'param_name'  => 'type',
		        'heading'     => __( 'Alignment', 'cornerstone' ),
		        'description' => __( 'Select the alignment of the blockquote.', 'cornerstone' ),
		        'type'        => 'dropdown',
		        'value'       => array(
		          'Left'   => 'left',
		          'Center' => 'center',
		          'Right'  => 'right'
		        )
		      ),
		      self::map_default_id(),
		      self::map_default_class(),
		      self::map_default_style()
		    )
		  )
		);


		//
		// Pullquote.
		//

		$this->add(
		  array(
		    'id'        => 'x_pullquote',
		    'title'        => __( 'Pullquote', 'cornerstone' ),
		    'section'    => __( 'Typography', 'cornerstone' ),
		    'description' => __( 'Include a pullquote in your content', 'cornerstone' ),
		    'demo' =>   'http://theme.co/x/demo/integrity/1/shortcodes/pullquote/',
		  'params'      => array(
		      array(
		        'param_name'  => 'content',
		        'heading'     => __( 'Text', 'cornerstone' ),
		        'description' => __( 'Enter your text.', 'cornerstone' ),
		        'type'        => 'textarea_html',
		        'value'       => ''
		      ),
		      array(
		        'param_name'  => 'cite',
		        'heading'     => __( 'Cite', 'cornerstone' ),
		        'description' => __( 'Cite the person you are quoting.', 'cornerstone' ),
		        'type'        => 'textfield',
		      ),
		      array(
		        'param_name'  => 'type',
		        'heading'     => __( 'Alignment', 'cornerstone' ),
		        'description' => __( 'Select the alignment of the pullquote.', 'cornerstone' ),
		        'type'        => 'dropdown',
		        'value'       => array(
		          'Left'   => 'left',
		          'Right'  => 'right'
		        )
		      ),
		      self::map_default_id(),
		      self::map_default_class(),
		      self::map_default_style(),
		    )
		  )
		);


		//
		// Alert.
		//

		$this->add(
		  array(
		    'id'        => 'x_alert',
		    'title'        => __( 'Alert', 'cornerstone' ),
		    'section'    => __( 'Information', 'cornerstone' ),
		    'description' => __( 'Provide information to users with alerts', 'cornerstone' ),
		    'demo' => 'http://theme.co/x/demo/integrity/1/shortcodes/alert/',
		  'params'      => array(
		      array(
		        'param_name'  => 'content',
		        'heading'     => __( 'Text', 'cornerstone' ),
		        'description' => __( 'Enter your text.', 'cornerstone' ),
		        'type'        => 'textarea_html',
		        'value'       => ''
		      ),
		      array(
		        'param_name'  => 'heading',
		        'heading'     => __( 'Heading', 'cornerstone' ),
		        'description' => __( 'Enter the heading of your alert.', 'cornerstone' ),
		        'type'        => 'textfield',
		      ),
		      array(
		        'param_name'  => 'type',
		        'heading'     => __( 'Type', 'cornerstone' ),
		        'description' => __( 'Select the alert style.', 'cornerstone' ),
		        'type'        => 'dropdown',
		        'value'       => array(
		          'Success' => 'success',
		          'Info'    => 'info',
		          'Warning' => 'warning',
		          'Danger'  => 'danger',
		          'Muted'   => 'muted'
		        )
		      ),
		      array(
		        'param_name'  => 'close',
		        'heading'     => __( 'Close', 'cornerstone' ),
		        'description' => __( 'Select to display the close button.', 'cornerstone' ),
		        'type'        => 'checkbox',
		        'value'       => 'true'
		      ),
		      self::map_default_id(),
		      self::map_default_class(),
		      self::map_default_style()
		    )
		  )
		);


		//
		// Map.
		//

		$this->add(
		  array(
		    'id'        => 'x_map',
		    'title'        => __( 'Map (Embed)', 'cornerstone' ),
		    'section'    => __( 'Media', 'cornerstone' ),
		    'description' => __( 'Embed a map from a third-party provider', 'cornerstone' ),
		    'demo' =>   'http://theme.co/x/demo/integrity/1/shortcodes/map/',
		  'params'      => array(
		      array(
		        'param_name'  => 'content',
		        'heading'     => __( 'Code (See Notes Below)', 'cornerstone' ),
		        'description' => __( 'Switch to the "text" editor and do not place anything else here other than your &lsaquo;iframe&rsaquo; or &lsaquo;embed&rsaquo; code.', 'cornerstone' ),
		        'type'        => 'textarea_html',
		        'value'       => ''
		      ),
		      array(
		        'param_name'  => 'no_container',
		        'heading'     => __( 'No Container', 'cornerstone' ),
		        'description' => __( 'Select to remove the container around the map.', 'cornerstone' ),
		        'type'        => 'checkbox',
		        'value'       => 'true'
		      ),
		      self::map_default_id(),
		      self::map_default_class(),
		      self::map_default_style(),
		    )
		  )
		);


		//
		// Google map.
		//

		$this->add(
		  array(
		    'id'            => 'x_google_map',
		    'container' => true,
		    'title'            => __( 'Google Map', 'cornerstone' ),
		    'weight'          => 530,
		    'icon'            => 'google-map',
		    'section'        => __( 'Media', 'cornerstone' ),
		    'description'     => __( 'Embed a customizable Google map', 'cornerstone' ),
		    'demo' =>   'http://theme.co/x/demo/integrity/1/shortcodes/map/',
		  'params'          => array(
		      array(
		        'param_name'  => 'lat',
		        'heading'     => __( 'Latitude', 'cornerstone' ),
		        'description' => __( 'Enter in the center latitude of your map.', 'cornerstone' ),
		        'type'        => 'textfield',
		      ),
		      array(
		        'param_name'  => 'lng',
		        'heading'     => __( 'Longitude', 'cornerstone' ),
		        'description' => __( 'Enter in the center longitude of your map.', 'cornerstone' ),
		        'type'        => 'textfield',
		      ),
		      array(
		        'param_name'  => 'drag',
		        'heading'     => __( 'Draggable', 'cornerstone' ),
		        'description' => __( 'Select to allow your users to drag the map view.', 'cornerstone' ),
		        'type'        => 'checkbox',
		        'value'       => 'true'
		      ),
		      array(
		        'param_name'  => 'zoom',
		        'heading'     => __( 'Zoom Level', 'cornerstone' ),
		        'description' => __( 'Choose the initial zoom level of your map. This value should be between 1 and 18. 1 is fully zoomed out and 18 is right at street level.', 'cornerstone' ),
		        'type'        => 'textfield',
		      ),
		      array(
		        'param_name'  => 'zoom_control',
		        'heading'     => __( 'Zoom Control', 'cornerstone' ),
		        'description' => __( 'Select to activate the zoom control for the map.', 'cornerstone' ),
		        'type'        => 'checkbox',
		        'value'       => 'true'
		      ),
		      array(
		        'param_name'  => 'height',
		        'heading'     => __( 'Height', 'cornerstone' ),
		        'description' => __( 'Choose an optional height for your map. If no height is selected, a responsive, proportional unit will be used. Any type of unit is acceptable (e.g. 450px, 30em, 40%, et cetera).', 'cornerstone' ),
		        'type'        => 'textfield',
		      ),
		      array(
		        'param_name'  => 'hue',
		        'heading'     => __( 'Custom Color', 'cornerstone' ),
		        'description' => __( 'Choose an optional custom color for your map.', 'cornerstone' ),
		        'type'        => 'colorpicker',
		      ),
		      array(
		        'param_name'  => 'no_container',
		        'heading'     => __( 'No Container', 'cornerstone' ),
		        'description' => __( 'Select to remove the container around the map.', 'cornerstone' ),
		        'type'        => 'checkbox',
		        'value'       => 'true'
		      ),
		      self::map_default_class(),
		      self::map_default_style(),
		    )
		  )
		);


		//
		// Google map marker.
		//

		$this->add(
		  array(
		    'id'            => 'x_google_map_marker',
		    'title'            => __( 'Google Map Marker', 'cornerstone' ),
		    'weight'          => 530,
		    'icon'            => 'google-map-marker',
		    'section'        => __( 'Media', 'cornerstone' ),
		    'description'     => __( 'Place a location marker on your Google map', 'cornerstone' ),
		    'demo' =>   'http://theme.co/x/demo/integrity/1/shortcodes/map/',
		  'params'          => array(
		      array(
		        'param_name'  => 'lat',
		        'heading'     => __( 'Latitude', 'cornerstone' ),
		        'description' => __( 'Enter in the latitude of your marker.', 'cornerstone' ),
		        'type'        => 'textfield',
		      ),
		      array(
		        'param_name'  => 'lng',
		        'heading'     => __( 'Longitude', 'cornerstone' ),
		        'description' => __( 'Enter in the longitude of your marker.', 'cornerstone' ),
		        'type'        => 'textfield',
		      ),
		      array(
		        'param_name'  => 'info',
		        'heading'     => __( 'Additional Information', 'cornerstone' ),
		        'description' => __( 'Optional description text to appear in a popup when your marker is clicked on.', 'cornerstone' ),
		        'type'        => 'textfield',
		      ),
		      array(
		        'param_name'  => 'image',
		        'heading'     => __( 'Custom Marker Image', 'cornerstone' ),
		        'description' => __( 'Utilize a custom marker image instead of the default provided by Google.', 'cornerstone' ),
		        'type'        => 'attach_image',
		      ),
		    )
		  )
		);


		//
		// Skill bar.
		//

		$this->add(
		  array(
		    'id'        => 'x_skill_bar',
		    'title'        => __( 'Skill Bar', 'cornerstone' ),
		    'section'    => __( 'Information', 'cornerstone' ),
		    'description' => __( 'Include an informational skill bar', 'cornerstone' ),
		    'demo' =>   'http://theme.co/x/demo/integrity/1/shortcodes/skill-bar/',
		  'params'      => array(
		      array(
		        'param_name'  => 'heading',
		        'heading'     => __( 'Heading', 'cornerstone' ),
		        'description' => __( 'Enter the heading of your skill bar.', 'cornerstone' ),
		        'type'        => 'textfield',
		      ),
		      array(
		        'param_name'  => 'percent',
		        'heading'     => __( 'Percent', 'cornerstone' ),
		        'description' => __( 'Enter the percentage of your skill and be sure to include the percentage sign (i.e. 90%).', 'cornerstone' ),
		        'type'        => 'textfield',
		      ),
		      array(
		        'param_name'  => 'bar_text',
		        'heading'     => __( 'Bar Text', 'cornerstone' ),
		        'description' => __( 'Enter in some alternate text in place of the percentage inside the skill bar.', 'cornerstone' ),
		        'type'        => 'textfield',
		      ),
		      self::map_default_id(),
		      self::map_default_class(),
		      self::map_default_style()
		    )
		  )
		);


		//
		// Code.
		//

		$this->add(
		  array(
		    'id'        => 'x_code',
		    'title'        => __( 'Code', 'cornerstone' ),
		    'section'    => __( 'Typography', 'cornerstone' ),
		    'description' => __( 'Add a block of example code to your content', 'cornerstone' ),
		    'demo' =>   'http://theme.co/x/demo/integrity/1/shortcodes/code/',
		  'params'      => array(
		      array(
		        'param_name'  => 'content',
		        'heading'     => __( 'Text', 'cornerstone' ),
		        'description' => __( 'Enter your text.', 'cornerstone' ),
		        'type'        => 'textarea_html',
		        'value'       => ''
		      ),
		      self::map_default_id(),
		      self::map_default_class(),
		      self::map_default_style()
		    )
		  )
		);


		//
		// Buttons.
		//

		$this->add(
		  array(
		    'id'        => 'x_button',
		    'title'        => __( 'Button', 'cornerstone' ),
		    'section'    => __( 'Marketing', 'cornerstone' ),
		    'description' => __( 'Add a clickable button to your content', 'cornerstone' ),
		    'demo' =>   'http://theme.co/x/demo/integrity/1/shortcodes/buttons',
		  'params'      => array(
		      array(
		        'param_name'  => 'content',
		        'heading'     => __( 'Text', 'cornerstone' ),
		        'description' => __( 'Enter your text.', 'cornerstone' ),
		        'type'        => 'textarea_html',
		        'value'       => '',
		      ),
		      array(
		        'param_name'  => 'shape',
		        'heading'     => __( 'Shape', 'cornerstone' ),
		        'description' => __( 'Select the button shape.', 'cornerstone' ),
		        'type'        => 'dropdown',
		        'value'       => array(
		          'Square'  => 'square',
		          'Rounded' => 'rounded',
		          'Pill'    => 'pill'
		        )
		      ),
		      array(
		        'param_name'  => 'size',
		        'heading'     => __( 'Size', 'cornerstone' ),
		        'description' => __( 'Select the button size.', 'cornerstone' ),
		        'type'        => 'dropdown',

		        'value'       => array(
		          'Mini'        => 'mini',
		          'Small'       => 'small',
		          'Standard'    => 'regular',
		          'Large'       => 'large',
		          'Extra Large' => 'x-large',
		          'Jumbo'       => 'jumbo'
		        )
		      ),
		      array(
		        'param_name'  => 'float',
		        'heading'     => __( 'Float', 'cornerstone' ),
		        'description' => __( 'Optionally float the button.', 'cornerstone' ),
		        'type'        => 'dropdown',

		        'value'       => array(
		          'None'  => 'none',
		          'Left'  => 'left',
		          'Right' => 'right'
		        )
		      ),
		      array(
		        'param_name'  => 'block',
		        'heading'     => __( 'Block', 'cornerstone' ),
		        'description' => __( 'Select to make your button go fullwidth.', 'cornerstone' ),
		        'type'        => 'checkbox',

		        'value'       => 'true'
		      ),
		      array(
		        'param_name'  => 'circle',
		        'heading'     => __( 'Marketing Circle', 'cornerstone' ),
		        'description' => __( 'Select to include a marketing circle around your button.', 'cornerstone' ),
		        'type'        => 'checkbox',

		        'value'       => 'true'
		      ),
		      array(
		        'param_name'  => 'icon_only',
		        'heading'     => __( 'Icon Only', 'cornerstone' ),
		        'description' => __( 'Select if you are only using an icon in your button.', 'cornerstone' ),
		        'type'        => 'checkbox',

		        'value'       => 'true'
		      ),
		      array(
		        'param_name'  => 'href',
		        'heading'     => __( 'Href', 'cornerstone' ),
		        'description' => __( 'Enter in the URL you want your button to link to.', 'cornerstone' ),
		        'type'        => 'textfield',

		      ),
		      array(
		        'param_name'  => 'title',
		        'heading'     => __( 'Title', 'cornerstone' ),
		        'description' => __( 'Enter in the title attribute you want for your button (will also double as title for popover or tooltip if you have chosen to display one).', 'cornerstone' ),
		        'type'        => 'textfield',

		      ),
		      array(
		        'param_name'  => 'target',
		        'heading'     => __( 'Target', 'cornerstone' ),
		        'description' => __( 'Select to open your button link in a new window.', 'cornerstone' ),
		        'type'        => 'checkbox',

		        'value'       => 'blank'
		      ),
		      array(
		        'param_name'  => 'info',
		        'heading'     => __( 'Info', 'cornerstone' ),
		        'description' => __( 'Select whether or not you want to add a popover or tooltip to your button.', 'cornerstone' ),
		        'type'        => 'dropdown',

		        'value'       => array(
		          'None'    => 'none',
		          'Popover' => 'popover',
		          'Tooltip' => 'tooltip'
		        )
		      ),
		      array(
		        'param_name'  => 'info_place',
		        'heading'     => __( 'Info Placement', 'cornerstone' ),
		        'description' => __( 'Select where you want your popover or tooltip to appear.', 'cornerstone' ),
		        'type'        => 'dropdown',

		        'value'       => array(
		          'Top'    => 'top',
		          'Left'   => 'left',
		          'Right'  => 'right',
		          'Bottom' => 'bottom'
		        )
		      ),
		      array(
		        'param_name'  => 'info_trigger',
		        'heading'     => __( 'Info Trigger', 'cornerstone' ),
		        'description' => __( 'Select what actions you want to trigger the popover or tooltip.', 'cornerstone' ),
		        'type'        => 'dropdown',

		        'value'       => array(
		          'Hover' => 'hover',
		          'Click' => 'click',
		          'Focus' => 'focus'
		        )
		      ),
		      array(
		        'param_name'  => 'info_content',
		        'heading'     => __( 'Info Content', 'cornerstone' ),
		        'description' => __( 'Extra content for the popover.', 'cornerstone' ),
		        'type'        => 'textfield',

		      ),
		      array(
		        'param_name'  => 'lightbox_thumb',
		        'heading'     => __( 'Lightbox Thumbnail', 'cornerstone' ),
		        'description' => __( 'Use this option to select a thumbnail for your lightbox thumbnail navigation or to set an image if you are linking out to a video.', 'cornerstone' ),
		        'type'        => 'attach_image',

		      ),
		      array(
		        'param_name'  => 'lightbox_video',
		        'heading'     => __( 'Lightbox Video', 'cornerstone' ),
		        'description' => __( 'Select if you are linking to a video from this button in the lightbox.', 'cornerstone' ),
		        'type'        => 'checkbox',

		        'value'       => 'true'
		      ),
		      array(
		        'param_name'  => 'lightbox_caption',
		        'heading'     => __( 'Lightbox Caption', 'cornerstone' ),
		        'description' => __( 'Lightbox caption text.', 'cornerstone' ),
		        'type'        => 'textfield',

		      ),
		      self::map_default_id(),
		      self::map_default_class(),
		      self::map_default_style()
		    )
		  )
		);


		//
		// Block grid.
		//

		$this->add(
		  array(
		    'id'            => 'x_block_grid',
		    'container' => true,
		    'title'            => __( 'Block Grid', 'cornerstone' ),
		    'weight'          => 880,
		    'icon'            => 'block-grid',
		    'section'        => __( 'Content', 'cornerstone' ),
		    'description'     => __( 'Include a block grid container in your content', 'cornerstone' ),
		    'demo' =>   'http://theme.co/x/demo/integrity/1/shortcodes/block-grid/',
		  'params'          => array(
		      array(
		        'param_name'  => 'type',
		        'heading'     => __( 'Type', 'cornerstone' ),
		        'description' => __( 'Select how many block grid items you want per row.', 'cornerstone' ),
		        'type'        => 'dropdown',
		        'value'       => array(
		          'Two'   => 'two-up',
		          'Three' => 'three-up',
		          'Four'  => 'four-up',
		          'Five'  => 'five-up'
		        )
		      ),
		      self::map_default_id(),
		      self::map_default_class(),
		      self::map_default_style()
		    )
		  )
		);


		//
		// Block grid item.
		//

		$this->add(
		  array(
		    'id'            => 'x_block_grid_item',
		    'title'            => __( 'Block Grid Item', 'cornerstone' ),
		    'weight'          => 870,
		    'icon'            => 'block-grid-item',
		    'section'        => __( 'Content', 'cornerstone' ),
		    'description'     => __( 'Include a block grid item in your block grid', 'cornerstone' ),
		    'demo' =>   'http://theme.co/x/demo/integrity/1/shortcodes/block-grid/',
		  'params'          => array(
		      array(
		        'param_name'  => 'content',
		        'heading'     => __( 'Text', 'cornerstone' ),
		        'description' => __( 'Enter your text.', 'cornerstone' ),
		        'type'        => 'textarea_html',
		        'value'       => ''
		      ),
		      self::map_default_id(),
		      self::map_default_class(),
		      self::map_default_style()
		    )
		  )
		);


		//
		// Images.
		//

		$this->add(
		  array(
		    'id'        => 'x_image',
		    'title'        => __( 'Image', 'cornerstone' ),
		    'section'    => __( 'Media', 'cornerstone' ),
		    'description' => __( 'Include an image in your content', 'cornerstone' ),
		    'demo' =>   'http://theme.co/x/demo/integrity/1/shortcodes/images/',
		  'params'      => array(
		      array(
		        'param_name'  => 'type',
		        'heading'     => __( 'Style', 'cornerstone' ),
		        'description' => __( 'Select the image style.', 'cornerstone' ),
		        'type'        => 'dropdown',
		        'value'       => array(
		          'None'      => 'none',
		          'Thumbnail' => 'thumbnail',
		          'Rounded'   => 'rounded',
		          'Circle'    => 'circle'
		        )
		      ),
		      array(
		        'param_name'  => 'float',
		        'heading'     => __( 'Float', 'cornerstone' ),
		        'description' => __( 'Optionally float the image.', 'cornerstone' ),
		        'type'        => 'dropdown',
		        'value'       => array(
		          'None'  => 'none',
		          'Left'  => 'left',
		          'Right' => 'right'
		        )
		      ),
		      array(
		        'param_name'  => 'src',
		        'heading'     => __( 'Src', 'cornerstone' ),
		        'description' => __( 'Enter your image.', 'cornerstone' ),
		        'type'        => 'attach_image',
		      ),
		      array(
		        'param_name'  => 'alt',
		        'heading'     => __( 'Alt', 'cornerstone' ),
		        'description' => __( 'Enter in the alt text for your image.', 'cornerstone' ),
		        'type'        => 'textfield',
		      ),
		      array(
		        'param_name'  => 'link',
		        'heading'     => __( 'Link', 'cornerstone' ),
		        'description' => __( 'Select to wrap your image in an anchor tag.', 'cornerstone' ),
		        'type'        => 'checkbox',
		        'value'       => 'true'
		      ),
		      array(
		        'param_name'  => 'href',
		        'heading'     => __( 'Href', 'cornerstone' ),
		        'description' => __( 'Enter in the URL you want your image to link to. If using this image for a lightbox, enter the URL of your media here (e.g. YouTube embed URL, et cetera). Leave this field blank if you want to link to the image uploaded to the "Src" for your lightbox.', 'cornerstone' ),
		        'type'        => 'textfield',
		      ),
		      array(
		        'param_name'  => 'title',
		        'heading'     => __( 'Title', 'cornerstone' ),
		        'description' => __( 'Enter in the title attribute you want for your image (will also double as title for popover or tooltip if you have chosen to display one).', 'cornerstone' ),
		        'type'        => 'textfield',
		      ),
		      array(
		        'param_name'  => 'target',
		        'heading'     => __( 'Target', 'cornerstone' ),
		        'description' => __( 'Select to open your image link in a new window.', 'cornerstone' ),
		        'type'        => 'checkbox',
		        'value'       => 'blank'
		      ),
		      array(
		        'param_name'  => 'info',
		        'heading'     => __( 'Info', 'cornerstone' ),
		        'description' => __( 'Select whether or not you want to add a popover or tooltip to your image.', 'cornerstone' ),
		        'type'        => 'dropdown',
		        'value'       => array(
		          'None'    => 'none',
		          'Popover' => 'popover',
		          'Tooltip' => 'tooltip'
		        )
		      ),
		      array(
		        'param_name'  => 'info_place',
		        'heading'     => __( 'Info Placement', 'cornerstone' ),
		        'description' => __( 'Select where you want your popover or tooltip to appear.', 'cornerstone' ),
		        'type'        => 'dropdown',
		        'value'       => array(
		          'Top'    => 'top',
		          'Left'   => 'left',
		          'Right'  => 'right',
		          'Bottom' => 'bottom'
		        )
		      ),
		      array(
		        'param_name'  => 'info_trigger',
		        'heading'     => __( 'Info Trigger', 'cornerstone' ),
		        'description' => __( 'Select what actions you want to trigger the popover or tooltip.', 'cornerstone' ),
		        'type'        => 'dropdown',
		        'value'       => array(
		          'Hover' => 'hover',
		          'Click' => 'click',
		          'Focus' => 'focus'
		        )
		      ),
		      array(
		        'param_name'  => 'info_content',
		        'heading'     => __( 'Info Content', 'cornerstone' ),
		        'description' => __( 'Extra content for the popover.', 'cornerstone' ),
		        'type'        => 'textfield',
		      ),
		      array(
		        'param_name'  => 'lightbox_thumb',
		        'heading'     => __( 'Lightbox Thumbnail', 'cornerstone' ),
		        'description' => __( 'Use this option to select a different thumbnail for your lightbox thumbnail navigation or to set an image if you are linking out to a video. Will default to the "Src" image if nothing is set.', 'cornerstone' ),
		        'type'        => 'attach_image',
		      ),
		      array(
		        'param_name'  => 'lightbox_video',
		        'heading'     => __( 'Lightbox Video', 'cornerstone' ),
		        'description' => __( 'Select if you are linking to a video from this image in the lightbox.', 'cornerstone' ),
		        'type'        => 'checkbox',
		        'value'       => 'true'
		      ),
		      array(
		        'param_name'  => 'lightbox_caption',
		        'heading'     => __( 'Lightbox Caption', 'cornerstone' ),
		        'description' => __( 'Lightbox caption text.', 'cornerstone' ),
		        'type'        => 'textfield',
		      ),
		      array(
		        'param_name'  => 'id',
		        'heading'     => __( 'ID', 'cornerstone' ),
		        'description' => __( '(Optional) Enter a unique ID.', 'cornerstone' ),
		        'type'        => 'textfield',

		      ),
		      self::map_default_class(),
		      self::map_default_style()
		    )
		  )
		);


		//
		// Icon list.
		//

		$this->add(
		  array(
		    'id'            => 'x_icon_list',
		    'container' => true,
		    'title'            => __( 'Icon List', 'cornerstone' ),
		    'weight'          => 780,
		    'icon'            => 'icon-list',
		    'section'        => __( 'Typography', 'cornerstone' ),
		    'description'     => __( 'Include an icon list in your content', 'cornerstone' ),
		    'demo' =>   'http://theme.co/x/demo/integrity/1/shortcodes/icon-list/',
		  'params'          => array(
		      self::map_default_id( array( 'advanced' => false) ),
		      self::map_default_class(),
		      self::map_default_style()
		    )
		  )
		);


		//
		// Icon list item.
		//

		$this->add(
		  array(
		    'id'            => 'x_icon_list_item',
		    'title'            => __( 'Icon List Item', 'cornerstone' ),
		    'weight'          => 770,
		    'icon'            => 'icon-list-item',
		    'section'        => __( 'Typography', 'cornerstone' ),
		    'description'     => __( 'Include an icon list item in your icon list', 'cornerstone' ),
		    'demo' =>   'http://theme.co/x/demo/integrity/1/shortcodes/icon-list/',
		  'params'          => array(
		      array(
		        'param_name'  => 'content',
		        'heading'     => __( 'Text', 'cornerstone' ),
		        'description' => __( 'Enter your text.', 'cornerstone' ),
		        'type'        => 'textarea_html',
		        'value'       => ''
		      ),
		      array(
		        'param_name'  => 'type',
		        'heading'     => __( 'Type', 'cornerstone' ),
		        'description' => __( 'Select your icon.', 'cornerstone' ),
		        'type'        => 'dropdown',
		        'value'       => array_keys( fa_all_unicode() )
		      ),
		      self::map_default_id(),
		      self::map_default_class(),
		      self::map_default_style()
		    )
		  )
		);



		//
		// Text columns.
		//

		$this->add(
		  array(
		    'id'        => 'x_columnize',
		    'title'        => __( 'Columnize', 'cornerstone' ),
		    'section'    => __( 'Content', 'cornerstone' ),
		    'description' => __( 'Split your text into multiple columns', 'cornerstone' ),
		    'demo' =>   'http://theme.co/x/demo/integrity/1/shortcodes/columnize/',
		  'params'      => array(
		      array(
		        'param_name'  => 'content',
		        'heading'     => __( 'Text', 'cornerstone' ),
		        'description' => __( 'Enter your text.', 'cornerstone' ),
		        'type'        => 'textarea_html',
		        'value'       => ''
		      ),
		      self::map_default_id(),
		      self::map_default_class(),
		      self::map_default_style()
		    )
		  )
		);


		//
		// Video player.
		//

		$this->add(
		  array(
		    'id'        => 'x_video_player',
		    'title'        => __( 'Video (Self Hosted)', 'cornerstone' ),
		    'section'    => __( 'Media', 'cornerstone' ),
		    'description' => __( 'Include responsive video into your content', 'cornerstone' ),
		    'demo' =>   'http://theme.co/x/demo/integrity/1/shortcodes/responsive-video/',
		  'params'      => array(
		      array(
		        'param_name'  => 'type',
		        'heading'     => __( 'Aspect Ratio', 'cornerstone' ),
		        'description' => __( 'Select your aspect ratio.', 'cornerstone' ),
		        'type'        => 'dropdown',
		        'value'       => array(
		          '16:9' => '16:9',
		          '5:3'  => '5:3',
		          '5:4'  => '5:4',
		          '4:3'  => '4:3',
		          '3:2'  => '3:2'
		        )
		      ),
		      array(
		        'param_name'  => 'm4v',
		        'heading'     => __( 'M4V', 'cornerstone' ),
		        'description' => __( 'Include and .m4v version of your video.', 'cornerstone' ),
		        'type'        => 'textfield',
		      ),
		      array(
		        'param_name'  => 'ogv',
		        'heading'     => __( 'OGV', 'cornerstone' ),
		        'description' => __( 'Include and .ogv version of your video for additional native browser support.', 'cornerstone' ),
		        'type'        => 'textfield',
		      ),
		      array(
		        'param_name'  => 'poster',
		        'heading'     => __( 'Poster Image', 'cornerstone' ),
		        'description' => __( 'Include a poster image for your self-hosted video.', 'cornerstone' ),
		        'type'        => 'attach_image',
		      ),
		      array(
		        'param_name'  => 'hide_controls',
		        'heading'     => __( 'Hide Controls', 'cornerstone' ),
		        'description' => __( 'Select to hide the controls on your self-hosted video.', 'cornerstone' ),
		        'type'        => 'checkbox',
		        'value'       => 'true'
		      ),
		      array(
		        'param_name'  => 'autoplay',
		        'heading'     => __( 'Autoplay', 'cornerstone' ),
		        'description' => __( 'Select to automatically play your self-hosted video.', 'cornerstone' ),
		        'type'        => 'checkbox',
		        'value'       => 'true'
		      ),
		      array(
		        'param_name'  => 'no_container',
		        'heading'     => __( 'No Container', 'cornerstone' ),
		        'description' => __( 'Select to remove the container around the video.', 'cornerstone' ),
		        'type'        => 'checkbox',
		        'value'       => 'true'
		      ),
		      self::map_default_id(),
		      self::map_default_class(),
		      self::map_default_style()
		    )
		  )
		);


		//
		// Video embed.
		//

		$this->add(
		  array(
		    'id'        => 'x_video_embed',
		    'title'        => __( 'Video (Embedded)', 'cornerstone' ),
		    'section'    => __( 'Media', 'cornerstone' ),
		    'description' => __( 'Include responsive video into your content', 'cornerstone' ),
		    'demo' =>   'http://theme.co/x/demo/integrity/1/shortcodes/responsive-video/',
		  'params'      => array(
		      array(
		        'param_name'  => 'content',
		        'heading'     => __( 'Code (See Notes Below)', 'cornerstone' ),
		        'description' => __( 'Switch to the "text" editor and do not place anything else here other than your &lsaquo;iframe&rsaquo; or &lsaquo;embed&rsaquo; code.', 'cornerstone' ),
		        'type'        => 'textarea_html',
		        'value'       => ''
		      ),
		      array(
		        'param_name'  => 'type',
		        'heading'     => __( 'Aspect Ratio', 'cornerstone' ),
		        'description' => __( 'Select your aspect ratio.', 'cornerstone' ),
		        'type'        => 'dropdown',
		        'value'       => array(
		          '16:9' => '16:9',
		          '5:3'  => '5:3',
		          '5:4'  => '5:4',
		          '4:3'  => '4:3',
		          '3:2'  => '3:2'
		        )
		      ),
		      array(
		        'param_name'  => 'no_container',
		        'heading'     => __( 'No Container', 'cornerstone' ),
		        'description' => __( 'Select to remove the container around the video.', 'cornerstone' ),
		        'type'        => 'checkbox',
		        'value'       => 'true'
		      ),
		      self::map_default_id(),
		      self::map_default_class(),
		      self::map_default_style()
		    )
		  )
		);


		//
		// Accordion.
		//

		$this->add(
		  array(
		    'id'            => 'x_accordion',
		    'container' => true,
		    'title'            => __( 'Accordion', 'cornerstone' ),
		    'weight'          => 930,
		    'icon'            => 'accordion',
		    'section'        => __( 'Content', 'cornerstone' ),
		    'description'     => __( 'Include an accordion into your content', 'cornerstone' ),
		    'demo' =>   'http://theme.co/x/demo/integrity/1/shortcodes/accordion/',
		  'params'          => array(
		      self::map_default_id( array( 'advanced' => false) ),
		      self::map_default_class(),
		      self::map_default_style()
		    )
		  )
		);


		//
		// Accordion item.
		//

		$this->add(
		  array(
		    'id'            => 'x_accordion_item',
		    'title'            => __( 'Accordion Item', 'cornerstone' ),
		    'weight'          => 940,
		    'icon'            => 'accordion-item',
		    'section'        => __( 'Content', 'cornerstone' ),
		    'description'     => __( 'Include an accordion item in your accordion', 'cornerstone' ),
		    'demo' =>   'http://theme.co/x/demo/integrity/1/shortcodes/accordion/',
		  'params'          => array(
		      array(
		        'param_name'  => 'content',
		        'heading'     => __( 'Text', 'cornerstone' ),
		        'description' => __( 'Enter your text.', 'cornerstone' ),
		        'type'        => 'textarea_html',
		        'value'       => ''
		      ),
		      array(
		        'param_name'  => 'parent_id',
		        'heading'     => __( 'Parent ID', 'cornerstone' ),
		        'description' => __( 'Optionally include an ID given to the parent accordion to only allow one toggle to be open at a time.', 'cornerstone' ),
		        'type'        => 'textfield',
		      ),
		      array(
		        'param_name'  => 'title',
		        'heading'     => __( 'Title', 'cornerstone' ),
		        'description' => __( 'Include a title for your accordion item.', 'cornerstone' ),
		        'type'        => 'textfield',
		      ),
		      array(
		        'param_name'  => 'open',
		        'heading'     => __( 'Open', 'cornerstone' ),
		        'description' => __( 'Select for your accordion item to be open by default.', 'cornerstone' ),
		        'type'        => 'checkbox',

		        'value'       => 'true'
		      ),
		      self::map_default_id(),
		      self::map_default_class(),
		      self::map_default_style()
		    )
		  )
		);


		//
		// Tab nav.
		//

		$this->add(
		  array(
		    'id'            => 'x_tab_nav',
		    'container' => true,
		    'title'            => __( 'Tab Nav', 'cornerstone' ),
		    'weight'          => 920,
		    'icon'            => 'tab-nav',
		    'section'        => __( 'Content', 'cornerstone' ),
		    'description'     => __( 'Include a tab nav into your content', 'cornerstone' ),
		    'demo' =>   'http://theme.co/x/demo/integrity/1/shortcodes/tabbed-content/',
		  'params'          => array(
		      array(
		        'param_name'  => 'type',
		        'heading'     => __( 'Tab Nav Items Per Row', 'cornerstone' ),
		        'description' => __( 'If your tab nav is on top, select how many tab nav items you want per row.', 'cornerstone' ),
		        'type'        => 'dropdown',
		        'value'       => array(
		          'Two'   => 'two-up',
		          'Three' => 'three-up',
		          'Four'  => 'four-up',
		          'Five'  => 'five-up'
		        )
		      ),
		      array(
		        'param_name'  => 'float',
		        'heading'     => __( 'Tab Nav Position', 'cornerstone' ),
		        'description' => __( 'Select the position of your tab nav.', 'cornerstone' ),
		        'type'        => 'dropdown',
		        'value'       => array(
		          'None'  => 'none',
		          'Left'  => 'left',
		          'Right' => 'right'
		        )
		      ),
		      self::map_default_id(),
		      self::map_default_class(),
		      self::map_default_style()
		    )
		  )
		);


		//
		// Tab nav item.
		//

		$this->add(
		  array(
		    'id'            => 'x_tab_nav_item',
		    'title'            => __( 'Tab Nav Item', 'cornerstone' ),
		    'weight'          => 910,
		    'icon'            => 'tab-nav-item',
		    'section'        => __( 'Content', 'cornerstone' ),
		    'description'     => __( 'Include a tab nav item into your tab nav', 'cornerstone' ),
		    'demo' =>   'http://theme.co/x/demo/integrity/1/shortcodes/tabbed-content/',
		  'params'          => array(
		      array(
		        'param_name'  => 'title',
		        'heading'     => __( 'Title', 'cornerstone' ),
		        'description' => __( 'Include a title for your tab nav item.', 'cornerstone' ),
		        'type'        => 'textfield',
		      ),
		      array(
		        'param_name'  => 'active',
		        'heading'     => __( 'Active', 'cornerstone' ),
		        'description' => __( 'Select to make this tab nav item active.', 'cornerstone' ),
		        'type'        => 'checkbox',
		        'value'       => 'true'
		      ),
		      self::map_default_id(),
		      self::map_default_class(),
		      self::map_default_style()
		    )
		  )
		);


		//
		// Tabs.
		//

		$this->add(
		  array(
		    'id'            => 'x_tabs',
		    'container' => true,
		    'title'            => __( 'Tabs', 'cornerstone' ),
		    'weight'          => 900,
		    'icon'            => 'tabs',
		    'section'        => __( 'Content', 'cornerstone' ),
		    'description'     => __( 'Include a tabs container after your tab nav', 'cornerstone' ),
		    'demo' =>   'http://theme.co/x/demo/integrity/1/shortcodes/tabbed-content/',
		  'params'          => array(
		      array(
		        'param_name'  => 'id',
		        'heading'     => __( 'ID', 'cornerstone' ),
		        'description' => __( '(Optional) Enter a unique ID.', 'cornerstone' ),
		        'type'        => 'textfield',

		      ),
		      self::map_default_class(),
		      self::map_default_style()
		    )
		  )
		);


		//
		// Tab.
		//

		$this->add(
		  array(
		    'id'            => 'x_tab',
		    'title'            => __( 'Tab', 'cornerstone' ),
		    'weight'          => 890,
		    'icon'            => 'tab',
		    'section'        => __( 'Content', 'cornerstone' ),
		    'description'     => __( 'Include a tab into your tabs container', 'cornerstone' ),
		    'demo' =>   'http://theme.co/x/demo/integrity/1/shortcodes/tabbed-content/',
		  'params'          => array(
		      array(
		        'param_name'  => 'content',
		        'heading'     => __( 'Text', 'cornerstone' ),
		        'description' => __( 'Enter your text.', 'cornerstone' ),
		        'type'        => 'textarea_html',
		        'value'       => ''
		      ),
		      array(
		        'param_name'  => 'active',
		        'heading'     => __( 'Active', 'cornerstone' ),
		        'description' => __( 'Select to make this tab active.', 'cornerstone' ),
		        'type'        => 'checkbox',
		        'value'       => 'true'
		      ),
		      self::map_default_class(),
		      self::map_default_style()
		    )
		  )
		);


		//
		// Responsive visibility.
		//

		$this->add(
		  array(
		    'id'            => 'x_visibility',
		    'container' => true,
		    'title'            => __( 'Visibility', 'cornerstone' ),
		    'weight'          => 850,
		    'icon'            => 'visibility',
		    'section'        => __( 'Content', 'cornerstone' ),
		    'description'     => __( 'Alter content based on screen size', 'cornerstone' ),
		    'demo' =>   'http://theme.co/x/demo/integrity/1/shortcodes/responsive-visibility/',
		  'params'          => array(
		      array(
		        'param_name'  => 'type',
		        'heading'     => __( 'Visibility Type', 'cornerstone' ),
		        'description' => __( 'Select how you want to hide or show your content.', 'cornerstone' ),
		        'type'        => 'dropdown',

		        'value'       => array(
		          'Hidden Phone'    => 'hidden-phone',
		          'Hidden Tablet'   => 'hidden-tablet',
		          'Hidden Desktop'  => 'hidden-desktop',
		          'Visible Phone'   => 'visible-phone',
		          'Visible Tablet'  => 'visible-tablet',
		          'Visible Desktop' => 'visible-desktop'
		        )
		      ),
		      self::map_default_id(),
		      self::map_default_class(),
		      self::map_default_style()
		    )
		  )
		);


		//
		// Slider.
		//

		$this->add(
		  array(
		    'id'            => 'x_slider',
		    'container' => true,
		    'title'            => __( 'Slider', 'cornerstone' ),
		    'weight'          => 590,
		    'icon'            => 'slider',
		    'section'        => __( 'Media', 'cornerstone' ),
		    'description'     => __( 'Include a slider in your content', 'cornerstone' ),
		    'demo' =>   'http://theme.co/x/demo/integrity/1/shortcodes/responsive-slider/',
		  'params'          => array(
		      array(
		        'param_name'  => 'animation',
		        'heading'     => __( 'Animation', 'cornerstone' ),
		        'description' => __( 'Select your slider animation.', 'cornerstone' ),
		        'type'        => 'dropdown',

		        'value'       => array(
		          'Slide' => 'slide',
		          'Fade'  => 'fade'
		        )
		      ),
		      array(
		        'param_name'  => 'slide_time',
		        'heading'     => __( 'Slide Time', 'cornerstone' ),
		        'description' => __( 'The amount of time a slide will stay visible in milliseconds.', 'cornerstone' ),
		        'type'        => 'textfield',

		        'value'       => '5000'
		      ),
		      array(
		        'param_name'  => 'slide_speed',
		        'heading'     => __( 'Slide Speed', 'cornerstone' ),
		        'description' => __( 'The amount of time to transition between slides in milliseconds.', 'cornerstone' ),
		        'type'        => 'textfield',

		        'value'       => '650'
		      ),
		      array(
		        'param_name'  => 'slideshow',
		        'heading'     => __( 'Slideshow', 'cornerstone' ),
		        'description' => __( 'Select for your slides to advance automatically.', 'cornerstone' ),
		        'type'        => 'checkbox',

		        'value'       => 'true'
		      ),
		      array(
		        'param_name'  => 'random',
		        'heading'     => __( 'Random', 'cornerstone' ),
		        'description' => __( 'Select to randomly display your slides each time the page loads.', 'cornerstone' ),
		        'type'        => 'checkbox',

		        'value'       => 'true'
		      ),
		      array(
		        'param_name'  => 'control_nav',
		        'heading'     => __( 'Control Navigation', 'cornerstone' ),
		        'description' => __( 'Select to display the control navigation.', 'cornerstone' ),
		        'type'        => 'checkbox',

		        'value'       => 'true'
		      ),
		      array(
		        'param_name'  => 'prev_next_nav',
		        'heading'     => __( 'Previous/Next Navigation', 'cornerstone' ),
		        'description' => __( 'Select to display the previous/next navigation.', 'cornerstone' ),
		        'type'        => 'checkbox',

		        'value'       => 'true'
		      ),
		      array(
		        'param_name'  => 'no_container',
		        'heading'     => __( 'No Container', 'cornerstone' ),
		        'description' => __( 'Select to remove the container from your slider.', 'cornerstone' ),
		        'type'        => 'checkbox',

		        'value'       => 'true'
		      ),
		      self::map_default_id(),
		      self::map_default_class(),
		      self::map_default_style()
		    )
		  )
		);


		//
		// Slide.
		//

		$this->add(
		  array(
		    'id'            => 'x_slide',
		    'title'            => __( 'Slide', 'cornerstone' ),
		    'weight'          => 600,
		    'icon'            => 'slide',
		    'section'        => __( 'Media', 'cornerstone' ),
		    'description'     => __( 'Include a slide into your slider', 'cornerstone' ),
		    'demo' =>   'http://theme.co/x/demo/integrity/1/shortcodes/responsive-slider/',
		  'params'          => array(
		      array(
		        'param_name'  => 'content',
		        'heading'     => __( 'Text', 'cornerstone' ),
		        'description' => __( 'Enter your text.', 'cornerstone' ),
		        'type'        => 'textarea_html',

		        'value'       => ''
		      ),
		      self::map_default_id(),
		      self::map_default_class(),
		      self::map_default_style()
		    )
		  )
		);


		//
		// Protected content.
		//

		$this->add(
		  array(
		    'id'        => 'x_protect',
		    'title'        => __( 'Protect', 'cornerstone' ),
		    'section'    => __( 'Content', 'cornerstone' ),
		    'description' => __( 'Protect content from non logged in users', 'cornerstone' ),
		    'demo' =>   'http://theme.co/x/demo/integrity/1/shortcodes/protected-content/',
		  'params'      => array(
		      array(
		        'param_name'  => 'content',
		        'heading'     => __( 'Text', 'cornerstone' ),
		        'description' => __( 'Enter your text.', 'cornerstone' ),
		        'type'        => 'textarea_html',

		        'value'       => ''
		      ),
		      self::map_default_id(),
		      self::map_default_class(),
		      self::map_default_style()
		    )
		  )
		);


		//
		// Recent posts.
		//

		$this->add(
		  array(
		    'id'        => 'x_recent_posts',
		    'title'        => __( 'Recent Posts', 'cornerstone' ),
		    'section'    => __( 'Social', 'cornerstone' ),
		    'description' => __( 'Display your most recent posts', 'cornerstone' ),
		    'demo' =>   'http://theme.co/x/demo/integrity/1/shortcodes/recent-posts/',
		  'params'      => array(
		      array(
		        'param_name'  => 'type',
		        'heading'     => __( 'Post Type', 'cornerstone' ),
		        'description' => __( 'Choose between standard posts or portfolio posts.', 'cornerstone' ),
		        'type'        => 'dropdown',

		        'value'       => array(
		          'Posts'     => 'post',
		          'Portfolio' => 'portfolio'
		        )
		      ),
		      array(
		        'param_name'  => 'count',
		        'heading'     => __( 'Post Count', 'cornerstone' ),
		        'description' => __( 'Select how many posts to display.', 'cornerstone' ),
		        'type'        => 'dropdown',

		        'value'       => array(
		          '1' => '1',
		          '2' => '2',
		          '3' => '3',
		          '4' => '4'
		        )
		      ),
		      array(
		        'param_name'  => 'offset',
		        'heading'     => __( 'Offset', 'cornerstone' ),
		        'description' => __( 'Enter a number to offset initial starting post of your recent posts.', 'cornerstone' ),
		        'type'        => 'textfield',

		      ),
		      array(
		        'param_name'  => 'section',
		        'heading'     => __( 'Category', 'cornerstone' ),
		        'description' => __( 'To filter your posts by category, enter in the slug of your desired category. To filter by multiple categories, enter in your slugs separated by a comma.', 'cornerstone' ),
		        'type'        => 'textfield',

		      ),
		      array(
		        'param_name'  => 'orientation',
		        'heading'     => __( 'Orientation', 'cornerstone' ),
		        'description' => __( 'Select the orientation or your recent posts.', 'cornerstone' ),
		        'type'        => 'dropdown',

		        'value'       => array(
		          'Horizontal' => 'horizontal',
		          'Vertical'   => 'vertical'
		        )
		      ),
		      array(
		        'param_name'  => 'no_image',
		        'heading'     => __( 'Remove Featured Image', 'cornerstone' ),
		        'description' => __( 'Select to remove the featured image.', 'cornerstone' ),
		        'type'        => 'checkbox',

		        'value'       => 'true'
		      ),
		      array(
		        'param_name'  => 'fade',
		        'heading'     => __( 'Fade Effect', 'cornerstone' ),
		        'description' => __( 'Select to activate the fade effect.', 'cornerstone' ),
		        'type'        => 'checkbox',

		        'value'       => 'true'
		      ),
		      self::map_default_id(),
		      self::map_default_class(),
		      self::map_default_style()
		    )
		  )
		);


		//
		// Audio player.
		//

		$this->add(
		  array(
		    'id'        => 'x_audio_player',
		    'title'        => __( 'Audio (Self Hosted)', 'cornerstone' ),
		    'section'    => __( 'Media', 'cornerstone' ),
		    'description' => __( 'Place audio files into your content', 'cornerstone' ),
		    'demo' =>   'http://theme.co/x/demo/integrity/1/shortcodes/audio/',
		  'params'      => array(
		      array(
		        'param_name'  => 'mp3',
		        'heading'     => __( 'MP3', 'cornerstone' ),
		        'description' => __( 'Include and .mp3 version of your audio.', 'cornerstone' ),
		        'type'        => 'textfield',

		      ),
		      array(
		        'param_name'  => 'oga',
		        'heading'     => __( 'OGA', 'cornerstone' ),
		        'description' => __( 'Include and .oga version of your audio for additional native browser support.', 'cornerstone' ),
		        'type'        => 'textfield',

		      ),
		      self::map_default_id(),
		      self::map_default_class(),
		      self::map_default_style()
		    )
		  )
		);


		//
		// Audio embed.
		//

		$this->add(
		  array(
		    'id'        => 'x_audio_embed',
		    'title'        => __( 'Audio (Embedded)', 'cornerstone' ),
		    'section'    => __( 'Media', 'cornerstone' ),
		    'description' => __( 'Place audio files into your content', 'cornerstone' ),
		    'demo' =>   'http://theme.co/x/demo/integrity/1/shortcodes/audio/',
		  'params'      => array(
		      array(
		        'param_name'  => 'content',
		        'heading'     => __( 'Code (See Notes Below)', 'cornerstone' ),
		        'description' => __( 'Switch to the "text" editor and do not place anything else here other than your &lsaquo;iframe&rsaquo; or &lsaquo;embed&rsaquo; code.', 'cornerstone' ),
		        'type'        => 'textarea_html',

		        'value'       => ''
		      ),
		      self::map_default_id(),
		      self::map_default_class(),
		      self::map_default_style()
		    )
		  )
		);


		//
		// Pricing table.
		//

		$this->add(
		  array(
		    'id'            => 'x_pricing_table',
		    'container' => true,
		    'title'            => __( 'Pricing Table', 'cornerstone' ),
		    'weight'          => 680,
		    'icon'            => 'pricing-table',
		    'section'        => __( 'Marketing', 'cornerstone' ),
		    'description'     => __( 'Include a pricing table in your content', 'cornerstone' ),
		    'demo' =>   'http://theme.co/x/demo/integrity/1/shortcodes/responsive-pricing-table/',
		  'params'          => array(
		      array(
		        'param_name'  => 'columns',
		        'heading'     => __( 'Columns', 'cornerstone' ),
		        'description' => __( 'Select how many columns you want for your pricing table.', 'cornerstone' ),
		        'type'        => 'dropdown',

		        'value'       => array(
		          '1' => '1',
		          '2' => '2',
		          '3' => '3',
		          '4' => '4',
		          '5' => '5'
		        )
		      ),
		      self::map_default_id(),
		      self::map_default_class(),
		      self::map_default_style()
		    )
		  )
		);


		//
		// Pricing table column.
		//

		$this->add(
		  array(
		    'id'            => 'x_pricing_table_column',
		    'title'            => __( 'Pricing Table Column', 'cornerstone' ),
		    'weight'          => 670,
		    'icon'            => 'pricing-table-column',
		    'section'        => __( 'Marketing', 'cornerstone' ),
		    'description'     => __( 'Include a pricing table column', 'cornerstone' ),
		    'demo' =>   'http://theme.co/x/demo/integrity/1/shortcodes/responsive-pricing-table/',
		  'params'          => array(
		      array(
		        'param_name'  => 'content',
		        'heading'     => __( 'Text', 'cornerstone' ),
		        'description' => __( 'Enter your text.', 'cornerstone' ),
		        'type'        => 'textarea_html',

		        'value'       => ''
		      ),
		      array(
		        'param_name'  => 'title',
		        'heading'     => __( 'Title', 'cornerstone' ),
		        'description' => __( 'Include a title for your pricing column.', 'cornerstone' ),
		        'type'        => 'textfield',

		      ),
		      array(
		        'param_name'  => 'featured',
		        'heading'     => __( 'Featured', 'cornerstone' ),
		        'description' => __( 'Select to make this your featured offer.', 'cornerstone' ),
		        'type'        => 'checkbox',

		        'value'       => 'true'
		      ),
		      array(
		        'param_name'  => 'featured_sub',
		        'heading'     => __( 'Featured Sub Heading', 'cornerstone' ),
		        'description' => __( 'Include a sub heading for your featured column.', 'cornerstone' ),
		        'type'        => 'textfield',

		      ),
		      array(
		        'param_name'  => 'currency',
		        'heading'     => __( 'Currency Symbol', 'cornerstone' ),
		        'description' => __( 'Enter in the currency symbol you want to use.', 'cornerstone' ),
		        'type'        => 'textfield',

		      ),
		      array(
		        'param_name'  => 'price',
		        'heading'     => __( 'Price', 'cornerstone' ),
		        'description' => __( 'Enter in the price for this pricing column.', 'cornerstone' ),
		        'type'        => 'textfield',

		      ),
		      array(
		        'param_name'  => 'interval',
		        'heading'     => __( 'Interval', 'cornerstone' ),
		        'description' => __( 'Enter in the time period that this pricing column is for.', 'cornerstone' ),
		        'type'        => 'textfield',

		        'value'       => 'Per Month'
		      ),
		      self::map_default_id(),
		      self::map_default_class(),
		      self::map_default_style()
		    )
		  )
		);


		//
		// Callout.
		//

		$this->add(
		  array(
		    'id'        => 'x_callout',
		    'title'        => __( 'Callout', 'cornerstone' ),
		    'section'    => __( 'Marketing', 'cornerstone' ),
		    'description' => __( 'Include a marketing callout into your content', 'cornerstone' ),
		    'demo' =>   'http://theme.co/x/demo/integrity/1/shortcodes/callout/',
		  'params'      => array(
		      array(
		        'param_name'  => 'type',
		        'heading'     => __( 'Alignment', 'cornerstone' ),
		        'description' => __( 'Select the alignment for your callout.', 'cornerstone' ),
		        'type'        => 'dropdown',

		        'value'       => array(
		          'Left'   => 'left',
		          'Center' => 'center',
		          'Right'  => 'right'
		        )
		      ),
		      array(
		        'param_name'  => 'title',
		        'heading'     => __( 'Title', 'cornerstone' ),
		        'description' => __( 'Enter the title for your callout.', 'cornerstone' ),
		        'type'        => 'textfield',

		      ),
		      array(
		        'param_name'  => 'message',
		        'heading'     => __( 'Message', 'cornerstone' ),
		        'description' => __( 'Enter the message for your callout.', 'cornerstone' ),
		        'type'        => 'textarea',

		      ),
		      array(
		        'param_name'  => 'button_text',
		        'heading'     => __( 'Button Text', 'cornerstone' ),
		        'description' => __( 'Enter the text for your callout button.', 'cornerstone' ),
		        'type'        => 'textfield',

		      ),
		      array(
		        'param_name'  => 'button_icon',
		        'heading'     => __( 'Button Icon', 'cornerstone' ),
		        'description' => __( 'Optionally enter the button icon.', 'cornerstone' ),
		        'type'        => 'dropdown',

		        'value'       => array_keys( fa_all_unicode() )
		      ),
		      array(
		        'param_name'  => 'circle',
		        'heading'     => __( 'Marketing Circle', 'cornerstone' ),
		        'description' => __( 'Select to include a marketing circle around your button.', 'cornerstone' ),
		        'type'        => 'checkbox',

		        'value'       => 'true'
		      ),
		      array(
		        'param_name'  => 'href',
		        'heading'     => __( 'Href', 'cornerstone' ),
		        'description' => __( 'Enter in the URL you want your callout button to link to.', 'cornerstone' ),
		        'type'        => 'textfield',

		      ),
		      array(
		        'param_name'  => 'target',
		        'heading'     => __( 'Target', 'cornerstone' ),
		        'description' => __( 'Select to open your callout link button in a new window.', 'cornerstone' ),
		        'type'        => 'checkbox',

		        'value'       => 'blank'
		      ),
		      self::map_default_id(),
		      self::map_default_class(),
		      self::map_default_style()
		    )
		  )
		);


		//
		// Promo.
		//

		$this->add(
		  array(
		    'id'        => 'x_promo',
		    'title'        => __( 'Promo', 'cornerstone' ),
		    'section'    => __( 'Marketing', 'cornerstone' ),
		    'description' => __( 'Include a marketing promo in your content', 'cornerstone' ),
		    'demo' =>   'http://theme.co/x/demo/integrity/1/shortcodes/promo/',
		  'params'      => array(
		      array(
		        'param_name'  => 'content',
		        'heading'     => __( 'Text', 'cornerstone' ),
		        'description' => __( 'Enter your text.', 'cornerstone' ),
		        'type'        => 'textarea_html',

		        'value'       => ''
		      ),
		      array(
		        'param_name'  => 'image',
		        'heading'     => __( 'Promo Image', 'cornerstone' ),
		        'description' => __( 'Include an image for your promo element.', 'cornerstone' ),
		        'type'        => 'attach_image',

		      ),
		      array(
		        'param_name'  => 'alt',
		        'heading'     => __( 'Alt', 'cornerstone' ),
		        'description' => __( 'Enter in the alt text for your promo image.', 'cornerstone' ),
		        'type'        => 'textfield',

		      ),
		      self::map_default_id(),
		      self::map_default_class(),
		      self::map_default_style()
		    )
		  )
		);



		//
		// Post author.
		//

		$this->add(
		  array(
		    'id'        => 'x_author',
		    'title'        => __( 'Author', 'cornerstone' ),
		    'section'    => __( 'Social', 'cornerstone' ),
		    'description' => __( 'Include post author information', 'cornerstone' ),
		    'demo' =>   'http://theme.co/x/demo/integrity/1/shortcodes/author',
		  'params'      => array(
		      array(
		        'param_name'  => 'title',
		        'heading'     => __( 'Title', 'cornerstone' ),
		        'description' => __( 'Enter in a title for your author information.', 'cornerstone' ),
		        'type'        => 'textfield',

		        'value'       => 'About the Author'
		      ),
		      array(
		        'param_name'  => 'author_id',
		        'heading'     => __( 'Author ID', 'cornerstone' ),
		        'description' => __( 'By default the author of the post or page will be output by leaving this input blank. If you would like to output the information of another author, enter in their user ID here.', 'cornerstone' ),
		        'type'        => 'textfield',
		      ),
		      self::map_default_id(),
		      self::map_default_class(),
		      self::map_default_style()
		    )
		  )
		);


		//
		// Prompt.
		//

		$this->add(
		  array(
		    'id'        => 'x_prompt',
		    'title'        => __( 'Prompt', 'cornerstone' ),
		    'section'    => __( 'Marketing', 'cornerstone' ),
		    'description' => __( 'Include a marketing prompt into your content', 'cornerstone' ),
		    'demo' =>   'http://theme.co/x/demo/integrity/1/shortcodes/prompt/',
		  'params'      => array(
		      array(
		        'param_name'  => 'type',
		        'heading'     => __( 'Alignment', 'cornerstone' ),
		        'description' => __( 'Select the alignment of your prompt.', 'cornerstone' ),
		        'type'        => 'dropdown',

		        'value'       => array(
		          'Left'  => 'left',
		          'Right' => 'right'
		        )
		      ),
		      array(
		        'param_name'  => 'title',
		        'heading'     => __( 'Title', 'cornerstone' ),
		        'description' => __( 'Enter the title for your prompt.', 'cornerstone' ),
		        'type'        => 'textfield',

		      ),
		      array(
		        'param_name'  => 'message',
		        'heading'     => __( 'Message', 'cornerstone' ),
		        'description' => __( 'Enter the message for your prompt.', 'cornerstone' ),
		        'type'        => 'textarea',

		      ),
		      array(
		        'param_name'  => 'button_text',
		        'heading'     => __( 'Button Text', 'cornerstone' ),
		        'description' => __( 'Enter the text for your prompt button.', 'cornerstone' ),
		        'type'        => 'textfield',

		      ),
		      array(
		        'param_name'  => 'button_icon',
		        'heading'     => __( 'Button Icon', 'cornerstone' ),
		        'description' => __( 'Optionally enter the button icon.', 'cornerstone' ),
		        'type'        => 'dropdown',

		        'value'       => array_keys( fa_all_unicode() )
		      ),
		      array(
		        'param_name'  => 'circle',
		        'heading'     => __( 'Marketing Circle', 'cornerstone' ),
		        'description' => __( 'Select to include a marketing circle around your button.', 'cornerstone' ),
		        'type'        => 'checkbox',

		        'value'       => 'true'
		      ),
		      array(
		        'param_name'  => 'href',
		        'heading'     => __( 'Href', 'cornerstone' ),
		        'description' => __( 'Enter in the URL you want your prompt button to link to.', 'cornerstone' ),
		        'type'        => 'textfield',

		      ),
		      array(
		        'param_name'  => 'target',
		        'heading'     => __( 'Target', 'cornerstone' ),
		        'description' => __( 'Select to open your prompt button link in a new window.', 'cornerstone' ),
		        'type'        => 'checkbox',

		        'value'       => 'blank'
		      ),
		      self::map_default_id(),
		      self::map_default_class(),
		      self::map_default_style()
		    )
		  )
		);


		//
		// Entry share.
		//

		$this->add(
		  array(
		    'id'        => 'x_share',
		    'title'        => __( 'Social Sharing', 'cornerstone' ),
		    'section'    => __( 'Social', 'cornerstone' ),
		    'description' => __( 'Include social sharing into your content', 'cornerstone' ),
		    'demo' =>   'http://theme.co/x/demo/integrity/1/shortcodes/entry-share/',
		  'params'      => array(
		      array(
		        'param_name'  => 'title',
		        'heading'     => __( 'Title', 'cornerstone' ),
		        'description' => __( 'Enter in a title for your social links.', 'cornerstone' ),
		        'type'        => 'textfield',

		        'value'       => 'Share this Post'
		      ),
		      array(
		        'param_name'  => 'facebook',
		        'heading'     => __( 'Facebook', 'cornerstone' ),
		        'description' => __( 'Select to activate the Facebook sharing link.', 'cornerstone' ),
		        'type'        => 'checkbox',

		        'value'       => 'true'
		      ),
		      array(
		        'param_name'  => 'twitter',
		        'heading'     => __( 'Twitter', 'cornerstone' ),
		        'description' => __( 'Select to activate the Twitter sharing link.', 'cornerstone' ),
		        'type'        => 'checkbox',

		        'value'       => 'true'
		      ),
		      array(
		        'param_name'  => 'google_plus',
		        'heading'     => __( 'Google Plus', 'cornerstone' ),
		        'description' => __( 'Select to activate the Google Plus sharing link.', 'cornerstone' ),
		        'type'        => 'checkbox',

		        'value'       => 'true'
		      ),
		      array(
		        'param_name'  => 'linkedin',
		        'heading'     => __( 'LinkedIn', 'cornerstone' ),
		        'description' => __( 'Select to activate the LinkedIn sharing link.', 'cornerstone' ),
		        'type'        => 'checkbox',

		        'value'       => 'true'
		      ),
		      array(
		        'param_name'  => 'pinterest',
		        'heading'     => __( 'Pinterest', 'cornerstone' ),
		        'description' => __( 'Select to activate the Pinterest sharing link.', 'cornerstone' ),
		        'type'        => 'checkbox',

		        'value'       => 'true'
		      ),
		      array(
		        'param_name'  => 'reddit',
		        'heading'     => __( 'Reddit', 'cornerstone' ),
		        'description' => __( 'Select to activate the Reddit sharing link.', 'cornerstone' ),
		        'type'        => 'checkbox',

		        'value'       => 'true'
		      ),
		      array(
		        'param_name'  => 'email',
		        'heading'     => __( 'Email', 'cornerstone' ),
		        'description' => __( 'Select to activate the email sharing link.', 'cornerstone' ),
		        'type'        => 'checkbox',

		        'value'       => 'true'
		      ),
		      self::map_default_id(),
		      self::map_default_class(),
		      self::map_default_style()
		    )
		  )
		);


		//
		// Table of contents.
		//

		$this->add(
		  array(
		    'id'            => 'x_toc',
		    'container' => true,
		    'title'            => __( 'Table of Contents', 'cornerstone' ),
		    'weight'          => 630,
		    'icon'            => 'toc',
		    'section'        => __( 'Information', 'cornerstone' ),
		    'description'     => __( 'Include a table of contents in your content', 'cornerstone' ),
		    'demo' =>   'http://theme.co/x/demo/integrity/1/shortcodes/table-of-contents/',
		  'params'          => array(
		      array(
		        'param_name'  => 'title',
		        'heading'     => __( 'Title', 'cornerstone' ),
		        'description' => __( 'Set the title of the table of contents.', 'cornerstone' ),
		        'type'        => 'textfield',

		        'value'       => 'Table of Contents'
		      ),
		      array(
		        'param_name'  => 'type',
		        'heading'     => __( 'Alignment', 'cornerstone' ),
		        'description' => __( 'Select the alignment of your table of contents.', 'cornerstone' ),
		        'type'        => 'dropdown',

		        'value'       => array(
		          'Left'      => 'left',
		          'Right'     => 'right',
		          'Fullwidth' => 'block'
		        )
		      ),
		      array(
		        'param_name'  => 'columns',
		        'heading'     => __( 'Columns', 'cornerstone' ),
		        'description' => __( 'Select a column count for your links if you have chosen "Fullwidth" as your alignment.', 'cornerstone' ),
		        'type'        => 'dropdown',

		        'value'       => array(
		          '1' => '1',
		          '2' => '2',
		          '3' => '3'
		        )
		      ),
		      self::map_default_id(),
		      self::map_default_class(),
		      self::map_default_style()
		    )
		  )
		);


		//
		// Table of contents item.
		//

		$this->add(
		  array(
		    'id'            => 'x_toc_item',
		    'title'            => __( 'Table of Contents Item', 'cornerstone' ),
		    'weight'          => 620,
		    'icon'            => 'toc-item',
		    'section'        => __( 'Information', 'cornerstone' ),
		    'description'     => __( 'Include a table of contents item', 'cornerstone' ),
		    'demo' =>   'http://theme.co/x/demo/integrity/1/shortcodes/table-of-contents/',
		  'params'          => array(
		      array(
		        'param_name'  => 'title',
		        'heading'     => __( 'Title', 'cornerstone' ),
		        'description' => __( 'Set the title of the table of contents item.', 'cornerstone' ),
		        'type'        => 'textfield',

		      ),
		      array(
		        'param_name'  => 'page',
		        'heading'     => __( 'Page', 'cornerstone' ),
		        'description' => __( 'Set the page of the table of contents item.', 'cornerstone' ),
		        'type'        => 'textfield',

		      ),
		      self::map_default_id(),
		      self::map_default_class(),
		      self::map_default_style()
		    )
		  )
		);


		//
		// Custom headline.
		//

		$this->add(
		  array(
		    'id'        => 'x_custom_headline',
		    'title'        => __( 'Custom Headline', 'cornerstone' ),
		    'section'    => __( 'Typography', 'cornerstone' ),
		    'description' => __( 'Include a custom headline in your content', 'cornerstone' ),
		    'demo' =>   'http://theme.co/x/demo/integrity/1/shortcodes/custom-headline/',
		  'params'      => array(
		      array(
		        'param_name'  => 'content',
		        'heading'     => __( 'Text', 'cornerstone' ),
		        'description' => __( 'Enter your text.', 'cornerstone' ),
		        'type'        => 'textarea_html',

		        'value'       => ''
		      ),
		      array(
		        'param_name'  => 'type',
		        'heading'     => __( 'Alignment', 'cornerstone' ),
		        'description' => __( 'Select which way to align the custom headline.', 'cornerstone' ),
		        'type'        => 'dropdown',

		        'value'       => array(
		          'Left'   => 'left',
		          'Center' => 'center',
		          'Right'  => 'right'
		        )
		      ),
		      array(
		        'param_name'  => 'level',
		        'heading'     => __( 'Heading Level', 'cornerstone' ),
		        'description' => __( 'Select which level to use for your heading (e.g. h2).', 'cornerstone' ),
		        'type'        => 'dropdown',

		        'value'       => array(
		          'h1' => 'h1',
		          'h2' => 'h2',
		          'h3' => 'h3',
		          'h4' => 'h4',
		          'h5' => 'h5',
		          'h6' => 'h6'
		        )
		      ),
		      array(
		        'param_name'  => 'looks_like',
		        'heading'     => __( 'Looks Like', 'cornerstone' ),
		        'description' => __( 'Select which level your heading should look like (e.g. h3).', 'cornerstone' ),
		        'type'        => 'dropdown',

		        'value'       => array(
		          'h1' => 'h1',
		          'h2' => 'h2',
		          'h3' => 'h3',
		          'h4' => 'h4',
		          'h5' => 'h5',
		          'h6' => 'h6'
		        )
		      ),
		      array(
		        'param_name'  => 'accent',
		        'heading'     => __( 'Accent', 'cornerstone' ),
		        'description' => __( 'Select to activate the heading accent.', 'cornerstone' ),
		        'type'        => 'checkbox',

		        'value'       => 'true'
		      ),
		      self::map_default_id(),
		      self::map_default_class(),
		      self::map_default_style()
		    )
		  )
		);






		//
		// Feature headline.
		//

		$this->add(
		  array(
		    'id'        => 'x_feature_headline',
		    'title'        => __( 'Feature Headline', 'cornerstone' ),
		    'section'    => __( 'Typography', 'cornerstone' ),
		    'description' => __( 'Include a feature headline in your content', 'cornerstone' ),
		    'demo' =>   'http://theme.co/x/demo/integrity/1/shortcodes/feature-headline/',
		  'params'      => array(
		      array(
		        'param_name'  => 'content',
		        'heading'     => __( 'Text', 'cornerstone' ),
		        'description' => __( 'Enter your text.', 'cornerstone' ),
		        'type'        => 'textarea_html',

		        'value'       => ''
		      ),
		      array(
		        'param_name'  => 'type',
		        'heading'     => __( 'Alignment', 'cornerstone' ),
		        'description' => __( 'Select which way to align the feature headline.', 'cornerstone' ),
		        'type'        => 'dropdown',

		        'value'       => array(
		          'Left'   => 'left',
		          'Center' => 'center',
		          'Right'  => 'right'
		        )
		      ),
		      array(
		        'param_name'  => 'level',
		        'heading'     => __( 'Heading Level', 'cornerstone' ),
		        'description' => __( 'Select which level to use for your heading (e.g. h2).', 'cornerstone' ),
		        'type'        => 'dropdown',

		        'value'       => array(
		          'h1' => 'h1',
		          'h2' => 'h2',
		          'h3' => 'h3',
		          'h4' => 'h4',
		          'h5' => 'h5',
		          'h6' => 'h6'
		        )
		      ),
		      array(
		        'param_name'  => 'looks_like',
		        'heading'     => __( 'Looks Like', 'cornerstone' ),
		        'description' => __( 'Select which level your heading should look like (e.g. h3).', 'cornerstone' ),
		        'type'        => 'dropdown',

		        'value'       => array(
		          'h1' => 'h1',
		          'h2' => 'h2',
		          'h3' => 'h3',
		          'h4' => 'h4',
		          'h5' => 'h5',
		          'h6' => 'h6'
		        )
		      ),
		      array(
		        'param_name'  => 'icon',
		        'heading'     => __( 'Icon', 'cornerstone' ),
		        'description' => __( 'Select the icon to use with your feature headline.', 'cornerstone' ),
		        'type'        => 'dropdown',

		        'value'       => array_keys( fa_all_unicode() )
		      ),
		      self::map_default_id(),
		      self::map_default_class(),
		      self::map_default_style()
		    )
		  )
		);


		//
		// Responsive text.
		//

		$this->add(
		  array(
		    'id'        => 'x_responsive_text',
		    'title'        => __( 'Responsive Text', 'cornerstone' ),
		    'section'    => __( 'Typography', 'cornerstone' ),
		    'description' => __( 'Include responsive text in your content', 'cornerstone' ),
		    'demo' =>   'http://theme.co/x/demo/integrity/1/shortcodes/responsive-text/',
		  'params'      => array(
		      array(
		        'param_name'  => 'selector',
		        'heading'     => __( 'Selector', 'cornerstone' ),
		        'description' => __( 'Enter in the selector for your responsive text (e.g. if your class is "h-responsive" enter ".h-responsive").', 'cornerstone' ),
		        'type'        => 'textfield',

		      ),
		      array(
		        'param_name'  => 'compression',
		        'heading'     => __( 'Compression', 'cornerstone' ),
		        'description' => __( 'Enter the compression for your responsive text (adjust up and down to desired level in small increments).', 'cornerstone' ),
		        'type'        => 'textfield',

		        'value'       => '1.0'
		      ),
		      array(
		        'param_name'  => 'min_size',
		        'heading'     => __( 'Minimum Size', 'cornerstone' ),
		        'description' => __( 'Enter the minimum size of your responsive text.', 'cornerstone' ),
		        'type'        => 'textfield',

		      ),
		      array(
		        'param_name'  => 'max_size',
		        'heading'     => __( 'Maximum Size', 'cornerstone' ),
		        'description' => __( 'Enter the maximum size of your responsive text.', 'cornerstone' ),
		        'type'        => 'textfield',

		      )
		    )
		  )
		);


		//
		// Search.
		//

		$this->add(
		  array(
		    'id'        => 'x_search',
		    'title'        => __( 'Search', 'cornerstone' ),
		    'section'    => __( 'Content', 'cornerstone' ),
		    'description' => __( 'Include a search field in your content', 'cornerstone' ),
		    'demo' =>   'http://theme.co/x/demo/integrity/1/shortcodes/search/',
		  'params'      => array(
		      self::map_default_id(),
		      self::map_default_class(),
		      self::map_default_style()
		    )
		  )
		);


		//
		// Counter.
		//

		$this->add(
		  array(
		    'id'        => 'x_counter',
		    'title'        => __( 'Counter', 'cornerstone' ),
		    'section'    => __( 'Information', 'cornerstone' ),
		    'description' => __( 'Include an animated number counter in your content', 'cornerstone' ),
		    'demo' =>   'http://theme.co/x/demo/integrity/1/shortcodes/counter/',
		  'params'      => array(
		      array(
		        'param_name'  => 'num_start',
		        'heading'     => __( 'Starting Number', 'cornerstone' ),
		        'description' => __( 'Enter in the number that you would like your counter to start from.', 'cornerstone' ),
		        'type'        => 'textfield',

		        'value'       => '0'
		      ),
		      array(
		        'param_name'  => 'num_end',
		        'heading'     => __( 'Ending Number', 'cornerstone' ),
		        'description' => __( 'Enter int he number that you would like your counter to end at. This must be higher than your starting number.', 'cornerstone' ),
		        'type'        => 'textfield',

		        'value'       => '100'
		      ),
		      array(
		        'param_name'  => 'num_speed',
		        'heading'     => __( 'Counter Speed', 'cornerstone' ),
		        'description' => __( 'The amount of time to transition between numbers in milliseconds.', 'cornerstone' ),
		        'type'        => 'textfield',

		        'value'       => '1500'
		      ),
		      array(
		        'param_name'  => 'num_prefix',
		        'heading'     => __( 'Number Prefix', 'cornerstone' ),
		        'description' => __( 'Prefix your number with a symbol or text.', 'cornerstone' ),
		        'type'        => 'textfield',

		      ),
		      array(
		        'param_name'  => 'num_suffix',
		        'heading'     => __( 'Number Suffix', 'cornerstone' ),
		        'description' => __( 'Suffix your number with a symbol or text.', 'cornerstone' ),
		        'type'        => 'textfield',

		      ),
		      array(
		        'param_name'  => 'num_color',
		        'heading'     => __( 'Number Color', 'cornerstone' ),
		        'description' => __( 'Select the color of your number.', 'cornerstone' ),
		        'type'        => 'colorpicker',

		      ),
		      array(
		        'param_name'  => 'text_above',
		        'heading'     => __( 'Text Above', 'cornerstone' ),
		        'description' => __( 'Optionally include text above your number.', 'cornerstone' ),
		        'type'        => 'textfield',

		      ),
		      array(
		        'param_name'  => 'text_below',
		        'heading'     => __( 'Text Below', 'cornerstone' ),
		        'description' => __( 'Optionally include text below your number.', 'cornerstone' ),
		        'type'        => 'textfield',

		      ),
		      array(
		        'param_name'  => 'text_color',
		        'heading'     => __( 'Text Color', 'cornerstone' ),
		        'description' => __( 'Select the color of your text above and below the number if you have include any.', 'cornerstone' ),
		        'type'        => 'colorpicker',

		      ),
		      self::map_default_id(),
		      self::map_default_class(),
		      self::map_default_style()
		    )
		  )
		);

  }

}






<!DOCTYPE html>

<html class="no-js" lang="en-GB" prefix="og: http://ogp.me/ns#">

<head>
  
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Home - Lodges at Haggerston Castle</title>
<link rel="pingback" href="https://hclodges.co.uk/xmlrpc.php">
<!-- This site is optimized with the Yoast SEO plugin v9.4 - https://yoast.com/wordpress/plugins/seo/ -->
<link rel="canonical" href="https://hclodges.co.uk/" />
<meta property="og:locale" content="en_GB" />
<meta property="og:type" content="website" />
<meta property="og:title" content="Home - Lodges at Haggerston Castle" />
<meta property="og:url" content="https://hclodges.co.uk/" />
<meta property="og:site_name" content="Lodges at Haggerston Castle" />
<meta name="twitter:card" content="summary" />
<meta name="twitter:title" content="Home - Lodges at Haggerston Castle" />
<script type='application/ld+json'>{"@context":"https://schema.org","@type":"WebSite","@id":"https://hclodges.co.uk/#website","url":"https://hclodges.co.uk/","name":"Lodges at Haggerston Castle","potentialAction":{"@type":"SearchAction","target":"https://hclodges.co.uk/?s={search_term_string}","query-input":"required name=search_term_string"}}</script>
<!-- / Yoast SEO plugin. -->

<link rel='dns-prefetch' href='//fonts.googleapis.com' />
<link rel='dns-prefetch' href='//s.w.org' />
<link rel="alternate" type="application/rss+xml" title="Lodges at Haggerston Castle &raquo; Feed" href="https://hclodges.co.uk/feed/" />
<link rel="alternate" type="application/rss+xml" title="Lodges at Haggerston Castle &raquo; Comments Feed" href="https://hclodges.co.uk/comments/feed/" />
		<script type="text/javascript">
			window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/11\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/11\/svg\/","svgExt":".svg","source":{"concatemoji":"https:\/\/hclodges.co.uk\/wp-includes\/js\/wp-emoji-release.min.js?ver=5.0.3"}};
			!function(a,b,c){function d(a,b){var c=String.fromCharCode;l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,a),0,0);var d=k.toDataURL();l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,b),0,0);var e=k.toDataURL();return d===e}function e(a){var b;if(!l||!l.fillText)return!1;switch(l.textBaseline="top",l.font="600 32px Arial",a){case"flag":return!(b=d([55356,56826,55356,56819],[55356,56826,8203,55356,56819]))&&(b=d([55356,57332,56128,56423,56128,56418,56128,56421,56128,56430,56128,56423,56128,56447],[55356,57332,8203,56128,56423,8203,56128,56418,8203,56128,56421,8203,56128,56430,8203,56128,56423,8203,56128,56447]),!b);case"emoji":return b=d([55358,56760,9792,65039],[55358,56760,8203,9792,65039]),!b}return!1}function f(a){var c=b.createElement("script");c.src=a,c.defer=c.type="text/javascript",b.getElementsByTagName("head")[0].appendChild(c)}var g,h,i,j,k=b.createElement("canvas"),l=k.getContext&&k.getContext("2d");for(j=Array("flag","emoji"),c.supports={everything:!0,everythingExceptFlag:!0},i=0;i<j.length;i++)c.supports[j[i]]=e(j[i]),c.supports.everything=c.supports.everything&&c.supports[j[i]],"flag"!==j[i]&&(c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&c.supports[j[i]]);c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&!c.supports.flag,c.DOMReady=!1,c.readyCallback=function(){c.DOMReady=!0},c.supports.everything||(h=function(){c.readyCallback()},b.addEventListener?(b.addEventListener("DOMContentLoaded",h,!1),a.addEventListener("load",h,!1)):(a.attachEvent("onload",h),b.attachEvent("onreadystatechange",function(){"complete"===b.readyState&&c.readyCallback()})),g=c.source||{},g.concatemoji?f(g.concatemoji):g.wpemoji&&g.twemoji&&(f(g.twemoji),f(g.wpemoji)))}(window,document,window._wpemojiSettings);
		</script>
		<style type="text/css">
img.wp-smiley,
img.emoji {
	display: inline !important;
	border: none !important;
	box-shadow: none !important;
	height: 1em !important;
	width: 1em !important;
	margin: 0 .07em !important;
	vertical-align: -0.1em !important;
	background: none !important;
	padding: 0 !important;
}
</style>
<link rel='stylesheet' id='wp-block-library-css'  href='https://hclodges.co.uk/wp-includes/css/dist/block-library/style.min.css?ver=5.0.3' type='text/css' media='all' />
<link rel='stylesheet' id='DOPBSP-css-dopselect-css'  href='https://hclodges.co.uk/wp-content/plugins/booking-system/libraries/css/jquery.dop.Select.css?ver=5.0.3' type='text/css' media='all' />
<link rel='stylesheet' id='rs-plugin-settings-css'  href='https://hclodges.co.uk/wp-content/plugins/revslider/public/assets/css/settings.css?ver=5.4.1' type='text/css' media='all' />
<style id='rs-plugin-settings-inline-css' type='text/css'>
#rs-demo-id {}
</style>
<link rel='stylesheet' id='x-stack-css'  href='https://hclodges.co.uk/wp-content/themes/x/framework/css/dist/site/stacks/renew.css?ver=5.2.5' type='text/css' media='all' />
<link rel='stylesheet' id='x-cranium-migration-css'  href='https://hclodges.co.uk/wp-content/themes/x/framework/legacy/cranium/css/dist/site/renew.css?ver=5.2.5' type='text/css' media='all' />
<link rel='stylesheet' id='x-google-fonts-css'  href='//fonts.googleapis.com/css?family=Open+Sans%3A300%2C300italic%2C700%2C700italic%2C400%2C600%7CLato%3A400italic&#038;subset=latin%2Clatin-ext&#038;ver=5.2.5' type='text/css' media='all' />
<link rel='stylesheet' id='the-grid-css'  href='https://hclodges.co.uk/wp-content/plugins/the-grid/frontend/assets/css/the-grid.min.css?ver=2.3.5' type='text/css' media='all' />
<style id='the-grid-inline-css' type='text/css'>
.tolb-holder{background:rgba(0,0,0,0.8)}.tolb-holder .tolb-close,.tolb-holder .tolb-title,.tolb-holder .tolb-counter,.tolb-holder .tolb-next i,.tolb-holder .tolb-prev i{color:#ffffff}.tolb-holder .tolb-load{border-color:rgba(255,255,255,0.2);border-left:3px solid #ffffff}
.to-heart-icon,.to-heart-icon svg,.to-post-like,.to-post-like .to-like-count{position:relative;display:inline-block}.to-post-like{width:auto;cursor:pointer;font-weight:400}.to-heart-icon{float:left;margin:0 4px 0 0}.to-heart-icon svg{overflow:visible;width:15px;height:14px}.to-heart-icon g{-webkit-transform:scale(1);transform:scale(1)}.to-heart-icon path{-webkit-transform:scale(1);transform:scale(1);transition:fill .4s ease,stroke .4s ease}.no-liked .to-heart-icon path{fill:#999;stroke:#999}.empty-heart .to-heart-icon path{fill:transparent!important;stroke:#999}.liked .to-heart-icon path,.to-heart-icon svg:hover path{fill:#ff6863!important;stroke:#ff6863!important}@keyframes heartBeat{0%{transform:scale(1)}20%{transform:scale(.8)}30%{transform:scale(.95)}45%{transform:scale(.75)}50%{transform:scale(.85)}100%{transform:scale(.9)}}@-webkit-keyframes heartBeat{0%,100%,50%{-webkit-transform:scale(1)}20%{-webkit-transform:scale(.8)}30%{-webkit-transform:scale(.95)}45%{-webkit-transform:scale(.75)}}.heart-pulse g{-webkit-animation-name:heartBeat;animation-name:heartBeat;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-transform-origin:50% 50%;transform-origin:50% 50%}.to-post-like a{color:inherit!important;fill:inherit!important;stroke:inherit!important}
</style>
<script type='text/javascript' src='https://hclodges.co.uk/wp-includes/js/jquery/jquery.js?ver=1.12.4'></script>
<script type='text/javascript' src='https://hclodges.co.uk/wp-includes/js/jquery/jquery-migrate.min.js?ver=1.4.1'></script>
<script type='text/javascript' src='https://hclodges.co.uk/wp-content/plugins/booking-system/libraries/js/dop-prototypes.js?ver=5.0.3'></script>
<script type='text/javascript' src='https://hclodges.co.uk/wp-content/plugins/revslider/public/assets/js/jquery.themepunch.tools.min.js?ver=5.4.1'></script>
<script type='text/javascript' src='https://hclodges.co.uk/wp-content/plugins/revslider/public/assets/js/jquery.themepunch.revolution.min.js?ver=5.4.1'></script>
<script type='text/javascript' src='https://hclodges.co.uk/wp-content/themes/x/framework/js/dist/site/x-head.min.js?ver=5.2.5'></script>
<script type='text/javascript' src='https://hclodges.co.uk/wp-content/plugins/cornerstone/assets/dist/js/site/cs-head.js?ver=2.0.4'></script>
<script type='text/javascript' src='https://hclodges.co.uk/wp-includes/js/hoverIntent.min.js?ver=1.8.1'></script>
<script type='text/javascript' src='https://hclodges.co.uk/wp-content/themes/x/framework/legacy/cranium/js/dist/site/x-head.min.js?ver=5.2.5'></script>
<link rel='https://api.w.org/' href='https://hclodges.co.uk/wp-json/' />
<link rel='shortlink' href='https://hclodges.co.uk/' />
<link rel="alternate" type="application/json+oembed" href="https://hclodges.co.uk/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fhclodges.co.uk%2F" />
<link rel="alternate" type="text/xml+oembed" href="https://hclodges.co.uk/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fhclodges.co.uk%2F&#038;format=xml" />
<meta name="generator" content="Powered by Slider Revolution 5.4.1 - responsive, Mobile-Friendly Slider Plugin for WordPress with comfortable drag and drop interface." />
<style id="x-generated-css" type="text/css">a,h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover,.x-comment-time:hover,#reply-title small a,.comment-reply-link:hover,.x-comment-author a:hover,.x-recent-posts a:hover .h-recent-posts{color:#ff2a13;}a:hover,#reply-title small a:hover{color:#d80f0f;}.entry-title:before{color:#dddddd;}a.x-img-thumbnail:hover,li.bypostauthor > article.comment{border-color:#ff2a13;}.flex-direction-nav a,.flex-control-nav a:hover,.flex-control-nav a.flex-active,.x-dropcap,.x-skill-bar .bar,.x-pricing-column.featured h2,.h-comments-title small,.x-pagination a:hover,.x-entry-share .x-share:hover,.entry-thumb,.widget_tag_cloud .tagcloud a:hover,.widget_product_tag_cloud .tagcloud a:hover,.x-highlight,.x-recent-posts .x-recent-posts-img:after,.x-portfolio-filters{background-color:#ff2a13;}.x-portfolio-filters:hover{background-color:#d80f0f;}.x-main{width:68.79803%;}.x-sidebar{width:24.79803%;}.h-landmark{font-weight:300;}.x-comment-author a{color:#999999;}.x-comment-author a,.comment-form-author label,.comment-form-email label,.comment-form-url label,.comment-form-rating label,.comment-form-comment label,.widget_calendar #wp-calendar caption,.widget_calendar #wp-calendar th,.x-accordion-heading .x-accordion-toggle,.x-nav-tabs > li > a:hover,.x-nav-tabs > .active > a,.x-nav-tabs > .active > a:hover{color:#272727;}.widget_calendar #wp-calendar th{border-bottom-color:#272727;}.x-pagination span.current,.x-portfolio-filters-menu,.widget_tag_cloud .tagcloud a,.h-feature-headline span i,.widget_price_filter .ui-slider .ui-slider-handle{background-color:#272727;}@media (max-width:979px){}html{font-size:16px;}@media (min-width:480px){html{font-size:16px;}}@media (min-width:767px){html{font-size:16px;}}@media (min-width:979px){html{font-size:16px;}}@media (min-width:1200px){html{font-size:16px;}}body{font-style:normal;font-weight:300;color:#999999;background-color:#f3f3f3;}.w-b{font-weight:300 !important;}h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family:"Open Sans",sans-serif;font-style:normal;font-weight:400;text-transform:uppercase;}h1,.h1{letter-spacing:-0.017em;}h2,.h2{letter-spacing:0.5em;}h3,.h3{letter-spacing:-0.034em;}h4,.h4{letter-spacing:-0.035em;}h5,.h5{letter-spacing:-0.035em;}h6,.h6{letter-spacing:-0.035em;}.w-h{font-weight:400 !important;}.x-container.width{width:88%;}.x-container.max{max-width:1200px;}.x-main.full{float:none;display:block;width:auto;}@media (max-width:979px){.x-main.full,.x-main.left,.x-main.right,.x-sidebar.left,.x-sidebar.right{float:none;display:block;width:auto !important;}}.entry-header,.entry-content{font-size:1rem;}body,input,button,select,textarea{font-family:"Open Sans",sans-serif;}h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6,h1 a,h2 a,h3 a,h4 a,h5 a,h6 a,.h1 a,.h2 a,.h3 a,.h4 a,.h5 a,.h6 a,blockquote{color:#272727;}.cfc-h-tx{color:#272727 !important;}.cfc-h-bd{border-color:#272727 !important;}.cfc-h-bg{background-color:#272727 !important;}.cfc-b-tx{color:#999999 !important;}.cfc-b-bd{border-color:#999999 !important;}.cfc-b-bg{background-color:#999999 !important;}.x-btn,.button,[type="submit"]{color:hsl(0,0%,100%);border-color:hsl(202,66%,64%);background-color:#31b0f8;text-shadow:0 0.075em 0.075em rgba(0,0,0,0.5);padding:0.579em 1.105em 0.842em;font-size:19px;}.x-btn:hover,.button:hover,[type="submit"]:hover{color:hsl(0,0%,100%);border-color:hsl(202,62%,63%);background-color:hsl(202,76%,62%);text-shadow:0 0.075em 0.075em rgba(0,0,0,0.5);}.x-btn.x-btn-real,.x-btn.x-btn-real:hover{margin-bottom:0.25em;text-shadow:0 0.075em 0.075em rgba(0,0,0,0.65);}.x-btn.x-btn-real{box-shadow:0 0.25em 0 0 #a71000,0 4px 9px rgba(0,0,0,0.75);}.x-btn.x-btn-real:hover{box-shadow:0 0.25em 0 0 #a71000,0 4px 9px rgba(0,0,0,0.75);}.x-btn.x-btn-flat,.x-btn.x-btn-flat:hover{margin-bottom:0;text-shadow:0 0.075em 0.075em rgba(0,0,0,0.65);box-shadow:none;}.x-btn.x-btn-transparent,.x-btn.x-btn-transparent:hover{margin-bottom:0;border-width:3px;text-shadow:none;text-transform:uppercase;background-color:transparent;box-shadow:none;}.x-topbar .p-info,.x-topbar .p-info a,.x-topbar .x-social-global a{color:#ffffff;}.x-topbar .p-info a:hover{color:hsl(0,0%,84%);}.x-topbar{background-color:#1f2c39;}.x-logobar{background-color:hsl(0,0%,100%);}.x-navbar .desktop .x-nav > li:before{padding-top:25px;}.x-navbar .desktop .x-nav > li > a,.x-navbar .desktop .sub-menu li > a,.x-navbar .mobile .x-nav li a{color:hsl(0,0%,100%);}.x-navbar .desktop .x-nav > li > a:hover,.x-navbar .desktop .x-nav > .x-active > a,.x-navbar .desktop .x-nav > .current-menu-item > a,.x-navbar .desktop .sub-menu li > a:hover,.x-navbar .desktop .sub-menu li.x-active > a,.x-navbar .desktop .sub-menu li.current-menu-item > a,.x-navbar .desktop .x-nav .x-megamenu > .sub-menu > li > a,.x-navbar .mobile .x-nav li > a:hover,.x-navbar .mobile .x-nav li.x-active > a,.x-navbar .mobile .x-nav li.current-menu-item > a{color:hsl(202,23%,89%);}.x-btn-navbar,.x-btn-navbar:hover{color:#31b0f8;}.x-navbar .desktop .sub-menu li:before,.x-navbar .desktop .sub-menu li:after{background-color:hsl(0,0%,100%);}.x-navbar,.x-navbar .sub-menu{background-color:#31b0f8 !important;}.x-btn-navbar,.x-btn-navbar.collapsed:hover{background-color:hsl(0,0%,87%);}.x-btn-navbar.collapsed{background-color:hsl(0,0%,100%);}.x-navbar .desktop .x-nav > li > a:hover > span,.x-navbar .desktop .x-nav > li.x-active > a > span,.x-navbar .desktop .x-nav > li.current-menu-item > a > span{box-shadow:0 2px 0 0 hsl(202,23%,89%);}.x-navbar .desktop .x-nav > li > a{height:70px;padding-top:25px;}.x-navbar .desktop .x-nav > li ul{top:70px;}.x-colophon.bottom{background-color:hsl(202,94%,39%);}.x-colophon.bottom,.x-colophon.bottom a,.x-colophon.bottom .x-social-global a{color:#ffffff;}body.x-navbar-fixed-top-active .x-navbar-wrap{height:70px;}.x-navbar-inner{min-height:70px;}.x-logobar-inner{padding-top:10px;padding-bottom:10px;}.x-brand{font-family:"Lato",sans-serif;font-size:42px;font-style:italic;font-weight:400;letter-spacing:-0.035em;text-transform:uppercase;color:#272727;}.x-brand:hover,.x-brand:focus{color:#272727;}.x-brand img{width:475px;}.x-navbar .x-nav-wrap .x-nav > li > a{font-family:"Open Sans",sans-serif;font-style:normal;font-weight:600;letter-spacing:0.054em;text-transform:uppercase;}.x-navbar .desktop .x-nav > li > a{font-size:16px;}.x-navbar .desktop .x-nav > li > a:not(.x-btn-navbar-woocommerce){padding-left:30px;padding-right:30px;}.x-navbar .desktop .x-nav > li > a > span{margin-right:-0.054em;}.x-btn-navbar{margin-top:10px;}.x-btn-navbar,.x-btn-navbar.collapsed{font-size:25px;}@media (max-width:979px){body.x-navbar-fixed-top-active .x-navbar-wrap{height:auto;}.x-widgetbar{left:0;right:0;}}.x-colophon.bottom{background-color:hsl(202,94%,39%);}.x-colophon.bottom,.x-colophon.bottom a,.x-colophon.bottom .x-social-global a{color:#ffffff;}</style><style id="cornerstone-custom-page-css" type="text/css">.margin-top{margin-top:0px;}.margin-bottom{margin-bottom:0px;}.margin-topramp{margin-top:-25px;}.m1{margin-top:0px;}.m2{margin-top:-15px;}.h4{font-weight:normal;}.h1{font-size:65px}#cf{position:relative;height:281px;#cf{position:relative;height:281px;margin:0 auto;}#cf img{position:absolute;left:0;-webkit-transition:opacity 1s ease-in-out;-moz-transition:opacity 1s ease-in-out;-o-transition:opacity 1s ease-in-out;transition:opacity 1s ease-in-out;}#cf img.top:hover{opacity:0;}margin:0 auto;}#cf img{position:absolute;left:0;-webkit-transition:opacity 0.5s ease-in-out;-moz-transition:opacity 0.5s ease-in-out;-o-transition:opacity 0.5s ease-in-out;transition:opacity 0.5s ease-in-out;}#cf img.top:hover{opacity:0;}</style></head>

<body class="home page-template page-template-template-blank-4 page-template-template-blank-4-php page page-id-5 x-renew x-full-width-layout-active x-content-sidebar-active x-post-meta-disabled x-navbar-fixed-top-active x-v5_2_5 cornerstone-v2_0_4">

  <div id="x-root" class="x-root">

    
    <div id="top" class="site">

    
  
  <header class="masthead masthead-stacked" role="banner">
    
    

  <div class="x-logobar">
    <div class="x-logobar-inner">
      <div class="x-container max width">
        
<h1 class="visually-hidden">Lodges at Haggerston Castle</h1>
<a href="https://hclodges.co.uk/" class="x-brand img" title="Just another WordPress site">
  <img src="//hclodges.co.uk/wp-content/uploads/2017/04/hclogo.png" alt="Just another WordPress site"></a>      </div>
    </div>
  </div>

  <div class="x-navbar-wrap">
    <div class="x-navbar">
      <div class="x-navbar-inner">
        <div class="x-container max width">
           
<a href="#" class="x-btn-navbar collapsed" data-toggle="collapse" data-target=".x-nav-wrap.mobile">
  <i class="x-icon-bars" data-x-icon="&#xf0c9;"></i>
  <span class="visually-hidden">Navigation</span>
</a>

<nav class="x-nav-wrap desktop" role="navigation">
  <ul id="menu-main" class="x-nav"><li id="menu-item-10" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home current-menu-item page_item page-item-5 current_page_item menu-item-10"><a href="https://hclodges.co.uk/"><span>Home</span></a></li>
<li id="menu-item-148" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-148"><a href="https://hclodges.co.uk/lodges/"><span>Lodges</span></a></li>
<li id="menu-item-147" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-147"><a href="https://hclodges.co.uk/activities/"><span>Activities</span></a></li>
<li id="menu-item-146" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-146"><a href="https://hclodges.co.uk/offers/"><span>Offers</span></a></li>
<li id="menu-item-395" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-395"><a href="https://hclodges.co.uk/location/"><span>Location</span></a></li>
<li id="menu-item-145" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-145"><a href="https://hclodges.co.uk/contact/"><span>Contact</span></a></li>
</ul></nav>

<div class="x-nav-wrap mobile collapse">
  <ul id="menu-main-1" class="x-nav"><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home current-menu-item page_item page-item-5 current_page_item menu-item-10"><a href="https://hclodges.co.uk/"><span>Home</span></a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-148"><a href="https://hclodges.co.uk/lodges/"><span>Lodges</span></a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-147"><a href="https://hclodges.co.uk/activities/"><span>Activities</span></a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-146"><a href="https://hclodges.co.uk/offers/"><span>Offers</span></a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-395"><a href="https://hclodges.co.uk/location/"><span>Location</span></a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-145"><a href="https://hclodges.co.uk/contact/"><span>Contact</span></a></li>
</ul></div>

        </div>
      </div>
    </div>
  </div>

  </header>

  
    <div class="x-slider-container below">

      
      
        <style scoped>
          .x-slider-scroll-bottom.below       { color: #ffffff;       }
          .x-slider-scroll-bottom.below:hover { color: #ffffff; }
        </style>

        <a href="#" class="x-slider-scroll-bottom below top left">
          <i class="x-icon-angle-down" data-x-icon="&#xf107;" aria-hidden="true"></i>
        </a>

      
      
<div id="rev_slider_1_1_wrapper" class="rev_slider_wrapper fullscreen-container" data-source="gallery" style="background:transparent;padding:0px;">
<!-- START REVOLUTION SLIDER 5.4.1 fullscreen mode -->
	<div id="rev_slider_1_1" class="rev_slider fullscreenbanner" style="display:none;" data-version="5.4.1">
<ul>	<!-- SLIDE  -->
	<li data-index="rs-6" data-transition="fade" data-slotamount="default" data-hideafterloop="0" data-hideslideonmobile="off"  data-easein="default" data-easeout="default" data-masterspeed="300"  data-thumb="https://hclodges.co.uk/wp-content/uploads/2017/04/maxresdefault-1-100x50.jpg"  data-rotate="0"  data-saveperformance="off"  data-mediafilter="xpro2" data-title="Slide" data-param1="" data-param2="" data-param3="" data-param4="" data-param5="" data-param6="" data-param7="" data-param8="" data-param9="" data-param10="" data-description="">
		<!-- MAIN IMAGE -->
		<img src="https://hclodges.co.uk/wp-content/plugins/revslider/admin/assets/images/dummy.png"  alt="" title="maxresdefault"  width="2656" height="1494" data-lazyload="https://hclodges.co.uk/wp-content/uploads/2017/04/maxresdefault-1.jpg" data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" data-bgparallax="off" class="rev-slidebg" data-no-retina>
		<!-- LAYERS -->
	</li>
</ul>
<div class="tp-bannertimer tp-bottom" style="visibility: hidden !important;"></div>	</div>
<script>var htmlDiv = document.getElementById("rs-plugin-settings-inline-css"); var htmlDivCss="";
				if(htmlDiv) {
					htmlDiv.innerHTML = htmlDiv.innerHTML + htmlDivCss;
				}else{
					var htmlDiv = document.createElement("div");
					htmlDiv.innerHTML = "<style>" + htmlDivCss + "</style>";
					document.getElementsByTagName("head")[0].appendChild(htmlDiv.childNodes[0]);
				}
			</script>
		<script type="text/javascript">
						/******************************************
				-	PREPARE PLACEHOLDER FOR SLIDER	-
			******************************************/

			var setREVStartSize=function(){
				try{var e=new Object,i=jQuery(window).width(),t=9999,r=0,n=0,l=0,f=0,s=0,h=0;
					e.c = jQuery('#rev_slider_1_1');
					e.gridwidth = [1400];
					e.gridheight = [868];
							
					e.sliderLayout = "fullscreen";
					e.fullScreenAutoWidth='off';
					e.fullScreenAlignForce='off';
					e.fullScreenOffsetContainer= '';
					e.fullScreenOffset='134px';
					if(e.responsiveLevels&&(jQuery.each(e.responsiveLevels,function(e,f){f>i&&(t=r=f,l=e),i>f&&f>r&&(r=f,n=e)}),t>r&&(l=n)),f=e.gridheight[l]||e.gridheight[0]||e.gridheight,s=e.gridwidth[l]||e.gridwidth[0]||e.gridwidth,h=i/s,h=h>1?1:h,f=Math.round(h*f),"fullscreen"==e.sliderLayout){var u=(e.c.width(),jQuery(window).height());if(void 0!=e.fullScreenOffsetContainer){var c=e.fullScreenOffsetContainer.split(",");if (c) jQuery.each(c,function(e,i){u=jQuery(i).length>0?u-jQuery(i).outerHeight(!0):u}),e.fullScreenOffset.split("%").length>1&&void 0!=e.fullScreenOffset&&e.fullScreenOffset.length>0?u-=jQuery(window).height()*parseInt(e.fullScreenOffset,0)/100:void 0!=e.fullScreenOffset&&e.fullScreenOffset.length>0&&(u-=parseInt(e.fullScreenOffset,0))}f=u}else void 0!=e.minHeight&&f<e.minHeight&&(f=e.minHeight);e.c.closest(".rev_slider_wrapper").css({height:f})
					
				}catch(d){console.log("Failure at Presize of Slider:"+d)}
			};
			
			setREVStartSize();
			
						var tpj=jQuery;
			
			var revapi1;
			tpj(document).ready(function() {
				if(tpj("#rev_slider_1_1").revolution == undefined){
					revslider_showDoubleJqueryError("#rev_slider_1_1");
				}else{
					revapi1 = tpj("#rev_slider_1_1").show().revolution({
						sliderType:"hero",
jsFileLocation:"//hclodges.co.uk/wp-content/plugins/revslider/public/assets/js/",
						sliderLayout:"fullscreen",
						dottedOverlay:"none",
						delay:9000,
						navigation: {
						},
						visibilityLevels:[1240,1024,778,480],
						gridwidth:1400,
						gridheight:868,
						lazyType:"smart",
						parallax: {
							type:"mouse",
							origo:"slidercenter",
							speed:2000,
							levels:[2,3,4,5,6,7,12,16,10,50,47,48,49,50,51,55],
						},
						shadow:0,
						spinner:"off",
						autoHeight:"off",
						fullScreenAutoWidth:"off",
						fullScreenAlignForce:"off",
						fullScreenOffsetContainer: "",
						fullScreenOffset: "134px",
						disableProgressBar:"on",
						hideThumbsOnMobile:"on",
						hideSliderAtLimit:0,
						hideCaptionAtLimit:0,
						hideAllCaptionAtLilmit:0,
						debugMode:false,
						fallbacks: {
							simplifyAll:"off",
							disableFocusListener:false,
						}
					});
				}
			});	/*ready*/
		</script>
		</div><!-- END REVOLUTION SLIDER -->
    </div>

    

  <div class="x-main full" role="main">

    
      <article id="post-5" class="post-5 page type-page status-publish hentry no-post-thumbnail">
        

<div class="entry-content content">


  <div id="cs-content" class="cs-content"><div id="x-section-1"  class="x-section"  style="margin: 0px;padding: 100px 0px 45px; background-color: hsl(0, 0%, 98%);"   ><div  class="x-container max width"  style="margin: 0px auto;padding: 0px;"   ><div  class="x-column x-sm cs-ta-center x-1-1" style="padding: 0px;" ><i  class="x-icon x-icon-bed" style="text-align: center; color: hsl(29, 36%, 55%); font-size: 40px; background-color: hsla(0, 0%, 100%, 0);" data-x-icon="&#xf236;" aria-hidden="true"></i><hr  class="x-gap" style="margin: 50px 0 0 0;"><h2  class="h-custom-headline cs-ta-center margin-top h2" style="color: hsl(0, 0%, 28%);"><span>OUR LODGES</span></h2><hr  class="x-gap" style="margin: 20px 0 0 0;"><div  class="x-text cs-ta-center"    ><p><span style="color: #000000;">All our lodges are situated within a 5 star holiday park of Haggerston Castle in Berwick upon Tweed.</span></p>
</div><div  class="x-text cs-ta-center m2"    ><p><span style="color: #000000;">We offers lots for families with woods, lakes and trails helping you to make the most of the great outdoors.</span></p>
</div></div></div></div><div id="x-section-2"  class="x-section"  style="margin: 0px;padding: 0px 0px 45px; background-color: hsl(0, 0%, 98%);"   ><div  class="x-container max width"  style="margin: 40px auto;padding: 0px;"   ><div  class="x-column x-sm cs-ta-center x-1-3" style="padding: 0px;opacity: 0; transform: translate(0, -45px); transition-duration: 750ms; background-color:hsl(0, 0%, 100%);" data-x-element="column" data-x-params="{&quot;fade&quot;:true}" data-fade="true"><a  class="x-img x-img-link x-img-none"  href="lodges/castle-lake-1"     data-options="thumbnail: 'https://hclodges.co.uk/wp-content/uploads/2017/04/castlelake1.jpg'"><img src="https://hclodges.co.uk/wp-content/uploads/2017/04/castlelake1.jpg" ></a><h4  class="h-custom-headline cs-ta-center margin-top h4" ><span>CASTLE LAKE 1</span></h4><div  class="x-text cs-ta-center"    ><p><span style="color: #808080;">Sleeps: <strong>6</strong>, </span><span style="color: #808080;">Bedrooms: <strong>2</strong></span></p>
</div><div  class="x-text cs-ta-center m2"    ><h5><strong><span style="color: #ff0000;">FROM</span><span style="color: #ff0000;"><br />
£399</span></strong></h5>
</div><hr  class="x-gap" style="margin: 20px 0 0 0;"><a  class="x-btn x-btn-global x-btn-block"  href="lodges/castle-lake-1"     data-options="thumbnail: ''">View home</a></div><div  class="x-column x-sm cs-ta-center x-1-3" style="padding: 0px;opacity: 0; transform: translate(0, -45px); transition-duration: 750ms; background-color:hsl(0, 0%, 100%);" data-x-element="column" data-x-params="{&quot;fade&quot;:true}" data-fade="true"><a  class="x-img x-img-link x-img-none"  href="lodges/castle-lake-10"     data-options="thumbnail: 'https://hclodges.co.uk/wp-content/uploads/2017/04/castlelake10-1.jpg'"><img src="https://hclodges.co.uk/wp-content/uploads/2017/04/castlelake10-1.jpg" ></a><h4  class="h-custom-headline cs-ta-center margin-top h4" ><span>CASTLE LAKE 10</span></h4><div  class="x-text cs-ta-center"    ><p><span style="color: #808080;">Sleeps: <strong>6</strong>, </span><span style="color: #808080;">Bedrooms: <strong>2</strong></span></p>
</div><div  class="x-text cs-ta-center m2"    ><h5><strong><span style="color: #ff0000;">FROM</span><span style="color: #ff0000;"><br />
£350</span></strong></h5>
</div><hr  class="x-gap" style="margin: 20px 0 0 0;"><a  class="x-btn x-btn-global x-btn-block"  href="lodges/castle-lake-10"     data-options="thumbnail: ''">View home</a></div><div  class="x-column x-sm cs-ta-center x-1-3" style="padding: 0px;opacity: 0; transform: translate(0, -45px); transition-duration: 750ms; background-color:hsl(0, 0%, 100%);" data-x-element="column" data-x-params="{&quot;fade&quot;:true}" data-fade="true"><a  class="x-img x-img-link x-img-none"  href="lodges/castle-lake-17"     data-options="thumbnail: 'https://hclodges.co.uk/wp-content/uploads/2017/04/castlelake17-1.jpg'"><img src="https://hclodges.co.uk/wp-content/uploads/2017/04/castlelake17-1.jpg" ></a><h4  class="h-custom-headline cs-ta-center margin-top h4" ><span>CASTLE LAKE 17</span></h4><div  class="x-text cs-ta-center"    ><p><span style="color: #808080;">Sleeps: <strong>8</strong>, </span><span style="color: #808080;">Bedrooms: <strong>3</strong></span></p>
</div><div  class="x-text cs-ta-center m2"    ><h5><strong><span style="color: #ff0000;">FROM</span><span style="color: #ff0000;"><br />
£375</span></strong></h5>
</div><hr  class="x-gap" style="margin: 20px 0 0 0;"><a  class="x-btn x-btn-global x-btn-block"  href="lodges/castle-lake-17"     data-options="thumbnail: ''">View home</a></div></div></div><div id="x-section-3"  class="x-section"  style="margin: px 0px 0px;padding: 0px 0px 100px; background-color: hsl(0, 0%, 98%);"   ><div  class="x-container max width"  style="margin: 0px auto;padding: 0px;"   ><div  class="x-column x-sm cs-ta-center x-1-3" style="padding: 0px 0px 00px;opacity: 0; transform: translate(0, -45px); transition-duration: 750ms; background-color:hsl(0, 0%, 100%);" data-x-element="column" data-x-params="{&quot;fade&quot;:true}" data-fade="true"><a  class="x-img x-img-link x-img-none"  href="lodges/castle-lake-67"     data-options="thumbnail: 'https://hclodges.co.uk/wp-content/uploads/2017/04/castlelake67.jpg'"><img src="https://hclodges.co.uk/wp-content/uploads/2017/04/castlelake67.jpg" ></a><h4  class="h-custom-headline cs-ta-center margin-top h4" ><span>CASTLE LAKE 67</span></h4><div  class="x-text cs-ta-center"    ><p><span style="color: #808080;">Sleeps: <strong>8</strong>, </span><span style="color: #808080;">Bedrooms: <strong>3</strong></span></p>
</div><div  class="x-text cs-ta-center m2"    ><h5><strong><span style="color: #ff0000;">FROM</span><span style="color: #ff0000;"><br />
£399</span></strong></h5>
</div><hr  class="x-gap" style="margin: 20px 0 0 0;"><a  class="x-btn x-btn-global x-btn-block"  href="lodges/castle-lake-67"     data-options="thumbnail: ''">View home</a></div><div  class="x-column x-sm cs-ta-center x-1-3" style="padding: 0px;opacity: 0; transform: translate(0, -45px); transition-duration: 750ms; background-color:hsl(0, 0%, 100%);" data-x-element="column" data-x-params="{&quot;fade&quot;:true}" data-fade="true"><a  class="x-img x-img-link x-img-none"  href="lodges/lodge-retreat-1"     data-options="thumbnail: 'https://hclodges.co.uk/wp-content/uploads/2017/04/Lodgeretreat1.jpg'"><img src="https://hclodges.co.uk/wp-content/uploads/2017/04/Lodgeretreat1.jpg" ></a><h4  class="h-custom-headline cs-ta-center margin-top h4" ><span>LODGE RETREAT 1</span></h4><div  class="x-text cs-ta-center"    ><p><span style="color: #808080;">Sleeps: <strong>8</strong>, </span><span style="color: #808080;">Bedrooms: <strong>3</strong></span></p>
</div><div  class="x-text cs-ta-center m2"    ><h5><strong><span style="color: #ff0000;">FROM</span><span style="color: #ff0000;"><br />
£375</span></strong></h5>
</div><hr  class="x-gap" style="margin: 20px 0 0 0;"><a  class="x-btn x-btn-global x-btn-block"  href="lodges/lodge-retreat-1"     data-options="thumbnail: ''">View home</a></div><div  class="x-column x-sm cs-ta-center x-1-3" style="padding: 0px;opacity: 0; transform: translate(0, -45px); transition-duration: 750ms; background-color:hsl(0, 0%, 100%);" data-x-element="column" data-x-params="{&quot;fade&quot;:true}" data-fade="true"><a  class="x-img x-img-link x-img-none"  href="lodges/lodge-retreat-7"     data-options="thumbnail: 'https://hclodges.co.uk/wp-content/uploads/2017/04/Lodgeretreat7.jpg'"><img src="https://hclodges.co.uk/wp-content/uploads/2017/04/Lodgeretreat7.jpg" ></a><h4  class="h-custom-headline cs-ta-center margin-top h4" ><span>LODGE RETREAT 7</span></h4><div  class="x-text cs-ta-center"    ><p><span style="color: #808080;">Sleeps: <strong>8</strong>, </span><span style="color: #808080;">Bedrooms: <strong>3</strong></span></p>
</div><div  class="x-text cs-ta-center m2"    ><h5><strong><span style="color: #ff0000;">FROM</span><span style="color: #ff0000;"><br />
£375</span></strong></h5>
</div><hr  class="x-gap" style="margin: 20px 0 0 0;"><a  class="x-btn x-btn-global x-btn-block"  href="lodges/lodge-retreat-7"     data-options="thumbnail: ''">View home</a></div></div><div  class="x-container max width"  style="margin: 0px auto;padding: 0px;"   ><div  class="x-column x-sm cs-ta-center x-1-1" style="padding: 40px 0px 0px;" ><a  class="x-btn x-btn-flat x-btn-rounded x-btn-x-large x-btn-block"  href="/lodges"     data-options="thumbnail: ''">View More</a></div></div></div><div id="x-section-4"  class="x-section cs-ta-center"  style="margin: 0px;padding: 45px 0px 100px; background-color: transparent;"   ><div  class="x-container max width"  style="margin: 0px auto;padding: 0px;"   ><div  class="x-column x-sm x-1-1" style="padding: 0px;" ><h2  class="h-custom-headline cs-ta-center h2 accent" ><span>THE PARK</span></h2></div></div></div><div id="x-section-5"  class="x-section cs-ta-center"  style="margin: 0px;padding: 45px 0px 0px; background-color: transparent;"   ><div  class="x-container max width"  style="margin: 0px auto;padding: 0px;"   ><div  class="x-column x-sm x-1-4" style="padding: 0px;" ><img  class="x-img x-img-none"  src="https://hclodges.co.uk/wp-content/uploads/2017/05/arcade-1.jpg" ><h2  class="h-custom-headline m1 h4" ><span>ARCADE</span></h2><hr  class="x-gap" style="margin: 50px 0 0 0;"></div><div  class="x-column x-sm x-1-4" style="padding: 0px;" ><img  class="x-img x-img-none"  src="https://hclodges.co.uk/wp-content/uploads/2017/05/bowling.jpg" ><h2  class="h-custom-headline m1 h4" ><span>BOWLING</span></h2><hr  class="x-gap" style="margin: 50px 0 0 0;"></div><div  class="x-column x-sm x-1-4" style="padding: 0px;" ><img  class="x-img x-img-none"  src="https://hclodges.co.uk/wp-content/uploads/2017/05/Tennis-Courts.jpg" ><h2  class="h-custom-headline m1 h3" ><span>TENNIS COURTS<br />
</span></h2><hr  class="x-gap" style="margin: 50px 0 0 0;"></div><div  class="x-column x-sm x-1-4" style="padding: 0px;" ><img  class="x-img x-img-none"  src="https://hclodges.co.uk/wp-content/uploads/2017/05/Horse.jpg" ><h2  class="h-custom-headline m1 h3" ><span>HORSE RIDING<br />
</span></h2><hr  class="x-gap" style="margin: 50px 0 0 0;"></div></div></div><div id="x-section-6"  class="x-section cs-ta-center"  style="margin: 0px;padding: 0px 0px 45px; background-color: transparent;"   ><div  class="x-container max width"  style="margin: 0px auto;padding: 0px;"   ><div  class="x-column x-sm x-1-4" style="padding: 0px;" ><img  class="x-img x-img-none"  src="https://hclodges.co.uk/wp-content/uploads/2017/05/Pool.jpg" ><h2  class="h-custom-headline m1 h3" ><span>INDOOR HEATED POOL<br />
</span></h2><hr  class="x-gap" style="margin: 50px 0 0 0;"></div><div  class="x-column x-sm x-1-4" style="padding: 0px;" ><img  class="x-img x-img-none"  src="https://hclodges.co.uk/wp-content/uploads/2017/05/enteraiment.jpg" ><h2  class="h-custom-headline m1 h4" ><span>ENTERTAINMENT VENUES<br />
</span></h2><hr  class="x-gap" style="margin: 50px 0 0 0;"></div><div  class="x-column x-sm x-1-4" style="padding: 0px;" ><img  class="x-img x-img-none"  src="https://hclodges.co.uk/wp-content/uploads/2017/05/Climbing.jpg" ><h2  class="h-custom-headline m1 h3" ><span>CLIMBING WALL<br />
</span></h2><hr  class="x-gap" style="margin: 50px 0 0 0;"></div><div  class="x-column x-sm x-1-4" style="padding: 0px;" ><img  class="x-img x-img-none"  src="https://hclodges.co.uk/wp-content/uploads/2017/05/adventure-Golf.jpg" ><h2  class="h-custom-headline m1 h3" ><span>ADVENTURE GOLF<br />
</span></h2><hr  class="x-gap" style="margin: 50px 0 0 0;"></div></div></div><div id="x-section-7"  class="x-section cs-ta-center"  style="margin: 0px;padding: 45px 0px 100px; background-color: transparent;"   ><div  class="x-container max width"  style="margin: 0px auto;padding: 0px;"   ><div  class="x-column x-sm x-1-1" style="padding: 0px;" ><a  class="x-btn x-btn-large"  href="activities"     data-options="thumbnail: ''">View More&#8230;</a></div></div></div><div id="x-section-8"  class="x-section cs-ta-center"  style="margin: 0px;padding: 100px 0px 45px; background-color: hsl(202, 95%, 39%);"   ><div  class="x-container max width"  style="margin: 0px auto;padding: 0px;"   ><div  class="x-column x-sm x-1-1" style="padding: 0px;" ><i  class="x-icon x-icon-map-marker" style="text-align: center; color: hsl(0, 0%, 100%); font-size: 40px; background-color: hsla(0, 0%, 100%, 0);" data-x-icon="&#xf041;" aria-hidden="true"></i><hr  class="x-gap" style="margin: 50px 0 0 0;"><h2  class="h-custom-headline cs-ta-center margin-top h2" style="color: hsl(0, 0%, 100%);"><span>VISIT US TODAY</span></h2></div></div></div><div id="x-section-9"  class="x-section"  style="margin: 0px;padding: 45px 0px 150px; background-color: hsl(202, 95%, 39%);"   ><div  class="x-container max width"  style="margin: 0px auto;padding: 0px;"   ><div  class="x-column x-sm x-1-2" style="padding: 0px;" ><h2  class="h-custom-headline cs-ta-center margin-top h3 accent" style="color: hsl(0, 0%, 100%);"><span>LOCATION</span></h2><div  class="x-text cs-ta-center"    ><p><span style="color: #ffffff;">Haggerston Castle Holiday Park,</span><br />
<span style="color: #ffffff;"> Beal, Nr Berwick-upon-Tweed,</span><br />
<span style="color: #ffffff;"> Northumberland, TD15 2PA</span></p>
</div></div><div  class="x-column x-sm x-1-2" style="padding: 0px;" ><h2  class="h-custom-headline cs-ta-center margin-top h3 accent" style="color: hsl(0, 0%, 100%);"><span>CONTACT</span></h2><div  class="x-text cs-ta-center"    ><p><span style="color: #ffffff;">Remember, always contact us for the best prices</span><br />
<span style="color: #ffffff;"> Phone: 07863 200146</span><br />
<span style="color: #ffffff;"> Email: info@hclodges.co.uk</span></p>
</div></div></div></div><div id="x-section-10"  class="x-section"  style="margin: 0px;padding: 0px; background-color: hsl(202, 95%, 39%);"   ><div  class="x-container"  style="margin: 0px auto;padding: 0px;"   ><div  class="x-column x-sm x-1-1" style="padding: 0px;" ><div id="x-google-map-1" class="x-map x-google-map margin-bottom" data-x-element="google_map" data-x-params="{&quot;lat&quot;:&quot;55.686692&quot;,&quot;lng&quot;:&quot;-1.934574&quot;,&quot;drag&quot;:false,&quot;zoom&quot;:&quot;10&quot;,&quot;zoomControl&quot;:false,&quot;hue&quot;:&quot;#057cc1&quot;}" ><div class="x-map-inner x-google-map-inner" style="padding-bottom: 500px;"></div><div class="x-google-map-marker" style="position: absolute; visibility: hidden;" data-x-element="google_map_marker" data-x-params="{&quot;lat&quot;:&quot;55.686692&quot;,&quot;lng&quot;:&quot;-1.934574&quot;,&quot;markerInfo&quot;:&quot;We are here!&quot;,&quot;startOpen&quot;:true}"></div></div></div></div></div><span id="x-responsive-text-1" data-x-element="responsive_text" data-x-params="{&quot;selector&quot;:&quot;.m1&quot;,&quot;compression&quot;:&quot;1.0&quot;,&quot;minFontSize&quot;:&quot;10&quot;,&quot;maxFontSize&quot;:&quot;20&quot;}"></span></div>
  

</div>

      </article>

    
  </div>




  

  
    <footer class="x-colophon bottom" role="contentinfo">
      <div class="x-container max width">

                  <div class="x-social-global"></div>        
        
                  <div class="x-colophon-content">
            <img src="https://hclodges.co.uk/wp-content/uploads/2017/04/hclogo-2.png" alt="Logo" style="width:350px;">
<br></br>
<br></br>
© Copyright 2017 HCLodges.co.uk  |  Website design by Abdul Akhtar          </div>
        
      </div>
    </footer>

  

    
    </div> <!-- END .x-site -->

    
  </div> <!-- END .x-root -->

		<script type="text/javascript">
			function revslider_showDoubleJqueryError(sliderID) {
				var errorMessage = "Revolution Slider Error: You have some jquery.js library include that comes after the revolution files js include.";
				errorMessage += "<br> This includes make eliminates the revolution slider libraries, and make it not work.";
				errorMessage += "<br><br> To fix it you can:<br>&nbsp;&nbsp;&nbsp; 1. In the Slider Settings -> Troubleshooting set option:  <strong><b>Put JS Includes To Body</b></strong> option to true.";
				errorMessage += "<br>&nbsp;&nbsp;&nbsp; 2. Find the double jquery.js include and remove it.";
				errorMessage = "<span style='font-size:16px;color:#BC0C06;'>" + errorMessage + "</span>";
					jQuery(sliderID).show().html(errorMessage);
			}
		</script>
		<script type='text/javascript' src='https://hclodges.co.uk/wp-includes/js/jquery/ui/core.min.js?ver=1.11.4'></script>
<script type='text/javascript' src='https://hclodges.co.uk/wp-includes/js/jquery/ui/datepicker.min.js?ver=1.11.4'></script>
<script type='text/javascript'>
jQuery(document).ready(function(jQuery){jQuery.datepicker.setDefaults({"closeText":"Close","currentText":"Today","monthNames":["January","February","March","April","May","June","July","August","September","October","November","December"],"monthNamesShort":["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],"nextText":"Next","prevText":"Previous","dayNames":["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],"dayNamesShort":["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],"dayNamesMin":["S","M","T","W","T","F","S"],"dateFormat":"dS MM yy","firstDay":1,"isRTL":false});});
</script>
<script type='text/javascript' src='https://hclodges.co.uk/wp-includes/js/jquery/ui/widget.min.js?ver=1.11.4'></script>
<script type='text/javascript' src='https://hclodges.co.uk/wp-includes/js/jquery/ui/mouse.min.js?ver=1.11.4'></script>
<script type='text/javascript' src='https://hclodges.co.uk/wp-includes/js/jquery/ui/slider.min.js?ver=1.11.4'></script>
<script type='text/javascript' src='https://hclodges.co.uk/wp-content/plugins/booking-system/libraries/js/jquery.dop.Select.js?ver=5.0.3'></script>
<script type='text/javascript' src='https://hclodges.co.uk/wp-content/plugins/booking-system/assets/js/jquery.dop.frontend.BSPCalendar.js?ver=5.0.3'></script>
<script type='text/javascript' src='https://hclodges.co.uk/wp-content/plugins/booking-system/assets/js/frontend.js?ver=5.0.3'></script>
<script type='text/javascript' src='https://hclodges.co.uk/wp-content/plugins/booking-system/assets/js/deposit/frontend-deposit.js?ver=5.0.3'></script>
<script type='text/javascript' src='https://hclodges.co.uk/wp-content/plugins/booking-system/assets/js/discounts/frontend-discounts.js?ver=5.0.3'></script>
<script type='text/javascript' src='https://hclodges.co.uk/wp-content/plugins/booking-system/assets/js/fees/frontend-fees.js?ver=5.0.3'></script>
<script type='text/javascript' src='https://hclodges.co.uk/wp-content/plugins/booking-system/assets/js/rules/frontend-rules.js?ver=5.0.3'></script>
<script type='text/javascript' src='https://hclodges.co.uk/wp-content/plugins/booking-system/application/assets/js/dot.js?ver=5.0.3'></script>
<script type='text/javascript' src='https://hclodges.co.uk/wp-content/plugins/booking-system/application/assets/js/calendars/calendar.js?ver=5.0.3'></script>
<script type='text/javascript' src='https://hclodges.co.uk/wp-content/plugins/booking-system/application/assets/js/calendars/calendar-availability.js?ver=5.0.3'></script>
<script type='text/javascript' src='https://hclodges.co.uk/wp-content/plugins/booking-system/application/assets/js/calendars/calendar-days.js?ver=5.0.3'></script>
<script type='text/javascript' src='https://hclodges.co.uk/wp-content/plugins/booking-system/application/assets/js/calendars/calendar-day.js?ver=5.0.3'></script>
<script type='text/javascript' src='https://hclodges.co.uk/wp-content/plugins/booking-system/application/assets/js/calendars/calendar-schedule.js?ver=5.0.3'></script>
<script type='text/javascript'>
/* <![CDATA[ */
var wpcf7 = {"apiSettings":{"root":"https:\/\/hclodges.co.uk\/wp-json\/contact-form-7\/v1","namespace":"contact-form-7\/v1"},"cached":"1"};
/* ]]> */
</script>
<script type='text/javascript' src='https://hclodges.co.uk/wp-content/plugins/contact-form-7/includes/js/scripts.js?ver=5.1.1'></script>
<script type='text/javascript' src='https://hclodges.co.uk/wp-content/themes/x/framework/js/dist/site/x-body.min.js?ver=5.2.5'></script>
<script type='text/javascript' src='https://hclodges.co.uk/wp-includes/js/comment-reply.min.js?ver=5.0.3'></script>
<script type='text/javascript' src='https://hclodges.co.uk/wp-content/plugins/cornerstone/assets/dist/js/site/cs-body.js?ver=2.0.4'></script>
<script type='text/javascript' src='https://hclodges.co.uk/wp-includes/js/jquery/ui/effect.min.js?ver=1.11.4'></script>
<script type='text/javascript'>
/* <![CDATA[ */
var tg_global_var = {"url":"https:\/\/hclodges.co.uk\/wp-admin\/admin-ajax.php","nonce":"597fcadef6","is_mobile":null,"mediaelement":"","mediaelement_ex":null,"lightbox_autoplay":"","debounce":"","meta_data":null,"main_query":{"error":"","m":"","p":"5","post_parent":"","subpost":"","subpost_id":"","attachment":"","attachment_id":0,"name":"","static":"","pagename":"","page_id":"5","second":"","minute":"","hour":"","day":0,"monthnum":0,"year":0,"w":0,"category_name":"","tag":"","cat":"","tag_id":"","author":"","author_name":"","feed":"","tb":"","paged":0,"meta_key":"","meta_value":"","preview":"","s":"","sentence":"","title":"","fields":"","menu_order":"","embed":"","category__in":[],"category__not_in":[],"category__and":[],"post__in":[],"post__not_in":[],"post_name__in":[],"tag__in":[],"tag__not_in":[],"tag__and":[],"tag_slug__in":[],"tag_slug__and":[],"post_parent__in":[],"post_parent__not_in":[],"author__in":[],"author__not_in":[],"ignore_sticky_posts":false,"suppress_filters":false,"cache_results":true,"update_post_term_cache":true,"lazy_load_term_meta":true,"update_post_meta_cache":true,"post_type":"","posts_per_page":10,"nopaging":false,"comments_per_page":"50","no_found_rows":false,"order":"DESC"}};
/* ]]> */
</script>
<script type='text/javascript' src='https://hclodges.co.uk/wp-content/plugins/the-grid/frontend/assets/js/the-grid.min.js?ver=2.3.5'></script>
<script type='text/javascript' src='https://hclodges.co.uk/wp-content/themes/x/framework/legacy/cranium/js/dist/site/x-body.min.js?ver=5.2.5'></script>
<script type='text/javascript' src='https://hclodges.co.uk/wp-includes/js/wp-embed.min.js?ver=5.0.3'></script>
<script type='text/javascript' src='https://maps.googleapis.com/maps/api/js?v=3&#038;key=AIzaSyBYOoSyRyeI3hfF8aRvIkpGYGsNPlOggl4&#038;ver=5.0.3'></script>
<script type="text/javascript">var to_like_post = {"url":"https://hclodges.co.uk/wp-admin/admin-ajax.php","nonce":"1af4868368"};jQuery.noConflict(),function(a){"use strict";a(document).ready(function(){a(document).on("click",".to-post-like:not('.to-post-like-unactive')",function(b){b.preventDefault();var c=a(this),d=c.data("post-id"),e=parseInt(c.find(".to-like-count").text());return c.addClass("heart-pulse"),a.ajax({type:"post",url:to_like_post.url,data:{nonce:to_like_post.nonce,action:"to_like_post",post_id:d,like_nb:e},context:c,success:function(b){b&&(c=a(this),c.attr("title",b.title),c.find(".to-like-count").text(b.count),c.removeClass(b.remove_class+" heart-pulse").addClass(b.add_class))}}),!1})})}(jQuery);</script>
  
  
</body>
</html>