/*
Theme Name:     Shop Isle
Theme URI:      http://themeisle.com/themes/shop-isle/
Author:         Themeisle
Author URI:     https://themeisle.com
Description:    ShopIsle is the perfect free theme designed for your WooCommerce shop based on bootstrap. Due to its flexibility ShopIsle can also be used for a one page business site, it has a fullscreen image, parallax effect, it provides a responsive blog section, is eCommerce ready, WPML, Photo Gallery Grid,Contact Form 7,Meta Slider, SiteOrigin Page Builder, JetPack compatible and SEO friendly. It features a simple, minimal and elegant style which will work perfectly for a clothing, electronics and almost any kind of store.
Version:        1.1.19
License:        GNU General Public License v2 or later
License URI:    http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:    shop-isle
Tags:           two-columns,one-column, grid-layout, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, featured-images, full-width-template,footer-widgets,theme-options, translation-ready,e-commerce,blog,portfolio, threaded-comments

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

ShopIsle is based on Underscores http://underscores.me/, (C) 2012-2014 Automattic, Inc.

Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/

======
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.
======
*/

.home h1.module-title {
    display: none;
}

#google-map {
    width: 100%;
    height: 308px;
    /*padding-bottom: 30%;*/
    position: relative;
}

#google-map iframe {
    width: 100%;
    height: 100%;
    position: absolute;
}

.home .page-header-module.module {
    padding: 0 0 47% 0;
}

body .page-header-module::before {
    background: transparent;
}

.mid_data {
    display: table;
    margin: 30px auto;
    line-height: 150%;
    max-width: 400px;
    padding: 0 10px;
}

.mid_data p {
    text-indent: -6.4em;
    padding-left: 6.4em;
}

.mid_data p {
    text-indent: -6.4em;
    padding-left: 6.4em;
}

.mid_data span::before {
    margin-right: 15px;
}

.social_dot * {
    vertical-align: middle;
}

span.socialcomman+span.socialcomman:before {
    content: '、';
}

.copyright {
    text-align: center;
}

.shop-isle-header-title-inner {
    float: left;
    text-align: center;
    min-height: 55px;
}

.shop_isle_header_title h1 {
    margin-top: 15px;
}

.shop-isle-header-title-inner h2 {
    display: none;
}

.shop-item-image {
    border: 1px solid #d3d3d3;
}

body section.page-header-module {
    margin-top: 65px;
}

.home .module-title {
    margin: 0 0 25px;
}

.home .module,
.home .module-small {
    padding: 60px 0;
}

.datefirst {
    float: left;
    color: #E97C2E;
    margin-right: 10px;
}

.post-header {
    line-height: 160%;
}

.post {
    margin: 0 0 20px;
}

.module-title {
    font-size: 21px;
}

.page section.module+section.module,
.category section.module+section.module {
    padding: 60px 0;
}

.page .module .module-title,
.category .module .module-title {
    display: none;
}

.post-title a {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 80%;
}

.post-title {
    font-size: 15px;
}

.screen-reader-text {
    display: none;
}

.single .post-meta {
    display: none;
}

.woocommerce ul.products {
    float: none!important;
}

.home ul.products {
    padding-top: 17px;
}

@media only screen and (min-width: 768px) {
    body .shop_isle_header_title h1 a {
        line-height: 30px;
    }
    .shop-item-title,
    .woocommerce-loop-product__title {
        /*font-size: 13px!important;*/
    }
    .for_mobile {
        display: none;
    }
}

@media only screen and (max-width: 768px) {
    .home .module-title {
        margin: 0 0 25px;
        font-size: 18px;
    }
    .shop-item-image,
    .woocommerce ul.products li.product {
        max-width: 80%!important;
        margin: 25px auto 10px auto!important;
    }
    .single-product .flex-viewport {
        width: 80%;
        margin: 0 auto;
    }
    .navbar-custom .navbar-nav {
        font-size: 16px;
    }
    #google-map {
        height: 200px;
    }
    .page-header-module.module {
        padding: 0px 0 140px;
    }
    .datefirst {
        float: none;
    }
    .post-title a {
        width: 100%;
    }
    .for_table {
        display: none;
    }
    .home ul.products {
        padding-top: 0;
    }
}


/****social icon***/

@font-face {
    font-family: 'si';
    src: url('assets/fonts/socicon.eot');
    src: url('assets/fonts/socicon.eot?#iefix') format('embedded-opentype'), url('assets/fonts/socicon.woff') format('woff'), url('assets/fonts/socicon.ttf') format('truetype'), url('assets/fonts/socicon.svg#icomoonregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    @font-face {
        font-family: si;
        src: url(/assets/fonts/socicon.svg) format(svg);
    }
}

.soc {
    overflow: hidden;
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline-block;
}

.soc li {
    display: inline-block;
    *display: inline;
    zoom: 1;
}

.soc li a {
    font-family: si!important;
    font-style: normal;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    text-decoration: none;
    text-align: center;
    display: block;
    position: relative;
    z-index: 1;
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 21px;
    -webkit-border-radius: 49px;
    -moz-border-radius: 49px;
    border-radius: 49px;
    margin-right: 6px;
    background-color: none;
    border-style: solid;
    border-width: 1px;
}

.soc-icon-last {
    margin: 0 !important;
}

.soc-facebook {
    color: #3e5b98;
    border-color: #3e5b98;
}

.soc-facebook:before {
    content: '\e041';
}

.soc-twitter {
    color: #4da7de;
    border-color: #4da7de;
}

.soc-twitter:before {
    content: '\e040';
}

.soc-youtube {
    color: #e02a20;
    border-color: #e02a20;
}

.soc-youtube:before {
    content: '\e051';
}

.soc-googleplus {
    color: #dd4b39;
    border-color: #dd4b39;
}

.soc-googleplus:before {
    content: '\e042';
}

.soc-line {
    color: #00B901;
    border-color: #00B901;
}

.soc-line:before {
    content: '\e09b';
}

.soc-facebook:hover {
    color: #2a4784;
}

.soc-twitter:hover {
    color: #3993ca;
}

.soc-youtube:hover {
    color: #cc160c;
}

.soc-googleplus:hover {
    color: #c93725;
}

.soc-line:hover {
    color: #007C00;
}


/*******購物車******/

.woocommerce-products-header__title h1 {
    display: none;
}

.sidebar-shop {
    clear: both;
}
.woocommerce-ordering{
    display: none;
}
@media only screen and (max-width: 768px) {
    .woocommerce-page .sidebar-shop {
        padding-top: 20px;
    }
    .woocommerce-page .sidebar {
        margin-top: 0px;
    }
    .woocommerce-page .module-small {
        padding: 0px 0;
    }
}
