/*//////////////////////////////////////////////////////////////////////////////////*//*//////////////////////////////////////////////////////////////////////////////////*/
/*                                                                                                                                                                        */
/*                                                                                                                                                                        */
/*                                                                             Dashboard Home                                               
/*                                                                                                                                                                        */
/*                                                                                                                                                                        */
/*//////////////////////////////////////////////////////////////////////////////////*//*//////////////////////////////////////////////////////////////////////////////////*/

/* Desktop */
@media screen and (min-width:767px){
.iappcreation-home h3{
    margin-top: 12px;
}
.iappcreation-home ul.products li.product{
    margin-bottom: 1.235801em !important;
    width: 15% !important;

}
.widget-area a:hover{
    color: rgb(243, 195, 189) !important;
}




/**/


/*//////////////////////////////////////////////////////////////////////////////////*//*//////////////////////////////////////////////////////////////////////////////////*/
/*                                                                                                                                                                        */
/*                                                                                                                                                                        */
/*                                                                             Login Page                                                
/*                                                                                                                                                                        */
/*                                                                                                                                                                        */
/*//////////////////////////////////////////////////////////////////////////////////*//*//////////////////////////////////////////////////////////////////////////////////*/
div .iappcreation-login-content{
    width: 55%;
}


/*//////////////////////////////////////////////////////////////////////////////////*//*//////////////////////////////////////////////////////////////////////////////////*/
/*                                                                                                                                                                        */
/*                                                                                                                                                                        */
/*                                                                            Registration Page                                               
/*                                                                                                                                                                        */
/*                                                                                                                                                                        */
/*//////////////////////////////////////////////////////////////////////////////////*//*//////////////////////////////////////////////////////////////////////////////////*/
div .iappcreation-registration-content{
    width: 55%;
}


/*//////////////////////////////////////////////////////////////////////////////////*//*//////////////////////////////////////////////////////////////////////////////////*/
/*                                                                                                                                                                        */
/*                                                                                                                                                                        */
/*                                                                              Footer                                               
/*                                                                                                                                                                        */
/*                                                                                                                                                                        */
/*//////////////////////////////////////////////////////////////////////////////////*//*//////////////////////////////////////////////////////////////////////////////////*/
div.iappcreation-footer-mobile{
    display:none;
}
.iappcreation-footer.icon{
    position:relative;
    top:3px;
    display:inline;
    margin-right:5px;
}
.iappcreation-footer .last-column img + p{
    position: relative;
    bottom: 12px;
}
.iappcreation-footer p, .iappcreation-footer hr+div{
    font-weight: 100;
}
.iappcreation-footer a:hover p{
    text-decoration: underline;
}




/*//////////////////////////////////////////////////////////////////////////////////*//*//////////////////////////////////////////////////////////////////////////////////*/
/*                                                                                                                                                                        */
/*                                                                                                                                                                        */
/*                                                                              Header                                             
/*                                                                                                                                                                        */
/*                                                                                                                                                                        */
/*//////////////////////////////////////////////////////////////////////////////////*//*//////////////////////////////////////////////////////////////////////////////////*/

/* Hide Search Icon And Search Bar */
img.iappcreation-search-icon ,img.iappcreation-account-icon ,.dashboard-profile-information-image-header{
    display:none!important;
}
    
.logged-in .header-text-group{
    display:none!important;
}
.logged-in img.iappcreation-account-icon,.logged-in .dashboard-profile-information-image-header{
    display:inline-block!important;
}
/* ลดระยะห่างจากด้านบนของ Header */
.site-header {
    padding-top: 0px!important;
}
/* รูปรถเข็น  Margin ด้านล่างเอาออก */
.site-header-cart .cart-contents:after {
    display: none!important;
}
.site-header-cart .cart-contents {
    float:right;
    padding: 5px 0px 0px 15px !important;
}
/* UL ของส่วน Cart */
.woocommerce-active .site-header .site-header-cart {
    width: 192px !important;
    padding:0!important;
    margin-left: 0.5em;
    order: 2;
}

/* Menu Header*/
nav button.menu-toggle{
    display:none!important;
}

img.iappcreation-account-icon {
    display: inline;
    border-radius: 100%;
    width: 37px;
    margin-left: 17px;
    margin-top: 7px;
}

img.iappcreation-cart-icon{
    float: right !important; 
    width: 32px !important;
}

.site-search-mobile{
    display:none!important;
}

/* Brand Image */
.iappcreation-header .site-branding{
    position: relative;
    bottom: 10px;
    width:170px !important;
    margin-bottom: 0!important;
    top: 0 !important;
}

.facebook-img-icon{
    width: 32px !important;
}
/* เปลี่ยนสี Dropdownlist ตอน Hover Cart */
.site-header-cart .widget_shopping_cart , 
.site-header-cart .widget_shopping_cart span,
.site-header-cart .widget_shopping_cart p
{
    background-color : #e796a1!important;
}
.site-header-cart .widget_shopping_cart {
    padding-top : 20px;
}
.site-header-cart .widget_shopping_cart_content{
    text-align: center;
}

/* รูปแบบ Flex จะทำให้จัดกึ่งกลางบนล่างสะดวกมาก */
.iappcreation-header Nav.main-navigation,
.iappcreation-cart-content{
    display:none!important;
}
.storefront-primary-navigation{
    margin-left:0!important;   
    margin-right:0!important; 
    padding-left:0!important; 
    padding-right:0!important;
}
.header-text-group{
    margin-top:0px !important;
    order:3 ;
}
.iappcreation-header{
    display: flex;
    align-items: center;
    height:90px;
}
.iappcreation-header .site-search{
    margin-left: auto;
    margin-bottom:0!important;
}
.iappcreation-header .link-account-icon{
    order:3;
}
.logged-in .iappcreation-header .site-header-cart{
    margin-left:3.5em!important;
}
/* End Flex*/

.iappcreation-header input[type='search']::placeholder{
    opacity: 0.6;
}
/*//////////////////////////////////////////////////////////////////////////////////*//*//////////////////////////////////////////////////////////////////////////////////*/
/*                                                                                                                                                                        */
/*                                                                                                                                                                        */
/*                                                                              Public CSS                                                
/*                                                                                                                                                                        */
/*                                                                                                                                                                        */
/*//////////////////////////////////////////////////////////////////////////////////*//*//////////////////////////////////////////////////////////////////////////////////*/
    .storefront-primary-navigation:after, .storefront-primary-navigation:before {
        display: inline!important; 
    }
    /* ปุ่ม ทั้งหมด */
    button, input[type="button"], input[type="reset"], input[type="submit"], .button, .added_to_cart, .widget a.button, .site-header-cart .widget_shopping_cart a.button {
        transition:all 0.3s ease;
    }

    /* Hover แล้ว Img ใหญ่ขึ้น */
ul.products li.product:hover img{
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.iappcreation-home ul.products li.product:hover img{
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}
ul.products li.product img{
    transition: all 0.1s ease-out;
}

a.button:hover {
    background-color: rgba(230, 150, 162, 0.9) !important;
    color: white !important;
    border-color: rgba(230, 150, 162, 0.8) !important;
    }
    /* แก้ Hover ใน Message เป็นสีชมพู */
    .woocommerce-message .button:hover{
    background-color: transparent !important;
    border-color : transparent !important;
    border-left-color: rgba(255,255,255,.25)!important;
    }
    .button.alt:hover {
    background-color: rgba(230, 150, 162, 0.9) !important;
    color: white !important;
    border-color: rgba(230, 150, 162, 0.8) !important;
    }
/*//////////////////////////////////////////////////////////////////////////////////*//*//////////////////////////////////////////////////////////////////////////////////*/
/*                                                                                                                                                                        */
/*                                                                                                                                                                        */
/*                                                                          Related products 3 Columns                                            
/*                                                                                                                                                                        */
/*                                                                                                                                                                        */
/*//////////////////////////////////////////////////////////////////////////////////*//*//////////////////////////////////////////////////////////////////////////////////*/

section.related.products h2{
    margin-top: 12px;
}


/*//////////////////////////////////////////////////////////////////////////////////*//*//////////////////////////////////////////////////////////////////////////////////*/
/*                                                                                                                                                                        */
/*                                                                                                                                                                        */
/*                                                                        หน้า Checkout                                     
/*                                                                                                                                                                        */
/*                                                                                                                                                                        */
/*//////////////////////////////////////////////////////////////////////////////////*//*//////////////////////////////////////////////////////////////////////////////////*/
/* Set 2 columns ให้ phone กับ Email  */
    /* #billing_phone_field{
        width: 33.33% !important;
        float: left !important;
        margin-right: 11.11% !important;
        clear: none !important;
    } */
    #billing_email_field{
       display:none;
    }
    #billing_first_name_field{
        margin-right:0!important;
        float:none!important;
        width:100%!important;
    }
    #billing_last_name_field{
        margin-right:0!important;
        float:none!important;
        width:100%!important;
    }



    /*Side Menu  promotion icon*/
    .widget_pages ul li:nth-child(10):after{
        font-family: "iappcreation_font";
        content: "\e801";
        display: inline-block;
        font-size: 25px;
        color: rgb(241,85,107);
        margin-left: 10px;
        -webkit-animation: rotating 0.5s linear infinite;
        -moz-animation: rotating 0.5s linear infinite;
        -ms-animation: rotating 0.5s linear infinite;
        -o-animation: rotating 0.5s linear infinite;
        animation: rotating 0.5s linear infinite;
    }


    
    /*//////////////////////////////////////////////////////////////////////////////////*//*//////////////////////////////////////////////////////////////////////////////////*/
/*                                                                                                                                                                        */
/*                                                                                                                                                                        */
/*                                                                       admin Order                                
/*                                                                                                                                                                        */
/*                                                                                                                                                                        */
/*//////////////////////////////////////////////////////////////////////////////////*//*//////////////////////////////////////////////////////////////////////////////////*/

    .post-type-shop_order .wp-list-table tfoot th:last-child, .post-type-shop_order .wp-list-table thead th:last-child{
        width: 6ch !important;
    }

    .hidden-desktop{
        display:none;
    }


    .hide-mobile{
        display: block !important;
    }
    
    .hide-desktop{
        display: none !important;
    }
    
    .hide-table-desktop{
        display: none !important;
    }

    .storefront-breadcrumb{
        display:none!important;
    }
}