@import '../css/animate.css';
@import '../css/bootstrap.min.css';
@import '../css/font-awesome.min.css';
@import '../css/prettyPhoto.css';
@import '../css/price-range.css';
@import '../css/responsive.css';
@import '../css/z.app.min.css';
@import '../css/mnm-style.css';

/*----- Custom CSS ------*/

/* Font Styling */

h1 {
	line-height:1.35;
}

.free-ship-talker {
	font-weight:700;
}

.bold {
	font-weight:700;
}

font {
	color: red;
}

/* Category Listing Page Meta */

#sorter label {
	display: inline-block;
}

#sorter select {
	display: inline-block;
	width:auto !important;
	font-size: 1rem;
	padding:.325rem;
	height: auto;
	margin-bottom: 1.125rem;
}


/* Category Product Listing */

.category__images {
        
}

.images__product {
	margin-bottom:2rem;
	text-align: center; 
	float: left !important;	
}

.slick-slider .images__product {
	margin-bottom: 0;
}

.product__image img {
	margin-bottom:.5rem !important;
}

.product__name {
	height:5rem;
	overflow:hidden;
}

.smaller {
	font-size:90% !important;
	height:4rem !important;
	margin-bottom: .5rem !important;
}

.product__name a {
	font-weight: lighter !important;
	text-decoration: none !important;
}

.product__details {
	border-top:1px solid rgba(65, 31, 31, 0.5);
	border-bottom:1px solid rgba(65, 31, 31, 0.5);
	padding:9px 0;
}

.product__properties {
	display:none;
}

.product__price {
	font-size:1.5rem;
}

.product__price a:hover {
	text-decoration:none;
}

.SingleProductDisplayUOM {
	display:none;
}

.product__addtocart {
	line-height:36px;
	vertical-align: middle;
}

.product__addtocart span {
	margin-bottom:0 !important;
}

/* Product page specific */

#image-loader {
	min-height: 300px;
	background: transparent url('../../images/chocomaker-loading.gif') center center;
}

#image-hider {
	display:none;
}
.product__detail {
	background:#fff;
	padding:18px;
	border-radius:8px;
}

.detail__title {
	color: #0c8676;
    font: bold 2rem/1.25 "brandon grotesque",helvetica,sans-serif;
    text-transform: uppercase;
}

.detail__price {
	font: normal 1.5rem/1.5 "brandon grotesque", helvetica, sans-serif;
}

.detail__quantity {
	
}

.detail__wishlist {
	
}

#ucContentMiddleCenter_divWishList {
	display: inline-block;
}

.product__description {
	
}

.product__description li {
	margin: 0 0 .5rem;
}

.description__copy {
	
}

.description__properties {
	
}

.product__share {
	
}

.pin-share, .face-share, .twitter-share {
	9display: none !important;
}

.toggle__slide {
	padding: 9px 0;
	border-bottom:1px solid rgba(65, 31, 31, 0.5);
	cursor:pointer;
}

.fa-angle-down {
	transition: transform .2s ease-out;
}

.slide__list {
	display: none;
}
.rotate {
	transform: rotate(180deg);
}

.detail_wishlist {
	display: inline-block;
}
#ucContentMiddleCenter_inQty {
	width:15%;
	display:inline-block;
	height:36px;
	text-align: center;
	padding:0;
}
.fa-plus-square {
	cursor: pointer;
}
.fa-minus-square {
	cursor: pointer;
}
.slick-slider {
	cursor: pointer;
}

.slider-nav .slick-slide {
	padding: 0 9px;
}
.custom-slider-nav {
	position:relative;
}
.fa-arrow-circle-left {
	left:-10px;
	9color:white;
}
.fa-arrow-circle-right {
	right:-15px;
	9color:white;
}
.fa-arrow-circle-left, .fa-arrow-circle-right {
	position: absolute;
	top: 47%;
	cursor:pointer;
}

#ucContentMiddleCenter_tblGrid, #ucContentMiddleCenter_tblGrid input {
	margin-bottom: 0;
	height: auto;
}

.ratings .color {
	color:#f6e705;
}

.yotpo-small-box {
	display:none;
}

.yotpo-regular-box {
	border-top: 0px solid #e3e3e3 !important;
}

.stars-wrapper {
	cursor:pointer;
}

.search__dropdown {
	padding:.375rem 0;
}

/* Page Layout / Styling */
#options__box label {
	margin:0 !important;
	padding:0 !important;
}

#options__box input {
	margin: 0 .75rem .5rem 0;
}

#options__box input:last-child {
	margin-bottom:0;
}

#options__box {
	display:none;
	-moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #fff;
    border-color: gray;
    border-image: none;
    border-radius: 0 0 8px 8px;
    border-style: solid;
    border-width: 0 1px 1px;
    margin-top: 0.5rem;
    padding: 0.25rem 0.5rem;
    position: absolute;
    width: 80%;
	z-index: 888;
}

