WordPress.org
Get WordPress

Make WordPress Themes

Changeset 155756


Ignore:
Timestamp:
10/04/2021 01:47:40 PM (4 years ago)
Author:
themedropbox
Message:

New version of Sydney - 1.81

Location:
sydney/1.81
Files:
3 added
20 edited
1 copied

Legend:

Unmodified
Added
Removed

  • sydney/1.81/css/customizer.css

    r154951 r155756  
    781781}
    782782
    783 .customize-control-number:not(#customize-control-woocommerce_thumbnail_image_width):not(#customize-control-woocommerce_single_image_width):not(#customize-control-woocommerce_catalog_columns):not(#customize-control-woocommerce_catalog_rows):not(#customize-control-wrapper_top_padding):not(#customize-control-wrapper_bottom_padding) {
     783.customize-control-number:not(#customize-control-slider_speed):not(#customize-control-woocommerce_thumbnail_image_width):not(#customize-control-woocommerce_single_image_width):not(#customize-control-woocommerce_catalog_columns):not(#customize-control-woocommerce_catalog_rows):not(#customize-control-wrapper_top_padding):not(#customize-control-wrapper_bottom_padding) {
    784784  display: -webkit-box;
    785785  display: -ms-flexbox;

  • sydney/1.81/functions.php

    r154951 r155756  
    174174 */
    175175function sydney_admin_scripts() {
    176     if ( defined( 'SITEORIGIN_PANELS_VERSION' ) ) {
    177         wp_enqueue_script( 'sydney-admin-functions', get_template_directory_uri() . '/js/admin-functions.js', array('jquery'),'', true );
    178         wp_localize_script( 'sydney-admin-functions', 'sydneyadm', array(
    179             'fontawesomeUpdate' => array(
    180                 'confirmMessage' => __( 'Are you sure? Keep in mind this is a global change and you will need update your icons class names in all theme widgets and post types that use Font Awesome 4 icons.', 'sydney' ),
    181                 'errorMessage' => __( 'It was not possible complete the request, please reload the page and try again.', 'sydney' )
    182             )
    183         ) );
    184     }
     176    wp_enqueue_script( 'sydney-admin-functions', get_template_directory_uri() . '/js/admin-functions.js', array('jquery'),'', true );
     177    wp_localize_script( 'sydney-admin-functions', 'sydneyadm', array(
     178        'fontawesomeUpdate' => array(
     179            'confirmMessage' => __( 'Are you sure? Keep in mind this is a global change and you will need update your icons class names in all theme widgets and post types that use Font Awesome 4 icons.', 'sydney' ),
     180            'errorMessage' => __( 'It was not possible complete the request, please reload the page and try again.', 'sydney' )
     181        ),
     182        'headerUpdate' => array(
     183            'confirmMessage' => __( 'Are you sure you want to upgrade your header?', 'sydney' ),
     184            'errorMessage' => __( 'It was not possible complete the request, please reload the page and try again.', 'sydney' )
     185        ),     
     186    ) );
    185187}
    186188add_action( 'admin_enqueue_scripts', 'sydney_admin_scripts' );
     189
     190/**
     191 * Use the modern header in new installs
     192 */
     193function sydney_set_modern_header_flag() {
     194    update_option( 'sydney-update-header', true );
     195}
     196add_action( 'after_switch_theme', 'sydney_set_modern_header_flag' );
    187197
    188198/**
    … …  
    493503
    494504/**
     505 * Header
     506 */
     507require get_template_directory() . '/inc/classes/class-sydney-header.php';
     508
     509/**
    495510 * Customizer additions.
    496511 */

  • sydney/1.81/header.php

    r154951 r155756  
    2929    <a class="skip-link screen-reader-text" href="#content"><?php _e( 'Skip to content', 'sydney' ); ?></a>
    3030
    31     <?php do_action('sydney_before_header'); //Hooked: sydney_header_clone() ?>
     31    <?php do_action('sydney_before_header'); //Hooked: sydney_header_clone() ?> 
    3232
    33     <header id="masthead" class="site-header" role="banner" <?php sydney_do_schema( 'header' ); ?>>
    34         <div class="header-wrap">
    35             <div class="<?php echo esc_attr( sydney_menu_container() ); ?>">
    36                 <div class="row">
    37                     <div class="col-md-4 col-sm-8 col-xs-12">
    38                     <?php if ( get_theme_mod('site_logo') ) : ?>
    39                         <?php
    40                             $logo_id    = attachment_url_to_postid( get_theme_mod( 'site_logo' ) );
    41                             $logo_attrs = wp_get_attachment_image_src( $logo_id );
    42                         ?>                     
    43                         <a href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php bloginfo('name'); ?>"><img width="<?php echo esc_attr( $logo_attrs[1] ); ?>" height="<?php echo esc_attr( $logo_attrs[2] ); ?>" class="site-logo" src="<?php echo esc_url(get_theme_mod('site_logo')); ?>" alt="<?php bloginfo('name'); ?>" <?php sydney_do_schema( 'logo' ); ?> /></a>
    44                         <?php if ( is_home() && !is_front_page() ) : ?>
    45                             <h1 class="site-title screen-reader-text"><?php bloginfo( 'name' ); ?></h1>
    46                         <?php endif; ?>
    47                     <?php else : ?>
    48                         <h1 class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></h1>
    49                         <h2 class="site-description"><?php bloginfo( 'description' ); ?></h2>           
    50                     <?php endif; ?>
    51                     </div>
    52                     <div class="col-md-8 col-sm-4 col-xs-12">
    53                         <div class="btn-menu" aria-expanded="false" <?php echo wp_kses_post( apply_filters( 'sydney_nav_toggle_data_attrs', '' ) ); ?>><i class="sydney-svg-icon"><?php sydney_get_svg_icon( 'icon-menu', true ); ?></i></div>
    54                         <nav id="mainnav" class="mainnav" role="navigation" <?php sydney_do_schema( 'nav' ); ?> <?php echo wp_kses_post( apply_filters( 'sydney_nav_data_attrs', '' ) ); ?>>
    55                             <?php wp_nav_menu( array( 'theme_location' => 'primary', 'fallback_cb' => 'sydney_menu_fallback' ) ); ?>
    56                         </nav><!-- #site-navigation -->
    57                     </div>
    58                 </div>
    59             </div>
    60         </div>
    61     </header><!-- #masthead -->
     33    <?php do_action( 'sydney_header' ); ?>
    6234
    6335    <?php do_action('sydney_after_header'); ?>

  • sydney/1.81/inc/classes/class-sydney-svg-icons.php

    r153790 r155756  
    6060            'icon-etsy'         => '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><path d="M384 348c-1.75 10.75-13.75 110-15.5 132-117.879-4.299-219.895-4.743-368.5 0v-25.5c45.457-8.948 60.627-8.019 61-35.25 1.793-72.322 3.524-244.143 0-322-1.029-28.46-12.13-26.765-61-36v-25.5c73.886 2.358 255.933 8.551 362.999-3.75-3.5 38.25-7.75 126.5-7.75 126.5H332C320.947 115.665 313.241 68 277.25 68h-137c-10.25 0-10.75 3.5-10.75 9.75V241.5c58 .5 88.5-2.5 88.5-2.5 29.77-.951 27.56-8.502 40.75-65.251h25.75c-4.407 101.351-3.91 61.829-1.75 160.25H257c-9.155-40.086-9.065-61.045-39.501-61.5 0 0-21.5-2-88-2v139c0 26 14.25 38.25 44.25 38.25H263c63.636 0 66.564-24.996 98.751-99.75H384z"/></svg>',
    6161            'icon-pinterest'    => '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512"><path d="M496 256c0 137-111 248-248 248-25.6 0-50.2-3.9-73.4-11.1 10.1-16.5 25.2-43.5 30.8-65 3-11.6 15.4-59 15.4-59 8.1 15.4 31.7 28.5 56.8 28.5 74.8 0 128.7-68.8 128.7-154.3 0-81.9-66.9-143.2-152.9-143.2-107 0-163.9 71.8-163.9 150.1 0 36.4 19.4 81.7 50.3 96.1 4.7 2.2 7.2 1.2 8.3-3.3.8-3.4 5-20.3 6.9-28.1.6-2.5.3-4.7-1.7-7.1-10.1-12.5-18.3-35.3-18.3-56.6 0-54.7 41.4-107.6 112-107.6 60.9 0 103.6 41.5 103.6 100.9 0 67.1-33.9 113.6-78 113.6-24.3 0-42.6-20.1-36.7-44.8 7-29.5 20.5-61.3 20.5-82.6 0-19-10.2-34.9-31.4-34.9-24.9 0-44.9 25.7-44.9 60.2 0 22 7.4 36.8 7.4 36.8s-24.5 103.8-29 123.2c-5 21.4-3 51.6-.9 71.2C65.4 450.9 0 361.1 0 256 0 119 111 8 248 8s248 111 248 248z"/></svg>',
     62            'mobile-icon1'      =>  '<svg width="16" height="7" viewBox="0 0 16 7" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="16" height="1"/><rect y="6" width="16" height="1"/></svg>',
     63            'mobile-icon2'      =>  '<svg width="16" height="11" viewBox="0 0 16 11" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="16" height="1"/><rect y="5" width="16" height="1"/><rect y="10" width="16" height="1"/></svg>',
     64            'mobile-icon3'      =>  '<svg width="16" height="11" viewBox="0 0 16 11" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="16" height="1"/><rect y="5" width="10" height="1"/><rect y="10" width="16" height="1"/></svg>',
     65            'mobile-icon4'      =>  '<svg width="14" height="15" viewBox="0 0 14 15" fill="none" xmlns="http://www.w3.org/2000/svg"><rect y="7" width="14" height="1"/><rect x="7.5" y="0.5" width="14" height="1" transform="rotate(90 7.5 0.5)"/></svg>',     
     66            'icon-down'         => '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.011 512.011"><path d="M505.755 123.592c-8.341-8.341-21.824-8.341-30.165 0L256.005 343.176 36.421 123.592c-8.341-8.341-21.824-8.341-30.165 0s-8.341 21.824 0 30.165l234.667 234.667a21.275 21.275 0 0015.083 6.251 21.275 21.275 0 0015.083-6.251l234.667-234.667c8.34-8.341 8.34-21.824-.001-30.165z"/></svg>',
     67            'icon-cancel'       => '<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.59 0L7 5.59L1.41 0L0 1.41L5.59 7L0 12.59L1.41 14L7 8.41L12.59 14L14 12.59L8.41 7L14 1.41L12.59 0Z"/></svg>',               
     68            'icon-cart'         => '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path d="M528.12 301.319l47.273-208C578.806 78.301 567.391 64 551.99 64H159.208l-9.166-44.81C147.758 8.021 137.93 0 126.529 0H24C10.745 0 0 10.745 0 24v16c0 13.255 10.745 24 24 24h69.883l70.248 343.435C147.325 417.1 136 435.222 136 456c0 30.928 25.072 56 56 56s56-25.072 56-56c0-15.674-6.447-29.835-16.824-40h209.647C430.447 426.165 424 440.326 424 456c0 30.928 25.072 56 56 56s56-25.072 56-56c0-22.172-12.888-41.332-31.579-50.405l5.517-24.276c3.413-15.018-8.002-29.319-23.403-29.319H218.117l-6.545-32h293.145c11.206 0 20.92-7.754 23.403-18.681z"/></svg>', 
    6269        );
    6370    }

  • sydney/1.81/inc/custom-header.php

    r139705 r155756  
    5959 */
    6060function sydney_header_style() {
    61     if ( get_header_image() && ( get_theme_mod('front_header_type') == 'image' && is_front_page() || get_theme_mod('site_header_type', 'image') == 'image' && !is_front_page() ) ) {
     61    if ( !get_option( 'sydney-update-header' ) ) {
     62        $site_header = get_theme_mod('site_header_type','image');
     63    } else {
     64        $site_header = get_theme_mod('site_header_type','nothing');
     65    }
     66
     67    if ( get_header_image() && ( get_theme_mod('front_header_type') == 'image' && is_front_page() || $site_header == 'image' && !is_front_page() ) ) {
    6268    ?>
    6369    <style type="text/css">

  • sydney/1.81/inc/customizer/callbacks.php

    r154951 r155756  
    355355    }       
    356356}
     357
     358function sydney_callback_menu_position() {
     359    $layout = get_theme_mod( 'header_layout_desktop', 'header_layout_2' );
     360
     361    if ( 'header_layout_2' === $layout ) {
     362        return true;
     363    } else {
     364        return false;
     365    }       
     366}

  • sydney/1.81/inc/customizer/customizer.php

    r154951 r155756  
    99    $wp_customize->remove_control( 'header_textcolor' );
    1010    $wp_customize->remove_control( 'display_header_text' );
    11     $wp_customize->get_section( 'header_image' )->panel = 'sydney_header_panel';
    12     $wp_customize->get_section( 'header_image' )->priority = '13';
    13     $wp_customize->get_section( 'title_tagline' )->priority = '9';
    14     $wp_customize->get_section( 'title_tagline' )->title = __('Site title/tagline/logo', 'sydney');
     11    $wp_customize->get_section( 'header_image' )->panel = 'sydney_panel_hero';
     12    $wp_customize->get_section( 'header_image' )->priority = 99;
     13    $wp_customize->get_section( 'title_tagline' )->priority = 9;
     14    $wp_customize->get_section( 'title_tagline' )->panel = 'sydney_panel_header';
    1515    $wp_customize->get_section( 'colors' )->title = __('General', 'sydney');
    1616    $wp_customize->get_section( 'colors' )->panel = 'sydney_colors_panel';
    … …  
    9393     */
    9494    require get_template_directory() . '/inc/customizer/options/general.php';
     95    require get_template_directory() . '/inc/customizer/options/header.php';
     96    require get_template_directory() . '/inc/customizer/options/header-mobile.php';
    9597    require get_template_directory() . '/inc/customizer/options/footer.php';
    9698    require get_template_directory() . '/inc/customizer/options/blog.php';
    … …  
    98100
    99101    //___Header area___//
    100     $wp_customize->add_panel( 'sydney_header_panel', array(
     102    $wp_customize->add_panel( 'sydney_panel_hero', array(
    101103        'priority'       => 10,
    102104        'capability'     => 'edit_theme_options',
    103105        'theme_supports' => '',
    104         'title'          => __('Header area', 'sydney'),
     106        'title'          => __('Hero area', 'sydney'),
    105107    ) );
    106108    //___Header type___//
    … …  
    108110        'sydney_header_type',
    109111        array(
    110             'title'         => __('Header type', 'sydney'),
     112            'title'         => __('Hero type', 'sydney'),
    111113            'priority'      => 10,
    112             'panel'         => 'sydney_header_panel',
    113             'description'   => __('You can select your header type from here. After that, continue below to the next two tabs (Header Slider and Header Image) and configure them.', 'sydney'),
    114         )
    115     );
     114            'panel'         => 'sydney_panel_hero',
     115            'description'   => __('You can select your header type from here. After that, continue below to the next two tabs (Hero Slider and Header Image) and configure them.', 'sydney'),
     116        )
     117    );
     118
     119    if ( !get_option( 'sydney-update-header' ) ) {
     120        $front_default = 'slider';
     121        $site_default = 'image';
     122    } else {
     123        $front_default = 'nothing';
     124        $site_default = 'nothing';
     125    }   
    116126    //Front page
    117127    $wp_customize->add_setting(
    118128        'front_header_type',
    119129        array(
    120             'default'           => 'nothing',
     130            'default'           =>  $front_default,
    121131            'sanitize_callback' => 'sydney_sanitize_layout',
    122132        )
    … …  
    141151        'site_header_type',
    142152        array(
    143             'default'           => 'image',
     153            'default'           => $site_default,
    144154            'sanitize_callback' => 'sydney_sanitize_layout',
    145155        )
    … …  
    151161            'label'       => __('Site header type', 'sydney'),
    152162            'section'     => 'sydney_header_type',
    153             'description' => __('Select the header type for all pages except the front page', 'sydney'),
     163            'description' => __('Select the hero type for all pages except the front page', 'sydney'),
    154164            'choices' => array(
    155165                'slider'    => __('Full screen slider', 'sydney'),
    … …  
    164174        'sydney_slider',
    165175        array(
    166             'title'         => __('Header Slider', 'sydney'),
    167             'description'   => __('You can add up to 5 images in the slider. Make sure you select where to display your slider from the Header Type section found above. You can also add a Call to action button (scroll down to find the options)', 'sydney'),
     176            'title'         => __('Hero Slider', 'sydney'),
     177            'description'   => __('You can add up to 5 images in the slider. Make sure you select where to display your slider from the Hero Type section found above. You can also add a Call to action button (scroll down to find the options)', 'sydney'),
    168178            'priority'      => 11,
    169             'panel'         => 'sydney_header_panel',
     179            'panel'         => 'sydney_panel_hero',
    170180        )
    171181    );
    … …  
    627637        )
    628638    );         
     639
     640    if ( !get_option( 'sydney-update-header' ) ) {
    629641    //___Menu style___//
    630642    $wp_customize->add_section(
    … …  
    633645            'title'         => __('Menu layout', 'sydney'),
    634646            'priority'      => 15,
    635             'panel'         => 'sydney_header_panel',
     647            'panel'         => 'sydney_panel_hero',
    636648        )
    637649    );
    … …  
    898910        'active_callback'   => 'sydney_header_custom_html_active_callback'
    899911    ) );
     912
     913    }
    900914
    901915
    … …  
    14481462        )
    14491463    );     
    1450     //Site title
    1451     $wp_customize->add_setting(
    1452         'site_title_color',
    1453         array(
    1454             'default'           => '#ffffff',
    1455             'sanitize_callback' => 'sanitize_hex_color',
    1456             'transport'         => 'postMessage'
    1457         )
    1458     );
    1459     $wp_customize->add_control(
    1460         new WP_Customize_Color_Control(
    1461             $wp_customize,
    1462             'site_title_color',
    1463             array(
    1464                 'label' => __('Site title', 'sydney'),
    1465                 'section' => 'colors_header',
    1466                 'settings' => 'site_title_color',
    1467                 'priority' => 13
    1468             )
    1469         )
    1470     );
    1471     //Site desc
    1472     $wp_customize->add_setting(
    1473         'site_desc_color',
    1474         array(
    1475             'default'           => '#ffffff',
    1476             'sanitize_callback' => 'sanitize_hex_color',
    1477             'transport'         => 'postMessage'
    1478         )
    1479     );
    1480     $wp_customize->add_control(
    1481         new WP_Customize_Color_Control(
    1482             $wp_customize,
    1483             'site_desc_color',
    1484             array(
    1485                 'label' => __('Site description', 'sydney'),
    1486                 'section' => 'colors_header',
    1487                 'priority' => 14
    1488             )
    1489         )
    1490     );
    14911464    //Top level menu items
    14921465    $wp_customize->add_setting(
    … …  
    16011574            'slider_text',
    16021575            array(
    1603                 'label' => __('Header slider text', 'sydney'),
     1576                'label' => __('Hero slider text', 'sydney'),
    16041577                'section' => 'colors_header',
    16051578                'priority' => 18

  • sydney/1.81/inc/extras.php

    r154951 r155756  
    2929        $classes[] = 'no-sidebar';
    3030    }
     31
     32    //Transparent header
     33    global $post;
     34    if ( isset( $post ) ) {
     35        $transparent_menu = get_post_meta( $post->ID, '_sydney_transparent_menu', true );
     36        if ( $transparent_menu ) {
     37            $classes[] = 'transparent-header';
     38        }
     39    }
    3140   
    3241    return $classes;
    … …  
    436445}
    437446add_action( 'sydney_after_single_entry', 'sydney_related_posts', 31 );
     447
     448/**
     449 * Default header components
     450 */
     451function sydney_get_default_header_components() {
     452    $components = array(
     453        'l1'        => array( 'search', 'woocommerce_icons' ),
     454        'l3left'    => array( 'search' ),
     455        'l3right'   => array( 'woocommerce_icons' ),
     456        'l4top'     => array( 'search' ),
     457        'l4bottom'  => array( 'woocommerce_icons' ),
     458        'l5topleft' => array(),
     459        'l5topright'=> array( 'woocommerce_icons' ),
     460        'l5bottom'  => array( 'search' ),
     461        'mobile'    => array( 'search' ),
     462        'offcanvas' => array()
     463    );
     464
     465    return apply_filters( 'sydney_default_header_components', $components );
     466}
     467
     468/**
     469 * Header layouts
     470 */
     471function sydney_header_layouts() {
     472    $choices = array(           
     473        'header_layout_1' => array(
     474            'label' => esc_html__( 'Layout 1', 'sydney' ),
     475            'url'   => '%s/images/customizer/hl1.svg'
     476        ),
     477        'header_layout_2' => array(
     478            'label' => esc_html__( 'Layout 2', 'sydney' ),
     479            'url'   => '%s/images/customizer/hl2.svg'
     480        ),     
     481        'header_layout_3' => array(
     482            'label' => esc_html__( 'Layout 3', 'sydney' ),
     483            'url'   => '%s/images/customizer/hl3.svg'
     484        ),             
     485        'header_layout_4' => array(
     486            'label' => esc_html__( 'Layout 4', 'sydney' ),
     487            'url'   => '%s/images/customizer/hl4.svg'
     488        ),
     489        'header_layout_5' => array(
     490            'label' => esc_html__( 'Layout 5', 'sydney' ),
     491            'url'   => '%s/images/customizer/hl5.svg'
     492        ),
     493    );
     494
     495    return apply_filters( 'sydney_header_layout_choices', $choices );
     496}
     497
     498/**
     499 * Mobile header layouts
     500 */
     501function sydney_mobile_header_layouts() {
     502    $choices = array(           
     503        'header_mobile_layout_1' => array(
     504            'label' => esc_html__( 'Layout 1', 'sydney' ),
     505            'url'   => '%s/images/customizer/mhl1.svg'
     506        ),
     507        'header_mobile_layout_2' => array(
     508            'label' => esc_html__( 'Layout 2', 'sydney' ),
     509            'url'   => '%s/images/customizer/mhl2.svg'
     510        ),     
     511        'header_mobile_layout_3' => array(
     512            'label' => esc_html__( 'Layout 3', 'sydney' ),
     513            'url'   => '%s/images/customizer/mhl3.svg'
     514        ),
     515    );
     516
     517    return apply_filters( 'sydney_mobile_header_layout_choices', $choices );
     518}
     519
     520/**
     521 * Header elements
     522 */
     523function sydney_header_elements() {
     524
     525    $elements = array(
     526        'search'            => esc_html__( 'Search', 'sydney' ),
     527        'woocommerce_icons' => esc_html__( 'Cart &amp; account icons', 'sydney' ),
     528        'button'            => esc_html__( 'Button', 'sydney' ),
     529        'contact_info'      => esc_html__( 'Contact info', 'sydney' ),
     530    );
     531
     532    return apply_filters( 'sydney_header_elements', $elements );
     533}
     534
     535/**
     536 * Add submenu icons
     537 */
     538function sydney_add_submenu_icons( $item_output, $item, $depth, $args ) {
     539
     540    if ( false == get_option( 'sydney-update-header' ) ) {
     541        return $item_output;
     542    }
     543   
     544    if ( empty( $args->theme_location ) || 'primary' !== $args->theme_location ) {
     545        return $item_output;
     546    }
     547
     548    if ( ! empty( $item->classes ) && in_array( 'menu-item-has-children', $item->classes ) ) {
     549        return $item_output . '<span tabindex=0 class="dropdown-symbol"><i class="sydney-svg-icon">' . sydney_get_svg_icon( 'icon-down', false ) . '</i></span>';
     550    }
     551
     552    return $item_output;
     553}
     554add_filter( 'walker_nav_menu_start_el', 'sydney_add_submenu_icons', 10, 4 );

  • sydney/1.81/inc/slider.php

    r150497 r155756  
    1010function sydney_slider_template() {
    1111
    12     if ( (get_theme_mod('front_header_type','nothing') == 'slider' && is_front_page()) || (get_theme_mod('site_header_type') == 'slider' && !is_front_page()) ) {
     12    if ( !get_option( 'sydney-update-header' ) ) {
     13        $front_header = get_theme_mod('front_header_type','slider');
     14    } else {
     15        $front_header = get_theme_mod('front_header_type','nothing');
     16    }
     17
     18    if ( ($front_header == 'slider' && is_front_page()) || (get_theme_mod('site_header_type') == 'slider' && !is_front_page()) ) {
    1319
    1420    //Get the slider options

  • sydney/1.81/inc/styles.php

    r154951 r155756  
    104104            $headings_fonts = get_theme_mod( 'headings_font', 'Raleway' );
    105105            $custom .= "body, #mainnav ul ul a { font-family:" . $body_fonts . ";}"."\n";
    106             $custom .= "h1, h2, h3, h4, h5, h6, #mainnav ul li a, .portfolio-info, .roll-testimonials .name, .roll-team .team-content .name, .roll-team .team-item .team-pop .name, .roll-tabs .menu-tab li a, .roll-testimonials .name, .roll-project .project-filter li a, .roll-button, .roll-counter .name-count, .roll-counter .numb-count button, input[type=\"button\"], input[type=\"reset\"], input[type=\"submit\"] { font-family:" . $headings_fonts . ";}"."\n";
     106            $custom .= "h1, h2, h3, h4, h5, h6, .portfolio-info, .roll-testimonials .name, .roll-team .team-content .name, .roll-team .team-item .team-pop .name, .roll-tabs .menu-tab li a, .roll-testimonials .name, .roll-project .project-filter li a, .roll-button, .roll-counter .name-count, .roll-counter .numb-count button, input[type=\"button\"], input[type=\"reset\"], input[type=\"submit\"] { font-family:" . $headings_fonts . ";}"."\n";
    107107           
    108108                //Site title
    … …  
    209209            $custom .= "@media only screen and (max-width: 1024px) { .site-header { background-color:" . esc_attr($menu_bg_color) . ";}}" . "\n";
    210210            //Site title
    211             $site_title = get_theme_mod( 'site_title_color', '#ffffff' );
    212             $custom .= ".site-title a, .site-title a:hover { color:" . esc_attr($site_title) . "}"."\n";
     211            $site_title = get_theme_mod( 'site_title_color' );
     212            $custom .= ".site-title a { color:" . esc_attr($site_title) . "}"."\n";
    213213            //Site desc
    214             $site_desc = get_theme_mod( 'site_desc_color', '#ffffff' );
     214            $site_desc = get_theme_mod( 'site_desc_color' );
    215215            $custom .= ".site-description { color:" . esc_attr($site_desc) . "}"."\n";
    216216            //Top level menu items color
    … …  
    428428            $custom .= ".single .entry-meta-below { margin-top:" . esc_attr( $single_post_meta_spacing ) . "px;}" . "\n";
    429429
     430            //Header
     431            $custom .= $this->get_max_width_css( 'site_logo_size', $defaults = array( 'desktop' => 180, 'tablet' => 100, 'mobile' => 100 ), '.custom-logo-link img' );
     432
     433            $main_header_divider_width  = get_theme_mod( 'main_header_divider_width', 'fullwidth' );
     434            $main_header_divider_size   = get_theme_mod( 'main_header_divider_size', 0 );
     435            $main_header_divider_color  = get_theme_mod( 'main_header_divider_color' );
     436           
     437            if ( 'fullwidth' === $main_header_divider_width ) {
     438                $custom .= ".main-header, .bottom-header-row { border-bottom:" . esc_attr( $main_header_divider_size ) . 'px solid ' . esc_attr( $main_header_divider_color ) . ";}" . "\n";
     439                if ( 0 == $main_header_divider_size ) {
     440                    $custom .= ".header_layout_3,.header_layout_4,.header_layout_5 { border-bottom: 1px solid " . esc_attr( $main_header_divider_color ) . ";}" . "\n";
     441                }           
     442            } else {
     443                $custom .= ".top-header-row,.main-header-inner, .bottom-header-inner { border-bottom:" . esc_attr( $main_header_divider_size ) . 'px solid ' . esc_attr( $main_header_divider_color ) . ";} .main-header,.bottom-header-row {border:0;}" . "\n";
     444                if ( 0 == $main_header_divider_size ) {
     445                    $custom .= ".top-header-row { border-bottom: 1px solid " . esc_attr( $main_header_divider_color ) . ";}" . "\n";
     446                }           
     447            }
     448
     449            $custom .= $this->get_background_color_css( 'main_header_background', '', '.main-header,.header-search-form' );
     450            $custom .= $this->get_color_css( 'main_header_color', '', '.main-header .site-title a,.main-header .site-description,.main-header #mainnav .menu > li > a, .main-header .header-contact a' );
     451            $custom .= $this->get_fill_css( 'main_header_color', '', '.main-header .sydney-svg-icon svg, .main-header .dropdown-symbol .sydney-svg-icon svg' );
     452
     453            $custom .= $this->get_background_color_css( 'main_header_bottom_background', '', '.bottom-header-row' );
     454            $custom .= $this->get_color_css( 'main_header_bottom_color', '', '.bottom-header-row, .bottom-header-row .header-contact a,.bottom-header-row #mainnav .menu > li > a' );
     455            $custom .= $this->get_color_css( 'color_link_hover', '', '.bottom-header-row #mainnav .menu > li > a:hover' );
     456            $custom .= $this->get_fill_css( 'main_header_bottom_color', '', '.bottom-header-row .header-item svg,.dropdown-symbol .sydney-svg-icon svg' );
     457           
     458            $main_header_padding    = get_theme_mod( 'main_header_padding', 15 );
     459            $custom .= ".main-header .main-header-inner, .main-header .top-header-row { padding-top:" . esc_attr( $main_header_padding ) . 'px;padding-bottom:' . esc_attr( $main_header_padding ) . "px;}" . "\n";
     460
     461            $main_header_bottom_padding = get_theme_mod( 'main_header_bottom_padding', 15 );
     462            $custom .= ".bottom-header-inner { padding-top:" . esc_attr( $main_header_bottom_padding ) . 'px;padding-bottom:' . esc_attr( $main_header_bottom_padding ) . "px;}" . "\n";
     463
     464            $custom .= $this->get_background_color_css( 'main_header_submenu_background', '', '.mainnav ul ul li' );
     465            $custom .= $this->get_color_css( 'main_header_submenu_color', '', '.mainnav ul ul a' );
     466
     467            //Header mini cart
     468            $custom .= $this->get_color_css( 'color_body_text', '', '.main-header-cart .count-number' );
     469            $custom .= $this->get_background_color_rgba_css( 'color_body_text', '#212121', '.main-header-cart .widget_shopping_cart .widgettitle:after, .main-header-cart .widget_shopping_cart .woocommerce-mini-cart__buttons:before', '0.1' );
     470
     471            //Mobile menu
     472            $mobile_menu_alignment = get_theme_mod( 'mobile_menu_alignment', 'left' );
     473            $custom .= ".sydney-offcanvas-menu .mainnav ul li { text-align:" . esc_attr( $mobile_menu_alignment ) . ";}" . "\n";
     474
     475            $mobile_menu_link_separator     = get_theme_mod( 'mobile_menu_link_separator', 0 );
     476            $link_separator_color           = get_theme_mod( 'link_separator_color', 'rgba(238, 238, 238, 0.14)' );
     477            $mobile_header_separator_width  = get_theme_mod( 'mobile_header_separator_width', 1 );
     478
     479            if ( $mobile_menu_link_separator ) {
     480                $custom .= ".sydney-offcanvas-menu .mainnav ul li { padding-top:5px;border-bottom: " . intval( $mobile_header_separator_width ) . "px solid " . esc_attr( $link_separator_color ) . ";}" . "\n";
     481            }
     482
     483            $mobile_menu_link_spacing = get_theme_mod( 'mobile_menu_link_spacing', 20 );
     484            $custom .= ".sydney-offcanvas-menu .mainnav a { padding:" . esc_attr( $mobile_menu_link_spacing )/2 . "px 0;}" . "\n";
     485
     486            $custom .= $this->get_background_color_css( 'mobile_header_background', '', '#masthead-mobile' );
     487            $custom .= $this->get_color_css( 'mobile_header_color', '', '#masthead-mobile .site-description, #masthead-mobile a:not(.button)' );
     488            $custom .= $this->get_fill_css( 'mobile_header_color', '', '#masthead-mobile svg' );
     489
     490            $mobile_header_padding = get_theme_mod( 'mobile_header_padding', 15 );
     491            $custom .= ".mobile-header { padding-top:" . esc_attr( $mobile_header_padding ) . 'px;padding-bottom:' . esc_attr( $mobile_header_padding ) . "px;}" . "\n";
     492
     493            $custom .= $this->get_background_color_css( 'offcanvas_menu_background', '', '.sydney-offcanvas-menu' );
     494            $custom .= $this->get_color_css( 'offcanvas_menu_color', '', '.sydney-offcanvas-menu,.sydney-offcanvas-menu #mainnav a:not(.button),.sydney-offcanvas-menu a:not(.button)' );
     495            $custom .= $this->get_fill_css( 'offcanvas_menu_color', '', '.sydney-offcanvas-menu svg, .sydney-offcanvas-menu .dropdown-symbol .sydney-svg-icon svg' );
     496
     497            $offcanvas_mode = get_theme_mod( 'header_offcanvas_mode', 'layout1' );
     498            if ( 'layout2' === $offcanvas_mode ) {
     499                $custom .= ".sydney-offcanvas-menu {max-width:100%;}" . "\n";
     500            }           
     501
     502            $custom .= $this->get_max_height_css( 'site_logo_size', $defaults = array( 'desktop' => 100, 'tablet' => 100, 'mobile' => 100 ), '.site-logo' );           
     503
    430504            /* End porting */
    431505       
    … …  
    533607        }           
    534608
     609        //Max height
     610        public static function get_max_height_css( $setting, $defaults = array(), $selector ) {
     611            $devices    = array(
     612                'desktop'   => '@media (min-width: 992px)',
     613                'tablet'    => '@media (min-width: 576px) and (max-width:  991px)',
     614                'mobile'    => '@media (max-width: 575px)'
     615            );
     616
     617            $css = '';
     618
     619            foreach ( $devices as $device => $media ) {
     620                $mod = get_theme_mod( $setting . '_' . $device, $defaults[$device] );
     621                $css .= $media . ' { ' . $selector . ' { max-height:' . intval( $mod ) . 'px;} }' . "\n";   
     622            }
     623
     624            return $css;
     625        }   
     626
    535627        //Top bottom padding
    536628        public static function get_top_bottom_padding_css( $setting, $defaults = array(), $selector ) {
    … …  
    582674        }
    583675
     676        /**
     677         * Get background color rgba CSS
     678         */
     679        public static function get_background_color_rgba_css( $setting, $default, $selector, $opacity ) {
     680            $mod = get_theme_mod( $setting, $default );
     681
     682            return $selector . '{ background-color:' . esc_attr( Sydney_Custom_CSS::get_instance()->hex2rgba( $mod, $opacity ) ) . ';}' . "\n";
     683        }       
     684
    584685    }
    585686

  • sydney/1.81/inc/theme-dashboard-settings.php

    r154951 r155756  
    8383            <tr>
    8484                <td><?php esc_html_e( 'Cart and account icons in the menu', 'sydney' ); ?></td>
    85                 <td><span class="thd-badge thd-badge-warning"><i class="dashicons dashicons-no-alt"></i></span></td>
     85                <td><span class="thd-badge thd-badge-success"><i class="dashicons dashicons-saved"></i></span></td>
    8686                <td><span class="thd-badge thd-badge-success"><i class="dashicons dashicons-saved"></i></span></td>
    8787            </tr>   
    … …  
    177177                ),
    178178                array(
     179                    'name'          => esc_html__( 'Buttons', 'sydney' ),
     180                    'type'          => 'free',
     181                    'customize_uri' => '/wp-admin/customize.php?autofocus[section]=sydney_section_buttons',
     182                ),             
     183                array(
    179184                    'name'          => esc_html__( 'Footer Contact', 'sydney' ),
    180185                    'type'          => 'pro',
    … …  
    197202                ),
    198203                array(
    199                     'name'          => esc_html__( 'Header Contact Info', 'sydney' ),
     204                    'name'          => esc_html__( 'Top bar', 'sydney' ),
    200205                    'type'          => 'pro',
    201206                    'customize_uri' => '/wp-admin/customize.php?autofocus[section]=sydney_contact_info',
    202                 ),
    203                 array(
    204                     'name'          => esc_html__( 'Buttons', 'sydney' ),
    205                     'type'          => 'pro',
    206                     'customize_uri' => '/wp-admin/customize.php?autofocus[section]=sydney_buttons',
    207207                ),
    208208                array(

  • sydney/1.81/inc/theme-update.php

    r154951 r155756  
    7474}
    7575add_action( 'init', 'sydney_migrate_blog_layout' );
     76
     77/**
     78 * Header update notice
     79 *
     80 * @since 1.8.1
     81 *
     82 */
     83function sydney_header_update_notice_1_8_1() {
     84   
     85    if ( !get_option( 'sydney-update-header' ) ) { ?>
     86
     87    <div class="notice notice-success thd-theme-dashboard-notice-success is-dismissible">
     88        <h3><?php esc_html_e( 'Sydney Header Update', 'sydney'); ?></h3>
     89        <p>
     90            <?php esc_html_e( 'This version of Sydney comes with a new and improved header. Activate it by clicking the button below and you can access new options.', 'sydney' ); ?>
     91        </p>
     92        <p>
     93            <?php esc_html_e( 'Note 1: your current header customizations will be lost and you will have to use the new options to customize your header.', 'sydney' ); ?>
     94        </p>   
     95        <p>
     96            <?php esc_html_e( 'Note 2: this upgrade refers only to the header (site identity and menu bar). It does not change any settings regarding your hero area (slider, video etc).', 'sydney' ); ?>
     97        </p>             
     98        <p>
     99            <?php echo sprintf( esc_html__( 'Want to see the new header options before upgrading? Check out our %s.', 'sydney' ), '<a target="_blank" href="https://docs.athemes.com/collection/370-sydney">documentation</a>' ); ?>
     100        </p>
     101        <a href="#" class="button sydney-update-header" data-nonce="<?php echo esc_attr( wp_create_nonce( 'sydney-update-header-nonce' ) ); ?>" style="margin-top: 15px;"><?php esc_html_e( 'Upgrade Theme Header', 'sydney' ); ?></a>
     102    </div>
     103    <?php }
     104}
     105add_action( 'admin_notices', 'sydney_header_update_notice_1_8_1' );
     106
     107/**
     108 * Header update ajax callback
     109 *
     110 * @since 1.8.1
     111 */
     112function sydney_header_update_notice_1_8_1_callback() {
     113    check_ajax_referer( 'sydney-update-header-nonce', 'nonce' );
     114
     115    update_option( 'sydney-update-header', true );
     116
     117    wp_send_json( array(
     118        'success' => true
     119    ) );
     120}
     121add_action( 'wp_ajax_sydney_header_update_notice_1_8_1_callback', 'sydney_header_update_notice_1_8_1_callback' );

  • sydney/1.81/inc/woocommerce.php

    r139705 r155756  
    197197add_filter( 'woocommerce_product_additional_information_heading', '__return_false' );
    198198add_filter( 'woocommerce_product_description_heading', '__return_false' );
     199
     200if ( ! function_exists( 'sydney_woocommerce_cart_link_fragment' ) ) {
     201    /**
     202     * Cart Fragments.
     203     *
     204     * Ensure cart contents update when products are added to the cart via AJAX.
     205     *
     206     * @param array $fragments Fragments to refresh via AJAX.
     207     * @return array Fragments to refresh via AJAX.
     208     */
     209    function sydney_woocommerce_cart_link_fragment( $fragments ) {
     210        ob_start();
     211        ?>
     212
     213        <span class="cart-count"><i class="sydney-svg-icon"><?php sydney_get_svg_icon( 'icon-cart', true ); ?></i><span class="count-number"><?php echo esc_html( WC()->cart->get_cart_contents_count() ); ?></span></span>
     214
     215        <?php
     216        $fragments['.cart-count'] = ob_get_clean();
     217
     218        return $fragments;
     219    }
     220}
     221add_filter( 'woocommerce_add_to_cart_fragments', 'sydney_woocommerce_cart_link_fragment' );
     222
     223if ( ! function_exists( 'sydney_woocommerce_cart_link' ) ) {
     224    /**
     225     * Cart Link.
     226     *
     227     * Displayed a link to the cart including the number of items present and the cart total.
     228     *
     229     * @return void
     230     */
     231    function sydney_woocommerce_cart_link() {
     232
     233        $link = '<a class="cart-contents" href="' . esc_url( wc_get_cart_url() ) . '" title="' . esc_attr__( 'View your shopping cart', 'sydney' ) . '">';
     234        $link .= '<span class="cart-count"><i class="sydney-svg-icon">' . sydney_get_svg_icon( 'icon-cart', false ) . '</i><span class="count-number">' . esc_html( WC()->cart->get_cart_contents_count() ) . '</span></span>';
     235        $link .= '</a>';
     236
     237        return $link;
     238    }
     239}
     240
     241if ( ! function_exists( 'sydney_woocommerce_header_cart' ) ) {
     242    /**
     243     * Display Header Cart.
     244     *
     245     * @return void
     246     */
     247    function sydney_woocommerce_header_cart() {
     248        $show_cart      = get_theme_mod( 'enable_header_cart', 1 );
     249        $show_account   = get_theme_mod( 'enable_header_account', 1 );
     250
     251        if ( is_cart() ) {
     252            $class = 'current-menu-item';
     253        } else {
     254            $class = '';
     255        }
     256        ?>
     257
     258        <?php if ( $show_account ) : ?>
     259        <?php echo '<a class="header-item wc-account-link" href="' . esc_url( get_permalink( get_option('woocommerce_myaccount_page_id') ) ) . '" title="' . esc_html__( 'Your account', 'sydney' ) . '"><i class="sydney-svg-icon">' . sydney_get_svg_icon( 'icon-user', false ) . '</i></a>'; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>
     260        <?php endif; ?>
     261
     262        <?php if ( $show_cart ) : ?>
     263        <div id="site-header-cart" class="site-header-cart header-item">
     264            <div class="<?php echo esc_attr( $class ); ?>">
     265                <?php echo sydney_woocommerce_cart_link();  // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>
     266            </div>
     267            <?php
     268            $instance = array(
     269                'title' => esc_html__( 'Your cart', 'sydney' ),
     270            );
     271
     272            the_widget( 'WC_Widget_Cart', $instance );
     273            ?>
     274        </div>
     275        <?php endif; ?>
     276        <?php
     277    }
     278}

  • sydney/1.81/js/admin-functions.js

    r153790 r155756  
    2626    } );
    2727}(jQuery));
     28
     29
     30/**
     31 * Header update
     32 */
     33 (function($){
     34
     35    'use strict';
     36
     37    $( document ).on( 'click', '.sydney-update-header', function(e){
     38        e.preventDefault();
     39
     40        if( confirm( sydneyadm.headerUpdate.confirmMessage ) ) {
     41            $.ajax({
     42                type: 'post',
     43                url: ajaxurl,
     44                data: {
     45                    action: 'sydney_header_update_notice_1_8_1_callback',
     46                    nonce: $(this).data('nonce')
     47                },
     48                success: function (response) {
     49                    if( response.success ) {
     50                        window.location.reload();
     51                    } else {
     52                        alert( sydneyadm.headerUpdate.errorMessage );
     53                    }
     54                }
     55            });
     56        }
     57       
     58    } );
     59}(jQuery));

  • sydney/1.81/js/customizer.js

    r154951 r155756  
    212212        } );
    213213    } );
     214
     215
    214216    //Background colors
    215     var $bg_color_options = { "button_background_color":"button,.roll-button,a.button,.wp-block-button__link,input[type=\"button\"],input[type=\"reset\"],input[type=\"submit\"]","scrolltop_bg_color":".go-top", };
     217    var $bg_color_options = { "offcanvas_menu_background":".sydney-offcanvas-menu","mobile_header_background":"#masthead-mobile","main_header_submenu_background":".mainnav ul ul li","main_header_bottom_background":".bottom-header-row","main_header_background":".main-header,.header-search-form","topbar_background":".top-bar","button_background_color":"button,.roll-button,a.button,.wp-block-button__link,input[type=\"button\"],input[type=\"reset\"],input[type=\"submit\"]","scrolltop_bg_color":".go-top", };
    216218
    217219    $.each( $bg_color_options, function( option, selector ) {
    … …  
    224226
    225227    //Colors
    226     var $color_options = { "single_post_meta_color":".single .entry-header .entry-meta,.single .entry-header .entry-meta a","single_post_title_color":".single .entry-header .entry-title","loop_post_text_color":".posts-layout .entry-post","loop_post_title_color":".posts-layout .entry-title a","loop_post_meta_color":".posts-layout .entry-meta,.posts-layout .entry-meta a","button_color":"button,.roll-button,a.button,.wp-block-button__link,input[type=\"button\"],input[type=\"reset\"],input[type=\"submit\"]","scrolltop_color":".go-top", "footer_widgets_title_color":".sidebar-column .widget .widget-title" };
     228    var $color_options = { "offcanvas_menu_color": ".sydney-offcanvas-menu, .sydney-offcanvas-menu a:not(.button)","mobile_header_color":"#masthead-mobile,#masthead-mobile .site-description,#masthead-mobile a:not(.button)","main_header_submenu_color":".mainnav ul ul a","main_header_bottom_color":".bottom-header-row, .bottom-header-row .header-contact a,.bottom-header-row .mainnav .menu > li > a","main_header_color":".main-header .site-title a,.main-header .site-description,.main-header .mainnav .menu > li > a, .main-header .header-contact a", "topbar_color":".top-bar, .top-bar a","single_post_meta_color":".single .entry-header .entry-meta,.single .entry-header .entry-meta a","single_post_title_color":".single .entry-header .entry-title","loop_post_text_color":".posts-layout .entry-post","loop_post_title_color":".posts-layout .entry-title a","loop_post_meta_color":".posts-layout .entry-meta,.posts-layout .entry-meta a","button_color":"button,.roll-button,a.button,.wp-block-button__link,input[type=\"button\"],input[type=\"reset\"],input[type=\"submit\"]","scrolltop_color":".go-top", "footer_widgets_title_color":".sidebar-column .widget .widget-title" };
    227229
    228230    $.each( $color_options, function( option, selector ) {
    … …  
    314316
    315317    //Fill
    316     var $fill_options = {"footer_color":".site-info .sydney-svg-icon svg"};
     318    var $fill_options = {"offcanvas_menu_color": ".sydney-offcanvas-menu svg","mobile_header_color":"#masthead-mobile svg","offcanvas_menu_color":".sydney-offcanvas-menu svg","mobile_header_color":"#masthead-mobile svg","main_header_bottom_color":".bottom-header-row .sydney-svg-icon svg,.dropdown-symbol .ws-svg-icon svg","main_header_color":".site-header .header-item svg, .site-header .dropdown-symbol .ws-svg-icon svg", "topbar_color":".top-bar svg","footer_color":".site-info .sydney-svg-icon svg"};
    317319
    318320    $.each( $fill_options, function( option, selector ) {
    … …  
    325327
    326328    //Border color
    327     var $border_color_options = { "button_border_color":"button,.roll-button,a.button,.wp-block-button__link,input[type=\"button\"],input[type=\"reset\"],input[type=\"submit\"]","footer_credits_divider_color":".site-info,.site-footer","footer_widgets_divider_color":".footer-widgets,.footer-widgets-grid" };
     329    var $border_color_options = { "link_separator_color":".sydney-offcanvas-menu .mainnav ul li","button_border_color":"button,.roll-button,a.button,.wp-block-button__link,input[type=\"button\"],input[type=\"reset\"],input[type=\"submit\"]","footer_credits_divider_color":".site-info,.site-footer","footer_widgets_divider_color":".footer-widgets,.footer-widgets-grid" };
    328330
    329331    $.each( $border_color_options, function( option, selector ) {
    … …  
    333335            } );
    334336        } );
    335     });
     337    });     
    336338
    337339    //Responsive
    338340    var $devices    = { "desktop": "(min-width: 992px)", "tablet": "(min-width: 576px) and (max-width: 991px)", "mobile": "(max-width: 575px)" };
    339    
     341
    340342    var $topBottPad = { "footer_widgets_padding":".footer-widgets-grid", };
    341343    $.each( $topBottPad, function( option, selector ) {
    … …  
    343345            wp.customize( option + '_' + device, function( value ) {
    344346                value.bind( function( to ) {
    345                
     347
    346348                    $( 'head' ).find( '#sydney-customizer-styles-' + option + '_' + device ).remove();
    347        
     349
    348350                    var output = '@media ' + mediaSize + ' {' + selector + ' { padding-top:' + to + 'px;padding-bottom:' + to + 'px; } }';
    349        
     351
    350352                    $( 'head' ).append( '<style id="sydney-customizer-styles-' + option + '_' + device + '">' + output + '</style>' );
    351353                } );
    … …  
    358360            wp.customize( option + '_' + device, function( value ) {
    359361                value.bind( function( to ) {
    360                
    361                     $( 'head' ).find( '#botiga-customizer-styles-' + option + '_' + device ).remove();
    362        
     362
     363                    $( 'head' ).find( '#sydney-customizer-styles-' + option + '_' + device ).remove();
     364
    363365                    var output = '@media ' + mediaSize + ' {' + selector + ' { font-size:' + to + 'px; } }';
    364        
    365                     $( 'head' ).append( '<style id="botiga-customizer-styles-' + option + '_' + device + '">' + output + '</style>' );
     366
     367                    $( 'head' ).append( '<style id="sydney-customizer-styles-' + option + '_' + device + '">' + output + '</style>' );
    366368                } );
    367369            } );
    368370        });
    369     });     
    370    
    371    
     371    });
    372372
    373373    //Footer
    … …  
    435435            $( '.single .entry-meta-below' ).css( 'margin-top', to + 'px' );
    436436        } );
    437     } );   
     437    } );
     438   
     439
     440    //Header       
     441    wp.customize( 'main_header_padding', function( value ) {
     442        value.bind( function( to ) {
     443            $( '.site-header-inner, .top-header-row' ).css( {
     444                paddingTop:  to + 'px',
     445                paddingBottom:  to + 'px',
     446            } );
     447        } );
     448    } );
     449    wp.customize( 'main_header_bottom_padding', function( value ) {
     450        value.bind( function( to ) {
     451            $( '.bottom-header-inner' ).css( {
     452                paddingTop:  to + 'px',
     453                paddingBottom:  to + 'px',
     454            } );
     455        } );
     456    } );   
     457   
     458    wp.customize( 'main_header_divider_color', function( value ) {
     459        value.bind( function( to ) {
     460            $( '.main-header, .bottom-header-row,.top-header-row,.site-header-inner, .bottom-header-inner' ).css( 'border-color', to );
     461        } );
     462    } );
     463
     464    wp.customize( 'mobile_menu_alignment', function( value ) {
     465        value.bind( function( to ) {
     466            $( '.sydney-offcanvas-menu .mainnav ul li' ).css( 'text-align', to );
     467        } );
     468    } );       
     469
     470    wp.customize( 'mobile_menu_link_spacing', function( value ) {
     471        value.bind( function( to ) {
     472            $( '.sydney-offcanvas-menu .mainnav a' ).css( 'padding-top', to/2 );
     473            $( '.sydney-offcanvas-menu .mainnav a' ).css( 'padding-bottom', to/2 );
     474        } );
     475    } );       
     476
     477    wp.customize( 'mobile_header_padding', function( value ) {
     478        value.bind( function( to ) {
     479            $( '.mobile-header' ).css( {
     480                paddingTop:  to + 'px',
     481                paddingBottom:  to + 'px',
     482            } );
     483        } );
     484    } );   
     485
     486    wp.customize( 'mobile_header_separator_width', function( value ) {
     487        value.bind( function( to ) {
     488            $( '.sydney-offcanvas-menu .mainnav ul li' ).css( 'border-bottom-width', to + 'px' );
     489        } );
     490    } );   
     491
     492    var $maxWidth = {
     493        "site_logo_size": ".site-logo"
     494    };
     495    $.each($maxWidth, function (option, selector) {
     496        $.each($devices, function (device, mediaSize) {
     497            wp.customize(option + '_' + device, function (value) {
     498            value.bind(function (to) {
     499                $('head').find('#sydney-customizer-styles-' + option + '_' + device).remove();
     500                var output = '@media ' + mediaSize + ' {' + selector + ' { max-height:' + to + 'px; } }';
     501                $('head').append('<style id="sydney-customizer-styles-' + option + '_' + device + '">' + output + '</style>');
     502            });
     503            });
     504        });
     505    });
    438506       
    439507} )( jQuery );

  • sydney/1.81/js/functions.js

    r153790 r155756  
    1313
    1414/**
     15 * Handles toggling the navigation menu for small screens and enables TAB key
     16 * navigation support for dropdown menus.
     17 */
     18 sydney.navigation = {
     19   
     20    init: function() {
     21
     22        var siteNavigation  =  document.getElementById( 'mainnav' );
     23
     24        const offCanvas     = document.getElementsByClassName( 'sydney-offcanvas-menu' )[0];
     25
     26        // Return early if the navigation don't exist.
     27        if ( ! siteNavigation ) {
     28            return;
     29        }
     30   
     31        const button        = document.getElementsByClassName( 'menu-toggle' )[ 0 ];
     32        const closeButton   = document.getElementsByClassName( 'mobile-menu-close' )[ 0 ];
     33
     34        // Return early if the button don't exist.
     35        if ( 'undefined' === typeof button ) {
     36            return;
     37        }
     38   
     39        const menu = siteNavigation.getElementsByTagName( 'ul' )[ 0 ];
     40
     41        const mobileMenuClose = siteNavigation.getElementsByClassName( 'mobile-menu-close' )[ 0 ];
     42
     43        // Hide menu toggle button if menu is empty and return early.
     44        if ( 'undefined' === typeof menu ) {
     45            button.style.display = 'none';
     46            return;
     47        }
     48   
     49        if ( ! menu.classList.contains( 'nav-menu' ) ) {
     50            menu.classList.add( 'nav-menu' );
     51        }   
     52
     53        var focusableEls = offCanvas.querySelectorAll('a[href]:not([disabled]):not(.mobile-menu-close)');
     54
     55        var firstFocusableEl = focusableEls[0]; 
     56
     57        button.addEventListener( 'click', function(e) {
     58
     59            e.preventDefault();
     60
     61            button.classList.add( 'open' );
     62
     63            offCanvas.classList.add( 'toggled' );
     64
     65            document.body.classList.add( 'mobile-menu-visible' )
     66           
     67            //Toggle submenus
     68            var submenuToggles = offCanvas.querySelectorAll( '.dropdown-symbol' );
     69
     70            for ( var submenuToggle of submenuToggles ) {
     71                submenuToggle.addEventListener( 'touchstart', submenuToggleHandler );
     72                submenuToggle.addEventListener( 'click', submenuToggleHandler );
     73
     74                submenuToggle.addEventListener('keydown', function(e) {
     75                    var isTabPressed = (e.key === 'Enter' || e.keyCode === 13);
     76   
     77                    if (!isTabPressed) {
     78                        return;
     79                    }
     80                    e.preventDefault();
     81                    var parent = submenuToggle.parentNode.parentNode;
     82                    parent.getElementsByClassName( 'sub-menu' )[0].classList.toggle( 'toggled' );
     83                });
     84            }
     85           
     86            //Trap focus inside modal
     87            firstFocusableEl.focus();
     88        } );
     89
     90        function submenuToggleHandler(e) {
     91            e.preventDefault();
     92            var parent = e.target.closest( 'li' );
     93            parent.querySelector( '.sub-menu' ).classList.toggle( 'toggled' );
     94        }
     95
     96        var focusableEls = offCanvas.querySelectorAll('a[href]:not([disabled])');
     97        var firstFocusableEl = focusableEls[0]; 
     98        var lastFocusableEl = focusableEls[focusableEls.length - 1];
     99        var KEYCODE_TAB = 9;
     100
     101        lastFocusableEl.addEventListener('keydown', function(e) {
     102            var isTabPressed = (e.key === 'Tab' || e.keyCode === KEYCODE_TAB);
     103
     104            if (!isTabPressed) {
     105                return;
     106            }
     107
     108            if ( e.shiftKey ) /* shift + tab */ {
     109
     110            } else /* tab */ {
     111                firstFocusableEl.focus();
     112            }
     113        });     
     114
     115        closeButton.addEventListener( 'click', function(e) {
     116            e.preventDefault();
     117
     118            button.focus();
     119
     120            button.classList.remove( 'open' );
     121
     122            offCanvas.classList.remove( 'toggled' );
     123
     124            document.body.classList.remove( 'mobile-menu-visible' );
     125        } );
     126
     127        // Get all the link elements within the menu.
     128        const links = menu.getElementsByTagName( 'a' );
     129   
     130        // Get all the link elements with children within the menu.
     131        const linksWithChildren = menu.querySelectorAll( '.menu-item-has-children > a, .page_item_has_children > a' );
     132   
     133        // Toggle focus each time a menu link is focused or blurred.
     134        for ( const link of links ) {
     135            link.addEventListener( 'focus', toggleFocus, true );
     136            link.addEventListener( 'blur', toggleFocus, true );
     137        }
     138   
     139        // Toggle focus each time a menu link with children receive a touch event.
     140        for ( const link of linksWithChildren ) {
     141            link.addEventListener( 'touchstart', toggleFocus, false );
     142        }
     143   
     144        /**
     145         * Sets or removes .focus class on an element.
     146         */
     147        function toggleFocus() {
     148            if ( event.type === 'focus' || event.type === 'blur' ) {
     149                let self = this;
     150                // Move up through the ancestors of the current link until we hit .nav-menu.
     151                while ( ! self.classList.contains( 'nav-menu' ) ) {
     152                    // On li elements toggle the class .focus.
     153                    if ( 'li' === self.tagName.toLowerCase() ) {
     154                        self.classList.toggle( 'focus' );
     155                    }
     156                    self = self.parentNode;
     157                }
     158            }
     159   
     160            if ( event.type === 'touchstart' ) {
     161                const menuItem = this.parentNode;
     162                event.preventDefault();
     163                for ( const link of menuItem.parentNode.children ) {
     164                    if ( menuItem !== link ) {
     165                        link.classList.remove( 'focus' );
     166                    }
     167                }
     168                menuItem.classList.toggle( 'focus' );
     169            }
     170        }
     171    },
     172};
     173
     174/**
    15175 * Back to top
    16176 */
    … …  
    70230/**
    71231 * Sticky menu
     232 *
     233 * deprecated
    72234 */
    73235sydney.stickyMenu = {
    … …  
    128290
    129291/**
     292 * Sticky header
     293 */
     294 sydney.stickyHeader = {
     295    init: function() {
     296        const sticky    = document.getElementsByClassName( 'sticky-header' )[0],
     297        body            = document.getElementsByTagName( 'body' )[0];
     298
     299        if ( 'undefined' === typeof sticky ) {
     300            return;
     301        }
     302
     303        if ( sticky.classList.contains( 'sticky-scrolltop' ) ) {
     304            var lastScrollTop = 0;
     305            var elDist   = sticky.offsetTop;
     306
     307            var adminBar    =  document.getElementsByClassName( 'admin-bar' )[0];
     308   
     309            if ( typeof( adminBar ) != 'undefined' && adminBar != null ) {     
     310                var elDist = elDist + 32;
     311            }
     312
     313            window.addEventListener( 'scroll', function() {
     314               var scroll = window.pageYOffset || document.documentElement.scrollTop;
     315               console.log( elDist, lastScrollTop );
     316                if ( scroll < lastScrollTop ) {
     317                    sticky.classList.add( 'is-sticky' );
     318                } else {
     319                    sticky.classList.remove( 'is-sticky' );
     320                }
     321                if ( lastScrollTop < elDist ) {
     322                    sticky.classList.remove( 'is-sticky' );
     323                }               
     324                lastScrollTop = scroll <= 0 ? 0 : scroll;
     325            }, false);
     326        } else {
     327
     328            this.sticky();
     329
     330            window.addEventListener( 'scroll', function() {
     331                this.sticky();
     332            }.bind( this ) );
     333
     334        }
     335
     336    },
     337
     338    sticky: function() {
     339        const sticky    = document.getElementsByClassName( 'sticky-header' )[0];
     340
     341        if ( sticky.classList.contains( 'header_layout_1' ) || sticky.classList.contains( 'header_layout_2' ) ) {
     342            var vertDist = window.pageYOffset;
     343            var elDist   = 0;
     344        } else {
     345            var vertDist = window.pageYOffset;
     346            var elDist   = sticky.offsetTop;
     347        }
     348       
     349        var adminBar    =  document.getElementsByClassName( 'admin-bar' )[0];
     350
     351        if ( typeof( adminBar ) != 'undefined' && adminBar != null ) {     
     352            var elDist = elDist + 32;
     353        }
     354
     355
     356        if ( vertDist >= elDist ) {
     357            sticky.classList.add( 'sticky-active' );
     358        } else {
     359            sticky.classList.remove( 'sticky-active' );
     360        }
     361       
     362    }
     363};
     364
     365/**
     366 * Header search
     367 */
     368sydney.headerSearch = {
     369    init: function() {
     370        var self            = this,
     371            button          = document.querySelectorAll( '.header-search' ),
     372            form            = window.matchMedia('(max-width: 1024px)').matches ? document.querySelector( '#masthead-mobile .header-search-form' ) : document.querySelector( '#masthead .header-search-form' ),
     373            searchInput     = form.getElementsByClassName('search-field')[0],
     374            searchBtn       = form.getElementsByClassName('search-submit')[0];
     375
     376        if ( button.length === 0 ) {
     377            return;
     378        }
     379
     380        for ( var buttonEl of button ) {
     381            buttonEl.addEventListener( 'click', function(e){
     382                e.preventDefault();
     383
     384                // Hide other search icons
     385                if( button.length > 1 ) {
     386                    for ( var btn of button ) {
     387                        btn.classList.toggle( 'hide' );
     388                    }
     389                }
     390
     391                form.classList.toggle( 'active' );
     392                e.target.closest( '.header-search' ).getElementsByClassName( 'icon-search' )[0].classList.toggle( 'active' );
     393                e.target.closest( '.header-search' ).getElementsByClassName( 'icon-cancel' )[0].classList.toggle( 'active' );
     394                e.target.closest( '.header-search' ).classList.add( 'active' );
     395                e.target.closest( '.header-search' ).classList.remove( 'hide' );
     396                searchInput.focus();
     397
     398                if( e.target.closest( '.sydney-offcanvas-menu' ) !== null ) {
     399                    e.target.closest( '.sydney-offcanvas-menu' ).classList.remove( 'toggled' );
     400                }
     401            } );   
     402        }   
     403
     404        searchBtn.addEventListener('keydown', function(e) {
     405            var isTabPressed = (e.key === 'Tab' || e.keyCode === KEYCODE_TAB);
     406
     407            if (!isTabPressed) {
     408                return;
     409            }
     410            form.classList.remove( 'active' );
     411
     412            // Back buttons to default state
     413            self.backButtonsToDefaultState( button );
     414            button.focus();
     415        });
     416
     417        return this;
     418    },
     419
     420    backButtonsToDefaultState: function( button ) {
     421        for ( var btn of button ) {
     422            btn.classList.remove( 'hide' );
     423            btn.querySelector( '.icon-cancel' ).classList.remove( 'active' );
     424            btn.querySelector( '.icon-search' ).classList.add( 'active' );
     425        }
     426    }
     427};
     428
     429/**
    130430 * Mobile menu
    131431 */
    … …  
    197497   
    198498    toggle: function( menuToggle, mobileMenu ) {
     499
     500        if ( typeof( menuToggle ) == 'undefined' && menuToggle == null ) {
     501            return;
     502        }
     503
    199504        menuToggle.addEventListener( 'click', function(e) {
    200505            e.preventDefault();
    … …  
    237542    sydney.stickyMenu.init();
    238543    sydney.mobileMenu.init();
     544    sydney.navigation.init();
     545    sydney.stickyHeader.init();
     546    sydney.headerSearch.init();
    239547} );
    240548

  • sydney/1.81/js/functions.min.js

    r153790 r155756  
    1 "use strict";window.NodeList&&!NodeList.prototype.forEach&&(NodeList.prototype.forEach=function(a,b){b=b||window;for(var c=0;c<this.length;c++)a.call(b,this[c],c,this)});var sydney=sydney||{};sydney.backToTop={init:function(){this.displayButton()},setup:function(){const a=document.getElementsByClassName("go-top")[0];if("undefined"!=typeof a&&null!=a){var b=window.pageYOffset;800<b?a.classList.add("show"):a.classList.remove("show"),a.addEventListener("click",function(){window.scrollTo({top:0,left:0,behavior:"smooth"})})}},displayButton:function(){this.setup(),window.addEventListener("scroll",function(){this.setup()}.bind(this))}},sydney.removePreloader={init:function(){this.remove()},remove:function(){const a=document.getElementsByClassName("preloader")[0];a.classList.add("disable"),setTimeout(function(){a.classList.add("hide")},600)}},sydney.stickyMenu={init:function(){this.headerClone(),window.addEventListener("resize",function(){this.headerClone()}.bind(this)),this.sticky(),window.addEventListener("scroll",function(){this.sticky()}.bind(this))},headerClone:function(){const a=document.getElementsByClassName("site-header")[0],b=document.getElementsByClassName("header-clone")[0];"undefined"==typeof b&&null==b||"undefined"==typeof a&&null==a||(b.style.height=a.offsetHeight+"px")},sticky:function(){const a=document.getElementsByClassName("site-header")[0];if("undefined"!=typeof a||null!=a){var b=window.pageYOffset,c=a.offsetTop;b>=c?(a.classList.add("fixed"),document.body.classList.add("siteScrolled")):(a.classList.remove("fixed"),document.body.classList.remove("siteScrolled")),107<=b?a.classList.add("float-header"):a.classList.remove("float-header")}}},sydney.mobileMenu={init:function(){this.menu(),window.addEventListener("resize",function(){this.menu()}.bind(this))},menu:function(){if(window.matchMedia("(max-width: 1024px)").matches){const b=document.getElementsByClassName("mainnav")[0],c=document.getElementsByClassName("btn-menu")[0];b.setAttribute("id","mainnav-mobi"),b.classList.add("syd-hidden");var a=b.querySelectorAll(".menu-item-has-children");a.forEach(function(a){a.getElementsByTagName("ul")[0].style.display="none",a.getElementsByTagName("a")[0].insertAdjacentHTML("beforeend","<span class=\"btn-submenu\"><svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 448 512\"><path d=\"M240.971 130.524l194.343 194.343c9.373 9.373 9.373 24.569 0 33.941l-22.667 22.667c-9.357 9.357-24.522 9.375-33.901.04L224 227.495 69.255 381.516c-9.379 9.335-24.544 9.317-33.901-.04l-22.667-22.667c-9.373-9.373-9.373-24.569 0-33.941L207.03 130.525c9.372-9.373 24.568-9.373 33.941-.001z\"/></svg></span>")},"myThisArg"),this.toggle(c,b);const d=b.querySelectorAll(".btn-submenu");d.forEach(function(a){a.addEventListener("click",function(b){b.preventDefault();var c=a.parentNode.parentNode;c.getElementsByClassName("sub-menu")[0].classList.toggle("toggled")})},"myThisArg")}else{const a=document.getElementById("mainnav-mobi");if("undefined"!=typeof a&&null!=a){a.setAttribute("id","mainnav"),a.classList.remove("toggled");const b=a.querySelectorAll(".btn-submenu");b.forEach(function(a){a.remove()},"myThisArg")}}},toggle:function(a,b){a.addEventListener("click",function(a){a.preventDefault(),b.classList.contains("toggled")?b.classList.remove("toggled"):b.classList.add("toggled"),a.stopImmediatePropagation()})},submenuToggle:function(a){a.addEventListener("click",function(b){b.preventDefault();var c=a.parentNode.parentNode;c.getElementsByClassName("sub-menu")[0].classList.toggle("toggled")})}};function sydneyDomReady(a){return"function"==typeof a?"interactive"===document.readyState||"complete"===document.readyState?a():void document.addEventListener("DOMContentLoaded",a,!1):void 0}sydneyDomReady(function(){sydney.backToTop.init(),sydney.removePreloader.init(),sydney.stickyMenu.init(),sydney.mobileMenu.init()}),window.addEventListener("load",function(){(function(a,b){"use strict";var c=b.querySelectorAll(["iframe[src*=\"youtube.com\"]","iframe[src*=\"vimeo.com\"]"].join(","));if(c.length)for(var d=0;d<c.length;d++){var e=c[d],f=e.getAttribute("width"),g=e.getAttribute("height"),h=e.parentNode,j=b.createElement("div");j.className="fitVids-wrapper",j.style.paddingBottom=100*(g/f)+"%",h.insertBefore(j,e),e.remove(),j.appendChild(e),e.removeAttribute("height"),e.removeAttribute("width")}})(window,document)}),window.addEventListener("load",function(){if("undefined"!=typeof Isotope&&("undefined"!=typeof lazySizes||"undefined"!=typeof lazyLoadOptions||"undefined"!=typeof a3_lazyload_extend_params)){const a=document.querySelectorAll(".isotope-container");a.length&&a.forEach(function(a){const b=a.querySelectorAll(".isotope-item img[data-lazy-src], .isotope-item img[data-src]");b.length&&b.forEach(function(b){null!==b&&b.addEventListener("load",function(){jQuery(a).isotope("layout")})},"myThisArg")},"myThisArg")}});
     1"use strict";window.NodeList&&!NodeList.prototype.forEach&&(NodeList.prototype.forEach=function(a,b){b=b||window;for(var c=0;c<this.length;c++)a.call(b,this[c],c,this)});var sydney=sydney||{};sydney.navigation={init:function(){function a(a){a.preventDefault();var b=a.target.closest("li");b.querySelector(".sub-menu").classList.toggle("toggled")}function b(){if("focus"===event.type||"blur"===event.type)for(let a=this;!a.classList.contains("nav-menu");)"li"===a.tagName.toLowerCase()&&a.classList.toggle("focus"),a=a.parentNode;if("touchstart"===event.type){const a=this.parentNode;event.preventDefault();for(const b of a.parentNode.children)a!==b&&b.classList.remove("focus");a.classList.toggle("focus")}}var c=document.getElementById("mainnav");const d=document.getElementsByClassName("sydney-offcanvas-menu")[0];if(!c)return;const f=document.getElementsByClassName("menu-toggle")[0],g=document.getElementsByClassName("mobile-menu-close")[0];if("undefined"==typeof f)return;const h=c.getElementsByTagName("ul")[0],i=c.getElementsByClassName("mobile-menu-close")[0];if("undefined"==typeof h)return void(f.style.display="none");h.classList.contains("nav-menu")||h.classList.add("nav-menu");var j=d.querySelectorAll("a[href]:not([disabled]):not(.mobile-menu-close)"),k=j[0];f.addEventListener("click",function(b){b.preventDefault(),f.classList.add("open"),d.classList.add("toggled"),document.body.classList.add("mobile-menu-visible");var c=d.querySelectorAll(".dropdown-symbol");for(var g of c)g.addEventListener("touchstart",a),g.addEventListener("click",a),g.addEventListener("keydown",function(a){var b="Enter"===a.key||13===a.keyCode;if(b){a.preventDefault();var c=g.parentNode.parentNode;c.getElementsByClassName("sub-menu")[0].classList.toggle("toggled")}});k.focus()});var j=d.querySelectorAll("a[href]:not([disabled])"),k=j[0],l=j[j.length-1];l.addEventListener("keydown",function(a){var b="Tab"===a.key||a.keyCode===9;!b||a.shiftKey||k.focus()}),g.addEventListener("click",function(a){a.preventDefault(),f.focus(),f.classList.remove("open"),d.classList.remove("toggled"),document.body.classList.remove("mobile-menu-visible")});const m=h.getElementsByTagName("a"),n=h.querySelectorAll(".menu-item-has-children > a, .page_item_has_children > a");for(const a of m)a.addEventListener("focus",b,!0),a.addEventListener("blur",b,!0);for(const a of n)a.addEventListener("touchstart",b,!1)}},sydney.backToTop={init:function(){this.displayButton()},setup:function(){const a=document.getElementsByClassName("go-top")[0];if("undefined"!=typeof a&&null!=a){var b=window.pageYOffset;800<b?a.classList.add("show"):a.classList.remove("show"),a.addEventListener("click",function(){window.scrollTo({top:0,left:0,behavior:"smooth"})})}},displayButton:function(){this.setup(),window.addEventListener("scroll",function(){this.setup()}.bind(this))}},sydney.removePreloader={init:function(){this.remove()},remove:function(){const a=document.getElementsByClassName("preloader")[0];a.classList.add("disable"),setTimeout(function(){a.classList.add("hide")},600)}},sydney.stickyMenu={init:function(){this.headerClone(),window.addEventListener("resize",function(){this.headerClone()}.bind(this)),this.sticky(),window.addEventListener("scroll",function(){this.sticky()}.bind(this))},headerClone:function(){const a=document.getElementsByClassName("site-header")[0],b=document.getElementsByClassName("header-clone")[0];"undefined"==typeof b&&null==b||"undefined"==typeof a&&null==a||(b.style.height=a.offsetHeight+"px")},sticky:function(){const a=document.getElementsByClassName("site-header")[0];if("undefined"!=typeof a||null!=a){var b=window.pageYOffset,c=a.offsetTop;b>=c?(a.classList.add("fixed"),document.body.classList.add("siteScrolled")):(a.classList.remove("fixed"),document.body.classList.remove("siteScrolled")),107<=b?a.classList.add("float-header"):a.classList.remove("float-header")}}},sydney.stickyHeader={init:function(){const a=document.getElementsByClassName("sticky-header")[0],b=document.getElementsByTagName("body")[0];if("undefined"!=typeof a)if(a.classList.contains("sticky-scrolltop")){var c=0,d=a.offsetTop,e=document.getElementsByClassName("admin-bar")[0];if("undefined"!=typeof e&&null!=e)var d=d+32;window.addEventListener("scroll",function(){var b=window.pageYOffset||document.documentElement.scrollTop;console.log(d,c),b<c?a.classList.add("is-sticky"):a.classList.remove("is-sticky"),c<d&&a.classList.remove("is-sticky"),c=0>=b?0:b},!1)}else this.sticky(),window.addEventListener("scroll",function(){this.sticky()}.bind(this))},sticky:function(){const a=document.getElementsByClassName("sticky-header")[0];if(a.classList.contains("header_layout_1")||a.classList.contains("header_layout_2"))var b=window.pageYOffset,c=0;else var b=window.pageYOffset,c=a.offsetTop;var d=document.getElementsByClassName("admin-bar")[0];if("undefined"!=typeof d&&null!=d)var c=c+32;b>=c?a.classList.add("sticky-active"):a.classList.remove("sticky-active")}},sydney.headerSearch={init:function(){var a=this,b=document.querySelectorAll(".header-search"),c=window.matchMedia("(max-width: 1024px)").matches?document.querySelector("#masthead-mobile .header-search-form"):document.querySelector("#masthead .header-search-form"),d=c.getElementsByClassName("search-field")[0],e=c.getElementsByClassName("search-submit")[0];if(0!==b.length){for(var f of b)f.addEventListener("click",function(a){if(a.preventDefault(),1<b.length)for(var e of b)e.classList.toggle("hide");c.classList.toggle("active"),a.target.closest(".header-search").getElementsByClassName("icon-search")[0].classList.toggle("active"),a.target.closest(".header-search").getElementsByClassName("icon-cancel")[0].classList.toggle("active"),a.target.closest(".header-search").classList.add("active"),a.target.closest(".header-search").classList.remove("hide"),d.focus(),null!==a.target.closest(".sydney-offcanvas-menu")&&a.target.closest(".sydney-offcanvas-menu").classList.remove("toggled")});return e.addEventListener("keydown",function(d){var e="Tab"===d.key||d.keyCode===KEYCODE_TAB;e&&(c.classList.remove("active"),a.backButtonsToDefaultState(b),b.focus())}),this}},backButtonsToDefaultState:function(a){for(var b of a)b.classList.remove("hide"),b.querySelector(".icon-cancel").classList.remove("active"),b.querySelector(".icon-search").classList.add("active")}},sydney.mobileMenu={init:function(){this.menu(),window.addEventListener("resize",function(){this.menu()}.bind(this))},menu:function(){if(window.matchMedia("(max-width: 1024px)").matches){const b=document.getElementsByClassName("mainnav")[0],c=document.getElementsByClassName("btn-menu")[0];b.setAttribute("id","mainnav-mobi"),b.classList.add("syd-hidden");var a=b.querySelectorAll(".menu-item-has-children");a.forEach(function(a){a.getElementsByTagName("ul")[0].style.display="none",a.getElementsByTagName("a")[0].insertAdjacentHTML("beforeend","<span class=\"btn-submenu\"><svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 448 512\"><path d=\"M240.971 130.524l194.343 194.343c9.373 9.373 9.373 24.569 0 33.941l-22.667 22.667c-9.357 9.357-24.522 9.375-33.901.04L224 227.495 69.255 381.516c-9.379 9.335-24.544 9.317-33.901-.04l-22.667-22.667c-9.373-9.373-9.373-24.569 0-33.941L207.03 130.525c9.372-9.373 24.568-9.373 33.941-.001z\"/></svg></span>")},"myThisArg"),this.toggle(c,b);const d=b.querySelectorAll(".btn-submenu");d.forEach(function(a){a.addEventListener("click",function(b){b.preventDefault();var c=a.parentNode.parentNode;c.getElementsByClassName("sub-menu")[0].classList.toggle("toggled")})},"myThisArg")}else{const a=document.getElementById("mainnav-mobi");if("undefined"!=typeof a&&null!=a){a.setAttribute("id","mainnav"),a.classList.remove("toggled");const b=a.querySelectorAll(".btn-submenu");b.forEach(function(a){a.remove()},"myThisArg")}}},toggle:function(a,b){"undefined"==typeof a&&null==a||a.addEventListener("click",function(a){a.preventDefault(),b.classList.contains("toggled")?b.classList.remove("toggled"):b.classList.add("toggled"),a.stopImmediatePropagation()})},submenuToggle:function(a){a.addEventListener("click",function(b){b.preventDefault();var c=a.parentNode.parentNode;c.getElementsByClassName("sub-menu")[0].classList.toggle("toggled")})}};function sydneyDomReady(a){return"function"==typeof a?"interactive"===document.readyState||"complete"===document.readyState?a():void document.addEventListener("DOMContentLoaded",a,!1):void 0}sydneyDomReady(function(){sydney.backToTop.init(),sydney.removePreloader.init(),sydney.stickyMenu.init(),sydney.mobileMenu.init(),sydney.navigation.init(),sydney.stickyHeader.init(),sydney.headerSearch.init()}),window.addEventListener("load",function(){(function(a,b){"use strict";var c=b.querySelectorAll(["iframe[src*=\"youtube.com\"]","iframe[src*=\"vimeo.com\"]"].join(","));if(c.length)for(var d=0;d<c.length;d++){var e=c[d],f=e.getAttribute("width"),g=e.getAttribute("height"),h=e.parentNode,j=b.createElement("div");j.className="fitVids-wrapper",j.style.paddingBottom=100*(g/f)+"%",h.insertBefore(j,e),e.remove(),j.appendChild(e),e.removeAttribute("height"),e.removeAttribute("width")}})(window,document)}),window.addEventListener("load",function(){if("undefined"!=typeof Isotope&&("undefined"!=typeof lazySizes||"undefined"!=typeof lazyLoadOptions||"undefined"!=typeof a3_lazyload_extend_params)){const a=document.querySelectorAll(".isotope-container");a.length&&a.forEach(function(a){const b=a.querySelectorAll(".isotope-item img[data-lazy-src], .isotope-item img[data-src]");b.length&&b.forEach(function(b){null!==b&&b.addEventListener("load",function(){jQuery(a).isotope("layout")})},"myThisArg")},"myThisArg")}});

  • sydney/1.81/page-templates/page_fullwidth.php

    r153790 r155756  
    66get_header(); ?>
    77
    8     <div id="primary" class="content-area">
     8    <div id="primary" class="content-area col-md-12">
    99        <main id="main" class="site-main" role="main">
    1010

  • sydney/1.81/style.css

    r154951 r155756  
    55Author URI: https://athemes.com
    66Description: Sydney is a powerful business theme that provides a fast way for companies or freelancers to create an awesome online presence. As well as being fully compatible with Elementor, Sydney brings plenty of customization possibilities like access to all Google Fonts, full color control, layout control, logo upload, full screen slider, header image, sticky navigation and much more. Also, Sydney provides all the construction blocks you need to rapidly create an engaging front page. Looking for a quick start with Sydney? With just a few clicks, you can import one of our existing demos (https://athemes.com/sydney-demos/)
    7 Version: 1.80
     7Version: 1.81
    88License: GNU General Public License v2 or later
    99License URI: http://www.gnu.org/licenses/gpl-2.0.html
    … …  
    2020:root {
    2121    --sydney-headings-color: #00102E;
     22    --sydney-dark-background: #00102E;
    2223    --sydney-grey-color: #737C8C;
    2324    --sydney-text-color: #233452;
    2425    --sydney-light-background: #F4F5F7;
     26}
     27
     28.valign {
     29    display: -webkit-box;
     30    display: -ms-flexbox;
     31    display: flex;
     32    -webkit-box-align: center;
     33    -ms-flex-align: center;
     34    align-items: center;
    2535}
    2636
    … …  
    694704        font-size: 32px;
    695705        line-height: 1.2;
     706        font-weight: 600;
    696707    }
    697708    .site-title a,
    … …  
    857868        top: 0;
    858869    }
     870    #mainnav .dropdown-symbol {
     871        fill: #fff;
     872        margin-left: 8px;
     873        position: relative;
     874        top: -2px;
     875    }
     876    #mainnav ul ul .dropdown-symbol svg {
     877        transform: rotate(-90deg);
     878    }   
    859879    #mainnav ul li ul:after {
    860880        content: "";
    … …  
    939959        padding-right: 60px;
    940960    }   
     961    /* New header */
     962    .main-header,
     963    .header-search-form {
     964        background-color: var(--sydney-dark-background);
     965        z-index: 999;
     966    }
     967    .bottom-header-row #mainnav,
     968    .main-header #mainnav {
     969        float: none;
     970    }
     971    .bottom-header-row #mainnav ul li ul,
     972    .main-header #mainnav ul li ul {
     973        left: -9999em;
     974    }
     975    .site-header-inner {
     976         padding-top: 15px;
     977         padding-bottom: 15px;
     978    }
     979    .bottom-header-row #mainnav a,
     980    .main-header #mainnav a {
     981        background: transparent !important;
     982        border: 0 !important;
     983    }
     984    .bottom-header-row #mainnav ul li ul:after,
     985    .main-header #mainnav ul li ul:after {
     986        display: none !important;
     987    }
     988    .bottom-header-row #mainnav ul ul li,
     989    .main-header #mainnav ul ul li {
     990        background-color: #233452;
     991        display: flex;
     992        align-items: center;
     993        padding: 0 18px;
     994        width: 100%;
     995    }
     996    .bottom-header-row #mainnav ul ul li:first-of-type,
     997    .main-header #mainnav ul ul li:first-of-type {
     998        padding-top: 8px;
     999    }
     1000    .bottom-header-row #mainnav ul ul li:last-of-type,
     1001    .main-header #mainnav ul ul li:last-of-type {
     1002        padding-bottom: 8px;
     1003    }
     1004   
     1005    .bottom-header_layout_4 #mainnav > div > ul > li:first-of-type,
     1006    .bottom-header_layout_5 #mainnav > div > ul > li:first-of-type {
     1007        padding-left: 0;
     1008    }
     1009    .bottom-header-row #mainnav ul li ul,
     1010    .main-header #mainnav ul li ul {
     1011        width: 220px;
     1012    }
     1013    .main-header ul ul a {
     1014        padding: 0 !important;
     1015    }
     1016    .sydney-offcanvas-menu, .mobile-header {
     1017        display: none;
     1018    }
     1019    .sydney-offcanvas-menu .dropdown-symbol {
     1020        margin-left: 0 !important;
     1021    }
     1022    .sydney-offcanvas-menu .header-search,
     1023    .sydney-offcanvas-menu .wc-account-link,
     1024    .sydney-offcanvas-menu .site-header-cart {
     1025        display: inline-block;
     1026        vertical-align: middle;
     1027    }
     1028    .sydney-offcanvas-menu .button {
     1029        margin-top: 30px;
     1030    }
     1031    .sydney-offcanvas-menu #mainnav ul li a {
     1032        float: none !important;
     1033    }
     1034    .sydney-offcanvas-menu .header-contact a {
     1035        margin-bottom: 15px;
     1036    }
     1037    .sydney-offcanvas-menu .header-contact {
     1038        background-color: transparent !important;
     1039        border: 0 !important;
     1040        margin-top: 30px;
     1041        padding: 0 !important;
     1042    }
     1043    .sydney-offcanvas-menu svg {
     1044        max-height: 16px;
     1045    }
     1046    .sydney-offcanvas-menu {
     1047       position: fixed;
     1048       left: -100%;
     1049       opacity: 0;
     1050       transition: all 0.4s;
     1051       top: 0;
     1052       box-shadow: 0 5px 15px 3px rgba(0, 0, 0, 0.07);
     1053       padding: 30px;
     1054       margin: 0;
     1055       z-index: 99999;
     1056       background-color: var(--sydney-dark-background);
     1057       width: 100%;
     1058       max-width: 300px;
     1059       height: 100%;
     1060       overflow-y: auto;
     1061    }
     1062    .sydney-offcanvas-menu .mobile-header-item {
     1063       visibility: hidden;
     1064    }
     1065    .admin-bar .sydney-offcanvas-menu {
     1066       top: 32px;
     1067    }
     1068    .sydney-offcanvas-menu.toggled {
     1069       left: 0;
     1070       opacity: 1;
     1071       font-weight: 600;
     1072    }
     1073    .sydney-offcanvas-menu.toggled .mobile-header-item {
     1074       visibility: visible;
     1075    }
     1076    .sydney-offcanvas-menu #mainnav a {
     1077       width: 100%;
     1078    }
     1079    .sydney-offcanvas-menu #mainnav .menu-item-has-children a {
     1080       width: calc(100% - 23px);
     1081    }
     1082    .sydney-offcanvas-menu #mainnav ul ul a {
     1083       width: calc(100% - 23px);
     1084       background: transparent;
     1085       border: 0;
     1086       padding-top: 5px;
     1087       padding-bottom: 5px;
     1088    }
     1089    .sydney-offcanvas-menu #mainnav ul li a {
     1090        font-size: 18px;
     1091    }
     1092    .sydney-offcanvas-menu #mainnav ul ul a:hover {
     1093        background: transparent;
     1094    }
     1095    .sydney-offcanvas-menu #mainnav ul ul li {
     1096       display: flex;
     1097       flex-wrap: wrap;
     1098       padding: 0;
     1099       background-color: transparent;
     1100    }
     1101    .sydney-offcanvas-menu #mainnav ul li ul:after,
     1102    .sydney-offcanvas-menu #mainnav ul li ul ul:after {
     1103        display: none;
     1104    }
     1105    .sydney-offcanvas-menu #mainnav ul li {
     1106        padding: 0;
     1107        margin-right: 0;
     1108        float: none;
     1109        display: -webkit-box;
     1110        display: -ms-flexbox;
     1111        display: flex;
     1112        -webkit-box-align: center;
     1113            -ms-flex-align: center;
     1114                align-items: center;
     1115        -ms-flex-wrap: wrap;
     1116            flex-wrap: wrap;
     1117    }
     1118    .sydney-offcanvas-menu #mainnav:not(.mainnav.toggled) li:hover > ul {
     1119        padding-top: 0;
     1120    }
     1121    .sydney-offcanvas-menu #mainnav ul ul ul {
     1122       position: static;
     1123    }
     1124    .sydney-offcanvas-menu #mainnav:not(.mainnav.toggled) li:hover > ul,
     1125    .sydney-offcanvas-menu #mainnav ul ul li:hover > ul {
     1126       display: none !important;
     1127    }
     1128    .sydney-offcanvas-menu #mainnav .sub-menu {
     1129       display: none;
     1130       margin: 0;
     1131       list-style: none;
     1132       padding-left: 10px;
     1133       position: static;
     1134       float: none;
     1135       box-shadow: none;
     1136    }
     1137    .mobile-menu-close svg {
     1138        fill: #fff;
     1139    }
     1140    .sydney-offcanvas-menu #mainnav:not(.mainnav.toggled) .sub-menu.toggled {
     1141       display: block !important;
     1142       visibility: visible;
     1143       opacity: 1;
     1144       width: 100%;
     1145       margin-bottom: 10px;
     1146    }
     1147    .sydney-offcanvas-menu #mainnav li:hover > .sub-menu > li > a {
     1148        padding: 5px 18px;
     1149    }
     1150    .sydney-offcanvas-menu.toggled .menu {
     1151       display: block;
     1152    }
     1153    .sydney-offcanvas-menu #mainnav {
     1154        display: block;
     1155        float: none;
     1156    }
     1157    .sydney-offcanvas-menu .mainnav ul li:last-of-type {
     1158        border: 0 !important;
     1159    }
     1160    .sydney-offcanvas-menu #mainnav .sub-menu li:hover > a {
     1161        background: transparent !important;
     1162    }
     1163     .mobile-header-item {
     1164         margin-bottom: 30px;
     1165    }
     1166    .main-header .header-contact,
     1167    .bottom-header-row .header-contact,
     1168    .mobile-header .header-contact {
     1169        background: transparent !important;
     1170        border: 0 !important;
     1171        width: auto !important;
     1172        position: static !important;
     1173        padding: 0 !important;
     1174    }
     1175     .mobile-header-item:last-of-type {
     1176         margin-bottom: 0;
     1177    }
     1178     .mobile-header-item .align-right {
     1179         text-align: right;
     1180    }
     1181     @media (max-width: 1024px) {
     1182         .bottom-header-row, .main-header {
     1183             display: none;
     1184        }
     1185         .mobile-header {
     1186             display: block;
     1187             padding-top: 15px;
     1188             padding-bottom: 15px;
     1189        }
     1190         .mobile-header .align-right {
     1191             justify-content: flex-end;
     1192             text-align: right;
     1193        }
     1194         .mobile-header .align-center {
     1195             text-align: center;
     1196        }
     1197         .sydney-offcanvas-menu {
     1198             display: block;
     1199        }
     1200    }
     1201     .site-title {
     1202         margin: 0;
     1203    }
     1204     .site-title a, .site-title a:visited {
     1205         color: #fff;
     1206    }
     1207     .site-description {
     1208         margin: 5px 0 0;
     1209    }
     1210    .header-elements {
     1211        display: -webkit-box;
     1212        display: -ms-flexbox;
     1213        display: flex;
     1214        -webkit-box-align: center;
     1215            -ms-flex-align: center;
     1216                align-items: center;
     1217    }
     1218    .header-elements svg {
     1219        fill: #fff;
     1220        max-height: 16px;
     1221    }
     1222    .header_layout_1 .header-elements, .header_layout_2 .header-elements {
     1223        -webkit-box-pack: end;
     1224            -ms-flex-pack: end;
     1225                justify-content: flex-end;
     1226    }
     1227    .header_layout_2 .row {
     1228        display: -webkit-box;
     1229        display: -ms-flexbox;
     1230        display: flex;
     1231        -webkit-box-pack: justify;
     1232            -ms-flex-pack: justify;
     1233                justify-content: space-between;
     1234    }
     1235    .header_layout_2 .menu-col {
     1236        -webkit-box-flex: 1;
     1237            -ms-flex-positive: 1;
     1238                flex-grow: 1;
     1239    }
     1240    .header_layout_2 .menu-center .mainnav > div > ul {
     1241        -webkit-box-pack: center;
     1242            -ms-flex-pack: center;
     1243                justify-content: center;
     1244    }
     1245    .header_layout_2 .menu-right .mainnav > div > ul {
     1246        -webkit-box-pack: end;
     1247            -ms-flex-pack: end;
     1248                justify-content: flex-end;
     1249    }
     1250     .header_layout_2 .header-col {
     1251         padding-left: 15px;
     1252         padding-right: 15px;
     1253    }
     1254     .header_layout_1 .site-branding, .header_layout_3 .site-branding, .header_layout_5 .site-branding {
     1255         text-align: center;
     1256    }
     1257     .bottom-header_layout_3 .mainnav > div > ul {
     1258         justify-content: center;
     1259    }
     1260     .header_layout_3 .header-elements:not(:first-of-type), .bottom-header_layout_3 .header-elements:not(:first-of-type), .bottom-header_layout_4 .header-elements:not(:first-of-type), .header_layout_4 .header-elements:not(:first-of-type), .bottom-header_layout_5 .header-elements:not(:first-of-type), .header_layout_5 .header-elements:not(:first-of-type) {
     1261         justify-content: flex-end;
     1262    }
     1263     .main-header .top-header-row {
     1264         padding-top: 15px;
     1265         padding-bottom: 15px;
     1266    }
     1267     .main-header.header_layout_3 .site-header-inner, .site-header.header_layout_4 .site-header-inner, .main-header.header_layout_5 .site-header-inner {
     1268         padding: 0;
     1269    }
     1270     .sticky-header.sticky-scrolltop {
     1271         position: sticky;
     1272         top: -200px;
     1273         transition: top 0.4s;
     1274    }
     1275     .sticky-header.is-sticky, .sticky-header.sticky-always {
     1276         position: sticky;
     1277         top: 0;
     1278    }
     1279     .admin-bar .sticky-header.is-sticky, .admin-bar .sticky-header.sticky-always {
     1280         top: 32px;
     1281    }
     1282     .sticky-header.sticky-shadow, .sticky-header.is-sticky {
     1283         box-shadow: 0 0 30px rgba(0, 0, 0, 0.07);
     1284    }
     1285     .bottom-header-row {
     1286         background-color: var(--sydney-dark-background);
     1287         z-index: 999;
     1288    }
     1289     .bottom-header-inner {
     1290         padding-top: 15px;
     1291         padding-bottom: 15px;
     1292    }
     1293     .header-item {
     1294         margin-right: 25px;
     1295         line-height: 1;
     1296    }
     1297     .header-item:last-child {
     1298         margin-right: 0;
     1299    }
     1300     .header-contact a {
     1301         display: block;
     1302         margin-bottom: 5px;
     1303    }
     1304     .header-contact a:last-of-type {
     1305         margin-bottom: 0;
     1306    }
     1307     .header-search .icon-search, .header-search .icon-cancel {
     1308         display: none;
     1309         cursor: pointer;
     1310         position: relative;
     1311         z-index: 999;
     1312    }
     1313     .header-search .icon-search.active, .header-search .icon-cancel.active {
     1314         display: inline-block;
     1315    }
     1316     .header-search .icon-cancel svg {
     1317         width: 20px;
     1318         height: 24px;
     1319    }
     1320     .icon-cancel {
     1321         cursor: pointer;
     1322    }
     1323     .header-search-form {
     1324         position: absolute;
     1325         width: 100%;
     1326         top: auto;
     1327         padding: 20px;
     1328         z-index: 999999;
     1329         left: -9999em;
     1330         opacity: 0;
     1331         transition: opacity 0.3s;
     1332         visibility: hidden;
     1333    }
     1334     .header-search-form form {
     1335         max-width: 720px;
     1336         margin-left: auto;
     1337         margin-right: auto;
     1338         display: flex;
     1339    }
     1340     .header-search-form form .search-field,
     1341     .header-search-form form label {
     1342         width: 100%;
     1343    }
     1344    .header-search-form label {
     1345        margin-bottom: 0;
     1346    }
     1347     .header-search-form form button, .header-search-form form .search-field {
     1348         display: block;
     1349    }
     1350     .header-search-form form button svg, .header-search-form form .search-field svg {
     1351         fill: #fff;
     1352    }
     1353     .header-search-form form button {
     1354         padding: 13px 24px !important;
     1355         border-radius: 0 !important;
     1356         font-size: 14px !important;
     1357    }
     1358     .header-search-form.active {
     1359         opacity: 1;
     1360         left: 0;
     1361         visibility: visible;
     1362    }
     1363     .search-overlay {
     1364         position: fixed;
     1365         top: 0;
     1366         height: 100%;
     1367         width: 100%;
     1368         z-index: 998;
     1369         background-color: rgba(0, 0, 0, 0.3);
     1370         left: -100%;
     1371         opacity: 0;
     1372         transition: opacity 0.3s;
     1373    }
     1374     .search-overlay.active {
     1375         opacity: 1;
     1376         left: 0;
     1377    }
     1378     .header-image img {
     1379         width: 100%;
     1380         vertical-align: top;
     1381    }
     1382     .custom-logo-link {
     1383         line-height: 1;
     1384    }
     1385     .custom-logo-link img {
     1386         max-width: 180px;
     1387    }
     1388   
     1389    @media (max-width: 1024px) {
     1390        .bottom-header-row, .main-header {
     1391            display: none;
     1392       }
     1393        .mobile-header {
     1394            display: block;
     1395            padding-top: 15px;
     1396            padding-bottom: 15px;
     1397       }
     1398        .mobile-header .align-right {
     1399            -webkit-box-pack: end;
     1400                -ms-flex-pack: end;
     1401                    justify-content: flex-end;
     1402            text-align: right;
     1403       }
     1404        .mobile-header .align-center {
     1405            text-align: center;
     1406       }
     1407        .sydney-offcanvas-menu {
     1408            display: block;
     1409       }
     1410    }   
     1411/* Transparent header */
     1412.transparent-header .header-wrapper {
     1413    position: absolute;
     1414    width: 100%;
     1415    top: auto;
     1416    z-index: 999;
     1417}
     1418.transparent-header .main-header:not(.sticky-active):not(.is-sticky),
     1419.transparent-header .bottom-header-row:not(.sticky-active):not(.is-sticky) {
     1420    background-color: transparent;
     1421}
     1422.transparent-header .sticky-header.sticky-always {
     1423    position: absolute;
     1424    top: auto;
     1425    left: 0;
     1426    width: 100%;
     1427}
     1428.transparent-header .sticky-header.is-sticky {
     1429    position: fixed;
     1430    width: 100%;
     1431}
     1432.transparent-header .sticky-header.sticky-always.sticky-active {
     1433    position: fixed;
     1434    top: 0;
     1435    z-index: 999;
     1436}
     1437.admin-bar.transparent-header .sticky-header.sticky-always.sticky-active {
     1438    position: fixed;
     1439    top: 32px;
     1440    z-index: 999;
     1441}   
    9411442/*--------------------------------------------------------------
    9421443Mobile navigation
    … …  
    13261827.no-sidebar .page-wrap {
    13271828    overflow-x: hidden;
     1829}
     1830.content-area.no-sidebar {
     1831    padding-left: 15px;
     1832    padding-right: 15px;
    13281833}
    13291834.no-sidebar .content-area .post-wrap {
    … …  
    35944099    transition-delay: 0.4s;
    35954100}
     4101.woocommerce-cart .content-area,
     4102.woocommerce-checkout .content-area {
     4103    width: 100%;
     4104}
    35964105.single-product .entry-summary .compare svg,
    35974106.woocommerce ul.products li.product .compare svg,
    … …  
    37304239    margin-top: 20px;
    37314240}
    3732 .woocommerce a.remove {
     4241.woocommerce .woocommerce-cart-form a.remove {
    37334242    display: block;
    37344243    font-size: 20px;
    … …  
    37424251    margin: 0 auto;
    37434252}
    3744 .woocommerce a.remove:hover {
     4253.woocommerce .woocommerce-cart-form a.remove:hover {
    37454254    color: #fff!important;
    37464255    background: #ff6565;
    … …  
    44274936                    align-items: center;
    44284937        }
     4938        .main-header #mainnav > div > ul,
     4939        .bottom-header-row #mainnav > div > ul {
     4940            align-items: initial;
     4941        }       
    44294942        #mainnav > div > ul {
    44304943            -ms-flex-wrap: wrap;

  • sydney/1.81/woocommerce/css/wc.css

    r139705 r155756  
    11@charset "UTF-8";.woocommerce .quantity .qty,.woocommerce a.remove,.woocommerce nav.woocommerce-pagination,.woocommerce span.onsale,.woocommerce ul.products li.product,p.demo_store{text-align:center}.clear,.woocommerce #reviews #comments .add_review:after,.woocommerce .products ul:after,.woocommerce .woocommerce-breadcrumb:after,.woocommerce .woocommerce-error:after,.woocommerce .woocommerce-info:after,.woocommerce .woocommerce-message:after,.woocommerce div.product form.cart:after,.woocommerce div.product p.cart:after,.woocommerce nav.woocommerce-pagination ul,.woocommerce ul.products:after{clear:both}@-moz-keyframes spin{100%{-moz-transform:rotate(360deg)}}@-webkit-keyframes spin{100%{-webkit-transform:rotate(360deg)}}@keyframes spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@font-face{font-family:star;src:url(../fonts/star.eot);src:url(../fonts/star.eot?#iefix) format("embedded-opentype"),url(../fonts/star.woff) format("woff"),url(../fonts/star.ttf) format("truetype"),url(../fonts/star.svg#star) format("svg");font-weight:400;font-style:normal}@font-face{font-family:WooCommerce;src:url(../fonts/WooCommerce.eot);src:url(../fonts/WooCommerce.eot?#iefix) format("embedded-opentype"),url(../fonts/WooCommerce.woff) format("woff"),url(../fonts/WooCommerce.ttf) format("truetype"),url(../fonts/WooCommerce.svg#WooCommerce) format("svg");font-weight:400;font-style:normal}p.demo_store{position:fixed;top:0;left:0;right:0;margin:0;width:100%;font-size:1em;padding:1em 0;background-color:#a46497;color:#fff;z-index:99998;box-shadow:0 1px 1em rgba(0,0,0,.2)}.admin-bar p.demo_store{top:32px}.woocommerce .blockUI.blockOverlay{position:relative}.woocommerce .blockUI.blockOverlay:before,.woocommerce .loader:before{height:1em;width:1em;position:absolute;top:50%;left:50%;margin-left:-.5em;margin-top:-.5em;display:block;-webkit-animation:spin 1s ease-in-out infinite;-moz-animation:spin 1s ease-in-out infinite;animation:spin 1s ease-in-out infinite;content:"";background:url(../images/icons/loader.svg) center center;background-size:cover;line-height:1;text-align:center;font-size:2em;color:rgba(0,0,0,.75)}.woocommerce .woocommerce-error,.woocommerce .woocommerce-info,.woocommerce .woocommerce-message{padding:1em 2em 1em 3.5em !important;margin:0 0 2em!important;position:relative;background-color:#f7f6f7;color:#515151;border:1px solid #ebe9eb;list-style:none!important;width:auto}.woocommerce .woocommerce-message{line-height:30px}.woocommerce .woocommerce-error:after,.woocommerce .woocommerce-error:before,.woocommerce .woocommerce-info:after,.woocommerce .woocommerce-info:before,.woocommerce .woocommerce-message:after,.woocommerce .woocommerce-message:before{content:" ";display:table}.woocommerce .woocommerce-error:before,.woocommerce .woocommerce-info:before,.woocommerce .woocommerce-message:before{font-family:WooCommerce;content:"\e028";display:inline-block;position:absolute;top:1em;left:1.5em}.woocommerce .woocommerce-error .button,.woocommerce .woocommerce-info .button,.woocommerce .woocommerce-message .button{float:right}.woocommerce .woocommerce-error li,.woocommerce .woocommerce-info li,.woocommerce .woocommerce-message li{list-style:none!important;padding-left:0!important;margin-left:0!important}.woocommerce .woocommerce-message{border-color:#ebe9eb}.woocommerce .woocommerce-message:before{content:"\e015";color:#8e9396}.woocommerce-checkout .select2-container .select2-choice{padding:4px 20px;border-color:#dbdbdb;background-color:#fafafa}.woocommerce .woocommerce-info:before{color:#1e85be}.woocommerce .woocommerce-error{border-top-color:#b81c23}.woocommerce .woocommerce-error:before{content:"\e016";color:#b81c23}.woocommerce small.note{display:block;color:#777;font-size:.857em;margin-top:10px}.woocommerce .woocommerce-breadcrumb{margin:0 0 30px;padding:0 0 5px;font-size:.92em;color:#777;border-bottom:1px solid #ebebeb}.woocommerce .woocommerce-breadcrumb:after,.woocommerce .woocommerce-breadcrumb:before{content:" ";display:table}.woocommerce .woocommerce-breadcrumb a{color:#777}.woocommerce .quantity .qty{width:80px}.woocommerce div.product{margin-bottom:0;position:relative}.woocommerce div.product p.price,.woocommerce div.product span.price{color:#000;font-size:1.25em}.woocommerce div.product p.price ins,.woocommerce div.product span.price ins{background:inherit;font-weight:700;text-decoration:none}.woocommerce div.product p.price del,.woocommerce div.product span.price del{opacity:.5;display:block}.woocommerce div.product p.stock{font-size:.92em}.woocommerce div.product .stock{color:#77a464}.woocommerce div.product .out-of-stock{color:red}.woocommerce div.product .woocommerce-product-rating{margin-bottom:1.618em}.woocommerce div.product div.images,.woocommerce div.product div.summary{margin-bottom:2em}.woocommerce div.product div.images img{display:block;width:100%;height:auto;box-shadow:none}.woocommerce div.product div.images div.thumbnails{padding-top:1em}.woocommerce div.product div.social{text-align:right;margin:0 0 1em}.woocommerce div.product div.social span{margin:0 0 0 2px}.woocommerce div.product div.social span span{margin:0}.woocommerce div.product div.social span .stButton .chicklets{padding-left:16px;width:0}.woocommerce div.product div.social iframe{float:left;margin-top:3px}.woocommerce div.product .woocommerce-tabs ul.tabs{list-style:none;padding:30px 0 0;margin:0 0 1.618em;position:relative;}.woocommerce div.product form.cart:after,.woocommerce div.product form.cart:before,.woocommerce div.product p.cart:after,.woocommerce div.product p.cart:before{content:" ";display:table}.woocommerce div.product .woocommerce-tabs .panel{margin:0 0 2em;padding:0}.woocommerce div.product form.cart,.woocommerce div.product p.cart{margin-bottom:2em}.woocommerce div.product form.cart div.quantity{float:left;margin:0 12px 0 0}.woocommerce div.product form.cart table{border-width:0 0 1px}.woocommerce div.product form.cart table td{padding-left:0}.woocommerce div.product form.cart table div.quantity{float:none;margin:0}.woocommerce div.product form.cart table small.stock{display:block;float:none}.woocommerce div.product form.cart .variations{margin-bottom:1em;border:0}.woocommerce div.product form.cart .variations td,.woocommerce div.product form.cart .variations th{border:0}.woocommerce div.product form.cart .variations label{font-weight:700}.woocommerce div.product form.cart .variations select{width:100%;float:left}.woocommerce div.product form.cart .variations td.label{padding-right:1em}.woocommerce div.product form.cart .variations td{vertical-align:top}.woocommerce div.product form.cart .button{vertical-align:middle;float:left}.woocommerce div.product form.cart .group_table td.label{padding-right:1em;padding-left:1em}.woocommerce div.product form.cart .group_table td{vertical-align:top;padding-bottom:.5em;border:0}.single-product.woocommerce span.onsale{top:0;left:0;}.woocommerce span.onsale{z-index:11;min-height:3.236em;min-width:3.236em;padding:.202em;font-weight:700;position:absolute;line-height:3.236;top:-.5em;left:-.5em;margin:0;border-radius:10px;background-color:#b8b8b8;color:#fff;font-size:.857em;-webkit-font-smoothing:antialiased}.woocommerce .products ul,.woocommerce ul.products{margin:0 0 1em;padding:0;list-style:none;clear:both}.woocommerce .products ul:after,.woocommerce .products ul:before,.woocommerce ul.products:after,.woocommerce ul.products:before{content:" ";display:table}.woocommerce .products ul li,.woocommerce ul.products li{list-style:none}.woocommerce ul.products li.product .onsale{top:0;right:0;left:auto;margin:-.5em -.5em 0 0}.woocommerce ul.products li.product h2{padding:.5em 0;margin:0;font-size:1em}.woocommerce ul.products li.product a{text-decoration:none}.woocommerce ul.products li.product a img{width:100%;height:auto;display:block;margin:0 0 1em;box-shadow:none}.woocommerce ul.products li.product strong{display:block}.woocommerce ul.products li.product .star-rating{font-size:.857em}.woocommerce ul.products li.product .button{margin-top:1em}.woocommerce ul.products li.product .price{color:#444;display:block;font-weight:400;margin-bottom:.5em;font-size:18px}.woocommerce ul.products li.product .price del{color:inherit;opacity:.5;display:block;font-size:16px}p.price del span.woocommerce-Price-amount.amount{font-size:16px}.woocommerce ul.products li.product .price ins{background:0 0;font-weight:700;text-decoration:none}p.price span.woocommerce-Price-amount.amount{font-size:26px}.woocommerce ul.products li.product .price .from{font-size:.67em;margin:-2px 0 0;text-transform:uppercase;color:rgba(132,132,132,.5)}.woocommerce .woocommerce-ordering,.woocommerce .woocommerce-result-count{margin:0 0 30px}.woocommerce .woocommerce-result-count{padding:0}.woocommerce .woocommerce-ordering select{vertical-align:top;height:auto;padding:14px 20px}.woocommerce nav.woocommerce-pagination ul{display:inline-block;white-space:nowrap;padding:0;border:1px solid #d3ced2;border-right:0;margin:1px}.woocommerce nav.woocommerce-pagination ul li{border-right:1px solid #d3ced2;padding:0;margin:0;float:left;display:inline;overflow:hidden}.woocommerce nav.woocommerce-pagination ul li a,.woocommerce nav.woocommerce-pagination ul li span{margin:0;text-decoration:none;line-height:1;font-size:1em;font-weight:400;padding:.5em;min-width:1em;display:block}.woocommerce nav.woocommerce-pagination ul li a:focus,.woocommerce nav.woocommerce-pagination ul li a:hover,.woocommerce nav.woocommerce-pagination ul li span.current{background:#ebe9eb;color:#8a7e88}.woocommerce #respond input#submit,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button{font-size:100%;margin:0;line-height:1;cursor:pointer;position:relative;font-family:inherit;text-decoration:none;overflow:visible;padding:.618em 1em;font-weight:700;border-radius:3px;left:auto;color:#fff;border:0;white-space:nowrap;display:inline-block;background-image:none;box-shadow:none;-webkit-box-shadow:none;text-shadow:none}.woocommerce #respond input#submit.loading,.woocommerce a.button.loading,.woocommerce button.button.loading,.woocommerce input.button.loading{opacity:.25;padding-right:2.618em}.woocommerce #respond input#submit.loading:after,.woocommerce a.button.loading:after,.woocommerce button.button.loading:after,.woocommerce input.button.loading:after{font-family:WooCommerce;content:"\e01c";vertical-align:top;-webkit-font-smoothing:antialiased;font-weight:400;position:absolute;top:.618em;right:1em;-webkit-animation:spin 2s linear infinite;-moz-animation:spin 2s linear infinite;animation:spin 2s linear infinite}.woocommerce #respond input#submit.added:after,.woocommerce a.button.added:after,.woocommerce button.button.added:after,.woocommerce input.button.added:after{font-family:WooCommerce;content:"\e017";margin-left:.53em;vertical-align:bottom}.woocommerce #respond input#submit:hover,.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce input.button:hover{opacity:.8;text-decoration:none;background-image:none}.woocommerce #respond input#submit.alt,.woocommerce a.button.alt,,.woocommerce input.button.alt{background-color:#444;color:#fff;-webkit-font-smoothing:antialiased}.woocommerce #respond input#submit.alt:hover,.woocommerce a.button.alt:hover,,.woocommerce input.button.alt:hover{background-color:#333;color:#fff}.woocommerce #respond input#submit.alt.disabled,.woocommerce #respond input#submit.alt.disabled:hover,.woocommerce #respond input#submit.alt:disabled,.woocommerce #respond input#submit.alt:disabled:hover,.woocommerce #respond input#submit.alt:disabled[disabled],.woocommerce #respond input#submit.alt:disabled[disabled]:hover,.woocommerce a.button.alt.disabled,.woocommerce a.button.alt.disabled:hover,.woocommerce a.button.alt:disabled,.woocommerce a.button.alt:disabled:hover,.woocommerce a.button.alt:disabled[disabled],.woocommerce a.button.alt:disabled[disabled]:hover,.woocommerce button.button.alt.disabled,.woocommerce button.button.alt.disabled:hover,.woocommerce button.button.alt:disabled,.woocommerce button.button.alt:disabled:hover,.woocommerce button.button.alt:disabled[disabled],.woocommerce button.button.alt:disabled[disabled]:hover,.woocommerce input.button.alt.disabled,.woocommerce input.button.alt.disabled:hover,.woocommerce input.button.alt:disabled,.woocommerce input.button.alt:disabled:hover,.woocommerce input.button.alt:disabled[disabled],.woocommerce input.button.alt:disabled[disabled]:hover{background-color:#a46497;color:#fff}.woocommerce #respond input#submit.disabled,.woocommerce #respond input#submit:disabled,.woocommerce #respond input#submit:disabled[disabled],.woocommerce a.button.disabled,.woocommerce a.button:disabled,.woocommerce a.button:disabled[disabled],.woocommerce button.button.disabled,.woocommerce button.button:disabled,.woocommerce button.button:disabled[disabled],.woocommerce input.button.disabled,.woocommerce input.button:disabled,.woocommerce input.button:disabled[disabled]{color:inherit;cursor:not-allowed;opacity:.5}.woocommerce #respond input#submit.disabled:hover,.woocommerce #respond input#submit:disabled:hover,.woocommerce #respond input#submit:disabled[disabled]:hover,.woocommerce a.button.disabled:hover,.woocommerce a.button:disabled:hover,.woocommerce a.button:disabled[disabled]:hover,.woocommerce button.button.disabled:hover,.woocommerce button.button:disabled:hover,.woocommerce button.button:disabled[disabled]:hover,.woocommerce input.button.disabled:hover,.woocommerce input.button:disabled:hover,.woocommerce input.button:disabled[disabled]:hover{color:inherit;background-color:#ebe9eb}.woocommerce .cart .button,.woocommerce .cart input.button{float:none}.woocommerce a.added_to_cart{padding-top:.5em;white-space:nowrap;display:inline-block}.woocommerce #reviews #comments .add_review:after,.woocommerce #reviews #comments .add_review:before,.woocommerce #reviews #comments ol.commentlist li .comment-text:after,.woocommerce #reviews #comments ol.commentlist li .comment-text:before,.woocommerce #reviews #comments ol.commentlist:after,.woocommerce #reviews #comments ol.commentlist:before{content:" ";display:table}.woocommerce #reviews h2 small{float:right;color:#777;font-size:15px;margin:10px 0 0}.woocommerce #reviews h2 small a{text-decoration:none;color:#777}.woocommerce #reviews #respond{margin:0;border:0;padding:0}.woocommerce #reviews #comment{height:75px}.woocommerce #reviews #comments h2{clear:none}.woocommerce #review_form #respond:after,.woocommerce #reviews #comments ol.commentlist li .comment-text:after,.woocommerce #reviews #comments ol.commentlist:after,.woocommerce .woocommerce-product-rating:after,.woocommerce td.product-name dl.variation:after{clear:both}.woocommerce #reviews #comments ol.commentlist{margin:0;width:100%;background:0 0;list-style:none;padding-left:0}.woocommerce #reviews #comments ol.commentlist li{padding:0;margin:0 0 20px;position:relative;background:0;border:0}.woocommerce #reviews #comments ol.commentlist li .meta{color:#777;font-size:.75em}.woocommerce #reviews #comments ol.commentlist li img.avatar{float:left;position:absolute;top:0;left:0;padding:3px;width:32px;height:auto;background:#ebe9eb;border:1px solid #e4e1e3;margin:0;box-shadow:none}.woocommerce #reviews #comments ol.commentlist li .comment-text{margin:0 0 0 50px;border:1px solid #e4e1e3;border-radius:4px;padding:1em 1em 0}.woocommerce #reviews #comments ol.commentlist li .comment-text p{margin:0 0 1em}.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta{font-size:.83em}.woocommerce #reviews #comments ol.commentlist ul.children{list-style:none;margin:20px 0 0 50px}.woocommerce #reviews #comments ol.commentlist ul.children .star-rating{display:none}.woocommerce #reviews #comments ol.commentlist #respond{border:1px solid #e4e1e3;border-radius:4px;padding:1em 1em 0;margin:20px 0 0 50px}.woocommerce #reviews #comments .commentlist>li:before{content:""}.woocommerce .star-rating{float:right;overflow:hidden;position:relative;height:1em;line-height:1;font-size:1em;width:5.4em;font-family:star}.woocommerce .star-rating:before{content:"\73\73\73\73\73";color:#d3ced2;float:left;top:0;left:0;position:absolute}.woocommerce .star-rating span{overflow:hidden;float:left;top:0;left:0;position:absolute;padding-top:1.5em}.woocommerce .star-rating span,.woocommerce p.stars a{color:#FFCF14!important}.woocommerce .star-rating span:before{content:"\53\53\53\53\53";top:0;position:absolute;left:0}.woocommerce .woocommerce-product-rating{line-height:2;display:block}.woocommerce .woocommerce-product-rating:after,.woocommerce .woocommerce-product-rating:before{content:" ";display:table}.woocommerce .woocommerce-product-rating .star-rating{margin:.5em 4px 0 0;float:left}.woocommerce .products .star-rating{display:block;margin:0 auto .5em;float:none}.woocommerce .hreview-aggregate .star-rating{margin:10px 0 0}.woocommerce #review_form #respond{position:static;margin:0;width:auto;padding:0;background:0 0;border:0}.woocommerce #review_form #respond:after,.woocommerce #review_form #respond:before{content:" ";display:table}.woocommerce #review_form #respond p{margin:0 0 10px}.woocommerce #review_form #respond .form-submit input{left:auto}.woocommerce #review_form #respond textarea{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:100%}.woocommerce p.stars{position:relative;font-size:1em}.woocommerce p.stars a{display:inline-block;font-weight:700;margin-right:1em;text-indent:-9999px;position:relative;border-bottom:0!important;outline:0}.woocommerce p.stars a:last-child{border-right:0}.woocommerce p.stars a.star-1,.woocommerce p.stars a.star-2,.woocommerce p.stars a.star-3,.woocommerce p.stars a.star-4,.woocommerce p.stars a.star-5{border-right:1px solid #ccc}.woocommerce p.stars a.star-1:after,.woocommerce p.stars a.star-2:after,.woocommerce p.stars a.star-3:after,.woocommerce p.stars a.star-4:after,.woocommerce p.stars a.star-5:after{font-family:WooCommerce;text-indent:0;position:absolute;top:0;left:0}.woocommerce p.stars a.star-1{width:2em}.woocommerce p.stars a.star-1:after{content:"\e021"}.woocommerce p.stars a.star-1.active:after,.woocommerce p.stars a.star-1:hover:after{content:""}.woocommerce p.stars a.star-2{width:3em}.woocommerce p.stars a.star-2:after{content:"\e021\e021"}.woocommerce p.stars a.star-2.active:after,.woocommerce p.stars a.star-2:hover:after{content:""}.woocommerce p.stars a.star-3{width:4em}.woocommerce p.stars a.star-3:after{content:"\e021\e021\e021"}.woocommerce p.stars a.star-3.active:after,.woocommerce p.stars a.star-3:hover:after{content:""}.woocommerce p.stars a.star-4{width:5em}.woocommerce p.stars a.star-4:after{content:"\e021\e021\e021\e021"}.woocommerce p.stars a.star-4.active:after,.woocommerce p.stars a.star-4:hover:after{content:""}.woocommerce p.stars a.star-5{width:6em;border:0}.woocommerce p.stars a.star-5:after{content:"\e021\e021\e021\e021\e021"}.woocommerce p.stars a.star-5.active:after,.woocommerce p.stars a.star-5:hover:after{content:""}.woocommerce table.shop_attributes{border:0;border-top:1px dotted rgba(0,0,0,.1);margin-bottom:1.618em;width:100%}.woocommerce table.shop_attributes td,.woocommerce table.shop_attributes th{margin:0;border:1px dotted rgba(0,0,0,.1);line-height:1.5}.woocommerce table.shop_attributes th{width:150px;font-weight:700;padding:8px}.woocommerce table.shop_attributes td{font-style:italic;padding:0}#tab-additional_information h2{font-size:20px}.woocommerce table.shop_attributes td p{margin:0;padding:8px 0}.woocommerce table.shop_attributes .alt td,.woocommerce table.shop_attributes .alt th{background:rgba(0,0,0,.025)}.woocommerce table.shop_table{border:1px solid rgba(0,0,0,.1);margin:0 -1px 24px 0;text-align:left;width:100%;border-collapse:collapse;border-radius:5px}.woocommerce table.shop_table th{font-weight:700;padding:9px 12px}.woocommerce table.shop_table td{border-top:1px solid rgba(0,0,0,.1);padding:25px 15px;vertical-align:middle}.woocommerce table.shop_table td small{font-weight:400}.woocommerce table.shop_table tbody:first-child tr:first-child td,.woocommerce table.shop_table tbody:first-child tr:first-child th{border-top:0}.woocommerce table.shop_table tbody th,.woocommerce table.shop_table tfoot td,.woocommerce table.shop_table tfoot th{font-weight:700;border-top:1px solid rgba(0,0,0,.1)}.woocommerce table.my_account_orders{font-size:.85em}.woocommerce table.my_account_orders td,.woocommerce table.my_account_orders th{padding:4px 8px;vertical-align:middle}.woocommerce table.my_account_orders .button{white-space:nowrap}.woocommerce table.my_account_orders .order-actions{text-align:right}.woocommerce table.my_account_orders .order-actions .button{margin:.125em 0 .125em .25em}.woocommerce td.product-name dl.variation{margin:.25em 0}.woocommerce td.product-name dl.variation:after,.woocommerce td.product-name dl.variation:before{content:" ";display:table}.woocommerce td.product-name dl.variation dd,.woocommerce td.product-name dl.variation dt{display:inline-block;float:left;margin-bottom:1em}.woocommerce td.product-name dl.variation dt{font-weight:700;padding:0 0 .25em;margin:0 4px 0 0;clear:left}.woocommerce ul.cart_list li dl:after,.woocommerce ul.cart_list li:after,.woocommerce ul.product_list_widget li dl:after,.woocommerce ul.product_list_widget li:after{clear:both}.woocommerce td.product-name dl.variation dd{padding:0 0 .25em}.woocommerce td.product-name dl.variation dd p:last-child{margin-bottom:0}.woocommerce td.product-name p.backorder_notification{font-size:.83em}.woocommerce td.product-quantity{min-width:80px}.woocommerce ul.cart_list,.woocommerce ul.product_list_widget{list-style:none;padding:0;margin:0}.woocommerce ul.cart_list li,.woocommerce ul.product_list_widget li{padding:4px 0;margin:0;list-style:none;border-bottom:1px solid #ebe9eb}.woocommerce ul.cart_list li:last-of-type,.woocommerce ul.product_list_widget li:last-of-type{padding-bottom:5px!important}.woocommerce ul.cart_list li:after,.woocommerce ul.cart_list li:before,.woocommerce ul.product_list_widget li:after,.woocommerce ul.product_list_widget li:before{content:" ";display:table}.woocommerce ul.cart_list li a,.woocommerce ul.product_list_widget li a{display:block;font-weight:700}.woocommerce ul.cart_list li img,.woocommerce ul.product_list_widget li img{float:right;margin-left:4px;width:48px;height:auto;box-shadow:none}.woocommerce ul.cart_list li dl,.woocommerce ul.product_list_widget li dl{margin:0;padding-left:1em;border-left:2px solid rgba(0,0,0,.1)}.woocommerce ul.cart_list li dl:after,.woocommerce ul.cart_list li dl:before,.woocommerce ul.product_list_widget li dl:after,.woocommerce ul.product_list_widget li dl:before{content:" ";display:table}.woocommerce ul.cart_list li dl dd,.woocommerce ul.cart_list li dl dt,.woocommerce ul.product_list_widget li dl dd,.woocommerce ul.product_list_widget li dl dt{display:inline-block;float:left;margin-bottom:1em}.woocommerce ul.cart_list li dl dt,.woocommerce ul.product_list_widget li dl dt{font-weight:700;padding:0 0 .25em;margin:0 4px 0 0;clear:left}.woocommerce .order_details:after,.woocommerce .widget_layered_nav ul li:after,.woocommerce .widget_shopping_cart .buttons:after,.woocommerce-account .addresses .title:after,.woocommerce-cart .wc-proceed-to-checkout:after,.woocommerce.widget_shopping_cart .buttons:after{clear:both}.woocommerce ul.cart_list li dl dd,.woocommerce ul.product_list_widget li dl dd{padding:0 0 .25em}.woocommerce ul.cart_list li dl dd p:last-child,.woocommerce ul.product_list_widget li dl dd p:last-child{margin-bottom:0}.woocommerce ul.cart_list li .star-rating,.woocommerce ul.product_list_widget li .star-rating{float:none}.woocommerce .widget_shopping_cart .total,.woocommerce.widget_shopping_cart .total{padding:4px 0 0}.woocommerce .widget_shopping_cart .total strong,.woocommerce.widget_shopping_cart .total strong{min-width:40px;display:inline-block}.woocommerce .widget_shopping_cart .cart_list li,.woocommerce.widget_shopping_cart .cart_list li{padding-left:2em;position:relative}.woocommerce .widget_shopping_cart .cart_list li a.remove,.woocommerce.widget_shopping_cart .cart_list li a.remove{position:absolute;top:0;left:0}.woocommerce .widget_shopping_cart .buttons:after,.woocommerce .widget_shopping_cart .buttons:before,.woocommerce.widget_shopping_cart .buttons:after,.woocommerce.widget_shopping_cart .buttons:before{content:" ";display:table}.woocommerce form .form-row{padding:3px;margin:0 0 6px}.woocommerce form .form-row [placeholder]:focus::-webkit-input-placeholder{-webkit-transition:opacity .5s .5s ease;-moz-transition:opacity .5s .5s ease;transition:opacity .5s .5s ease;opacity:0}.woocommerce form .form-row label{line-height:2}.woocommerce form .form-row label.hidden{visibility:hidden}.woocommerce form .form-row label.inline{display:inline}.woocommerce form .form-row select{cursor:pointer;margin:0}.woocommerce form .form-row .required{color:red;font-weight:700;border:0}.woocommerce form .form-row .input-checkbox{display:inline;margin:-2px 8px 0 0;text-align:center;vertical-align:middle}.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:100%;margin:0;outline:0;line-height:1}.woocommerce form .form-row textarea{height:4em;line-height:1.5;display:block;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none}.woocommerce form .form-row .select2-container{width:100%;line-height:2em}.woocommerce form .form-row.woocommerce-invalid .select2-container,.woocommerce form .form-row.woocommerce-invalid input.input-text,.woocommerce form .form-row.woocommerce-invalid select{border-color:#a00}.woocommerce form .form-row.woocommerce-validated .select2-container,.woocommerce form .form-row.woocommerce-validated input.input-text,.woocommerce form .form-row.woocommerce-validated select{border-color:#69bf29}.woocommerce form .form-row::-webkit-input-placeholder{line-height:normal}.woocommerce form .form-row:-moz-placeholder{line-height:normal}.woocommerce form .form-row:-ms-input-placeholder{line-height:normal}.woocommerce form.checkout_coupon,.woocommerce form.login,.woocommerce form.register{border:1px solid #dbdbdb;padding:20px;margin:2em 0;text-align:left;border-radius:0}.woocommerce ul#shipping_method{list-style:none;margin:0;padding:0}.woocommerce ul#shipping_method li{margin:0;padding:.25em 0 .25em 22px;list-style:none}.woocommerce ul#shipping_method .amount{font-weight:700}.woocommerce p.woocommerce-shipping-contents{margin:0}.woocommerce .order_details{margin:0 0 1.5em;list-style:none}.woocommerce .order_details:after,.woocommerce .order_details:before{content:" ";display:table}.woocommerce .order_details li{float:left;margin-right:2em;text-transform:uppercase;font-size:.715em;line-height:1;border-right:1px dashed #d3ced2;padding-right:2em;margin-left:0;padding-left:0}.woocommerce .order_details li strong{display:block;font-size:1.4em;text-transform:none;line-height:1.5}.woocommerce .order_details li:last-of-type{border:none}.woocommerce .widget_layered_nav ul{margin:0;padding:0;border:0;list-style:none}.woocommerce .widget_layered_nav ul li{padding:0 0 1px;list-style:none}.woocommerce .widget_layered_nav ul li:after,.woocommerce .widget_layered_nav ul li:before{content:" ";display:table}.woocommerce .widget_layered_nav ul li.chosen a:before,.woocommerce .widget_layered_nav_filters ul li a:before{font-family:WooCommerce;speak:none;font-variant:normal;text-transform:none;-webkit-font-smoothing:antialiased;text-decoration:none;font-weight:400;line-height:1;content:"";color:#a00}.woocommerce .widget_layered_nav ul li a,.woocommerce .widget_layered_nav ul li span{padding:1px 0}.woocommerce .widget_layered_nav ul li.chosen a:before{margin-right:.618em}.woocommerce .widget_layered_nav_filters ul{margin:0;padding:0;border:0;list-style:none;overflow:hidden;zoom:1}.woocommerce .widget_layered_nav_filters ul li{float:left;padding:0 1px 1px 0;list-style:none}.woocommerce .widget_layered_nav_filters ul li a{text-decoration:none}.woocommerce .widget_layered_nav_filters ul li a:before{margin-right:.618em}.woocommerce .widget_price_filter .price_slider{margin-bottom:1em}.woocommerce .widget_price_filter .price_slider_amount{text-align:right;line-height:2.4;font-size:.8751em}.woocommerce .widget_price_filter .price_slider_amount .button{font-size:1.15em;float:left}.woocommerce .widget_price_filter .ui-slider{position:relative;text-align:left;margin-left:.5em;margin-right:.5em}.woocommerce .widget_price_filter .ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1em;height:1em;background-color:#7e7e7e;border-radius:1em;cursor:ew-resize;outline:0;top:-.3em;margin-left:-.5em}.woocommerce .widget_price_filter .ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;border-radius:1em;background-color:#7e7e7e}.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content{border-radius:1em;background-color:#333;border:0}.woocommerce .widget_price_filter .ui-slider-horizontal{height:.5em}.woocommerce .widget_price_filter .ui-slider-horizontal .ui-slider-range{top:0;height:100%}.woocommerce .widget_price_filter .ui-slider-horizontal .ui-slider-range-min{left:-1px}.woocommerce .widget_price_filter .ui-slider-horizontal .ui-slider-range-max{right:-1px}.woocommerce-account .addresses .title:after,.woocommerce-account .addresses .title:before{content:" ";display:table}.woocommerce-account .addresses .title h3{float:left;font-size:22px}#customer_login h2{font-size:22px}.woocommerce .images .thumbnails a{width:100%!important}.woocommerce .images .thumbnails .owl-controls{margin-top:0}.woocommerce .images .thumbnails .owl-controls .owl-page.active span,.woocommerce .images .thumbnails .owl-controls.clickable .owl-page:hover span{background-color:#bfbfbf}.woocommerce .images .thumbnails .owl-controls .owl-page span{border-color:#bfbfbf}.woocommerce-account .addresses .title .edit,.woocommerce-account ul.digital-downloads li .count{float:right}.woocommerce-account ol.commentlist.notes li.note p.meta{font-weight:700;margin-bottom:0}.woocommerce-account ol.commentlist.notes li.note .description p:last-child{margin-bottom:0}.single-product .summary p{margin-bottom:20px}.woocommerce-account ul.digital-downloads{margin-left:0;padding-left:0}.woocommerce-account ul.digital-downloads li{list-style:none;margin-left:0;padding-left:0}.woocommerce-account ul.digital-downloads li:before{font-family:WooCommerce;speak:none;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;margin-right:.618em;content:"";text-decoration:none}.woocommerce-cart table.cart .product-thumbnail{min-width:32px}.woocommerce-cart table.cart img{width:32px;box-shadow:none}.woocommerce-cart table.cart td,.woocommerce-cart table.cart th{vertical-align:middle}.woocommerce-cart table.cart td.actions .coupon .input-text{float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border:1px solid #d3ced2;padding:0 5px;height:32px;margin:0 5px 0 0;outline:0;line-height:1}.woocommerce-cart table.cart input{margin:0;vertical-align:middle;line-height:1}.woocommerce-cart .wc-proceed-to-checkout{padding:1em 0}.woocommerce-cart .wc-proceed-to-checkout:after,.woocommerce-cart .wc-proceed-to-checkout:before{content:" ";display:table}.woocommerce-cart .wc-proceed-to-checkout a.checkout-button{display:block;text-align:center;margin-bottom:1em}.woocommerce-cart .cart-collaterals .shipping_calculator .button{width:100%;float:none;display:block}.woocommerce-cart .cart-collaterals .shipping_calculator .shipping-calculator-button:after{font-family:WooCommerce;speak:none;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;margin-left:.618em;content:"";text-decoration:none}.woocommerce-cart .cart-collaterals .cart_totals p small{color:#777;font-size:.83em}.woocommerce-cart .cart-collaterals .cart_totals table{border-collapse:collapse;margin:0 0 6px;padding:0}.woocommerce-cart .cart-collaterals .cart_totals table tr:first-child td,.woocommerce-cart .cart-collaterals .cart_totals table tr:first-child th{border-top:0}.woocommerce-cart .cart-collaterals .cart_totals table th{width:25%}.woocommerce-cart .cart-collaterals .cart_totals table td,.woocommerce-cart .cart-collaterals .cart_totals table th{vertical-align:top;border-left:0;border-right:0;padding:6px 0;line-height:2em}.woocommerce-cart .cart-collaterals .cart_totals table small{color:#777}.woocommerce-cart .cart-collaterals .cart_totals table select{width:100%}.woocommerce-cart .cart-collaterals .cart_totals .discount td{color:#77a464}.woocommerce-cart .cart-collaterals .cart_totals tr td,.woocommerce-cart .cart-collaterals .cart_totals tr th{border-top:1px solid #ebe9eb}.woocommerce-cart .cart-collaterals .cross-sells ul.products li.product{margin-top:0}.cross-sells h2{font-size:20px}.woocommerce-checkout .checkout .col-2 h3#ship-to-different-address{float:left;clear:none}.woocommerce-checkout .checkout .col-2 .form-row-first,.woocommerce-checkout .checkout .col-2 .notes{clear:left}.woocommerce-checkout .checkout .create-account small{font-size:11px;color:#777;font-weight:400}.woocommerce-checkout .checkout div.shipping-address{padding:0;clear:left;width:100%}.single-product .twentythirteen p.stars,.woocommerce-checkout #payment ul.payment_methods:after,.woocommerce-checkout .checkout .shipping_address{clear:both}.woocommerce-checkout #payment ul.payment_methods{text-align:left;padding:0 0 24px;border-bottom:2px solid #f0f0f0;margin:0;list-style:none}.woocommerce-checkout #payment ul.payment_methods:after,.woocommerce-checkout #payment ul.payment_methods:before{content:" ";display:table}.woocommerce-checkout #payment ul.payment_methods li{line-height:2;text-align:left;margin:0;font-weight:400}.woocommerce-checkout #payment ul.payment_methods li input{margin:0 1em 0 0}.woocommerce-checkout #payment ul.payment_methods li img{vertical-align:middle;margin:-2px 0 0 .5em;padding:0;position:relative;box-shadow:none}.woocommerce-checkout #payment ul.payment_methods li img+img{margin-left:2px}.woocommerce-checkout #payment div.form-row{padding:25px 0 0}.woocommerce-checkout #payment div.payment_box{position:relative;width:96%;padding:1em 2%;margin:1em 0;font-size:.92em;border-radius:2px;line-height:1.5;background-color:#efefef;color:#515151}.place-order input[type="submit"]:hover{color:#fff}.woocommerce-checkout #payment div.payment_box input.input-text,.woocommerce-checkout #payment div.payment_box textarea{border-color:#bbb3b9 #c7c1c6 #c7c1c6}.woocommerce-checkout #payment div.payment_box::-webkit-input-placeholder{color:#bbb3b9}.woocommerce-checkout #payment div.payment_box:-moz-placeholder{color:#bbb3b9}.woocommerce-checkout #payment div.payment_box:-ms-input-placeholder{color:#bbb3b9}.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number{font-size:1.5em;padding:8px;background-repeat:no-repeat;background-position:right}.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.visa,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.visa,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.visa{background-image:url(../images/icons/credit-cards/visa.png)}.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.mastercard,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.mastercard,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.mastercard{background-image:url(../images/icons/credit-cards/mastercard.png)}.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.laser,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.laser,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.laser{background-image:url(../images/icons/credit-cards/laser.png)}.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.dinersclub,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.dinersclub,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.dinersclub{background-image:url(../images/icons/credit-cards/diners.png)}.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.maestro,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.maestro,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.maestro{background-image:url(../images/icons/credit-cards/maestro.png)}.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.jcb,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.jcb,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.jcb{background-image:url(../images/icons/credit-cards/jcb.png)}.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.amex,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.amex,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.amex{background-image:url(../images/icons/credit-cards/amex.png)}.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.discover,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.discover,.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.discover{background-image:url(../images/icons/credit-cards/discover.png)}.woocommerce-checkout #payment div.payment_box span.help{font-size:.857em;color:#777;font-weight:400}.woocommerce-checkout #payment div.payment_box .form-row{margin:0 0 1em}.woocommerce-checkout #payment div.payment_box p:last-child{margin-bottom:0}.woocommerce-checkout #payment div.payment_box:after{content:"";display:block;border:8px solid #efefef;border-right-color:transparent;border-left-color:transparent;border-top-color:transparent;position:absolute;top:-3px;left:0;margin:-1em 0 0 2em}.woocommerce-checkout #payment .payment_method_paypal .about_paypal{margin-left: 10px;color: #717171;text-decoration: underline;font-size: 14px;}.woocommerce-checkout #payment .payment_method_paypal img{max-height:52px;vertical-align:middle}#tab-description h2,.related.products h2,.woocommerce #reviews #comments h2,.woocommerce #reviews h3,.woocommerce div.product .product_title{font-size:20px;font-weight:600;line-height:normal;padding-bottom:10px;margin:0;margin-bottom:15px}.add_to_cart_button{text-transform:uppercase}.add_to_cart_button::before,.cart-button::before{margin-right:5px}#secondary .wc-forward{color:#fff}.cart_totals h2,.upsells.products h2,.woocommerce-billing-fields h3,.woocommerce-checkout h3,.woocommerce-shipping-fields h3{font-size:20px}.woocommerce-result-count{color:#767676;}.woocommerce-product-search input[type=submit]{margin-top:10px}.woocommerce-product-search .search-field{width:100%}.woocommerce table.cart td.actions .input-text{width:auto!important}.coupon input[type=submit]{margin-top:10px;color:#fff!important}.shop_table.cart td,.shop_table.cart th{border:1px solid #ddd}.cart_totals th,.woocommerce table.shop_table td,.woocommerce table.shop_table th{border-color:#ddd}.cart_totals td,.cart_totals th{border:0}#order_review_heading{border-top:1px solid #ddd;padding-top:30px;margin-top:30px}.woocommerce-MyAccount-navigation ul{list-style:none;padding:0 15px 15px 0;margin:0}.woocommerce-MyAccount-navigation li{border-bottom:1px solid #ebe9eb;padding:10px 0}.woocommerce-MyAccount-content .woocommerce-Address{width:100%!important}.page-template-page_fullwidth.woocommerce-cart .content-area,.page-template-page_fullwidth.woocommerce-checkout .content-area{width:100%}@media only screen and (min-width: 769px){.woocommerce .related.products ul.products li.product{width:30.8%!important}}@media only screen and (max-width: 400px){.woocommerce ul.products li.product,.woocommerce-page ul.products li.product{width:100%!important}.product.last{margin-bottom:2.992em!important}}h2.woocommerce-Reviews-title {display:none;}.yith-wcwl-icon.fa {font-family: FontAwesome;}.wishlist-items-wrapper .yith-wcqv-button {display:none;}
     2
     3
     4  /** * Header cart */
     5  .site-header-cart {
     6    position: relative;
     7 }
     8  .site-header-cart .count-number {
     9    position: absolute;
     10    top: -8px;
     11    right: -8px;
     12    width: 18px;
     13    height: 18px;
     14    line-height: 17px;
     15    border: 1px solid #fff;
     16    text-align: center;
     17    border-radius: 50%;
     18    background: #fff;
     19    font-size: 10px;
     20 }
     21  .site-header-cart .cart-contents {
     22    text-decoration: none;
     23 }
     24  .site-header-cart .widget_shopping_cart {
     25    display: none;
     26    background-color: #fff;
     27 }
     28  .site-header-cart .product_list_widget {
     29    margin: 0;
     30    padding: 0;
     31 }
     32 @media screen and (min-width: 48em) {
     33  .header-elements-left .site-header-cart:hover .widget_shopping_cart, .header-elements-left .site-header-cart.focus .widget_shopping_cart {
     34    left: 0;
     35    display: block;
     36 }
     37  .site-header-cart .widget_shopping_cart {
     38    position: absolute;
     39    top: 100%;
     40    width: 100%;
     41    z-index: 999999;
     42    left: -999em;
     43    display: block;
     44    box-shadow: 0px 8px 40px rgba(0, 0, 0, 0.12);
     45    min-width: 400px;
     46    margin: 0 auto;
     47    padding: 30px 0 0;
     48    visibility: hidden;
     49 }
     50  .site-header-cart .widget_shopping_cart .woocommerce-mini-cart__empty-message {
     51    padding: 30px;
     52 }
     53  .site-header-cart .widget_shopping_cart .widgettitle {
     54    font-size: 24px;
     55    padding: 0 30px 30px;
     56    margin: 0;
     57    position: relative;
     58 }
     59  .site-header-cart .widget_shopping_cart .widgettitle:after {
     60    content: '';
     61    position: absolute;
     62    width: calc(100% - 60px);
     63    height: 1px;
     64    bottom: 0;
     65    left: 30px;
     66    background-color: #eee;
     67 }
     68  .site-header-cart .widget_shopping_cart .woocommerce-mini-cart__total, .site-header-cart .widget_shopping_cart .woocommerce-mini-cart__buttons {
     69    background-color: #f5f5f5;
     70    margin: 0;
     71    padding: 0 30px;
     72 }
     73  .site-header-cart .widget_shopping_cart .woocommerce-mini-cart__total {
     74    padding-top: 30px;
     75    padding-bottom: 24px;
     76    display: flex;
     77    justify-content: space-between;
     78    font-weight: 600;
     79 }
     80  .site-header-cart .widget_shopping_cart .woocommerce-mini-cart__total .woocommerce-Price-amount {
     81    font-size: 18px;
     82 }
     83  .site-header-cart .widget_shopping_cart .woocommerce-mini-cart__total strong {
     84    font-weight: 400;
     85 }
     86  .site-header-cart .widget_shopping_cart .woocommerce-mini-cart__buttons {
     87    padding: 30px;
     88    position: relative;
     89    display: flex;
     90    flex-wrap: wrap;
     91 }
     92  .site-header-cart .widget_shopping_cart .woocommerce-mini-cart__buttons:before {
     93    content: '';
     94    position: absolute;
     95    width: calc(100% - 60px);
     96    height: 1px;
     97    top: 0;
     98    left: 30px;
     99    background-color: #e6e6e6;
     100 }
     101  .site-header-cart .widget_shopping_cart .woocommerce-mini-cart__buttons .button.checkout {
     102    order: -1;
     103    color: #fff;
     104    width: 100%;
     105    text-align: center;
     106    text-transform: uppercase;
     107    letter-spacing: 2px;
     108    margin-bottom: 20px;
     109 }
     110  .site-header-cart .widget_shopping_cart .woocommerce-mini-cart__buttons .button.checkout:hover {
     111    color: #fff;
     112 }
     113  .site-header-cart .widget_shopping_cart .woocommerce-mini-cart__buttons .button:not(.checkout) {
     114    font-size: 16px;
     115    text-align: center;
     116    margin: 0 auto;
     117    border: 0;
     118    background: transparent !important;
     119    color: #00102e;
     120    text-decoration: underline;
     121    padding: 0 !important;
     122 }
     123  .site-header-cart:hover .widget_shopping_cart, .site-header-cart.focus .widget_shopping_cart {
     124    left: auto;
     125    right: 0;
     126    display: block;
     127    visibility: visible;
     128 }
     129  .site-header-cart .product_list_widget {
     130    margin: 0;
     131    padding: 0;
     132    position: static;
     133    box-shadow: none;
     134    max-width: 100%;
     135 }
     136  .site-header-cart .product_list_widget li {
     137    display: flex;
     138    align-items: center;
     139    flex-wrap: wrap;
     140    padding: 30px 30px 30px 105px;
     141    min-height: 120px;
     142    background: transparent;
     143    position: relative;
     144    max-width: 100%;
     145 }
     146  .site-header-cart .product_list_widget li:after {
     147    content: '';
     148    position: absolute;
     149    width: calc(100% - 60px);
     150    height: 1px;
     151    bottom: 0;
     152    left: 30px;
     153    background-color: rgba(0, 16, 46, 0.1);
     154 }
     155  .site-header-cart .product_list_widget li:last-of-type {
     156    padding-bottom: 30px !important;
     157 }
     158  .site-header-cart .product_list_widget li:last-of-type:after {
     159    display: none;
     160 }
     161  .site-header-cart .product_list_widget li img {
     162    max-width: 60px;
     163    max-height: 60px;
     164    object-fit: cover;
     165    position: absolute;
     166    top: 30px;
     167    left: 30px;
     168 }
     169  .site-header-cart .product_list_widget li a.remove {
     170    width: 18px;
     171    height: 18px;
     172    line-height: 18px;
     173    background-color: #00102e;
     174    font-weight: 400;
     175    color: #fff;
     176    text-align: center;
     177    border-radius: 50%;
     178    position: absolute;
     179    top: 22px;
     180    left: 22px;
     181    z-index: 11;
     182 }
     183  .site-header-cart .product_list_widget li > a:not(.remove), .site-header-cart .product_list_widget li > span {
     184    padding-left: 15px;
     185    max-width: 100%;
     186 }
     187  .site-header-cart .product_list_widget li > span {
     188    display: block;
     189    font-weight: 600;
     190    width: 100%;
     191    font-size: 14px;
     192 }
     193}
Note: See TracChangeset for help on using the changeset viewer.