Unable to install JQuery plugin in WordPress!

Hi,

I didn’t really think this post could fit in any one category, so my hope is that someone can help me with this dilemma because I have been working on it for 10 hours and can’t get anything to work! I’ve been trying to install a JQuery plugin called jQuery Custom Content Scroller into a WordPress theme called SKT Photoworld and can’t for the life of me get it to work!!! The idea is to make a custom scroller.

There are tons more php files in the child theme, but I think these were the files I needed to be working in.

I would really appreciate anybody’s help!

I have reset the code so you know what it looks like naturally:

Here is the index code from mainindextemplate.php

<?php
02
	/**
03
	 * The template for displaying home page.
04
	 *
05
	 * This is the template that displays all pages by default.
06
	 * Please note that this is the WordPress construct of pages
07
	 * and that other 'pages' on your WordPress site will use a
08
	 * different template.
09
	 *
10
	 * @package SKT Photo World
11
	 */
12

13
	get_header();
14
	?>
15

16
	<?php if( is_home() && get_option('page_for_posts') ) { ?>
17

18
	    <div id="primary" class="content-area">
19
	        <div id="content" class="site-content container">
20
	            <main id="main" class="site-main" role="main">
21
	                <header class="page"><h1 class="entry-title">BLOG</h1></header>
22
	                <div class="blog-post">
23
	                    <?php
24
	                    /*$paged = ( get_query_var('page') ) ? get_query_var('page') : 1;
25
	                    $query = new WP_Query( array( 'paged' => $paged, 'posts_per_page' => 3 ) );*/ ?>
26
	                    <?php if( have_posts() ) : ?>
27
	                        <?php while( have_posts() ) : the_post(); ?>
28
	                            <?php get_template_part( 'content', get_post_format() ); ?>
29
	                        <?php endwhile; ?>
30
	                        <?php //skt_photo_session_custom_blogpost_pagination( $query ); ?>
31
	                        <?php //wp_reset_postdata(); ?>
32
	                        <?php skt_photo_world_pagination(); ?>
33
	                    <?php else : ?>
34
	                        <?php get_template_part( 'no-results', 'index' ); ?>
35
	                    <?php endif; ?>
36
	                </div><!-- blog-post -->
37
	                <?php get_sidebar(); ?>
38
	                <div class="clear"></div>
39
	            </main><!-- main -->
40
	    <?php get_footer(); ?>
41

42
	<?php } else { ?>
43

44
	        </div>
45
	    </div>
46
	    <?php wp_footer(); ?>
47

48

49

50

51
	</body>
52
	</html><?php } ?>

Here is the index.php

01
	<?php
02
	/**
03
	 * The template for displaying home page.
04
	 *
05
	 * This is the template that displays all pages by default.
06
	 * Please note that this is the WordPress construct of pages
07
	 * and that other 'pages' on your WordPress site will use a
08
	 * different template.
09
	 *
10
	 * @package SKT Photo World
11
	 */
12

13
	get_header();
14
	?>
15

16
	<?php if( is_home() && get_option('page_for_posts') ) { ?>
17

18
	    <div id="primary" class="content-area">
19
	        <div id="content" class="site-content container">
20
	            <main id="main" class="site-main" role="main">
21
	                <header class="page"><h1 class="entry-title">BLOG</h1></header>
22
	                <div class="blog-post">
23
	                    <?php
24
	                    /*$paged = ( get_query_var('page') ) ? get_query_var('page') : 1;
25
	                    $query = new WP_Query( array( 'paged' => $paged, 'posts_per_page' => 3 ) );*/ ?>
26
	                    <?php if( have_posts() ) : ?>
27
	                        <?php while( have_posts() ) : the_post(); ?>
28
	                            <?php get_template_part( 'content', get_post_format() ); ?>
29
	                        <?php endwhile; ?>
30
	                        <?php //skt_photo_session_custom_blogpost_pagination( $query ); ?>
31
	                        <?php //wp_reset_postdata(); ?>
32
	                        <?php skt_photo_world_pagination(); ?>
33
	                    <?php else : ?>
34
	                        <?php get_template_part( 'no-results', 'index' ); ?>
35
	                    <?php endif; ?>
36
	                </div><!-- blog-post -->
37
	                <?php get_sidebar(); ?>
38
	                <div class="clear"></div>
39
	            </main><!-- main -->
40
	    <?php get_footer(); ?>
41

42
	<?php } else { ?>
43

44
	        </div>
45
	    </div>
46
	    <?php wp_footer(); ?>
47

48

49

50

51
	</body>
52
	</html><?php } ?>

Here is the header.php

001
	<?php
002
	/**
003
	 * The Header for our theme.
004
	 *
005
	 * Displays all of the <head> section and everything up till <div id="content">
006
	 *
007
	 * @package SKT Photo World
008
	 */
009
	?><!DOCTYPE html>
010
	<html <?php language_attributes(); ?>>
011
	<head>
012

013
	<link rel="stylesheet" href="css/nanoscroller.css">