#ucContentMiddleCenter_ContentColumn1_ctl00_txtInput {
	width:88% !important;
}

#AutoCompleteEx_completionListElem {
	padding:8px !important;
	width:300px !important;
}

#AutoCompleteEx_completionListElem  li:hover {
	background-color: #411f1f !important;
}

.sidebar .title {
	font-weight: 700;
	margin-bottom:1.125rem;
	margin-right: -1rem;
	padding-bottom:1.125rem;
	border-bottom: 1px solid rgba(65, 31, 31, 0.5);
}

.panel-group .panel-title {
	font-size: 1.125rem;
	text-transform:	capitalize;
	9font-family: roboto,helvetica,sans-serif;
	font-weight: 300;
	letter-spacing: 0;
}

.panel-group .CurrentCategory .panel-title {
	font-weight: 900;
}

.CatLvl-0 {
	
} 

.CatLvl-1 {
	padding-left: 1rem;
}

.CatLvl-2 {
	padding-left: 2rem;
}

.breadcrumbs {
	margin: 0 0 1.125rem;
    background-color: #fff;
    border-color: rgba(65, 31, 31, 0.5);
    border-radius: 0;
    border-style: solid;
    border-width: 0 0 1px;
    display: block;
    list-style: outside none none;
    overflow: visible;
    padding: 0 0 0.875rem;
}

.breadcrumbs .BreadCrumbTrailNoLink {
	font-weight: 500;
	color: #2fb7a9;
}

.breadcrumbs > a, .breadcrumbs > span {
	vertical-align: middle;
	line-height: 2.5rem;
}

.cat-list {
	margin-left: 0;
	font-weight: 300;
}

.cat-list .CurrentCategory {
	font-weight: bold;
}

.mini__cart {
	padding: .6rem;
	border-radius:8px;
	background-color: #0c8676;
	position: relative;
	overflow:visible;
}

.mini__cart .popover {
	text-align: center;
}

.cart__icon {
	color:#fff;
}

.cart__number {
	background-color: red;
    border-radius: 99px;
    color: #fff;
    font: bold 0.75rem/1 roboto,helvetica,sans-serif;
    min-width: 20px;
    padding: 0.25rem;
    position: absolute;
    right: -40%;/*-0.65rem;*/
    text-align: center;
    top: -30%;/*-0.65rem;*/
}

.cart__label__popover {
	
}

.cart__price__popover {
	font: normal 1rem/1 geometron, roboto, sans-serif;
}

/* Cart/Checkout Specific Page Styling */

#ucContentMiddleCenter_tblItems {
	
}

#ucContentMiddleCenter_tblItems .FormInput {
	margin-bottom: 0;
	text-align: center;
}

#divTotal {
	9padding:1rem;
	9border:1px solid #411f1f;
}

.checkout__steps {
	border-bottom:1px solid rgba(65, 31, 31, 0.5);
}

.checkout__steps .steps {
	padding: 1.125rem .75rem !important;
	text-align: center;
}
.WebPageMessageWarning  {
	text-align: center;
}
.address__options {
	display: inline-block;
}

.address__options .checkboxStyle {
	margin-bottom:0;
}

.cc-imgs img {
	float:left;
	margin-right:.5rem;
}

#ucContentMiddleCenter_CCTABLE {
	margin-bottom:0;
}

#ucContentMiddleCenter_CCARD0_inCCNameOnCard {
	background-color:#f0f0f0 !important;
}

#ucContentMiddleCenter_PackageList .button.tiny, button.tiny {
	margin:0;
}

#ucContentMiddleCenter_PackageList_PackageItems_0 .table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > td, .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td  {
	border-width: 0 0 2px 0 !important;
}

#ucContentMiddleCenter_PackageList_PackageItems_0 .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td  {
	border-width:0 0 0 0 !important;
}

/* Utility Classes */

.ErrorMessage2 {
	position:absolute;
	top:36%;
	right:6%;
}
.border-top {
	border-top: 1px solid rgba(65, 31, 31, 0.5);
}

.border-bottom {
	border-bottom: 1px solid rgba(65, 31, 31, 0.5);
}

.pad-bottom {
	margin-bottom: 2rem !important;
}

.text-bold {
	font-weight: bold;
}

/*  Medium screens and up  */
@media screen and (min-width: 481px) {
	.sidebar {
		border-right: 1px solid rgba(65, 31, 31, 0.5);
	}
} 

/*  Large screens and up  */
@media screen and (min-width: 641px) {
	.images__product {
	  text-align: left;       
	}
	#pager {
		text-align:center;
	}
	#sorter {
		text-align: right;
	}	
}

/*  Medium screens and down  */
@media screen and (max-width: 640px) {
	.pad-bottom-on-small {
		margin-bottom: 2rem !important;
	}
}

/*  Small screens and down  */
@media screen and (max-width: 480px) {
	.pad-bottom-on-small {
		margin-bottom: 2rem !important;
	}
	
	
}