/* Global Styles */
@import '_Hacks.css?v=1';
@import '_header.css';
@import '_Footer.css';
@import '_ScrollBar.css';

.productsBox{}
.productsBox>.categories{justify-content:space-around;padding:0 20px;display:flex;}
.productsBox>.categories>a{border:1px solid #daa53e;cursor:pointer;background-color:#121212;font-size: 15px;width:125px;height:125px;color:#fff;justify-content:center;padding:0 20px;display:flex;flex-direction:column;text-align:center;align-items: center;}
.productsBox>.categories>a:hover{opacity:0.8;outline:2px dotted #daa53e;filter: hue-rotate(-30deg)}
.productsBox>.categories>a>img{width:64px;height:64px;}
.productsBox>.products{display:flex;flex-wrap:wrap;justify-content:center;margin-top:25px;}
.productsBox>.products>.pItem{display:flex;width:calc(100% - 110px);padding:20px;border:1px solid #daa53e;margin:10px;flex-direction:row;color:#fff;justify-content:space-between}
.productsBox>.products>.pItem>img{width:140px;}
.productsBox>.products>.pItem>div{padding:15px;text-align:right;width: 100%;}

.postBar{direction:ltr;text-align:left;color:#fff;}
.postBar>a{margin-right:10px;}
.postBar>a>i{padding:5px;margin-right:10px;}
.postBar>a.likeCount:hover{cursor:pointer;opacity:0.7;}
.postBar>a.viewCount{}
.prodDetail{display:flex;justify-content: flex-end;padding-bottom:15px;font-size:15px;}
.prodDetail>a{margin-left:20px;}
.prodDetail>b{margin-left:20px;}
.prodDetail > span {border: 1px solid #daa53e;width: 30px;text-align: center;height: 30px;line-height: 28px;border-radius: 20px;}
.prodDetail > span:hover{cursor:pointer;background-color:#daa53e;}

#cart {position: fixed;bottom: 30px;left: 30px;border-radius: 10px;width: 60px;height: 60px;border: 1px solid #624816;display: flex;align-content: center;justify-content: center;z-index: 1000;}
.cartco {position: relative;display: inline-block;line-height: 2;font-size: 25px;color: #fff;}
.cartco > span#cart-total {position: absolute;top: 0;right: -11px;background-color: #fff;height: 20px;font-size: 11px;width: 20px;border-radius: 6px;text-align: center;color: #c5a86a;}
#cart>ul{position:absolute;bottom:60px;list-style-type:none;left:0;background-color:#fff;border:1px solid #daa53e;width:420px;}
#cart > ul>li{color:#121212 !important;}

h2.lite{color:#fff;border-bottom:1px solid #daa53e;padding:5px 10px;}

.alert{position:relative;padding:10px;border-radius:5px;}
.alert-danger{background-color:#fff;border:1px solid #daa53e;color:#444;}
.alert-danger>a{color:#daa53e;}

.table-responsive{max-width:100%;}
.table {width: 100%;margin: 40px 0;color: #444;}
.table-white{background-color: #fff;}
.table-white>thead{background-color:#daa53e;color:#121212;}
.table-white>tbody>tr>td{border-bottom:1px solid #daa53e}

.bg-white{background-color:#fff}
.bg-gold{background-color:#daa53e;}

.text-white{color:#fff !important;}
.text-gold{color:#daa53e !important}
.text-black{color:#121212 !important;}

.input-group{}
.form-control{border:1px solid #daa53e;padding:5px;width:100%;color:#121212;font-size:14px;}

.table{width:100%;}
.table>thead>tr{background-color:#daa53e;color:#ffffff;}
.table>thead>tr>th{padding:3px 10px;}
.table>tbody>tr>td{background-color:#fff;color:#444;padding:3px 10px;}
.table a{color:#daa53e}

.full{width:100%;}
.half{width:50%;padding:10px 20px;}
.nav-mobile-btn{display:none;}
.logo-mobile{display:none;}
.navbar{display:block;}
@media only screen and (max-width: 1024px) {
    .container{width:100%;}
    .productsBox > .categories{flex-wrap:wrap;max-width:100%;}
    .productsBox > .categories>a{margin:10px;width:90px;height:90px;white-space: nowrap;overflow:hidden;}
    .productsBox > .products > .pItem {width:100%;flex-direction:column;justify-content:center;align-content:center;text-align:center;}
    .productsBox > .products > .pItem>img{margin:0 auto;display:block;width:80%;}
    .nav-mobile-btn{display:block;width:40px;height:40px;border:1px solid #fff;margin:15px 15px 0 0;position:absolute;top:0;right:0;background-color:transparent;cursor:pointer}
    .nav-mobile-btn:hover{opacity:0.8;}
    .nav-mobile-btn>span{width:calc(100% - 10px);height:3px;background-color:#fff;position: absolute;top: 17px;right: 5px;}
    .nav-mobile-btn > span::before {width: 100%;height: 3px;background-color: #fff;position: absolute;top: -10px;right: 0;content: '';}
    .nav-mobile-btn > span::after {width: 100%;height: 3px;background-color: #fff;position: absolute;top: 10px;right: 0;content: '';}
    .navbar{display:none;}
    nav.navbar > ul > li > a{float:right;padding:0;width:100%;}
    nav.navbar > ul > li > a > b.fa {margin-right: 5px;float: left;}
    .active-nav{display:block;}
    .logo-mobile {display: block;position: absolute;top:5px;width: 64px;height: 64px;left: 10px;}
    .logo-mobile >img{width:100%;}
    nav.navbar > ul > li{width:100%;text-align:right;}
    .hide-mobile{display:none !important;}
    main{margin-top:-90px;}
    nav.navbar > ul > li ul{position:relative;width:100%;top:25px;}

}
@media only screen and (max-width: 742px) {
    .footerBox{flex-wrap:wrap;padding:20px;}
    .footerBox>div{width:100%;}
    .blogBox > .sideBar{display:none;}
    .blogContent > div{padding-right:20px !important;padding-left:20px;}
    .half{width:100%;}
    .container-sm{width:100% !important;}
    .btn-group{flex-wrap:wrap;}
    .btn-group>.btn{width:100%;margin-bottom:10px;text-align:center;}
    .btn{line-height:1.5;}
    .homeBox > div{padding:10px;}
}