014
	<script rel="text/javascript" src="js/jquery.nanoscroller.min.js"></script>
015
	<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
016

017

018

019

020
	  <!-- your content -->
021
	</div>
022
	<meta charset="<?php bloginfo( 'charset' ); ?>">
023
	<?php /*<meta name="viewport" content="width=device-width, initial-scale=1">*/ ?>
024
	<title><?php wp_title( '|', true, 'right' ); ?></title>
025
	<link rel="profile" href="https://gmpg.org/xfn/11">
026
	<link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>">
027
	<?php
028
	$slAr = array();
029
	for ($i=1;$i<10;$i++) {
030
	    if ( of_get_option('slide'.$i, true) != "" ) {
031
	        $imgUrl = of_get_option('slide'.$i, true);
032
	        if ( strlen($imgUrl) > 3 ) $slAr[] = of_get_option('slide'.$i, true);
033
	    }
034
	}
035
	?>
036
	<style type="text/css">
037
	        ul#demo-block{ margin:0 15px 15px 15px; }
038
	            ul#demo-block li{ margin:0 0 10px 0; padding:10px; display:inline; float:left; clear:both; color:#aaa; background:url(<?php get_template_directory_uri(); ?>/images/img/bg-black.png); font:11px Helvetica, Arial, sans-serif; }
039
	            ul#demo-block li a{ color:#eee; font-weight:bold; }
040
	    </style>
041
	<?php wp_head(); ?>
042
	</head>
043

044
	<body <?php body_class(); ?>>
045

046
	<?php
047

048
	$front_page = get_option('page_on_front');
049
	$post_page = get_option('page_for_posts');
050
	?>
051
	<div id="page" class="hfeed site">
052
	    <?php do_action( 'before' ); ?>
053

054
	        <?php if( (is_front_page() || is_home() ) && ($front_page == 0 && $post_page == 0) ){ ?>
055
	        <?php if( count($slAr) > 0 ){ ?>
056
	            <div class="slider-parent">
057
	                <div class="slider-wrapper theme-default container <?php if( is_front_page() || is_home()  ){ echo 'home_front_wrap_main'; } ?>">
058

059
	                   <!--Thumbnail Navigation-->
060
	    <div id="prevthumb"></div>
061
	    <div id="nextthumb"></div>
062

063
	    <!--Arrow Navigation-->
064
	    <a id="prevslide" class="load-item"></a>
065
	    <a id="nextslide" class="load-item"></a>
066

067

068
	    <div id="thumb-tray" class="load-item">
069
	        <div id="thumb-back"></div>
070
	        <div id="thumb-forward"></div>
071
	    </div>
072

073
	                </div><!--.container-->
074
	            </div><!--.slider-parent-->
075
	        <?php } //if( count($slAr) > 0 ){ ?>
076
	    <?php } ?>
077

078

079
	    <div id="wrapper">
080

081
	            <div class="header">
082

083
	                <div class="logo">
084
	                    <h1 class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home">
085
	                        <?php if( true == of_get_option('logo') ) { ?>
086
	                            <img src="<?php echo esc_url( of_get_option('logo', true) ); ?>" />
087
	                        <?php } else { ?>
088
	                            <?php bloginfo( 'name' ); ?>
089
	                        <?php } ?>
090
	                    </a></h1>
091
	                    <?php if(of_get_option('logo', true) != '') { ?>
092
	                    <p class="site-description" style="display:none;"><?php bloginfo( 'description' ); ?></p>
093
	                    <?php } else { ?>
094
	                    <p class="site-description"><?php bloginfo( 'description' ); ?></p>
095
	                    <?php }?>
096
	                </div>
097

098
	                <div id="site-nav">
099
	                    <div class="mobile_nav"><?php _e('Menu...','skt-photo-world'); ?></div>
100
	                     <nav id="nav">
101
	                       <?php wp_nav_menu( array('theme_location'  => 'primary' ) ); ?>
102
	                     </nav>
103
	                </div><!-- site-nav --><div class="clear"></div>
104
	            </div><!-- header -->
105

106

107

Here is the footer.php

01
	<?php
02
	/**
03
	 * The template for displaying the footer.
04
	 *
05
	 * Contains the closing of the #content div and all content after
06
	 *
07
	 * @package SKT Photo World
08
	 */
09
	?>
10

11

12
	  </div><!-- wrapper -->
13
	    <footer id="colophon" class="site-footer" role="contentinfo">
14
	        <div class="foot_col_container">
15
	            <div class="footer-menu"><h2>Main Menu</h2>
16
	               <?php wp_nav_menu( array('theme_location' => 'main') ); ?>
17
	            </div><!-- footer-menu -->
18

19
	            <div class="social"><h2>Get In Touch</h2>
20
	                <div class="container">
21
	                    <?php if ( of_get_option('facebook', true) != "") { ?>
22
	                     <a target="_blank" href="<?php echo esc_url(of_get_option('facebook', true)); ?>" title="Facebook" ><div class="fb">Facebook</div></a>
23
	                     <?php } ?>
