@import url('https://fonts.googleapis.com/css?family=Italianno');

/*******************************Calendar Top Navigation*********************************/
.homeMainSearch .deliveryZip .form-row {
	text-align:center;
	justify-content:center;
}
.deliveryZip .custom-select{
	-webkit-appearance: none;
	-moz-appearance: none;
	margin:0 !important;
}

.cookie-message{
	z-index:10000;
}

div#calendar{
  margin:0px auto;
  padding:0px;
  width: 492px;
  background-color:white;
  max-width:100%;
}
div#calendar-period{
  margin:0px auto;
  padding:0px;
  width: 492px;
  background-color:white;
  text-align:center;
  max-width:100%;
}
div#calendar-period h3{
	font-size:1.3em;
}
div#calendar-period div button {
	margin:1em 2em;
}
 
div#calendar div.box{
    position:relative;
    top:0px;
    left:0px;
    width:100%;
    height:40px;
	color:#959595;
}
 
div#calendar div.header{
    line-height:40px;  
    vertical-align:middle;
    width:100%;
    height:40px;
	padding:0 .5em;
    text-align:center;
	display:flex;
	justify-content: space-between;
}
 
div#calendar div.header a.prev,
div#calendar div.header a.next{   
    display:block;
    cursor:pointer;
    text-decoration:none;
    color:inherit;
}
 
div#calendar div.header span.title{
    font-size:18px;
	display:block;
}
 
 
div#calendar div.header a.prev{
    left:0px;
}
 
div#calendar div.header a.next{
    right:0px;
}
 
 
 
 
/*******************************Calendar Content Cells*********************************/

 
 
 
div#calendar ul.label{
	display:flex;
	border-top:1px solid #d0d0d0;
	border-bottom:1px solid #d0d0d0;
}
 
div#calendar ul.label li{
    margin:0px;
    padding:0px; 
    list-style-type:none;    
    width:14.28%;
    height:40px;
    line-height:40px;
    vertical-align:middle;
    text-align:center;
    color:#000;
    font-size: 15px;
    background-color: transparent;
}
 
 
div#calendar ul.dates{
    display:flex;
	flex-wrap:wrap;
    margin: 0px;
    padding: 0px;
}
 
/** overall width = width+padding-right**/
div#calendar ul.dates li{
    margin:0px;
    padding:0px;
    line-height:70px;
    vertical-align:middle;
    list-style-type:none;
    width:14.28%;
    height:70px;
    font-size:25px;
    color:#000;
    text-align:center; 
	cursor:pointer;
}
div#calendar ul.dates li.selected {
	background-color:#AFA06E;
}
div#calendar ul.dates li:hover {
	background-color:#f8dccc;
}
div#calendar ul.dates li.end {
	color:red;
}
div#calendar ul.dates li.disabled {
	text-decoration: line-through;
	color:#d0d0d0;
}


:focus{
    outline:none;
}
 
div.clear{
    clear:both;
}   


.calendar-overlay {
	display:none;
	background-color:rgba(0,0,0,.8);
	position:fixed;
	left:0;
	right:0;
	bottom:0;
	top:0;
	z-index:9999;
}
.calendar-overlay > .calendar-wrp {
	width: 80%;
	max-width:600px;
	height:80%;
	max-height:600px;
	transform:translate(-50%, -50%);
	left:50%;
	top:50%;
	position:fixed;
}

.ui-tooltip.ui-widget.ui-widget-content.zipcode-tooltip {
	background:#5a9e74;
}

.ui-tooltip.ui-widget.ui-widget-content.zipcode-tooltip .ui-tooltip-content::before {
	border-top-color:#5a9e74;
}

#group_5 .color.texture{
	width:100px;
	height:100px;
	background-color:transparent;
}

#group_5 .color.texture .check-circle {
	width:100%;
	height:100%;
}
#group_5  .color-name {
	display:block;
}

.xcategory {
	margin-bottom:2em;
}
.xcategory h3 {
	position:relative;
	line-height:1.4em;
	margin-bottom:1em;
}
.xcategory h3:before {
	content:' ';
	position:absolute;
	top:110%;
	left:1px;
	width:50px;
	height:3px;
	background-color:#ff761b;
}
.xcategory-products {
	
}
.xcategory-product {
	display:inline-block;
	max-width:31%;
	width:100%;
	background-color:white;
	border:2px solid #f0f0f0;
	padding:1em;
	text-align:center;
	margin:1%;
	border-radius:4px;
	cursor:pointer;
	position:relative;
}
.xcategory-product:hover,
.xcategory-product.selected {
	border-color:#d6ae31;
}

