/*
Theme Name: Clean 2
Theme URI: http://wooassist.com
Description: Clean- storefront child theme by Wooassist
Author: Wooassist
Author URI: http://www.wooassist.com/
Version: 0.1.0
Template: storefront
Template Version: 1.2.1
Tags: black, white, light, two-columns, left-sidebar, right-sidebar, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, featured-images, full-width-template, threaded-comments

======
Note: Do not edit this file. If you wish to add your own CSS we strongly recommend creating your own child theme, or installing a custom CSS plugin.
======
*/

@import 'bourbon/bourbon';
@import 'susy/susy';

// variables
$body_background:       #fcfcfc;
$color_body:            #09434e;
$color_alt:             #3081C4;
$color_links:           #038e9a;
$color_border:          #9BBFC7;

/**
 * Header / Site title
 */
.site-branding .site-title {
    a {
        color: $color_alt;
    }
}

/**
 * Homepage content area
 */
.home .site-main {
    padding-top: 0;

    .storefront-product-section {
        border-top: 1px solid $color_border;
        margin-bottom: 1em;
    }

    .hentry {
        position: relative;
        padding-top: 1em;
        background: $color_links;
        color: $body_background;
        border-bottom: 0;
        margin-top: 0;

        .entry-header {
            border-bottom: 0;
            margin-bottom: 2em;
            h1 {
                color: #fff;
                text-align: center;
            }
        }

        &:before, &:after {
            content: '';
            display: block;
            position: absolute;
            z-index: 0;
            width: 1000px;
            height: 100%;
            top: 0;
            background: $color_links;
        }

        &:before {
            right: 100%;
        }

        &:after {
            left: 100%;
        }
    }
}

/**
 * Archive styles
 */
.hentry {
    margin: 2em 0;
    border-bottom: 1px solid $color_border;
    padding: 0 0 2em;

    &:last-child {
        border-bottom: 0;
    }

    .entry-header {

        .entry-title {
            padding-bottom: 0.3em;
            a {
                color: $color_alt;
            }
        }
    }
}

/**
 * Woocommerce styles
 */
.woocommerce .content-area {
    .product {
        padding-top: 2em;

        .woocommerce-tabs, #reviews .commentlist li, .woocommerce-tabs ul.tabs li {
            border-color: $color_border;
        }
    }
}

/**
 * Content section styles
 */
.site-content {
    .woocommerce-breadcrumb {
        border-bottom: 1px solid $color_border;
    }
}

/**
 * Sidebar styles
 */
#secondary {

    .widget {
        padding: 1.5em 0;
        border-bottom: 1px solid $color_border;
        margin-bottom: 0;

        .widget-title {
            border: 0;
            margin: 0;
        }
    }
}

/**
 * Product list styles
 */
.woocommerce.widget_shopping_cart {

    .product_list_widget {

        li {
            border-bottom: 1px solid $color_border;
        }
    }

    p.total {
        border-top: 0 !important;
        border-bottom: 1px solid $color_border;
    }
}


@media screen and (min-width: 768px) {

    /**
     * Site content border
     */
    .site-content {

        > .col-full {
            position: relative;
            border-left: 1px solid $color_border;
            border-right: 1px solid $color_border;

            .content-area {
                padding-left: 1em;

                .storefront-product-section {
                    padding: 1em;
                }
            }
        }
    }

    /**
     * Main Navigation and Header Cart Widget
     */
    .main-navigation {
        padding-top: 0;

        .primary-navigation {

            &:before, &:after {
                content: '';
                width: 1000px;
                height:100%;
                position: absolute;
                top: 0;
                z-index: 0;
                border-top: 1px solid $color_border;
                border-bottom: 1px solid $color_border;
            }

            &:before {
                right:0;
            }

            &:after {
                left:100%;
            }

            .menu {
                > li, li.focus {
                    border-left: 1px solid $color_border;

                    &:first-child {
                        margin-left: 0;
                    }
                    &:last-child {
                        border-right: 1px solid $color_border;
                    }
                    a {
                        padding: 1em 1em 1.1312em;
                    }
                    ul {
                        border: 1px solid $color_border;
                        left: -1px;

                        li, li.focus {
                            border-bottom: 1px solid $color_border;

                            &:last-child {
                                border-bottom: 0px;
                            }

                            ul {
                                top: -1px !important;
                            }
                        }
                    }
                }
            }
        }
    }
    .woocommerce-active .site-header {
        .site-header-cart {
            padding-top: 0;

            .cart-contents {
                padding: 1em 1em 1.1312em;
                background: $color_links;
                color: #fff;

                &:after {
                    top: 1.2em;
                }
            }

            .widget_shopping_cart {

                border: 1px solid $color_border;
            }
        }
    }

    /**
     * Secondary Navigation styles
     */
    .secondary-navigation {

        .menu {

            li:hover {
                background: lighten( $color_border, 15% );
                .sub-menu {
                    background: lighten( $color_border, 25% );
                    .sub-menu {
                        top: 0;
                        margin-top: 0;
                    }
                }
            }
        }
    }

    /**
     * Content section styles
     */
    .site-content {
        .woocommerce-breadcrumb {
            padding-left: 1em;
            padding-right: 1em;
            margin-bottom: 0;
        }
    }

    .site-content > .col-full {
        overflow-y: hidden;

        .content-area {
            position: relative;

            &:before {
                content: '';
                position: absolute;
                width: 1px;
                right: -1.5em;
                height: 10000px;
                border-left: 1px solid $color_border;
            }
        }
    }

    /**
     * Sidebar layout
     */
    #secondary {

        .widget {
            padding: 1.5em;
            margin: 0;
            margin-left: -1.7em;
        }
    }

    /**
     * Fix homepage layout
     */
    .home .site-content > .col-full {
        overflow: visible;
        .content-area {
            padding-left: 0;

            &:before {
                display: none;
            }
        }
    }
}


/**
 * Tweaks
 */

body {
    overflow-x: hidden;
}

// remove arrows on buttons
.wc-forward:after {
    display: none;
}

a:focus {
    outline: none;
}

// paralax hero extension adjustments
.home .sph-hero {
    margin-bottom: 0;
}

/**
 * Table styles
 */
table {
    thead {
        tr th {
            border-color: $color_border;
        }
    }
    tbody {

        tr {


            td {
                background: lighten( $color_border, 29% );
            }
            &:nth-child(2n) td {
                background: lighten( $color_border, 27% );
            }
        }
    }
}