--- /dev/null
+*.DS_Store
+/bower_components/*
+/node_modules/*
\ No newline at end of file
--- /dev/null
+module.exports = function(grunt) {
+ grunt.initConfig({
+ pkg: grunt.file.readJSON('package.json'),
+
+ sass: {
+ options: {
+ includePaths: ['bower_components/foundation/scss'],
+ sourceMap: true
+ },
+ dist: {
+ options: {
+ outputStyle: 'expanded'
+ },
+ files: {
+ 'css/app.css': 'scss/app.scss'
+ }
+ }
+ },
+
+ copy: {
+ scripts: {
+ expand: true,
+ cwd: 'bower_components/',
+ src: '**/*.js',
+ dest: 'js'
+ },
+
+ maps: {
+ expand: true,
+ cwd: 'bower_components/',
+ src: '**/*.map',
+ dest: 'js'
+ }
+ },
+
+ uglify: {
+ dist: {
+ files: {
+ 'js/modernizr/modernizr.min.js': ['js/modernizr/modernizr.js']
+ }
+ }
+ },
+
+ concat: {
+ options: {
+ separator: ';'
+ },
+ dist: {
+ src: [
+ 'js/dollarsign.js',
+ 'js/foundation/js/foundation.min.js',
+ 'js/custom/*.js',
+ ],
+
+ dest: 'js/app.js'
+ }
+
+ },
+
+ watch: {
+ grunt: { files: ['Gruntfile.js'] },
+
+ sass: {
+ files: 'scss/**/*.{scss,sass}',
+ tasks: ['sass']
+ },
+
+ scripts: {
+ files: ['js/custom/*.js'],
+ tasks: ['concat', 'uglify']
+ }
+
+ }
+ });
+
+ grunt.loadNpmTasks('grunt-sass');
+ grunt.loadNpmTasks('grunt-contrib-watch');
+ grunt.loadNpmTasks('grunt-contrib-concat');
+ grunt.loadNpmTasks('grunt-contrib-copy');
+ grunt.loadNpmTasks('grunt-contrib-uglify');
+
+ grunt.registerTask('build', ['sass', 'copy', 'uglify', 'concat']);
+ grunt.registerTask('runwatch', ['sass','uglify', 'concat']);
+ grunt.registerTask('default', ['runwatch','watch']);
+}
--- /dev/null
+# Gaslight Media Foundation Template
+
+This is a template to start your own project that uses Grunt and libsass!
+
+## Requirements
+
+You'll need to have the following items installed before continuing.
+
+ * [Node.js](http://nodejs.org): Use the installer provided on the NodeJS website.
+ * [Grunt](http://gruntjs.com/): Run `[sudo] npm install -g grunt-cli`
+ * [Bower](http://bower.io): Run `[sudo] npm install -g bower`
+
+## Quickstart
+
+```bash
+npm install && bower install
+```
+
+While you're working on your project, run:
+
+`grunt`
+
+And you're set!
+
+## Directory Structure
+
+ * `scss/_settings.scss`: Foundation configuration settings go in here
+ * `scss/app.scss`: Application styles go here
--- /dev/null
+{
+ "name": "foundation-libsass-template",
+ "dependencies": {
+ "foundation": "zurb/bower-foundation"
+ }
+}
--- /dev/null
+<?php
+/**
+ * The template for displaying comments
+ *
+ * The area of the page that contains both current comments
+ * and the comment form.
+ *
+ * @package WordPress
+ * @subpackage Twenty_Fifteen
+ * @since Twenty Fifteen 1.0
+ */
+if ( ! function_exists( 'twentyfifteen_comment_nav' ) ) :
+/**
+ * Display navigation to next/previous comments when applicable.
+ *
+ * @since Twenty Fifteen 1.0
+ */
+function twentyfifteen_comment_nav() {
+ // Are there comments to navigate through?
+ if ( get_comment_pages_count() > 1 && get_option( 'page_comments' ) ) :
+?>
+<nav class="navigation comment-navigation" role="navigation">
+ <h2 class="screen-reader-text"><?php _e( 'Comment navigation', 'twentyfifteen' ); ?></h2>
+ <div class="nav-links">
+ <?php
+ if ( $prev_link = get_previous_comments_link( __( 'Older Comments', 'twentyfifteen' ) ) ) :
+ printf( '<div class="nav-previous">%s</div>', $prev_link );
+ endif;
+
+ if ( $next_link = get_next_comments_link( __( 'Newer Comments', 'twentyfifteen' ) ) ) :
+ printf( '<div class="nav-next">%s</div>', $next_link );
+ endif;
+ ?>
+ </div><!-- .nav-links -->
+</nav><!-- .comment-navigation -->
+<?php
+ endif;
+}
+endif;
+/*
+ * If the current post is protected by a password and
+ * the visitor has not yet entered the password we will
+ * return early without loading the comments.
+ */
+if ( post_password_required() ) {
+ return;
+}
+?>
+
+<div id="comments" class="comments-area">
+
+ <?php if ( have_comments() ) : ?>
+ <h2 class="comments-title">
+ <?php
+ printf( _nx( 'One thought on “%2$s”', '%1$s thoughts on “%2$s”', get_comments_number(), 'comments title', 'twentyfifteen' ),
+ number_format_i18n( get_comments_number() ), get_the_title() );
+ ?>
+ </h2>
+
+ <?php twentyfifteen_comment_nav(); ?>
+
+ <ol class="comment-list">
+ <?php
+ wp_list_comments( array(
+ 'style' => 'ol',
+ 'short_ping' => true,
+ 'avatar_size' => 56,
+ ) );
+ ?>
+ </ol><!-- .comment-list -->
+
+ <?php twentyfifteen_comment_nav(); ?>
+
+ <?php endif; // have_comments() ?>
+
+ <?php
+ // If comments are closed and there are comments, let's leave a little note, shall we?
+ if ( ! comments_open() && get_comments_number() && post_type_supports( get_post_type(), 'comments' ) ) :
+ ?>
+ <p class="no-comments"><?php _e( 'Comments are closed.', 'twentyfifteen' ); ?></p>
+ <?php endif; ?>
+
+ <?php comment_form(
+ array(
+ 'class_submit' => 'button'
+ )
+); ?>
+
+</div><!-- .comments-area -->
--- /dev/null
+<?php
+require_once 'lib/menu-walker.php';
+require_once 'lib/navigation.php';
+
+$ancestorId = null;
+$includePages = array();
+$frontPageId = get_option('page_on_front');
+add_action('widgets_init', 'glm_quicksite_widget_init');
+
+if (!function_exists('glm_quicksite_widget_init')) {
+
+ function glm_quicksite_widget_init()
+ {
+ register_sidebar(array(
+ 'name' => __('Slideshow'),
+ 'id' => 'slideshow',
+ 'description' => __('Meta Slider/Slideshow Area')
+ ));
+ }
+
+}
+
+/**
+ * Return the client info option for the given key
+ *
+ * @param type $name Name of the client info option to return
+ *
+ * @return string Option
+ */
+if (!function_exists('glm_get_clientinfo_option')) {
+ function glm_get_clientinfo_option($name)
+ {
+ $settings = get_option('glmclientinfo_settings');
+ $states = get_option('glmclientinfo_states');
+ if ($name == 'stateFull' && $settings['state']) {
+ return $states[$settings['state']];
+ }
+ if ($name == 'state2Full' && $settings['state2']) {
+ return $states[$settings['state2']];
+ }
+ return ($settings && $settings[$name])
+ ? $settings[$name]
+ : null;
+ }
+}
+
+add_theme_support('post-thumbnails');
+set_post_thumbnail_size(120, 100, true);
+/**
+ * glm_site_scripts
+ *
+ * Add the scripts that we'll need for any home page stuff
+ */
+function glm_site_scripts()
+{
+ wp_enqueue_script(
+ 'modernizr',
+ get_template_directory_uri() . '/js/modernizr/modernizr.min.js'
+ );
+ wp_enqueue_script('jquery');
+ wp_enqueue_script(
+ 'glm_foundation',
+ get_template_directory_uri() . '/js/app.js',
+ 'jquery',
+ '1.0',
+ true
+ );
+ if(is_front_page()) {
+ }
+
+}
+
+
+/* Header for posts*/
+function glm_get_header() {
+ echo '<div';
+
+ if (has_post_thumbnail() && $post->post_type == 'page') {
+ $image_data = wp_get_attachment_image_src(get_post_thumbnail_id(), "full");
+ echo ' style="background-image: url('.$image_data[0].');height:0;padding:0;padding-bottom:20%;background-position:center center;background-size: 100%;background-repeat:no-repeat;max-height: 300px; "';
+ } else {
+ //echo ' style="background-image: url('.get_template_directory_uri().'/assets/default-header.gif);height:0;padding:0;padding-bottom:30%;background-position:center center;background-size: 100%;background-repeat:no-repeat;max-height: 300px;"';
+ echo ' class="no-featured"';
+ }
+ echo '>';
+ echo '</div>';
+ echo '<div class="row">';
+ echo '<div class="small-12 columns">';
+ echo '</div>';
+ echo '</div>';
+}
+
+// // The code below is useful when you want the image to resize to
+// if (has_post_thumbnail()) {
+// $image_data = wp_get_attachment_image_src(get_post_thumbnail_id(), "full");
+// echo '<img src="'.$image_data[0].'" style="no-repeat;max-height:400px;">';
+// } else {
+// echo '<img src="'.get_template_directory_uri().'/assets/default-header.gif" style="max-height:400px;">';
+// }
+// echo '<div class="row">';
+// echo '<div class="small-12 columns">';
+// echo '</div>';
+// echo '</div>';
+
+add_action('wp_enqueue_scripts', 'glm_site_scripts');
+
+
+// Start of the Contextual/Highlight Search functions
+function mytheme_init() {
+ remove_action('thematic_searchloop', 'thematic_search_loop');
+}
+
+add_action('init', 'mytheme_init', 10);
+
+function wpse_setup_theme() {
+ add_image_size('glm-block-image', 290, 190,true);
+}
+
+add_action( 'after_setup_theme', 'wpse_setup_theme' );
+function mytheme_search_loop() {
+ while ( have_posts() ) : the_post(); ?>
+
+ <div id="post-<?php the_ID() ?>" class="<?php thematic_post_class() ?>">
+ <?php thematic_postheader(); ?>
+ <div class="entry-content">
+ <?php thematic_content(); /* We will replace this next */ ?>
+
+ </div>
+ <?php thematic_postfooter(); ?>
+ </div><!-- .post -->
+
+ <?php endwhile;
+}
+
+function is_post_type($type){
+ global $wp_query;
+ if($type == get_post_type($wp_query->post->ID)) return true;
+ return false;
+}
+
+add_action('thematic_searchloop', 'mytheme_search_loop');
+// End of the Contextual/Highlight Search functions
+?>
--- /dev/null
+<!doctype html>
+<html class="no-js" lang="en">
+ <?php get_template_part("parts/header-meta"); ?>
+ <?php $index_template = true;?>
+ <body>
+ <div class="off-canvas-wrap" data-offcanvas>
+ <div class="inner-wrap">
+ <div id="page-wrapper">
+ <?php
+ include "sections/header.php";
+ include "sections/top-bar.php";
+ include "sections/off-canvas.php";
+ if (is_front_page()) {
+ include "sections/front-page.php";
+ }
+ if (is_home()) {
+ include "sections/blog-home.php";
+ }
+ if (is_archive()) {
+ include "sections/blog-archive.php";
+ }
+ if (is_single()) {
+ include "sections/blog-single.php";
+ }
+ if (is_search()) {
+ include "sections/search.php";
+ }
+ if (is_page() && !is_front_page()) {
+ include "sections/interior-page.php";
+ }
+ include "sections/footer.php";
+ include "sections/copyright.php";
+ ?>
+ </div><!--/#page-wrapper-->
+ <a class="exit-off-canvas"></a>
+ </div><!--End of inner-wrap-->
+ </div><!--End of off-canvas-->
+ <?php wp_footer();?>
+ <script charset="utf-8" type="text/javascript">var switchTo5x=true;</script>
+ <script charset="utf-8" type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script>
+ <script charset="utf-8" type="text/javascript">stLight.options({"publisher":"wp.c3d3647e-de70-4780-b71d-6b739fad685a"});var st_type="wordpress4.3.1";</script>
+ </body>
+</html>
\ No newline at end of file
--- /dev/null
+// Load foundation
+$(document).foundation();
+$(document).ready(function () {
+ $('ul.children').each(function () {
+ $(this).before('<a class="toggle" href="#"></a>');
+ });
+ $('a.toggle').click('click', function () {
+ $(this).toggleClass('open');
+ $(this).siblings('ul').toggleClass('open');
+ });
+ $('.top-bar-section').find('ul.sub-menu.dropdown').each(function (){
+ var menuImg = $(this).parent('li').prop('id');
+ var menuNum = menuImg.match(/\d+/)[0];
+ var menuImgSrc = 'img_for_menu_' + menuNum;
+ if (window['img_for_menu_' + menuNum]) {
+ $(this).find('li.image-placeholder').html('<img src="' + eval(menuImgSrc) + '">');
+ } else {
+ $(this).find('li.image-placeholder').parent('ul').addClass('no-image-subul');
+ $(this).find('li.image-placeholder').remove();
+ }
+ //console.log('ul = ' + menuImg);
+ //console.log('menu-id = ' + menuNum);
+ });
+});
--- /dev/null
+/*
+ * To avoid conflicts, Wordpress tends to prefer jQuery being used over $.
+ * As long as this file is included, no such conflicts should arise. Ensure it
+ * is called before other .js files using $.
+ */
+var $=jQuery.noConflict();
\ No newline at end of file
--- /dev/null
+<?php
+/**
+ * Customize the output of menus for Foundation top bar
+ */
+if ( ! class_exists( 'Glm_Theme_Top_Bar_Walker' ) ) :
+class Glm_Theme_Top_Bar_Walker extends Walker_Nav_Menu {
+ function display_element( $element, &$children_elements, $max_depth, $depth = 0, $args, &$output ) {
+ static $mainLevelCounter;
+ if ($depth == 0) {
+ ++$mainLevelCounter;
+ }
+ $element->has_children = ! empty( $children_elements[ $element->ID ] );
+ $element->classes[] = ( $element->current || $element->current_item_ancestor ) ? 'active' : '';
+ $element->classes[] = ( $element->has_children && 1 !== $max_depth ) ? 'has-dropdown' : '';
+ $element->classes[] = ( $element->post_parent == 0 && $mainLevelCounter < 6 ) ? '' : 'drop-left';
+ parent::display_element( $element, $children_elements, $max_depth, $depth, $args, $output );
+ }
+
+ function start_el( &$output, $object, $depth = 0, $args = array(), $current_object_id = 0 ) {
+ $item_html = '';
+ parent::start_el( $item_html, $object, $depth, $args );
+
+ // Insert style to display page's thumbnail
+ $item_style = '';
+ if ($depth == 0 && has_post_thumbnail((int)$object->object_id)) {
+ $thumbnail = wp_get_attachment_image_src(get_post_thumbnail_id((int)$object->object_id), 'large');
+ $item_style .= "<style>#menu-item-".$object->ID." > .dropdown:before { background-image: url('".$thumbnail[0]."');</style>";
+ }
+ //$output .= ( 0 == $depth ) ? '<li class="divider"></li>' : '';
+ $classes = empty( $object->classes ) ? array() : (array) $object->classes;
+ if ( in_array( 'label', $classes ) ) {
+ //$output .= '<li class="divider"></li>';
+ $item_html = preg_replace( '/<a[^>]*>(.*)<\/a>/iU', '<label>$1</label>', $item_html );
+ }
+ if ( in_array( 'divider', $classes ) ) {
+ $item_html = preg_replace( '/<a[^>]*>( .* )<\/a>/iU', '', $item_html );
+ }
+ if ($item_style)
+ $output .= $item_style;
+ $output .= $item_html;
+ }
+
+ function start_lvl( &$output, $depth = 0, $args = array() ) {
+ $output .= "\n<ul class=\"sub-menu dropdown\">\n";
+ }
+}
+endif;
+if ( ! class_exists( 'Glm_Theme_Off_Canvas_Walker' ) ) :
+class Glm_Theme_Off_Canvas_Walker extends Walker_Nav_Menu {
+ function display_element( $element, &$children_elements, $max_depth, $depth = 0, $args, &$output ) {
+ $element->has_children = ! empty( $children_elements[ $element->ID ] );
+ $element->classes[] = ( $element->current || $element->current_item_ancestor ) ? 'active' : '';
+ $element->classes[] = ( $element->has_children && 1 !== $max_depth ) ? 'page_item_has_children' : '';
+ $element->classes[] = 'page_item';
+
+ parent::display_element( $element, $children_elements, $max_depth, $depth, $args, $output );
+ }
+
+ function start_el( &$output, $object, $depth = 0, $args = array(), $current_object_id = 0 ) {
+ $item_html = '';
+ parent::start_el( $item_html, $object, $depth, $args );
+
+ $classes = empty( $object->classes ) ? array() : (array) $object->classes;
+
+ if ( in_array( 'label', $classes ) ) {
+ $item_html = preg_replace( '/<a[^>]*>(.*)<\/a>/iU', '<label>$1</label>', $item_html );
+ }
+
+ $output .= $item_html;
+ }
+
+ function start_lvl( &$output, $depth = 0, $args = array() ) {
+ $output .= "\n<ul class=\"children\">\n";
+ }
+
+ function end_lvl(&$output, $depth = 0, $args = array()){
+ $output .= '</ul>';
+ }
+}
+endif;
+?>
--- /dev/null
+<?php
+
+register_nav_menus(array(
+ 'top-bar' => 'Site Navigation'
+));
+
+/**
+ * Top Bar
+ */
+if ( ! function_exists( 'glm_theme_top_bar' ) ) {
+ function glm_theme_top_bar() {
+ wp_nav_menu(array(
+ 'container' => false, // remove nav container
+ 'container_class' => '', // class of container
+ 'menu' => '', // menu name
+ 'menu_class' => '', // adding custom nav class
+ 'theme_location' => 'top-bar', // where it's located in the theme
+ 'before' => '', // before each link <a>
+ 'after' => '', // after each link </a>
+ 'link_before' => '', // before each link text
+ 'link_after' => '', // after each link text
+ 'depth' => 3, // limit the depth of the nav
+ 'fallback_cb' => false, // fallback function (see below)
+ 'walker' => new Glm_Theme_Top_Bar_Walker()
+ ));
+ }
+}
+
+/**
+ * Mobile off-canvas
+ */
+if ( ! function_exists( 'glm_theme_mobile_off_canvas' ) ) {
+ function glm_theme_mobile_off_canvas() {
+ echo '<div class="left-off-canvas-list">';
+ echo '<ul><li class="page_item"><a href="' . get_bloginfo('url') . '">Home</a></li>';
+ echo glm_get_mobile_nav_menu( 'top-bar' );
+ echo '</ul></div>';
+ }
+}
+
+function glm_get_mobile_nav_menu( $theme_location )
+{
+ $menu = wp_nav_menu(array(
+ 'echo' => false, // don't echo
+ 'container' => false, // remove nav container
+ 'container_class' => '', // class of container
+ 'menu' => '', // menu name
+ 'menu_class' => 'off-canvas-list', // adding custom nav class
+ 'theme_location' => $theme_location, // where it's located in the theme
+ 'before' => '', // before each link <a>
+ 'after' => '', // after each link </a>
+ 'link_before' => '', // before each link text
+ 'link_after' => '', // after each link text
+ 'depth' => 5, // limit the depth of the nav
+ 'fallback_cb' => false, // fallback function (see below)
+ 'walker' => new Glm_Theme_Off_Canvas_Walker()
+ ));
+ return preg_replace( array( '%^<ul[^>]*>%', '%</ul>$%' ), '', $menu );
+}
+
+/**
+ * Footer
+ */
+if ( ! function_exists( 'glm_theme_footer' ) ) {
+ function glm_theme_footer() {
+ wp_nav_menu(array(
+ 'container' => false, // remove nav container
+ 'container_class' => '', // class of container
+ 'menu' => '', // menu name
+ 'menu_class' => '', // adding custom nav class
+ 'theme_location' => 'footer', // where it's located in the theme
+ 'before' => '', // before each link <a>
+ 'after' => '', // after each link </a>
+ 'link_before' => '', // before each link text
+ 'link_after' => '', // after each link text
+ 'depth' => 1, // limit the depth of the nav
+ 'fallback_cb' => false, // fallback function (see below)
+ ));
+ }
+}
+
+/**
+ * glm_page_menu
+ *
+ * Grab the top level pages and their sub pages as the main navigation
+ */
+function glm_page_menu($parent = 0, $class = '')
+{
+ $menuConfig = glm_get_menu_options();
+ $frontPageId = get_option('page_on_front');
+ $parents = array();
+ $args = array(
+ 'post_type' => 'page',
+ 'parent' => $parent,
+ 'number' => '',
+ 'exclude' => $frontPageId,
+ 'post_status' => 'publish',
+ 'sort_order' => 'asc',
+ 'sort_column' => 'menu_order'
+ );
+ if ($parent == 0 && $menuConfig['menu_options']['main_level_pages']) {
+ $args['include'] = $menuConfig['menu_options']['main_level_pages'];
+ }
+ $pages = get_pages($args);
+ echo '<ul'.(($class)?' class="'.$class.'"':'').'><!-- begin -->'."\n";
+ foreach ($pages as $page) {
+ $childs = get_pages('child_of=' . $page->ID);
+ if (count($childs) > 0) {
+ echo '<li class="has-dropdown">'."\n";
+ echo '<a href="'.get_permalink($page->ID).'">'.$page->post_title.'</a>'."\n";
+ echo glm_page_menu($page->ID, 'sub-menu dropdown');
+ echo '</li>'."\n";
+ } else {
+ echo '<li><a href="'.get_permalink($page->ID).'">'.$page->post_title.'</a></li>'."\n";
+ }
+ }
+ echo '</ul><!-- end -->'."\n";
+}
+
+/**
+ * glm_offcanvas_menu
+ *
+ * Generate the list of pages as nested ul li list
+ */
+function glm_offcanvas_menu()
+{
+ wp_page_menu(array(
+ 'depth' => 0,
+ 'sort_column' => 'menu_order',
+ 'menu_class' => 'left-off-canvas-list'
+ ));
+}
+
+/**
+ * get_menu_options
+ *
+ * Grab the menu options from the theme.ini file
+ */
+function glm_get_menu_options()
+{
+ static $menu_options;
+ $themeConfig = get_template_directory() . '/theme.ini';
+
+ if (!$menu_options && is_file($themeConfig)) {
+ $menu_options = parse_ini_file($themeConfig, true);
+ }
+ return $menu_options;
+}
+
+function glm_side_menu() {
+ global $post;
+ $parents = get_post_ancestors($post->ID);
+ $id = ($parents) ? $parents[count($parents)-1]: $post->ID;
+ $parent = get_page( $id );
+ if ($id == 0) {
+ $ID = $post->ID;
+ } else {
+ $ID = $parent->ID;
+ }
+ echo '<h1>'.get_the_title($ID).'</h1>';
+ echo '<ul class="sidebar"><!-- begin -->'."\n";
+ echo wp_list_pages( 'child_of='.$ID.'&title_li=&depth=1&echo=0');
+ echo '</ul><!-- end -->'."\n";
+}
+
--- /dev/null
+<?php
+/**
+Template Page for the album overview
+
+Follow variables are useable :
+
+ $album : Contain information about the first album
+ $albums : Contain information about all albums
+ $galleries : Contain all galleries inside this album
+ $pagination : Contain the pagination content
+
+ You can check the content when you insert the tag <?php var_dump($variable) ?>
+ If you would like to show the timestamp of the image ,you can use <?php echo $exif['created_timestamp'] ?>
+**/
+?>
+<?php if (!defined ('ABSPATH')) die ('No direct access allowed'); ?><?php if (!empty ($galleries)) : ?>
+
+<div class="ngg-albumoverview">
+
+ <!-- List of galleries -->
+ <?php foreach ($galleries as $gallery) : ?>
+
+ <div class="ngg-glmalbums ngg-album-compact small-6 medium-4 large-3">
+ <div class="ngg-album-compactbox">
+ <div class="ngg-album-link">
+ <a class="Link" href="<?php echo nextgen_esc_url($gallery->pagelink) ?>">
+ <img class="Thumb" alt="<?php echo esc_attr($gallery->title) ?>" src="<?php echo nextgen_esc_url($gallery->previewurl) ?>"/>
+ </a>
+ </div>
+ </div>
+ <?php if (!empty($image_gen_params)) {
+ $max_width = 'style="max-width: ' . ($image_gen_params['width'] + 20) . 'px"';
+ } else {
+ $max_width = '';
+ } ?>
+ <section class="album-meta-wrapper">
+ <h4>
+ <a class="ngg-album-desc"
+ title="<?php echo esc_attr($gallery->title); ?>"
+ href="<?php echo nextgen_esc_url($gallery->pagelink); ?>"
+ <?php echo $max_width; ?>>
+ <?php echo_safe_html($gallery->title); ?>
+ </a>
+ </h4>
+ <p class="ngg-album-gallery-image-counter">
+ <?php if ($gallery->counter > 0) { ?>
+ <strong><?php echo $gallery->counter; ?></strong> <?php _e('Photos', 'nggallery'); ?>
+ <?php } else { ?>
+
+ <?php } ?>
+ </p>
+ </section>
+ </div>
+ <?php endforeach; ?>
+ <!-- Pagination -->
+ <br class="ngg-clear"/>
+ <?php echo $pagination ?>
+</div>
+
+<?php endif; ?>
--- /dev/null
+<?php
+/**
+Template Page for the gallery overview
+
+Follow variables are useable :
+
+ $gallery : Contain all about the gallery
+ $images : Contain all images, path, title
+ $pagination : Contain the pagination content
+
+ You can check the content when you insert the tag <?php var_dump($variable) ?>
+ If you would like to show the timestamp of the image ,you can use <?php echo $exif['created_timestamp'] ?>
+**/
+?>
+<?php if (!defined ('ABSPATH')) die ('No direct access allowed'); ?><?php if (!empty ($gallery)) : ?>
+
+ <!-- Thumbnails -->
+ <?php $i = 0; ?>
+ <ul class="gallery row small-block-grid-3 medium-block-grid-6 large-block-grid-8">
+ <?php foreach ( $images as $image ) : ?>
+ <li>
+ <div id="ngg-image-<?php echo $image->pid ?>" class="ngg-gallery-thumbnail-box imgBorderMe" <?php echo $image->style ?> >
+
+ <div class="ngg-gallery-thumbnail" >
+ <a href="<?php echo nextgen_esc_url($image->imageURL) ?>"
+ title="<?php echo esc_attr($image->description) ?>"
+ data-src="<?php echo nextgen_esc_url($image->imageURL) ?>"
+ data-thumbnail="<?php echo nextgen_esc_url($image->thumbnailURL); ?>"
+ data-image-id="<?php echo esc_attr($image->pid); ?>"
+ data-title="<?php echo esc_attr($image->alttext); ?>"
+ data-description="<?php echo esc_attr($image->description); ?>"
+ <?php echo $image->thumbcode ?> >
+ <?php if ( !$image->hidden ) { ?>
+
+ <div class="image_overlay">
+ <img title="<?php echo esc_attr($image->alttext) ?>" alt="<?php echo esc_attr($image->alttext) ?>" src="<?php echo nextgen_esc_url($image->thumbnailURL) ?>" <?php echo $image->size ?> />
+ </div>
+ <span class="photoTitle" title="<?php echo esc_attr($image->alttext) ?>"><?php if (!$image->hidden) { echo esc_attr($image->alttext); }?></span>
+ <?php } ?>
+ </a>
+ </div>
+
+ </div>
+ </li>
+ <?php if ( $image->hidden ) continue; ?>
+ <?php if ( $gallery->columns > 0 && ++$i % $gallery->columns == 0 ) { ?>
+ <br style="clear: both" />
+ <?php } ?>
+ <?php endforeach; ?>
+ </ul>
+ <!-- Pagination -->
+ <?php echo $pagination ?>
+</ul>
+
+<?php endif; ?>
--- /dev/null
+<?php
+/**
+Template Page for the gallery overview
+
+Follow variables are useable :
+
+ $gallery : Contain all about the gallery
+ $images : Contain all images, path, title
+ $pagination : Contain the pagination content
+
+ You can check the content when you insert the tag <?php var_dump($variable) ?>
+ If you would like to show the timestamp of the image ,you can use <?php echo $exif['created_timestamp'] ?>
+**/
+?>
+<?php if (!defined ('ABSPATH')) die ('No direct access allowed'); ?><?php if (!empty ($gallery)) : ?>
+
+ <!-- Thumbnails -->
+ <?php $i = 0; ?>
+ <ul class="gallery row small-block-grid-1 medium-block-grid-2 large-block-grid-3">
+ <?php foreach ( $images as $image ) : ?>
+ <li>
+ <div id="ngg-image-<?php echo $image->pid ?>" class="ngg-gallery-thumbnail-box imgBorderMe" <?php echo $image->style ?> >
+
+ <div class="ngg-gallery-thumbnail" >
+ <a href="<?php echo nextgen_esc_url($image->imageURL) ?>"
+ title="<?php echo esc_attr($image->description) ?>"
+ data-src="<?php echo nextgen_esc_url($image->imageURL) ?>"
+ data-thumbnail="<?php echo nextgen_esc_url($image->thumbnailURL); ?>"
+ data-image-id="<?php echo esc_attr($image->pid); ?>"
+ data-title="<?php echo esc_attr($image->alttext); ?>"
+ data-description="<?php echo esc_attr($image->description); ?>"
+ <?php echo $image->thumbcode ?> >
+ <?php if ( !$image->hidden ) { ?>
+
+ <div class="image_overlay">
+ <img title="<?php echo esc_attr($image->alttext) ?>" alt="<?php echo esc_attr($image->alttext) ?>" src="<?php echo nextgen_esc_url($image->thumbnailURL) ?>" <?php echo $image->size ?> />
+ </div>
+ <span class="photoTitle" title="<?php echo esc_attr($image->alttext) ?>"><?php if (!$image->hidden) { echo esc_attr($image->alttext); }?></span>
+ <?php } ?>
+ </a>
+ </div>
+
+ </div>
+ </li>
+ <?php if ( $image->hidden ) continue; ?>
+ <?php if ( $gallery->columns > 0 && ++$i % $gallery->columns == 0 ) { ?>
+ <br style="clear: both" />
+ <?php } ?>
+ <?php endforeach; ?>
+ </ul>
+ <!-- Pagination -->
+ <?php echo $pagination ?>
+</ul>
+
+<?php endif; ?>
--- /dev/null
+<?php
+/**
+Template Page for the gallery overview
+
+Follow variables are useable :
+
+ $gallery : Contain all about the gallery
+ $images : Contain all images, path, title
+ $pagination : Contain the pagination content
+
+ You can check the content when you insert the tag <?php var_dump($variable) ?>
+ If you would like to show the timestamp of the image ,you can use <?php echo $exif['created_timestamp'] ?>
+**/
+?>
+<?php if (!defined ('ABSPATH')) die ('No direct access allowed'); ?><?php if (!empty ($gallery)) : ?>
+
+<div class="ngg-galleryoverview" id="<?php echo $gallery->anchor ?>">
+ <!-- Thumbnails -->
+ <?php $i = 0; ?>
+ <ul class="gallery row small-block-grid-2 medium-block-grid-3 large-block-grid-4">
+ <?php foreach ( $images as $image ) : ?>
+ <li>
+ <div id="ngg-image-<?php echo $image->pid ?>" class="ngg-gallery-thumbnail-box imgBorderMe" <?php echo $image->style ?> >
+
+ <div class="ngg-gallery-thumbnail" >
+ <a href="<?php echo nextgen_esc_url($image->imageURL) ?>"
+ title="<?php echo esc_attr($image->description) ?>"
+ data-src="<?php echo nextgen_esc_url($image->imageURL) ?>"
+ data-thumbnail="<?php echo nextgen_esc_url($image->thumbnailURL); ?>"
+ data-image-id="<?php echo esc_attr($image->pid); ?>"
+ data-title="<?php echo esc_attr($image->alttext); ?>"
+ data-description="<?php echo esc_attr($image->description); ?>"
+ <?php echo $image->thumbcode ?> >
+ <?php if ( !$image->hidden ) { ?>
+
+ <div class="image_overlay">
+ <img
+ title="<?php echo esc_attr($image->alttext) ?>"
+ alt="<?php echo esc_attr($image->alttext) ?>"
+ src="<?php echo nextgen_esc_url($image->thumbnailURL) ?>"
+ <?php echo $image->size ?> />
+ </div>
+ <?php
+ $imageTitle = !preg_match(';is\d{2,}-\d{10,}-\d{5,}$;', $image->alttext) ? $image->alttext: '';
+ ?>
+ <span class="photoTitle" title="<?php echo esc_attr($imageTitle) ?>">
+ <?php if (!$image->hidden) { echo esc_attr($imageTitle); }?>
+ </span>
+ <?php } ?>
+ </a>
+ </div>
+
+ </div>
+ </li>
+ <?php if ( $image->hidden ) continue; ?>
+ <?php if ( $gallery->columns > 0 && ++$i % $gallery->columns == 0 ) { ?>
+ <br style="clear: both" />
+ <?php } ?>
+ <?php endforeach; ?>
+ </ul>
+ <!-- Pagination -->
+ <?php echo $pagination ?>
+</ul>
+</div>
+
+<?php endif; ?>
--- /dev/null
+<?php
+/**
+Template Page for the gallery overview
+
+Follow variables are useable :
+
+ $gallery : Contain all about the gallery
+ $images : Contain all images, path, title
+ $pagination : Contain the pagination content
+
+ You can check the content when you insert the tag <?php var_dump($variable) ?>
+ If you would like to show the timestamp of the image ,you can use <?php echo $exif['created_timestamp'] ?>
+**/
+?>
+<?php if (!defined ('ABSPATH')) die ('No direct access allowed'); ?><?php if (!empty ($gallery)) : ?>
+
+<ul id='gallery' class='gallery row small-block-grid-2 medium-block-grid-3 large-block-grid-4'>
+<?php if ($gallery->show_slideshow) { ?>
+ <!-- Slideshow link -->
+ <div class="slideshowlink">
+ <a class="slideshowlink" href="<?php echo nextgen_esc_url($gallery->slideshow_link) ?>">
+ <?php echo $gallery->slideshow_link_text ?>
+ </a>
+ </div>
+<?php } ?>
+ <!-- Thumbnails -->
+ <?php $i = 0; ?>
+ <?php foreach ( $images as $image ) : ?>
+ <li>
+ <div id="ngg-image-<?php echo $image->pid ?>" class="ngg-gallery-thumbnail-box imgBorderMe" <?php echo $image->style ?> >
+
+ <div class="ngg-gallery-thumbnail" >
+ <a href="<?php echo nggcf_get_field($image->pid, "video_url"); ?>"
+ title="<?php echo esc_attr($image->description); ?>"
+ data-src="<?php echo nextgen_esc_url($image->imageURL); ?>"
+ data-thumbnail="<?php echo nextgen_esc_url($image->thumbnailURL); ?>"
+ data-image-id="<?php echo esc_attr($image->pid); ?>"
+ data-title="<?php echo esc_attr($image->alttext); ?>"
+ data-description="<?php echo esc_attr($image->description); ?>"
+ data-url="<?php echo nggcf_get_field($image->pid, "video_url"); ?>"
+ <?php echo $image->thumbcode ?> >
+ <?php if ( !$image->hidden ) { ?>
+
+ <div class="image_overlay">
+ <img title="<?php echo esc_attr($image->alttext) ?>" alt="<?php echo esc_attr($image->alttext) ?>" src="<?php echo nextgen_esc_url($image->thumbnailURL) ?>" <?php echo $image->size ?> />
+ </div>
+ <span class="photoTitle"><?php if (!$image->hidden) { echo esc_attr($image->alttext); }?></span>
+
+ <?php } ?>
+ </a>
+ </div>
+
+ </div>
+ </li>
+ <?php if ( $image->hidden ) continue; ?>
+ <?php if ( $gallery->columns > 0 && ++$i % $gallery->columns == 0 ) { ?>
+ <br style="clear: both" />
+ <?php } ?>
+ <?php endforeach; ?>
+
+ <!-- Pagination -->
+ <?php echo $pagination ?>
+</ul>
+<script>
+ jQuery(document).ready(function(){
+ jQuery(".ngg-fancybox").each(function (){
+ jQuery(this).addClass("various iframe");
+ jQuery(this).attr("href",jQuery(this).children("img").attr("title"));
+ });
+ });
+</script>
+<?php endif; ?>
--- /dev/null
+{
+ "name": "resortTownship",
+ "description": "Gaslight Media",
+ "version": "0.0.1",
+ "devDependencies": {
+ "node-sass": "~2.0.1",
+ "grunt": "~0.4.5",
+ "grunt-contrib-watch": "~0.6.1",
+ "grunt-sass": "~0.18.0",
+ "grunt-contrib-uglify": "~0.7.0",
+ "grunt-contrib-concat": "~0.5.0",
+ "grunt-contrib-copy": "~0.7.0"
+ }
+}
\ No newline at end of file
--- /dev/null
+ <div id="blog-posts-over" class="small-12 medium-9 columns">
+ <?php if(have_posts()) : while(have_posts()): the_post();?>
+ <div class="row content blog-posts-container">
+ <!-- <div class="small-11 small-centered columns"> -->
+ <?php $thumbnail = get_the_post_thumbnail($post->ID, 'blog-feed-front'); ?>
+ <?php if ($thumbnail) { ?>
+ <div class="small-12 medium-4 columns text-center blog-feed-imgs">
+ <?php echo $thumbnail; ?>
+ </div>
+ <div class="small-12 medium-8 columns blog-feed-contents">
+ <?php } else { ?>
+ <div class="small-12 columns blog-feed-content">
+ <?php } ?>
+
+ <?php get_template_part('parts/blog-text'); ?>
+ </div>
+ </div>
+ <?php endwhile; ?>
+ <div class="navigation">
+ <span class="newer"><?php previous_posts_link(__('« Newer','example')) ?></span>
+ <span class="older"><?php next_posts_link(__('Older »','example')) ?></span>
+ </div><!-- /.navigation -->
+ <?php else: ?>
+ <div id="post-404" class="noposts">
+ <p><?php _e('Sorry, no results were found.');?></p>
+ </div><!-- /#post-404 -->
+ <?php endif;?>
+ </div>
\ No newline at end of file
--- /dev/null
+<?php $args = array( 'numberposts' => 4);?>
+<div id="home-feed-posts">
+<?php
+$lastposts = get_posts( $args );
+ $count = 0;
+foreach($lastposts as $post) : setup_postdata($post); ?>
+ <div class="home-feed-post">
+ <div class="row">
+ <?php if (has_post_thumbnail( $post->ID )) { ?>
+ <div class="small-11 small-centered columns text-center home-feed-post-image">
+ <?php echo get_the_post_thumbnail($post->ID, array(190, 190), array('class' => 'blog-excerpt-img-wrap')); ?>
+ </div>
+ <div class="small-12 medium-12 columns home-feed-post-content">
+ <?php } else { ?>
+ <div class="small-12 columns home-feed-post-content">
+ <?php } ?>
+ <span class="meta date"><?php the_time('F j, Y') ?></span>
+ <h2 class="title-posts" href="<?php the_permalink(); ?>"><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2>
+
+ <div class="excerpt<?php echo $count ?>"><?php echo the_advanced_excerpt('length=265&length_type=characters&no_custom=1&ellipsis=%26hellip;&exclude_tags=a,img,p,strong,h1,h2,h3,hr,div'); ?></div>
+ </div>
+ </div>
+ </div>
+ <hr>
+ <?php $count++; ?>
+<?php endforeach; ?>
+</div>
\ No newline at end of file
--- /dev/null
+ <div id="blog-side-info-wrapper" class="small-11 small-only-text-center medium-3 columns">
+ <div id="blog-side-info">
+ <form id="searchform" action="<?php echo esc_url( home_url() ); ?>" method="get">
+ <div><input id="s" class="text" type="text" name="s" value="" />
+ <input class="submit blogbutton" type="submit" name="submit" value="Search" />
+ <input type="hidden" name="searchType" value="blog" /> </div>
+ </form>
+ <p>Recent Posts</p>
+ <ul>
+ <?php
+ $args = array( 'numberposts' => '5','post_status'=>'publish' );
+ $recent_posts = wp_get_recent_posts( $args );
+ foreach( $recent_posts as $recent ){
+ echo '<li><a href="' . get_permalink($recent["ID"]) . '">' . $recent["post_title"].'</a> </li> ';
+ }
+ ?>
+ </ul>
+ <p>Categories</p>
+ <ul>
+ <?php
+ $args = array(
+ 'orderby' => 'name',
+ 'order' => 'ASC'
+ );
+ $categories = get_categories($args);
+ foreach($categories as $category) {
+ echo '<li><a href="' . get_category_link( $category->term_id ) . '" title="' . sprintf( __( "View all posts in %s" ), $category->name ) . '" ' . '>' . $category->name.'</a> </li> '; }
+ ?>
+ </ul>
+ <p>Archive</p>
+ <ul><?php wp_get_archives( array( 'type' => 'monthly', 'limit' => 12 ) ); ?></ul>
+ </div>
+ </div>
\ No newline at end of file
--- /dev/null
+<article id="<?php the_ID()?>" <?php post_class()?>>
+ <header class="entry-header">
+ <h1 class="entry-title"><a href="<?php the_permalink(); ?>"><?php the_title();?></a></h1>
+ <?php if ( has_post_thumbnail() ):?>
+ <?php if (get_post_type( $post ) != "ai1ec_event") { ?>
+ <div class="featured-image-wrap"><?php the_post_thumbnail("large"); ?></div>
+ <?php } ?>
+ <?php endif; ?>
+ <span class="meta date">Posted on <?php the_time('F jS, Y') ?></span>
+ </header>
+ <?php the_content(); ?>
+</article>
\ No newline at end of file
--- /dev/null
+ <article id="<?php the_ID()?>" <?php post_class()?>>
+ <header class="entry-header">
+ <h1 class="entry-title"><a href="<?php the_permalink(); ?>"><?php the_title();?></a></h1>
+ <?php if ( has_post_thumbnail() ):?>
+ <?php if (get_post_type( $post ) != "ai1ec_event") { ?>
+
+ <?php } ?>
+ <?php endif; ?>
+ <span class="meta date">Posted on <?php the_time('F jS, Y') ?></span>
+ </header>
+ <?php the_advanced_excerpt('length=250&length_type=characters&no_custom=1&ellipsis=%26hellip;&exclude_tags=a,img,p,div,h1,h2,h3,h4,h5,h6'); ?>
+ </article>
\ No newline at end of file
--- /dev/null
+<?php if(function_exists('fetch_all_glm_blocks')):?>
+<?php $blocks = fetch_all_glm_blocks();?>
+<div class="blocks">
+ <?php foreach ($blocks as $block):?>
+ <div class="text-center small-12 medium-4 columns large-text-left blocks">
+ <?php if($block->url):?>
+ <a href="<?php echo $block->url;?>"<?php if($block->externalUrl){echo ' target="_blank"';}?>>
+ <?php endif;?>
+ <?php echo get_the_post_thumbnail($block->ID, 'glm-block-image');?>
+ <?php if($block->url):?>
+ </a>
+ <?php endif;?>
+ <?php if($block->url):?>
+ <a class="title-posts" href="<?php echo $block->url;?>"<?php if($block->externalUrl){echo ' target="_blank"';}?>>
+ <?php endif;?>
+ <h1><?php echo $block->post_title;?></h1>
+ <?php if($block->url):?>
+ </a>
+ <?php endif;?>
+ <p><?php echo apply_filters('the_content', $block->post_content) . $block->post_excerpt;?></p>
+ <?php if($block->url):?>
+ <a class="blocks-readmore" href="<?php echo $block->url;?>"></a>
+ <?php endif;?>
+ </div>
+ <?php endforeach;?>
+</div>
+<!--<div class="separator"><hr></div>-->
+<?php endif;?>
--- /dev/null
+<head>
+ <meta charset="utf-8" />
+ <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+ <title><?php wp_title(); ?></title>
+ <link rel="stylesheet" href="<?php echo get_stylesheet_directory_uri() ; ?>/css/app.css">
+ <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,400italic,700' rel='stylesheet' type='text/css'>
+ <?php wp_head(); ?>
+ </head>
\ No newline at end of file
--- /dev/null
+ <div id="main-content" class="small-12 columns">
+ <?php if(have_posts()) : while(have_posts()): the_post();?>
+ <?php the_content();?>
+ <?php endwhile; else:?>
+ <p><?php _e('Sorry, no posts yet');?></p>
+ <?php endif;?>
+ </div>
\ No newline at end of file
--- /dev/null
+<form role="search" method="get" class="searchform" action="<?php echo home_url('/').'site-search/'; ?>">
+ <input class="search-input" type="text" placeholder="Search" value="" name="query">
+ <input class="search-button button" type="submit" value="Search" name="submit">
+</form>
\ No newline at end of file
--- /dev/null
+<?php if (is_front_page()) : ?>
+ <div id="slideshow">
+ <?php if ( is_active_sidebar( 'slideshow' ) ) : ?>
+ <?php dynamic_sidebar( 'slideshow' ); ?>
+ <?php endif; ?>
+ </div>
+<?php endif; ?>
--- /dev/null
+# www.robotstxt.org/
+# www.google.com/support/webmasters/bin/answer.py?hl=en&answer=156449
+
+User-agent: *
--- /dev/null
+
+.home-feed-post {
+ padding-bottom: 25px;
+// @media #{$small-only} {
+// > * {
+// text-align: center;
+// }
+// }
+}
+input[type="submit"].blogbutton {
+ border-radius: 3px;
+ color: $white;
+ border: 2px solid $white;
+ font-weight: bold;
+ font-size: 13px;
+ padding: 2px 5px;
+ margin-top: -10px;
+ text-transform: uppercase;
+ &:hover {
+ cursor: pointer;
+ background: $white;
+ border: 2px solid #035C84;
+ color: white;
+ }
+}
+#blog-posts-over article {
+ padding-top: 10px;
+ margin-bottom: 15px;
+ display: inline-block;
+ width: 100%;
+ .entry-header {
+ background: transparent;
+ }
+ #addthis_wrapper {
+ margin-top: -25px;
+ }
+ p {
+ padding-bottom: 15px;
+ }
+ a.read-more {
+ border: 2px solid $white;
+ font-weight: bold;
+ font-size: 13px;
+ padding: 0 3px;
+ text-transform: uppercase;
+ &:hover {
+ background: $white;
+ border: 2px solid #035C84;
+ color: #035C84;
+ }
+ }
+ .entry-header {
+ margin-bottom: 10px;
+ .entry-title {
+ margin-bottom: 0;
+ }
+ .meta.date {
+ font-size: 13px;
+ font-weight: bold;
+ }
+ }
+}
+/*#searchform div input &[type="text"] {
+ width: 95%;
+}*/
+#blog-posts-over .entry-meta {
+ text-align: center;
+ color: #757575;
+ font-size: 12px;
+}
+#blog-posts-over > div {
+ margin: 25px 0;
+}
+#blog-side-info {
+ #searchform {
+ margin-bottom: 30px;
+ }
+ p {
+ margin-bottom: 0;
+ }
+}
+@media #{$small-only} {
+ #blog-side-info-wrapper {
+ float: none;
+ margin: 0 auto;
+ clear: both;
+ }
+ #blog-side-info {
+ padding-left: 0;
+ border-left: 0;
+ ul {
+ margin-left: 0;
+ margin-top:10px;
+ }
+ #searchform {
+ padding: 35px 0;
+ #s {
+ width: 100%;
+ }
+ }
+ }
+}
+#blog-side-info {
+ padding-right: 10px;
+ ul {
+ list-style-type: none;
+ }
+}
+.blog-archive, .blog-home {
+ .featured-image-wrap{
+ display: none;
+ }
+}
\ No newline at end of file
--- /dev/null
+body {
+ .shadow-wrapper {
+ margin: 0 auto;
+ background: $white;
+ box-shadow: 0 0 15px -6px $black;
+ -ms-box-shadow: 0 0 15px -6px $black;
+ -moz-box-shadow: 0 0 15px -6px $black;
+ -webkit-box-shadow: 0 0 15px -6px $black;
+
+ max-width: 1000px;
+ padding-top: rem-calc(20);
+ }
+}
--- /dev/null
+#copyright {
+ padding: 20px 0;
+ margin: 0 auto;
+ float: none;
+ span {
+ font-size: rem-calc(10);
+ }
+ a {
+ color: $black;
+ }
+}
+#footer_address span.bullet,
+#copyright span.bullet {
+ margin: 0 5px;
+ @media #{$small-only} {
+ display: none !important;
+ }
+}
--- /dev/null
+// This document will contain all the styles that we want to apply to every
+// site. Make sure this is placed before _structures (if that is still the
+// primary css file).
+
+h1,h2,h3,h4,h5,h6 {
+ clear: both;
+}
+
+/* PLUGINS */
+/* Nextgen */
+.gallery li a img { // without this images will overlap each other at certain widths
+ display: block;
+ width: 100%;
+}
+.ngg-gallery-thumbnail, .ngg-gallery-thumbnail-box {
+ float: none !important;
+}
+.ngg-album-compact h4 .ngg-album-desc {
+ height: auto !important;
+ font-family: $font-family-serif;
+ font-weight: 400;
+}
+.ngg-album-compact .album-meta-wrapper h4 a {
+ font-style: normal;
+}
+.album-meta-wrapper {
+ display: block;
+ height: 54px;
+ margin-bottom: 20px;
+}
+.ngg-glmalbums {
+ margin: 10px 0;
+ min-height: 260px;
+ @media #{$small-only} {
+ min-height: 180px;
+ }
+}
+.ngg-album-link {
+ text-align: center;
+}
+/* Ninja Forms */
+.ninja-forms-form-wrap {
+ max-width: 600px;
+ margin: 0 auto;
+ input[type=submit] {
+ @include button();
+ display: block;
+ margin: 0 auto;
+ }
+}
+/* For fixing cellphones not showing phone numbers because of /helpful/ auto-coloring */
+a[href^=tel]{
+ color:inherit;
+ text-decoration:none;
+}
\ No newline at end of file
--- /dev/null
+/* for the mobile menu */
+aside.left-off-canvas-menu {
+// background-color: rgba(0, 0, 0, 0.7);
+// color: white;
+}
+aside.left-off-canvas-menu li.page_item {
+ display: block;
+ overflow: hidden;
+ position: relative;
+ padding: 4px 8px;
+}
+aside.left-off-canvas-menu .off-canvas-list ul li a {
+ line-height: 20px;
+ color: white;
+ border-bottom: 1px solid #b1b3b6;
+ background-repeat: no-repeat;
+ background-position: 3px 50%;
+}
+aside.left-off-canvas-menu li.page_item_has_children a.toggle {
+ position: absolute;
+ right: 10px;
+ top: 5px;
+ width: auto;
+ text-decoration: none;
+ &:before {
+ @include off-canvas-point(right, $white, 17px);
+ }
+ &:hover {
+ background: transparent;
+ }
+}
+aside.left-off-canvas-menu li.page_item_has_children a.toggle.open {
+ @include off-canvas-point(down, $white);
+}
+aside.left-off-canvas-menu ul.children {
+ display: none;
+}
+aside.left-off-canvas-menu .off-canvas-list ul li > ul li > a {
+ padding-left: 10px;
+ margin-left: 25px;
+ line-height: 18px;
+}
+aside.left-off-canvas-menu ul.open {
+ display: block;
+}
+.left-off-canvas-menu {
+ list-style: none;
+ li {
+ a {
+ color: $white;
+ font-size: rem-calc(16);
+ line-height: 1.2;
+ border-color: white;
+ margin-bottom: 5px;
+ }
+ a:hover {
+ color: black;
+ }
+ .dropdown {
+ list-style: none;
+ }
+ }
+ ul {
+ list-style: none;
+
+ padding: 10px 0;
+ li {
+ a {
+ color: $white;
+ }
+ ul {
+ list-style: none;
+ li {
+ a {
+ width: 85%;
+ display: block;
+ white-space: pre-wrap;
+ }
+ }
+ }
+ }
+ }
+}
+.offcavas-social-list {
+ @include inline-list;
+ margin-left: auto;
+}
+/* End Mobile Menu */
--- /dev/null
+.breadcrumbs {
+ margin-top: 10px;
+}
+#content-bulk {
+ #con {
+ margin: 0;
+ }
+ h2 {
+ text-transform: uppercase;
+ font-size: 25px;
+ }
+ footer {
+ margin: 35px 0;
+ #address {
+ margin-top: 25px;
+ p {
+ font-size: 12px;
+ margin-top: 5px;
+ }
+ img {
+ margin: 0;
+ padding-right: 5px;
+ }
+ a {
+ font-size: 12px;
+ }
+ }
+ img {
+ box-shadow: none;
+ }
+ }
+}
+.st_sharethis {
+ float: right;
+ width: 58px;
+}
+body .stButton .sharethis {
+ background-image: url("../assets/share-icon.png") !important;
+ width: 52px;
+ height: 22px;
+}
\ No newline at end of file
--- /dev/null
+ @import "mixins/gradient";
+ @import "mixins/off-canvas-arrow";
\ No newline at end of file
--- /dev/null
+footer.main {
+ position: absolute;
+ bottom: 0;
+ left: 0;
+ right: 0;
+ @media only screen and (max-width: 1024px) {
+ position: relative;
+ bottom: 0;
+ }
+}
+#footer_address {
+ span{
+ white-space: nowrap;
+ }
+}
+#connect {
+ padding-top: 20px;
+ background: #4c4d4f;
+ ul{
+ margin: 0;
+ list-style: none;
+ li {
+ background: none;
+ padding: 0 5px;
+ display: inline-block;
+ & > a {
+ display: block;
+ font-family: Open Sans, sans-serif;
+ font-size: 12px;
+ color: #fff;
+ padding: 20px 18px;
+ line-height: 1.2;
+ }
+ a {
+ &#current {
+ background: $l-blue;
+ }
+ }
+ }
+ }
+}
--- /dev/null
+header {
+ height: auto;
+ & #logo {
+ img {
+ margin-bottom: 15px;
+ }
+ }
+ & .search {
+ input {
+ height: 20px;
+ width: 167px;
+ padding: 0 8px;
+ margin: 13px 0px 0px 18px;
+ border-radius: 3px;
+ font-size: 10px;
+ color: $black;
+ display: inline-block;
+ }
+ a {
+ &.magnifying-glass {
+ font-size: 10em; /* This controls the size. */
+ display: inline-block;
+ width: rem-calc(10);
+ height: rem-calc(10);
+ border: rem-calc(2) solid $d-blue;
+ position: relative;
+ border-radius: 0.35em;
+ margin: 0 0 0 -25px;
+ &:before {
+ content: "";
+ display: inline-block;
+ position: absolute;
+ right: rem-calc(-7);
+ bottom: rem-calc(-4);
+ border-width: 0;
+ background: $d-blue;
+ width: rem-calc(8);
+ height: rem-calc(2);
+ -webkit-transform: rotate(45deg);
+ -moz-transform: rotate(45deg);
+ -ms-transform: rotate(45deg);
+ transform: rotate(45deg);
+ }
+ }
+ }
+ }
+ #sec-nav {
+ position: relative;
+ text-align: left;
+ padding: 10px 0;
+ margin: 0 0 15px 45px;
+ ul {
+ margin: 0;
+ li {
+ display: inline;
+ a {
+ font-size: 12px;
+ color: $d-blue;
+ padding: 0 5px;
+ font-weight: bold;
+ }
+ }
+ }
+ & > ul > li {
+ position: relative;
+ &:before {
+ color: $aluminum;
+ content: "|";
+ position: absolute;
+ top: 2px;
+ left: -15px;
+ font-size: 14px;
+ font-weight: bold;
+ display:block;
+ padding: 0 10px;
+ }
+ &:first-child:before {
+ content: none;
+ }
+ }
+ }
+ img {
+ margin-left: 5px;
+ }
+ .social {
+ margin-top: -25px;
+ padding-right: 0;
+ a {
+ float: right;
+ margin: 0 5px;
+ img {
+ margin: 0;
+ }
+ }
+ }
+}
--- /dev/null
+ @import "plugins/nextgen";
+ @import "plugins/gravityForms";
+ @import "plugins/events";
+ @import "plugins/fullCalendar";
\ No newline at end of file
--- /dev/null
+/* for the mobile menu */
+aside.right-off-canvas-menu {
+ background-color: $primary-color;
+ color: white;
+}
+aside.right-off-canvas-menu li.page_item {
+ display: block;
+ overflow: hidden;
+ position: relative;
+ padding: 4px 8px;
+}
+aside.right-off-canvas-menu .off-canvas-list ul li a {
+ line-height: 20px;
+ color: white;
+ border-bottom: 1px solid #b1b3b6;
+ background-repeat: no-repeat;
+ background-position: 3px 50%;
+}
+aside.right-off-canvas-menu li.page_item_has_children a.toggle {
+ position: absolute;
+ right: 10px;
+ top: 5px;
+ text-decoration: none;
+ &:before {
+ @include off-canvas-point(right, $white, 17px);
+ }
+ &:hover {
+ background: transparent;
+ }
+}
+aside.right-off-canvas-menu li.page_item_has_children a.toggle.open {
+ @include off-canvas-point(down, $white);
+}
+aside.right-off-canvas-menu ul.children {
+ display: none;
+}
+aside.right--menu .off-canvas-list ul li > ul li > a {
+ padding-left: 10px;
+ margin-left: 25px;
+ line-height: 18px;
+}
+aside.right-off-canvas-menu ul.open {
+ display: block;
+}
+.right-off-canvas-menu {
+ list-style: none;
+ li {
+ a {
+ color: $white;
+ font-size: rem-calc(16);
+ line-height: 1.2;
+ border-color: white;
+ margin-bottom: 5px;
+ }
+ a:hover {
+ color: black;
+ }
+ .dropdown {
+ list-style: none;
+ }
+ }
+ ul {
+ list-style: none;
+
+ padding: 10px 0;
+ li {
+ a {
+ color: $white;
+ }
+ ul {
+ list-style: none;
+ li {
+ a {
+ width: 85%;
+ display: block;
+ white-space: pre-wrap;
+ }
+ }
+ }
+ }
+ }
+}
+.offcavas-social-list {
+ @include inline-list;
+ margin-right: auto;
+}
+/* End Mobile Menu */
--- /dev/null
+.search-top {
+ #searchform {
+ text-align: left;
+ display: inline-block;
+ position: relative;
+ #search-button {
+ width: 22px;
+ right: 0px;
+ position: absolute;
+ padding: 0;
+ border: 1px solid lightgray;
+ }
+ }
+ input {
+ height: 20px;
+ width: 167px;
+ padding: 0 8px;
+ margin: 13px 0px 0px 18px;
+ border-radius: 3px;
+ font-size: 10px;
+ color: $black;
+ display: inline-block;
+ }
+ a {
+ &.magnifying-glass {
+ font-size: 10em; /* This controls the size. */
+ width: rem-calc(12);
+ height: rem-calc(12);
+ border: rem-calc(2) solid darkblue;
+ position: absolute;
+ top: 15px;
+ border-radius: 0.35em;
+ margin: 0 0 0 -20px;
+ &:before {
+ content: "";
+ display: inline-block;
+ position: absolute;
+ right: rem-calc(-7);
+ bottom: rem-calc(-4);
+ border-width: 0;
+ background: darkblue;
+ width: rem-calc(8);
+ height: rem-calc(2);
+ -webkit-transform: rotate(45deg);
+ -moz-transform: rotate(45deg);
+ -ms-transform: rotate(45deg);
+ transform: rotate(45deg);
+ }
+ }
+ }
+}
+.search-results{
+ #blog-posts-over{
+ .search-result-container{
+ header.entry-header{
+ margin-bottom: 0px;
+ }
+ .search_result_context{
+ margin: 0;
+ padding: 0;
+ line-height: 1.3;
+ }
+ article{
+ p{
+ margin: 0;
+ padding: 0;
+ }
+ }
+ }
+ }
+}
\ No newline at end of file
--- /dev/null
+// Foundation by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
+//
+
+// Table of Contents
+// Foundation Settings
+//
+// a. Base
+// b. Grid
+// c. Global
+// d. Media Query Ranges
+// e. Typography
+// 01. Accordion
+// 02. Alert Boxes
+// 03. Block Grid
+// 04. Breadcrumbs
+// 05. Buttons
+// 06. Button Groups
+// 07. Clearing
+// 08. Dropdown
+// 09. Dropdown Buttons
+// 10. Flex Video
+// 11. Forms
+// 12. Icon Bar
+// 13. Inline Lists
+// 14. Joyride
+// 15. Keystrokes
+// 16. Labels
+// 17. Magellan
+// 18. Off-canvas
+// 19. Orbit
+// 20. Pagination
+// 21. Panels
+// 22. Pricing Tables
+// 23. Progress Bar
+// 24. Range Slider
+// 25. Reveal
+// 26. Side Nav
+// 27. Split Buttons
+// 28. Sub Nav
+// 29. Switch
+// 30. Tables
+// 31. Tabs
+// 32. Thumbnails
+// 33. Tooltips
+// 34. Top Bar
+// 36. Visibility Classes
+
+// a. Base
+// - - - - - - - - - - - - - - - - - - - - - - - - -
+
+// This is the default html and body font-size for the base rem value.
+$rem-base: 16px;
+
+// Allows the use of rem-calc() or lower-bound() in your settings
+@import "foundation/functions";
+
+// The default font-size is set to 100% of the browser style sheet (usually 16px)
+// for compatibility with browser-based text zoom or user-set defaults.
+
+// Since the typical default browser font-size is 16px, that makes the calculation for grid size.
+// If you want your base font-size to be different and not have it affect the grid breakpoints,
+// set $rem-base to $base-font-size and make sure $base-font-size is a px value.
+$base-font-size: 100%;
+
+// The $base-font-size is 100% while $base-line-height is 150%
+$base-line-height: 150%;
+
+// We use this to control whether or not CSS classes come through in the gem files.
+$include-html-classes: true;
+// $include-print-styles: true;
+$include-html-global-classes: $include-html-classes;
+
+// b. Grid
+// - - - - - - - - - - - - - - - - - - - - - - - - -
+
+// $include-html-grid-classes: $include-html-classes;
+// $include-xl-html-grid-classes: false;
+
+$row-width: rem-calc(1000);
+$total-columns: 12;
+$column-gutter: rem-calc(30);
+
+//$last-child-float: $opposite-direction;
+
+// c. Global
+// - - - - - - - - - - - - - - - - - - - - - - - - -
+
+// We use these to define default font stacks
+$font-family-sans-serif: "Open Sans", sans-serif;
+$font-family-serif: Georgia, Cambria, "Times New Roman", Times, serif;
+$font-family-monospace: Consolas, "Liberation Mono", Courier, monospace;
+
+// We use these to define default font weights
+$font-weight-normal: normal;
+$font-weight-bold: bold;
+
+$white : #FFFFFF;
+$ghost : #FAFAFA;
+$snow : #F9F9F9;
+$vapor : #F6F6F6;
+$white-smoke : #F5F5F5;
+$silver : #EFEFEF;
+$smoke : #EEEEEE;
+$gainsboro : #DDDDDD;
+$iron : #CCCCCC;
+$base : #AAAAAA;
+$aluminum : #999999;
+$jumbo : #888888;
+$monsoon : #777777;
+$steel : #666666;
+$charcoal : #555555;
+$tuatara : #444444;
+$oil : #333333;
+$jet : #222222;
+$black : #000000;
+$green : #008752;
+$red : #d2222a;
+$d-blue : #131c5f;
+$l-blue : #0093d1;
+
+// We use these as default colors throughout
+$primary-color: #008CBA;
+$secondary-color: #e7e7e7;
+$alert-color: #f04124;
+$success-color: #43AC6A;
+$warning-color: #f08a24;
+$info-color: #a0d3e8;
+
+// We use these to control various global styles
+// $body-bg: $white;
+$body-font-color: $black;
+$body-font-family: $font-family-sans-serif;
+$body-font-weight: $font-weight-normal;
+$body-font-style: normal;
+
+// We use this to control font-smoothing
+// $font-smoothing: antialiased;
+
+// We use these to control text direction settings
+// $text-direction: ltr;
+// $opposite-direction: right;
+// $default-float: left;
+// $last-child-float: $opposite-direction;
+
+// We use these to make sure border radius matches unless we want it different.
+// $global-radius: 3px;
+// $global-rounded: 1000px;
+
+// We use these to control inset shadow shiny edges and depressions.
+// $shiny-edge-size: 0 1px 0;
+// $shiny-edge-color: rgba($white, .5);
+// $shiny-edge-active-color: rgba($black, .2);
+
+// d. Media Query Ranges
+// - - - - - - - - - - - - - - - - - - - - - - - - -
+
+$small-range: (0em, 40em);
+$medium-range: (40.063em, 64em);
+$large-range: (64.063em, 90em);
+$xlarge-range: (90.063em, 120em);
+$xxlarge-range: (120.063em, 99999999em);
+
+$screen: "only screen";
+
+$landscape: "#{$screen} and (orientation: landscape)";
+$portrait: "#{$screen} and (orientation: portrait)";
+
+$small-up: $screen;
+$small-only: "#{$screen} and (max-width: #{upper-bound($small-range)})";
+
+$medium-up: "#{$screen} and (min-width:#{lower-bound($medium-range)})";
+$medium-only: "#{$screen} and (min-width:#{lower-bound($medium-range)}) and (max-width:#{upper-bound($medium-range)})";
+
+$medium-down: "#{$screen} and (min-width:#{lower-bound($small-range)}) and (max-width:#{upper-bound($medium-range)})";
+
+$large-up: "#{$screen} and (min-width:#{lower-bound($large-range)})";
+$large-only: "#{$screen} and (min-width:#{lower-bound($large-range)}) and (max-width:#{upper-bound($large-range)})";
+
+$large-down: "#{$screen} and (min-width:#{lower-bound($small-range)}) and (max-width:#{upper-bound($large-range)})";
+
+$xlarge-up: "#{$screen} and (min-width:#{lower-bound($xlarge-range)})";
+$xlarge-only: "#{$screen} and (min-width:#{lower-bound($xlarge-range)}) and (max-width:#{upper-bound($xlarge-range)})";
+
+$xxlarge-up: "#{$screen} and (min-width:#{lower-bound($xxlarge-range)})";
+$xxlarge-only: "#{$screen} and (min-width:#{lower-bound($xxlarge-range)}) and (max-width:#{upper-bound($xxlarge-range)})";
+
+// Legacy
+$small: $medium-up;
+$medium: $medium-up;
+$large: $large-up;
+
+// We use this as cursors values for enabling the option of having custom cursors in the whole site's stylesheet
+$cursor-crosshair-value: crosshair;
+$cursor-default-value: default;
+$cursor-disabled-value: not-allowed;
+$cursor-pointer-value: pointer;
+$cursor-help-value: help;
+$cursor-text-value: text;
+
+// e. Typography
+// - - - - - - - - - - - - - - - - - - - - - - - - -
+
+// $include-html-type-classes: $include-html-classes;
+
+// We use these to control header font styles
+$header-font-family: $body-font-family;
+$header-font-weight: $font-weight-normal;
+$header-font-style: normal;
+$header-font-color: $jet;
+$header-line-height: 1.4;
+$header-top-margin: .2rem;
+$header-bottom-margin: .5rem;
+$header-text-rendering: optimizeLegibility;
+
+// We use these to control header font sizes
+$h1-font-size: rem-calc(28);
+$h2-font-size: rem-calc(18);
+$h3-font-size: rem-calc(17);
+$h4-font-size: rem-calc(16);
+$h5-font-size: rem-calc(16);
+// $h6-font-size: 1rem;
+
+// We use these to control header size reduction on small screens
+$h1-font-reduction: rem-calc(5);
+$h2-font-reduction: rem-calc(0);
+$h3-font-reduction: rem-calc(0);
+$h4-font-reduction: rem-calc(0);
+$h5-font-reduction: 0;
+$h6-font-reduction: 0;
+
+// These control how subheaders are styled.
+$subheader-line-height: 1.4;
+$subheader-font-color: scale-color($header-font-color, $lightness: 35%);
+$subheader-font-weight: $font-weight-normal;
+$subheader-top-margin: .2rem;
+$subheader-bottom-margin: .5rem;
+
+// A general <small> styling
+$small-font-size: 60%;
+$small-font-color: scale-color($header-font-color, $lightness: 35%);
+
+// We use these to style paragraphs
+// $paragraph-font-family: inherit;
+// $paragraph-font-weight: $font-weight-normal;
+ $paragraph-font-size: rem-calc(14);
+// $paragraph-line-height: 1.6;
+// $paragraph-margin-bottom: rem-calc(20);
+// $paragraph-aside-font-size: rem-calc(14);
+// $paragraph-aside-line-height: 1.35;
+// $paragraph-aside-font-style: italic;
+// $paragraph-text-rendering: optimizeLegibility;
+
+// We use these to style <code> tags
+// $code-color: $oil;
+// $code-font-family: $font-family-monospace;
+// $code-font-weight: $font-weight-normal;
+// $code-background-color: scale-color($secondary-color, $lightness: 70%);
+// $code-border-size: 1px;
+// $code-border-style: solid;
+// $code-border-color: scale-color($code-background-color, $lightness: -10%);
+// $code-padding: rem-calc(2) rem-calc(5) rem-calc(1);
+
+// We use these to style anchors
+// $anchor-text-decoration: none;
+// $anchor-text-decoration-hover: none;
+// $anchor-font-color: $primary-color;
+// $anchor-font-color-hover: scale-color($anchor-font-color, $lightness: -14%);
+
+// We use these to style the <hr> element
+// $hr-border-width: 1px;
+// $hr-border-style: solid;
+// $hr-border-color: $gainsboro;
+// $hr-margin: rem-calc(20);
+
+// We use these to style lists
+// $list-font-family: $paragraph-font-family;
+// $list-font-size: $paragraph-font-size;
+// $list-line-height: $paragraph-line-height;
+// $list-margin-bottom: $paragraph-margin-bottom;
+// $list-style-position: outside;
+// $list-side-margin: 1.1rem;
+// $list-ordered-side-margin: 1.4rem;
+// $list-side-margin-no-bullet: 0;
+// $list-nested-margin: rem-calc(20);
+// $definition-list-header-weight: $font-weight-bold;
+// $definition-list-header-margin-bottom: .3rem;
+// $definition-list-margin-bottom: rem-calc(12);
+
+// We use these to style blockquotes
+// $blockquote-font-color: scale-color($header-font-color, $lightness: 35%);
+// $blockquote-padding: rem-calc(9 20 0 19);
+// $blockquote-border: 1px solid $gainsboro;
+// $blockquote-cite-font-size: rem-calc(13);
+// $blockquote-cite-font-color: scale-color($header-font-color, $lightness: 23%);
+// $blockquote-cite-link-color: $blockquote-cite-font-color;
+
+// Acronym styles
+// $acronym-underline: 1px dotted $gainsboro;
+
+// We use these to control padding and margin
+// $microformat-padding: rem-calc(10 12);
+// $microformat-margin: rem-calc(0 0 20 0);
+
+// We use these to control the border styles
+// $microformat-border-width: 1px;
+// $microformat-border-style: solid;
+// $microformat-border-color: $gainsboro;
+
+// We use these to control full name font styles
+// $microformat-fullname-font-weight: $font-weight-bold;
+// $microformat-fullname-font-size: rem-calc(15);
+
+// We use this to control the summary font styles
+// $microformat-summary-font-weight: $font-weight-bold;
+
+// We use this to control abbr padding
+// $microformat-abbr-padding: rem-calc(0 1);
+
+// We use this to control abbr font styles
+// $microformat-abbr-font-weight: $font-weight-bold;
+// $microformat-abbr-font-decoration: none;
+
+// 01. Accordion
+// - - - - - - - - - - - - - - - - - - - - - - - - -
+
+// $include-html-accordion-classes: $include-html-classes;
+
+// $accordion-navigation-padding: rem-calc(16);
+// $accordion-navigation-bg-color: $silver;
+// $accordion-navigation-hover-bg-color: scale-color($accordion-navigation-bg-color, $lightness: -5%);
+// $accordion-navigation-active-bg-color: scale-color($accordion-navigation-bg-color, $lightness: -3%);
+// $accordion-navigation-font-color: $jet;
+// $accordion-navigation-font-size: rem-calc(16);
+// $accordion-navigation-font-family: $body-font-family;
+
+// $accordion-content-padding: ($column-gutter/2);
+// $accordion-content-active-bg-color: $white;
+
+// 02. Alert Boxes
+// - - - - - - - - - - - - - - - - - - - - - - - - -
+
+// $include-html-alert-classes: $include-html-classes;
+
+// We use this to control alert padding.
+// $alert-padding-top: rem-calc(14);
+// $alert-padding-default-float: $alert-padding-top;
+// $alert-padding-opposite-direction: $alert-padding-top + rem-calc(10);
+// $alert-padding-bottom: $alert-padding-top;
+
+// We use these to control text style.
+// $alert-font-weight: $font-weight-normal;
+// $alert-font-size: rem-calc(13);
+// $alert-font-color: $white;
+// $alert-font-color-alt: scale-color($secondary-color, $lightness: -66%);
+
+// We use this for close hover effect.
+// $alert-function-factor: -14%;
+
+// We use these to control border styles.
+// $alert-border-style: solid;
+// $alert-border-width: 1px;
+// $alert-border-color: scale-color($primary-color, $lightness: $alert-function-factor);
+// $alert-bottom-margin: rem-calc(20);
+
+// We use these to style the close buttons
+// $alert-close-color: $oil;
+// $alert-close-top: 50%;
+// $alert-close-position: rem-calc(4);
+// $alert-close-font-size: rem-calc(22);
+// $alert-close-opacity: 0.3;
+// $alert-close-opacity-hover: 0.5;
+// $alert-close-padding: 9px 6px 4px;
+// $alert-close-background: inherit;
+
+// We use this to control border radius
+// $alert-radius: $global-radius;
+
+// $alert-transition-speed: 300ms;
+// $alert-transition-ease: ease-out;
+
+// 03. Block Grid
+// - - - - - - - - - - - - - - - - - - - - - - - - -
+
+// $include-html-block-grid-classes: $include-html-classes;
+// $include-xl-html-block-grid-classes: false;
+
+// We use this to control the maximum number of block grid elements per row
+// $block-grid-elements: 12;
+// $block-grid-default-spacing: rem-calc(20);
+
+// $align-block-grid-to-grid: false;
+// @if $align-block-grid-to-grid {$block-grid-default-spacing: $column-gutter;}
+
+// Enables media queries for block-grid classes. Set to false if writing semantic HTML.
+// $block-grid-media-queries: true;
+
+// 04. Breadcrumbs
+// - - - - - - - - - - - - - - - - - - - - - - - - -
+
+// $include-html-nav-classes: $include-html-classes;
+
+// We use this to set the background color for the breadcrumb container.
+// $crumb-bg: scale-color($secondary-color, $lightness: 55%);
+
+// We use these to set the padding around the breadcrumbs.
+// $crumb-padding: rem-calc(9 14 9);
+// $crumb-side-padding: rem-calc(12);
+
+// We use these to control border styles.
+// $crumb-function-factor: -10%;
+// $crumb-border-size: 1px;
+// $crumb-border-style: solid;
+// $crumb-border-color: scale-color($crumb-bg, $lightness: $crumb-function-factor);
+// $crumb-radius: $global-radius;
+
+// We use these to set various text styles for breadcrumbs.
+// $crumb-font-size: rem-calc(11);
+// $crumb-font-color: $primary-color;
+// $crumb-font-color-current: $oil;
+// $crumb-font-color-unavailable: $aluminum;
+// $crumb-font-transform: uppercase;
+// $crumb-link-decor: underline;
+
+// We use these to control the slash between breadcrumbs
+// $crumb-slash-color: $base;
+// $crumb-slash: "/";
+
+// 05. Buttons
+// - - - - - - - - - - - - - - - - - - - - - - - - -
+
+// $include-html-button-classes: $include-html-classes;
+
+// We use these to build padding for buttons.
+// $button-tny: rem-calc(10);
+// $button-sml: rem-calc(14);
+// $button-med: rem-calc(16);
+// $button-lrg: rem-calc(18);
+
+// We use this to control the display property.
+// $button-display: inline-block;
+// $button-margin-bottom: rem-calc(20);
+
+// We use these to control button text styles.
+// $button-font-family: $body-font-family;
+// $button-font-color: $white;
+// $button-font-color-alt: $oil;
+// $button-font-tny: rem-calc(11);
+// $button-font-sml: rem-calc(13);
+// $button-font-med: rem-calc(16);
+// $button-font-lrg: rem-calc(20);
+// $button-font-weight: $font-weight-normal;
+// $button-font-align: center;
+
+// We use these to control various hover effects.
+// $button-function-factor: -20%;
+
+// We use these to control button border styles.
+// $button-border-width: 0;
+// $button-border-style: solid;
+// $button-bg-color: $primary-color;
+// $button-bg-hover: scale-color($button-bg-color, $lightness: $button-function-factor);
+// $button-border-color: $button-bg-hover;
+// $secondary-button-bg-hover: scale-color($secondary-color, $lightness: $button-function-factor);
+// $secondary-button-border-color: $secondary-button-bg-hover;
+// $success-button-bg-hover: scale-color($success-color, $lightness: $button-function-factor);
+// $success-button-border-color: $success-button-bg-hover;
+// $alert-button-bg-hover: scale-color($alert-color, $lightness: $button-function-factor);
+// $alert-button-border-color: $alert-button-bg-hover;
+// $warning-button-bg-hover: scale-color($warning-color, $lightness: $button-function-factor);
+// $warning-button-border-color: $warning-button-bg-hover;
+// $info-button-bg-hover: scale-color($info-color, $lightness: $button-function-factor);
+// $info-button-border-color: $info-button-bg-hover;
+
+// We use this to set the default radius used throughout the core.
+// $button-radius: $global-radius;
+// $button-round: $global-rounded;
+
+// We use this to set default opacity and cursor for disabled buttons.
+// $button-disabled-opacity: 0.7;
+// $button-disabled-cursor: $cursor-default-value;
+
+// 06. Button Groups
+// - - - - - - - - - - - - - - - - - - - - - - - - -
+
+// $include-html-button-classes: $include-html-classes;
+
+// Sets the margin for the right side by default, and the left margin if right-to-left direction is used
+// $button-bar-margin-opposite: rem-calc(10);
+// $button-group-border-width: 1px;
+
+// 07. Clearing
+// - - - - - - - - - - - - - - - - - - - - - - - - -
+
+// $include-html-clearing-classes: $include-html-classes;
+
+// We use these to set the background colors for parts of Clearing.
+// $clearing-bg: $oil;
+// $clearing-caption-bg: $clearing-bg;
+// $clearing-carousel-bg: rgba(51,51,51,0.8);
+// $clearing-img-bg: $clearing-bg;
+
+// We use these to style the close button
+// $clearing-close-color: $iron;
+// $clearing-close-size: 30px;
+
+// We use these to style the arrows
+// $clearing-arrow-size: 12px;
+// $clearing-arrow-color: $clearing-close-color;
+
+// We use these to style captions
+// $clearing-caption-font-color: $iron;
+// $clearing-caption-font-size: 0.875em;
+// $clearing-caption-padding: 10px 30px 20px;
+
+// We use these to make the image and carousel height and style
+// $clearing-active-img-height: 85%;
+// $clearing-carousel-height: 120px;
+// $clearing-carousel-thumb-width: 120px;
+// $clearing-carousel-thumb-active-border: 1px solid rgb(255,255,255);
+
+// 08. Dropdown
+// - - - - - - - - - - - - - - - - - - - - - - - - -
+
+// $include-html-dropdown-classes: $include-html-classes;
+
+// We use these to controls height and width styles.
+// $f-dropdown-max-width: 200px;
+// $f-dropdown-height: auto;
+// $f-dropdown-max-height: none;
+
+// Used for bottom position
+// $f-dropdown-margin-top: 2px;
+
+// Used for right position
+// $f-dropdown-margin-left: $f-dropdown-margin-top;
+
+// Used for left position
+// $f-dropdown-margin-right: $f-dropdown-margin-top;
+
+// Used for top position
+// $f-dropdown-margin-bottom: $f-dropdown-margin-top;
+
+// We use this to control the background color
+ $f-dropdown-bg: $white;
+
+// We use this to set the border styles for dropdowns.
+// $f-dropdown-border-style: solid;
+// $f-dropdown-border-width: 1px;
+// $f-dropdown-border-color: scale-color($white, $lightness: -20%);
+
+// We use these to style the triangle pip.
+// $f-dropdown-triangle-size: 6px;
+// $f-dropdown-triangle-color: $white;
+// $f-dropdown-triangle-side-offset: 10px;
+
+// We use these to control styles for the list elements.
+// $f-dropdown-list-style: none;
+// $f-dropdown-font-color: $charcoal;
+// $f-dropdown-font-size: rem-calc(13);
+// $f-dropdown-list-padding: rem-calc(5, 10);
+// $f-dropdown-line-height: rem-calc(18);
+// $f-dropdown-list-hover-bg: $smoke;
+// $dropdown-mobile-default-float: 0;
+
+// We use this to control the styles for when the dropdown has custom content.
+ $f-dropdown-content-padding: rem-calc(16);
+
+// Default radius for dropdown.
+// $f-dropdown-radius: $global-radius;
+
+
+// 09. Dropdown Buttons
+// - - - - - - - - - - - - - - - - - - - - - - - - -
+
+// $include-html-button-classes: $include-html-classes;
+
+// We use these to set the color of the pip in dropdown buttons
+// $dropdown-button-pip-color: $white;
+// $dropdown-button-pip-color-alt: $oil;
+
+// We use these to set the size of the pip in dropdown buttons
+// $button-pip-tny: rem-calc(6);
+// $button-pip-sml: rem-calc(7);
+// $button-pip-med: rem-calc(9);
+// $button-pip-lrg: rem-calc(11);
+
+// We use these to style tiny dropdown buttons
+// $dropdown-button-padding-tny: $button-pip-tny * 7;
+// $dropdown-button-pip-size-tny: $button-pip-tny;
+// $dropdown-button-pip-opposite-tny: $button-pip-tny * 3;
+// $dropdown-button-pip-top-tny: (-$button-pip-tny / 2) + rem-calc(1);
+
+// We use these to style small dropdown buttons
+// $dropdown-button-padding-sml: $button-pip-sml * 7;
+// $dropdown-button-pip-size-sml: $button-pip-sml;
+// $dropdown-button-pip-opposite-sml: $button-pip-sml * 3;
+// $dropdown-button-pip-top-sml: (-$button-pip-sml / 2) + rem-calc(1);
+
+// We use these to style medium dropdown buttons
+// $dropdown-button-padding-med: $button-pip-med * 6 + rem-calc(3);
+// $dropdown-button-pip-size-med: $button-pip-med - rem-calc(3);
+// $dropdown-button-pip-opposite-med: $button-pip-med * 2.5;
+// $dropdown-button-pip-top-med: (-$button-pip-med / 2) + rem-calc(2);
+
+// We use these to style large dropdown buttons
+// $dropdown-button-padding-lrg: $button-pip-lrg * 5 + rem-calc(3);
+// $dropdown-button-pip-size-lrg: $button-pip-lrg - rem-calc(6);
+// $dropdown-button-pip-opposite-lrg: $button-pip-lrg * 2.5;
+// $dropdown-button-pip-top-lrg: (-$button-pip-lrg / 2) + rem-calc(3);
+
+// 10. Flex Video
+// - - - - - - - - - - - - - - - - - - - - - - - - -
+
+// $include-html-media-classes: $include-html-classes;
+
+// We use these to control video container padding and margins
+// $flex-video-padding-top: rem-calc(25);
+// $flex-video-padding-bottom: 67.5%;
+// $flex-video-margin-bottom: rem-calc(16);
+
+// We use this to control widescreen bottom padding
+// $flex-video-widescreen-padding-bottom: 56.34%;
+
+// 11. Forms
+// - - - - - - - - - - - - - - - - - - - - - - - - -
+
+// $include-html-form-classes: $include-html-classes;
+
+// We use this to set the base for lots of form spacing and positioning styles
+// $form-spacing: rem-calc(16);
+
+// We use these to style the labels in different ways
+// $form-label-pointer: pointer;
+// $form-label-font-size: rem-calc(14);
+// $form-label-font-weight: $font-weight-normal;
+// $form-label-line-height: 1.5;
+// $form-label-font-color: scale-color($black, $lightness: 30%);
+// $form-label-small-transform: capitalize;
+// $form-label-bottom-margin: 0;
+// $input-font-family: inherit;
+// $input-font-color: rgba(0,0,0,0.75);
+// $input-font-size: rem-calc(14);
+// $input-bg-color: $white;
+// $input-focus-bg-color: scale-color($white, $lightness: -2%);
+// $input-border-color: scale-color($white, $lightness: -20%);
+// $input-focus-border-color: scale-color($white, $lightness: -40%);
+// $input-border-style: solid;
+// $input-border-width: 1px;
+// $input-border-radius: $global-radius;
+// $input-disabled-bg: $gainsboro;
+// $input-disabled-cursor: $cursor-default-value;
+// $input-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
+// $input-include-glowing-effect: true;
+
+// We use these to style the fieldset border and spacing.
+// $fieldset-border-style: solid;
+// $fieldset-border-width: 1px;
+// $fieldset-border-color: $gainsboro;
+// $fieldset-padding: rem-calc(20);
+// $fieldset-margin: rem-calc(18 0);
+
+// We use these to style the legends when you use them
+// $legend-bg: $white;
+// $legend-font-weight: $font-weight-bold;
+// $legend-padding: rem-calc(0 3);
+
+// We use these to style the prefix and postfix input elements
+// $input-prefix-bg: scale-color($white, $lightness: -5%);
+// $input-prefix-border-color: scale-color($white, $lightness: -20%);
+// $input-prefix-border-size: 1px;
+// $input-prefix-border-type: solid;
+// $input-prefix-overflow: hidden;
+// $input-prefix-font-color: $oil;
+// $input-prefix-font-color-alt: $white;
+
+// We use this setting to turn on/off HTML5 number spinners (the up/down arrows)
+// $input-number-spinners: true;
+
+// We use these to style the error states for inputs and labels
+// $input-error-message-padding: rem-calc(6 9 9);
+// $input-error-message-top: -1px;
+// $input-error-message-font-size: rem-calc(12);
+// $input-error-message-font-weight: $font-weight-normal;
+// $input-error-message-font-style: italic;
+// $input-error-message-font-color: $white;
+// $input-error-message-bg-color: $alert-color;
+// $input-error-message-font-color-alt: $oil;
+
+// We use this to style the glowing effect of inputs when focused
+// $glowing-effect-fade-time: 0.45s;
+// $glowing-effect-color: $input-focus-border-color;
+
+// Select variables
+// $select-bg-color: $ghost;
+// $select-hover-bg-color: scale-color($select-bg-color, $lightness: -3%);
+
+
+// 12. Icon Bar
+// - - - - - - - - - - - - - - - - - - - - - - - - -
+
+// We use these to style the icon-bar and items
+// $icon-bar-bg: $oil;
+// $icon-bar-font-color: $white;
+// $icon-bar-font-color-hover: $icon-bar-font-color;
+// $icon-bar-font-size: 1rem;
+// $icon-bar-hover-color: $primary-color;
+// $icon-bar-icon-color: $white;
+// $icon-bar-icon-color-hover: $icon-bar-icon-color;
+// $icon-bar-icon-size: 1.875rem;
+// $icon-bar-image-width: 1.875rem;
+// $icon-bar-image-height: 1.875rem;
+// $icon-bar-active-color: $primary-color;
+// $icon-bar-item-padding: 1.25rem;
+
+// We use this to set default opacity and cursor for disabled icons.
+// $icon-bar-disabled-opacity: 0.7;
+
+// 13. Inline Lists
+// - - - - - - - - - - - - - - - - - - - - - - - - -
+
+// $include-html-inline-list-classes: $include-html-classes;
+
+// We use this to control the margins and padding of the inline list.
+// $inline-list-top-margin: 0;
+// $inline-list-opposite-margin: 0;
+// $inline-list-bottom-margin: rem-calc(17);
+// $inline-list-default-float-margin: rem-calc(-22);
+// $inline-list-default-float-list-margin: rem-calc(22);
+
+// $inline-list-padding: 0;
+
+// We use this to control the overflow of the inline list.
+// $inline-list-overflow: hidden;
+
+// We use this to control the list items
+// $inline-list-display: block;
+
+// We use this to control any elements within list items
+// $inline-list-children-display: block;
+
+// 14. Joyride
+// - - - - - - - - - - - - - - - - - - - - - - - - -
+
+// $include-html-joyride-classes: $include-html-classes;
+
+// Controlling default Joyride styles
+// $joyride-tip-bg: $oil;
+// $joyride-tip-default-width: 300px;
+// $joyride-tip-padding: rem-calc(18 20 24);
+// $joyride-tip-border: solid 1px $charcoal;
+// $joyride-tip-radius: 4px;
+// $joyride-tip-position-offset: 22px;
+
+// Here, we're setting the tip font styles
+// $joyride-tip-font-color: $white;
+// $joyride-tip-font-size: rem-calc(14);
+// $joyride-tip-header-weight: $font-weight-bold;
+
+// This changes the nub size
+// $joyride-tip-nub-size: 10px;
+
+// This adjusts the styles for the timer when its enabled
+// $joyride-tip-timer-width: 50px;
+// $joyride-tip-timer-height: 3px;
+// $joyride-tip-timer-color: $steel;
+
+// This changes up the styles for the close button
+// $joyride-tip-close-color: $monsoon;
+// $joyride-tip-close-size: 24px;
+// $joyride-tip-close-weight: $font-weight-normal;
+
+// When Joyride is filling the screen, we use this style for the bg
+// $joyride-screenfill: rgba(0,0,0,0.5);
+
+// 15. Keystrokes
+// - - - - - - - - - - - - - - - - - - - - - - - - -
+
+// $include-html-keystroke-classes: $include-html-classes;
+
+// We use these to control text styles.
+// $keystroke-font: "Consolas", "Menlo", "Courier", monospace;
+// $keystroke-font-size: inherit;
+// $keystroke-font-color: $jet;
+// $keystroke-font-color-alt: $white;
+// $keystroke-function-factor: -7%;
+
+// We use this to control keystroke padding.
+// $keystroke-padding: rem-calc(2 4 0);
+
+// We use these to control background and border styles.
+// $keystroke-bg: scale-color($white, $lightness: $keystroke-function-factor);
+// $keystroke-border-style: solid;
+// $keystroke-border-width: 1px;
+// $keystroke-border-color: scale-color($keystroke-bg, $lightness: $keystroke-function-factor);
+// $keystroke-radius: $global-radius;
+
+// 16. Labels
+// - - - - - - - - - - - - - - - - - - - - - - - - -
+
+// $include-html-label-classes: $include-html-classes;
+
+// We use these to style the labels
+// $label-padding: rem-calc(4 8 4);
+// $label-radius: $global-radius;
+
+// We use these to style the label text
+// $label-font-sizing: rem-calc(11);
+// $label-font-weight: $font-weight-normal;
+// $label-font-color: $oil;
+// $label-font-color-alt: $white;
+// $label-font-family: $body-font-family;
+
+// 17. Magellan
+// - - - - - - - - - - - - - - - - - - - - - - - - -
+
+// $include-html-magellan-classes: $include-html-classes;
+
+// $magellan-bg: $white;
+// $magellan-padding: 10px;
+
+// 18. Off-canvas
+// - - - - - - - - - - - - - - - - - - - - - - - - -
+
+// Off Canvas Tab Bar Variables
+// $include-html-off-canvas-classes: $include-html-classes;
+
+ $tabbar-bg: $l-blue;
+// $tabbar-height: rem-calc(45);
+// $tabbar-icon-width: $tabbar-height;
+// $tabbar-line-height: $tabbar-height;
+// $tabbar-color: $white;
+// $tabbar-middle-padding: 0 rem-calc(10);
+
+// Off Canvas Divider Styles
+// $tabbar-left-section-border: solid 1px scale-color($tabbar-bg, $lightness: -50%);
+// $tabbar-right-section-border: $tabbar-left-section-border;
+
+
+// Off Canvas Tab Bar Headers
+// $tabbar-header-color: $white;
+// $tabbar-header-weight: $font-weight-bold;
+// $tabbar-header-line-height: $tabbar-height;
+// $tabbar-header-margin: 0;
+
+// Off Canvas Menu Variables
+// $off-canvas-width: rem-calc(250);
+ $off-canvas-bg: $l-blue;
+
+// Off Canvas Menu List Variables
+// $off-canvas-label-padding: 0.3rem rem-calc(15);
+// $off-canvas-label-color: $aluminum;
+// $off-canvas-label-text-transform: uppercase;
+// $off-canvas-label-font-size: rem-calc(12);
+// $off-canvas-label-font-weight: $font-weight-bold;
+// $off-canvas-label-bg: $tuatara;
+// $off-canvas-label-border-top: 1px solid scale-color($off-canvas-label-bg, $lightness: 14%);
+// $off-canvas-label-border-bottom: none;
+// $off-canvas-label-margin:0;
+// $off-canvas-link-padding: rem-calc(10, 15);
+// $off-canvas-link-color: rgba($white, 0.7);
+// $off-canvas-link-border-bottom: 1px solid scale-color($off-canvas-bg, $lightness: -25%);
+// $off-canvas-back-bg: #444;
+// $off-canvas-back-border-top: $off-canvas-label-border-top;
+// $off-canvas-back-border-bottom: $off-canvas-label-border-bottom;
+// $off-canvas-back-hover-bg: scale-color($off-canvas-back-bg, $lightness: -30%);
+// $off-canvas-back-hover-border-top: 1px solid scale-color($off-canvas-label-bg, $lightness: 14%);
+// $off-canvas-back-hover-border-bottom: none;
+
+// Off Canvas Menu Icon Variables
+// $tabbar-menu-icon-color: $white;
+// $tabbar-menu-icon-hover: scale-color($tabbar-menu-icon-color, $lightness: -30%);
+
+ $tabbar-menu-icon-text-indent: rem-calc(55);
+// $tabbar-menu-icon-width: $tabbar-icon-width;
+// $tabbar-menu-icon-height: $tabbar-height;
+// $tabbar-menu-icon-padding: 0;
+
+// $tabbar-hamburger-icon-width: rem-calc(16);
+// $tabbar-hamburger-icon-left: false;
+// $tabbar-hamburger-icon-top: false;
+// $tabbar-hamburger-icon-thickness: 1px;
+// $tabbar-hamburger-icon-gap: 6px;
+
+// Off Canvas Back-Link Overlay
+// $off-canvas-overlay-transition: background 300ms ease;
+// $off-canvas-overlay-cursor: pointer;
+// $off-canvas-overlay-box-shadow: -4px 0 4px rgba($black, 0.5), 4px 0 4px rgba($black, 0.5);
+// $off-canvas-overlay-background: rgba($white, 0.2);
+// $off-canvas-overlay-background-hover: rgba($white, 0.05);
+
+// Transition Variables
+// $menu-slide: "transform 500ms ease";
+
+// 19. Orbit
+// - - - - - - - - - - - - - - - - - - - - - - - - -
+
+// $include-html-orbit-classes: $include-html-classes;
+
+// We use these to control the caption styles
+// $orbit-container-bg: none;
+// $orbit-caption-bg: rgba(51,51,51, 0.8);
+// $orbit-caption-font-color: $white;
+// $orbit-caption-font-size: rem-calc(14);
+// $orbit-caption-position: "bottom"; // Supported values: "bottom", "under"
+// $orbit-caption-padding: rem-calc(10 14);
+// $orbit-caption-height: auto;
+
+// We use these to control the left/right nav styles
+// $orbit-nav-bg: transparent;
+// $orbit-nav-bg-hover: rgba(0,0,0,0.3);
+// $orbit-nav-arrow-color: $white;
+// $orbit-nav-arrow-color-hover: $white;
+
+// We use these to control the timer styles
+// $orbit-timer-bg: rgba(255,255,255,0.3);
+// $orbit-timer-show-progress-bar: true;
+
+// We use these to control the bullet nav styles
+// $orbit-bullet-nav-color: $iron;
+// $orbit-bullet-nav-color-active: $aluminum;
+// $orbit-bullet-radius: rem-calc(9);
+
+// We use these to controls the style of slide numbers
+// $orbit-slide-number-bg: rgba(0,0,0,0);
+// $orbit-slide-number-font-color: $white;
+// $orbit-slide-number-padding: rem-calc(5);
+
+// Graceful Loading Wrapper and preloader
+// $wrapper-class: "slideshow-wrapper";
+// $preloader-class: "preloader";
+
+// Hide controls on small
+// $orbit-nav-hide-for-small: true;
+// $orbit-bullet-hide-for-small: true;
+// $orbit-timer-hide-for-small: true;
+
+// 20. Pagination
+// - - - - - - - - - - - - - - - - - - - - - - - - -
+
+// $include-pagination-classes: $include-html-classes;
+
+// We use these to control the pagination container
+// $pagination-height: rem-calc(24);
+// $pagination-margin: rem-calc(-5);
+
+// We use these to set the list-item properties
+// $pagination-li-float: $default-float;
+// $pagination-li-height: rem-calc(24);
+// $pagination-li-font-color: $jet;
+// $pagination-li-font-size: rem-calc(14);
+// $pagination-li-margin: rem-calc(5);
+
+// We use these for the pagination anchor links
+// $pagination-link-pad: rem-calc(1 10 1);
+// $pagination-link-font-color: $aluminum;
+// $pagination-link-active-bg: scale-color($white, $lightness: -10%);
+
+// We use these for disabled anchor links
+// $pagination-link-unavailable-cursor: default;
+// $pagination-link-unavailable-font-color: $aluminum;
+// $pagination-link-unavailable-bg-active: transparent;
+
+// We use these for currently selected anchor links
+// $pagination-link-current-background: $primary-color;
+// $pagination-link-current-font-color: $white;
+// $pagination-link-current-font-weight: $font-weight-bold;
+// $pagination-link-current-cursor: default;
+// $pagination-link-current-active-bg: $primary-color;
+
+// 21. Panels
+// - - - - - - - - - - - - - - - - - - - - - - - - -
+
+// $include-html-panel-classes: $include-html-classes;
+
+// We use these to control the background and border styles
+// $panel-bg: scale-color($white, $lightness: -5%);
+// $panel-border-style: solid;
+// $panel-border-size: 1px;
+
+// We use this % to control how much we darken things on hover
+// $panel-function-factor: -11%;
+// $panel-border-color: scale-color($panel-bg, $lightness: $panel-function-factor);
+
+// We use these to set default inner padding and bottom margin
+// $panel-margin-bottom: rem-calc(20);
+// $panel-padding: rem-calc(20);
+
+// We use these to set default font colors
+// $panel-font-color: $oil;
+// $panel-font-color-alt: $white;
+
+// $panel-header-adjust: true;
+// $callout-panel-link-color: $primary-color;
+// $callout-panel-link-color-hover: scale-color($callout-panel-link-color, $lightness: -14%);
+
+// 22. Pricing Tables
+// - - - - - - - - - - - - - - - - - - - - - - - - -
+
+// $include-html-pricing-classes: $include-html-classes;
+
+// We use this to control the border color
+// $price-table-border: solid 1px $gainsboro;
+
+// We use this to control the bottom margin of the pricing table
+// $price-table-margin-bottom: rem-calc(20);
+
+// We use these to control the title styles
+// $price-title-bg: $oil;
+// $price-title-padding: rem-calc(15 20);
+// $price-title-align: center;
+// $price-title-color: $smoke;
+// $price-title-weight: $font-weight-normal;
+// $price-title-size: rem-calc(16);
+// $price-title-font-family: $body-font-family;
+
+// We use these to control the price styles
+// $price-money-bg: $vapor;
+// $price-money-padding: rem-calc(15 20);
+// $price-money-align: center;
+// $price-money-color: $oil;
+// $price-money-weight: $font-weight-normal;
+// $price-money-size: rem-calc(32);
+// $price-money-font-family: $body-font-family;
+
+
+// We use these to control the description styles
+// $price-bg: $white;
+// $price-desc-color: $monsoon;
+// $price-desc-padding: rem-calc(15);
+// $price-desc-align: center;
+// $price-desc-font-size: rem-calc(12);
+// $price-desc-weight: $font-weight-normal;
+// $price-desc-line-height: 1.4;
+// $price-desc-bottom-border: dotted 1px $gainsboro;
+
+// We use these to control the list item styles
+// $price-item-color: $oil;
+// $price-item-padding: rem-calc(15);
+// $price-item-align: center;
+// $price-item-font-size: rem-calc(14);
+// $price-item-weight: $font-weight-normal;
+// $price-item-bottom-border: dotted 1px $gainsboro;
+
+// We use these to control the CTA area styles
+// $price-cta-bg: $white;
+// $price-cta-align: center;
+// $price-cta-padding: rem-calc(20 20 0);
+
+// 23. Progress Bar
+// - - - - - - - - - - - - - - - - - - - - - - - - -
+
+// $include-html-media-classes: $include-html-classes;
+
+// We use this to set the progress bar height
+// $progress-bar-height: rem-calc(25);
+// $progress-bar-color: $vapor;
+
+// We use these to control the border styles
+// $progress-bar-border-color: scale-color($white, $lightness: 20%);
+// $progress-bar-border-size: 1px;
+// $progress-bar-border-style: solid;
+// $progress-bar-border-radius: $global-radius;
+
+// We use these to control the margin & padding
+// $progress-bar-margin-bottom: rem-calc(10);
+
+// We use these to set the meter colors
+// $progress-meter-color: $primary-color;
+// $progress-meter-secondary-color: $secondary-color;
+// $progress-meter-success-color: $success-color;
+// $progress-meter-alert-color: $alert-color;
+
+// 24. Range Slider
+// - - - - - - - - - - - - - - - - - - - - - - - - -
+
+// $include-html-range-slider-classes: $include-html-classes;
+
+// These variabels define the slider bar styles
+// $range-slider-bar-width: 100%;
+// $range-slider-bar-height: rem-calc(16);
+
+// $range-slider-bar-border-width: 1px;
+// $range-slider-bar-border-style: solid;
+// $range-slider-bar-border-color: $gainsboro;
+// $range-slider-radius: $global-radius;
+// $range-slider-round: $global-rounded;
+// $range-slider-bar-bg-color: $ghost;
+// $range-slider-active-segment-bg-color: scale-color($secondary-color, $lightness: -1%);
+
+// Vertical bar styles
+// $range-slider-vertical-bar-width: rem-calc(16);
+// $range-slider-vertical-bar-height: rem-calc(200);
+
+// These variabels define the slider handle styles
+// $range-slider-handle-width: rem-calc(32);
+// $range-slider-handle-height: rem-calc(22);
+// $range-slider-handle-position-top: rem-calc(-5);
+// $range-slider-handle-bg-color: $primary-color;
+// $range-slider-handle-border-width: 1px;
+// $range-slider-handle-border-style: solid;
+// $range-slider-handle-border-color: none;
+// $range-slider-handle-radius: $global-radius;
+// $range-slider-handle-round: $global-rounded;
+// $range-slider-handle-bg-hover-color: scale-color($primary-color, $lightness: -12%);
+// $range-slider-handle-cursor: pointer;
+
+// $range-slider-disabled-opacity: 0.7;
+// $range-slider-disabled-cursor: $cursor-disabled-value;
+
+// 25. Reveal
+// - - - - - - - - - - - - - - - - - - - - - - - - -
+
+// $include-html-reveal-classes: $include-html-classes;
+
+// We use these to control the style of the reveal overlay.
+// $reveal-overlay-bg: rgba($black, .45);
+// $reveal-overlay-bg-old: $black;
+
+// We use these to control the style of the modal itself.
+// $reveal-modal-bg: $white;
+// $reveal-position-top: rem-calc(100);
+// $reveal-default-width: 80%;
+// $reveal-max-width: $row-width;
+// $reveal-modal-padding: rem-calc(20);
+// $reveal-box-shadow: 0 0 10px rgba($black,.4);
+
+// We use these to style the reveal close button
+// $reveal-close-font-size: rem-calc(40);
+// $reveal-close-top: rem-calc(10);
+// $reveal-close-side: rem-calc(22);
+// $reveal-close-color: $base;
+// $reveal-close-weight: $font-weight-bold;
+
+// We use this to set the default radius used throughout the core.
+// $reveal-radius: $global-radius;
+// $reveal-round: $global-rounded;
+
+// We use these to control the modal border
+// $reveal-border-style: solid;
+// $reveal-border-width: 1px;
+// $reveal-border-color: $steel;
+
+// $reveal-modal-class: "reveal-modal";
+// $close-reveal-modal-class: "close-reveal-modal";
+
+// 26. Side Nav
+// - - - - - - - - - - - - - - - - - - - - - - - - -
+
+// $include-html-nav-classes: $include-html-classes;
+
+// We use this to control padding.
+// $side-nav-padding: rem-calc(14 0);
+
+// We use these to control list styles.
+// $side-nav-list-type: none;
+// $side-nav-list-position: outside;
+// $side-nav-list-margin: rem-calc(0 0 7 0);
+
+// We use these to control link styles.
+// $side-nav-link-color: $primary-color;
+// $side-nav-link-color-active: scale-color($side-nav-link-color, $lightness: 30%);
+// $side-nav-link-color-hover: scale-color($side-nav-link-color, $lightness: 30%);
+// $side-nav-link-bg-hover: hsla(0, 0, 0, 0.025);
+// $side-nav-link-margin: 0;
+// $side-nav-link-padding: rem-calc(7 14);
+// $side-nav-font-size: rem-calc(14);
+// $side-nav-font-weight: $font-weight-normal;
+// $side-nav-font-weight-active: $side-nav-font-weight;
+// $side-nav-font-family: $body-font-family;
+// $side-nav-font-family-active: $side-nav-font-family;
+
+// We use these to control heading styles.
+// $side-nav-heading-color: $side-nav-link-color;
+// $side-nav-heading-font-size: $side-nav-font-size;
+// $side-nav-heading-font-weight: bold;
+// $side-nav-heading-text-transform: uppercase;
+
+// We use these to control border styles
+// $side-nav-divider-size: 1px;
+// $side-nav-divider-style: solid;
+// $side-nav-divider-color: scale-color($white, $lightness: 10%);
+
+// 27. Split Buttons
+// - - - - - - - - - - - - - - - - - - - - - - - - -
+
+// $include-html-button-classes: $include-html-classes;
+
+// We use these to control different shared styles for Split Buttons
+// $split-button-function-factor: 10%;
+// $split-button-pip-color: $white;
+// $split-button-pip-color-alt: $oil;
+// $split-button-active-bg-tint: rgba(0,0,0,0.1);
+
+// We use these to control tiny split buttons
+// $split-button-padding-tny: $button-pip-tny * 10;
+// $split-button-span-width-tny: $button-pip-tny * 6;
+// $split-button-pip-size-tny: $button-pip-tny;
+// $split-button-pip-top-tny: $button-pip-tny * 2;
+// $split-button-pip-default-float-tny: rem-calc(-6);
+
+// We use these to control small split buttons
+// $split-button-padding-sml: $button-pip-sml * 10;
+// $split-button-span-width-sml: $button-pip-sml * 6;
+// $split-button-pip-size-sml: $button-pip-sml;
+// $split-button-pip-top-sml: $button-pip-sml * 1.5;
+// $split-button-pip-default-float-sml: rem-calc(-6);
+
+// We use these to control medium split buttons
+// $split-button-padding-med: $button-pip-med * 9;
+// $split-button-span-width-med: $button-pip-med * 5.5;
+// $split-button-pip-size-med: $button-pip-med - rem-calc(3);
+// $split-button-pip-top-med: $button-pip-med * 1.5;
+// $split-button-pip-default-float-med: rem-calc(-6);
+
+// We use these to control large split buttons
+// $split-button-padding-lrg: $button-pip-lrg * 8;
+// $split-button-span-width-lrg: $button-pip-lrg * 5;
+// $split-button-pip-size-lrg: $button-pip-lrg - rem-calc(6);
+// $split-button-pip-top-lrg: $button-pip-lrg + rem-calc(5);
+// $split-button-pip-default-float-lrg: rem-calc(-6);
+
+// 28. Sub Nav
+// - - - - - - - - - - - - - - - - - - - - - - - - -
+
+// $include-html-nav-classes: $include-html-classes;
+
+// We use these to control margin and padding
+// $sub-nav-list-margin: rem-calc(-4 0 18);
+// $sub-nav-list-padding-top: rem-calc(4);
+
+// We use this to control the definition
+// $sub-nav-font-family: $body-font-family;
+// $sub-nav-font-size: rem-calc(14);
+// $sub-nav-font-color: $aluminum;
+// $sub-nav-font-weight: $font-weight-normal;
+// $sub-nav-text-decoration: none;
+// $sub-nav-padding: rem-calc(3 16);
+// $sub-nav-border-radius: 3px;
+// $sub-nav-font-color-hover: scale-color($sub-nav-font-color, $lightness: -25%);
+
+
+// We use these to control the active item styles
+
+// $sub-nav-active-font-weight: $font-weight-normal;
+// $sub-nav-active-bg: $primary-color;
+// $sub-nav-active-bg-hover: scale-color($sub-nav-active-bg, $lightness: -14%);
+// $sub-nav-active-color: $white;
+// $sub-nav-active-padding: $sub-nav-padding;
+// $sub-nav-active-cursor: default;
+
+// $sub-nav-item-divider: "";
+// $sub-nav-item-divider-margin: rem-calc(12);
+
+// 29. Switch
+// - - - - - - - - - - - - - - - - - - - - - - - - -
+
+// $include-html-form-classes: $include-html-classes;
+
+// Controlling background color for the switch container
+// $switch-bg: $gainsboro;
+
+// We use these to control the switch heights for our default classes
+// $switch-height-tny: 1.5rem;
+// $switch-height-sml: 1.75rem;
+// $switch-height-med: 2rem;
+// $switch-height-lrg: 2.5rem;
+// $switch-bottom-margin: 1.5rem;
+
+// We use these to style the switch-paddle
+// $switch-paddle-bg: $white;
+// $switch-paddle-transition-speed: .15s;
+// $switch-paddle-transition-ease: ease-out;
+// $switch-active-color: $primary-color;
+
+// 30. Tables
+// - - - - - - - - - - - - - - - - - - - - - - - - -
+
+// $include-html-table-classes: $include-html-classes;
+
+// These control the background color for the table and even rows
+// $table-bg: $white;
+// $table-even-row-bg: $snow;
+
+// These control the table cell border style
+// $table-border-style: solid;
+// $table-border-size: 1px;
+// $table-border-color: $gainsboro;
+
+// These control the table head styles
+// $table-head-bg: $white-smoke;
+// $table-head-font-size: rem-calc(14);
+// $table-head-font-color: $jet;
+// $table-head-font-weight: $font-weight-bold;
+// $table-head-padding: rem-calc(8 10 10);
+
+// These control the table foot styles
+// $table-foot-bg: $table-head-bg;
+// $table-foot-font-size: $table-head-font-size;
+// $table-foot-font-color: $table-head-font-color;
+// $table-foot-font-weight: $table-head-font-weight;
+// $table-foot-padding: $table-head-padding;
+
+// These control the caption
+// table-caption-bg: transparent;
+// $table-caption-font-color: $table-head-font-color;
+// $table-caption-font-size: rem-calc(16);
+// $table-caption-font-weight: bold;
+
+// These control the row padding and font styles
+// $table-row-padding: rem-calc(9 10);
+// $table-row-font-size: rem-calc(14);
+// $table-row-font-color: $jet;
+// $table-line-height: rem-calc(18);
+
+// These are for controlling the layout, display and margin of tables
+// $table-layout: auto;
+// $table-display: table-cell;
+// $table-margin-bottom: rem-calc(20);
+
+
+// 31. Tabs
+// - - - - - - - - - - - - - - - - - - - - - - - - -
+
+// $include-html-tabs-classes: $include-html-classes;
+
+// $tabs-navigation-padding: rem-calc(16);
+// $tabs-navigation-bg-color: $silver;
+// $tabs-navigation-active-bg-color: $white;
+// $tabs-navigation-hover-bg-color: scale-color($tabs-navigation-bg-color, $lightness: -6%);
+// $tabs-navigation-font-color: $jet;
+// $tabs-navigation-active-font-color: $tabs-navigation-font-color;
+// $tabs-navigation-font-size: rem-calc(16);
+// $tabs-navigation-font-family: $body-font-family;
+
+// $tabs-content-margin-bottom: rem-calc(24);
+// $tabs-content-padding: ($column-gutter/2);
+
+// $tabs-vertical-navigation-margin-bottom: 1.25rem;
+
+// 32. Thumbnails
+// - - - - - - - - - - - - - - - - - - - - - - - - -
+
+// $include-html-media-classes: $include-html-classes;
+
+// We use these to control border styles
+// $thumb-border-style: solid;
+// $thumb-border-width: 4px;
+// $thumb-border-color: $white;
+// $thumb-box-shadow: 0 0 0 1px rgba($black,.2);
+// $thumb-box-shadow-hover: 0 0 6px 1px rgba($primary-color,0.5);
+
+// Radius and transition speed for thumbs
+// $thumb-radius: $global-radius;
+// $thumb-transition-speed: 200ms;
+
+// 33. Tooltips
+// - - - - - - - - - - - - - - - - - - - - - - - - -
+
+// $include-html-tooltip-classes: $include-html-classes;
+
+// $has-tip-border-bottom: dotted 1px $iron;
+// $has-tip-font-weight: $font-weight-bold;
+// $has-tip-font-color: $oil;
+// $has-tip-border-bottom-hover: dotted 1px scale-color($primary-color, $lightness: -55%);
+// $has-tip-font-color-hover: $primary-color;
+// $has-tip-cursor-type: help;
+
+// $tooltip-padding: rem-calc(12);
+// $tooltip-bg: $oil;
+// $tooltip-font-size: rem-calc(14);
+// $tooltip-font-weight: $font-weight-normal;
+// $tooltip-font-color: $white;
+// $tooltip-line-height: 1.3;
+// $tooltip-close-font-size: rem-calc(10);
+// $tooltip-close-font-weight: $font-weight-normal;
+// $tooltip-close-font-color: $monsoon;
+// $tooltip-font-size-sml: rem-calc(14);
+// $tooltip-radius: $global-radius;
+// $tooltip-rounded: $global-rounded;
+// $tooltip-pip-size: 5px;
+// $tooltip-max-width: 300px;
+
+// 34. Top Bar
+// - - - - - - - - - - - - - - - - - - - - - - - - -
+
+// $include-html-top-bar-classes: $include-html-classes;
+
+// Background color for the top bar
+// $topbar-bg-color: $oil;
+// $topbar-bg: $topbar-bg-color;
+
+// Height and margin
+ $topbar-height: rem-calc(61);
+// $topbar-margin-bottom: 0;
+
+// Controlling the styles for the title in the top bar
+// $topbar-title-weight: $font-weight-normal;
+// $topbar-title-font-size: rem-calc(17);
+
+// Set the link colors and styles for top-level nav
+// $topbar-link-color: $white;
+// $topbar-link-color-hover: $white;
+// $topbar-link-color-active: $white;
+// $topbar-link-color-active-hover: $white;
+// $topbar-link-weight: $font-weight-normal;
+ $topbar-link-font-size: rem-calc(20);
+// $topbar-link-hover-lightness: -10%; // Darken by 10%
+// $topbar-link-bg: $topbar-bg;
+// $topbar-link-bg-hover: $d-blue;
+// $topbar-link-bg-color-hover: $d-blue;
+// $topbar-link-bg-active: $white;
+// $topbar-link-bg-active-hover: scale-color($primary-color, $lightness: -14%);
+// $topbar-link-font-family: $body-font-family;
+// $topbar-link-text-transform: none;
+// $topbar-link-padding: ($topbar-height / 3);
+// $topbar-back-link-size: rem-calc(18);
+ $topbar-link-dropdown-padding: rem-calc(16);
+// $topbar-button-font-size: 0.75rem;
+// $topbar-button-top: 7px;
+
+// Style the top bar dropdown elements
+// $topbar-dropdown-bg: $white;
+// $topbar-dropdown-link-color: $black;
+// $topbar-dropdown-link-color-hover: $green;
+// $topbar-dropdown-link-bg: $white;
+// $topbar-dropdown-link-bg-hover: $white;
+// $topbar-dropdown-link-weight: $font-weight-normal;
+// $topbar-dropdown-toggle-size: 5px;
+// $topbar-dropdown-toggle-color: $white;
+// $topbar-dropdown-toggle-alpha: 0.4;
+
+// $topbar-dropdown-label-color: $monsoon;
+// $topbar-dropdown-label-text-transform: uppercase;
+// $topbar-dropdown-label-font-weight: $font-weight-bold;
+// $topbar-dropdown-label-font-size: rem-calc(10);
+// $topbar-dropdown-label-bg: $oil;
+
+// Top menu icon styles
+// $topbar-menu-link-transform: uppercase;
+// $topbar-menu-link-font-size: rem-calc(13);
+// $topbar-menu-link-weight: $font-weight-bold;
+// $topbar-menu-link-color: $white;
+// $topbar-menu-icon-color: $white;
+// $topbar-menu-link-color-toggled: $jumbo;
+// $topbar-menu-icon-color-toggled: $jumbo;
+// $topbar-menu-icon-position: $opposite-direction; // Change to $default-float for a left menu icon
+
+// Transitions and breakpoint styles
+// $topbar-transition-speed: 300ms;
+// Using rem-calc for the below breakpoint causes issues with top bar
+// $topbar-breakpoint: #{lower-bound($medium-range)}; // Change to 9999px for always mobile layout
+// $topbar-media-query: $medium-up;
+
+// Top-bar input styles
+// $topbar-input-height: rem-calc(28);
+
+// Divider Styles
+// $topbar-divider-border-bottom: solid 1px scale-color($topbar-bg-color, $lightness: 13%);
+// $topbar-divider-border-top: solid 1px scale-color($topbar-bg-color, $lightness: -50%);
+
+// Sticky Class
+// $topbar-sticky-class: ".sticky";
+ $topbar-arrows: false; //Set false to remove the triangle icon from the menu item
+// $topbar-dropdown-arrows: true; //Set false to remove the \00bb >> text from dropdown subnavigation li//
+
+// 36. Visibility Classes
+// - - - - - - - - - - - - - - - - - - - - - - - - -
+
+// $include-html-visibility-classes: $include-html-classes;
+// $include-accessibility-classes: true;
+// $include-table-visibility-classes: true;
+// $include-legacy-visibility-classes: true;
--- /dev/null
+#sidebar {
+ padding-top: 25px;
+ background: #f2f9fc;
+ .row.collapse {
+ margin-left: 14px;
+ }
+ li {
+ list-style: none;
+ #calendar_wrap {
+ table#wp-calendar {
+ margin: 0 auto;
+ }
+ }
+ }
+ a {
+ font-size: 12px;
+ }
+ form {
+ margin: 0 12px 0 14px;
+ select {
+ padding: 0 rem-calc(8);
+ border-radius: 5px;
+ height: 25px;
+ margin: 0;
+ option {
+ font-size: 10px;
+ }
+ }
+ }
+ .small-block-grid-2 {
+ margin-top: 10px;
+ li {
+ padding: 0 rem-calc(10) rem-calc(10);
+ img {
+ border: 2px solid lightblue;
+ }
+ }
+ & > li:nth-of-type(2), & > li:nth-of-type(4) {
+ padding-left: 0;
+ }
+ & > li:nth-of-type(3), & > li:nth-of-type(4) {
+ padding-bottom: 20px;
+ }
+ }
+ h3 {
+ margin: 20px 0 0;
+ }
+ h1 {
+ margin: 0;
+ font-size: rem-calc(25);
+ text-transform: none;
+ }
+ input {
+ padding: 5px 0 5px 8px;
+ height: auto;
+ margin: 10px 0;
+ }
+ button {
+ border-radius: 2px;
+ padding: 0 10px;
+ }
+}
+#side-nav {
+ padding-top: 10px;
+ background: #f2f9fc;
+ h1 {
+ font-size: rem-calc(22);
+/* margin: 5px 0 25px;*/
+ }
+ h4 {
+ font-weight: bold;
+ margin-left: 10px;
+ }
+ li {
+ list-style: none;
+ }
+ ul {
+ list-style: none;
+ margin: 0 0 20px;
+ li {
+ margin: 0 -15px;
+ padding: 5px 10px 5px 25px;
+ &:hover {
+ background: #81adc1;
+ }
+ a {
+ color: darkblue;
+ &:hover {
+ color: $white;
+ }
+ }
+ }
+ }
+ h3 {
+ text-transform: none;
+ margin: 0;
+ }
+ input {
+ padding: 5px 0 5px 8px;
+ height: auto;
+ margin-bottom: 10px;
+ }
+ button {
+ border-radius: 2px;
+ padding: 0 10px;
+ }
+}
+#extra {
+ margin-top: 15px;
+ p {
+ line-height: 1.3;
+ &.title {
+ margin: 0;
+ &#last {
+ padding-top: 10px;
+ }
+ }
+ &#message {
+ text-transform: uppercase;
+ color: lightblue;
+ font-size: rem-calc(15);
+ margin: 40px 0;
+ }
+ }
+}
+.county-news {
+ font-weight: bold;
+}
+.current_page_item a {
+ font-weight: bold;
+}
\ No newline at end of file
--- /dev/null
+#slideshow {
+ #caption {
+ background: rgba(0, 0, 0, 0.75);
+ color: $white;
+ margin-top: -51px;
+ p {
+ padding: 10px 5px;
+ font-size: 12px;
+ margin: 0;
+ text-align: right;
+ }
+ }
+}
--- /dev/null
+//1. Body
+//2. Header
+//3. Fonts
+//4. Top Bar
+//5. Off-Canvas
+.off-canvas-wrap {
+ min-height: 100%;
+ .inner-wrap {
+ min-height: 100vh;
+ height: 100%;
+ }
+}
+//6. Main
+//7. Slideshow
+//8. Blog
+//9. Sidebar
+//10. Links
+//11. Footer
+//12. Copyright
+
+#example.element {
+ background-color: transparent;
+}
\ No newline at end of file
--- /dev/null
+.contain-to-grid {
+ box-shadow: 0 5px 10px -1px $aluminum;
+ .top-bar {
+ height: 73px;
+ box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.5);
+ margin-bottom: 10px;
+ }
+}
+.tab-bar {
+ .tab-bar-section.middle {
+// left: 0;
+// right: 2.8125rem;
+ text-align: right;
+ }
+}
+.top-bar-section {
+ background: transparent;
+ float: none;
+ margin-left: auto;
+ margin-right: auto;
+ display: inline-block;
+ height: auto;
+ line-height: 1;
+ ul{
+ li {
+
+ a {
+
+ }
+ &:not(.has-form):not(.active) {
+ & > a:not(.button) {
+ background: transparent;
+ }
+ }
+ ul.dropdown {
+ li {
+ a {
+ border-top-left-radius: 0;
+ border-top-right-radius: 0;
+ text-align: left;
+ }
+ &:not(.has-form):not(.active) {
+ & > a:not(.button) {
+ font-size: rem-calc(20);
+ padding: 10px 14px;
+
+ }
+ }
+ &.active:not(.has-form) {
+ & > a:not(.button) {
+ padding: 10px 14px;
+
+ }
+ }
+ }
+ }
+ &.drop-left {
+ ul.dropdown {
+ right: -1%;
+ left: auto;
+ li {
+ a {
+ text-align: left;
+ }
+ }
+ }
+ }
+// &.drop-right {
+// ul.dropdown {
+// padding-left: 250px;
+// padding-right: 21px;
+// right: -1%;
+// left: auto;
+// top: 74px;
+// background: $white;
+// border-bottom-left-radius: 10px;
+// border-bottom-right-radius: 10px;
+// min-width: 500px;
+// box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.5);
+// -ms-box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.5);
+// -moz-box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.5);
+// -webkit-box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.5);
+// li {
+// white-space: nowrap;
+// background: $white;
+// text-align: right;
+// border-bottom: 1px solid #e7e7e8;
+// padding: 5px 0;
+// &.nav-img-container {
+// img {
+// position: absolute;
+// left: 20px;
+// top: 23px;
+// border: 6px solid #fdefd4;
+// }
+// border: none;
+// }
+// a {
+// padding-left: 0;
+// text-align: left;
+// font-size: 18px;
+// &:hover {
+// color: $d-blue;
+// text-shadow: 0 0 1px $green;
+// text-shadow: 1 0 1px $green;
+// text-shadow: 0 1 1px $green;
+// text-shadow: -1 0 1px $green;
+// text-shadow: 0 -1 1px $green;
+// }
+// }
+// }
+// }
+// }
+ }
+ }
+}
--- /dev/null
+// Wordpress styles
+// Table of Contents
+// 01. Images
+
+
+// 01. Images
+// 02 Search and Post
+
+img.aligncenter {
+ display: block;
+ clear: both;
+ float:none;
+ padding:0;
+ margin-left: auto;
+ margin-right: auto;
+ }
+
+img.alignright {
+ padding: 0;
+ margin: 0 0 6px 11px;
+ display: inline;
+ }
+
+blockquote.alignleft,
+img.alignleft,
+.wp-caption.alignleft {
+ margin: rem-calc(7) rem-calc(35) rem-calc(7) 0;
+}
+
+blockquote.alignright,
+img.alignright,
+.wp-caption.alignright {
+ margin: rem-calc(7) 0 rem-calc(7) rem-calc(35);
+}
+img.alignleft {
+ padding: 0;
+ display: inline;
+ }
+img.alignleft, img.alignright, img.aligncenter, img.alignnone, div.wp-caption img {
+// border: 1px solid $charcoal;
+}
+
+.alignright {
+ float: right;
+}
+.alignnone {
+ float: none;
+}
+.alignleft {
+ float: left;
+}
+.wp-caption {
+// background: $charcoal;
+ width: auto;
+}
+.wp-caption-text {
+ font-family: Open Sans, sans-serif;
+ font-size: 9px;
+ color: $white;
+ font-style: italic;
+ margin: 0;
+ padding: 0 5px;
+}
+.gallery-one-title {
+ height: 45px;
+ font-size: 0.8em;
+ text-align: center;
+ font-family: sans-serif;
+ padding: 5px;
+}
+.gallery-holder {
+ margin: 10px 0 20px 0;
+}
+@media #{$small-range} {
+ img.alignright, img.alignleft, img.aligncenter {
+ width: 70% !important;
+ display: block;
+ margin-left: auto;
+ margin-right: auto;
+ float: none;
+ text-align: center;
+ }
+ div.wp-caption.alignright, div.wp-caption.alignleft {
+ width: 44% !important;
+ margin-left: auto;
+ margin-right: auto;
+ float: none;
+ text-align: center;
+ }
+ div.wp-caption.aligncenter {
+ width: 85% !important;
+ margin-left: auto;
+ margin-right: auto;
+ float: none;
+ text-align: center;
+ }
+ div.wp-caption.alignnone {
+ width: 85% !important;
+ float: none;
+ }
+ div.wp-caption.alignright, div.wp-caption.alignleft, div.wp-caption.aligncenter {
+ width: 100%;
+ }
+}
+@media #{$medium-range} {
+ img.aligncenter, img.alignnone {
+ width: 70% !important;
+ display: block;
+ margin-left: auto;
+ margin-right: auto;
+ float: none;
+ text-align: center;
+ }
+ div.wp-caption.aligncenter {
+ width: 74% !important;
+ margin-left: auto;
+ margin-right: auto;
+ float: none;
+ text-align: center;
+ }
+ div.wp-caption.aligncenter {
+ width: 100%;
+ }
+ div.wp-caption.alignnone {
+ width: 73% !important;
+ float: none;
+ }
+}
+
+.wp-caption {
+ max-width: 100%;
+ margin: 10px 20px;
+ padding: 5px;
+// background-color: #f3f3f3;
+// border: 1px solid #ddd;
+ text-align: center;
+ img {
+ width: 100%;
+ }
+ p.wp-caption-text {
+ padding: 5px;
+ width: 100%;
+ margin: 0;
+ color: black;
+ font-size: 12px;
+ }
+ &.aligncenter {
+ margin: 10px auto;
+ }
+}
+// end Images
+// 02 Search and Post
+@media #{$small-only} {
+ #blog-posts-over {
+ padding: 0 !important;
+ margin: 0 !important;
+ }
+}
+.blog-posts-container {
+ margin: 30px 0 30px;
+ embed, iframe, object, video {
+ max-width: 100%;
+ }
+ a {
+ text-decoration: none;
+ }
+ header.entry-header {
+ h2.entry-title {
+ a {
+ color: #222;
+ margin-left: 0;
+ }
+ }
+ }
+ .wp-caption .wp-caption-text, .gallery-caption, .entry-caption {
+ overflow: hidden;
+ color: #757575;
+ font-size: 0.857143rem;
+ font-style: italic;
+ line-height: 2;
+ }
+ .date {
+ font-size: 12px;
+ }
+ footer.entry-meta {
+ color: #757575;
+ font-size: 0.928571rem;
+ line-height: 1.84615;
+ margin-top: 1.71429rem;
+ clear: both;
+ float: none;
+ margin-right: auto;
+ }
+ footer {
+ background: none;
+ clear: both;
+ padding: 15px 0 0;
+ position: relative;
+ text-align: center;
+ }
+}
+#content-wrapper {
+ h1, h2, h3, h4, h5, h6 {
+ clear: both;
+ }
+}
+.content {
+ background: #fff;
+/* -webkit-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.75);
+ -moz-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.75);
+ box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.75);*/
+ box-shadow: 3px 3px 8px -1px darkgrey;
+}
+#searchform_container {
+ margin-top: 20px;
+}
+#searchform {
+ max-width: 100%;
+ text-align: center;
+ div {
+ input.blogbutton {
+ @include gradient(#1999ce, #107098);
+ }
+ }
+}
+#blog-side-info {
+ border-left: 1px solid grey;
+ margin-top: 30px;
+ padding-left: 20px;
+ @media #{$small-only} {
+ text-align: center;
+ }
+}
+
+// End Search and Posts
--- /dev/null
+/*
+GaslightMedia, all rights reserved.
+*/
+/*
+ Created on : May 22, 2015, 11:19:44 AM
+ Author : laury
+*/
+ /*
+ * To make the TINYMCE editor in wordpress reflect some of the default styles
+ * we have active on all our themes, thus leading to a more true WYSIWYG
+ * experience.
+ */
+#tinymce h1 {
+ clear: both;
+}
+
+#tinymce h2 {
+ clear: both;
+}
+
+#tinymce h3 {
+ clear: both;
+}
+
+#tinymce h4 {
+ clear: both;
+}
+
+#tinymce h5 {
+ clear: both;
+}
+
+#tinymce h6 {
+ clear: both;
+}
\ No newline at end of file
--- /dev/null
+@import "settings";
+@import "foundation";
+@import "mixins";
+@import "wordpress";
+@import "defaults";
+@import "body";
+@import "page.header";
+@import "topbar";
+@import "main";
+@import "slideshow";
+@import "plugins";
+@import "blog";
+@import "sidebar";
+@import "search";
+@import "page.footer";
+@import "copyright";
+@import "structure";
+@import "left-off-canvas";
+//@import "right-off-canvas";
+
--- /dev/null
+/*
+ Created on : Mar 5, 2015, 2:57:35 PM
+ Author : laury
+*/
+
+@mixin gradient($from, $to) {
+ background: -webkit-linear-gradient(left, $from 5%, $to 100%);
+ background: -moz-linear-gradient(center top, $from 5%, $to 100%);
+ background: -ms-linear-gradient(left, $from 5%, $to 100%);
+}
--- /dev/null
+@mixin off-canvas-arrow($direction: down, $color: white, $size: 20px) {
+ border-left: $size - 5 solid transparent;
+ border-right: $size - 5 solid transparent;
+ @if $direction == 'up' {
+ border-bottom: $size solid $color;
+ border-top: 0;
+ // if width is not passed, or empty do this
+ } @else {
+ border-top: $size solid $color;
+ border-bottom: 0;
+ }
+}
+@mixin off-canvas-point($direction: right, $color: red, $size: 1rem) {
+ @if $direction == 'down' {
+ content: '>';
+ transform: rotate(90deg);
+ color: $color;
+ height: $size;
+ width: $size;
+ font-size: $size;
+ font-weight: bold;
+ display: block;
+ } @if $direction == 'up' {
+ content: '>';
+ transform: rotate(-90deg);
+ color: $color;
+ height: $size;
+ width: $size;
+ font-size: $size;
+ font-weight: bold;
+ display: block;
+ } @else if $direction == 'right' {
+ content: '>';
+ transform: rotate(0deg);
+ color: $color;
+ height: $size;
+ width: $size;
+ font-size: $size;
+ font-weight: bold;
+ display: block;
+ }
+}
\ No newline at end of file
--- /dev/null
+#blog-posts-over article.ai1ec_event {
+ padding: 10px;
+}
\ No newline at end of file
--- /dev/null
+/* These are the basic styles for calendar, there are several others that can be added from the calendar's mark up.
+ These styles are primarily for the buttons, columns headers, and the over all calendar body. More selectors will
+ be necessary when getting deeper into the calendar's mark up to style elements
+*/
+
+#eventCalendar{
+
+ /* contains all of the buttons above the calendar, on left and right */
+ .fc-toolbar{
+
+ /* apply button styles here to affect all of the calendar buttons */
+ .fc-button{
+
+ }
+ /* currently selected button styles */
+ .fc-button.fc-state-active{
+
+ }
+ .fc-button.fc-state-hover{
+
+ }
+
+ /* affect only today, prev and next buttons (buttons on the above the left side of the calendar*/
+ .fc-left{
+ .fc-button{
+
+ }
+ .fc-today-button{
+
+ }
+ }
+
+ /* affect only month, week, day buttons (buttons above the right side of the calendar) */
+ .fc-right{
+ .fc-button-group{
+ .fc-button{
+
+ }
+ .fc-button.fc-state-active{
+
+ }
+ .fc-button.fc-state-hover{
+
+ }
+ }
+ }
+
+ /* Calendar Title / Current Month or Date */
+ .fc-center{
+ h2{
+
+ }
+ }
+ }
+
+ /* entire calendar body */
+ .fc-view-container{
+
+ /* dates, days or months at the top of each column (sun, mon, tue, wed, thur, fri, sat) */
+ .fc-head{
+ .fc-widget-header{
+
+ }
+ }
+ .fc-agendaDay-view{
+
+ }
+ .fc-month-view{
+
+ }
+ .fc-agendaWeek-view{
+
+ }
+ .fc-body{
+ .fc-widget-content{
+
+ }
+ }
+ }
+}
--- /dev/null
+/* NextGen Gallery */
+.ngg-gallery-thumbnail,
+.ngg-gallery-thumbnail-box {
+ float: none !important;
+}
+.gallery li a img { // without this images will overlap each other at certain widths
+ display: block;
+ width: 100%;
+}
+.ngg-gallery-thumbnail, .ngg-gallery-thumbnail-box {
+ float: none !important;
+}
+.ngg-album-compact h4 .ngg-album-desc {
+ height: auto !important;
+ font-family: $font-family-serif;
+ font-weight: 400;
+}
+.ngg-album-compact .album-meta-wrapper h4 a {
+ font-style: normal;
+}
+.album-meta-wrapper {
+ display: block;
+ height: 54px;
+ margin-bottom: 20px;
+}
+.ngg-glmalbums {
+ margin: 10px 0;
+}
+/* Ninja Forms */
+.ninja-forms-form-wrap {
+ max-width: 600px;
+ margin: 0 auto;
+ input[type=submit] {
+ @include button();
+ display: block;
+ margin: 0 auto;
+ }
+}
+
+/* End NextGen Gallery */
--- /dev/null
+ <main class="blog-archive">
+ <div class="row">
+ <?php get_template_part('parts/blog-content-area'); ?>
+ <?php get_template_part('parts/blog-sidebar-r'); ?>
+ </div>
+ </main>
\ No newline at end of file
--- /dev/null
+ <main class="blog-home">
+ <!-- <article <?php // post_class() ?> id="interior-featured">
+ <?php // GLM_get_header(); ?>
+ </article> -->
+ <div class="row">
+ <?php get_template_part('parts/blog-content-area'); ?>
+ <?php get_template_part('parts/blog-sidebar-r'); ?>
+ </div>
+ </main>
\ No newline at end of file
--- /dev/null
+ <main class="blog-single">
+ <div class="row">
+ <div id="blog-posts-over" class="small-12 medium-9 columns">
+ <?php if(have_posts()) : while(have_posts()): the_post();?>
+ <div class="row blog-post-container">
+ <div class="small-11 small-centered columns">
+ <div class="row">
+ <div class="small-12 columns">
+ <?php get_template_part('parts/blog-text-single'); ?>
+ <?php if ( comments_open() || get_comments_number() ) :
+ comments_template();
+ endif; ?>
+ </div>
+ </div>
+ </div>
+ </div>
+ <?php endwhile; ?>
+ <?php else: ?>
+ <div id="post-404" class="noposts">
+ <p><?php _e('Sorry, no results were found.');?></p>
+ </div><!-- /#post-404 -->
+ <?php endif;?>
+ </div>
+ <?php get_template_part('parts/blog-sidebar-r'); ?>
+ </div>
+ </main>
\ No newline at end of file
--- /dev/null
+ <div id="copyright" class="small-12 text-center row columns opensearchserver.ignore">
+ <span>Copyright © <?php echo date('Y');?> </span>
+ <span class="bullet"> • </span>
+ <span> Produced by <a target="_blank" href="http://www.gaslightmedia.com">Gaslight Media</a></span>
+ <span class="bullet"> • </span>
+ <span> All Rights Reserved</span>
+ </div>
\ No newline at end of file
--- /dev/null
+ <footer class="main opensearchserver.ignore">
+ <?php if (is_active_sidebar('sidebar-f')) :?>
+ <?php dynamic_sidebar('sidebar-f');?>
+ <?php endif;?>
+ <div class="row">
+ <div id="footer_address" class="row small-centered small-11 medium-6 columns">
+ <?php if (function_exists('glm_get_clientinfo_option')) :?>
+ <h2><?php echo glm_get_clientinfo_option('businessName');?></h2>
+ <?php if (glm_get_clientinfo_option('address')):?>
+ <span><?php echo glm_get_clientinfo_option('address');?></span>
+ <span class="bullet"> • </span>
+ <span><?php echo glm_get_clientinfo_option('city');?>, <?php echo glm_get_clientinfo_option('state');?>
+ <?php echo glm_get_clientinfo_option('zip');?></span>
+ <?php endif;?>
+ <?php if (glm_get_clientinfo_option('address2')):?>
+ <span class="bullet"> • </span>
+ <span><?php echo glm_get_clientinfo_option('address2');?></span>
+ <span class="bullet"> • </span>
+ <span><?php echo glm_get_clientinfo_option('city2');?>, <?php echo glm_get_clientinfo_option('state2');?>
+ <?php echo glm_get_clientinfo_option('zip2');?></span>
+ <?php endif;?>
+ <?php if (glm_get_clientinfo_option('phone')) :?>
+ <span class="bullet"> • </span><span><?php echo glm_get_clientinfo_option('phone');?></span>
+ <?php endif;?>
+ <?php if (glm_get_clientinfo_option('phone2')) :?>
+ <span class="bullet"> • </span><span><?php echo glm_get_clientinfo_option('phone2');?></span>
+ <?php endif;?>
+ <?php if (glm_get_clientinfo_option('email')) :?>
+ <span class="bullet"> • </span><span><?php echo glm_get_clientinfo_option('email');?></span>
+ <?php endif;?>
+ <?php if (glm_get_clientinfo_option('fax')) :?>
+ <span class="bullet"> • </span><span><?php echo glm_get_clientinfo_option('fax');?></span>
+ <?php endif;?>
+ <?php if (glm_get_clientinfo_option('extra')) :?>
+ <span class="bullet"> • </span><span><?php echo glm_get_clientinfo_option('extra');?></span>
+ <?php endif;?>
+ <?php endif;?>
+ </div>
+ </div>
+ </footer>
\ No newline at end of file
--- /dev/null
+ <main class="page-front">
+ <div class="row">
+ <?php get_template_part('parts/slide-show');?>
+ </div>
+ <div id="content-wrapper">
+ <div class="row" data-equalizer data-options="equalize_on_stack: false">
+ <?php
+ get_template_part('parts/glm-blocks');
+ ?>
+ </div>
+ <div class="row">
+ <?php get_template_part('parts/main-content');?>
+
+ <div class="small-12 medium-6 large-4 columns small-text-center medium-text-left">
+ <?php //get_sidebar(); ?>
+ </div>
+
+ </div>
+ </div>
+ </main>
\ No newline at end of file
--- /dev/null
+<header class="main">
+ <div class="row medium-uncollapse large-collapse">
+ <div id="logo-tag" class="small-12 text-center medium-12 columns">
+ <?php get_custom_logo($blog_id = 0 );?>
+ <?php the_custom_logo($blog_id = 0 );?>
+ <?php
+ if ( is_front_page() && is_home() ) : ?>
+ <h1 class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></h1>
+ <?php else : ?>
+ <h1 class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></h1>
+ <?php endif;
+ $description = get_bloginfo( 'description', 'display' );
+ if ( $description || is_customize_preview() ) : ?>
+ <h3 class="site-description"><?php echo $description; ?></h3>
+ <?php endif;
+ ?>
+ </div>
+ </div>
+</header>
\ No newline at end of file
--- /dev/null
+ <main class="page-inside">
+ <div id="content-wrapper">
+ <div class="row">
+ <?php if(function_exists('bcn_display') && !is_front_page())
+ {
+ echo "<div class=\"breadcrumbs small-12 columns\">";
+ echo '<span class="st_sharethis" st_title="'. get_the_title().'" st_url="'. get_the_permalink() .'"></span>';
+ bcn_display();
+ echo "</div>";
+ }
+ ?>
+ </div>
+ <div class="row">
+ <?php get_template_part('parts/main-content');?>
+ <!--
+ <div class="small-12 medium-6 large-4 columns small-text-center medium-text-left">
+ <?php //get_sidebar(); ?>
+ </div>
+ -->
+ </div>
+ </div>
+ </main>
\ No newline at end of file
--- /dev/null
+ <aside class="left-off-canvas-menu hide-for-large-up opensearchserver.ignore">
+ <?php glm_theme_mobile_off_canvas(); ?>
+ <?php get_template_part('parts/search-form');?>
+ <?php if (function_exists('glm_get_clientinfo_option')) :?>
+ <ul>
+ <li><?php echo glm_get_clientinfo_option('businessName');?></li>
+ <?php if (glm_get_clientinfo_option('address')):?>
+ <li><?php echo glm_get_clientinfo_option('address');?></li>
+ <li><?php echo glm_get_clientinfo_option('city');?>, <?php echo glm_get_clientinfo_option('state');?>
+ <?php echo glm_get_clientinfo_option('zip');?></li>
+ <?php endif;?>
+ <?php if (glm_get_clientinfo_option('address2')):?>
+ <li><?php echo glm_get_clientinfo_option('address2');?></li>
+ <li><?php echo glm_get_clientinfo_option('city2');?>, <?php echo glm_get_clientinfo_option('state2');?>
+ <?php echo glm_get_clientinfo_option('zip2');?></li>
+ <?php endif;?>
+ <?php if (glm_get_clientinfo_option('phone')) :?>
+ <li><?php echo glm_get_clientinfo_option('phone');?></li>
+ <?php endif;?>
+ <?php if (glm_get_clientinfo_option('phone2')) :?>
+ <span class="bullet"> • </span><span><?php echo glm_get_clientinfo_option('phone2');?></span>
+ <?php endif;?>
+ <?php if (glm_get_clientinfo_option('email')) :?>
+ <span class="bullet"> • </span><span><?php echo glm_get_clientinfo_option('email');?></span>
+ <?php endif;?>
+ <?php if (glm_get_clientinfo_option('fax')) :?>
+ <li><?php echo glm_get_clientinfo_option('fax');?></li>
+ <?php endif;?>
+ <?php if (glm_get_clientinfo_option('extra')) :?>
+ <li><?php echo glm_get_clientinfo_option('extra');?></li>
+ <?php endif;?>
+ </ul>
+ <?php endif;?>
+ </aside>
+ <!--
+ <aside class="right-off-canvas-menu">
+
+ </aside>-->
\ No newline at end of file
--- /dev/null
+ <main class="search-results">
+ <div class="row">
+ <?php if (get_search_query() == "") { ?>
+ <br><h2 class="search-result-header small-12 columns">Please enter a query in the search box. </h2>
+ <?php } else { ?>
+ <br><h2 class="search-result-header small-12 columns">Search Results for "<?php echo get_search_query(); ?>"</h2>
+ </div>
+
+ <div class="row">
+ <div id="blog-posts-over" class="small-12 columns">
+ <?php if(have_posts()) : while(have_posts()): the_post();?>
+ <?php if (is_search() && (isset($_GET['searchType']) && $_GET['searchType'] == 'blog') && ($post->post_type=='page')) continue; ?>
+ <div class="row content search-result-container">
+ <div class="small-11 small-centered columns">
+ <article id="<?php the_ID()?>" <?php post_class()?>>
+ <header class="entry-header">
+ <h1 class="entry-title"><a href="<?php the_permalink(); ?>"><?php the_title();?></a></h1>
+ <span class="meta date">Posted on <?php the_time('F jS, Y') ?></span>
+ </header>
+
+
+ <!-- Start of the Contextual/Highlight Search -->
+ <?php
+ // Configuration
+ $max_length = 400; // Max length in characters
+ $min_padding = 30; // Min length in characters of the context to place around found search terms
+
+ // Load content as plain text
+ global $wp_query, $post;
+ $content = (!post_password_required($post) ? strip_tags(preg_replace(array("/\r?\n/", '@<\s*(p|br\s*/?)\s*>@'), array(' ', "\n"), apply_filters('the_content', $post->post_content))) : '');
+
+ // Search content for terms
+ $terms = $wp_query->query_vars['search_terms'];
+ if ( preg_match_all('/'.str_replace('/', '\/', join('|', $terms)).'/i', $content, $matches, PREG_OFFSET_CAPTURE) ) {
+ $padding = max($min_padding, $max_length / (2*count($matches[0])));
+
+ // Construct extract containing context for each term
+ $output = '';
+ $last_offset = 0;
+ foreach ( $matches[0] as $match ) {
+ list($string, $offset) = $match;
+ $start = $offset-$padding;
+ $end = $offset+strlen($string)+$padding;
+ // Preserve whole words
+ while ( $start > 1 && preg_match('/[A-Za-z0-9\'"-]/', $content{$start-1}) ) $start--;
+ while ( $end < strlen($content)-1 && preg_match('/[A-Za-z0-9\'"-]/', $content{$end}) ) $end++;
+ $start = max($start, $last_offset);
+ $context = substr($content, $start, $end-$start);
+ if ( $start > $last_offset ) $context = '...'.$context;
+ $output .= $context;
+ $last_offset = $end;
+ }
+
+ if ( $last_offset != strlen($content)-1 ) $output .= '...';
+ } else {
+ $output = $content;
+ }
+
+ if ( strlen($output) > $max_length ) {
+ $end = $max_length-3;
+ while ( $end > 1 && preg_match('/[A-Za-z0-9\'"-]/', $output{$end-1}) ) $end--;
+ $output = substr($output, 0, $end) . '...';
+ }
+
+ // Highlight matches
+ $context = nl2br(preg_replace('/'.str_replace('/', '\/', join('|', $terms)).'/i', '<strong>$0</strong>', $output));
+ ?>
+
+ <p class="search_result_context">
+ <?php echo $context ?>
+ </p>
+ <p>
+ <a href="<?php the_permalink() ?>" rel="bookmark">Read this entry</a>
+ </p>
+ <!-- End of the Contextual/Highlight Search -->
+
+ <?php //echo (function_exists('the_advanced_excerpt')) ? the_advanced_excerpt(): the_excerpt(); ?>
+ <footer class="entry-meta small-12 medium-6 medium-push-3 center">
+ <?php
+ if (has_category()) {
+ $post_categories = wp_get_post_categories( get_the_ID() );
+ $cats = array();
+ echo 'This entry was posted ';
+ echo 'in';
+ foreach($post_categories as $c){
+ $cat = get_category( $c );
+ $cats[] = array( 'name' => $cat->name, 'slug' => $cat->slug );
+ echo ', <a rel="category" title="View all posts in '. $cat->name . ' " href="'. $cat->slug .'">'. $cat->name .'</a>';
+ }
+ echo '.';
+ }
+ ?>
+ </footer>
+ </article>
+ </div>
+ </div>
+ <?php endwhile; ?>
+ <div class="navigation">
+ <span class="newer"><?php previous_posts_link(__('« Newer','example')) ?></span> <span class="older"><?php next_posts_link(__('Older »','example')) ?></span>
+ </div><!-- /.navigation -->
+ <?php else: ?>
+ <div id="post-404" class="noposts">
+ <p><?php _e('Sorry, no results were found.');?></p>
+ </div><!-- /#post-404 -->
+ <?php endif;?>
+ </div>
+
+ <?php } ?> <!-- end empty query check -->
+ </div>
+ </main>
\ No newline at end of file
--- /dev/null
+ <nav class="top-bar text-center show-for-large-up opensearchserver.ignore" data-topbar role="navigation">
+ <section class="top-bar-section">
+ <?php glm_theme_top_bar(); ?>
+ </section>
+ </nav>
+ <nav class="tab-bar show-for-medium-down">
+ <section class="left-small">
+ <a class="left-off-canvas-toggle menu-icon" href="#"><span>Menu</span></a>
+ </section>
+ </nav>
\ No newline at end of file
--- /dev/null
+<!--
+ <div id="side-nav" class="show-for-large-up" data-equalizer-watch>
+ <div class="row collapse opensearchserver.ignore">
+ <?php //glm_side_menu(); ?>
+ </div>
+ </div>-->
--- /dev/null
+/*
+Theme Name: resortTownship
+Author: Gaslight Media
+Author URI: http://www.gaslightmedia.com
+Description: A theme for resortTownship
+Version: 1.0
+*/