.xcategory-product img{
	max-width:70%;
}
.xcategory-product .name {
	color:#4a4a4a;
	margin-bottom:.5em;
	height:4.5em;
}
.xcategory-product .desc {
	height:3.9em;
	line-height:1.3em;
	margin-bottom:.5em;
	color:#9b9b9b;
}
.xcategory-product .price {
	font-size:1em;
	font-weight:normal;
	
}
.xcategory-product .btn-add {
	border: 2px solid #f0f0f0;
	background-color:white;
	color:black;
}
.xcategory-product .btn-add:hover,
.xcategory-product.selected .btn-add{
	border-color:#d6ae31;
}
.xcategory-product .price span{
	margin:0 1em;
	
}
.xcategory-product .price.reduced .normal {
	text-decoration:line-through;
}
.xcategory-product .price .reduced {
	color:red;
} 
.xcategory-message {
	border-radius:4px;
	margin:0 1%;
}
.xcategory-message .btn-secondary{
	color:rgba(0,14,16,.68);
	border: 1px solid #c7c7c7;
	background-color:white;
	padding:7px 10% 7px 2.5em;
}
.xcategory-message > div {
	margin-bottom:1em;
}
.xcategory-message textarea{
	width:100%;
	height:5em;
	border: 1px solid #c7c7c7;
	border-radius:4px;
	padding:1em;
	/* background-image:url('/modules/salesflowers/views/images/pixel.png');
	background-clip: content-box; */
	/* font-family: 'Italianno', cursive; */
	color:rgba(0,14,16,.68);
	font-size:3em;
	line-height:0.84em;
}

.xcategory-message-cart{
	width:100%;
	min-height:5em;
	padding:1em;
	/* background-image:url('/modules/salesflowers/views/images/pixel_small.png');
	background-clip: content-box;
	font-family: 'Italianno', cursive; */
	color:#85764E;
	font-size:27px;
	line-height:26px;
}

.xcategory-message-button{
	padding: 20px;
	text-align: center;
	margin-top: 10px;
}

.message-cart{
	font-size:12px;
	color:#000;
	text-decoration: underline;
}

.message-cart-info{
	font-size:12px;
	color:#000;
}

.lb-center{
	text-align: center;
}

.predefined-selector {
	margin-bottom:1em;
}
.predefined-selector .dropdown{
	width:30%;
	margin:.5em;
}
.predefined-selector .dropdown button {
	width:100%;
}
.predefined-selector .dropdown a {
	white-space:normal;
}
.predefined-selector .dropdown a:hover {
	background-color:#c0c0c0;
}
.predefined-selector {
	justify-content:space-between;
	flex-wrap:wrap;
}

.loader_wrp {
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	display:none;
	background-color:rgba(0,0,0,.2);
}
.loading .loader_wrp {
	display:block;
}
.loader {
  border: 8px solid #f3f3f3; /* Light grey */
  border-top: 8px solid #d6ae31; /* Blue */
  border-radius: 50%;
  width: 50px;
  height: 50px;
  animation: spin .5s linear infinite;
  position:absolute;
  top:50%;
  left:50%;
  margin:-25px auto auto -25px;
}
.main-product-details .product-add-to-cart .add {
	margin-left: 0;
}
#cart-summary-product-list .material-icons {
	font-size:1.2em;
	margin:.2em .5em;
}
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
section.checkout-step .address-item.selected {
	border-color: #d6ae31;
}

@media (max-width:1202px) {
	
	.xcategory-product {
		max-width: 30%;
		padding:1em .5em;
		letter-spacing:-0.4px;
	}
}
@media (max-width:1024px) {
	#module-salesflowers-addonpage .w-75 {
		max-width: 100%;
		width:100% !important;
		padding:0 5px;
	}
}
@media (max-width:764px) {
	.xcategory-product .name {
		font-size:.9em;
	}
}
@media (max-height:580px) {

	div#calendar ul.dates li {
		height:25px;
		font-size:16px;
		line-height: 25px;
	}

	div#calendar-period div button {
		margin:1em;
	}
	.calendar-overlay > .calendar-wrp {
		height: 90%;
	}
	div#calendar ul.label li {
		height:25px;
		line-height: 25px;
	}
}
@media (max-width:480px) {
	
	div#calendar {
		
	}
	div#calendar-period {
		
	}
	div#calendar ul.dates li {
		height:40px;
		font-size:16px;
		line-height: 40px;
	}
	div#calendar-period div button {
		margin:1em;
	}
	#module-salesflowers-addonpage .w-75 {
		max-width: 100%;
		width:100% !important;
		padding:0 5px;
	}
	#module-salesflowers-addonpage #center-column {
		padding:0 5px;
	}
	#module-salesflowers-addonpage .addons-top {
		padding:0;
	}
	.addons-bottom .btn {
		font-size:0.775rem;
		padding:7px 4%;
	}
	.addons-top .row {
		flex-direction: column;
		
	}
	.addons-top .row > div {
		max-width:100% !important;
		width:100% !important;
	}
	.addons-top h4 {
		font-size:1em;
	}
	.xcategory-product {
		max-width: 47%;
		padding:1em .5em;
		letter-spacing:-0.4px;
	}
	.xcategory-product .name {
		font-size:.9em;
	}
	.xcategory-message {
		border:0;
		padding:0;
	}
	.xcategory-message textarea {
		padding:.1em;
	}
	.predefined-selector .dropdown button {
		font-size:.8em;
	}
	.predefined-selector .dropdown {
		margin:1%;
		width:48%;
	}
	.predefined-selector .dropdown a {
		font-size:.9em;
	}
	.predefined-selector .dropdown .dropdown-menu {
		width:200% !important;
		margin-left:-10px !important;
	}
	.predefined-selector .dropdown .dropdown-menu:nth-child(2n) {
		left:auto !important;
		right:0;
		transform:translate3d(0px,40px,0px) !important;
	}
	.deliveryZip {
		display:none;
	}
	.main-product-details .product-add-to-cart .add-to-cart {
		min-width: 150px;
	}
}