24
	                    <?php if ( of_get_option('twitter', true) != "") { ?>
25
	                     <a target="_blank" href="<?php echo esc_url("https://twitter.com/". esc_attr(of_get_option('twitter', true)) ); ?>" title="Twitter" ><div class="twitt">Twitter</div></a>
26
	                     <?php } ?>
27
	                     <?php if ( of_get_option('google', true) != "") { ?>
28
	                     <a target="_blank" href="<?php echo esc_url(of_get_option('google', true)); ?>" title="Google Plus" > <div class="gplus">Google +</div></a>
29
	                     <?php } ?>
30
	                     <?php if ( of_get_option('linkedin', true) != "") { ?>
31
	                     <a target="_blank" href="<?php echo esc_url(of_get_option('linkedin', true)); ?>" title="Linkedin" ><div class="linkedin">Linkedin</div></a>
32
	                     <?php } ?>
33

34
	                </div>
35
	            </div><!-- social -->
36
	            <div class="contact"><h2>Contact Info</h2>
37
	                 <h3 class="company-title"><?php echo esc_html( of_get_option('contact1', true) ); ?></h3>
38
	                 <p><?php echo esc_html( of_get_option('contact2', true) ); ?></p>
39
	                 <p><?php echo esc_html( of_get_option('contact3', true) ); ?></p>
40
	                 <p><strong>Phone :</strong> <?php echo esc_html( of_get_option('contact4', true) ); ?></p>
41
	                 <p><strong>Email :</strong> <?php echo sanitize_email( of_get_option('contact5', true) ); ?></p>
42
	            </div><!-- contact -->
43
	            <div class="clear"></div>
44
	        </div>
45
	    </footer><!-- #colophon -->
46
	  <div class="footer-bottom">
47
	      <div class="foot_col_container">
48
	        <div class="bottom-left">
49
	            <?php
50
	            if ( (function_exists( 'of_get_option' ) && (of_get_option('footertext2', true) != 1) ) ) {
51
	                echo esc_html( of_get_option('footertext2', true) );
52
	            } ?>
53
	        </div><!-- bottom-left -->
54
	        <div class="bottom-right">
55

56
	            <?php do_action( 'skt_photo_world_credits' ); ?>
57
	        </div><!-- bottom-right --><div class="clear"></div>
58
	        </div><!-- footer-bottom -->
59
	    </div>
60
	</div><!-- #page -->
61

62

63

64
	<?php wp_footer(); ?>
65

66

67

68
	</body>
69
	</html>

Here is functions.php

1
	<?php
2

3
	add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' );
4
	function theme_enqueue_styles() {
5
	    wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' . '/nivo-theme.css' . '/main.less' . '/supersized.css' . '/supersized.shutter.css');
6

7
	}
8

9
	?>

And here is the main.css file

001
	/*
002
	**** The file with .less extension has been provided for reference to be used by other developers. Do not touch it if you don't know what it is.
003
	**** Main Stylesheet Document of the theme ** This contains basic Structural Details, Styling of the theme.
004
	*/
005

006
	/* Basic Containers -------------------------------------------------*/
007

008
	@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400,300,300italic,400italic,700,700italic);
009

