Search box toggle

// Open search box when button clicked
jQuery( document ).on( 'click', '.gp-search-button:not(.gp-active)', function() {
	jQuery( this ).addClass( 'gp-active' );
	jQuery( '.gp-search-box' ).slideDown(100);
	jQuery( '.gp-search-box input[type="text"]' ).focus();
	jQuery( '#gp-mobile-nav-button.gp-close-nav' ).removeClass( 'gp-close-nav' ).addClass( 'gp-open-nav' );
	jQuery( 'body' ).removeClass( 'gp-mobile-primary-nav-active gp-mobile-profile-nav-active' );
});

// Close search box	when button clicked
jQuery( document ).on( 'click', '.gp-search-button.gp-active', function() {
	jQuery( this ).removeClass( 'gp-active' );
	jQuery( '.gp-search-box' ).slideUp(100);
});

// Close search box when page clicked
jQuery( document ).mouseup( function(e) {
	var container = jQuery( '.gp-search-button, .gp-search-box' );
	if ( ( ! container.is( e.target ) && container.has( e.target ).length === 0 ) && jQuery( '.gp-search-button' ).hasClass( 'gp-active' ) ) {
		jQuery( '.gp-search-box' ).slideUp( 100 );
		jQuery( '.gp-search-button' ).removeClass( 'gp-active' );
	}
});