@import url("../custom/6+.css");

/* CSS FONTS */
/*@font-face {
  font-family: 'HighTide';
  src:  url('fonts/HighTide.otf')  format('opentype'), url('fonts/HighTide.woff') format('woff'), url('fonts/HighTide.ttf')  format('truetype');
  font-weight: normal;
  font-style: normal;
}
.HighTide {
	 font-family: 'HighTide';
	 color: #816252;
	 font-size: 55px;
}*/

/* CSS UNIVERSALI */
.solodesktop {
	display: inline;
	}
.solomobile {
	display: none;
	}




.categories {
	float: none;
	width: 90px;
	min-width: 90px;
	height: 300px;
	margin: 15px;
	background-size: auto 105%;
	background-position: center;
	border-radius: 40px;
	box-shadow: 0px 1px 7px #666;
}
.categories .categories-details {
	flex-direction: column;
	top: auto;
	left: 23px;
	bottom: 10px;
	transform: none;
}
.quantity .plusx, .quantity .minusx {
	display: block;
	cursor: pointer;
	border: 0px transparent;
	padding: 0;
	width: 36px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	background-color: #EEE;
	font-size: 1rem;
	font-weight: bold;
	transition: background-color .2s linear;
	-webkit-transition: background-color .2s linear;
	-o-transition: background-color .2s linear;
}
.quantity .plusx:hover, .quantity .minusx:hover {
	background-color: #DDD;
}
.entry::after {
	margin-top: 0px;
}
.product-price {
	font-size: 1.180rem;
	font-weight: 700;
	color: #bfae82;
	margin-bottom: 4px;
}
.content-wrap {
	padding: 40px 0;
}
label {
	font-size: 13px;
	font-family: 'Noto Sans', sans-serif;
}

.categories .categories-details .info {
	text-shadow: 1px 2px 8px black;
}
.style-msg .sb-msg, .style-msg2 .msgtitle, .style-msg2 .sb-msg {
	font-size: 0.8rem;
}
.bg-dark {
	background-color: #154990 !important;
}
#page-title {
	padding: 2rem 0;
}
/* CSS DESKTOP */
@media (min-width: 1200px) {

}


/* CSS RESPONSIVE TABLET PRO */
@media (min-width: 768px) and (max-width: 991px) {

}


/* CSS RESPONSIVE   TABLET PRO*/
@media (min-width: 992px) and (max-width: 1199px) {



}


/* CSS RESPONSIVE TABLET */
@media (max-width: 767px) {


}


/* CSS RESPONSIVE SMARTPHONE */
@media (max-width: 480px) {
	.solodesktop {
	display: none;
	}
.solomobile {
	display: inline;
	}

.offset-3 {
	margin-left: 0%;
}
.categories {
	position: relative;
	float: left;
	overflow: hidden;
	width: calc(50% - 20px);
	height: 80px;
	margin: 10px;
	background-size: cover;
	background-position: center center;
	border-radius: 20px;
	transition: all 0.5s cubic-bezier(.02, .01, .5, 1);
}
.categories .categories-details {
	position: absolute;
	display: flex;
	left: 50%;
	top: 50%;
	bottom: auto;
	z-index: 2;
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: 1px;
	transform: translate(-50%, -50%);
}
	.offset-1 {
	margin-left: 0;
}

}