/*
Theme Name: Ashe Child
Theme URI: https://wp-royal.com/themes/item-ashe-free/
Author: Royal Flush
Author URI: http://wp-royal.com/
Description:  My first child theme, based on Ashe
Version: 1.2.1
License: GPLv3 or later
Template:     ashe
License URI: http://www.gnu.org/licenses/gpl-3.0.en.html
Tags: blog, e-commerce, food-and-drink, one-column, two-columns, three-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, custom-logo, featured-images, footer-widgets, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready
*/

@import url('../ashe/style.css');

/* clear */
.clr{clear: both !important;}

/* display */
.db {display: block !important;}
.di {display: inline !important;}
.dib {display: inline-block !important;}
.dnone {display: none !important;}

/* float */
.fl {float: left !important;}
.fr {float: right !important;}
.fnone {float: none !important;}

/* border */
.brdnone {border: none}

/* width */
.w10p {width: 10% !important;} .w20p {width: 10% !important;} .w25p {width: 25% !important;} .w30p {width: 30% !important;} .w33p {width: 33% !important;}
.w40p {width: 40% !important;} .w50p {width: 50% !important;} .w60p {width: 60% !important;} .w70p {width: 70% !important;} .w80p {width: 80% !important;}
.w90p {width: 90% !important;} .w100p {width: 100% !important;}

.w70px {width: 70px !important;}
 
/* padding */
.p0 {padding: 0 !important;} .p5 {padding: 5px !important;} .p10 {padding: 10px !important;} .p15 {padding: 15px !important;} .p20 {padding: 20px !important;} .p25 {padding: 25px !important;}
/* padding-left */
.pl0 {padding-left: 0px !important;} .pl5 {padding-left: 5px !important;} .pl10 {padding-left: 10px !important;} .pl15 {padding-left: 15px !important;} .pl20 {padding-left: 20px !important;} .pl25 {padding-left: 25px !important;} 
/* padding-right */
.pr0 {padding-right: 0px !important;} .pr5 {padding-right: 5px !important;} .pr10 {padding-right: 10px !important;} .pr15 {padding-right: 15px !important;} .pr20 {padding-right: 20px !important;} .pr25 {padding-right: 25px !important;}
/* padding-top */
.pt0 {padding-top: 0px !important;} .pt5 {padding-top: 5px !important;} .pt10 {padding-top: 10px !important;} .pt15 {padding-top: 15px !important;} .pt20 {padding-top: 20px !important;} .pt25 {padding-top: 25px !important;}
/* padding-bottom */
.pb0 {padding-bottom: 0px !important;} .pb5 {padding-bottom: 5px !important;} .pb10 {padding-bottom: 10px !important;} .pb15 {padding-bottom: 15px !important;} .pb20 {padding-bottom: 20px !important;} .pb25 {padding-bottom: 25px !important;}

/* margin */
.m0 {margin: 0 !important;} .m5 {margin: 5px !important;} .m10 {margin: 10px !important;} .m15 {margin: 15px !important;} .m20 {margin: 20px !important;} .m25 {margin: 25px !important;}
/* margin-left */
.ml0 {margin-left: 0px !important;} .ml5 {margin-left: 5px !important;} .ml10 {margin-left: 10px !important;} .ml15 {margin-left: 15px !important;} .ml20 {margin-left: 20px !important;} .ml25 {margin-left: 25px !important;} .ml30 {margin-left: 30px !important;}
/* margin-right */
.mr0 {margin-right: 0px !important;} .mr5 {margin-right: 5px !important;} .mr10 {margin-right: 10px !important;} .mr15 {margin-right: 15px !important;} .mr20 {margin-right: 20px !important;} .mr25 {margin-right: 25px !important;} .mr30 {margin-right: 30px !important;} 
/* margin-top*/
.mt5 {margin-top: 5px !important;} .mt10 {margin-top: 10px !important;} .mt15 {margin-top: 15px !important;} .mt20 {margin-top: 20px !important;} .mt25 {margin-top: 25px !important;}
/* margin-bottom */
.mb5 {margin-bottom: 5px !important;} .mb10 {margin-bottom: 10px !important;} .mb15 {margin-bottom: 15px !important;} .mb20 {margin-bottom: 20px !important;} .mb25 {margin-bottom: 25px !important;}

.nowrap{white-space: nowrap;}

html {
position: relative;
width: 100%;
height: 100%;
}

body {
position: relative;	
height: auto;
min-height: 100%;
padding-bottom: 90px;
}

#hat_line {
overflow: hidden;
border-bottom: 1px solid #ccc;
padding: 20px 0;	
}

.logo {
float: left;	
}

.top_phones {
float: right;	
font-size: 20px;
color: #ad7a00;
}

.main-content {
padding: 0 !important;	
}

.sidebar-left, .sidebar-right { width: 100% !important; }

#top_link {
margin-top: 15px;
text-align: right;
}

.copy {
padding: 10px;
text-align: center;
background: #2f2f2f;
font-size: 13px;
color: #fff;
position: absolute;
bottom: 0;
width: 100%;
}

#top_link a {
font-size: 16px;
color: #ca9b52;
}

.current-cat a {
color: #ca9b52  !important;
text-decoration: underline;
}

.woocommerce-product-gallery__trigger {
display: none;	
}

.product_title  {
margin-top: 30px;
}

.btn_request > a {
background: #ca9b52;
color: #fff !important;
padding: 8px 18px;
border-radius: 3px;
transition: 0.5s;
font-size: 17px;	
}

.btn_request > a:hover, .btn_request > a:focus {
background: #926520;
color: #fff;
padding: 8px 18px;
border-radius: 3px;
text-decoration: none;
font-size: 17px;	
}

.wpcf7 br {
display: none;	
}

.wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 input[type="url"], .wpcf7 input[type="number"], .wpcf7 input[type="tel"], .wpcf7 input[type="date"], .wpcf7 select, .wpcf7 textarea {
    border-style: solid;
    border-width: 1px;
    padding: 4px 10px;
    width: 100% !important;
    display: block;
}

#AnythingPopup_BoxContainerBody1 .wpcf7 textarea {
height: 100px;	
}

.widget_product_categories > ul > li {
    line-height: 1.6;
    padding: 10px 0;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
}
.current-cat a {
    color: #ca9b52 !important;
    text-decoration: underline;
}

#page-content .product-category:hover h2.woocommerce-loop-category__title, #page-content a:hover .woocommerce-loop-product__title {
color: #ad7a21;	
}

.phoen_gridlist_toggle {
display: none !important;	
} 

ul.phoen_list li.product img {
width: 100%;	
}

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

.phoen_grid_list_main_div {
float: right;
width: calc(69% - 25px);
}


.woocommerce ul.products li.product a img {
margin: 0px 25px 15px 0;
border: 1px solid #d8d8d8;
}

.woocommerce .phoen_list .woocommerce-loop-product__title {
display: inline;	
margin-left: 25px !important;
}

ul.phoen_list li.product {
width: 32% !important;	
}
.woocommerce ul.products li.product-category.product, .woocommerce-page ul.products li.product-category.product { width: 32% !important}

.woocommerce ul.products li.product-category.product a img { width: 100% !important; }	

}

@media screen and (max-width: 766px) {
	ul.products.phoen_list li.product img {
    width: 100% !important;
	}
}











