WordPress.org

Make WordPress Themes


Ignore:
Location:
photo-fusion
Files:
118 added
4 deleted
17 edited

Legend:

Unmodified
Added
Removed
  • photo-fusion/0.3/404.php

    r84270 r84270  
    88 */ 
    99 
    10 get_header(); ?> 
    11  
     10get_header();  
     11do_action( 'photo_fusion_banner_section' ); 
     12?> 
     13<div class="container page-section no-sidebar"> 
    1214    <div id="primary" class="content-area"> 
    1315        <main id="main" class="site-main" role="main"> 
    1416 
    1517            <section class="error-404 not-found"> 
    16                 <header class="page-header"> 
    17                     <h1 class="page-title"><?php esc_html_e( 'Oops! That page can&rsquo;t be found.', 'photo-fusion' ); ?></h1> 
    18                 </header><!-- .page-header --> 
    19  
    2018                <div class="page-content"> 
     19                    <h1 class="title-404"><?php esc_html_e( '404', 'photo-fusion' );?></h1> 
     20                    <h2><?php esc_html_e( 'You have some problems', 'photo-fusion' ); ?></h2> 
    2121                    <p><?php esc_html_e( 'It looks like nothing was found at this location. Maybe try one of the links below or a search?', 'photo-fusion' ); ?></p> 
    22  
    23                     <?php 
    24                         get_search_form(); 
    25  
    26                         the_widget( 'WP_Widget_Recent_Posts' ); 
    27  
    28                         // Only show the widget if site has multiple categories. 
    29                         if ( photo_fusion_categorized_blog() ) : 
    30                     ?> 
    31  
    32                     <div class="widget widget_categories"> 
    33                         <h2 class="widget-title"><?php esc_html_e( 'Most Used Categories', 'photo-fusion' ); ?></h2> 
    34                         <ul> 
    35                         <?php 
    36                             wp_list_categories( array( 
    37                                 'orderby'    => 'count', 
    38                                 'order'      => 'DESC', 
    39                                 'show_count' => 1, 
    40                                 'title_li'   => '', 
    41                                 'number'     => 10, 
    42                             ) ); 
    43                         ?> 
    44                         </ul> 
    45                     </div><!-- .widget --> 
    46  
    47                     <?php 
    48                         endif; 
    49  
    50                         /* translators: %1$s: smiley */ 
    51                         $archive_content = '<p>' . sprintf( esc_html__( 'Try looking in the monthly archives. %1$s', 'photo-fusion' ), convert_smilies( ':)' ) ) . '</p>'; 
    52                         the_widget( 'WP_Widget_Archives', 'dropdown=1', "after_title=</h2>$archive_content" ); 
    53  
    54                         the_widget( 'WP_Widget_Tag_Cloud' ); 
    55                     ?> 
    56  
    57                 </div><!-- .page-content --> 
    58             </section><!-- .error-404 --> 
    59  
    60         </main><!-- #main --> 
    61     </div><!-- #primary --> 
    62  
     22                    <?php get_search_form(); ?> 
     23                    <a href="<?php echo esc_url( home_url( '/' ) ); ?>" class="btn fill btn-js">Go Home</a> 
     24                </div> 
     25            </section> 
     26             
     27        </main> 
     28    </div> 
     29</div> 
    6330<?php 
    6431get_footer(); 
  • photo-fusion/0.3/archive.php

    r84270 r84270  
    88 */ 
    99 
    10 get_header(); ?> 
     10get_header(); 
     11do_action( 'photo_fusion_banner_section' ); 
     12?> 
    1113 
    12     <div id="primary" class="content-area"> 
    13         <main id="main" class="site-main" role="main"> 
     14<div class="container page-section"> 
     15    <div id="primary" class="content-area blog-masonry "> 
    1416 
    1517        <?php 
    1618        if ( have_posts() ) : ?> 
    17  
    18             <header class="page-header"> 
    19                 <?php 
    20                     the_archive_title( '<h1 class="page-title">', '</h1>' ); 
    21                     the_archive_description( '<div class="taxonomy-description">', '</div>' ); 
    22                 ?> 
    23             </header><!-- .page-header --> 
     19        <div id="grid" class="grid"> 
     20            <div class="grid-sizer"></div><!-- end .grid-sizer --> 
    2421 
    2522            <?php 
    2623            /* Start the Loop */ 
     24            $i = 1; 
    2725            while ( have_posts() ) : the_post(); 
    28  
     26             
    2927                /* 
    3028                 * Include the Post-Format-specific template for the content. 
     
    3230                 * called content-___.php (where ___ is the Post Format name) and that will be used instead. 
    3331                 */ 
    34                 get_template_part( 'template-parts/content', get_post_format() ); 
    35  
     32                get_template_part( 'components/post/content', get_post_format() ); 
     33                apply_filters( 'photo_fusion_post_content_filter', $i ); 
     34                ?> 
     35                     
     36            <?php    
     37                $i++; 
    3638            endwhile; 
    3739 
    38             the_posts_navigation(); 
    39  
     40            echo photo_fusion_archive_post_navigation(); 
     41        ?> 
     42        </div><!-- .grid --> 
     43        <?php 
    4044        else : 
    4145 
    42             get_template_part( 'template-parts/content', 'none' ); 
     46            get_template_part( 'components/post/content', 'none' ); 
    4347 
    4448        endif; ?> 
    4549 
    46         </main><!-- #main --> 
    4750    </div><!-- #primary --> 
     51</div><!-- .section-layout --> 
    4852 
    4953<?php 
    50 get_sidebar(); 
    5154get_footer(); 
  • photo-fusion/0.3/comments.php

    r84270 r84270  
    11<?php 
    2 /** 
    3  * The template for displaying comments. 
    4  * 
    5  * This is the template that displays the area of the page that contains both the current comments 
    6  * and the comment form. 
    7  * 
    8  * @link https://codex.wordpress.org/Template_Hierarchy 
    9  * 
    10  * @package Photo_Fusion 
    11  */ 
    12  
    132/* 
    143 * If the current post is protected by a password and 
     
    198    return; 
    209} 
     10 
     11if ( ! function_exists( 'photo_fusion_alter_comment_form_fields' ) ) { 
     12    /** 
     13    * Alter the comment form fields 
     14    * @param  array Array of fields to be customized 
     15    * @return array Array of customized fields 
     16    */ 
     17    function photo_fusion_alter_comment_form_fields($fields){ 
     18        $fields['author'] = '<div class="form-group"><input id="author" name="author" type="text" placeholder="' . __( 'Name*', 'photo-fusion' ) . '" size="30"/>'; 
     19        $fields['email']    = '<input id="email" name="email" type="text" placeholder="' . __( 'Email*', 'photo-fusion' ) . '"size="30"/>'; 
     20        $fields['url']  = '<input id="url" name="url" type="text" placeholder="' . __( 'Website', 'photo-fusion' ) . '"size="30" /></div><!-- end .form-group -->'; 
     21        return $fields; 
     22    } 
     23    add_filter('comment_form_default_fields','photo_fusion_alter_comment_form_fields'); 
     24} 
     25 
     26$tp_fields = array( 
     27    'comment_field' => '<div class="form-group"><textarea id="comment" name="comment" cols="15" rows="6" placeholder="' . __( 'Comments*', 'photo-fusion' ) . '" aria-required="true"></textarea></div><!-- end .form-group -->', 
     28    'submit_button' => '<div class="form-group btn fill btn-js"><input type="submit" class="submit" value="POST COMMENT"></div>', 
     29); 
     30 
     31if ( ! function_exists( 'photo_fusion_move_comment_field_to_bottom' ) ) { 
     32    /** 
     33    * move comment form to bottom 
     34    */ 
     35    function photo_fusion_move_comment_field_to_bottom( $fields ) { 
     36    $comment_field = $fields['comment']; 
     37    unset( $fields['comment'] ); 
     38    $fields['comment'] = $comment_field; 
     39    return $fields; 
     40    } 
     41} 
     42add_filter( 'comment_form_fields', 'photo_fusion_move_comment_field_to_bottom' ); 
    2143?> 
    2244 
    23 <div id="comments" class="comments-area"> 
     45<section id="comments" class="comments-area"> 
     46     <div class="comments"> 
    2447 
    25     <?php 
    26     // You can start editing here -- including this comment! 
    27     if ( have_comments() ) : ?> 
    28         <h2 class="comments-title"> 
    29             <?php 
    30                 printf( // WPCS: XSS OK. 
    31                     esc_html( _nx( 'One thought on &ldquo;%2$s&rdquo;', '%1$s thoughts on &ldquo;%2$s&rdquo;', get_comments_number(), 'comments title', 'photo-fusion' ) ), 
    32                     number_format_i18n( get_comments_number() ), 
    33                     '<span>' . get_the_title() . '</span>' 
    34                 ); 
    35             ?> 
    36         </h2> 
     48        <?php if ( have_comments() ) : ?> 
     49             <h3> 
     50                <?php 
     51                    printf( // WPCS: XSS OK. 
     52                        esc_html( _nx( ' Comment ( %1$s )', 'Comments ( %1$s )', get_comments_number(), 'photo-fusion', 'photo-fusion' ) ), 
     53                        number_format_i18n( get_comments_number() ), get_the_title() 
     54                    ); 
     55                ?> 
     56            </h3> 
    3757 
    38         <?php if ( get_comment_pages_count() > 1 && get_option( 'page_comments' ) ) : // Are there comments to navigate through? ?> 
    39         <nav id="comment-nav-above" class="navigation comment-navigation" role="navigation"> 
    40             <h2 class="screen-reader-text"><?php esc_html_e( 'Comment navigation', 'photo-fusion' ); ?></h2> 
    41             <div class="nav-links"> 
     58            <?php if ( get_comment_pages_count() > 1 && get_option( 'page_comments' ) ) : // Are there comments to navigate through? ?> 
     59            <nav id="comment-nav-above" class="navigation comment-navigation" role="navigation"> 
     60                <h2 class="screen-reader-text"><?php esc_html_e( 'Comment navigation', 'photo-fusion' ); ?></h2> 
     61                <div class="nav-links"> 
     62                    <div class="nav-previous"><?php previous_comments_link( esc_html__( 'Older Comments', 'photo-fusion' ) ); ?></div> 
     63                    <div class="nav-next"><?php next_comments_link( esc_html__( 'Newer Comments', 'photo-fusion' ) ); ?></div> 
     64                </div><!-- .nav-links --> 
     65            </nav><!-- #comment-nav-above --> 
     66            <?php endif; // Check for comment navigation. ?> 
     67            <div class="entry-content"> 
     68                <ul> 
     69                <?php 
     70                    wp_list_comments( array( 
     71                        'callback'      => 'photo_fusion_comments_callback', 
     72                        'avatar_size'   => 100, 
     73                        ) ); 
     74                ?> 
     75                </ul> 
     76            </div><!-- .entry-content --> 
     77            <?php if ( get_comment_pages_count() > 1 && get_option( 'page_comments' ) ) : // Are there comments to navigate through? ?> 
     78            <nav id="comment-nav-below" class="navigation comment-navigation" role="navigation"> 
     79                <h2 class="screen-reader-text"><?php esc_html_e( 'Comment navigation', 'photo-fusion' ); ?></h2> 
     80                <div class="nav-links"> 
    4281 
    43                 <div class="nav-previous"><?php previous_comments_link( esc_html__( 'Older Comments', 'photo-fusion' ) ); ?></div> 
    44                 <div class="nav-next"><?php next_comments_link( esc_html__( 'Newer Comments', 'photo-fusion' ) ); ?></div> 
     82                    <div class="nav-previous"><?php previous_comments_link( esc_html__( 'Older Comments', 'photo-fusion' ) ); ?></div> 
     83                    <div class="nav-next"><?php next_comments_link( esc_html__( 'Newer Comments', 'photo-fusion' ) ); ?></div> 
    4584 
    46             </div><!-- .nav-links --> 
    47         </nav><!-- #comment-nav-above --> 
    48         <?php endif; // Check for comment navigation. ?> 
     85                </div><!-- .nav-links --> 
     86            </nav><!-- #comment-nav-below --> 
     87            <?php endif; // Check for comment navigation. ?> 
    4988 
    50         <ol class="comment-list"> 
    51             <?php 
    52                 wp_list_comments( array( 
    53                     'style'      => 'ol', 
    54                     'short_ping' => true, 
    55                 ) ); 
    56             ?> 
    57         </ol><!-- .comment-list --> 
     89        <?php endif; // Check for have_comments(). ?> 
    5890 
    59         <?php if ( get_comment_pages_count() > 1 && get_option( 'page_comments' ) ) : // Are there comments to navigate through? ?> 
    60         <nav id="comment-nav-below" class="navigation comment-navigation" role="navigation"> 
    61             <h2 class="screen-reader-text"><?php esc_html_e( 'Comment navigation', 'photo-fusion' ); ?></h2> 
    62             <div class="nav-links"> 
     91        <?php 
     92            // If comments are closed and there are comments, let's leave a little note, shall we? 
     93        if ( ! comments_open() && get_comments_number() && post_type_supports( get_post_type(), 'comments' ) ) : 
     94        ?> 
     95        <p class="no-comments"><?php esc_html_e( 'Comments are closed.', 'photo-fusion' ); ?></p> 
     96        <?php endif; ?> 
    6397 
    64                 <div class="nav-previous"><?php previous_comments_link( esc_html__( 'Older Comments', 'photo-fusion' ) ); ?></div> 
    65                 <div class="nav-next"><?php next_comments_link( esc_html__( 'Newer Comments', 'photo-fusion' ) ); ?></div> 
     98        <?php comment_form( $tp_fields ); ?> 
     99    </div><!-- end .standard-layout --> 
     100</section><!-- #comments --> 
    66101 
    67             </div><!-- .nav-links --> 
    68         </nav><!-- #comment-nav-below --> 
    69         <?php 
    70         endif; // Check for comment navigation. 
     102<?php 
     103function photo_fusion_comments_callback( $comment, $args, $depth ) { 
     104    $GLOBALS['comment'] = $comment; 
     105?> 
     106<li <?php comment_class(); ?> id="li-comment-<?php comment_ID(); ?>"> 
     107    <article id="comment-<?php comment_ID(); ?>" class="comment"> 
    71108 
    72     endif; // Check for have_comments(). 
     109        <div class="parent"> 
     110            <div class="image"> 
     111                <?php echo get_avatar( $comment ); ?> 
     112            </div> 
     113            <div class="admin-name"> 
     114                <h5><?php echo esc_attr( get_comment_author() ); ?></h5> 
     115                <div class="time"> 
     116                    <time class="entry-date published"><i class="fa fa-clock-o"></i> 
     117                        <?php printf( __( '%1$s', 'photo-fusion' ), get_comment_date() ); ?> 
     118                    </time> 
     119                    <div class="reply"><?php comment_reply_link( array_merge( $args, array( 'reply_text' => __( 'Reply', 'photo-fusion' ), 'depth' => $depth, 'max_depth' => $args['max_depth'] ) ) ); ?></div> 
     120                </div><!-- end .time --> 
     121            </div><!-- end .admin-name --> 
     122            <div class="comment-desc"> 
     123                <p><?php comment_text(); ?></p> 
     124            </div><!--end comment-desc--> 
     125        </div><!-- end .parent --> 
    73126 
     127    </article> 
     128</li> 
     129<?php 
     130} 
    74131 
    75     // If comments are closed and there are comments, let's leave a little note, shall we? 
    76     if ( ! comments_open() && get_comments_number() && post_type_supports( get_post_type(), 'comments' ) ) : ?> 
    77  
    78         <p class="no-comments"><?php esc_html_e( 'Comments are closed.', 'photo-fusion' ); ?></p> 
    79     <?php 
    80     endif; 
    81  
    82     comment_form(); 
    83     ?> 
    84  
    85 </div><!-- #comments --> 
  • photo-fusion/0.3/footer.php

    r84270 r84270  
    1010 */ 
    1111 
     12 
     13/** 
     14* photo_fusion_primary_content_end hook 
     15* 
     16* @hooked photo_fusion_add_blog_section -  90 
     17* @hooked photo_fusion_add_instagram_section -  100 
     18* @hooked photo_fusion_add_contact_section -  110 
     19* 
     20*/ 
     21do_action( 'photo_fusion_primary_content_end' ); 
     22 
     23 
     24/** 
     25* photo_fusion_content_end hook 
     26* 
     27* @hooked photo_fusion_content_end -  100 
     28* 
     29*/ 
     30do_action( 'photo_fusion_content_end' ); 
     31 
     32 
     33/** 
     34* photo_fusion_scroll_top hook 
     35* 
     36* @hooked photo_fusion_scroll_top - 10 
     37* 
     38*/ 
     39do_action( 'photo_fusion_scroll_top' ); 
     40 
     41 
     42/** 
     43* photo_fusion_footer hook 
     44* 
     45* @hooked photo_fusion_footer_start - 10 
     46* @hooked photo_fusion_footer -  30 
     47* @hooked photo_fusion_footer_end - 100 
     48* 
     49*/ 
     50do_action( 'photo_fusion_footer' ); 
     51 
     52 
     53/** 
     54* photo_fusion_page_end hook 
     55* 
     56* @hooked photo_fusion_page_end -  100 
     57* 
     58*/ 
     59do_action( 'photo_fusion_page_end' ); 
    1260?> 
    13  
    14     </div><!-- #content --> 
    15  
    16     <footer id="colophon" class="site-footer" role="contentinfo"> 
    17         <div class="site-info"> 
    18             <a href="<?php echo esc_url( __( 'https://wordpress.org/', 'photo-fusion' ) ); ?>"><?php printf( esc_html__( 'Proudly powered by %s', 'photo-fusion' ), 'WordPress' ); ?></a> 
    19             <span class="sep"> | </span> 
    20             <?php printf( esc_html__( 'Theme: %1$s by %2$s.', 'photo-fusion' ), 'photo-fusion', '<a href="http://underscores.me/" rel="designer">Underscores.me</a>' ); ?> 
    21         </div><!-- .site-info --> 
    22     </footer><!-- #colophon --> 
    23 </div><!-- #page --> 
    2461 
    2562<?php wp_footer(); ?> 
  • photo-fusion/0.3/functions.php

    r84270 r84270  
    11<?php 
    22/** 
    3  * Photo Fusion functions and definitions. 
     3 * components functions and definitions. 
    44 * 
    55 * @link https://developer.wordpress.org/themes/basics/theme-functions/ 
     
    1212 * Sets up theme defaults and registers support for various WordPress features. 
    1313 * 
    14  * Note that this function is hooked into the after_setup_theme hook, which 
     14 * Note that this function is hooked into the aftercomponentsetup_theme hook, which 
    1515 * runs before the init hook. The init hook is too late for some features, such 
    1616 * as indicating support for post thumbnails. 
     
    2020     * Make theme available for translation. 
    2121     * Translations can be filed in the /languages/ directory. 
    22      * If you're building a theme based on Photo Fusion, use a find and replace 
     22     * If you're building a theme based on components, use a find and replace 
    2323     * to change 'photo-fusion' to the name of your theme in all the template files. 
    2424     */ 
     
    4242     */ 
    4343    add_theme_support( 'post-thumbnails' ); 
     44    set_post_thumbnail_size( 625, 400, true ); 
     45 
     46    add_image_size( 'photo-fusion-slider-image', 1350, 760, true ); 
     47    add_image_size( 'photo-fusion-portfolio-grid', 300, 300, true ); 
     48    add_image_size( 'photo-fusion-portfolio-landscape', 500, 250, true ); 
     49    add_image_size( 'photo-fusion-portfolio-portrait', 250, 500, true ); 
     50    add_image_size( 'photo-fusion-portfolio-condensed', 250, 316, true ); 
     51    add_image_size( 'photo-fusion-gallery-portrait', 330, 400, true ); 
     52    add_image_size( 'photo-fusion-gallery-landscape', 900, 400, true ); 
    4453 
    4554    // This theme uses wp_nav_menu() in one location. 
    4655    register_nav_menus( array( 
    47         'primary' => esc_html__( 'Primary', 'photo-fusion' ), 
     56        'top'           => esc_html__( 'Primary Header Menu', 'photo-fusion' ), 
     57        'footer-menu' => esc_html__( 'Footer Menu', 'photo-fusion' ) 
    4858    ) ); 
    4959 
     
    7787        'default-image' => '', 
    7888    ) ) ); 
     89 
     90    /* 
     91     * This theme styles the visual editor to resemble the theme style, 
     92     * specifically font, colors, icons, and column width. 
     93     */ 
     94    add_editor_style( array( 'assets/css/editor-style.min.css' ) ); 
     95 
     96    add_theme_support( 'custom-logo', array( 
     97        'height'      => 75, 
     98        'width'       => 150, 
     99        'flex-height' => true, 
     100        'flex-width'  => true, 
     101        'header-text' => array( 'site-title', 'site-description' ), 
     102    ) ); 
     103 
    79104} 
    80105endif; 
     
    102127        'name'          => esc_html__( 'Sidebar', 'photo-fusion' ), 
    103128        'id'            => 'sidebar-1', 
    104         'description'   => esc_html__( 'Add widgets here.', 'photo-fusion' ), 
     129        'description'   => '', 
    105130        'before_widget' => '<section id="%1$s" class="widget %2$s">', 
    106131        'after_widget'  => '</section>', 
    107         'before_title'  => '<h2 class="widget-title">', 
     132        'before_title'  => '<h3 class="entry-title widget-title">', 
     133        'after_title'   => '</h3>', 
     134    ) ); 
     135 
     136    register_sidebar( array( 
     137        'name'          => esc_html__( 'Instagram Sidebar', 'photo-fusion' ), 
     138        'id'            => 'instagram-sidebar', 
     139        'description'   => __( 'This is an Instagram widget area. It typically appears above footer section. This widget works best with an Instagram widget.', 'photo-fusion' ), 
     140        'before_widget' => '<section id="%1$s" class="widget %2$s">', 
     141        'after_widget'  => '</section>', 
     142        'before_title'  => '<h2 class="entry-title widget-title">', 
    108143        'after_title'   => '</h2>', 
    109144    ) ); 
     145 
     146    for ($i=1; $i <= 2 ; $i++) { 
     147        register_sidebar( array( 
     148            'name'          => sprintf( esc_html__( 'Footer %s', 'photo-fusion' ), $i ), 
     149            'id'            => 'footer-'.$i, 
     150            'description'   => '', 
     151            'before_widget' => '<div id="%1$s" class="widget-wrap %2$s">', 
     152            'after_widget'  => '</div>', 
     153            'before_title'  => '<h3 class="entry-title widget-title">', 
     154            'after_title'   => '</h3>', 
     155        ) ); 
     156    } 
    110157} 
    111158add_action( 'widgets_init', 'photo_fusion_widgets_init' ); 
    112159 
     160 
     161if ( ! function_exists( 'photo_fusion_fonts_url' ) ) : 
     162/** 
     163 * Register Google fonts for Photo Fusion 
     164 * 
     165 * Create your own photo_fusion_fonts_url() function to override in a child theme. 
     166 * 
     167 * @since Photo Fusion 0.1 
     168 * 
     169 * @return string Google fonts URL for the theme. 
     170 */ 
     171function photo_fusion_fonts_url() { 
     172    $fonts_url = ''; 
     173    $fonts     = array(); 
     174    $subsets   = 'latin,latin-ext'; 
     175 
     176    /* translators: If there are characters in your language that are not supported by Montserrat Sans, translate this to 'off'. Do not translate into your own language. */ 
     177    if ( 'off' !== _x( 'on', 'Montserrat font: on or off', 'photo-fusion' ) ) { 
     178        $fonts[] = 'Montserrat+Sans:400'; 
     179    } 
     180 
     181    /* translators: If there are characters in your language that are not supported by Courgette, translate this to 'off'. Do not translate into your own language. */ 
     182    if ( 'off' !== _x( 'on', 'Courgette font: on or off', 'photo-fusion' ) ) { 
     183        $fonts[] = 'Courgette:400'; 
     184    } 
     185 
     186    /* translators: If there are characters in your language that are not supported by Roboto, translate this to 'off'. Do not translate into your own language. */ 
     187    if ( 'off' !== _x( 'on', 'Roboto font: on or off', 'photo-fusion' ) ) { 
     188        $fonts[] = 'Roboto:400'; 
     189    } 
     190 
     191    /* translators: If there are characters in your language that are not supported by Raleway, translate this to 'off'. Do not translate into your own language. */ 
     192    if ( 'off' !== _x( 'on', 'Raleway font: on or off', 'photo-fusion' ) ) { 
     193        $fonts[] = 'Raleway:400'; 
     194    } 
     195 
     196    /* translators: If there are characters in your language that are not supported by Poppins, translate this to 'off'. Do not translate into your own language. */ 
     197    if ( 'off' !== _x( 'on', 'Poppins font: on or off', 'photo-fusion' ) ) { 
     198        $fonts[] = 'Poppins:400'; 
     199    } 
     200 
     201    if ( $fonts ) { 
     202        $fonts_url = add_query_arg( array( 
     203            'family' => urlencode( implode( '|', $fonts ) ), 
     204            'subset' => urlencode( $subsets ), 
     205        ), 'https://fonts.googleapis.com/css' ); 
     206    } 
     207 
     208    return $fonts_url; 
     209} 
     210endif; 
     211 
     212 
    113213/** 
    114214 * Enqueue scripts and styles. 
    115215 */ 
    116216function photo_fusion_scripts() { 
     217     
     218    // Add custom fonts, used in the main stylesheet. 
     219    wp_enqueue_style( 'photo-fusion-fonts', photo_fusion_fonts_url(), array(), null ); 
     220 
     221    // Add fontawesome 
     222    wp_enqueue_style( 'fontawesome', get_template_directory_uri() . '/assets/plugins/fontawesome/css/font-awesome.min.css', '', '4.6.3' ); 
     223 
     224    //Add sidr-light style 
     225    wp_enqueue_style( 'jquery-sidr-light', get_template_directory_uri() . '/assets/css/jquery.sidr.light.min.css', '', '2.8.2' ); 
     226 
     227    //Add lightbox style 
     228    wp_enqueue_style( 'lightbox', get_template_directory_uri() . '/assets/css/lightbox.min.css', '', '2.8.2' ); 
     229 
     230    // Theme stylesheet. 
    117231    wp_enqueue_style( 'photo-fusion-style', get_stylesheet_uri() ); 
    118232 
    119     wp_enqueue_script( 'photo-fusion-navigation', get_template_directory_uri() . '/js/navigation.js', array(), '20151215', true ); 
    120  
    121     wp_enqueue_script( 'photo-fusion-skip-link-focus-fix', get_template_directory_uri() . '/js/skip-link-focus-fix.js', array(), '20151215', true ); 
     233    //Add default color layout 
     234    wp_enqueue_style( 'photo-fusion-default-color-layout', get_template_directory_uri() . '/assets/colors/default.min.css', '', '3.5.1' ); 
     235 
     236    wp_enqueue_script( 'photo-fusion-skip-link-focus-fix', get_template_directory_uri() . '/assets/js/skip-link-focus-fix.min.js', array(), '20151215', true ); 
    122237 
    123238    if ( is_singular() && comments_open() && get_option( 'thread_comments' ) ) { 
    124239        wp_enqueue_script( 'comment-reply' ); 
    125240    } 
     241 
     242    // Add cycle2 js 
     243    wp_enqueue_script( 'jquery-cycle2', get_template_directory_uri() . '/assets/plugins/cycle2/cycle2.min.js', array( 'jquery' ), '2.1.6', true ); 
     244 
     245    // Add sidr js 
     246    wp_enqueue_script( 'jquery-sidr', get_template_directory_uri() . '/assets/js/jquery.sidr.min.js', array( 'jquery' ), '2.2.1', true ); 
     247 
     248    // Add images loader pkgd js 
     249    wp_enqueue_script( 'imagesloaded-pkgd', get_template_directory_uri() . '/assets/js/imagesloaded.min.js', array(), '3.1.8', true ); 
     250 
     251    // Add lightbox js 
     252    wp_enqueue_script( 'lightbox', get_template_directory_uri() . '/assets/js/lightbox.min.js', array( 'jquery' ), '2.8.2', true ); 
     253 
     254    // Add isotope js 
     255    wp_enqueue_script( 'jquery-isotope', get_template_directory_uri() . '/assets/js/isotope.min.js', array( 'jquery' ), '3.0.0', true ); 
     256 
     257    // Add smoothscroll js 
     258    wp_enqueue_script( 'jquery-smoothscroll', get_template_directory_uri() . '/assets/js/smoothscroll.min.js', array( 'jquery' ), '3.0.0', true ); 
     259 
     260    // Add custom js 
     261    wp_enqueue_script( 'photo-fusion-custom', get_template_directory_uri() . '/assets/js/custom.min.js', array( 'jquery' ), '', true ); 
     262 
     263    // Load the html5 shiv. 
     264    wp_enqueue_script( 'html5', get_template_directory_uri() . '/assets/js/html5.min.js', array(), '3.7.3' ); 
     265    wp_script_add_data( 'html5', 'conditional', 'lt IE 9' ); 
    126266} 
    127267add_action( 'wp_enqueue_scripts', 'photo_fusion_scripts' ); 
    128268 
    129 /** 
    130  * Implement the Custom Header feature. 
    131  */ 
    132 require get_template_directory() . '/inc/custom-header.php'; 
    133269 
    134270/** 
     
    143279 
    144280/** 
    145  * Customizer additions. 
    146  */ 
    147 require get_template_directory() . '/inc/customizer.php'; 
    148  
    149 /** 
    150281 * Load Jetpack compatibility file. 
    151282 */ 
    152283require get_template_directory() . '/inc/jetpack.php'; 
     284 
     285/** 
     286 * Load Photo Fusion core file 
     287 */ 
     288require get_template_directory() . '/inc/core.php'; 
     289 
     290/* 
     291*Register gallery thumbnail size to media. 
     292*/ 
     293function photo_fusion_custom_sizes( $sizes ) { 
     294    return array_merge( $sizes, array( 
     295        'photo-fusion-portfolio-grid'       => __( 'Gallery Thumbnail', 'photo-fusion' ), 
     296        'photo-fusion-portfolio-condensed'  => __( 'Gallery Portrait Thumbnail', 'photo-fusion' ), 
     297    ) ); 
     298} 
     299add_filter( 'image_size_names_choose', 'photo_fusion_custom_sizes' ); 
  • photo-fusion/0.3/header.php

    r84270 r84270  
    1010 */ 
    1111 
    12 ?><!DOCTYPE html> 
    13 <html <?php language_attributes(); ?>> 
     12/** 
     13* photo_fusion_doctype hook 
     14* 
     15* @hooked photo_fusion_doctype -  10 
     16* 
     17*/ 
     18do_action( 'photo_fusion_doctype' );?> 
     19 
    1420<head> 
    15 <meta charset="<?php bloginfo( 'charset' ); ?>"> 
    16 <meta name="viewport" content="width=device-width, initial-scale=1"> 
    17 <link rel="profile" href="http://gmpg.org/xfn/11"> 
    18 <link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>"> 
     21<?php 
     22    /** 
     23     * photo_fusion_before_wp_head hook 
     24     * 
     25     * @hooked photo_fusion_head -  10 
     26     * 
     27     */ 
     28    do_action( 'photo_fusion_before_wp_head' ); 
    1929 
    20 <?php wp_head(); ?> 
     30    wp_head(); ?> 
    2131</head> 
    2232 
    2333<body <?php body_class(); ?>> 
    24 <div id="page" class="site"> 
    25     <a class="skip-link screen-reader-text" href="#main"><?php esc_html_e( 'Skip to content', 'photo-fusion' ); ?></a> 
     34<?php 
     35/** 
     36 * photo_fusion_page_start hook 
     37 * 
     38 * @hooked photo_fusion_page_start -  10 
     39 * 
     40 */ 
     41do_action( 'photo_fusion_page_start' ); 
    2642 
    27     <header id="masthead" class="site-header" role="banner"> 
    28         <div class="site-branding"> 
    29             <?php 
    30             if ( is_front_page() && is_home() ) : ?> 
    31                 <h1 class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></h1> 
    32             <?php else : ?> 
    33                 <p class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></p> 
    34             <?php 
    35             endif; 
     43/** 
     44 * photo_fusion_before_header hook 
     45 * 
     46 */ 
     47do_action( 'photo_fusion_before_header' ); 
    3648 
    37             $description = get_bloginfo( 'description', 'display' ); 
    38             if ( $description || is_customize_preview() ) : ?> 
    39                 <p class="site-description"><?php echo $description; /* WPCS: xss ok. */ ?></p> 
    40             <?php 
    41             endif; ?> 
    42         </div><!-- .site-branding --> 
    4349 
    44         <?php if ( has_nav_menu( 'primary' ) ) : ?> 
    45             <nav id="site-navigation" class="main-navigation" role="navigation"> 
    46                 <button class="menu-toggle" aria-controls="primary-menu" aria-expanded="false"><?php esc_html_e( 'Primary Menu', 'photo-fusion' ); ?></button> 
    47                 <?php wp_nav_menu( array( 'theme_location' => 'primary', 'menu_id' => 'primary-menu' ) ); ?> 
    48             </nav><!-- #site-navigation --> 
    49         <?php endif; ?> 
    50     </header><!-- #masthead --> 
     50/** 
     51* photo_fusion_header hook 
     52* 
     53* @hooked photo_fusion_header_start -  10 
     54* @hooked photo_fusion_site_branding -  20 
     55* @hooked photo_fusion_site_nav -  30 
     56* @hooked photo_fusion_header_end -  100 
     57* @hooked photo_fusion_mobile_menu -  110 
     58* 
     59*/ 
     60do_action( 'photo_fusion_header' ); 
    5161 
    52     <?php if ( get_header_image() ) : ?> 
    53         <a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"> 
    54             <img src="<?php header_image(); ?>" alt="" class="banner-image"> 
    55         </a> 
    56     <?php endif; // End header image check. ?> 
    5762 
    58     <div id="content" class="site-content"> 
     63/** 
     64* photo_fusion_content_start hook 
     65* 
     66* @hooked photo_fusion_content_start -  10 
     67* 
     68*/ 
     69do_action( 'photo_fusion_content_start' ); 
     70 
     71/** 
     72* photo_fusion_primary_content hook 
     73* 
     74* @hooked photo_fusion_add_slider_section - 10 
     75* @hooked photo_fusion_add_about_section -  15 
     76* @hooked photo_fusion_add_photo_gallery_section -  20 
     77* @hooked photo_fusion_add_portfolio_section -  30 
     78* 
     79*/ 
     80do_action( 'photo_fusion_primary_content' ); 
  • photo-fusion/0.3/inc/extras.php

    r84270 r84270  
    55 * Eventually, some of the functionality here could be replaced by core features. 
    66 * 
    7  * @package Photo_Fusion 
     7 * @package Photo Fusion 
    88 */ 
    99 
     
    1515 */ 
    1616function photo_fusion_body_classes( $classes ) { 
     17    $options = photo_fusion_get_theme_options(); 
    1718    // Adds a class of group-blog to blogs with more than 1 published author. 
    1819    if ( is_multi_author() ) { 
     
    2526    } 
    2627 
     28    if ( is_active_sidebar( 'sidebar-1' ) ) { 
     29        $classes[] = 'right-sidebar'; 
     30    } else { 
     31        $classes[] = 'no-sidebar'; 
     32    } 
     33 
     34    if( $options['slider_enable'] != 'disabled' && $options['about_enable'] == 'disabled'  && ( $options['photo_gallery_enable'] != 'disabled'  || $options['portfolio_enable'] != 'disabled' || $options['blog_enable'] == true ) ){ 
     35        $classes[] = 'about-us-disabled'; 
     36    } 
     37 
     38    // Add a class for typography 
     39    $classes[] = 'montserrat'; 
     40 
     41    $classes[] = 'wide'; 
     42 
    2743    return $classes; 
    2844} 
  • photo-fusion/0.3/inc/jetpack.php

    r84270 r84270  
    33 * Jetpack Compatibility File. 
    44 * 
    5  * @link https://jetpack.com/ 
     5 * @link https://jetpack.me/ 
    66 * 
    77 * @package Photo_Fusion 
     
    1111 * Jetpack setup function. 
    1212 * 
    13  * See: https://jetpack.com/support/infinite-scroll/ 
    14  * See: https://jetpack.com/support/responsive-videos/ 
     13 * See: https://jetpack.me/support/responsive-videos/ 
    1514 */ 
    1615function photo_fusion_jetpack_setup() { 
    17     // Add theme support for Infinite Scroll. 
    18     add_theme_support( 'infinite-scroll', array( 
    19         'container' => 'main', 
    20         'render'    => 'photo_fusion_infinite_scroll_render', 
    21         'footer'    => 'page', 
    22     ) ); 
    23  
    2416    // Add theme support for Responsive Videos. 
    2517    add_theme_support( 'jetpack-responsive-videos' ); 
    2618} 
    2719add_action( 'after_setup_theme', 'photo_fusion_jetpack_setup' ); 
    28  
    29 /** 
    30  * Custom render function for Infinite Scroll. 
    31  */ 
    32 function photo_fusion_infinite_scroll_render() { 
    33     while ( have_posts() ) { 
    34         the_post(); 
    35         if ( is_search() ) : 
    36             get_template_part( 'template-parts/content', 'search' ); 
    37         else : 
    38             get_template_part( 'template-parts/content', get_post_format() ); 
    39         endif; 
    40     } 
    41 } 
  • photo-fusion/0.3/inc/template-tags.php

    r84270 r84270  
    88 */ 
    99 
     10if ( ! function_exists( 'photo_fusion_excerpt_length' ) ) : 
     11 
     12/** 
     13 * Implement excerpt length 
     14 * 
     15 * @since Photo Fusion 0.1 
     16 * 
     17 * @param int $length The number of words. 
     18 * @return int Excerpt length. 
     19 */ 
     20function photo_fusion_excerpt_length( $length ) { 
     21   $options = photo_fusion_get_theme_options(); 
     22 
     23    $excerpt_length = $options['excerpt_length']; 
     24    if ( empty( $excerpt_length ) ) { 
     25        $excerpt_length = $length; 
     26    } 
     27    return apply_filters( 'photo_fusion_filter_excerpt_length', esc_attr( $excerpt_length ) ); 
     28} 
     29endif; 
     30add_filter( 'excerpt_length', 'photo_fusion_excerpt_length', 999 ); 
     31 
     32 
     33if ( ! function_exists( 'photo_fusion_trim_content' ) ) : 
     34/** 
     35 * Trim content to word $length specified 
     36 * 
     37 * @param  integer $length            number of words 
     38 * 
     39 * @param  string  $content content to be trimmed 
     40 * 
     41 * @return string                     trimmed content 
     42 * 
     43 * @since Photo Fusion 0.1 
     44 */ 
     45function photo_fusion_trim_content( $post_obj = null, $length = 40 ) { 
     46    global $post; 
     47    if ( is_null( $post_obj ) ) { 
     48        $post_obj = $post; 
     49    } 
     50 
     51    $length = absint( $length ); 
     52    if ( $length < 1 ) { 
     53        $length = 40; 
     54    } 
     55 
     56    $source_content = $post_obj->post_content; 
     57    if ( ! empty( $post_obj->post_excerpt ) ) { 
     58        $source_content = $post_obj->post_excerpt; 
     59    } 
     60 
     61    $source_content = preg_replace( '`\[[^\]]*\]`', '', $source_content ); 
     62    $trimmed_content = wp_trim_words( $source_content, $length, '...' ); 
     63 
     64   return apply_filters( 'photo_fusion_trim_content', $trimmed_content ); 
     65} 
     66endif; 
     67 
     68 
     69if ( ! function_exists( 'photo_fusion_excerpt_more' ) && ! is_admin() ) : 
     70/** 
     71 * Replaces "[...]" (appended to automatically generated excerpts) with ... and 
     72 * a 'Continue reading' link. 
     73 * 
     74 * Create your own photo_fusion_excerpt_more() function to override in a child theme. 
     75 * 
     76 * @since Photo Fusion 0.1 
     77 * 
     78 * @return string 'Continue reading' link prepended with an ellipsis. 
     79 */ 
     80function photo_fusion_excerpt_more() { 
     81    $link = sprintf( '<a href="%1$s" class="more-link">%2$s</a>', 
     82        esc_url( get_permalink( get_the_ID() ) ), 
     83        /* translators: %s: Name of current post */ 
     84        sprintf( __( ' <i class="fa fa-long-arrow-right"></i><span class="screen-reader-text"> "%s"</span>', 'photo-fusion' ), get_the_title( get_the_ID() ) ) 
     85    ); 
     86    return $link; 
     87} 
     88add_filter( 'excerpt_more', 'photo_fusion_excerpt_more' ); 
     89endif; 
     90 
     91 
     92if ( ! function_exists( 'photo_fusion_post_thumbnail' ) ) : 
     93/** 
     94 * Displays an optional post thumbnail. 
     95 * 
     96 * Wraps the post thumbnail in an anchor element on index views, or a div 
     97 * element when on single views. 
     98 * 
     99 * Create your own photo_fusion_post_thumbnail() function to override in a child theme. 
     100 * 
     101 * @since Photo Fusion 0.1 
     102 */ 
     103function photo_fusion_post_thumbnail() { 
     104    if ( post_password_required() || is_attachment() || ! has_post_thumbnail() ) { 
     105        return; 
     106    } 
     107 
     108    if ( is_singular() ) { 
     109        the_post_thumbnail( 'full' ); 
     110    } else {  
     111    ?> 
     112    <a href="<?php the_permalink(); ?>"> 
     113        <?php the_post_thumbnail( 'post-thumbnail', array( 'alt' => the_title_attribute( 'echo=0' ) ) ); ?> 
     114    </a> 
     115    <?php }  
     116} 
     117endif; 
     118 
     119 
     120if ( ! function_exists( 'photo_fusion_single_post_navigation' ) ) : 
     121/** 
     122 * Displays an optional single post navigation 
     123 * 
     124 * 
     125 * Create your own photo_fusion_post_navigation() function to override in a child theme. 
     126 * 
     127 * @since Photo Fusion 0.1 
     128 */ 
     129function photo_fusion_single_post_navigation() { 
     130     
     131    the_post_navigation( array( 
     132        'prev_text' => '<span class="btn fill btn-js"><i class="fa fa-angle-double-left"></i> ' . __( 'Previous','photo-fusion' ) . '</span>', 
     133        'next_text' => '<span class="btn fill btn-js">' . __( 'Next', 'photo-fusion' ) . ' <i class="fa fa-angle-double-right"></i></span>' 
     134    ) ); 
     135} 
     136endif; 
     137 
     138 
     139if ( ! function_exists( 'photo_fusion_archive_post_navigation' ) ) : 
     140/** 
     141 * Displays an optional archive navigation 
     142 * 
     143 * 
     144 * Create your own photo_fusion_archive_post_navigation() function to override in a child theme. 
     145 * 
     146 * @since Photo Fusion 0.1 
     147 */ 
     148function photo_fusion_archive_post_navigation() { 
     149         
     150    $output = the_posts_navigation( array( 
     151        'prev_text' => '<div class="nav-previous"> 
     152        <span rel="prev" class="btn fill btn-js"><span class="meta-nav" aria-hidden="true">'.__( 'Older Posts', 'photo-fusion' ).'</span></span></div><!-- end .nav-previous -->', 
     153        'next_text' => '<div class="nav-next"> 
     154        <span rel="next" class="btn fill btn-js"><span class="meta-nav" aria-hidden="true">'.__( 'Newer Posts', 'photo-fusion' ).'</span></span></div><!-- end .nav-next -->' 
     155    ) ); 
     156    return $output; 
     157} 
     158endif; 
     159 
     160 
     161if ( ! function_exists( 'photo_fusion_the_custom_logo' ) ) : 
     162/** 
     163 * Displays the optional custom logo. 
     164 * 
     165 * Does nothing if the custom logo is not available. 
     166 * 
     167 * @since Photo Fusion 0.1 
     168 */ 
     169function photo_fusion_the_custom_logo() { 
     170    if ( function_exists( 'the_custom_logo' ) ) { 
     171        the_custom_logo(); 
     172    } 
     173} 
     174endif; 
     175 
     176 
    10177if ( ! function_exists( 'photo_fusion_posted_on' ) ) : 
    11178/** 
     
    13180 */ 
    14181function photo_fusion_posted_on() { 
    15     $time_string = '<time class="entry-date published updated" datetime="%1$s">%2$s</time>'; 
     182    $time_string = '<time class="entry-date published updated" datetime="%1$s"><i class="fa fa-clock-o"></i>%2$s</time>'; 
    16183    if ( get_the_time( 'U' ) !== get_the_modified_time( 'U' ) ) { 
    17         $time_string = '<time class="entry-date published" datetime="%1$s">%2$s</time><time class="updated" datetime="%3$s">%4$s</time>'; 
     184        $time_string = '<time class="entry-date published" datetime="%1$s"><i class="fa fa-clock-o"></i>%2$s</time><time class="updated" datetime="%3$s"><i class="fa fa-clock-o"></i>%4$s</time>'; 
    18185    } 
    19186 
     
    25192    ); 
    26193 
    27     $posted_on = sprintf( 
    28         esc_html_x( 'Posted on %s', 'post date', 'photo-fusion' ), 
    29         '<a href="' . esc_url( get_permalink() ) . '" rel="bookmark">' . $time_string . '</a>' 
    30     ); 
    31  
    32     $byline = sprintf( 
    33         esc_html_x( 'by %s', 'post author', 'photo-fusion' ), 
    34         '<span class="author vcard"><a class="url fn n" href="' . esc_url( get_author_posts_url( get_the_author_meta( 'ID' ) ) ) . '">' . esc_html( get_the_author() ) . '</a></span>' 
    35     ); 
    36  
    37     echo '<span class="posted-on">' . $posted_on . '</span><span class="byline"> ' . $byline . '</span>'; // WPCS: XSS OK. 
    38  
    39 } 
    40 endif; 
    41  
    42 if ( ! function_exists( 'photo_fusion_entry_footer' ) ) : 
    43 /** 
    44  * Prints HTML with meta information for the categories, tags and comments. 
    45  */ 
    46 function photo_fusion_entry_footer() { 
    47     // Hide category and tag text for pages. 
     194    $categories_content =  ''; 
    48195    if ( 'post' === get_post_type() ) { 
    49196        /* translators: used between list items, there is a space after the comma */ 
    50         $categories_list = get_the_category_list( esc_html__( ', ', 'photo-fusion' ) ); 
     197        $categories_list = get_the_category_list( esc_html__( ' / ', 'photo-fusion' ) ); 
    51198        if ( $categories_list && photo_fusion_categorized_blog() ) { 
    52             printf( '<span class="cat-links">' . esc_html__( 'Posted in %1$s', 'photo-fusion' ) . '</span>', $categories_list ); // WPCS: XSS OK. 
     199            $categories_content =  $categories_list; // WPCS: XSS OK. 
    53200        } 
    54  
    55         /* translators: used between list items, there is a space after the comma */ 
    56         $tags_list = get_the_tag_list( '', esc_html__( ', ', 'photo-fusion' ) ); 
    57         if ( $tags_list ) { 
    58             printf( '<span class="tags-links">' . esc_html__( 'Tagged %1$s', 'photo-fusion' ) . '</span>', $tags_list ); // WPCS: XSS OK. 
    59         } 
    60     } 
    61  
    62     if ( ! is_single() && ! post_password_required() && ( comments_open() || get_comments_number() ) ) { 
    63         echo '<span class="comments-link">'; 
    64         /* translators: %s: post title */ 
    65         comments_popup_link( sprintf( wp_kses( __( 'Leave a Comment<span class="screen-reader-text"> on %s</span>', 'photo-fusion' ), array( 'span' => array( 'class' => array() ) ) ), get_the_title() ) ); 
    66         echo '</span>'; 
    67     } 
    68  
    69     edit_post_link( 
    70         sprintf( 
    71             /* translators: %s: Name of current post */ 
    72             esc_html__( 'Edit %s', 'photo-fusion' ), 
    73             the_title( '<span class="screen-reader-text">"', '"</span>', false ) 
    74         ), 
    75         '<span class="edit-link">', 
    76         '</span>' 
    77     ); 
     201    } 
     202    $posted_on = ' <span class="screen-reader-text">Posted on </span><a href="' . esc_url( get_day_link( get_the_time('Y'), get_the_time('m'), get_the_time('d') ) ) . '" rel="bookmark">' . $time_string . '</a>'; 
     203 
     204    echo '<span class="posted-on">' . $posted_on . $categories_content. '</span>'; // WPCS: XSS OK. 
     205 
    78206} 
    79207endif; 
     
    110238 
    111239/** 
     240 * Returns no of comments in a post. 
     241 */ 
     242function photo_fusion_no_of_comment() { 
     243    $no_of_comment = number_format_i18n( get_comments_number() ); 
     244 
     245    echo  '<span class="comment-value"><i class="fa fa-comments"></i>'. absint( $no_of_comment ).'</span>'; 
     246} 
     247 
     248/** 
    112249 * Flush out the transients used in photo_fusion_categorized_blog. 
    113250 */ 
  • photo-fusion/0.3/index.php

    r84270 r84270  
    1313 */ 
    1414 
    15 get_header(); ?> 
    16  
    17     <div id="primary" class="content-area"> 
    18         <main id="main" class="site-main" role="main"> 
     15get_header();  
     16do_action( 'photo_fusion_banner_section' ); 
     17?> 
     18<div class="container page-section"> 
     19    <div id="primary" class="content-area blog-masonry "> 
    1920 
    2021        <?php 
    21         if ( have_posts() ) : 
    22  
    23             if ( is_home() && ! is_front_page() ) : ?> 
    24                 <header> 
    25                     <h1 class="page-title screen-reader-text"><?php single_post_title(); ?></h1> 
    26                 </header> 
     22        if ( have_posts() ) : ?> 
     23        <div class="grid"> 
     24            <div class="grid-sizer"></div><!-- end .grid-sizer --> 
    2725 
    2826            <?php 
    29             endif; 
    30  
    3127            /* Start the Loop */ 
     28            $i = 1; 
    3229            while ( have_posts() ) : the_post(); 
    33  
     30             
    3431                /* 
    3532                 * Include the Post-Format-specific template for the content. 
     
    3734                 * called content-___.php (where ___ is the Post Format name) and that will be used instead. 
    3835                 */ 
    39                 get_template_part( 'template-parts/content', get_post_format() ); 
    40  
     36                get_template_part( 'components/post/content', get_post_format() );  
     37                apply_filters( 'photo_fusion_post_content_filter', $i ); 
     38                ?> 
     39                     
     40            <?php    
     41                $i++; 
    4142            endwhile; 
    4243 
    43             the_posts_navigation(); 
    44  
     44            echo photo_fusion_archive_post_navigation(); 
     45        ?> 
     46        </div><!-- .grid --> 
     47        <?php 
    4548        else : 
    4649 
    47             get_template_part( 'template-parts/content', 'none' ); 
     50            get_template_part( 'components/post/content', 'none' ); 
    4851 
    4952        endif; ?> 
    5053 
    51         </main><!-- #main --> 
    5254    </div><!-- #primary --> 
    53  
     55</div><!-- .section-layout --> 
    5456<?php 
    55 get_sidebar(); 
    5657get_footer(); 
  • photo-fusion/0.3/page.php

    r84270 r84270  
    1313 */ 
    1414 
    15 get_header(); ?> 
     15get_header(); 
    1616 
    17     <div id="primary" class="content-area"> 
    18         <main id="main" class="site-main" role="main"> 
     17    if ( true === apply_filters( 'photo_fusion_filter_frontpage_content_enable', true ) ) :  
     18        do_action( 'photo_fusion_banner_section' ); 
     19        ?> 
     20        <div class="container page-section"> 
     21            <div id="primary" class="content-area"> 
     22                <main id="main" class="site-main" role="main"> 
    1923 
     24                    <?php 
     25                    while ( have_posts() ) : the_post(); 
     26 
     27                        get_template_part( 'components/page/content', 'page' ); 
     28 
     29                        // If comments are open or we have at least one comment, load up the comment template. 
     30                        if ( !is_front_page() && ( comments_open() || get_comments_number() ) ) : 
     31                            comments_template(); 
     32                        endif; 
     33 
     34                    endwhile; // End of the loop. 
     35                    ?> 
     36                </main> 
     37            </div> 
    2038            <?php 
    21             while ( have_posts() ) : the_post(); 
    22  
    23                 get_template_part( 'template-parts/content', 'page' ); 
    24  
    25                 // If comments are open or we have at least one comment, load up the comment template. 
    26                 if ( comments_open() || get_comments_number() ) : 
    27                     comments_template(); 
    28                 endif; 
    29  
    30             endwhile; // End of the loop. 
     39                if ( photo_fusion_is_sidebar_enable() ) { 
     40                    get_sidebar(); 
     41                } 
    3142            ?> 
    32  
    33         </main><!-- #main --> 
    34     </div><!-- #primary --> 
    35  
    36 <?php 
    37 get_sidebar(); 
     43        </div> 
     44        <?php 
     45    endif; 
    3846get_footer(); 
  • photo-fusion/0.3/readme.txt

    r84270 r84270  
    11=== Photo Fusion === 
    22 
    3 Contributors: automattic 
    4 Tags: translation-ready, custom-background, theme-options, custom-menu, post-formats, threaded-comments 
    5  
    6 Requires at least: 4.0 
    7 Tested up to: 4.4.2 
    8 Stable tag: 0.2 
     3Requires at least: 4.4 
     4Tested up to: 4.6 
     5Stable tag: 0.3 
    96License: GPLv2 or later 
    107License URI: http://www.gnu.org/licenses/gpl-2.0.html 
    118 
    12 A starter theme called Photo Fusion, or underscores. 
    13  
    149== Description == 
    1510 
    16 Hi. I'm a starter theme called Photo Fusion, or underscores, if you like. I'm a theme meant for hacking so don't use me as a Parent Theme. Instead try turning me into the next, most awesome, WordPress theme out there. That's what I'm here for. 
     11Photo Fusion is a Responsive Wordpress photography theme based on Photo Fusion Pro by ThemePalace. This theme is especially designed for photo blogging, photo sharing and is perfect to manage your personal, travel, food and fashion blog. You can manage options of this theme from powerful WordPress Theme Customizer. Photo Fusion is responsive theme which is compatible with all types of devices. It support all major modern browsers and this theme is translation ready. Demo: http://themepalacedemo.com/photo-fusion/ Support http://themepalace.com/support-forum/ 
    1712 
    1813== Installation == 
    1914 
    20151. In your admin panel, go to Appearance > Themes and click the Add New button. 
    21 2. Click Upload and Choose File, then select the theme's .zip file. Click Install Now. 
     162. Click Upload and Choose File, then select the photo-fusion.zip file. Click Install Now. 
    22173. Click Activate to use your new theme right away. 
    2318 
    24 == Frequently Asked Questions == 
     19== Copyright == 
    2520 
    26 = Does this theme support any plugins? = 
     21Photo Fusion WordPress Theme, Copyright 2016 WordPress.org 
     22Photo Fusion is distributed under the terms of the GNU GPL 
    2723 
    28 Photo Fusion includes support for Infinite Scroll in Jetpack. 
     24This program is free software: you can redistribute it and/or modify 
     25 
     26it under the terms of the GNU General Public License as published by 
     27the Free Software Foundation, either version 2 of the License, or 
     28(at your option) any later version. 
     29 
     30Photo Fusion Theme bundles the following third-party resources: 
     31 
     32HTML5 Shiv v3.7.0, Copyright 2014 Alexander Farkas 
     33Licenses: MIT/GPL2 
     34Source: https://github.com/aFarkas/html5shiv 
     35 
     36ImagesLoaded PACKAGED v3.1.8 
     37Licenses: MIT License 
     38 
     39sidr - v2.2.1 - 2016-02-17 
     40Licenses:  Copyright (c) 2013-2016 Alberto Varela; Licensed MIT 
     41Source : https://www.berriart.com/sidr/ 
     42 
     43Font Awesome 4.2.0 by @davegandy 
     44License: http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) 
     45Source: http://fontawesome.io 
     46 
     47Isotope PACKAGED v3.0.0 Copyright 2016 by Metafizzy 
     48License: Licensed GPLv3 for open source use 
     49Source: http://isotope.metafizzy.co 
     50 
     51SmoothScroll v0.9.9 
     52License: Licensed under the terms of the MIT license. 
     53 
     54Lightbox v2.7.1  by Lokesh Dhakar 
     55License: http://creativecommons.org/licenses/by/2.5/ 
     56Source: http://lokeshdhakar.com/projects/lightbox2/ 
     57 
     58Plugin for Cycle2; Copyright (c) 2012 by M. Alsup 
     59jQuery Cycle2 version: 2.1.6 build: 20141007 Copyright (c) 2014 by M. Alsup 
     60Licenses: MIT/GPL 
     61Source: http://jquery.malsup.com/cycle2/ 
     62 
     63Photo Fusion includes support for Jetpack's Custom Post Type and Site Logos, as well as other features. 
     64 
     65== Images == 
     661. https://pixabay.com/en/clock-wall-clock-watch-time-old-1274699/ 
    2967 
    3068== Changelog == 
    3169 
    32 = 1.0 - May 12 2015 = 
     70= 0.3 =  
     71* WordPress 4.6 customizer validation implemented. 
     72* Slider transition effect changed from fadeout to scroll horizontal 
     73* Some css tweaks 
     74* Code optimization done 
     75* Site loader removed 
     76* Upgrade to pro button added in customizer 
     77 
     78= 0.2 = 
     79* Some css tweaks 
     80* Improved sanitization and validation 
     81 
     82= 0.1 = 
    3383* Initial release 
    3484 
    35 == Credits == 
    36  
    37 * Based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc., [GPLv2 or later](https://www.gnu.org/licenses/gpl-2.0.html) 
    38 * normalize.css http://necolas.github.io/normalize.css/, (C) 2012-2016 Nicolas Gallagher and Jonathan Neal, [MIT](http://opensource.org/licenses/MIT) 
    39  
    40 == Images == 
    41  
    42 * https://pixabay.com/en/girl-at-the-station-train-1374812/ 
  • photo-fusion/0.3/search.php

    r84270 r84270  
    88 */ 
    99 
    10 get_header(); ?> 
     10get_header(); 
     11do_action( 'photo_fusion_banner_section' ); 
     12?> 
    1113 
    12     <section id="primary" class="content-area"> 
    13         <main id="main" class="site-main" role="main"> 
     14<div class="container page-section"> 
     15    <div id="primary" class="content-area blog-masonry "> 
    1416 
    1517        <?php 
    1618        if ( have_posts() ) : ?> 
    17  
    18             <header class="page-header"> 
    19                 <h1 class="page-title"><?php printf( esc_html__( 'Search Results for: %s', 'photo-fusion' ), '<span>' . get_search_query() . '</span>' ); ?></h1> 
    20             </header><!-- .page-header --> 
     19        <div class="grid"> 
     20            <div class="grid-sizer"></div><!-- end .grid-sizer --> 
    2121 
    2222            <?php 
    2323            /* Start the Loop */ 
     24            $i = 1; 
    2425            while ( have_posts() ) : the_post(); 
    25  
    26                 /** 
    27                  * Run the loop for the search to output the results. 
    28                  * If you want to overload this in a child theme then include a file 
    29                  * called content-search.php and that will be used instead. 
     26             
     27                /* 
     28                 * Include the Post-Format-specific template for the content. 
     29                 * If you want to override this in a child theme, then include a file 
     30                 * called content-___.php (where ___ is the Post Format name) and that will be used instead. 
    3031                 */ 
    31                 get_template_part( 'template-parts/content', 'search' ); 
    32  
     32                get_template_part( 'components/post/content', 'search' );  
     33                apply_filters( 'photo_fusion_search_content_filter', $i ); 
     34                ?> 
     35                     
     36            <?php    
     37                $i++; 
    3338            endwhile; 
    3439 
    35             the_posts_navigation(); 
    36  
     40            echo photo_fusion_archive_post_navigation(); 
     41        ?> 
     42        </div><!-- .grid --> 
     43        <?php 
    3744        else : 
    3845 
    39             get_template_part( 'template-parts/content', 'none' ); 
     46            get_template_part( 'components/post/content', 'none' ); 
    4047 
    4148        endif; ?> 
    4249 
    43         </main><!-- #main --> 
    44     </section><!-- #primary --> 
     50    </div><!-- #primary --> 
     51</div><!-- .section-layout --> 
    4552 
    4653<?php 
    47 get_sidebar(); 
    4854get_footer(); 
  • photo-fusion/0.3/sidebar.php

    r84270 r84270  
    1414 
    1515<aside id="secondary" class="widget-area" role="complementary"> 
    16     <?php dynamic_sidebar( 'sidebar-1' ); ?> 
    17 </aside><!-- #secondary --> 
     16    <div class="sidebar"> 
     17        <?php dynamic_sidebar( 'sidebar-1' ); ?> 
     18    </div> 
     19</aside> 
  • photo-fusion/0.3/single.php

    r84270 r84270  
    88 */ 
    99 
    10 get_header(); ?> 
     10get_header();?> 
     11    <?php do_action( 'photo_fusion_banner_section' ); //get banner section ?> 
     12    <div class="container page-section"> 
     13        <div id="primary" class="content-area"> 
     14            <main id="main" class="site-main" role="main"> 
    1115 
    12     <div id="primary" class="content-area"> 
    13         <main id="main" class="site-main" role="main"> 
     16            <?php 
     17            while ( have_posts() ) : the_post(); 
    1418 
     19                get_template_part( 'components/post/content', 'single' ); 
     20 
     21                photo_fusion_single_post_navigation(); 
     22                 
     23                // If comments are open or we have at least one comment, load up the comment template. 
     24                if ( comments_open() || get_comments_number() ) : 
     25                    comments_template(); 
     26                endif; 
     27 
     28            endwhile; // End of the loop. 
     29            ?> 
     30 
     31            </main> 
     32        </div><!-- .content-area --> 
    1533        <?php 
    16         while ( have_posts() ) : the_post(); 
    17  
    18             get_template_part( 'template-parts/content', get_post_format() ); 
    19  
    20             the_post_navigation(); 
    21  
    22             // If comments are open or we have at least one comment, load up the comment template. 
    23             if ( comments_open() || get_comments_number() ) : 
    24                 comments_template(); 
    25             endif; 
    26  
    27         endwhile; // End of the loop. 
     34        if ( photo_fusion_is_sidebar_enable() ) { 
     35            get_sidebar(); 
     36        } 
    2837        ?> 
    29  
    30         </main><!-- #main --> 
    31     </div><!-- #primary --> 
    32  
     38    </div> 
    3339<?php 
    34 get_sidebar(); 
    3540get_footer(); 
  • photo-fusion/0.3/style.css

    r84270 r84270  
    11/* 
    22Theme Name: Photo Fusion 
    3 Theme URI: 
     3Theme URI: http://themepalace.com/downloads/photo-fusion/ 
    44Author: Theme Palace 
    55Author URI: http://themepalace.com/ 
    6 Description: Clean photography theme 
    7 Version: 0.2 
     6Description: Photo Fusion is a Responsive Wordpress photography theme based on Photo Fusion Pro by ThemePalace. This theme is especially designed for photo blogging, photo sharing and is perfect to manage your personal, travel, food and fashion blog. You can manage options of this theme from powerful WordPress Theme Customizer. Photo Fusion is responsive theme which is compatible with all types of devices. It support all major modern browsers and this theme is translation ready. Demo: http://themepalacedemo.com/photo-fusion/ Support http://themepalace.com/support-forum/ 
     7Version: 0.3 
    88License: GNU General Public License v2 or later 
    99License URI: http://www.gnu.org/licenses/gpl-2.0.html 
    1010Text Domain: photo-fusion 
    11 Tags: translation-ready, custom-background, theme-options, custom-menu, post-formats, threaded-comments 
     11Tags: translation-ready, custom-background, theme-options, custom-menu, post-formats, threaded-comments, right-sidebar, grid-layout, custom-logo, featured-images, footer-widgets 
    1212 
    1313This theme, like WordPress, is licensed under the GPL. 
    1414Use it to make something cool, have fun, and share what you've learned with others. 
    1515 
    16 Photo Fusion is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc. 
     16components is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc. 
    1717Underscores is distributed under the terms of the GNU GPL v2 or later. 
    1818 
     
    2424>>> TABLE OF CONTENTS: 
    2525---------------------------------------------------------------- 
     26# Preloader 
    2627# Normalize 
    2728# Typography 
     
    2930# Forms 
    3031# Navigation 
    31     ## Links 
    32     ## Menus 
     32  ## Links 
     33  ## Menus 
    3334# Accessibility 
    3435# Alignments 
     
    3637# Widgets 
    3738# Content 
    38     ## Posts and pages 
    39     ## Asides 
    40     ## Comments 
     39  ## Posts and pages 
     40  ## Asides 
     41  ## Comments 
    4142# Infinite scroll 
    4243# Media 
    43     ## Captions 
    44     ## Galleries 
     44  ## Captions 
     45  ## Galleries 
     46# Sections 
     47  ## Layouts and Titles 
     48  ## Animation 
     49  ## Background Colors 
     50  ## Slider 
     51  ## Banner 
     52  ## About Us 
     53  ## Portfolio 
     54  ## Counter 
     55  ## Blog 
     56  ## Instagram 
     57  ## Address 
     58  ## Social Icons 
     59  ## Button Effects 
     60  ## Color Switcher 
     61  ## Font Selection 
     62# Footer 
     63# Responsive 
    4564--------------------------------------------------------------*/ 
    4665 
     66/*-------------------------------------------------------------- 
     67# Preloader 
     68--------------------------------------------------------------*/ 
     69 
     70#loader { 
     71    overflow-x: hidden; 
     72    overflow-y: hidden; 
     73    vertical-align: middle; 
     74    background-color: #fff; 
     75    position: fixed; 
     76    display: table; 
     77    width: 100%; 
     78    top: 0; 
     79    height: 100%; 
     80    min-height: 100%; 
     81    z-index: 99999; 
     82} 
     83.loader-container { 
     84    position: relative; 
     85    display: table-cell; 
     86    vertical-align: middle; 
     87    z-index: 12; 
     88    text-align: center; 
     89} 
     90.loader { 
     91    margin-top: 10px; 
     92    margin-left: 0px; 
     93    width: 120px; 
     94    height: 120px; 
     95} 
     96.loader-container .fa { 
     97    font-size: 60px; 
     98    color: #f23f30; 
     99} 
     100.backtotop { 
     101    background-color: #f23f30; 
     102    z-index: 300; 
     103    width: 40px; 
     104    height: 40px; 
     105    line-height: 38px; 
     106    font-size: 18px; 
     107    text-align: center; 
     108    position: fixed; 
     109    bottom: -100px; 
     110    right: 25px; 
     111    cursor: pointer; 
     112    -webkit-transition: all .7s ease-in-out; 
     113    -moz-transition: all .7s ease-in-out; 
     114    -o-transition: all .7s ease-in-out; 
     115    -ms-transition: all .7s ease-in-out; 
     116    transition: all .7s ease-in-out; 
     117    color: #fff; 
     118} 
    47119/*-------------------------------------------------------------- 
    48120# Normalize 
    49121--------------------------------------------------------------*/ 
    50122html { 
    51     font-family: sans-serif; 
    52     -webkit-text-size-adjust: 100%; 
    53     -ms-text-size-adjust:     100%; 
     123  font-family: sans-serif; 
     124  -webkit-text-size-adjust: 100%; 
     125  -ms-text-size-adjust:     100%; 
    54126} 
    55127 
    56128body { 
    57     margin: 0; 
     129  margin: 0; 
    58130} 
    59131 
     
    70142section, 
    71143summary { 
    72     display: block; 
     144  display: block; 
    73145} 
    74146 
     
    77149progress, 
    78150video { 
    79     display: inline-block; 
    80     vertical-align: baseline; 
     151  display: inline-block; 
     152  vertical-align: baseline; 
    81153} 
    82154 
    83155audio:not([controls]) { 
    84     display: none; 
    85     height: 0; 
     156  display: none; 
     157  height: 0; 
    86158} 
    87159 
    88160[hidden], 
    89161template { 
    90     display: none; 
     162  display: none; 
    91163} 
    92164 
    93165a { 
    94     background-color: transparent; 
     166  background-color: transparent; 
    95167} 
    96168 
    97169a:active, 
    98170a:hover { 
    99     outline: 0; 
     171  outline: 0; 
    100172} 
    101173 
    102174abbr[title] { 
    103     border-bottom: 1px dotted; 
     175  border-bottom: 1px dotted; 
    104176} 
    105177 
    106178b, 
    107179strong { 
    108     font-weight: bold; 
     180  font-weight: bold; 
    109181} 
    110182 
    111183dfn { 
    112     font-style: italic; 
     184  font-style: italic; 
    113185} 
    114186 
    115187h1 { 
    116     font-size: 2em; 
    117     margin: 0.67em 0; 
     188  font-size: 2em; 
     189  margin: 0.67em 0; 
    118190} 
    119191 
    120192mark { 
    121     background: #ff0; 
    122     color: #000; 
     193  background: #ff0; 
     194  color: #000; 
    123195} 
    124196 
    125197small { 
    126     font-size: 80%; 
     198  font-size: 80%; 
    127199} 
    128200 
    129201sub, 
    130202sup { 
    131     font-size: 75%; 
    132     line-height: 0; 
    133     position: relative; 
    134     vertical-align: baseline; 
     203  font-size: 75%; 
     204  line-height: 0; 
     205  position: relative; 
     206  vertical-align: baseline; 
    135207} 
    136208 
    137209sup { 
    138     top: -0.5em; 
     210  top: -0.5em; 
    139211} 
    140212 
    141213sub { 
    142     bottom: -0.25em; 
     214  bottom: -0.25em; 
    143215} 
    144216 
    145217img { 
    146     border: 0; 
     218  border: 0; 
    147219} 
    148220 
    149221svg:not(:root) { 
    150     overflow: hidden; 
     222  overflow: hidden; 
    151223} 
    152224 
    153225figure { 
    154     margin: 1em 40px; 
     226  margin: 0; 
    155227} 
    156228 
    157229hr { 
    158     box-sizing: content-box; 
    159     height: 0; 
     230  box-sizing: content-box; 
     231  height: 0; 
    160232} 
    161233 
    162234pre { 
    163     overflow: auto; 
     235  overflow: auto; 
    164236} 
    165237 
     
    168240pre, 
    169241samp { 
    170     font-family: monospace, monospace; 
    171     font-size: 1em; 
     242  font-family: monospace, monospace; 
     243  font-size: 1em; 
    172244} 
    173245 
     
    177249select, 
    178250textarea { 
    179     color: inherit; 
    180     font: inherit; 
    181     margin: 0; 
     251  color: inherit; 
     252  font: inherit; 
     253  margin: 0; 
    182254} 
    183255 
    184256button { 
    185     overflow: visible; 
     257  overflow: visible; 
    186258} 
    187259 
    188260button, 
    189261select { 
    190     text-transform: none; 
     262  text-transform: none; 
    191263} 
    192264 
     
    195267input[type="reset"], 
    196268input[type="submit"] { 
    197     -webkit-appearance: button; 
    198     cursor: pointer; 
     269  -webkit-appearance: button; 
     270  cursor: pointer; 
    199271} 
    200272 
    201273button[disabled], 
    202274html input[disabled] { 
    203     cursor: default; 
     275  cursor: default; 
    204276} 
    205277 
    206278button::-moz-focus-inner, 
    207279input::-moz-focus-inner { 
    208     border: 0; 
    209     padding: 0; 
     280  border: 0; 
     281  padding: 0; 
    210282} 
    211283 
    212284input { 
    213     line-height: normal; 
     285  line-height: normal; 
    214286} 
    215287 
    216288input[type="checkbox"], 
    217289input[type="radio"] { 
    218     box-sizing: border-box; 
    219     padding: 0; 
     290  box-sizing: border-box; 
     291  padding: 0; 
    220292} 
    221293 
    222294input[type="number"]::-webkit-inner-spin-button, 
    223295input[type="number"]::-webkit-outer-spin-button { 
    224     height: auto; 
     296  height: auto; 
    225297} 
    226298 
    227299input[type="search"]::-webkit-search-cancel-button, 
    228300input[type="search"]::-webkit-search-decoration { 
    229     -webkit-appearance: none; 
     301  -webkit-appearance: none; 
    230302} 
    231303 
    232304fieldset { 
    233     border: 1px solid #c0c0c0; 
    234     margin: 0 2px; 
    235     padding: 0.35em 0.625em 0.75em; 
     305  border: 1px solid #c0c0c0; 
     306  margin: 0 2px; 
     307  padding: 0.35em 0.625em 0.75em; 
    236308} 
    237309 
    238310legend { 
    239     border: 0; 
    240     padding: 0; 
     311  border: 0; 
     312  padding: 0; 
    241313} 
    242314 
    243315textarea { 
    244     overflow: auto; 
     316  overflow: auto; 
    245317} 
    246318 
    247319optgroup { 
    248     font-weight: bold; 
     320  font-weight: bold; 
    249321} 
    250322 
    251323table { 
    252     border-collapse: collapse; 
    253     border-spacing: 0; 
     324  border-collapse: collapse; 
     325  border-spacing: 0; 
    254326} 
    255327 
    256328td, 
    257329th { 
    258     padding: 0; 
     330  padding: 0; 
    259331} 
    260332 
     
    267339select, 
    268340textarea { 
    269     color: #404040; 
    270     font-family: sans-serif; 
    271     font-size: 16px; 
    272     font-size: 1rem; 
    273     line-height: 1.5; 
     341  color: #404040; 
     342  font-family: 'Open Sans', sans-serif; 
     343  font-size: 16px; 
     344  font-size: 1rem; 
     345  line-height: 1.5; 
     346} 
     347 
     348h1,h2,h3,h4,h5,h6 {  
     349  position: relative; 
     350  color:#282828; 
     351  font-weight: 100; 
    274352} 
    275353 
     
    280358h5, 
    281359h6 { 
    282     clear: both; 
    283 } 
     360  clear: both; 
     361  font-family: serif; 
     362} 
     363 
     364h1 {font-size: 44px;} 
     365h2 {font-size: 34px;} 
     366h3 {font-size: 28px;} 
     367h4 {font-size: 22px;} 
     368h5 {font-size: 18px;} 
     369h6 {font-size: 14px;} 
    284370 
    285371p { 
    286     margin-bottom: 1.5em; 
     372  margin-bottom: 1.5em; 
     373  color: #666; 
    287374} 
    288375 
     
    291378em, 
    292379i { 
    293     font-style: italic; 
     380  font-style: italic; 
    294381} 
    295382 
    296383blockquote { 
    297     margin: 0 1.5em; 
     384  margin: 0 1.5em; 
    298385} 
    299386 
    300387address { 
    301     margin: 0 0 1.5em; 
     388  margin: 0 0 1.5em; 
    302389} 
    303390 
    304391pre { 
    305     background: #eee; 
    306     font-family: "Courier 10 Pitch", Courier, monospace; 
    307     font-size: 15px; 
    308     font-size: 0.9375rem; 
    309     line-height: 1.6; 
    310     margin-bottom: 1.6em; 
    311     max-width: 100%; 
    312     overflow: auto; 
    313     padding: 1.6em; 
     392  background: #eee; 
     393  font-family: "Courier 10 Pitch", Courier, monospace; 
     394  font-size: 15px; 
     395  font-size: 0.9375rem; 
     396  line-height: 1.6; 
     397  margin-bottom: 1.6em; 
     398  max-width: 100%; 
     399  overflow: auto; 
     400  padding: 1.6em; 
    314401} 
    315402 
     
    318405tt, 
    319406var { 
    320     font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; 
    321     font-size: 15px; 
    322     font-size: 0.9375rem; 
     407  font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; 
     408  font-size: 15px; 
     409  font-size: 0.9375rem; 
    323410} 
    324411 
    325412abbr, 
    326413acronym { 
    327     border-bottom: 1px dotted #666; 
    328     cursor: help; 
     414  border-bottom: 1px dotted #666; 
     415  cursor: help; 
    329416} 
    330417 
    331418mark, 
    332419ins { 
    333     background: #fff9c0; 
    334     text-decoration: none; 
     420  background: #fff9c0; 
     421  text-decoration: none; 
    335422} 
    336423 
    337424big { 
    338     font-size: 125%; 
     425  font-size: 125%; 
    339426} 
    340427 
     
    343430--------------------------------------------------------------*/ 
    344431html { 
    345     box-sizing: border-box; 
     432  box-sizing: border-box; 
     433  overflow-x: visible !important; 
    346434} 
    347435 
     
    349437*:before, 
    350438*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */ 
    351     box-sizing: inherit; 
     439  box-sizing: inherit; 
    352440} 
    353441 
    354442body { 
    355     background: #fff; /* Fallback for when there is no custom background color defined. */ 
     443  background: #fff; /* Fallback for when there is no custom background color defined. */ 
     444  font-size: 14px; 
     445  color: #3c3c3c; 
    356446} 
    357447 
     
    360450q:before, 
    361451q:after { 
    362     content: ""; 
     452  content: ""; 
    363453} 
    364454 
    365455blockquote, 
    366456q { 
    367     quotes: "" ""; 
     457  quotes: "" ""; 
    368458} 
    369459 
    370460hr { 
    371     background-color: #ccc; 
    372     border: 0; 
    373     height: 1px; 
    374     margin-bottom: 1.5em; 
     461  background-color: #ccc; 
     462  border: 0; 
     463  height: 1px; 
     464  margin-bottom: 1.5em; 
    375465} 
    376466 
    377467ul, 
    378468ol { 
    379     margin: 0 0 1.5em 3em; 
     469  margin: 0; 
     470  padding: 0; 
    380471} 
    381472 
    382473ul { 
    383     list-style: disc; 
     474  list-style: none; 
    384475} 
    385476 
    386477ol { 
    387     list-style: decimal; 
     478  list-style: decimal; 
    388479} 
    389480 
    390481li > ul, 
    391482li > ol { 
    392     margin-bottom: 0; 
    393     margin-left: 1.5em; 
     483  margin-bottom: 0; 
     484  margin-left: 1.5em; 
    394485} 
    395486 
    396487dt { 
    397     font-weight: bold; 
     488  font-weight: bold; 
    398489} 
    399490 
    400491dd { 
    401     margin: 0 1.5em 1.5em; 
     492  margin: 0 1.5em 1.5em; 
    402493} 
    403494 
    404495img { 
    405     height: auto; /* Make sure images are scaled correctly. */ 
    406     max-width: 100%; /* Adhere to container width. */ 
     496  height: auto; /* Make sure images are scaled correctly. */ 
     497  max-width: 100%; /* Adhere to container width. */ 
    407498} 
    408499 
    409500table { 
    410     margin: 0 0 1.5em; 
    411     width: 100%; 
     501  margin: 0 0 1.5em; 
     502  width: 100%; 
    412503} 
    413504 
     
    419510input[type="reset"], 
    420511input[type="submit"] { 
    421     border: 1px solid; 
    422     border-color: #ccc #ccc #bbb; 
    423     border-radius: 3px; 
    424     background: #e6e6e6; 
    425     box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05); 
    426     color: rgba(0, 0, 0, .8); 
    427     font-size: 12px; 
    428     font-size: 0.75rem; 
    429     line-height: 1; 
    430     padding: .6em 1em .4em; 
    431     text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); 
     512  border: 1px solid; 
     513  border-color: #ccc #ccc #bbb; 
     514  border-radius: 3px; 
     515  background: #e6e6e6; 
     516  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05); 
     517  color: rgba(0, 0, 0, .8); 
     518  font-size: 12px; 
     519  font-size: 0.75rem; 
     520  line-height: 1; 
     521  padding: .6em 1em .4em; 
     522  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); 
    432523} 
    433524 
     
    436527input[type="reset"]:hover, 
    437528input[type="submit"]:hover { 
    438     border-color: #ccc #bbb #aaa; 
    439     box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02); 
     529  border-color: #ccc #bbb #aaa; 
     530  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02); 
    440531} 
    441532 
     
    448539input[type="reset"]:active, 
    449540input[type="submit"]:active { 
    450     border-color: #aaa #bbb #bbb; 
    451     box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.25); 
     541  border-color: #aaa #bbb #bbb; 
     542  box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15); 
    452543} 
    453544 
     
    468559input[type="color"], 
    469560textarea { 
    470     color: #666; 
    471     border: 1px solid #ccc; 
    472     border-radius: 3px; 
    473 } 
    474  
     561  color: #666; 
     562  border: 1px solid #ccc; 
     563  border-radius: 3px; 
     564  padding: 3px; 
     565} 
     566input[type="search"] { 
     567    outline: none; 
     568    border-radius: 0; 
     569    text-indent: 10px; 
     570    width: 100%; 
     571    height: 40px; 
     572} 
    475573select { 
    476     border: 1px solid #ccc; 
     574  border: 1px solid #ccc; 
    477575} 
    478576 
     
    493591input[type="color"]:focus, 
    494592textarea:focus { 
    495     color: #111; 
    496 } 
    497  
    498 input[type="text"], 
    499 input[type="email"], 
    500 input[type="url"], 
    501 input[type="password"], 
    502 input[type="search"], 
    503 input[type="number"], 
    504 input[type="tel"], 
    505 input[type="range"], 
    506 input[type="date"], 
    507 input[type="month"], 
    508 input[type="week"], 
    509 input[type="time"], 
    510 input[type="datetime"], 
    511 input[type="datetime-local"], 
    512 input[type="color"] { 
    513     padding: 3px; 
     593  color: #111; 
    514594} 
    515595 
    516596textarea { 
    517     padding-left: 3px; 
    518     width: 100%; 
    519 } 
    520  
     597  width: 100%; 
     598  outline: none; 
     599  border: 1px solid #ddd; 
     600  border-radius: 0; 
     601  text-indent: 15px;  
     602} 
     603select::-ms-expand { 
     604    display: none; 
     605} 
     606.btn, 
     607.form-group input, 
     608.form-group textarea { 
     609  -webkit-transition: all 0.4s ease-in-out; 
     610  -moz-transition: all 0.4s ease-in-out; 
     611  -ms-transition: all 0.4s ease-in-out; 
     612  -o-transition: all 0.4s ease-in-out; 
     613  transition: all 0.4s ease-in-out; 
     614} 
     615.form-group { 
     616    margin-bottom: 15px; 
     617} 
     618.form-group input { 
     619    outline: none; 
     620    border-radius: 0; 
     621    border: 1px solid #ddd; 
     622    text-indent: 15px; 
     623    margin-right: 50px; 
     624    height: 40px; 
     625    width: 95%; 
     626} 
     627.form-group input:focus, 
     628.form-group textarea:focus { 
     629  border-color: #f23f30;  
     630} 
     631input[type="submit"] { 
     632    width: auto; 
     633    background: transparent; 
     634    box-shadow: none !important; 
     635    border: none; 
     636    color: #fff; 
     637    text-indent: 0; 
     638    text-align: center; 
     639    margin: 0; 
     640    height: auto; 
     641} 
     642input[type="submit"]:focus { 
     643  border-color: none;  
     644} 
     645form .pull-left { 
     646    float: left; 
     647    width: 50%; 
     648} 
    521649/*-------------------------------------------------------------- 
    522650# Navigation 
     
    526654--------------------------------------------------------------*/ 
    527655a { 
    528     color: #6E3033; 
    529 } 
    530  
    531 a:visited { 
    532     color: #6E3033; 
     656  color: royalblue; 
     657  text-decoration: none; 
    533658} 
    534659 
     
    536661a:focus, 
    537662a:active { 
    538     color: #333; 
     663  color: midnightblue; 
    539664} 
    540665 
    541666a:focus { 
    542     outline: thin dotted; 
     667  outline: none; 
    543668} 
    544669 
    545670a:hover, 
    546671a:active { 
    547     outline: 0; 
     672  outline: 0; 
    548673} 
    549674 
     
    551676## Menus 
    552677--------------------------------------------------------------*/ 
     678.site-header { 
     679  position: absolute; 
     680  z-index: 3000; 
     681  left: 0; 
     682  right: 0; 
     683} 
     684 
     685.site-header.is-sticky { 
     686    position: fixed; 
     687    left: 0; 
     688    right: 0; 
     689    z-index: 3000; 
     690    -webkit-transition: 0.4s ease-in-out; 
     691    -moz-transition: 0.4s ease-in-out; 
     692    -o-transition: 0.4s ease-in-out; 
     693    -ms-transition: 0.4s ease-in-out; 
     694    transition: 0.4s ease-in-out; 
     695} 
     696.is-sticky { 
     697    background: rgba(17, 17, 17, 0.78); 
     698} 
    553699.main-navigation { 
    554     clear: both; 
    555     display: block; 
    556     float: left; 
    557     width: 100%; 
     700  display: block; 
    558701} 
    559702 
    560703.main-navigation ul { 
    561     display: none; 
    562     list-style: none; 
    563     margin: 0; 
    564     padding-left: 0; 
     704  display: none; 
     705  list-style: none; 
     706  margin: 0; 
     707  padding-left: 0; 
     708  float: right; 
    565709} 
    566710 
    567711.main-navigation li { 
    568     float: left; 
    569     position: relative; 
     712  float: left; 
     713  position: relative; 
     714} 
     715.main-navigation > ul > li { 
     716  padding: 35px 0; 
     717} 
     718.main-navigation ul ul li { 
     719  padding: 10px 20px; 
    570720} 
    571721 
    572722.main-navigation a { 
    573     display: block; 
    574     text-decoration: none; 
     723  display: block; 
     724  text-decoration: none; 
    575725} 
    576726 
    577727.main-navigation ul ul { 
    578     box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2); 
    579     float: left; 
    580     position: absolute; 
    581     top: 1.5em; 
    582     left: -999em; 
    583     z-index: 99999; 
     728  float: left; 
     729    position: absolute; 
     730    top: 5em; 
     731    left: -999em; 
     732    z-index: 99999; 
     733    background: rgb(51, 51, 51); 
     734} 
     735.is-sticky .main-navigation > ul > ul { 
     736   top: 6.5em; 
     737} 
     738.main-navigation ul .menu-item-has-children ul { 
     739    -webkit-transition: all 0.3s ease-in-out; 
     740    -moz-transition: all 0.3s ease-in-out; 
     741    -ms-transition: all 0.3s ease-in-out; 
     742    -o-transition: all 0.3s ease-in-out; 
     743    transition: all 0.3s ease-in-out; 
     744    top: 60px; 
     745} 
     746.is-sticky .main-navigation ul .menu-item-has-children ul { 
     747    -webkit-transition: all 0.3s ease-in-out; 
     748    -moz-transition: all 0.3s ease-in-out; 
     749    -ms-transition: all 0.3s ease-in-out; 
     750    -o-transition: all 0.3s ease-in-out; 
     751    transition: all 0.3s ease-in-out; 
     752    top: 80px; 
     753} 
     754.is-sticky .main-navigation ul .menu-item-has-children:hover ul { 
     755  top: 90px; 
     756} 
     757.main-navigation ul .menu-item-has-children:hover ul { 
     758  top: 75px; 
     759} 
     760.main-navigation ul .menu-item-has-children ul ul, 
     761.main-navigation ul .menu-item-has-children:hover ul ul, 
     762.is-sticky .main-navigation ul .menu-item-has-children:hover ul ul { 
     763  -webkit-transition: 0s ease-in-out; 
     764    -moz-transition: 0s ease-in-out; 
     765    -ms-transition: 0s ease-in-out; 
     766    -o-transition: 0s ease-in-out; 
     767    transition: 0s ease-in-out; 
     768    top: 0; 
    584769} 
    585770 
    586771.main-navigation ul ul ul { 
    587     left: -999em; 
    588     top: 0; 
     772  left: -999em; 
     773  top: 0; 
     774  margin-top: 0px; 
    589775} 
    590776 
    591777.main-navigation ul ul a { 
    592     width: 200px; 
    593 } 
    594  
    595 .main-navigation ul ul li { 
    596  
     778  width: 165px; 
    597779} 
    598780 
     
    611793.main-navigation ul li:hover > ul, 
    612794.main-navigation ul li.focus > ul { 
    613     left: auto; 
     795  left: auto; 
    614796} 
    615797 
    616798.main-navigation ul ul li:hover > ul, 
    617799.main-navigation ul ul li.focus > ul { 
    618     left: 100%; 
     800  left: auto; 
     801  right: 100%; 
    619802} 
    620803 
     
    628811.menu-toggle, 
    629812.main-navigation.toggled ul { 
    630     display: block; 
    631 } 
    632  
     813  display: block; 
     814} 
     815.btn.hide { 
     816  display: none; 
     817} 
    633818@media screen and (min-width: 37.5em) { 
    634     .menu-toggle { 
    635         display: none; 
    636     } 
    637     .main-navigation ul { 
    638         display: block; 
    639     } 
     819  .menu-toggle { 
     820    display: none; 
     821  } 
     822  .main-navigation ul { 
     823    display: block; 
     824  } 
    640825} 
    641826 
     
    643828.site-main .posts-navigation, 
    644829.site-main .post-navigation { 
    645     margin: 0 0 1.5em; 
    646     overflow: hidden; 
     830  margin: 0 0 1.5em; 
     831  overflow: hidden; 
    647832} 
    648833 
     
    650835.posts-navigation .nav-previous, 
    651836.post-navigation .nav-previous { 
    652     float: left; 
    653     width: 50%; 
     837  float: left; 
    654838} 
    655839 
     
    657841.posts-navigation .nav-next, 
    658842.post-navigation .nav-next { 
    659     float: right; 
    660     text-align: right; 
    661     width: 50%; 
    662 } 
    663  
     843  float: right; 
     844  text-align: right; 
     845} 
     846.site-branding { 
     847  float: left; 
     848  padding-top: 10px; 
     849} 
     850#site-header .site-title a { 
     851    color: #fff; 
     852    text-transform: uppercase; 
     853} 
     854.site-title { 
     855    margin-bottom: 0; 
     856    font-size: 20px; 
     857} 
     858.site-header .site-title { 
     859    margin-top: 8px; 
     860} 
     861.site-description { 
     862    margin-top: 0; 
     863    font-size: 15px; 
     864    color: #eee; 
     865    font-family: 'Open Sans', sans-serif; 
     866} 
     867.site-branding.alignleft #site-header { 
     868    float: right; 
     869} 
     870#site-header { 
     871  width: 225px; 
     872} 
     873.site-branding.alignleft .site-logo { 
     874    float: left; 
     875    margin-right: 15px; 
     876} 
     877.sidr-class-site-logo { 
     878    text-align: center; 
     879} 
     880.site-branding.alignright #site-header { 
     881    float: left; 
     882} 
     883.site-branding.alignright .site-logo { 
     884    float: right; 
     885    margin-left: 15px; 
     886} 
     887.site-branding.alignright { 
     888    float: left; 
     889} 
     890#sidr-left-top-button { 
     891    display: none; 
     892} 
     893.main-navigation ul li a { 
     894    text-transform: uppercase; 
     895    color: #fff; 
     896    font-weight: bold; 
     897} 
     898.main-navigation ul li:not(:last-child) a { 
     899  padding-right: 25px; 
     900} 
     901.menu-item-has-children > a:after { 
     902    content: "\f107"; 
     903    font-family: "FontAwesome"; 
     904    margin-left: 5px; 
     905} 
     906.main-navigation ul li.menu-item-has-children ul li.menu-item-has-children > a:after { 
     907  content: ""; 
     908} 
     909.main-navigation ul li.menu-item-has-children ul li.menu-item-has-children > a:before { 
     910    content: "\f104"; 
     911    font-family: "FontAwesome"; 
     912    margin-left: 0px; 
     913    margin-right: 15px; 
     914} 
     915.main-navigation ul li.current-menu-item > a, 
     916.main-navigation ul li a:hover { 
     917    color: #f23f30; 
     918} 
     919.main-navigation ul li .post-ad a { 
     920    background: #f23f30; 
     921    color: #fff; 
     922    padding: 12px 35px; 
     923    margin-top: -12px; 
     924    margin-right: 18px; 
     925    -webkit-transition: all 0.3s ease-in-out; 
     926    -moz-transition: all 0.3s ease-in-out; 
     927    -ms-transition: all 0.3s ease-in-out; 
     928    -o-transition: all 0.3s ease-in-out; 
     929    transition: all 0.3s ease-in-out; 
     930} 
     931.main-navigation ul li .post-ad a:hover { 
     932    background: #333; 
     933    color: #fff; 
     934} 
     935.main-navigation ul li .post-ad .fa,.login .fa { 
     936    margin-right: 8px; 
     937} 
     938.homepage_slider_disabaled .site-header, 
     939.homepage_slider_disabaled .site-header.is-sticky { 
     940  top: 0; 
     941  background: rgba(17, 17, 17, 0.78); 
     942} 
    664943/*-------------------------------------------------------------- 
    665944# Accessibility 
     
    667946/* Text meant only for screen readers. */ 
    668947.screen-reader-text { 
    669     clip: rect(1px, 1px, 1px, 1px); 
    670     position: absolute !important; 
    671     height: 1px; 
    672     width: 1px; 
    673     overflow: hidden; 
     948  clip: rect(1px, 1px, 1px, 1px); 
     949  position: absolute !important; 
     950  height: 1px; 
     951  width: 1px; 
     952  overflow: hidden; 
    674953} 
    675954 
    676955.screen-reader-text:focus { 
    677     background-color: #f1f1f1; 
    678     border-radius: 3px; 
    679     box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); 
    680     clip: auto !important; 
    681     color: #21759b; 
    682     display: block; 
    683     font-size: 14px; 
    684     font-size: 0.875rem; 
    685     font-weight: bold; 
    686     height: auto; 
    687     left: 5px; 
    688     line-height: normal; 
    689     padding: 15px 23px 14px; 
    690     text-decoration: none; 
    691     top: 5px; 
    692     width: auto; 
    693     z-index: 100000; /* Above WP toolbar. */ 
     956  background-color: #f1f1f1; 
     957  border-radius: 3px; 
     958  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); 
     959  clip: auto !important; 
     960  color: #21759b; 
     961  display: block; 
     962  font-size: 14px; 
     963  font-size: 0.875rem; 
     964  font-weight: bold; 
     965  height: auto; 
     966  left: 5px; 
     967  line-height: normal; 
     968  padding: 15px 23px 14px; 
     969  text-decoration: none; 
     970  top: 5px; 
     971  width: auto; 
     972  z-index: 100000; /* Above WP toolbar. */ 
    694973} 
    695974 
    696975/* Do not show the outline on the skip link target. */ 
    697976#content[tabindex="-1"]:focus { 
    698     outline: 0; 
     977  outline: 0; 
    699978} 
    700979 
     
    703982--------------------------------------------------------------*/ 
    704983.alignleft { 
    705     display: inline; 
    706     float: left; 
    707     margin-right: 1.5em; 
     984  display: inline; 
     985  float: left; 
     986  margin-right: 1.5em; 
    708987} 
    709988 
    710989.alignright { 
    711     display: inline; 
    712     float: right; 
    713     margin-left: 1.5em; 
     990  display: inline; 
     991  float: right; 
     992  margin-left: 1.5em; 
    714993} 
    715994 
    716995.aligncenter { 
    717     clear: both; 
    718     display: block; 
    719     margin-left: auto; 
    720     margin-right: auto; 
     996  clear: both; 
     997  display: block; 
     998  margin-left: auto; 
     999  margin-right: auto; 
    7211000} 
    7221001 
     
    7361015.site-footer:before, 
    7371016.site-footer:after { 
    738     content: ""; 
    739     display: table; 
    740     table-layout: fixed; 
     1017  content: ""; 
     1018  display: table; 
     1019  table-layout: fixed; 
    7411020} 
    7421021 
     
    7471026.site-content:after, 
    7481027.site-footer:after { 
    749     clear: both; 
     1028  clear: both; 
    7501029} 
    7511030 
     
    7541033--------------------------------------------------------------*/ 
    7551034.widget { 
    756     margin: 0 0 1.5em; 
     1035  margin: 0 0 1.5em; 
    7571036} 
    7581037 
    7591038/* Make sure select elements fit in widgets. */ 
    7601039.widget select { 
    761     max-width: 100%; 
     1040  max-width: 100%; 
    7621041} 
    7631042 
     
    7651044# Content 
    7661045--------------------------------------------------------------*/ 
     1046 
     1047 
    7671048/*-------------------------------------------------------------- 
    7681049## Posts and pages 
    7691050--------------------------------------------------------------*/ 
    7701051.sticky { 
    771     display: block; 
     1052  display: block; 
    7721053} 
    7731054 
    7741055.hentry { 
    775     margin: 0 0 1.5em; 
     1056  margin: 0 0 1.5em; 
    7761057} 
    7771058 
    7781059.byline, 
    7791060.updated:not(.published) { 
    780     display: none; 
     1061  display: none; 
    7811062} 
    7821063 
    7831064.single .byline, 
    7841065.group-blog .byline { 
    785     display: inline; 
     1066  display: inline; 
    7861067} 
    7871068 
     
    7891070.entry-content, 
    7901071.entry-summary { 
    791     margin: 1.5em 0 0; 
     1072  margin: 1.5em 0 0; 
    7921073} 
    7931074 
    7941075.page-links { 
    795     clear: both; 
    796     margin: 0 0 1.5em; 
     1076  clear: both; 
     1077  margin: 0 0 1.5em; 
    7971078} 
    7981079 
     
    8011082--------------------------------------------------------------*/ 
    8021083.blog .format-aside .entry-title, 
    803 .archive .format-aside .entry-title { 
    804     display: none; 
    805 } 
    806  
     1084.blog-masonry .format-aside .entry-title { 
     1085  display: none; 
     1086} 
     1087#secondary { 
     1088  padding:25px; 
     1089  background-color: #fff; 
     1090} 
     1091#secondary a { 
     1092    color: #666; 
     1093} 
     1094#secondary a:hover { 
     1095    color: #f23f30; 
     1096} 
     1097#secondary li { 
     1098  margin-bottom: 10px; 
     1099} 
     1100#secondary li:last-child { 
     1101  margin-bottom: 0; 
     1102} 
     1103#secondary .widget-title { 
     1104    margin-bottom: 15px; 
     1105    color: #f23f30; 
     1106} 
    8071107/*-------------------------------------------------------------- 
    8081108## Comments 
    8091109--------------------------------------------------------------*/ 
    8101110.comment-content a { 
    811     word-wrap: break-word; 
     1111  word-wrap: break-word; 
    8121112} 
    8131113 
    8141114.bypostauthor { 
    815     display: block; 
     1115  display: block; 
    8161116} 
    8171117 
     
    8221122.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */ 
    8231123.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */ 
    824     display: none; 
     1124  display: none; 
    8251125} 
    8261126 
    8271127/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */ 
    8281128.infinity-end.neverending .site-footer { 
    829     display: block; 
     1129  display: block; 
    8301130} 
    8311131 
     
    8361136.entry-content .wp-smiley, 
    8371137.comment-content .wp-smiley { 
    838     border: none; 
    839     margin-bottom: 0; 
    840     margin-top: 0; 
    841     padding: 0; 
     1138  border: none; 
     1139  margin-bottom: 0; 
     1140  margin-top: 0; 
     1141  padding: 0; 
    8421142} 
    8431143 
     
    8461146iframe, 
    8471147object { 
    848     max-width: 100%; 
     1148  max-width: 100%; 
    8491149} 
    8501150 
     
    8531153--------------------------------------------------------------*/ 
    8541154.wp-caption { 
    855     margin-bottom: 1.5em; 
    856     max-width: 100%; 
     1155  margin-bottom: 1.5em; 
     1156  max-width: 100%; 
    8571157} 
    8581158 
    8591159.wp-caption img[class*="wp-image-"] { 
    860     display: block; 
    861     margin-left: auto; 
    862     margin-right: auto; 
     1160  display: block; 
     1161  margin-left: auto; 
     1162  margin-right: auto; 
    8631163} 
    8641164 
    8651165.wp-caption .wp-caption-text { 
    866     margin: 0.8075em 0; 
     1166  margin: 0.8075em 0; 
    8671167} 
    8681168 
    8691169.wp-caption-text { 
    870     text-align: center; 
     1170  text-align: center; 
    8711171} 
    8721172 
     
    8741174## Galleries 
    8751175--------------------------------------------------------------*/ 
     1176 
     1177.gallery-item { 
     1178  display: inline-block; 
     1179  text-align: center; 
     1180  vertical-align: top; 
     1181  width: 100%; 
     1182} 
     1183 
     1184.gallery-columns-2 .gallery-item { 
     1185  max-width: 50%; 
     1186} 
     1187 
     1188.gallery-columns-3 .gallery-item { 
     1189  max-width: 33.33%; 
     1190} 
     1191 
     1192.gallery-columns-4 .gallery-item { 
     1193  max-width: 25%; 
     1194} 
     1195 
     1196.gallery-columns-5 .gallery-item { 
     1197  max-width: 20%; 
     1198} 
     1199 
     1200.gallery-columns-6 .gallery-item { 
     1201  max-width: 16.66%; 
     1202} 
     1203 
     1204.gallery-columns-7 .gallery-item { 
     1205  max-width: 14.28%; 
     1206} 
     1207 
     1208.gallery-columns-8 .gallery-item { 
     1209  max-width: 12.5%; 
     1210} 
     1211 
     1212.gallery-columns-9 .gallery-item { 
     1213  max-width: 11.11%; 
     1214} 
     1215 
     1216.gallery-caption { 
     1217  display: block; 
     1218} 
     1219.grid-sizer, 
     1220.grid-item { width: 20%; } 
     1221.grid-item-width1 { width: 40%; } 
     1222.blog-masonry .grid-item img, 
     1223.blog-masonry .grid-item-width1 img, 
     1224.blog-masonry .grid-item-width2 img { 
     1225    height: 400px; 
     1226} 
     1227 
     1228 
     1229/*-------------------------------------------------------------- 
     1230## Layouts and Titles 
     1231--------------------------------------------------------------*/ 
     1232section { 
     1233  position: relative; 
     1234} 
     1235.container { 
     1236    padding-right: 15px; 
     1237    padding-left: 15px; 
     1238    margin-right: auto; 
     1239    margin-left: auto; 
     1240} 
     1241.container:after,  
     1242.container:before { 
     1243    content: ""; 
     1244    display: table; 
     1245    clear: both; 
     1246} 
     1247.page-section { 
     1248  padding: 40px 0; 
     1249} 
     1250.column-wrapper { 
     1251  float: left; 
     1252  width: 100%; 
     1253  padding: 10px; 
     1254} 
     1255#instagram .column-wrapper, 
     1256#contact-form .column-wrapper, 
     1257.site-footer .column-wrapper { 
     1258  padding: 0; 
     1259} 
     1260.one-col .column-wrapper { 
     1261  width: 100%; 
     1262} 
     1263.entry-header { 
     1264    text-align: center; 
     1265    margin-bottom: 3.5em; 
     1266    width: 50%; 
     1267    margin: auto; 
     1268} 
     1269.entry-title { 
     1270    font-size: 35px; 
     1271    margin-bottom: 0; 
     1272    font-family: serif; 
     1273    text-transform: capitalize; 
     1274} 
     1275.sub-title { 
     1276    font-family: 'Open Sans', sans-serif; 
     1277    color: #888; 
     1278} 
     1279.text-left { 
     1280    text-align: left; 
     1281} 
     1282.text-right { 
     1283    text-align: right; 
     1284} 
     1285.text-center { 
     1286    text-align: center; 
     1287} 
     1288.clear { 
     1289  clear: both; 
     1290} 
     1291.padding-top-0 { 
     1292  padding-top: 0; 
     1293} 
     1294.padding-bottom-0 { 
     1295    padding-bottom: 0; 
     1296} 
     1297.w-25{ 
     1298  width: 25%; 
     1299} 
     1300.w-75 { 
     1301  width: 75%; 
     1302} 
     1303.w-50 { 
     1304  width: 50%; 
     1305} 
     1306.w-40 { 
     1307  width: 40%; 
     1308} 
     1309.w-20 { 
     1310  width: 20%; 
     1311} 
     1312.w-100 { 
     1313  width: 100%; 
     1314} 
     1315/*-------------------------------------------------------------- 
     1316# Animation 
     1317--------------------------------------------------------------*/ 
     1318.os-animation { 
     1319    opacity: 0; 
     1320} 
     1321.os-animation.animated { 
     1322    opacity: 1; 
     1323} 
     1324 
     1325/*-------------------------------------------------------------- 
     1326# Background Colors 
     1327--------------------------------------------------------------*/ 
     1328.bg-white { 
     1329  background-color: #fff; 
     1330} 
     1331.bg-grey { 
     1332  background-color: #F1F5F8; 
     1333} 
     1334/*-------------------------------------------------------------- 
     1335# Slider 
     1336--------------------------------------------------------------*/ 
     1337.main-slider .cycle-slideshow img , 
     1338.main-slider .cycle-slideshow figure { 
     1339    width: 100%; 
     1340    vertical-align: middle; 
     1341} 
     1342.main-slider .cycle-slideshow { 
     1343    z-index: 0; 
     1344} 
     1345.slider-contents { 
     1346    position: absolute; 
     1347    top: 25%; 
     1348    left: 0; 
     1349    right: 0; 
     1350    margin: auto; 
     1351    text-align: center; 
     1352    z-index: 3; 
     1353} 
     1354.layer-1 h5 { 
     1355    text-transform: uppercase; 
     1356    font-family: 'Open Sans', sans-serif; 
     1357    color: #f23f30; 
     1358    margin: 0; 
     1359    font-size: 16px; 
     1360} 
     1361.layer-2 { 
     1362    margin: 10px 0; 
     1363} 
     1364.layer-2 h1 { 
     1365    text-transform: capitalize; 
     1366    font-family: serif; 
     1367    color: #fff; 
     1368    margin: 0; 
     1369    line-height: 65px; 
     1370    font-size: 60px; 
     1371} 
     1372.layer-3 h5 { 
     1373    text-transform: uppercase; 
     1374    font-family: 'Open Sans', sans-serif; 
     1375    color: #eee; 
     1376    margin: 0 auto; 
     1377    width: 50%; 
     1378    font-weight: 100; 
     1379    font-size: 16px; 
     1380} 
     1381.layer-4 { 
     1382    margin-top: 25px; 
     1383} 
     1384.text-wrapper:before, 
     1385.text-wrapper:after { 
     1386    content: " "; 
     1387    width: 1px; 
     1388    height: 33px; 
     1389    background-color: #666; 
     1390    display: inline-block; 
     1391} 
     1392.text-wrapper:before { 
     1393  margin-bottom: 20px; 
     1394} 
     1395.text-wrapper:after { 
     1396  margin-top: 20px; 
     1397} 
     1398.main-slider .controls { 
     1399    position: absolute; 
     1400    top: 35%; 
     1401    right: 45px; 
     1402} 
     1403.main-slider .control-align-bottom .controls { 
     1404    position: relative; 
     1405    top: 0; 
     1406    right: 0; 
     1407} 
     1408.main-slider .control-align-bottom .cycle-pager, 
     1409.main-slider .cycle-slideshow .control-align-bottom .cycle-prev,  
     1410.main-slider .cycle-slideshow .control-align-bottom .cycle-next { 
     1411  display: inline-block; 
     1412} 
     1413.main-slider .control-align-bottom .fa-angle-down:before { 
     1414    content: "\f105"; 
     1415} 
     1416.main-slider .control-align-bottom .fa-angle-up:before { 
     1417    content: "\f104"; 
     1418} 
     1419.main-slider .control-align-bottom .cycle-pager { 
     1420  padding: 0 15px; 
     1421} 
     1422.main-slider .controls .fa { 
     1423    font-size: 30px; 
     1424    color: #f23f30; 
     1425} 
     1426.main-slider .cycle-pager { 
     1427    position: relative; 
     1428    text-align: center; 
     1429    z-index: 300; 
     1430} 
     1431.main-slider .controls .fa, 
     1432.main-slider .cycle-pager { 
     1433  opacity: 0; 
     1434  -webkit-transition: 0.3s ease-in-out; 
     1435  -moz-transition: 0.3s ease-in-out; 
     1436  -ms-transition: 0.3s ease-in-out; 
     1437  -o-transition: 0.3s ease-in-out; 
     1438  transition: 0.3s ease-in-out; 
     1439} 
     1440.main-slider:hover .controls .fa, 
     1441.main-slider:hover .cycle-pager { 
     1442  opacity: 1; 
     1443} 
     1444.main-slider .control-align-bottom { 
     1445    position: absolute; 
     1446    bottom: 25px; 
     1447    left: 0; 
     1448    right: 0; 
     1449    margin: AUTO; 
     1450    text-align: center; 
     1451} 
     1452.cycle-pager span { 
     1453    color: #f23f30; 
     1454    font-size: 30px; 
     1455    display: block; 
     1456    line-height: 20px; 
     1457    cursor: pointer; 
     1458} 
     1459.control-align-bottom .cycle-pager span { 
     1460    display: inline-block; 
     1461    margin-right: 5px; 
     1462} 
     1463.cycle-pager .cycle-pager-active { 
     1464  color: #F10402; 
     1465} 
     1466.cycle-slideshow .cycle-prev, 
     1467.cycle-slideshow .cycle-next { 
     1468    z-index: 300; 
     1469    position: relative; 
     1470} 
     1471.black-overlay { 
     1472    background-color: rgba(51, 51, 51, 0.6); 
     1473    position: absolute; 
     1474    width: 100%; 
     1475    height: 100%; 
     1476    z-index: 3; 
     1477    top: 0; 
     1478} 
     1479/*-------------------------------------------------------------- 
     1480# Banner 
     1481--------------------------------------------------------------*/ 
     1482.banner-wrapper, 
     1483.home.blog .banner-wrapper { 
     1484    text-align: center; 
     1485    padding: 150px 0 100px 0; 
     1486} 
     1487.home .banner-wrapper { 
     1488    padding: 0; 
     1489} 
     1490.banner-wrapper .page-title h1 { 
     1491    color: #fff; 
     1492    margin-bottom: 10px; 
     1493    text-transform: capitalize; 
     1494} 
     1495.home .banner-wrapper .page-title h1 { 
     1496  color: #282828; 
     1497  font-size: 35px; 
     1498} 
     1499.home.blog .banner-wrapper .page-title h1 { 
     1500  color: #f23f30; 
     1501  font-size: 44px; 
     1502} 
     1503 
     1504.banner-wrapper .page-desc p { 
     1505    color: #fff; 
     1506    width: 600px; 
     1507    margin: auto; 
     1508    font-size: 15px; 
     1509} 
     1510.banner-overlay { 
     1511    background: rgba(0, 0, 0, 0.57); 
     1512} 
     1513.home .banner-wrapper { 
     1514    background: transparent; 
     1515} 
     1516.home .banner-wrapper p { 
     1517    color: #333; 
     1518} 
     1519.home #primary .entry-content { 
     1520    margin: 0; 
     1521} 
     1522/*-------------------------------------------------------------- 
     1523# About Us 
     1524--------------------------------------------------------------*/ 
     1525#about-us .sub-title { 
     1526    font-size: 23px; 
     1527    font-family: serif; 
     1528    color: #000; 
     1529    margin-bottom: 25px; 
     1530    display: inline-block; 
     1531} 
     1532.gallery img { 
     1533  width: 100%; 
     1534} 
     1535/*-------------------------------------------------------------- 
     1536# Portfolio 
     1537--------------------------------------------------------------*/ 
     1538#portfolio { 
     1539    padding-bottom: 15px; 
     1540} 
     1541.portfolio-filter li { 
     1542    display: inline-block; 
     1543} 
     1544.portfolio-filter li a { 
     1545    text-transform: uppercase; 
     1546    color: #666; 
     1547    font-weight: bold; 
     1548    font-size: 15px; 
     1549    padding: 15px; 
     1550} 
     1551.portfolio-filter li:not(:last-child) { 
     1552    margin-right: 15px; 
     1553} 
     1554.portfolio-filter { 
     1555    text-align: center; 
     1556    margin-top: 15px; 
     1557    margin-bottom: 45px; 
     1558} 
     1559.portfolio-filter ul { 
     1560    border-bottom: 2px solid #ddd; 
     1561    display: inline-block; 
     1562    padding-bottom: 15px; 
     1563} 
     1564.tp-portfolio, 
    8761565.gallery { 
    877     margin-bottom: 1.5em; 
    878 } 
    879  
    880 .gallery-item { 
    881     display: inline-block; 
    882     text-align: center; 
    883     vertical-align: top; 
    884     width: 100%; 
    885 } 
    886  
    887 .gallery-columns-2 .gallery-item { 
    888     max-width: 50%; 
    889 } 
    890  
    891 .gallery-columns-3 .gallery-item { 
    892     max-width: 33.33%; 
    893 } 
    894  
    895 .gallery-columns-4 .gallery-item { 
    896     max-width: 25%; 
    897 } 
    898  
    899 .gallery-columns-5 .gallery-item { 
    900     max-width: 20%; 
    901 } 
    902  
    903 .gallery-columns-6 .gallery-item { 
    904     max-width: 16.66%; 
    905 } 
    906  
    907 .gallery-columns-7 .gallery-item { 
    908     max-width: 14.28%; 
    909 } 
    910  
    911 .gallery-columns-8 .gallery-item { 
    912     max-width: 12.5%; 
    913 } 
    914  
    915 .gallery-columns-9 .gallery-item { 
    916     max-width: 11.11%; 
    917 } 
    918  
    919 .gallery-caption { 
    920     display: block; 
    921 } 
    922  
    923 .content-area { 
    924     float: left; 
    925     margin: 0 -25% 0 0; 
    926     width: 100%; 
    927 } 
    928 .site-main { 
    929     margin: 0 25% 0 0; 
    930 } 
    931 .site-content .widget-area { 
    932     float: right; 
    933     overflow: hidden; 
    934     width: 25%; 
    935 } 
     1566    position: relative; 
     1567    padding-bottom: 0; 
     1568    list-style: none; 
     1569    text-align: center; 
     1570} 
     1571.entry-content.gallery { 
     1572    margin-top: 0; 
     1573} 
     1574#portfolio #fourcol { 
     1575    margin-bottom: 40px; 
     1576} 
     1577.portfolio-filter li .active { 
     1578    color: #f23f30; 
     1579    border-bottom: 3px solid #f23f30; 
     1580    padding-bottom: 15px; 
     1581} 
     1582.portfolio-filter li a:hover { 
     1583    color: #f23f30; 
     1584    border-bottom: 3px solid #f23f30; 
     1585    padding-bottom: 15px; 
     1586} 
     1587.tp-portfolio .red-overlay { 
     1588  background-color: rgba(236, 71, 52, 0.86); 
     1589} 
     1590.isotope { 
     1591    -webkit-transition-property: height, width; 
     1592    -moz-transition-property: height, width; 
     1593    transition-property: height, width; 
     1594} 
     1595.isotope, .isotope .isotope-item { 
     1596    -webkit-transition-duration: 0.8s; 
     1597    -moz-transition-duration: 0.8s; 
     1598    transition-duration: 0.8s; 
     1599} 
     1600.isotope .isotope-item { 
     1601    -webkit-transition-property: -webkit-transform, opacity; 
     1602    -moz-transition-property: -moz-transform, opacity; 
     1603    transition-property: transform, opacity; 
     1604} 
     1605.isotope-item { 
     1606    z-index: 2; 
     1607    padding: 0; 
     1608} 
     1609.item-h1, 
     1610.item-h2 { 
     1611    height: auto !important; 
     1612} 
     1613 
     1614.tp-portfolio figure figcaption::before, 
     1615.gallery figure figcaption::before { 
     1616    position: absolute; 
     1617    top: 15px; 
     1618    right: 15px; 
     1619    bottom: 15px; 
     1620    left: 15px; 
     1621    border: 1px solid #eee; 
     1622    content: ''; 
     1623    opacity: 0; 
     1624    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; 
     1625    transition: opacity 0.35s, transform 0.35s; 
     1626    -webkit-transform: translate3d(-20px,0,0); 
     1627    transform: translate3d(-20px,0,0); 
     1628} 
     1629.tp-portfolio figure:hover figcaption::before, 
     1630.gallery figure:hover figcaption::before { 
     1631    opacity: 1; 
     1632    -webkit-transform: translate3d(0,0,0); 
     1633    transform: translate3d(0,0,0); 
     1634} 
     1635.tp-portfolio figure, 
     1636.gallery figure { 
     1637  position: relative; 
     1638} 
     1639.tp-portfolio figure img, 
     1640.gallery figure img { 
     1641  vertical-align: middle; 
     1642  width: 100%; 
     1643} 
     1644.gallery figure.gallery-item img:hover { 
     1645  opacity: 0.8; 
     1646} 
     1647.tp-portfolio .portfolio-content, 
     1648.gallery .gallery-content { 
     1649  position: absolute; 
     1650  bottom: 0; 
     1651} 
     1652.popup-image { 
     1653    opacity: 0; 
     1654    position: absolute; 
     1655    top: 25px; 
     1656    left: 25px; 
     1657} 
     1658.popup-image .fa { 
     1659    display: block; 
     1660    width: 30px; 
     1661    height: 30px; 
     1662    border-radius: 30px; 
     1663    line-height: 30px; 
     1664    text-align: center; 
     1665    background-color: #fff; 
     1666    color: #333; 
     1667    font-size: 14px; 
     1668    margin-top: 3px; 
     1669    margin-left: 3px; 
     1670} 
     1671.popup-image a { 
     1672    float: left; 
     1673    margin-right: 5px; 
     1674    border: 2px solid #fff; 
     1675    width: 40px; 
     1676    height: 40px; 
     1677    border-radius: 40px; 
     1678} 
     1679.tp-portfolio figure:hover .popup-image, 
     1680.gallery figure:hover .popup-image, 
     1681#instagram figure:hover .popup-image { 
     1682  opacity: 1; 
     1683} 
     1684.gallery .gallery-content { 
     1685  padding-bottom: 20px; 
     1686} 
     1687.tp-portfolio figure:hover .red-overlay, 
     1688.gallery figure:hover .red-overlay  { 
     1689  opacity: 1; 
     1690} 
     1691.tp-portfolio .likes, 
     1692.gallery .likes { 
     1693    position: absolute; 
     1694    top: 30px; 
     1695    right: 30px; 
     1696    color: #fff; 
     1697    opacity: 0; 
     1698    text-transform: uppercase; 
     1699    transition:0.4s ease-in-out; 
     1700} 
     1701.tp-portfolio figure:hover .portfolio-content, 
     1702.tp-portfolio figure:hover .likes, 
     1703.gallery figure:hover .gallery-content, 
     1704.gallery figure:hover .likes { 
     1705    opacity: 1; 
     1706} 
     1707 
     1708.tp-portfolio figure:hover .likes, 
     1709.gallery figure:hover .likes, 
     1710.tp-portfolio figure:hover .popup-image a, 
     1711.gallery figure:hover .popup-image a {  
     1712  -webkit-animation: 1s bounceIn; 
     1713  -moz-animation: 1s bounceIn; 
     1714  -ms-animation: 1s bounceIn; 
     1715  -o-animation: 1s bounceIn; 
     1716  animation: 1s bounceIn; 
     1717} 
     1718.tp-portfolio figure:hover .likes .fa, 
     1719.gallery figure:hover .likes .fa { 
     1720  color: #ffe930; 
     1721  margin-right: 8px; 
     1722} 
     1723.portfolio-content, 
     1724.gallery-content { 
     1725    text-align: left; 
     1726    padding: 0 35px; 
     1727    opacity: 0; 
     1728    left: 0; 
     1729    right: 0; 
     1730} 
     1731 
     1732.gallery-content .tag small a:not(:last-child):after, 
     1733.tp-portfolio .box small a:not(:last-child):after { 
     1734  content: ', '; 
     1735} 
     1736.portfolio-content .tag small, 
     1737.gallery-content .tag small, 
     1738.gallery-content .tag small a, 
     1739.tp-portfolio .box small a { 
     1740    text-transform: uppercase; 
     1741    color: #ffe930; 
     1742    font-size: 14px; 
     1743    margin-bottom: 5px; 
     1744    display: inline-block; 
     1745} 
     1746.portfolio-content .tag small, 
     1747.gallery-content .tag small { 
     1748    transform: translateY(-15px); 
     1749    transition:1s; 
     1750} 
     1751.tp-portfolio figure:hover .portfolio-content .tag small, 
     1752.gallery figure:hover .gallery-content .tag small { 
     1753    transform: translateY(0); 
     1754} 
     1755.portfolio-title, 
     1756.gallery-title { 
     1757    transform: translateX(-10px); 
     1758    transition:1s; 
     1759} 
     1760.portfolio-desc, 
     1761.gallery-desc { 
     1762  transform: translateX(10px); 
     1763    transition:1s; 
     1764} 
     1765.tp-portfolio figure:hover .portfolio-title, 
     1766.tp-portfolio figure:hover .portfolio-desc, 
     1767.gallery figure:hover .gallery-title, 
     1768.gallery figure:hover .gallery-desc { 
     1769    transform: translateX(0); 
     1770} 
     1771.portfolio-title h4, 
     1772.gallery-title h4 { 
     1773    margin: 0; 
     1774    text-transform: uppercase; 
     1775    color: #fff; 
     1776    width: auto; 
     1777    font-family: 'Open Sans', sans-serif; 
     1778    line-height: 25px; 
     1779    margin-bottom: 10px; 
     1780} 
     1781.gallery-title h4  { 
     1782  font-size: 18px; 
     1783} 
     1784.portfolio-title h4:hover, 
     1785.gallery-title h4:hover { 
     1786  color: #eee; 
     1787} 
     1788.portfolio-desc .desc, 
     1789.gallery-desc .desc { 
     1790    color: #fff; 
     1791    margin-top: 0; 
     1792    margin-bottom: 30px; 
     1793    padding-right: 20px; 
     1794} 
     1795.gallery-post-content { 
     1796    min-height: 259px; 
     1797    padding: 30px 15px; 
     1798} 
     1799.gallery-post-content .entry-content { 
     1800    margin: 0; 
     1801} 
     1802.gallery-post-content p { 
     1803    margin-top: 0; 
     1804    font-size: 13px; 
     1805    padding: 0 20px; 
     1806} 
     1807.gallery-post-content .entry-title { 
     1808    font-size: 24px; 
     1809} 
     1810.gallery-post-content .entry-header { 
     1811  width: 100%; 
     1812} 
     1813/*-------------------------------------------------------------- 
     1814# Instagram 
     1815--------------------------------------------------------------*/ 
     1816#instagram,  
     1817#instagram .instagram-title { 
     1818    color: #fff; 
     1819    margin: 0; 
     1820    font-size: 14px; 
     1821    word-wrap: break-word; 
     1822    text-align: center; 
     1823    font-family: "Open-sans",sans-serif; 
     1824} 
     1825#instagram .instagram-title { 
     1826    text-transform: uppercase; 
     1827} 
     1828#instagram .instagram-title:hover { 
     1829  color: #eee; 
     1830} 
     1831#instagram img { 
     1832    vertical-align: middle; 
     1833    width: 100%; 
     1834} 
     1835#instagram figure { 
     1836    position: relative; 
     1837} 
     1838#instagram figcaption { 
     1839    position: absolute; 
     1840    top: 0; 
     1841    bottom: 0; 
     1842    margin: auto; 
     1843    padding: 0 15px; 
     1844    left: 0; 
     1845    right: 0; 
     1846    height: 50px; 
     1847    opacity: 0; 
     1848    -webkit-transform: translateY(-25px); 
     1849    -moz-transform: translateY(-25px); 
     1850    -ms-transform: translateY(-25px); 
     1851    -o-transform: translateY(-25px); 
     1852    transform: translateY(-25px); 
     1853    -webkit-transition: 0.3s ease-in-out; 
     1854  -moz-transition: 0.3s ease-in-out; 
     1855  -ms-transition: 0.3s ease-in-out; 
     1856  -o-transition: 0.3s ease-in-out; 
     1857  transition: 0.3s ease-in-out; 
     1858} 
     1859#instagram .fa.fa-instagram { 
     1860    position: absolute; 
     1861    top: 15px; 
     1862    right: 15px; 
     1863    font-size: 25px; 
     1864    opacity: 0; 
     1865} 
     1866#instagram figure:hover .fa { 
     1867    -webkit-animation: bounceIn 0.6s; 
     1868  -moz-animation: bounceIn 0.6s; 
     1869  -ms-animation: bounceIn 0.6s; 
     1870  -o-animation: bounceIn 0.6s; 
     1871    animation: bounceIn 0.6s; 
     1872} 
     1873#instagram .popup-image { 
     1874    top: 10px; 
     1875    left: 15px; 
     1876} 
     1877.red-overlay { 
     1878    position: absolute; 
     1879    left: 0; 
     1880    right: 0; 
     1881    width: 100%; 
     1882    height: 100%; 
     1883    background-color: rgba(236, 71, 52, 0.61); 
     1884    top: 0; 
     1885    bottom: 0; 
     1886    opacity: 0; 
     1887    -webkit-transition: 0.4s ease-in-out; 
     1888    -moz-transition: 0.4s ease-in-out; 
     1889    -ms-transition: 0.4s ease-in-out; 
     1890    -o-transition: 0.4s ease-in-out; 
     1891    transition: 0.4s ease-in-out; 
     1892} 
     1893#instagram figure:hover .red-overlay, 
     1894#instagram figure:hover figcaption, 
     1895#instagram figure:hover .fa { 
     1896  opacity: 1; 
     1897} 
     1898#instagram figure:hover figcaption { 
     1899    -webkit-transform: translateY(0); 
     1900    -moz-transform: translateY(0); 
     1901    -ms-transform: translateY(0); 
     1902    -o-transform: translateY(0); 
     1903    transform: translateY(0); 
     1904} 
     1905#instagram .red-overlay { 
     1906    background-color: rgba(236, 71, 52, 0.85); 
     1907} 
     1908/*----------------------------------------------------------- 
     1909# Address 
     1910------------------------------------------------------------*/ 
     1911#address .address-block li { 
     1912    float: left; 
     1913    width: 25%; 
     1914} 
     1915#address .address-block .fa,  
     1916#address .address-block .title,  
     1917#address .address-block a { 
     1918    display: block; 
     1919    text-align: center; 
     1920} 
     1921#address .address-block li.social-icons li { 
     1922  width: auto; 
     1923  float: none; 
     1924  display: inline-table; 
     1925} 
     1926#address .address-block li.social-icons ul { 
     1927  text-align: center; 
     1928} 
     1929#address .address-block .social-icons ul li:not(:last-child) { 
     1930    margin-right: 0; 
     1931} 
     1932#address .address-block > li:not(:last-child) { 
     1933    border-right: 1px solid #ddd; 
     1934    min-height: 120px; 
     1935} 
     1936#address .address-block .title { 
     1937    color: #888; 
     1938    margin: 15px 0; 
     1939    text-transform: uppercase; 
     1940} 
     1941#address .address-block .address { 
     1942    text-align: center; 
     1943} 
     1944#address .address-block li { 
     1945    font-weight: bold; 
     1946} 
     1947#address .address-block .social-icons  li a::before { 
     1948  background-color: transparent; 
     1949  color: #333; 
     1950} 
     1951#address .address-block .social-icons li a { 
     1952    width: 40px; 
     1953    height: 40px; 
     1954} 
     1955#address .address-block .social-icons li a:before,  
     1956#address .address-block .social-icons li a:after { 
     1957  line-height: 40px; 
     1958} 
     1959/*----------------------------------------------------------- 
     1960 # Map and Contact Form 
     1961------------------------------------------------------------*/ 
     1962#contact-form form { 
     1963    background: #fff; 
     1964    padding: 30px 40px 20px 40px; 
     1965} 
     1966.form-title h3 { 
     1967    margin: 0; 
     1968} 
     1969#contact-form form .btn.fill { 
     1970  border-radius: 3px;  
     1971} 
     1972#map { 
     1973  height: 384px; 
     1974} 
     1975/*----------------------------------------------------------- 
     1976            SOCIAL ICONS 
     1977------------------------------------------------------------*/ 
     1978.social-icons li a:before, 
     1979.social-icons li a:after { 
     1980  content: "\f0c1"; 
     1981  font-family: "FontAwesome"; 
     1982  width: 25px; 
     1983  display: inline-block; 
     1984  text-align: center; 
     1985  color: #eee; 
     1986  line-height: 50px; 
     1987  background-color: #1B1A1F; 
     1988} 
     1989.social-icons  li a[href*="facebook.com"]:before, 
     1990.social-icons  li a[href*="fb.com"]:before, 
     1991.social-icons  li a[href*="facebook.com"]:after, 
     1992.social-icons  li a[href*="fb.com"]:after { 
     1993  content: "\f09a"; 
     1994} 
     1995 
     1996.social-icons  li a[href*="twitter.com"]:before, 
     1997.social-icons  li a[href*="twitter.com"]:after { 
     1998  content: "\f099"; 
     1999} 
     2000 
     2001.social-icons  li a[href*="linkedin.com"]:before, 
     2002.social-icons  li a[href*="linkedin.com"]:after { 
     2003  content: "\f0e1"; 
     2004} 
     2005 
     2006.social-icons  li a[href*="plus.google.com"]:before, 
     2007.social-icons  li a[href*="plus.google.com"]:after { 
     2008  content: "\f0d5"; 
     2009  font-size: 13px; 
     2010} 
     2011 
     2012.social-icons  li a[href*="youtube.com"]:before, 
     2013.social-icons  li a[href*="youtube.com"]:after { 
     2014  content: "\f16a"; 
     2015} 
     2016 
     2017.social-icons  li a[href*="dribbble.com"]:before, 
     2018.social-icons  li a[href*="dribbble.com"]:after { 
     2019  content: "\f17d"; 
     2020} 
     2021 
     2022.social-icons  li a[href*="pinterest.com"]:before, 
     2023.social-icons  li a[href*="pinterest.com"]:after { 
     2024  content: "\f0d2"; 
     2025} 
     2026 
     2027.social-icons  li a[href*="bitbucket.org"]:before, 
     2028.social-icons  li a[href*="bitbucket.org"]:after { 
     2029  content: "\f171"; 
     2030} 
     2031 
     2032.social-icons  li a[href*="github.com"]:before, 
     2033.social-icons  li a[href*="github.com"]:after { 
     2034  content: "\f113"; 
     2035} 
     2036 
     2037.social-icons  li a[href*="codepen.io"]:before, 
     2038.social-icons  li a[href*="codepen.io"]:after { 
     2039  content: "\f1cb"; 
     2040} 
     2041 
     2042.social-icons  li a[href*="flickr.com"]:before, 
     2043.social-icons  li a[href*="flickr.com"]:after { 
     2044  content: "\f16e"; 
     2045} 
     2046 
     2047.social-icons  li a[href$="feed.com"]:before, 
     2048.social-icons  li a[href$="feed.com"]:after { 
     2049  content: "\f09e"; 
     2050} 
     2051 
     2052.social-icons  li a[href*="foursquare.com"]:before, 
     2053.social-icons  li a[href*="foursquare.com"]:after { 
     2054  content: "\f180"; 
     2055} 
     2056 
     2057.social-icons  li a[href*="instagram.com"]:before, 
     2058.social-icons  li a[href*="instagram.com"]:after { 
     2059  content: "\f16d"; 
     2060} 
     2061 
     2062.social-icons  li a[href*="tumblr.com"]:before, 
     2063.social-icons  li a[href*="tumblr.com"]:after { 
     2064  content: "\f173"; 
     2065} 
     2066 
     2067.social-icons  li a[href*="reddit.com"]:before, 
     2068.social-icons  li a[href*="reddit.com"]:after { 
     2069  content: "\f1a1"; 
     2070} 
     2071 
     2072.social-icons  li a[href*="vimeo.com"]:before, 
     2073.social-icons  li a[href*="vimeo.com"]:after { 
     2074  content: "\f194"; 
     2075} 
     2076 
     2077.social-icons  li a[href*="digg.com"]:before, 
     2078.social-icons  li a[href*="digg.com"]:after { 
     2079  content: "\f1a6"; 
     2080} 
     2081 
     2082.social-icons  li a[href*="twitch.tv"]:before, 
     2083.social-icons  li a[href*="twitch.tv"]:after { 
     2084  content: "\f1e8"; 
     2085} 
     2086 
     2087.social-icons  li a[href*="stumbleupon.com"]:before, 
     2088.social-icons  li a[href*="stumbleupon.com"]:after { 
     2089  content: "\f1a4"; 
     2090} 
     2091 
     2092.social-icons  li a[href*="delicious.com"]:before, 
     2093.social-icons  li a[href*="delicious.com"]:after { 
     2094  content: "\f1a5"; 
     2095} 
     2096 
     2097.social-icons  li a[href*="mailto:"]:before, 
     2098.social-icons  li a[href*="mailto:"]:after { 
     2099  content: "\f0e0"; 
     2100} 
     2101.social-icons  li a[href*="soundcloud.com"]:before, 
     2102.social-icons  li a[href*="soundcloud.com"]:after { 
     2103  content: "\f1be"; 
     2104} 
     2105.social-icons  li a[href*="wordpress.org"]:before, 
     2106.social-icons  li a[href*="wordpress.org"]:after { 
     2107  content: "\f19a"; 
     2108} 
     2109.social-icons  li a[href*="wordpress.com"]:before, 
     2110.social-icons  li a[href*="wordpress.com"]:after { 
     2111  content: "\f19a"; 
     2112} 
     2113 
     2114.social-icons  li a[href*="jsfiddle.net"]:before, 
     2115.social-icons  li a[href*="jsfiddle.net"]:after { 
     2116  content: "\f1cc"; 
     2117} 
     2118 
     2119.social-icons  li a[href*="tripadvisor.com"]:before, 
     2120.social-icons  li a[href*="tripadvisor.com"]:after { 
     2121  content: "\f262"; 
     2122} 
     2123 
     2124.social-icons  li a[href*="foursquare.com"]:before, 
     2125.social-icons  li a[href*="foursquare.com"]:after { 
     2126  content: "\f180"; 
     2127} 
     2128 
     2129.social-icons  li a[href*="angel.co"]:before, 
     2130.social-icons  li a[href*="angel.co"]:after { 
     2131  content: "\f209"; 
     2132} 
     2133 
     2134.social-icons  li a[href*="slack.com"]:before, 
     2135.social-icons  li a[href*="slack.com"]:after { 
     2136  content: "\f198"; 
     2137} 
     2138 
     2139.social-icons ul li { 
     2140    float: left; 
     2141} 
     2142.social-icons ul li { 
     2143    margin-right: 10px; 
     2144} 
     2145.social-icons ul li:last-child { 
     2146    margin-right: 0px; 
     2147} 
     2148.social-icons  li a:before { 
     2149  color: #eee; 
     2150} 
     2151 
     2152.social-icons  li a { 
     2153    display: inline-block; 
     2154    vertical-align: top; 
     2155    width: 50px; 
     2156    height: 50px; 
     2157} 
     2158.social-icons  li a { 
     2159    position: relative; 
     2160} 
     2161.social-icons  li a::before,  
     2162.social-icons  li a::after, 
     2163.sd-social-icon .sd-content ul li a.sd-button:before, 
     2164.sd-social-icon .sd-content ul li a.sd-button:after { 
     2165    display: block; 
     2166    position: absolute; 
     2167    top: 0; 
     2168    left: 0; 
     2169    width: 100%; 
     2170    height: 100%; 
     2171    -webkit-transition: all 0.3s; 
     2172    -moz-transition: all 0.3s; 
     2173    -ms-transition: all 0.3s; 
     2174    -o-transition: all 0.3s; 
     2175    transition: all 0.3s; 
     2176} 
     2177.social-icons  li a::before { 
     2178    background-color: #1A1B20; 
     2179} 
     2180.social-icons  li a::before,  
     2181.social-icons  li a::after { 
     2182    background-position: 0 0; 
     2183} 
     2184.social-icons  li a::after { 
     2185    z-index: 1; 
     2186    opacity: 0; 
     2187    -webkit-transform: translateY(48px) rotateX(-90deg); 
     2188    transform: translateY(48px) rotateX(-90deg); 
     2189} 
     2190.social-icons  li a::after { 
     2191    background-color: #3b5998; 
     2192} 
     2193.social-icons  li a:hover::before { 
     2194    opacity: 0; 
     2195    -webkit-transform: translateY(-25px) rotateX(90deg); 
     2196    transform: translateY(-25px) rotateX(90deg); 
     2197} 
     2198.social-icons  li a:hover::after, 
     2199.sd-social-icon .sd-content ul li a.sd-button:hover:after { 
     2200    opacity: 1; 
     2201    -webkit-transform: rotateX(0); 
     2202    transform: rotateX(0); 
     2203} 
     2204.social-icons  li a::after { 
     2205  background-color: #E62117; 
     2206} 
     2207.social-icons  li a[href*="facebook.com"]::after, 
     2208.social-icons  li a[href*="fb.com"]::after, 
     2209.sd-social-icon .sd-content ul li[class*='share-'].share-facebook a.sd-button::after  { 
     2210  background-color: #3B5998; 
     2211} 
     2212.social-icons  li a[href*="twitter.com"]::after, 
     2213.sd-social-icon .sd-content ul li[class*='share-'].share-twitter a.sd-button::after { 
     2214  background-color: #1DA1F2; 
     2215} 
     2216.social-icons  li a[href*="www.plus.google.com"]::after, 
     2217.sd-social-icon .sd-content ul li[class*='share-'].share-google-plus-1 a.sd-button::after { 
     2218  background-color: #D34836; 
     2219} 
     2220.social-icons  li a[href*="www.linkedin.com"]::after, 
     2221.sd-social-icon .sd-content ul li[class*='share-'].share-linkedin a.sd-button::after { 
     2222  background-color: #0077B5; 
     2223} 
     2224.social-icons  li a[href*="www.instagram.com"]::after, 
     2225.sd-social-icon .sd-content ul li[class*='share-'].share-instagram a.sd-button::after { 
     2226  background-color: #2E5E86; 
     2227} 
     2228.social-icons  li a[href*="www.youtube.com"]::after, 
     2229.sd-social-icon .sd-content ul li[class*='share-'].share-youtube a.sd-button::after { 
     2230  background-color: #E62117; 
     2231} 
     2232.social-icons  li a[href*="www.pinterest.com"]::after, 
     2233.sd-social-icon .sd-content ul li[class*='share-'].share-pinterest a.sd-button::after { 
     2234  background-color: #BD081C; 
     2235} 
     2236.social-icons  li a[href*="www.tumblr.com"]::after, 
     2237.sd-social-icon .sd-content ul li[class*='share-'].share-tumblr a.sd-button::after { 
     2238  background-color: #304E6C; 
     2239} 
     2240.social-icons  li a[href*="www.skype.com"]::after, 
     2241.sd-social-icon .sd-content ul li[class*='share-'].share-skype a.sd-button::after { 
     2242  background-color: #02A6E5; 
     2243} 
     2244.social-icons  li a[href*="www.reddit.com"]::after, 
     2245.sd-social-icon .sd-content ul li[class*='share-'].share-reddit a.sd-button::after { 
     2246  background-color: #FF4500; 
     2247} 
     2248.social-icons  li a[href*="www.getpocket.com"]::after, 
     2249.sd-social-icon .sd-content ul li[class*='share-'].share-pocket a.sd-button::after { 
     2250  background-color: #ED4054; 
     2251} 
     2252.social-icons  li a[href*="www.whatsapp.com"]::after, 
     2253.sd-social-icon .sd-content ul li[class*='share-'].share-jetpack-whatsapp a.sd-button::after { 
     2254  background-color: #189D0E; 
     2255} 
     2256 
     2257.sd-social-icon .sd-content ul li[class*='share-'] a:hover,  
     2258.sd-social-icon .sd-content ul li[class*='share-'] div.option a:hover { 
     2259    opacity: 1 !important; 
     2260} 
     2261.sd-social-icon .sd-content ul li[class*='share-'] a:after { 
     2262  color: #fff !important; 
     2263} 
     2264.sd-social-icon .sd-content ul li[class*='share-'] a.sd-button:before { 
     2265  z-index: 3; 
     2266} 
     2267.sd-social-icon .sd-content ul li a.share-more span { 
     2268    margin-left: 35px !important; 
     2269    margin-top: 5px; 
     2270    display: inline-block; 
     2271} 
     2272.sd-social-icon .sd-content ul li.share-email a:after,  
     2273.sd-social-text .sd-content ul li.share-email a:after,  
     2274.sd-content ul li.share-email div.option.option-smart-off a:after,  
     2275.sd-social-icon-text .sd-content li.share-email a:after,  
     2276.sd-social-official .sd-content li.share-email a:after { 
     2277    content: '\f410'; 
     2278    font: normal 18px/1 'social-logos'; 
     2279} 
     2280.sd-social-icon .sd-content ul li.share-facebook a:after,  
     2281.sd-social-text .sd-content ul li.share-facebook a:after,  
     2282.sd-content ul li.share-facebook div.option.option-smart-off a:after,  
     2283.sd-social-icon-text .sd-content li.share-facebook a:after { 
     2284    content: '\f203'; 
     2285    font: normal 18px/1 'social-logos'; 
     2286} 
     2287.sd-social-icon .sd-content ul li.share-twitter a:after,  
     2288.sd-social-text .sd-content ul li.share-twitter a:after,  
     2289.sd-content ul li.share-twitter div.option.option-smart-off a:after,  
     2290.sd-social-icon-text .sd-content li.share-twitter a:after { 
     2291    content: '\f202'; 
     2292    font: normal 18px/1 'social-logos'; 
     2293} 
     2294.sd-social-icon .sd-content ul li.share-tumblr a:after,  
     2295.sd-social-text .sd-content ul li.share-tumblr a:after,  
     2296.sd-content ul li.share-tumblr div.option.option-smart-off a:after,  
     2297.sd-social-icon-text .sd-content li.share-tumblr a:after { 
     2298    content: '\f607'; 
     2299    font: normal 18px/1 'social-logos'; 
     2300} 
     2301.sd-social-icon .sd-content ul li.share-pocket a:after,  
     2302.sd-social-text .sd-content ul li.share-pocket a:after,  
     2303.sd-content ul li.share-pocket div.option.option-smart-off a:after,  
     2304.sd-social-icon-text .sd-content li.share-pocket a:after { 
     2305    content: '\f224'; 
     2306    font: normal 18px/1 'social-logos'; 
     2307} 
     2308.sd-social-icon .sd-content ul a.share-more:after,  
     2309.sd-social-text .sd-content ul a.share-more:after,  
     2310.sd-content ul li.advanced a.share-more:after,  
     2311.sd-social-icon-text .sd-content a.share-more:after,  
     2312.sd-social-official .sd-content a.share-more:after { 
     2313    content: '\f415'; 
     2314    font: normal 18px/1 'social-logos'; 
     2315} 
     2316.sd-social-icon .sd-content ul li.share-skype a:after,  
     2317.sd-social-text .sd-content ul li.share-skype a:after,  
     2318.sd-content ul li.share-skype div.option.option-smart-off a:after,  
     2319.sd-social-icon-text .sd-content li.share-skype a:after { 
     2320    content: '\f220'; 
     2321    font: normal 18px/1 'social-logos'; 
     2322} 
     2323.sd-social-icon .sd-content ul li.share-reddit a:after,  
     2324.sd-social-text .sd-content ul li.share-reddit a:after,  
     2325.sd-content ul li.share-reddit div.option.option-smart-off a:after,  
     2326.sd-social-icon-text .sd-content li.share-reddit a:after { 
     2327    content: '\f222'; 
     2328    font: normal 18px/1 'social-logos'; 
     2329} 
     2330.sd-social-icon .sd-content ul li.share-google-plus-1 a:after,  
     2331.sd-social-text .sd-content ul li.share-google-plus-1 a:after,  
     2332.sd-content ul li.share-google-plus-1 div.option.option-smart-off a:after,  
     2333.sd-social-icon-text .sd-content li.share-google-plus-1 a:after { 
     2334    content: '\f218'; 
     2335    font: normal 18px/1 'social-logos'; 
     2336} 
     2337.sd-social-icon .sd-content ul li.share-pinterest a:after,  
     2338.sd-social-text .sd-content ul li.share-pinterest a:after,  
     2339.sd-content ul li.share-pinterest div.option.option-smart-off a:after,  
     2340.sd-social-icon-text .sd-content li.share-pinterest a:after { 
     2341    content: '\f210'; 
     2342    font: normal 18px/1 'social-logos'; 
     2343} 
     2344.sd-social-icon .sd-content ul li.share-jetpack-whatsapp a:after,  
     2345.sd-social-text .sd-content ul li.share-jetpack-whatsapp a:after,  
     2346.sd-content ul li.share-jetpack-whatsapp div.option.option-smart-off a:after,  
     2347.sd-social-icon-text .sd-content li.share-jetpack-whatsapp a:after,  
     2348.sd-social-official .sd-content li.share-jetpack-whatsapp a:after { 
     2349    content: '\f608'; 
     2350    font: normal 18px/1 'social-logos'; 
     2351} 
     2352.sd-social-icon .sd-content ul li.share-telegram a:after,  
     2353.sd-social-text .sd-content ul li.share-telegram a:after,  
     2354.sd-content ul li.share-telegram div.option.option-smart-off a:after,  
     2355.sd-social-icon-text .sd-content li.share-telegram a:after,  
     2356.sd-social-official .sd-content li.share-telegram a:after { 
     2357    content: '\f606'; 
     2358    font: normal 18px/1 'social-logos'; 
     2359} 
     2360.sd-social-icon .sd-content ul li.share-linkedin a:after,  
     2361.sd-social-text .sd-content ul li.share-linkedin a:after,  
     2362.sd-content ul li.share-linkedin div.option.option-smart-off a:after,  
     2363.sd-social-icon-text .sd-content li.share-linkedin a:after { 
     2364    content: '\f207'; 
     2365    font: normal 18px/1 'social-logos'; 
     2366} 
     2367.sd-social-icon .sd-content ul li.share-print a:after,  
     2368.sd-social-text .sd-content ul li.share-print a:after,  
     2369.sd-content ul li.share-print div.option.option-smart-off a:after,  
     2370.sd-social-icon-text .sd-content li.share-print a:after,  
     2371.sd-social-official .sd-content li.share-print a:after { 
     2372    content: '\f469'; 
     2373    font: normal 18px/1 'social-logos'; 
     2374} 
     2375/*-------------------------------------------------------------- 
     2376# Blog 
     2377--------------------------------------------------------------*/ 
     2378.blog .grid-item, 
     2379.blog-masonry .grid-item { 
     2380  width: 50%; 
     2381} 
     2382.blog .grid-sizer, 
     2383.blog-masonry .grid-sizer, 
     2384.blog .grid-item-width-1, 
     2385.blog-masonry .grid-item-width-1 { 
     2386    width: 25%; 
     2387} 
     2388.blog .grid-item-width-2, 
     2389.blog-masonry .grid-item-width-2 { 
     2390  width: 75%; 
     2391} 
     2392.blog article.grid-item, 
     2393.blog-masonry article.grid-item { 
     2394    padding: 5px; 
     2395} 
     2396.blog .blog-wrapper figure, 
     2397.blog-masonry .blog-wrapper figure  { 
     2398  margin: 0; 
     2399} 
     2400.blog-masonry article, 
     2401.search article, 
     2402.blog article, 
     2403.blog-wrapper figure img { 
     2404    width: auto; 
     2405    object-fit: cover; 
     2406} 
     2407.blog-masonry article, 
     2408.search article, 
     2409.blog article, 
     2410.blog-wrapper figure { 
     2411    float: none; 
     2412} 
     2413#blog { 
     2414    padding-top: 20px; 
     2415    padding-bottom: 15px; 
     2416} 
     2417.blog-wrapper figure { 
     2418    position: relative; 
     2419    float: left; 
     2420    overflow: hidden; 
     2421    margin: 10px 1%; 
     2422    background: #333; 
     2423    text-align: center; 
     2424    cursor: pointer; 
     2425    width: 100%; 
     2426} 
     2427.blog-wrapper figure figcaption::before { 
     2428    position: absolute; 
     2429    top: 20px; 
     2430    right: 20px; 
     2431    bottom: 20px; 
     2432    left: 20px; 
     2433    border: 1px solid #eee; 
     2434    content: ''; 
     2435    opacity: 0; 
     2436    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; 
     2437    transition: opacity 0.35s, transform 0.35s; 
     2438    -webkit-transform: translate3d(-20px,0,0); 
     2439    transform: translate3d(-20px,0,0); 
     2440} 
     2441.blog-wrapper figure:hover figcaption::before,  
     2442.blog-wrapper figure:hover p { 
     2443    opacity: 1; 
     2444    -webkit-transform: translate3d(0,0,0); 
     2445    transform: translate3d(0,0,0); 
     2446} 
     2447.blog-wrapper figure img { 
     2448    max-width: none; 
     2449    width: -webkit-calc(100% + 60px); 
     2450    width: calc(100% + 60px); 
     2451    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; 
     2452    -moz-transition: opacity 0.35s, -webkit-transform 0.35s; 
     2453    -ms-transition: opacity 0.35s, -webkit-transform 0.35s; 
     2454    -o-transition: opacity 0.35s, -webkit-transform 0.35s; 
     2455    transition: opacity 0.35s, transform 0.35s; 
     2456    -webkit-transform: translate3d(-50px,0,0); 
     2457    -moz-transform: translate3d(-50px,0,0); 
     2458    -ms-transform: translate3d(-50px,0,0); 
     2459    -o-transform: translate3d(-50px,0,0); 
     2460    transform: translate3d(-50px,0,0); 
     2461    opacity: 0.8; 
     2462    vertical-align: middle; 
     2463} 
     2464.blog-wrapper figure:hover img { 
     2465    opacity: 0.7; 
     2466    -webkit-transform: translate3d(0,0,0); 
     2467    transform: translate3d(0,0,0); 
     2468} 
     2469.blog-wrapper .blog-content { 
     2470    position: absolute; 
     2471    bottom: 0; 
     2472    left: 0; 
     2473    text-align: left; 
     2474    padding: 0 15px 30px 25px; 
     2475    -webkit-transition: 0.3s ease-in-out; 
     2476    -moz-transition: 0.3s ease-in-out; 
     2477    -ms-transition: 0.3s ease-in-out; 
     2478    -o-transition: 0.3s ease-in-out; 
     2479    transition: 0.3s ease-in-out; 
     2480} 
     2481.blog-wrapper figure:hover .blog-content { 
     2482    -webkit-transform: translateX(10px); 
     2483    -moz-transform: translateX(10px); 
     2484    -ms-transform: translateX(10px); 
     2485    -o-transform: translateX(10px); 
     2486    transform: translateX(10px); 
     2487} 
     2488.blog-wrapper .blog-content .date span, 
     2489.blog-wrapper .blog-content .date span a, 
     2490.blog-wrapper .blog-content .posted-on time, 
     2491.blog-wrapper .blog-content .posted-on a, 
     2492.blog-wrapper .blog-content  .comment-value { 
     2493    color: #ffe930; 
     2494} 
     2495.blog-wrapper .blog-content .date span:hover, 
     2496.blog-wrapper .blog-content .date span a:hover, 
     2497.blog-wrapper .blog-content .posted-on time:hover, 
     2498.blog-wrapper .blog-content .posted-on a:hover, 
     2499.blog-wrapper .blog-content  .comment-value:hover { 
     2500  color: #fff; 
     2501} 
     2502.blog-wrapper .blog-content .date span, 
     2503.blog-wrapper .blog-content .posted-on time { 
     2504    margin-right: 15px; 
     2505} 
     2506.blog-content .fa { 
     2507    margin-right: 8px; 
     2508} 
     2509.blog-wrapper .blog-content .blog-title h4, 
     2510.blog-wrapper .blog-content .entry-header .entry-title { 
     2511    margin: 0; 
     2512    padding-top: 5px; 
     2513    text-transform: uppercase; 
     2514    color: #fff; 
     2515    font-family: 'Open Sans', sans-serif; 
     2516    font-size: 18px; 
     2517    line-height: 22px; 
     2518} 
     2519.blog-wrapper .blog-content .entry-header { 
     2520  text-align: left; 
     2521  width: 100%; 
     2522  margin:0; 
     2523} 
     2524.blog-wrapper .blog-content .blog-title h4:hover, 
     2525.blog-wrapper .blog-content .entry-header .entry-title:hover { 
     2526    color: #f23f30; 
     2527} 
     2528#blog .three-col { 
     2529    padding: 10px; 
     2530} 
     2531.blog-masonry #primary article { 
     2532    float: left; 
     2533} 
     2534.blog-masonry #primary article figure { 
     2535    width: auto; 
     2536    margin: 5px 1%; 
     2537} 
     2538.single-post, 
     2539.page.page-template-default { 
     2540  background-color: #F1F5F8; 
     2541} 
     2542.single-post .blog-wrapper .blog-content { 
     2543    position: relative; 
     2544    padding-top: 40px; 
     2545/*    display: inline-block;*/ 
     2546} 
     2547.single-post .blog-wrapper .blog-content .entry-header .entry-title { 
     2548    color: #000; 
     2549    font-size: 25px; 
     2550    margin-top: 10px; 
     2551} 
     2552.single-post .blog-wrapper figure { 
     2553  margin: 0; 
     2554} 
     2555.blog-content blockquote .fa { 
     2556    color: #f23f30; 
     2557    border: 1px solid #f23f30; 
     2558    width: 50px; 
     2559    height: 50px; 
     2560    line-height: 50px; 
     2561    border-radius: 50px; 
     2562    text-align: center; 
     2563    float: left; 
     2564    margin-right: 30px; 
     2565} 
     2566blockquote { 
     2567    font-style: italic; 
     2568    font-size: 20px; 
     2569    font-family: serif; 
     2570    color: #333; 
     2571} 
     2572.single-post .blog-wrapper .blog-content .posted-on time,  
     2573.single-post .blog-wrapper .blog-content .comment-value a, 
     2574.single-post .blog-wrapper .blog-content .posted-on a { 
     2575    color: #a4a4a4; 
     2576} 
     2577.posted-on { 
     2578    margin-right: 15px; 
     2579    color: #ffe930; 
     2580} 
     2581.single-post article, 
     2582.page.page-template-default article { 
     2583    background: #fff; 
     2584    margin-bottom: 30px; 
     2585    box-shadow: 0 3px 3px #eee; 
     2586} 
     2587.single-post .entry-footer .social-icons li { 
     2588    float: left; 
     2589} 
     2590#primary .entry-footer { 
     2591    padding: 15px 15px 30px 25px; 
     2592    border-top: 1px solid #eee; 
     2593} 
     2594.entry-footer .edit-link a { 
     2595    color: #444; 
     2596} 
     2597.entry-footer .edit-link a:hover { 
     2598    color: #282828; 
     2599} 
     2600.page.page-template-default #primary .entry-footer { 
     2601  padding-left: 35px; 
     2602} 
     2603.archive-post-wrap img { 
     2604    width: 100%; 
     2605} 
     2606.single-post .entry-footer .social-icons { 
     2607    float: left; 
     2608} 
     2609.single-post .entry-footer .social-icons { 
     2610    float: left; 
     2611} 
     2612.single-post .entry-footer .widget-title h4 { 
     2613    margin-top: 7px; 
     2614  margin-bottom: 0; 
     2615} 
     2616.single-post .entry-footer .widget-title { 
     2617    margin-right: 15px; 
     2618    float: left; 
     2619} 
     2620.entry-footer .widget_meta .widget-title,  
     2621.entry-footer .widget_meta ul,  
     2622.entry-footer .widget_meta li { 
     2623    float: left; 
     2624} 
     2625.entry-footer .widget_meta ul { 
     2626    margin-top: 14px; 
     2627} 
     2628.widget.widget_meta li a { 
     2629    background: #f8f8f8; 
     2630    color: #666; 
     2631    padding: 5px 10px; 
     2632    text-transform: uppercase; 
     2633    margin-right: 8px; 
     2634    margin-bottom: 15px; 
     2635    display: inline-block; 
     2636    font-size: 12px; 
     2637    font-weight: bold; 
     2638    box-shadow: 0 1px 2px #eee; 
     2639    -webkit-transition: all 0.2s ease-in-out; 
     2640    -moz-transition: all 0.2s ease-in-out; 
     2641    -ms-transition: all 0.2s ease-in-out; 
     2642    -o-transition: all 0.2s ease-in-out; 
     2643    transition: all 0.2s ease-in-out; 
     2644} 
     2645.widget.widget_meta li a:hover, 
     2646#secondary .widget.widget_meta li a:hover { 
     2647  background-color: #f23f30; 
     2648  color: #fff; 
     2649} 
     2650.widget.widget_meta li:last-child a { 
     2651    margin-right: 0; 
     2652} 
     2653.single-post #primary .entry-content { 
     2654    padding: 20px 35px 25px 35px; 
     2655    margin-top: 0; 
     2656} 
     2657article .entry-content { 
     2658  margin-top: 0;  
     2659} 
     2660.page.page-template-default article .entry-content { 
     2661  padding: 20px 35px 25px 35px; 
     2662} 
     2663 
     2664.single-post .entry-footer .widget_social_icons ul { 
     2665    margin-top: 8px; 
     2666} 
     2667.single-post .entry-footer .widget_social_icons ul li a::before { 
     2668    background-color: transparent; 
     2669    color: #000; 
     2670} 
     2671.single-post .entry-footer .widget_social_icons ul li a { 
     2672    width: 35px; 
     2673    height: 35px; 
     2674} 
     2675.sd-social-icon .sd-content ul li a.sd-button { 
     2676  width: 35px !important; 
     2677  height: 35px !important; 
     2678} 
     2679.single-post .entry-footer .widget_social_icons ul li a:before,  
     2680.single-post .entry-footer .widget_social_icons ul li a:after { 
     2681  line-height: 35px; 
     2682} 
     2683.single-post .blog-wrapper figure img { 
     2684    cursor: default; 
     2685} 
     2686.post-navigation { 
     2687  text-align: center; 
     2688} 
     2689.nav-center { 
     2690  display: inline-block; 
     2691} 
     2692.nav-center ul li { 
     2693  display: inline; 
     2694} 
     2695.navigation.post-navigation, 
     2696.navigation.posts-navigation  { 
     2697    margin-top: 20px; 
     2698    width: 100%; 
     2699} 
     2700nav.navigation.posts-navigation, 
     2701nav.navigation.post-navigation { 
     2702    padding: 0 8px; 
     2703} 
     2704nav.navigation.posts-navigation .nav-next { 
     2705    margin-right: 4px; 
     2706} 
     2707.single-post .page-section.author { 
     2708    padding: 40px 35px 25px 55px; 
     2709} 
     2710.admin-image img { 
     2711    width: 150px; 
     2712    height: 150px; 
     2713    border-radius: 150px; 
     2714} 
     2715.admin-image img:hover { 
     2716    opacity: 0.9; 
     2717} 
     2718.author .entry-title { 
     2719    margin-top: 0; 
     2720    text-align: left; 
     2721} 
     2722.single-post .author .entry-content { 
     2723    padding: 0; 
     2724    margin-top: 5px; 
     2725} 
     2726.single-post .author .entry-content p { 
     2727    margin: 0; 
     2728} 
     2729.single-post .author .entry-header { 
     2730    width: 100%; 
     2731    text-align: left; 
     2732    margin: 0; 
     2733} 
     2734.single-post .author .entry-footer { 
     2735  border: none; 
     2736  padding-left: 0; 
     2737} 
     2738.single-post .author .pull-left { 
     2739  width: 18%; 
     2740} 
     2741.single-post .author .pull-right { 
     2742  width: 82%; 
     2743} 
     2744.single-post .blog-wrapper .blog-content .posted-on time:hover, 
     2745.single-post .blog-wrapper .blog-content .comment-value a:hover, 
     2746.posted-on a:hover { 
     2747  color: #f23f30; 
     2748} 
     2749.comments li.comment article { 
     2750  background: none; 
     2751  box-shadow: none; 
     2752} 
     2753.comments { 
     2754    margin-top: 50px; 
     2755} 
     2756.comments .image img { 
     2757    width: 100px; 
     2758    border-radius: 50%; 
     2759} 
     2760.comments .parent .image, 
     2761.comments .child .image { 
     2762    float: left; 
     2763    margin-right: 30px; 
     2764    min-height: 75px; 
     2765} 
     2766.comments .admin-name h5 { 
     2767    display: inline; 
     2768    font-family: "Open-sans",sans-serif; 
     2769} 
     2770.comments .child, 
     2771.comments .children { 
     2772    margin: 40px 0 40px 130px; 
     2773} 
     2774.comments .time time,  
     2775.comments .time .reply { 
     2776    display: inline-block; 
     2777} 
     2778.comments .admin-name time { 
     2779    margin-right: 15px; 
     2780    text-transform: uppercase; 
     2781    font-weight: bold; 
     2782} 
     2783.comments .time .reply a { 
     2784  text-transform: uppercase; 
     2785    color: #f23f30; 
     2786    font-weight: bold; 
     2787} 
     2788.comments .time .reply a:hover { 
     2789  color: #333; 
     2790} 
     2791.comments .time time .fa { 
     2792    margin-right: 8px; 
     2793} 
     2794.comments .form-group input { 
     2795    width: 32%; 
     2796    float: left; 
     2797    margin-right: 0; 
     2798} 
     2799.comments .form-group input:last-child { 
     2800  float: none; 
     2801} 
     2802.comments .form-group input:not(:last-child) { 
     2803  margin-right: 21px; 
     2804} 
     2805.comments .form-group input[type="submit"],  
     2806.comments .form-submit input[type="submit"] { 
     2807    width: auto; 
     2808    float: none; 
     2809    margin-right: 0; 
     2810} 
     2811.single-post #comment-form .entry-content { 
     2812  padding: 0; 
     2813} 
     2814/*-------------------------------------------------------------- 
     2815# Counter 
     2816--------------------------------------------------------------*/ 
     2817#counter { 
     2818  padding: 100px 0; 
     2819  background-position: 50% 20%; 
     2820} 
     2821.statscounts { 
     2822    text-align: center; 
     2823    color: #fff; 
     2824} 
     2825.statscounts .fa,  
     2826.statscounts span,  
     2827.statscounts small { 
     2828    display: block; 
     2829} 
     2830.statscounts .fa { 
     2831    font-size: 40px; 
     2832    margin-bottom: 10px; 
     2833} 
     2834.statscounts .stat-count { 
     2835    font-size: 35px; 
     2836} 
     2837.statscounts small { 
     2838    text-transform: uppercase; 
     2839    font-weight: bold; 
     2840    letter-spacing: 1px; 
     2841} 
     2842.statwrap { 
     2843    float: left; 
     2844} 
     2845.statwrap:not(:last-child) { 
     2846  margin-right: 20px; 
     2847  border-right: 1px solid #fff; 
     2848  padding-right: 30px;  
     2849  margin-bottom: 25px; 
     2850} 
     2851.statwrap:hover .fa { 
     2852    -webkit-animation: 0.6s zoomIn; 
     2853    -moz-animation: 0.6s zoomIn; 
     2854    -ms-animation: 0.6s zoomIn; 
     2855    -o-animation: 0.6s zoomIn; 
     2856    animation: 0.6s zoomIn; 
     2857} 
     2858#counter .black-overlay { 
     2859    background-color: rgba(51, 51, 51, 0.13); 
     2860} 
     2861#counter .entry-content { 
     2862    position: relative; 
     2863    z-index: 3; 
     2864} 
     2865/*-------------------------------------------------------------- 
     2866# Button Effects 
     2867--------------------------------------------------------------*/ 
     2868.button { 
     2869    text-align: center; 
     2870} 
     2871.btn.border { 
     2872    border: 2px solid #F24030; 
     2873    padding: 8px 25px; 
     2874    color: #F24030; 
     2875    -webkit-transition: all 0.3s ease-in-out; 
     2876    -moz-transition: all 0.3s ease-in-out; 
     2877    -ms-transition: all 0.3s ease-in-out; 
     2878    -o-transition: all 0.3s ease-in-out; 
     2879    transition: all 0.3s ease-in-out; 
     2880} 
     2881.btn.border:hover { 
     2882    background-color: #F24030; 
     2883    color: #fff; 
     2884} 
     2885.btn.fill .btn-show  { 
     2886    background-color: #F24030; 
     2887} 
     2888.btn.fill .btn-hide { 
     2889  background-color: rgb(158, 12, 5); 
     2890} 
     2891.btn.fill .btn-text { 
     2892    color: #fff; 
     2893} 
     2894.btn { 
     2895  display: inline-block; 
     2896  overflow: hidden; 
     2897  outline: none; 
     2898  position: relative; 
     2899  z-index: 2; 
     2900  text-transform: uppercase; 
     2901  -webkit-transition: all 0.4s ease-out; 
     2902  -moz-transition: all 0.4s ease-out; 
     2903  -o-transition: all 0.4s ease-out; 
     2904  -ms-transition: all 0.4s ease-out; 
     2905  transition: all 0.4s ease-out; 
     2906} 
     2907.btn.fill { 
     2908    padding: 10px 20px; 
     2909    font-size: 13px; 
     2910    cursor: pointer; 
     2911} 
     2912.btn.fill .fa { 
     2913  opacity: 1; 
     2914} 
     2915.btn.fill span { 
     2916  display: block; 
     2917} 
     2918.btn.fill .btn-hide, 
     2919.btn.fill .btn-show { 
     2920  position: absolute; 
     2921  left: 0; 
     2922  top: 0; 
     2923  width: 100%; 
     2924  height: 100%; 
     2925  -webkit-transition: all 0.3s ease-out; 
     2926  -moz-transition: all 0.3s ease-out; 
     2927  -o-transition: all 0.3s ease-out; 
     2928  -ms-transition: all 0.3s ease-out; 
     2929  transition: all 0.3s ease-out; 
     2930} 
     2931.btn.fill .btn-hide .btn-text, 
     2932.btn.fill .btn-show .btn-text { 
     2933  position: absolute; 
     2934  width: 100%; 
     2935  height: auto; 
     2936  left: 0; 
     2937  padding: 10px 20px; 
     2938  -webkit-transition: all 0.5s ease-out; 
     2939  -moz-transition: all 0.5s ease-out; 
     2940  -o-transition: all 0.5s ease-out; 
     2941  -ms-transition: all 0.5s ease-out; 
     2942  transition: all 0.5s ease-out; 
     2943  -webkit-transition-delay: 0.1s; 
     2944  -moz-transition-delay: 0.1s; 
     2945  -o-transition-delay: 0.1s; 
     2946  transition-delay: 0.1s; 
     2947} 
     2948.btn.fill .btn-hide { 
     2949  transform: translateX(0) translateY(-102%) translateZ(0) rotate(0deg) scale(1); 
     2950  -o-transform: translateX(0) translateY(-102%) translateZ(0) rotate(0deg) scale(1); 
     2951  -ms-transform: translateX(0) translateY(-102%) translateZ(0) rotate(0deg) scale(1); 
     2952  -moz-transform: translateX(0) translateY(-102%) translateZ(0) rotate(0deg) scale(1); 
     2953  -webkit-transform: translateX(0) translateY(-102%) translateZ(0) rotate(0deg) scale(1); 
     2954  z-index: 2; 
     2955} 
     2956.btn.fill .btn-hide .btn-text { 
     2957  transform: translateX(0) translateY(-50%) translateZ(0) rotate(0deg) scale(1); 
     2958  -o-transform: translateX(0) translateY(-50%) translateZ(0) rotate(0deg) scale(1); 
     2959  -ms-transform: translateX(0) translateY(-50%) translateZ(0) rotate(0deg) scale(1); 
     2960  -moz-transform: translateX(0) translateY(-50%) translateZ(0) rotate(0deg) scale(1); 
     2961  -webkit-transform: translateX(0) translateY(-50%) translateZ(0) rotate(0deg) scale(1); 
     2962  opacity: 0; 
     2963} 
     2964.btn.fill .btn-show { 
     2965  transform: translateX(0) translateY(0) translateZ(0) rotate(0deg) scale(1); 
     2966  -o-transform: translateX(0) translateY(0) translateZ(0) rotate(0deg) scale(1); 
     2967  -ms-transform: translateX(0) translateY(0) translateZ(0) rotate(0deg) scale(1); 
     2968  -moz-transform: translateX(0) translateY(0) translateZ(0) rotate(0deg) scale(1); 
     2969  -webkit-transform: translateX(0) translateY(0) translateZ(0) rotate(0deg) scale(1); 
     2970  z-index: 1; 
     2971} 
     2972.btn.fill .btn-show .btn-text { 
     2973  transform: translateX(0) translateY(0) translateZ(0) rotate(0deg) scale(1); 
     2974  -o-transform: translateX(0) translateY(0) translateZ(0) rotate(0deg) scale(1); 
     2975  -ms-transform: translateX(0) translateY(0) translateZ(0) rotate(0deg) scale(1); 
     2976  -moz-transform: translateX(0) translateY(0) translateZ(0) rotate(0deg) scale(1); 
     2977  -webkit-transform: translateX(0) translateY(0) translateZ(0) rotate(0deg) scale(1); 
     2978  opacity: 1; 
     2979} 
     2980.btn.fill:hover .btn-hide, 
     2981.btn.fill.active .btn-hide { 
     2982  transform: translateX(0) translateY(0) translateZ(0) rotate(0deg) scale(1); 
     2983  -o-transform: translateX(0) translateY(0) translateZ(0) rotate(0deg) scale(1); 
     2984  -ms-transform: translateX(0) translateY(0) translateZ(0) rotate(0deg) scale(1); 
     2985  -moz-transform: translateX(0) translateY(0) translateZ(0) rotate(0deg) scale(1); 
     2986  -webkit-transform: translateX(0) translateY(0) translateZ(0) rotate(0deg) scale(1); 
     2987} 
     2988.btn.fill:hover .btn-hide .btn-text, 
     2989.btn.fill.active .btn-hide .btn-text { 
     2990  transform: translateX(0) translateY(0) translateZ(0) rotate(0deg) scale(1); 
     2991  -o-transform: translateX(0) translateY(0) translateZ(0) rotate(0deg) scale(1); 
     2992  -ms-transform: translateX(0) translateY(0) translateZ(0) rotate(0deg) scale(1); 
     2993  -moz-transform: translateX(0) translateY(0) translateZ(0) rotate(0deg) scale(1); 
     2994  -webkit-transform: translateX(0) translateY(0) translateZ(0) rotate(0deg) scale(1); 
     2995  opacity: 1; 
     2996} 
     2997.btn.fill:hover .btn-show, 
     2998.btn.fill.active .btn-show { 
     2999  transform: translateX(0) translateY(50%) translateZ(0) rotate(0deg) scale(1); 
     3000  -o-transform: translateX(0) translateY(50%) translateZ(0) rotate(0deg) scale(1); 
     3001  -ms-transform: translateX(0) translateY(50%) translateZ(0) rotate(0deg) scale(1); 
     3002  -moz-transform: translateX(0) translateY(50%) translateZ(0) rotate(0deg) scale(1); 
     3003  -webkit-transform: translateX(0) translateY(50%) translateZ(0) rotate(0deg) scale(1); 
     3004} 
     3005.btn.fill:hover .btn-show .btn-text, 
     3006.btn.fill.active .btn-show .btn-text { 
     3007  transform: translateX(0) translateY(25%) translateZ(0) rotate(0deg) scale(1); 
     3008  -o-transform: translateX(0) translateY(25%) translateZ(0) rotate(0deg) scale(1); 
     3009  -ms-transform: translateX(0) translateY(25%) translateZ(0) rotate(0deg) scale(1); 
     3010  -moz-transform: translateX(0) translateY(25%) translateZ(0) rotate(0deg) scale(1); 
     3011  -webkit-transform: translateX(0) translateY(25%) translateZ(0) rotate(0deg) scale(1); 
     3012  opacity: 0; 
     3013} 
     3014 
     3015/*-------------------------------------------------------------- 
     3016# Color Switcher 
     3017--------------------------------------------------------------*/ 
     3018.color-switcher { 
     3019  width: 300px; 
     3020  position: fixed; 
     3021  left: -300px; 
     3022  top: 0; 
     3023  bottom: 0; 
     3024  background-color: #eee; 
     3025  z-index: 30000; 
     3026  padding: 0px; 
     3027  -webkit-transition: all 500ms ease; 
     3028  -moz-transition: all 500ms ease; 
     3029  -ms-transition: all 500ms ease; 
     3030  -o-transition: all 500ms ease; 
     3031  transition: all 500ms ease; 
     3032  -webkit-box-shadow: 0 1px 12px 0px rgba(51, 51, 51, 0.23); 
     3033  -moz-box-shadow: 0 1px 12px 0px rgba(51, 51, 51, 0.23); 
     3034  box-shadow: 0 1px 12px 0px rgba(51, 51, 51, 0.23); 
     3035} 
     3036.color-switcher .switch-colors .red.active { 
     3037  border-bottom: 2px solid #f23f30; 
     3038    padding-bottom: 5px; 
     3039} 
     3040.color-switcher .switch-colors .blue.active { 
     3041  border-bottom: 2px solid #428bca; 
     3042    padding-bottom: 5px; 
     3043} 
     3044.color-switcher .switch-colors .dark-green.active { 
     3045  border-bottom: 2px solid #72CC39; 
     3046    padding-bottom: 5px; 
     3047} 
     3048.color-switcher .switch-colors .yellow.active { 
     3049  border-bottom: 2px solid #fccc31; 
     3050    padding-bottom: 5px; 
     3051} 
     3052.color-switcher .switch-colors .green.active { 
     3053  border-bottom: 2px solid #009999; 
     3054    padding-bottom: 5px; 
     3055} 
     3056.color-switcher h5 { 
     3057  font-size: 15px; 
     3058  margin-top: 0; 
     3059  padding: 0 20px 0; 
     3060} 
     3061.color-switcher p { 
     3062  font-size: 18px; 
     3063  color: #000; 
     3064  margin-bottom: 0; 
     3065  height: 40px; 
     3066  text-align: left; 
     3067  font-weight: bold; 
     3068  line-height: 42px; 
     3069  text-transform: uppercase; 
     3070  border-bottom: 1px solid #ddd; 
     3071  margin-bottom: 15px; 
     3072} 
     3073.color-switcher ul { 
     3074  list-style: none; 
     3075  padding: 0; 
     3076} 
     3077.color-switcher ul li { 
     3078  float: left; 
     3079} 
     3080.color-switcher ul li a { 
     3081  display: block; 
     3082  width: 35px; 
     3083  height: 35px; 
     3084  outline: none; 
     3085  text-align: center; 
     3086  line-height: 35px; 
     3087  font-size: 14px; 
     3088  color: #333; 
     3089} 
     3090.color-switcher .font-family a { 
     3091    text-transform: uppercase; 
     3092} 
     3093.color-switcher .font-family li a { 
     3094    display: inline; 
     3095    line-height: 0; 
     3096} 
     3097.color-switcher .font-family li.active a, 
     3098.color-switcher .font-family li a:hover { 
     3099    color: #f23f30; 
     3100} 
     3101.color-switcher ul li a.blue { 
     3102  background: #428bca; 
     3103} 
     3104.color-switcher ul li a.green { 
     3105  background: #009999; 
     3106} 
     3107.color-switcher ul li a.yellow { 
     3108  background: #fccc31; 
     3109} 
     3110.color-switcher ul li a.dark-green { 
     3111  background: #72CC39; 
     3112} 
     3113.color-switcher ul li a.brown { 
     3114  background: #987654; 
     3115} 
     3116.color-switcher ul li a.cyan { 
     3117  background: #1ABC9C; 
     3118} 
     3119.color-switcher ul li a.purple { 
     3120  background: #c74a73; 
     3121} 
     3122.color-switcher ul li a.sky-blue { 
     3123  background: #00cdcd; 
     3124} 
     3125.color-switcher .gray { 
     3126  background: #656565; 
     3127} 
     3128.color-switcher .black { 
     3129  background: #000; 
     3130} 
     3131.color-switcher .default { 
     3132    background: #f23f30; 
     3133} 
     3134.picker_close,.picker_close:hover,.picker_close:focus { 
     3135    color: #f23f30; 
     3136    width: 55px; 
     3137    height: 55px; 
     3138    position: absolute; 
     3139    right: -55px; 
     3140    top: 25%; 
     3141    text-align: center; 
     3142    background: #eee; 
     3143    box-shadow: 5px 3px 7px 0px rgba(51, 51, 51, 0.23); 
     3144    -moz-box-shadow: 5px 3px 7px 0px rgba(51, 51, 51, 0.23); 
     3145} 
     3146.picker_close i { 
     3147  font-size: 25px; 
     3148  line-height: 55px; 
     3149} 
     3150.position { 
     3151  left: 0; 
     3152  -webkit-transition: all 500ms ease; 
     3153  -moz-transition: all 500ms ease; 
     3154  -ms-transition: all 500ms ease; 
     3155  -o-transition: all 500ms ease; 
     3156  transition: all 500ms ease; 
     3157} 
     3158.theme-colours, .layouts, .backgrounds, .choose-header, .choose-footer { 
     3159  display: table; 
     3160  text-align: left; 
     3161  padding-top: 0px; 
     3162  width: 100%; 
     3163  padding: 19px; 
     3164  padding-top: 0px; 
     3165  padding-left: 25px; 
     3166} 
     3167.layouts a, .choose-header a, .choose-footer a { 
     3168  display: inline-block; 
     3169  text-align: center; 
     3170  width: 40%; 
     3171  margin: 0 5px 0 0; 
     3172  color: #5d5d5d; 
     3173  font-size: 15px; 
     3174  border: 1px solid #e7e7e7; 
     3175  padding: 5px 7px 2px; 
     3176} 
     3177.layouts a:hover, .choose-header a:hover, .choose-footer a:hover { 
     3178  border: 2px solid #a9a9a9; 
     3179  padding: 4px 5px 1px 
     3180} 
     3181.styleswitcher { 
     3182  position: fixed; 
     3183  width: 120px; 
     3184  background: #ffffff; 
     3185  color: #595959; 
     3186  top: 150px; 
     3187  right: -123px; 
     3188  z-index: 999; 
     3189} 
     3190.styleswitcher p { 
     3191  color: #000 !important; 
     3192} 
     3193.styleswitcher.ackapa { 
     3194  left: 0; 
     3195} 
     3196.styleswitcher .switch { 
     3197  padding-left: 15px; 
     3198  padding-bottom: 10px; 
     3199} 
     3200.styleswitcher .switch h5 { 
     3201  margin-top: 20px; 
     3202} 
     3203.styleswitcher .switch p { 
     3204  margin-top: 10px; 
     3205} 
     3206.stylebutton { 
     3207  cursor: pointer; 
     3208  position: absolute; 
     3209  text-align: center; 
     3210  line-height: 40px; 
     3211  background: #fff; 
     3212  font-size: 20px; 
     3213  width: 40px; 
     3214  height: 40px; 
     3215  top: 0px; 
     3216  right: -40px; 
     3217} 
     3218.styleswitcher a { 
     3219  width: 24px; 
     3220  height: 24px; 
     3221  float: left; 
     3222  margin-right: 7px; 
     3223  margin-bottom: 10px; 
     3224  position: relative; 
     3225  z-index: 99999999; 
     3226} 
     3227.color-switcher ul li { 
     3228  margin: 3px; 
     3229} 
     3230.color-switcher ul.font-family li { 
     3231    float: none; 
     3232} 
     3233.boxed { 
     3234    background-color: #F9F9F9; 
     3235    max-width: 1200px; 
     3236    margin: 0 auto; 
     3237    -webkit-box-shadow: 0 3px 3px 3px rgba(0, 0, 0, 0.15); 
     3238    box-shadow: 0 3px 3px 3px rgba(0, 0, 0, 0.15); 
     3239} 
     3240li .wide, li .boxed { 
     3241    background: #f23f30; 
     3242    color: #fff !important; 
     3243    padding: 0 6px; 
     3244    width: 157px !important; 
     3245    text-decoration: none; 
     3246    box-shadow: none; 
     3247} 
     3248li .wide:hover, li .boxed:hover { 
     3249    background: #333; 
     3250} 
     3251li .wide { 
     3252    margin-top: 10px; 
     3253} 
     3254 
     3255/*-------------------------------------------------------------- 
     3256# Font Selection 
     3257--------------------------------------------------------------*/ 
     3258 
     3259/*******************Montserrat Fonts***************************/ 
     3260.montserrat .main-navigation ul li a, 
     3261.montserrat #about-us .sub-title, 
     3262.montserrat #site-header .site-title a, 
     3263.montserrat .btn.fill, 
     3264.montserrat .gallery-title h4, 
     3265.montserrat .portfolio-filter li a, 
     3266.montserrat .statscounts small, 
     3267.montserrat .sub-title, 
     3268.montserrat .blog-wrapper .blog-content .blog-title h4,  
     3269.montserrat .blog-wrapper .blog-content .entry-header .entry-title, 
     3270.montserrat #instagram figcaption span, 
     3271.montserrat .site-footer a, 
     3272.montserrat .portfolio-title h4,  
     3273.montserrat .gallery-title h4, 
     3274.montserrat p, 
     3275.montserrat .widget.widget_meta li a, 
     3276.montserrat .comments .admin-name h5, 
     3277.montserrat #address .address-block .title { 
     3278  font-family: 'Montserrat', sans-serif; 
     3279} 
     3280.montserrat .layer-2 h1, 
     3281.montserrat .entry-title, 
     3282.montserrat .statscounts .stat-count, 
     3283.montserrat #instagram .instagram-title, 
     3284.montserrat .banner-wrapper .page-title h1, 
     3285.montserrat.single-post .entry-footer .widget-title h4, 
     3286.montserrat .comments h3, 
     3287.montserrat .form-title h3 { 
     3288  font-family: 'Open-sans', sans-serif; 
     3289} 
     3290/***********Courgette and Roboto Fonts**************/ 
     3291.courgette .main-navigation ul li a, 
     3292.courgette #about-us .sub-title, 
     3293.courgette #site-header .site-title a, 
     3294.courgette .btn.fill, 
     3295.courgette .gallery-title h4, 
     3296.courgette .portfolio-filter li a, 
     3297.courgette .statscounts small, 
     3298.courgette .sub-title, 
     3299.courgette .blog-wrapper .blog-content .blog-title h4,  
     3300.courgette .blog-wrapper .blog-content .entry-header .entry-title, 
     3301.courgette #instagram figcaption span, 
     3302.courgette .site-footer a, 
     3303.courgette .portfolio-title h4,  
     3304.courgette .gallery-title h4, 
     3305.courgette p, 
     3306.courgette .widget.widget_meta li a, 
     3307.courgette .comments .admin-name h5, 
     3308.courgette #address .address-block .title { 
     3309  font-family: 'Roboto', sans-serif; 
     3310} 
     3311.courgette .layer-2 h1, 
     3312.courgette .entry-title, 
     3313.courgette .statscounts .stat-count, 
     3314.courgette #instagram .instagram-title, 
     3315.courgette .banner-wrapper .page-title h1, 
     3316.courgette.single-post .entry-footer .widget-title h4, 
     3317.courgette .comments h3, 
     3318.courgette .form-title h3 { 
     3319  font-family: 'Courgette', cursive; 
     3320} 
     3321/***********Raleway and Poppins Fonts**************/ 
     3322.raleway .main-navigation ul li a, 
     3323.raleway #about-us .sub-title, 
     3324.raleway #site-header .site-title a, 
     3325.raleway .btn.fill, 
     3326.raleway .gallery-title h4, 
     3327.raleway .portfolio-filter li a, 
     3328.raleway .statscounts small, 
     3329.raleway .sub-title, 
     3330.raleway .blog-wrapper .blog-content .blog-title h4,  
     3331.raleway .blog-wrapper .blog-content .entry-header .entry-title, 
     3332.raleway #instagram figcaption span, 
     3333.raleway .site-footer a, 
     3334.raleway .portfolio-title h4,  
     3335.raleway .gallery-title h4, 
     3336.raleway p, 
     3337.raleway .widget.widget_meta li a, 
     3338.raleway .comments .admin-name h5, 
     3339.raleway #address .address-block .title { 
     3340  font-family: 'Raleway', sans-serif; 
     3341} 
     3342.raleway .layer-2 h1, 
     3343.raleway .entry-title, 
     3344.raleway .statscounts .stat-count, 
     3345.raleway #instagram .instagram-title, 
     3346.raleway .banner-wrapper .page-title h1, 
     3347.raleway.single-post .entry-footer .widget-title h4, 
     3348.raleway .comments h3, 
     3349.raleway .form-title h3 { 
     3350  font-family: 'Poppins', cursive; 
     3351} 
     3352 
     3353/***********Roboto and Montserrat Fonts**************/ 
     3354.roboto .main-navigation ul li a, 
     3355.roboto #about-us .sub-title, 
     3356.roboto #site-header .site-title a, 
     3357.roboto .btn.fill, 
     3358.roboto .gallery-title h4, 
     3359.roboto .portfolio-filter li a, 
     3360.roboto .statscounts small, 
     3361.roboto .sub-title, 
     3362.roboto .blog-wrapper .blog-content .blog-title h4,  
     3363.roboto .blog-wrapper .blog-content .entry-header .entry-title, 
     3364.roboto #instagram figcaption span, 
     3365.roboto .site-footer a, 
     3366.roboto .portfolio-title h4,  
     3367.roboto .gallery-title h4, 
     3368.roboto p, 
     3369.roboto .widget.widget_meta li a, 
     3370.roboto .comments .admin-name h5, 
     3371.roboto #address .address-block .title { 
     3372  font-family: 'MOntserrat', sans-serif; 
     3373} 
     3374.roboto .layer-2 h1, 
     3375.roboto .entry-title, 
     3376.roboto .statscounts .stat-count, 
     3377.roboto #instagram .instagram-title, 
     3378.roboto .banner-wrapper .page-title h1, 
     3379.roboto.single-post .entry-footer .widget-title h4, 
     3380.roboto .comments h3, 
     3381.roboto .form-title h3 { 
     3382  font-family: 'Roboto', cursive; 
     3383} 
     3384 
     3385/***********Poppins and Courgette Fonts**************/ 
     3386.poppins .main-navigation ul li a, 
     3387.poppins #about-us .sub-title, 
     3388.poppins #site-header .site-title a, 
     3389.poppins .btn.fill, 
     3390.poppins .gallery-title h4, 
     3391.poppins .portfolio-filter li a, 
     3392.poppins .statscounts small, 
     3393.poppins .sub-title, 
     3394.poppins .blog-wrapper .blog-content .blog-title h4,  
     3395.poppins .blog-wrapper .blog-content .entry-header .entry-title, 
     3396.poppins #instagram figcaption span, 
     3397.poppins .site-footer a, 
     3398.poppins .portfolio-title h4,  
     3399.poppins .gallery-title h4, 
     3400.poppins p, 
     3401.poppins .widget.widget_meta li a, 
     3402.poppins .comments .admin-name h5, 
     3403.poppins #address .address-block .title { 
     3404  font-family: 'Poppins', sans-serif; 
     3405} 
     3406.poppins .layer-2 h1, 
     3407.poppins .entry-title, 
     3408.poppins .statscounts .stat-count, 
     3409.poppins #instagram .instagram-title, 
     3410.poppins .banner-wrapper .page-title h1, 
     3411.poppins.single-post .entry-footer .widget-title h4, 
     3412.poppins .comments h3, 
     3413.poppins .form-title h3 { 
     3414  font-family: 'Courgette', cursive; 
     3415} 
     3416 
     3417/*-------------------------------------------------------------- 
     3418# Footer 
     3419--------------------------------------------------------------*/ 
    9363420.site-footer { 
    937     clear: both; 
    938     width: 100%; 
    939 } 
    940  
    941 #page { 
    942     width: 1120px; 
    943     margin: 20px auto; 
    944 } 
    945 #masthead { 
    946     text-align: center; 
    947 } 
    948 .site-title a { 
    949     text-decoration: none; 
    950 } 
    951 .banner-image { 
    952     width: 100%; 
    953 } 
     3421    background-color: #333; 
     3422} 
     3423.site-footer a { 
     3424    color: #a6a6a6; 
     3425} 
     3426.site-footer a:hover { 
     3427  color: #f23f30; 
     3428} 
     3429.site-footer ul li { 
     3430    float: left; 
     3431    margin-right: 15px; 
     3432    text-transform: uppercase; 
     3433    font-size: 14px; 
     3434} 
     3435.site-footer .one-col:before,  
     3436.site-footer .one-col:after { 
     3437    content: ""; 
     3438    clear: both; 
     3439    display: table; 
     3440} 
     3441.site-footer .widget-title { 
     3442    margin: 0; 
     3443    color: #fff; 
     3444    text-align: center; 
     3445    font-size: 30px; 
     3446    margin-bottom: 15px; 
     3447} 
     3448.site-footer .column-wrapper { 
     3449  text-align: center; 
     3450} 
     3451.site-footer .column-wrapper:first-child { 
     3452   padding: 55px 40px 35px 40px; 
     3453} 
     3454.site-footer .one-col.footer-nav { 
     3455    background-color: #292929; 
     3456    padding: 50px 60px; 
     3457} 
     3458.site-footer .one-col.footer-second-widget { 
     3459    background-color: #fff; 
     3460    padding: 50px 60px; 
     3461} 
     3462.site-footer .one-col:last-child .widget-title { 
     3463  color: #282828; 
     3464} 
     3465.address-block li a { 
     3466    color: #000; 
     3467} 
     3468.address-block li a:hover { 
     3469    color: #f23f30; 
     3470} 
     3471.address-block .address { 
     3472    width: 200px; 
     3473} 
     3474.address-block .fa { 
     3475    font-size: 25px; 
     3476    margin-right: 10px; 
     3477    color: #f23f30; 
     3478    vertical-align: middle; 
     3479} 
     3480.site-footer .social-icons { 
     3481    text-align: center; 
     3482    margin: 20px 0; 
     3483} 
     3484.site-footer .social-icons li { 
     3485  margin-right: 10px; 
     3486  margin-bottom: 10px; 
     3487} 
     3488.social-icons ul li { 
     3489    float: none; 
     3490    display: inline-block; 
     3491} 
     3492.address-block .email a { 
     3493    text-transform: lowercase; 
     3494} 
     3495.address-block .address { 
     3496    text-transform: capitalize; 
     3497} 
     3498.site-info { 
     3499    color: #b6b6b6; 
     3500    font-size: 18px; 
     3501    text-align: center; 
     3502    margin: auto; 
     3503} 
     3504.site-footer.one-col .site-info { 
     3505  width: 400px; 
     3506} 
     3507.site-info span { 
     3508    font-size: 14px; 
     3509} 
     3510/*-------------------------------------------------------------- 
     3511      RESPONSIVE 
     3512--------------------------------------------------------------*/ 
     3513 
     3514@media screen and (min-width: 768px){ 
     3515  .container { 
     3516    width: 750px; 
     3517  } 
     3518} 
     3519@media screen and (min-width: 992px){ 
     3520  .container { 
     3521    width: 970px; 
     3522  } 
     3523  .five-col .column-wrapper { 
     3524    width: 20%; 
     3525  } 
     3526  .site-footer.two-col .site-info { 
     3527    width: 400px; 
     3528  } 
     3529} 
     3530@media screen and (min-width: 1200px){ 
     3531  .container { 
     3532    width: 1170px; 
     3533  } 
     3534} 
     3535@media screen and (max-width: 1200px){ 
     3536  .main-navigation ul li a { 
     3537      margin-right: 20px; 
     3538      font-size: 13px; 
     3539  } 
     3540  .site-branding.alignleft, .site-branding.alignright { 
     3541      margin-left: 0; 
     3542  } 
     3543  .site-title { 
     3544      font-size: 20px; 
     3545  } 
     3546  .site-description { 
     3547      font-size: 13px; 
     3548  } 
     3549  .main-navigation ul li:not(:last-child) a { 
     3550      padding-right: 0; 
     3551  } 
     3552  .slider-contents { 
     3553      top: 25%; 
     3554  } 
     3555  .layer-1 h5, 
     3556  .layer-3 h5 { 
     3557      font-size: 14px; 
     3558  } 
     3559  .layer-2 { 
     3560      margin: 0 0 10px 0; 
     3561  } 
     3562  .layer-2 h1 { 
     3563      line-height: 60px; 
     3564      font-size: 50px; 
     3565  } 
     3566  #instagram .five-col { 
     3567    width: 25%; 
     3568  } 
     3569  #blog .three-col { 
     3570      padding: 5px; 
     3571  } 
     3572  .blog-wrapper .blog-content { 
     3573      padding: 0 15px 30px 15px; 
     3574  } 
     3575  .site-footer .address-block li { 
     3576      float: none; 
     3577      display: block; 
     3578      margin-right: 0; 
     3579  } 
     3580  .site-footer .two-col:first-child { 
     3581      padding: 80px 0 0 0; 
     3582  } 
     3583  .single-post article .pull-right { 
     3584    float: left; 
     3585  } 
     3586  .admin-image img { 
     3587      width: 125px; 
     3588      height: 125px; 
     3589      border-radius: 125px; 
     3590  } 
     3591  .comments .form-group input:not(:last-child) { 
     3592      margin-right: 19px; 
     3593  } 
     3594  .grid-sizer, 
     3595  .grid-item, 
     3596  .grid-item-width1 {  
     3597    width: 50%;  
     3598  } 
     3599  .cycle-slideshow .cycle-prev,  
     3600  .cycle-slideshow .cycle-next { 
     3601      top: -5px; 
     3602  } 
     3603  .blog .grid-item-width-2,  
     3604  .blog-masonry .grid-item-width-2, 
     3605  .blog .grid-sizer, .blog-masonry .grid-sizer,  
     3606  .blog .grid-item-width-1,  
     3607  .blog-masonry .grid-item-width-1 { 
     3608    width: 50%; 
     3609  } 
     3610} 
     3611@media screen and (max-width: 992px){ 
     3612  .site-branding { 
     3613    display: none; 
     3614  } 
     3615  #sidr-left-top-button { 
     3616      display: block; 
     3617      background: #F8F8F8; 
     3618      position: relative; 
     3619      z-index: 3; 
     3620  } 
     3621  #site-navigation .site-logo,#sidr-id-login-popup, 
     3622  .main-navigation { 
     3623      display: none; 
     3624  } 
     3625  .sidr-left-top-open .menu-button .fa-bars:before { 
     3626      content: "\f00d"; 
     3627  } 
     3628  .menu-button .fa.fa-bars { 
     3629      color: #fff; 
     3630      background: #f23f30; 
     3631      width: 50px; 
     3632      height: 50px; 
     3633      text-align: center; 
     3634      line-height: 50px; 
     3635      font-size: 30px; 
     3636      border-radius: 5px; 
     3637      position: absolute; 
     3638      margin-left: 20px; 
     3639      margin-top: 20px; 
     3640  } 
     3641  .slider-contents { 
     3642      top: 12%; 
     3643  } 
     3644  .layer-2 h1 { 
     3645      line-height: 50px; 
     3646      font-size: 40px; 
     3647  } 
     3648  .layer-1 h5, .layer-3 h5 { 
     3649      font-size: 12px; 
     3650  } 
     3651  .layer-4 { 
     3652      margin-top: 10px; 
     3653  } 
     3654  #instagram .five-col { 
     3655    width: 33.33%; 
     3656  } 
     3657  .blog-wrapper figure figcaption::before { 
     3658      top: 15px; 
     3659      right: 15px; 
     3660      bottom: 15px; 
     3661      left: 15px; 
     3662  } 
     3663  #address .address-block li { 
     3664      width: 50%; 
     3665      margin-bottom: 25px; 
     3666  } 
     3667  #address .address-block li:nth-child(2) { 
     3668    border: none; 
     3669  } 
     3670  #address .page-section { 
     3671    padding-bottom: 0; 
     3672      margin-bottom: -50px; 
     3673  } 
     3674  .admin-image img { 
     3675      width: 100px; 
     3676      height: 100px; 
     3677      border-radius: 100px; 
     3678  } 
     3679  .comments .form-group input:not(:last-child) { 
     3680      margin-right: 15px; 
     3681  } 
     3682  .cycle-slideshow .cycle-prev,  
     3683  .cycle-slideshow .cycle-next { 
     3684      top: -10px; 
     3685  } 
     3686} 
     3687@media screen and (max-width: 800px) { 
     3688  #counter .entry-content { 
     3689      margin: auto; 
     3690      width: 90%; 
     3691  } 
     3692  .site-footer .two-col:first-child { 
     3693      padding: 80px 0 0 60px; 
     3694  } 
     3695  .entry-header { 
     3696    width: 75%; 
     3697  } 
     3698} 
     3699@media screen and (max-width: 768px){ 
     3700  #instagram .four-col { 
     3701    width: 33.33%; 
     3702  } 
     3703  #primary { 
     3704      padding: 0 25px; 
     3705  } 
     3706  .comments .form-group input:not(:last-child) { 
     3707    margin-bottom: 15px; 
     3708  } 
     3709  .comments .form-group input[type="submit"],  
     3710  .comments .form-submit input[type="submit"] { 
     3711    margin-bottom: 0; 
     3712  } 
     3713  .comments .form-group input { 
     3714    width: 100%; 
     3715  } 
     3716  .navigation.post-navigation { 
     3717      margin-bottom: 60px; 
     3718  } 
     3719  .cycle-slideshow .cycle-prev,  
     3720  .cycle-slideshow .cycle-next { 
     3721      top: -13px; 
     3722  } 
     3723  .site-footer .social-icons li { 
     3724      margin-right: 5px; 
     3725      margin-bottom: 5px; 
     3726  } 
     3727} 
     3728@media screen and (min-width: 421px) { 
     3729  .five-col .column-wrapper, 
     3730  .four-col .column-wrapper, 
     3731  .three-col .column-wrapper { 
     3732    width: 50%; 
     3733  } 
     3734} 
     3735@media screen and (min-width: 767px) { 
     3736  .two-col .column-wrapper { 
     3737    width: 50%; 
     3738  } 
     3739  .three-col .column-wrapper { 
     3740    width: 33.33%; 
     3741  } 
     3742  .four-col .column-wrapper { 
     3743    width: 25%; 
     3744  } 
     3745  .five-col .column-wrapper { 
     3746    width: 33.33%; 
     3747  } 
     3748  #primary { 
     3749    width: 75%; 
     3750    float: left; 
     3751  } 
     3752  .right-sidebar #primary { 
     3753    padding-right: 15px; 
     3754  } 
     3755  .left-sidebar #primary { 
     3756    padding-left: 30px; 
     3757    float: right; 
     3758  } 
     3759  .no-sidebar #primary { 
     3760    padding-right: 0; 
     3761    width: 100%; 
     3762  } 
     3763  #secondary { 
     3764    width: 25%; 
     3765    float: left; 
     3766  } 
     3767} 
     3768@media screen and (min-width: 992px){ 
     3769  .five-col .column-wrapper { 
     3770    width: 20%; 
     3771  } 
     3772} 
     3773@media screen and (max-width: 767px) { 
     3774  .layer-2 h1 { 
     3775      line-height: 35px; 
     3776      font-size: 30px; 
     3777  } 
     3778  .layer-2 { 
     3779      margin: 0 0 5px 0; 
     3780  } 
     3781  .text-wrapper:before { 
     3782      margin-bottom: 5px; 
     3783  } 
     3784  .text-wrapper:after { 
     3785      margin-top: 5px; 
     3786  } 
     3787  .layer-1 h5,  
     3788  .layer-3 h5 { 
     3789      font-size: 11px; 
     3790  } 
     3791  #instagram .five-col { 
     3792    width: 50%; 
     3793  } 
     3794  #blog .three-col { 
     3795    width: 100%; 
     3796  } 
     3797  .blog-wrapper figure { 
     3798    margin: 0; 
     3799  } 
     3800  .site-footer .column-wrapper:first-child { 
     3801      padding: 50px 30px 50px 30px; 
     3802  } 
     3803  .blog-wrapper figure figcaption::before { 
     3804      top: 30px; 
     3805      right: 30px; 
     3806      bottom: 30px; 
     3807      left: 30px; 
     3808  } 
     3809  .blog-wrapper .blog-content { 
     3810      padding: 0 60px 45px 30px; 
     3811  } 
     3812  .statwrap:not(:last-child) { 
     3813      margin-right: 15px; 
     3814      padding-right: 15px; 
     3815  } 
     3816  .site-footer .two-col { 
     3817      width: 100%; 
     3818  } 
     3819  .site-footer .social-icons { 
     3820      text-align: center; 
     3821  } 
     3822  .site-info { 
     3823      margin: auto; 
     3824  } 
     3825  .site-footer .two-col:first-child { 
     3826      padding: 60px 0 40px 0px; 
     3827  } 
     3828  .site-footer .one-col:first-child, 
     3829  .site-footer .one-col:last-child { 
     3830      padding: 50px 30px 50px 30px; 
     3831  } 
     3832  .site-footer .address-block li { 
     3833      float: left; 
     3834      margin-right: 15px; 
     3835  } 
     3836  .banner-wrapper .page-desc p { 
     3837    width: 100%; 
     3838    padding: 0 15px; 
     3839  } 
     3840  #contact-form .page-section { 
     3841      padding-bottom: 0; 
     3842  } 
     3843  .single-post .entry-footer .widget-title { 
     3844      display: block; 
     3845      float: none; 
     3846      text-align: center; 
     3847      margin: 0; 
     3848  } 
     3849  .entry-footer .pull-left, 
     3850  .single-post .entry-footer .social-icons { 
     3851      float: none; 
     3852        text-align: center; 
     3853  } 
     3854  .home .blog-wrapper .blog-content .blog-title h4 { 
     3855    font-size: 16px; 
     3856  } 
     3857  .single-post .entry-footer .social-icons li { 
     3858      display: inline-block; 
     3859      float: none; 
     3860  } 
     3861  .single-post .entry-content { 
     3862      padding-left: 0; 
     3863      padding-right: 0; 
     3864  } 
     3865  .single-post .blog-wrapper .blog-content { 
     3866    padding-right: 30px; 
     3867  } 
     3868  .single-post .author .pull-left { 
     3869      width: 20%; 
     3870  } 
     3871  .single-post .author .pull-left { 
     3872      width: 100%; 
     3873      float: none; 
     3874      text-align: center; 
     3875      margin: auto; 
     3876  } 
     3877  .single-post .author .pull-right { 
     3878      width: 100%; 
     3879      float: none; 
     3880  } 
     3881  .author .entry-title, 
     3882  .single-post .author .entry-header { 
     3883    text-align: center; 
     3884  } 
     3885  .single-post .page-section.author { 
     3886      padding: 35px 25px 10px 25px; 
     3887  } 
     3888  .single-post .page-section.author .entry-footer { 
     3889    padding-bottom: 0; 
     3890  } 
     3891  .blog-masonry article:nth-child(even), 
     3892  .blog-masonry article:nth-child(odd), 
     3893  .blog-masonry #primary article figure { 
     3894    width: 100%; 
     3895  } 
     3896  .gallery .pull-left.w-40, 
     3897  .gallery .pull-left.w-20 .w-100 { 
     3898      width: 100%; 
     3899  } 
     3900  #primary { 
     3901    margin-bottom: 25px; 
     3902  } 
     3903  .blog-masonry .grid-item img, 
     3904  .blog-masonry .grid-item-width1 img, 
     3905  .blog-masonry .grid-item-width2 img { 
     3906      height: auto; 
     3907  } 
     3908  .statscounts small { 
     3909    font-weight: 300; 
     3910    letter-spacing: 0; 
     3911  } 
     3912} 
     3913@media screen and (max-width: 600px) { 
     3914  #instagram .four-col, 
     3915  #instagram .three-col { 
     3916    width: 50%; 
     3917  } 
     3918  .admin-image img { 
     3919      margin-bottom: 15px; 
     3920  } 
     3921  .portfolio-filter li a { 
     3922    padding: 0; 
     3923  } 
     3924  .blog-masonry .blog-wrapper figure figcaption::before { 
     3925      top: 10px; 
     3926      right: 10px; 
     3927      bottom: 10px; 
     3928      left: 10px; 
     3929  } 
     3930  .cycle-slideshow .cycle-prev,  
     3931  .cycle-slideshow .cycle-next { 
     3932      top: -23px; 
     3933  } 
     3934  .blog .grid-item-width-2,  
     3935  .blog-masonry .grid-item-width-2,  
     3936  .blog .grid-sizer,  
     3937  .blog-masonry .grid-sizer,  
     3938  .blog .grid-item-width-1,  
     3939  .blog-masonry .grid-item-width-1, 
     3940  .blog .grid-item,  
     3941  .blog-masonry .grid-item { 
     3942      width: 100%; 
     3943        left: 0 !important; 
     3944  } 
     3945  .blog article.grid-item, .blog-masonry article.grid-item { 
     3946      padding: 10px 20px; 
     3947  } 
     3948  .navigation.post-navigation { 
     3949    left: 0 !important; 
     3950  } 
     3951  .post-navigation .nav-previous { 
     3952    margin-left: 20px; 
     3953  } 
     3954  .post-navigation .nav-next { 
     3955    margin-right: 20px; 
     3956  } 
     3957  .blog-masonry .grid-item img, 
     3958  .blog-masonry .grid-item-width1 img, 
     3959  .blog-masonry .grid-item-width2 img { 
     3960    height: auto; 
     3961  } 
     3962  .site-info { 
     3963    width: 100%; 
     3964  } 
     3965  .statwrap:not(:last-child) { 
     3966      margin-right: 10px; 
     3967      padding-right: 10px; 
     3968  } 
     3969} 
     3970@media screen and (max-width: 550px) { 
     3971  .text-wrapper:before, .text-wrapper:after { 
     3972      height: 15px; 
     3973  } 
     3974  .layer-2 h1 { 
     3975      line-height: 30px; 
     3976      font-size: 25px; 
     3977  } 
     3978  .layer-1 h5, .layer-3 h5 { 
     3979      font-size: 9px; 
     3980  } 
     3981  .slider-contents { 
     3982      top: 5%; 
     3983  } 
     3984  .btn.fill { 
     3985      font-size: 10px; 
     3986  } 
     3987  .layer-4 { 
     3988      margin-top: 5px; 
     3989  } 
     3990  .statwrap { 
     3991      width: 20%; 
     3992  } 
     3993  #counter { 
     3994    padding: 0; 
     3995  } 
     3996  .statscounts .fa { 
     3997      font-size: 25px; 
     3998      margin-bottom: 5px; 
     3999  } 
     4000  .statscounts .stat-count { 
     4001      font-size: 20px; 
     4002  } 
     4003  .statscounts small { 
     4004      font-size: 10px; 
     4005  } 
     4006  .statwrap:not(:last-child) { 
     4007      margin-right: 7px; 
     4008      padding-right: 10px; 
     4009      display: table; 
     4010  } 
     4011  .site-footer .address-block li { 
     4012      float: none; 
     4013      margin-right: 0; 
     4014  } 
     4015  #address .address-block li, 
     4016  .form-group input, 
     4017  form .pull-left { 
     4018      width: 100%; 
     4019  } 
     4020  #address .address-block li { 
     4021    float: none; 
     4022    text-align: center; 
     4023  } 
     4024  #address .address-block > li:not(:last-child) { 
     4025    border: none; 
     4026  } 
     4027  #address .address-block li:last-child { 
     4028    margin:0; 
     4029  } 
     4030  #address .page-section { 
     4031      margin-bottom: 0; 
     4032  } 
     4033  .author .entry-title { 
     4034    font-size: 30px; 
     4035  } 
     4036  .comments .parent .image,  
     4037  .comments .child .image { 
     4038      float: none; 
     4039      margin-right: 0; 
     4040      margin-bottom: 20px; 
     4041  } 
     4042  .comments .child { 
     4043      margin: 40px 0 40px 50px; 
     4044  } 
     4045  .portfolio-filter li { 
     4046      display: block; 
     4047      margin-bottom: 25px; 
     4048  } 
     4049  .portfolio-filter ul { 
     4050      border-bottom: none; 
     4051        padding-bottom: 0; 
     4052  } 
     4053  .navigation.post-navigation { 
     4054      margin-bottom: 50px; 
     4055  } 
     4056  .gallery-desc .desc { 
     4057      padding-right: 0; 
     4058  } 
     4059  .gallery-title h4 { 
     4060    margin-bottom: 0; 
     4061  } 
     4062  .gallery-desc .desc { 
     4063    margin-bottom: 20px; 
     4064  } 
     4065  .grid-sizer, 
     4066  .grid-item, 
     4067  .grid-item-width1 {  
     4068    width: 100%;  
     4069  } 
     4070  #blog .three-col .column-wrapper { 
     4071    width: 100%; 
     4072  } 
     4073  .layer-2 { 
     4074    width: 60%; 
     4075    margin: auto; 
     4076  } 
     4077  .menu-button .fa.fa-bars { 
     4078    width: 45px; 
     4079    height: 45px; 
     4080    line-height: 45px; 
     4081    font-size: 25px; 
     4082  } 
     4083  #about-us .sub-title { 
     4084    font-size: 14px; 
     4085  } 
     4086} 
     4087 
     4088@media screen and (max-width: 421px) { 
     4089  .text-wrapper:before, .text-wrapper:after { 
     4090      height: 10px; 
     4091  } 
     4092  .text-wrapper:before { 
     4093      margin-bottom: 0; 
     4094  } 
     4095  .text-wrapper:after { 
     4096      margin-top: 0; 
     4097  } 
     4098  .layer-1 h5,  
     4099  .layer-3 h5 { 
     4100      font-size: 8px; 
     4101  } 
     4102  .layer-2 h1 { 
     4103      line-height: 20px; 
     4104      font-size: 16px; 
     4105  } 
     4106  .layer-3 h5 { 
     4107      width: 90%; 
     4108  } 
     4109  .btn.fill{ 
     4110      font-size: 8px; 
     4111  } 
     4112  .layer-4 { 
     4113      margin-top: -2px; 
     4114  } 
     4115  .slider-contents { 
     4116      top: 15%; 
     4117  } 
     4118  #instagram .five-col { 
     4119    width: 100%; 
     4120  } 
     4121  .site-footer ul li { 
     4122      float: none; 
     4123      margin-right: 0; 
     4124  } 
     4125  .site-footer ul li:not(:last-child) { 
     4126    margin-bottom: 15px; 
     4127  } 
     4128  blockquote { 
     4129    margin: 0; 
     4130  } 
     4131  .blog-content blockquote .fa { 
     4132    float: none; 
     4133      margin-right: 0; 
     4134      display: block; 
     4135      margin-bottom: 15px; 
     4136  } 
     4137  .banner-wrapper .page-title h1 { 
     4138    font-size: 35px; 
     4139  } 
     4140  .main-slider .cycle-pager { 
     4141      position: relative; 
     4142      right: 0; 
     4143      top: auto; 
     4144      z-index: 300; 
     4145      bottom: 0; 
     4146      left: 0; 
     4147      margin: auto; 
     4148      text-align: center; 
     4149  } 
     4150  .main-slider .controls { 
     4151      top: 50%; 
     4152      right: 0; 
     4153      left: 0; 
     4154  } 
     4155  .cycle-slideshow .cycle-prev { 
     4156      float: left; 
     4157      margin-left: 5px; 
     4158  } 
     4159  .cycle-slideshow .cycle-next { 
     4160      float: right; 
     4161      margin-right: 5px; 
     4162  } 
     4163  .cycle-pager span { 
     4164      display: inline-block; 
     4165  } 
     4166  .cycle-slideshow .fa-angle-up:before { 
     4167      content: "\f104"; 
     4168  } 
     4169  .cycle-slideshow .fa-angle-down:before { 
     4170      content: "\f105"; 
     4171  } 
     4172  .main-slider .cycle-pager { 
     4173    position: absolute; 
     4174      bottom: -9px; 
     4175  } 
     4176  .site-footer .column-wrapper:first-child, 
     4177  .site-footer .one-col:first-child,  
     4178  .site-footer .one-col:last-child  { 
     4179      padding: 50px 15px 50px 15px; 
     4180  } 
     4181} 
     4182@media screen and (max-width: 360px) { 
     4183  .slider-contents { 
     4184      top:0px; 
     4185  } 
     4186  .menu-button .fa.fa-bars { 
     4187      margin-left: 5px; 
     4188      margin-top: 5px; 
     4189  } 
     4190  #instagram .four-col, 
     4191  #instagram .three-col { 
     4192    width: 100%; 
     4193  } 
     4194  .blog-masonry .blog-wrapper .blog-content .blog-title h4,  
     4195  .blog-masonry .blog-wrapper .blog-content .entry-header .entry-title { 
     4196      line-height: 20px; 
     4197  } 
     4198  .blog-masonry .blog-wrapper .blog-content { 
     4199      padding: 0 60px 20px 30px; 
     4200  } 
     4201  .site-footer.one-col .site-info, 
     4202  .site-footer.two-col .site-info { 
     4203    width: 100%; 
     4204  } 
     4205} 
     4206.sd-social-icon .sd-content ul li a.sd-button { 
     4207    background: transparent !important; 
     4208    border: none !important; 
     4209    box-shadow: none !important; 
     4210} 
     4211div.sharedaddy h3.sd-title { 
     4212    font-weight: 100 !important; 
     4213    font-size: 22px !important; 
     4214} 
     4215div.sharedaddy h3.sd-title:before { 
     4216  border:none !important; 
     4217  display: none !important; 
     4218} 
     4219.sd-content ul li { 
     4220    float: left; 
     4221} 
     4222div.sharedaddy h3.sd-title { 
     4223    float: left; 
     4224    margin-right: 15px !important; 
     4225} 
     4226.archive-post-wrap .entry-footer .pull-left { 
     4227    width: 50%; 
     4228} 
     4229 
     4230.not-found .btn.fill, 
     4231.widget_search .btn.fill { 
     4232    box-shadow: none; 
     4233    border: none; 
     4234    outline: none; 
     4235    border-radius: 0; 
     4236    display: inline-block; 
     4237    height: 40px; 
     4238    vertical-align: top; 
     4239    line-height: 20px; 
     4240} 
     4241.not-found .form-group input, 
     4242.widget_search .form-group input { 
     4243    outline: none; 
     4244    border-radius: 0; 
     4245    border: 1px solid #ddd; 
     4246    text-indent: 15px; 
     4247    margin-right: 0; 
     4248    height: 40px; 
     4249    width: auto; 
     4250    display: inline-block; 
     4251} 
     4252.not-found h1 { 
     4253    color: #f23f30; 
     4254} 
     4255.not-found { 
     4256    text-align: center; 
     4257} 
     4258#primary.blog-masonry { 
     4259  width: 100%; 
     4260} 
     4261aside#secondary .widget_search button { 
     4262  display: none; 
     4263} 
     4264aside#secondary .widget_search .form-group input { 
     4265  width: 100%; 
     4266} 
     4267form .btn-contact { 
     4268  background: #f23f30; 
     4269  border-radius: 0; 
     4270} 
     4271.comment-form .logged-in-as a { 
     4272  color: #666; 
     4273} 
     4274.comment-form .logged-in-as a:hover { 
     4275  color: #333; 
     4276} 
     4277.title-404{ 
     4278  font-size: 70px; 
     4279  margin: 20px; 
     4280  font-weight: bold; 
     4281} 
     4282 
     4283 
     4284.entry-content.os-animation.animated.fadeIn p { 
     4285    padding-left: 33px !important; 
     4286} 
     4287 
     4288.author .entry-title { 
     4289    margin-top: 0; 
     4290    text-align: left; 
     4291    padding-left: 30px !important; 
     4292} 
     4293 
     4294.header-bg { 
     4295  background: rgba(17, 17, 17, 0.78); 
     4296} 
     4297 
     4298.padding-top-section,  
     4299.home .banner-wrapper.padding-top-section { 
     4300    padding-top: 100px; 
     4301} 
     4302.about-us-disabled #photo-gallery .page-section { 
     4303  padding-top: 0; 
     4304} 
     4305.site-footer .column-wrapper .textwidget { 
     4306    color: #b6b6b6; 
     4307} 
Note: See TracChangeset for help on using the changeset viewer.