010
	body {font-family:Arial; font-size:12px; color:#ffffff; }
011
	.container { margin:0; }
012
	#page {position:relative; z-index:999; margin:auto; }
013
	#wrapper {width:94%; margin:0 auto 80px; padding:0; position:relative; z-index:99999999; }
014
	#content {padding:20px; word-wrap:break-word; -ms-word-wrap:break-word; background:url(../images/header-bg.png); }
015
	.blog #content {padding-left:30px; }
016
	.clear{clear:both; }
017
	/* Links------------------------------------------------- */
018
	a {color:#fc0000; text-decoration:none; outline:none;}
019
	a:hover,a:focus,a:active {color:#eeeded; }
020
	/*----------- HEADER ------------*/
021
	.header{ width:100%; margin:0 auto 37px; padding:5px 0; background:url(../images/header-bg.png); position:relative;}
022
	.buy-button{ position:absolute; right:60px; top:0;}
023
	.header .logo{ margin:15px 0 0 38px; padding:0; float:left; }
024
	.header .logo h1.site-title a{font:700 39.53px 'Roboto Condensed', Arial; text-decoration:none; text-transform:uppercase; color:#ffffff;}
025
	.header .logo h1{ margin-bottom:2px;}
026
	p.site-description{ font:14px 'Roboto Condensed', san-serif; color:#ffffff; letter-spacing:2.5px;}
027
	/* NAVIGATION */
028
	/*.page-template-page-full-width-php #site-nav{display:none;}*/
029
	#site-nav{ margin:38px 38px 0 0; padding:0; float:right; font:300 16px 'Roboto Condensed', Arial; }
030
	#site-nav ul{ margin:0; padding:0; }
031
	#site-nav ul li{ display:inline-block; position:relative; list-style:none; padding:0 21px 0 0; line-height:normal; }
032
	#site-nav ul li a{padding:6px 0 6px 16px; display:inline-block; font-weight:300; color:#eeeded; text-decoration:none; text-transform:uppercase;}
033
	#site-nav ul li:hover, #site-nav li.current_page_item{}
034
	#site-nav ul li a:hover, #site-nav li.current_page_item a{ text-decoration:none; color:#7bb303; }
035
	/* ----------- Drop Down Menu ------- */
036
	.noBottomBorder{border-bottom:none !important; }
037
	.haschild{background:url(../images/menu_sub_icon.png) no-repeat center right; }
038
	#site-nav ul li ul{ display:none; }
039
	#site-nav ul li:hover ul{display:block; position:absolute; left:0; width:190px; top:30px; background:url(../images/menu_sub.png) repeat left top; z-index:10;}
040
	#site-nav ul li:hover ul li{ border-top:1px #2c2d2e solid; border-bottom:1px #040506 solid; display:block;}
041
	#site-nav ul li:hover ul li a{background-position:7px center; padding:7px 15px; text-transform:inherit !important;}
042
	#site-nav ul li:hover ul li ul{display:none; }
043
	#site-nav ul li:hover ul li:hover ul{display:block; position:absolute; left:170px; top:0px;}
044
	#site-nav ul li:hover ul li:hover ul li ul{display:none; }
045
	#site-nav ul li:hover ul li:hover ul li:hover ul{display:block; }
046
	#site-nav ul li:hover ul li:hover ul li:hover ul li ul{display:none; }
047
	#site-nav ul li:hover ul li:hover ul li:hover ul li:hover ul{display:block; }
048
	#site-nav ul li:hover ul li:hover ul li:hover ul li:hover ul li ul{display:none; }
049
	#site-nav ul li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul{display:block; }
050
	.header .header-bottom{ width:100%; margin:0; padding:0; background:url(../images/header-bottom-shape.png) no-repeat bottom; height:53px; }
051
	#header-bottom-shape{ background:url(../images/header-bottom-shape2.png) no-repeat top; width:75px; height:44px; cursor:pointer; margin-left:86px; }
052
	#header-bottom-shape.showDown{background-image:url(../images/header-bottom-shape1.png); }
053
	/* Slider Styles------------------------------------------------*/
054
	.slider-parent {position:fixed; -moz-background-size:cover; -webkit-background-size:cover; -khtml-background-size:cover; background-size:cover; width:100%; height:100%; }
055
	.texture_overlay_1, .texture_overlay_2{ width:100%; height:100%;}
056
	.texture_overlay_1{background:url(../images/pattern_1.png) repeat left top;}
057
	.texture_overlay_2{background:url(../images/pattern_2.png) repeat left top;}
058
	.slider-wrapper {width:100%; position:relative; }
059
	.nivo-caption {max-width:550px; min-width:400px; overflow:hidden; bottom:50px; right:25px; font-family:'Roboto', Arial; font-weight:lighter; text-align:right;}
060
	.nivo-caption a {text-decoration:none; border:none !important; }
061
	.nivo-caption a:hover {text-decoration:underline; }
062
	.nivo-html-caption {display:none; }
063
	.nivoSlider .slide{width:100%; height:100%; position:fixed; -moz-background-size:cover; -webkit-background-size:cover; -khtml-background-size:cover; background-size:cover; }
064
	div.slide-title {display:block; background-color:transparent; color:#fff; font:300 34px "Roboto Condensed", Arial; text-transform:uppercase;}
065
	.home_front_wrap_main{height:100%;}
066
	div.slide-title span{background:url(../images/transparent_black.png) repeat left top; display:inline-block; padding:10px 15px;}
067
	div.slide-title a{color:#fff;}
068
	a div.slide-title{color:#eeeded; text-decoration:none; border:none !important;}
069
	.nivo-caption a:hover div.slide-title{color:#fff; border:none;}
070
	/*Homepage --------------------------------------------------*/
071
	h2#page-title,.archive h1.page-title,.page h1.entry-title {font-size:30.52px; font-family:'Roboto Condensed', Arial; font-weight:lighter; display:inline-block; clear:both; text-transform:uppercase; padding:20px 0 0; color:#eeeded; }
072
	.article-wrapper {white-space:230px; float:left; display:block; height:230px; }
073
	.homepage-article {background:#2a2622; padding:10px; width:230px; float:left; margin-right:25px; max-height:220px; word-wrap:break-word; -ms-word-wrap:break-word; }
074
	.homepage-article .featured-image {width:230px; height:140px; overflow:hidden; }
075
	.homepage-article img {transition:1s all ease; -webkit-transition:1s all ease; -moz-transition:1s all ease; -o-transition:1s all ease; }
076
	.homepage-article img:hover {transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); }
077
	.homepage-article h1.entry-title {padding-top:4px; text-align:center; border-top:solid 1px #4f4f4f; }
078
	.homepage-article h1.entry-title a {font-family:Calibri, Arial, Helvetica, sans-serif; color:#e7e2c5; text-decoration:none; font-size:small; }
079
	.homepage-article h1.entry-title a:hover {color:white; position:relative; }
080
	.homepage-article h1.entry-title a[data-title]:hover:after {content:attr(data-title); padding:4px 8px; color:#eee; position:absolute; left:-8px; top:-7px; z-index:20px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -moz-box-shadow:0px 0px 4px #222; -webkit-box-shadow:0px 0px 4px #222; box-shadow:0px 0px 4px #222; background:black; overflow:visible; word-wrap:break-word; width:220px; display:inline-block; }
081
	/*Articles, Pages and General Content Section Styling----------------------------------------------------------*/
082
	/* Floating Details of the Section, which determines the layout is present in the css/layouts folder */
083
	word-wrap:break-word; -ms-word-wrap:break-word; }
084
	.single-post {border-bottom:1px dotted #6e5730; padding-bottom:20px; }
085
	.single-post h1.entry-title {font-size:30.52px; font-family:'Roboto Condensed', Arial; font-weight:lighter; display:inline-block; clear:both; text-transform:uppercase; padding:51px 0 0; color:#eeeded; }
086
	.single-post h1.entry-title a {text-decoration:none; }
087
	.single-post .featured-image-single {width:80%; margin:auto; clear:both; margin-bottom:15px; }
088
	.single-post .featured-image-single img {border:solid 10px #ece5be; }
089
	.entry-meta {font-size:11px; color:grey; font-family:Helvetica, Arial, sans-serif; font-weight:lighter; }
090
	.entry-meta a {color:#86C301; text-decoration:none; }
091
	.entry-meta a:hover {text-decoration:underline; }
092
	#nav-below {background:#000; padding:10px; margin-top:25px; }
093
	.postmeta{ margin:0; padding:0; position:relative; z-index:9; }
094
	.postmeta .post-date{ margin-top:-1px; padding:7px 11px 0 32px; background:url(../images/date.png) no-repeat; height:30px; color:#eeeded; float:left; }
095
	.postmeta .post-comment{ background:url(../images/comment.png) no-repeat; height:30px; margin:-1px 0 0; padding:6px 11px 0 32px; color:#eeeded; float:right; }
096
	/* Blog Page-------------------------------------------------------*/
097
	.blog-post{ width:100%; margin:0; padding:0;}
098
	h2.entry-title{ font:300 21.36px 'Roboto Condensed', Arial; padding:20px 0; }
099
	h2.entry-title a{ font:300 21.36px 'Roboto Condensed', Arial; color:#eeeded; }
100
	.post-thumb{ margin:0; padding:0; position:relative; }
101
	.post-thumb img{ width:398px; height:175px; border:4px solid #0e0e10; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; -o-border-radius:3px; margin-top:-41px; }
102
	.read-more{ display:inline; margin:0; padding:0; }
103
	.read-more a{ display:inline; }
104
	.read-more a:hover{color:#7BB302; }
105
	.entry-summary p{ display:inline; line-height:22px; }
106
	/* Sidebar-------------------------------------------------------*/
107
	#sidebar, #sidebar-contact{ width:80%; margin:0 auto;}
108
	#secondary{ background:url(../images/header-bg.png);}
109
	#sidebar-contact{margin:0; padding:58px 0 0;}
110
	#sidebar-contact h1.widget-title{margin-bottom:15px;}
111
	#sidebar-contact p{margin-top:10px;}
112
	.recent-post{ width:100%; margin:0; padding:0; }
113
	.recent-post .post-box{ width:100%; margin:0; padding:15px 0 15px; border-bottom:1px dashed #606266; line-height:19px; }
114
	.recent-post .post-box .thumb{ margin:0; padding:0; }
115
	.recent-post .post-box .thumb img{ width:52px; height:49px; float:left; margin:0 15px 0 0; padding:0; border:3px solid #121417; }
116
	.recent-post .post-box .post-text{ width:100%; margin:0; padding:0; }
117
	.recent-post .post-box .post-text a{ display:inline-block; color:#7BB302; font-size:11px; }
118
	.recent-post .post-box:last-child{ border:none; }
119
	h1.widget-title{font:300 22.89px 'Roboto Condensed', Arial; color:#eeeded; text-transform:uppercase; border-bottom:1px dashed #606266; padding-bottom:20px; }
120
	aside{ margin-top:56px; }
121
	aside ul{ margin:0; padding:0; list-style:none; }
122
	aside ul li{ margin:0; padding:8px 0; }
123
	aside ul li a{color:#eeeded; background:url(../images/list-arrow.png) no-repeat scroll 0 3px; padding-left:19px; }
124
	aside ul li a:hover{color:#fc0000; background:url(../images/list-arrow-hover.png) no-repeat scroll 0 3px; padding-left:19px; }
125
	.widget ul{ list-style:none; margin:0; padding:0; }
126
	.widget ul li a{color:#eeeded; background:url(../images/list-arrow.png) no-repeat scroll 0 3px; padding-left:19px; }
127
	.widget ul li a:hover{color:#fc0000; background:url(../images/list-arrow-hover.png) no-repeat scroll 0 3px; padding-left:19px; }
128
	#secondary a,#footer-sidebar a {text-decoration:none; }
129
	#secondary .widget-title,#footer-sidebar .widget-title {color:#ffffff; padding:10px 0; font-size:22.89px; margin-bottom:10px; }
130
	#secondary .widget_tag_cloud a,#footer-sidebar .widget_tag_cloud a {font-size:14px !important; background:#5e5340; color:#d5be95; padding:4px 8px; text-decoration:none; margin-top:4px; display:inline-block; }
131
	#secondary .widget_tag_cloud a:hover,#footer-sidebar .widget_tag_cloud a:hover {background-color:#6e5730; }
132
	#secondary ul,#footer-sidebar ul {margin-left:0px; list-style:none; }
133
	#footer-sidebar ul > li {padding-bottom:5px; }
134
	#secondary ul > li ul, #footer-sidebar ul > li ul {border-bottom:none; margin-left:20px; padding-bottom:none; list-style:disc; }
135
	#secondary ul > li ul li, #footer-sidebar ul > li ul li {padding:0px; border:none; }
136
	#secondary select, #footer-sidebar select {width:100%; height:45px; outline:none; padding:10px; }
137
	.widget_search input[type=submit] {display:inline; background:#4f4f4f; color:white; box-shadow:none; text-shadow:none; }
138
	.widget_search input[type=search] {outline:none; background:#dbdacf; width:63%; }
139
	#footer-sidebar {clear:both; }
140
	#footer-sidebar .footer-column {width:30%; float:left; margin:1.5%; }
141
	/*Comments Section */
142
	.comment {background:#000; border:none; }
143
	/* Modification for Sidebar on Homepage */
144
	#primary-home {overflow:auto; }
145
	/* Full width Template footer----------------------------------------------*/
146
	.full-width {width:100% !important; padding:10px; }
147
	/* Colophon */
148
	#colophon {background:#000; opacity:0.8; color:#ffffff; padding:20px; }
149
	.foot_col_container{width:94%; margin:0 auto;}
150
	#colophon h2{font:300 19.84px 'Roboto Condensed', Arial; color:#ffffff; border-bottom:1px dashed #242425; text-transform:uppercase; padding-bottom:15px; margin-bottom:15px; }
151
	#colophon .site-info {float:left; }
152
	#colophon #footertext {float:right; }
153
	h3.company-title{font:400 18px 'Roboto Condensed', Arial; }
154
	.footer-menu{ width:22%; margin:0 31px 0 0; padding:0; float:left; }
155
	.footer-menu ul{ list-style:none; margin:0; }
156
	.footer-menu ul li{ margin:0; padding-bottom:10px; }
157
	.footer-menu ul li a{color:#ffffff; background:url(../images/footer-menu-arrow.png) no-repeat scroll 0 3px; padding-left:21px; }
158
	.footer-menu ul li a:hover{color:#fc0000; text-decoration:none; background:url(../images/footer-menu-arrow-hover.png) no-repeat scroll 0 3px; }
159
	 .footer-menu ul li ul{ display:none; }
160
	.social{ width:22%; margin-left:31px; padding:0; float:left; }
161
	.social a{ color:#ffffff; }
162
	.social a:hover{ color:#fc0000; }
163
	.social .fb{ width:100%; margin:0 0 9px; padding:2px 0 0 40px; background:url(../images/fb-icon.png) no-repeat scroll 0 0; height:21px; }
164
	.social .fb:hover{ background:url(../images/fb-icon-hover.png) no-repeat scroll 0 0; }
165
	.social .twitt{ width:100%; margin:0 0 9px; padding:2px 0 0 40px; background:url(../images/twitt-icon.png) no-repeat scroll 0 0; height:21px; }
166
	.social .twitt:hover{ background:url(../images/twitt-icon-hover.png) no-repeat scroll 0 0; }
167
	.social .gplus{ width:100%; margin:0 0 9px; padding:2px 0 0 40px; background:url(../images/gplus-icon.png) no-repeat scroll 0 0; height:21px; }
168
	.social .gplus:hover{ background:url(../images/gplus-icon-hover.png) no-repeat scroll 0 0; }
169
	.social .linkedin{ width:100%; margin:0 0 9px; padding:2px 0 0 40px; background:url(../images/in-icon.png) no-repeat scroll 0 0; height:21px; }
170
	.social .linkedin:hover{ background:url(../images/in-icon-hover.png) no-repeat scroll 0 0; }
171
	.contact{ width:22%; float:left; margin:0 0 0 31px; padding:0; }
172
	.contact p{ margin:0; padding:0; line-height:25px; }
173
	.footer-bottom{ width:94%; margin:0 auto; padding:20px 3%; background-color:#000000; opacity:0.9; }
174
	.page-template-page-full-width-php .footer-bottom{width:96%; padding:20px 2%;}
175
	.footer-bottom a{color:#fc0000; }
176
	.footer-bottom .bottom-left{ width:260px; margin:0; padding:0; float:left; }
177
	.footer-bottom .bottom-right{ width:270px; margin:0; padding:0; float:right; text-align:right; }
178
	/* Archive & Search Pages---------------------------------------- */
179
	.search .entry-title a,.archive .entry-title a {font-size:x-large; text-decoration:none; }
180
	.search article,.archive article {padding:15px; }
181
	.search h1.entry-title,.archive h1.entry-title {clear:both; color:#EEEDED; display:inline-block; font-family:'Roboto Condensed', Arial; font-size:30.52px; font-weight:lighter; padding:51px 0 0; }
182
	.search .page-title {font-size:x-large; border-bottom:solid 1px black; display:inline-block; margin-bottom:15px; }
183
	.category .entry-title a {font-size:normal; }
184
	.category article {background:#2a2622; padding:10px; }
185
	.category h1.entry-title {font-size:normal; padding:0px 0px; }
186
	.category .wp-post-image {max-width:100%; border-bottom:none; box-shadow:none; }
187
	/* Pagination-----------------------------------------------*/
188
	.pagination {margin:20px 0; padding-top:25px; text-align:center; width:100%; clear:both; }
189
	.pagination ul {list-style:none; text-align:center; margin-bottom:0; margin-left:0px; }
190
	.pagination ul > li {display:inline; }
191
	.pagination ul > li > a {color:#6a5634; transition:all 0.4s ease; }
192
	.pagination ul > li > a:hover {color:#fff; background:#fdf1ad; }
193
	.pagination .current {background:#fff3ab; }
194
	.pagination ul  > li  > a, .pagination ul  > li  > span {float:left; border:none; font-size:12px; margin-right:3px; padding:6px 10px; background:linear-gradient(#8BB31A, #3E8D03); background:-moz-linear-gradient(#8BB31A, #3E8D03); background:-webkit-linear-gradient(#8BB31A, #3E8D03); background:-o-linear-gradient(#8BB31A, #3E8D03); color:#fff; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; -o-border-radius:3px; }
195
	#wp_page_numbers li{ margin-right:5px; background:none; }
196
	.pagination ul  > li:hover > a, .pagination ul  > li > span.current{background:linear-gradient(#3E8D03, #8BB31A); background:-moz-linear-gradient(#3E8D03, #8BB31A); background:-webkit-linear-gradient(#3E8D03, #8BB31A); background:-o-linear-gradient(#3E8D03, #8BB31A);}
197
	.pagination ul  > li:first-child  > a,.pagination ul  > li:first-child  > span {border-left-width:1px; }
198
	.pagination ul  > li:last-child  > a,.pagination ul  > li:last-child  > span {border-rigth-width:1px; }
199
	/* HTML Markup & Formatting */
200
	.single article h1,.page article h1 {font-size:xx-large; }
201
	.single article h2,.page article h2 {font-size:x-large; }
202
	.single article h3,.page article h3 {font-size:large; }
203
	.single article h4,.page article h4 {font-size:18px; }
204
	.single article h5,.page article h5 {font-size:16px; }
205
	.single article h6,.page article h6 {font-size:14px; }
206
	.single article blockquote,.page article blockquote {background:#000; padding:10px; margin-bottom:10px; padding-bottom:1px; font-family:'Roboto Condensed', Arial; }
207
	.single article table td,.page article table td,.single article table th,.page article table th {padding:5px;}
208
	.single article table th,.page article table th {border-bottom:solid 3px #100d0a; }
209
	.single article ul ul,.page article ul ul {list-style:circle; }
210
	.single article ul ul ul,.page article ul ul ul {list-style:disc; }
211
	.single article ol ol,.page article ol ol {list-style:lower-roman; }
212
	.single article ol ol ol,.page article ol ol ol {list-style-type:lower-alpha; }
213
	.full-width {width:98% !important; }
214
	.slide-description, .slide-readmore{margin-top:4px; color:#eeeded; font-size:12px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; display:block;}
215
	.slide-description{font-size:14px; font-style:italic; line-height:1.1;}
216
	.slide-readmore{font-size:12px;}
217
	.slide-description span{background:url(../images/transparent_black.png) repeat left top; padding:15px; display:inline-block;}
218
	.slide-readmore a{background:url(../images/menu_sub_icon.png) no-repeat right center; padding-right:20px;}
219
	.slide-readmore span{background:url(../images/transparent_black.png) repeat left top; padding:10px 15px; display:inline-block;}
220

221
	/* contact form */
222
	#contactform{}
223
	#contactform p{ margin:0 0 10px; padding:0}
224
	#contactform .inputfield{width:90%; padding:10px 4%; border:none; background:transparent; box-shadow:inset 0 2px 3px #000; color:#ccc; border:1px #000 solid;}
225
	#contactform textarea.inputfield{height:100px;}
226
	.wd90{width:90px !important;}
227
	input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{color:#999;}
228
	input:-moz-placeholder, textarea:-moz-placeholder{color:#999;}
229
	input::-moz-placeholder, textarea::-moz-placeholder{color:#999;}
230
	input:-ms-input-placeholder, textarea:-ms-input-placeholder{color:#999;}
231
	.errorbox{padding:10px 0; color:#c00;}
232
	.successbox{padding:10px 0; color:#0a0;}
233
	#secondary.home_front_wrap{width:96%;}
234
	#calendar_wrap{ margin:0; padding:0;}
235
	#calendar_wrap caption{font:300 22.89px 'Roboto Condensed', Arial; border-bottom:1px dashed #606266; text-transform:uppercase; margin-bottom:10px; padding-bottom:10px; color:#ffffff;}
236

237
	/* Ecommerce */
238
	.shop_table tr th{border-bottom:1px solid #FFF !important;}
239
	.woocommerce-result-count{width:100%;}
240
	mark{background-color:transparent !important;}
241

242
	/* ------ Woocommerce ------- */
243
	select.orderby{ margin:0; padding:0; height:35px; font:14x 'PT Sans', Helvetica, sans-serif; color:#4e4e4e; border:1px solid #cccccc;}
244
	.woocommerce ul.products li.product .price, .woocommerce-page ul.products li.product .price{ color:#e74c3c !important;}
245

246

247

248
	/* Responsive Design Begins Below---------------------------------------------------*/
249
	/*
250
	@media screen and (max-width:1100px) and (min-width:960px) {
251
	    #wrapper{min-width:960px;}
252
	    .container{}
253
	    #nav-wrapper {width:912px; }
254
	    #primary-home {padding-left:68px; }
255
	    .home #secondary {margin-left:2%; }
256
	    .home #secondary .widget {margin-right:2%; }
257
	}
258
	@media screen and (max-width:960px) and (min-width:768px) {
259
	    #wrapper{min-width:768px;}
260
	    .container{}
261
	    #nav-wrapper {width:729.5999999999999px; }
262
	    #primary-home {padding-left:88px; }
263
	    #footer-sidebar .footer-column {width:70%; margin:auto; float:none; }
264
	    #primary {width:95%; float:none; }
265
	    #secondary {width:70%; float:none; margin:auto; }
266
	}
267
	@media screen and (max-width:768px) and (min-width:480px) {
268
	    #wrapper{min-width:480px;}
269
	    .container {width:456px; }*/
270
	/*
271
	    .main-navigation {top:0px; }
272
	    #primary {width:95%; float:none; }
273
	    #secondary {width:95%; padding-left:10px; }
274
	    .pagination {margin-left:-50px; }
275
	    .site-title a {font-size:x-large; }
276
	    .site-description {font-size:x-small; }
277
	    #primary-home {padding-left:88px; }
278
	    .page-template-page-full-width-php #secondary .widget,.home #secondary .widget {width:456px; }
279
	    #colophon #footertext {float:left; }
280
	    div.slide-title {font-size:18px; display:block; }
281
	    div.slide-description {font-size:12px; }
282
	    .slide-description{background-color:#000; opacity:0.8; height:50px; }
283
	    #footer-sidebar .footer-column {width:80%; margin:auto; }
284
	}
285
	@media screen and (max-width:480px) {
286
	    #wrapper{min-width:320px;}
287
	    #sidebar{width:100%; float:none; padding-top:30px;}
288
	    .blog-post{float:none;}
289
	    .container {width:320px; }*/
290
	/*
291
	    #primary {width:95%; float:none; }
292
	    #secondary {width:95%; float:left; }
293
	    #secondary .widget {width:95%; }
294
	    .main-navigation {margin-top:30px; }
295
	    .site-title a {font-size:x-large; }
296
	    .site-description {font-size:x-small; }
297
	    #primary-home {padding-left:30px; }
298
	    .page-template-page-full-width-php #secondary .widget,.home #secondary .widget {width:304px; }
299
	    #colophon #footertext {float:left; }
300
	    div.slide-title {font-size:12px; display:block; }
301
	    div.slide-description {display:none; }*/
302
	/*
303
	    .nivo-caption {max-width:320px; min-width:50px; }
304
	    #footer-sidebar .footer-column {width:80%; margin:auto; }
305
	    #secondary.home_front_wrap{margin-bottom:200px;}
306
	}*/
307
	 /* -------------------- Responsive Menu Bar -------------------------------------------------- */
308

309
	@media screen and (max-width:767px) {
310
	    #wrapper{min-width:480px;}
311
	    #sidebar{width:100%; float:none; padding-top:30px;}
312
	     .blog-post{float:none;}
313
	    .mobile_nav,.main-navigation.toggled .nav-menu {display:block; color:#5e5340; font-weight:bold; text-transform:uppercase; padding:10px; font-size:20px; padding-bottom:10px; position:relative; top:-8px; }
314
	    .mobile_nav:before {content:url('../images/menu.png'); height:0; width:0px; margin-right:20px; position:relative; top:10px; }
315
	    #nav-wrapper {width:90%; margin-bottom:15px; text-align:center; box-shadow:none; }
316
	    #site-nav, .header .logo{ float:none;}
317
	    #site-nav ul li{ display:block;}
318
	    #footer-sidebar .footer-column {width:96%; margin:auto; }
319
	}