/*
 =========================================================
 =========================================================
 * EventAtelier - v1.0.0
 =========================================================
 =========================================================
*/
 
 
 
 body {
	position: relative;
}
 
 










/*==============================================================*/
/* ================ LOADING  =================*/
/*==============================================================*/
.text-loading {
	font-family:'Fredoka One';
	font-size: 1.8rem;
}













 
 /*
 =========================================================
 * CARDS
 =========================================================
 */
 
 .card {overflow:hidden}
.card.large {
height: 600px;
-webkit-backface-visibility: hidden;
backface-visibility: initial;
border-radius: 5px;
}
.media-content {
overflow: hidden;
}
.title.no-padding {
margin-bottom: 0 !important;
}
#flow span {
display: block;
width: 200vw;
height: 200vw;
position: absolute;
top: -180vw;
left: -50vw;
border-radius: 90vw;
opacity: 0.6;
}
.flow-1 {
background: #3281ff;
-webkit-animation: rotating 20s linear infinite;
-moz-animation: rotating 20s linear infinite;
-ms-animation: rotating 20s linear infinite;
-o-animation: rotating 20s linear infinite;
animation: rotating 20s linear infinite;
}
.flow-2 {
background: #f442ee;
position: absolute;
-webkit-animation: rotating 15s linear infinite;
-moz-animation: rotating 15s linear infinite;
-ms-animation: rotating 15s linear infinite;
-o-animation: rotating 15s linear infinite;
animation: rotating 15s linear infinite;
}
.flow-3 {
background: #42eef4;
position: absolute;
-webkit-animation: rotating 7s linear infinite;
-moz-animation: rotating 7s linear infinite;
-ms-animation: rotating 7s linear infinite;
-o-animation: rotating 7s linear infinite;
animation: rotating 7s linear infinite;
}
@-webkit-keyframes rotating {
from {
-ms-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-ms-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes rotating {
from {
-ms-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-ms-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.rotating {
-webkit-animation: rotating 2s linear infinite;
-moz-animation: rotating 2s linear infinite;
-ms-animation: rotating 2s linear infinite;
-o-animation: rotating 2s linear infinite;
animation: rotating 2s linear infinite;
}
.footer{
background-color: #222831;
color: white;
}
.footer p, strong
{color: white}
.footer a:hover
{color: #  background: rgba(0,166,208,1);
background: -moz-linear-gradient(left, rgba(0,166,208,1) 0%, rgba(123,226,247,1) 60%, rgba(105,204,224,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,166,208,1)), color-stop(60%, rgba(123,226,247,1)), color-stop(100%, rgba(105,204,224,1)));
background: -webkit-linear-gradient(left, rgba(0,166,208,1) 0%, rgba(123,226,247,1) 60%, rgba(105,204,224,1) 100%);
background: -o-linear-gradient(left, rgba(0,166,208,1) 0%, rgba(123,226,247,1) 60%, rgba(105,204,224,1) 100%);
background: -ms-linear-gradient(left, rgba(0,166,208,1) 0%, rgba(123,226,247,1) 60%, rgba(105,204,224,1) 100%);
background: linear-gradient(to right, rgba(0,166,208,1) 0%, rgba(123,226,247,1) 60%, rgba(105,204,224,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a6d0', endColorstr='#69cce0', GradientType=1 );;}
.fa
{color: white;
    margin: 10px}
 
 
 
 
 
 
 
 
 
 
.descripcion {
    font-size: 0.72rem!important;
    line-height: 1.2!important;
}

.city {
	color: #8d8d8d;
    font-size: 0.65rem;
    line-height: 1!important;
    text-transform: uppercase;
}
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 /*
 =========================================================
 * BACKGROUNDS
 =========================================================
 */
 
 
 .bg-taste {
    /*background-color: #6b8f00;*/
    background-color: #568f03 !important;
}
 
 
.bg-black {
	background-color: black !important;
}
 
 
 
 
 
 
 
 /*
 =========================================================
 * NAV BAR
 =========================================================
 */
 
a.navbar-item:hover, a.navbar-item.is-active,
.navbar-link:hover,
.navbar-link.is-active {
/*   background-color: #568f03 !important; */
  background-color: #eaeaea !important;
  color: black !important;
}
 
 
 

.goback {
background: none;
margin: 0;
position: fixed;
top: 5px;
right: 60px;
width: 34px;
height: 39px;
z-index: 30;
display: none;
text-decoration: none;
color: white;
background-color: transparent;
font-size: 23px;
}
 
 
 
 
 
 
 
 
 



 
 
 
 
 /*
 =========================================================
 * CARDS
 =========================================================
 */

/*==== HORIZONTAL SLIDER =========*/

.cardslider {
  /* line them up horizontally */
  display: flex;
  /* allow for scrolling */
  overflow-x: auto;
  /* make it smooth on iOS */
  -webkit-overflow-scrolling: touch;
  margin-top: 5px;
}


.cardslider > .column {
	padding: 0.75em 1em;
}


@media (max-width:320px) {
	.cardslider > div {
	  /* make sure the width is honored */
	  flex-shrink: 0;
	  width: 80%;
	  max-width: 310px;
	  /*height: 300px;*/
	  margin-left: -5px;
	  /*padding-right: 15px;*/
	  /*padding-right: 10px;*/
	}
}


@media (max-width:640px) {
	.cardslider > div {
	  /* make sure the width is honored */
	  flex-shrink: 0;
	  width: 50%;
	  max-width: 420px;
	  /*height: 300px;*/
	  margin-left: -5px;
	  /*padding-right: 15px;*/
	  /*padding-right: 10px;*/
	}
}


@media (max-width:767px) {
	.cardslider > div {
	  /* make sure the width is honored */
	  flex-shrink: 0;
	  width: 40%;
	  max-width: 500px;
	  /*height: 300px;*/
	  margin-left: -5px;
	  /*padding-right: 15px;*/
	  /*padding-right: 10px;*/
	}
}


@media (min-width:768px) {
	.cardslider > div {
	  /* make sure the width is honored */
	  flex-shrink: 0;
	  width: 35%;
	  max-width: 500px;
	  /*height: 300px;*/
	  margin-left: -5px;
	  /*padding-right: 15px;*/
	  /*padding-right: 10px;*/
	}
}




.minicardslider {
  display: flex;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  margin-top: 15px;	
  margin-left: 15px;
}
.minicardslider > div {
  flex-shrink: 0;
  width: 90%;
  max-width: 310px;
  margin-left: 5px;
  padding-right: 0px;
}




.minisection {
  padding: 0.025rem 1rem 0.025rem 1rem;
}






.rating-div {
	margin-top: -20px;
	/*padding-bottom: 10px;*/
}




.rounded-corners {
	border-radius: 9px;
}

.card-shadow {
	-webkit-box-shadow: 2px 2px 4px 1px rgba(0,0,0,0.05);
	-moz-box-shadow: 2px 2px 4px 1px rgba(0,0,0,0.05);
	box-shadow: 2px 2px 4px 1px rgba(0,0,0,0.05);
}

.card-shadow:hover {
	-webkit-box-shadow: 2px 2px 4px 1px rgba(0,0,0,0.15);
	-moz-box-shadow: 2px 2px 4px 1px rgba(0,0,0,0.15);
	box-shadow: 2px 2px 4px 1px rgba(0,0,0,0.15);
}









.card-category {
	-webkit-box-shadow: 3px 3px 8px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 3px 3px 8px 0px rgba(0,0,0,0.25);
	box-shadow: 3px 3px 8px 0px rgba(0,0,0,0.25);
	opacity: 0.6!important;
}

.card-category-selected {
	-webkit-box-shadow: 3px 3px 8px 0px rgba(0,0,0,0.45);
	-moz-box-shadow: 3px 3px 8px 0px rgba(0,0,0,0.45);
	box-shadow: 3px 3px 8px 0px rgba(0,0,0,0.45);
	opacity:1!important;
}




.card-mainbrand {
	float: right;
	text-align: right;
	top: 10px;
	right: 10px;
	position: absolute;
	height: 70px;
	max-width: 80px;
}
.card-mainbrand-med {
	float: right;
	text-align: right;
	top: 7px;
	right: 7px;
	position: absolute;
	height: 50px;
	max-width: 60px;
}
.card-mainbrand-mini {
	float: right;
	text-align: right;
	top: 5px;
	right: 5px;
	position: absolute;
	height: 40px;
	max-width: 50px;
}















 
 
 
 
 /*
 =========================================================
 * HORIZONTAL SLIDER
 =========================================================
 */

/*==============================================================*/
/* ================ STICKY SEARCH ALPHA HEADER =================*/
/*==============================================================*/


.alphaheader {
    margin: 0 auto;
    top: 0;
    width: 100%;
    z-index: 9;
}

.alphaheader-fixed {
	position: fixed;
	margin-top: 50px;
}

.alphaheader-unfixed {
	position: relative;
	margin-top: 0px;
}




.alphaslider {
  /* line them up horizontally */
  display: flex;
  /* allow for scrolling */
  overflow-x: auto;
  /* make it smooth on iOS */
  -webkit-overflow-scrolling: touch;
  
}


@media (max-width:320px) {
	.alphaslider > a {
	  /* make sure the width is honored */
	  flex-shrink: 0;
	  width: 90%;
	  max-width: 40px;
	  /*height: 300px;*/
	  margin-left: -5px;
	  /*padding-right: 15px;*/
	  padding-right: 6px;
	}
}


@media (max-width:640px) {
	.alphaslider > a {
	  /* make sure the width is honored */
	  flex-shrink: 0;
	  width: 97%;
	  max-width: 40px;
	  /*height: 300px;*/
	  /*margin-left: -5px;*/
	  /*padding-right: 15px;*/
	  /*padding-right: 6px;*/
	}
}
@media (min-width:641px) {
	.alphaslider > a {
	  /* make sure the width is honored */
	  flex-shrink: 0;
	  width: 99%;
	  max-width: 40px;
	  /*height: 300px;*/
	  margin-left: -5px;
	  /*padding-right: 15px;*/
	  padding-right: 6px;
	}
}



.sorter {
	float: left;
	font-weight: 300;
	font-size: 14px;
	line-height: 1;
}



 
a.button .highlighted {
  color: #ffc600;
}
 








.button.is-taste {
  background-color: #568f03;
  border-color: transparent;
  color: #fff;
}

.button.is-taste:hover, .button.is-taste.is-hovered {
  background-color: #30A6F5;
  border-color: transparent;
  color: #fff;
}

.button.is-taste:focus, .button.is-taste.is-focused {
  border-color: transparent;
  color: #fff;
}

.button.is-taste:focus:not(:active), .button.is-taste.is-focused:not(:active) {
  box-shadow: 0 0 0 0.125em rgba(255, 56, 96, 0.25);
}

.button.is-taste:active, .button.is-taste.is-active {
  background-color: #30A6F5;
  border-color: transparent;
  color: #fff;
}

.button.is-taste[disabled] {
  background-color: #568f03;
  border-color: transparent;
  box-shadow: none;
}

.button.is-taste.is-inverted {
  background-color: #fff;
  color: #568f03;
}

.button.is-taste.is-inverted:hover {
  background-color: #f2f2f2;
}

.button.is-taste.is-inverted[disabled] {
  background-color: #fff;
  border-color: transparent;
  box-shadow: none;
  color: #568f03;
}

.button.is-taste.is-loading::after {
  border-color: transparent transparent #fff #fff !important;
}

.button.is-taste.is-outlined {
  background-color: transparent;
  border-color: #568f03;
  color: #568f03;
}

.button.is-taste.is-outlined:hover, .button.is-taste.is-outlined:focus {
  background-color: #568f03;
  border-color: #568f03;
  color: #fff;
}

.button.is-taste.is-outlined.is-loading::after {
  border-color: transparent transparent #568f03 #568f03 !important;
}

.button.is-taste.is-outlined[disabled] {
  background-color: transparent;
  border-color: #568f03;
  box-shadow: none;
  color: #568f03;
}

.button.is-taste.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #fff;
  color: #fff;
}

.button.is-taste.is-inverted.is-outlined:hover, .button.is-taste.is-inverted.is-outlined:focus {
  background-color: #fff;
  color: #568f03;
}

.button.is-taste.is-inverted.is-outlined[disabled] {
  background-color: transparent;
  border-color: #fff;
  box-shadow: none;
  color: #fff;
}









 








.button.is-gris {
  background-color: #7f8184;
  border-color: transparent;
  color: #fff;
}

.button.is-gris:hover, .button.is-gris.is-hovered {
  background-color: #494b4d;
  border-color: transparent;
  color: #fff;
}

.button.is-gris:focus, .button.is-gris.is-focused {
  border-color: transparent;
  color: #fff;
}

.button.is-gris:focus:not(:active), .button.is-gris.is-focused:not(:active) {
  box-shadow: 0 0 0 0.125em rgba(255, 56, 96, 0.25);
}

.button.is-gris:active, .button.is-gris.is-active {
  background-color: #494b4d;
  border-color: transparent;
  color: #fff;
}

.button.is-gris[disabled] {
  background-color: #7f8184;
  border-color: transparent;
  box-shadow: none;
}

.button.is-gris.is-inverted {
  background-color: #fff;
  color: #7f8184;
}

.button.is-gris.is-inverted:hover {
  background-color: #f2f2f2;
}

.button.is-gris.is-inverted[disabled] {
  background-color: #fff;
  border-color: transparent;
  box-shadow: none;
  color: #7f8184;
}

.button.is-gris.is-loading::after {
  border-color: transparent transparent #fff #fff !important;
}

.button.is-gris.is-outlined {
  background-color: transparent;
  border-color: #7f8184;
  color: #7f8184;
}

.button.is-gris.is-outlined:hover, .button.is-gris.is-outlined:focus {
  background-color: #7f8184;
  border-color: #7f8184;
  color: #fff;
}

.button.is-gris.is-outlined.is-loading::after {
  border-color: transparent transparent #7f8184 #7f8184 !important;
}

.button.is-gris.is-outlined[disabled] {
  background-color: transparent;
  border-color: #7f8184;
  box-shadow: none;
  color: #7f8184;
}

.button.is-gris.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #fff;
  color: #fff;
}

.button.is-gris.is-inverted.is-outlined:hover, .button.is-gris.is-inverted.is-outlined:focus {
  background-color: #fff;
  color: #7f8184;
}

.button.is-gris.is-inverted.is-outlined[disabled] {
  background-color: transparent;
  border-color: #fff;
  box-shadow: none;
  color: #fff;
}




 








.button.is-rating {
  background-color: #ffc237;
  border-color: transparent;
  color: #606060;
}

.button.is-rating:hover, .button.is-rating.is-hovered {
  background-color: #ffb729;
  border-color: transparent;
  color: #fff;
}

.button.is-rating:focus, .button.is-rating.is-focused {
  border-color: transparent;
  color: #fff;
}

.button.is-rating:focus:not(:active), .button.is-rating.is-focused:not(:active) {
  box-shadow: 0 0 0 0.125em rgba(255, 56, 96, 0.25);
}

.button.is-rating:active, .button.is-rating.is-active {
  background-color: #ffb729;
  border-color: transparent;
  color: #606060;
}

.button.is-rating[disabled] {
  background-color: #ffd478;
  border-color: transparent;
  box-shadow: none;
}

.button.is-rating.is-inverted {
  background-color: #fff;
  color: #ffb729;
}

.button.is-rating.is-inverted:hover {
  background-color: #f2f2f2;
}

.button.is-rating.is-inverted[disabled] {
  background-color: #fff;
  border-color: transparent;
  box-shadow: none;
  color: #ffb729;
}

.button.is-rating.is-loading::after {
  border-color: transparent transparent #fff #fff !important;
}

.button.is-rating.is-outlined {
  background-color: transparent;
  border-color: #ffd478;
  color: #ffd478;
}

.button.is-rating.is-outlined:hover, .button.is-rating.is-outlined:focus {
  background-color: #ffd478;
  border-color: #ffd478;
  color: #fff;
}

.button.is-rating.is-outlined.is-loading::after {
  border-color: transparent transparent #ffd478 #ffd478 !important;
}

.button.is-rating.is-outlined[disabled] {
  background-color: transparent;
  border-color: #ffd478;
  box-shadow: none;
  color: #ffb729;
}

.button.is-rating.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #fff;
  color: #fff;
}

.button.is-rating.is-inverted.is-outlined:hover, .button.is-rating.is-inverted.is-outlined:focus {
  background-color: #fff;
  color: #ffb729;
}

.button.is-rating.is-inverted.is-outlined[disabled] {
  background-color: transparent;
  border-color: #fff;
  box-shadow: none;
  color: #fff;
}


.has-text-rating {
  color: #ffc237 !important;
}

a.has-text-rating:hover, a.has-text-rating:focus {
  color: #ffb729 !important;
}

















 
 
 /*
 =========================================================
 * TABS
 =========================================================
 */

.tabs li.is-live a {
  border-bottom-color: #568f03;
  color: #568f03;
}











 
 
 /*
 =========================================================
 * LOGIN
 =========================================================
 */

.is-taste {
  background-color: #568f03;
  color: #fff;
}


.hero.is-taste.is-bold {
  /*background-image: linear-gradient(141deg, #568f03 0%, #ec3434 35%, #910d0d 100%);*/
  background: rgba(0,166,208,1);
background: -moz-linear-gradient(left, rgba(0,166,208,1) 0%, rgba(123,226,247,1) 60%, rgba(105,204,224,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,166,208,1)), color-stop(60%, rgba(123,226,247,1)), color-stop(100%, rgba(105,204,224,1)));
background: -webkit-linear-gradient(left, rgba(0,166,208,1) 0%, rgba(123,226,247,1) 60%, rgba(105,204,224,1) 100%);
background: -o-linear-gradient(left, rgba(0,166,208,1) 0%, rgba(123,226,247,1) 60%, rgba(105,204,224,1) 100%);
background: -ms-linear-gradient(left, rgba(0,166,208,1) 0%, rgba(123,226,247,1) 60%, rgba(105,204,224,1) 100%);
background: linear-gradient(to right, rgba(0,166,208,1) 0%, rgba(123,226,247,1) 60%, rgba(105,204,224,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a6d0', endColorstr='#69cce0', GradientType=1 );
}

.bg-taste.is-bold {
  /*background-image: linear-gradient(141deg, #568f03 0%, #ec3434 35%, #910d0d 100%);*/
  background: rgba(0,166,208,1);
background: -moz-linear-gradient(left, rgba(0,166,208,1) 0%, rgba(123,226,247,1) 60%, rgba(105,204,224,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,166,208,1)), color-stop(60%, rgba(123,226,247,1)), color-stop(100%, rgba(105,204,224,1)));
background: -webkit-linear-gradient(left, rgba(0,166,208,1) 0%, rgba(123,226,247,1) 60%, rgba(105,204,224,1) 100%);
background: -o-linear-gradient(left, rgba(0,166,208,1) 0%, rgba(123,226,247,1) 60%, rgba(105,204,224,1) 100%);
background: -ms-linear-gradient(left, rgba(0,166,208,1) 0%, rgba(123,226,247,1) 60%, rgba(105,204,224,1) 100%);
background: linear-gradient(to right, rgba(0,166,208,1) 0%, rgba(123,226,247,1) 60%, rgba(105,204,224,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a6d0', endColorstr='#69cce0', GradientType=1 );
}














 
 
 /*
 =========================================================
 * CATEGORIES
 =========================================================
 */

.category-title {
	font-weight: bold;
	color: #000;
	font-size: 1.04rem;
	line-height: 1;
	text-align: left;
	position: absolute;
	float: left;
	top: 5px;
	left: 7px;
	
}

.category-places {
	font-weight: normal;
	color: #626262;
	font-size: 0.6rem;
	line-height: 1;
	text-align: center;
	position: absolute;
	float: right;
	bottom: 5px;
	right: 5px;
	
}

.catshadow {
	text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.6);
}

.snowshadow {
	text-shadow: 1px 1px 3px rgba(255, 255, 255, 0.94);
}











 
 
 /*
 =========================================================
 * SHOP
 =========================================================
 */
.parallax { 
  /* The image used */
  /* Set a specific height */
  height: 300px; 

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: top;
  background-repeat: no-repeat;
  background-size: auto;
}














 
 
 /*
 =========================================================
 * MENU
 =========================================================
 */
.menu-currency { 
	font-size: 0.7rem !important;
}



.footer-price {
	font-weight: 600;
	font-size: 1.4rem;
	line-height: 0.8rem;
}

.footer-currency {
	font-weight: 300;
	font-size: 0.7rem !important;
	top: -2px;
    height: 0;
    line-height: 0.7rem;
}

 
 
 
 
 
 .img-circle {
    border-radius: 50%;
}
 
 
 
 
 
 
 
 





 
 
 
 
 /*
 =========================================================
 * PUBLICIDAD
 =========================================================
 */
 .publicidad p {
    padding-bottom: 10px!important;
}
















 
 
 
 
 /*
 =========================================================
 * MONI COLORS
 =========================================================
 */
 
 
 .bg-moniblue {
    background-color: #03b5c8 !important;
}
 


.button.is-moniblue {
  background-color: #03b5c8;
  border-color: transparent;
  color: #fff;
}

.button.is-moniblue:hover, .button.is-moniblue.is-hovered {
  background-color: #02d7ee;
  border-color: transparent;
  color: #fff;
}

.button.is-moniblue:focus, .button.is-moniblue.is-focused {
  border-color: transparent;
  color: #fff;
}

.button.is-moniblue:focus:not(:active), .button.is-moniblue.is-focused:not(:active) {
  box-shadow: 0 0 0 0.125em rgba(255, 56, 96, 0.25);
}

.button.is-moniblue:active, .button.is-moniblue.is-active {
  background-color: #02d7ee;
  border-color: transparent;
  color: #fff;
}

.button.is-moniblue[disabled] {
  background-color: #03b5c8;
  border-color: transparent;
  box-shadow: none;
}

.button.is-moniblue.is-inverted {
  background-color: #fff;
  color: #03b5c8;
}

.button.is-moniblue.is-inverted:hover {
  background-color: #f2f2f2;
}

.button.is-moniblue.is-inverted[disabled] {
  background-color: #fff;
  border-color: transparent;
  box-shadow: none;
  color: #03b5c8;
}

.button.is-moniblue.is-loading::after {
  border-color: transparent transparent #fff #fff !important;
}

.button.is-moniblue.is-outlined {
  background-color: transparent;
  border-color: #03b5c8;
  color: #03b5c8;
}

.button.is-moniblue.is-outlined:hover, .button.is-moniblue.is-outlined:focus {
  background-color: #03b5c8;
  border-color: #03b5c8;
  color: #fff;
}

.button.is-moniblue.is-outlined.is-loading::after {
  border-color: transparent transparent #03b5c8 #03b5c8 !important;
}

.button.is-moniblue.is-outlined[disabled] {
  background-color: transparent;
  border-color: #03b5c8;
  box-shadow: none;
  color: #03b5c8;
}

.button.is-moniblue.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #fff;
  color: #fff;
}

.button.is-moniblue.is-inverted.is-outlined:hover, .button.is-moniblue.is-inverted.is-outlined:focus {
  background-color: #fff;
  color: #03b5c8;
}

.button.is-moniblue.is-inverted.is-outlined[disabled] {
  background-color: transparent;
  border-color: #fff;
  box-shadow: none;
  color: #fff;
}

.is-moniblue {
  background-color: #03b5c8;
  color: #fff;
}


.hero.is-moniblue.is-bold {
  background-image: linear-gradient(141deg, #03b5c8 0%, #ec3434 35%, #910d0d 100%);
}

.bg-moniblue.is-bold {
  background-image: linear-gradient(141deg, #03b5c8 0%, #ec3434 35%, #910d0d 100%);
}



 
 
 
 
 
 
 
 
 
 
 
 .bg-monipink {
    background-color: #ef5675 !important;
}
 








.button.is-monipink {
  background-color: #ef5675;
  border-color: transparent;
  color: #fff;
}

.button.is-monipink:hover, .button.is-monipink.is-hovered {
  background-color: #ff5a7c;
  border-color: transparent;
  color: #fff;
}

.button.is-monipink:focus, .button.is-monipink.is-focused {
  border-color: transparent;
  color: #fff;
}

.button.is-monipink:focus:not(:active), .button.is-monipink.is-focused:not(:active) {
  box-shadow: 0 0 0 0.125em rgba(255, 56, 96, 0.25);
}

.button.is-monipink:active, .button.is-monipink.is-active {
  background-color: #ff5a7c;
  border-color: transparent;
  color: #fff;
}

.button.is-monipink[disabled] {
  background-color: #ef5675;
  border-color: transparent;
  box-shadow: none;
}

.button.is-monipink.is-inverted {
  background-color: #fff;
  color: #ef5675;
}

.button.is-monipink.is-inverted:hover {
  background-color: #f2f2f2;
}

.button.is-monipink.is-inverted[disabled] {
  background-color: #fff;
  border-color: transparent;
  box-shadow: none;
  color: #ef5675;
}

.button.is-monipink.is-loading::after {
  border-color: transparent transparent #fff #fff !important;
}

.button.is-monipink.is-outlined {
  background-color: transparent;
  border-color: #ef5675;
  color: #ef5675;
}

.button.is-monipink.is-outlined:hover, .button.is-monipink.is-outlined:focus {
  background-color: #ef5675;
  border-color: #ef5675;
  color: #fff;
}

.button.is-monipink.is-outlined.is-loading::after {
  border-color: transparent transparent #ef5675 #ef5675 !important;
}

.button.is-monipink.is-outlined[disabled] {
  background-color: transparent;
  border-color: #ef5675;
  box-shadow: none;
  color: #ef5675;
}

.button.is-monipink.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #fff;
  color: #fff;
}

.button.is-monipink.is-inverted.is-outlined:hover, .button.is-monipink.is-inverted.is-outlined:focus {
  background-color: #fff;
  color: #ef5675;
}

.button.is-monipink.is-inverted.is-outlined[disabled] {
  background-color: transparent;
  border-color: #fff;
  box-shadow: none;
  color: #fff;
}

.is-monipink {
  background-color: #ef5675;
  color: #fff;
}


.hero.is-monipink.is-bold {
  background-image: linear-gradient(141deg, #ef5675 0%, #ec3434 35%, #910d0d 100%);
}

.bg-monipink.is-bold {
  background-image: linear-gradient(141deg, #ef5675 0%, #ec3434 35%, #910d0d 100%);
}
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 .bg-moniyellow {
    background-color: #ffde00 !important;
}
 








.button.is-moniyellow {
  background-color: #ffde00;
  border-color: transparent;
  color: black;
}

.button.is-moniyellow:hover, .button.is-moniyellow.is-hovered {
  background-color: #d4b900;
  border-color: transparent;
  color: black;
}

.button.is-moniyellow:focus, .button.is-moniyellow.is-focused {
  border-color: transparent;
  color: black;
}

.button.is-moniyellow:focus:not(:active), .button.is-moniyellow.is-focused:not(:active) {
  box-shadow: 0 0 0 0.125em rgba(255, 56, 96, 0.25);
}

.button.is-moniyellow:active, .button.is-moniyellow.is-active {
  background-color: #d4b900;
  border-color: transparent;
  color: black;
}

.button.is-moniyellow[disabled] {
  background-color: #ffde00;
  border-color: transparent;
  box-shadow: none;
}

.button.is-moniyellow.is-inverted {
  background-color: #fff;
  color: #ffde00;
}

.button.is-moniyellow.is-inverted:hover {
  background-color: #f2f2f2;
}

.button.is-moniyellow.is-inverted[disabled] {
  background-color: #fff;
  border-color: transparent;
  box-shadow: none;
  color: #ffde00;
}

.button.is-moniyellow.is-loading::after {
  border-color: transparent transparent #fff #fff !important;
}

.button.is-moniyellow.is-outlined {
  background-color: transparent;
  border-color: #ffde00;
  color: #ffde00;
}

.button.is-moniyellow.is-outlined:hover, .button.is-moniyellow.is-outlined:focus {
  background-color: #ffde00;
  border-color: #ffde00;
  color: black;
}

.button.is-moniyellow.is-outlined.is-loading::after {
  border-color: transparent transparent #ffde00 #ffde00 !important;
}

.button.is-moniyellow.is-outlined[disabled] {
  background-color: transparent;
  border-color: #ffde00;
  box-shadow: none;
  color: #ffde00;
}

.button.is-moniyellow.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #fff;
  color: black;
}

.button.is-moniyellow.is-inverted.is-outlined:hover, .button.is-moniyellow.is-inverted.is-outlined:focus {
  background-color: #fff;
  color: #ffde00;
}

.button.is-moniyellow.is-inverted.is-outlined[disabled] {
  background-color: transparent;
  border-color: #fff;
  box-shadow: none;
  color: #black;
}

.is-moniyellow {
  background-color: #ffde00;
  color: black;
}


.hero.is-moniyellow.is-bold {
  background-image: linear-gradient(141deg, #ffde00 0%, #ec3434 35%, #910d0d 100%);
}

.bg-moniyellow.is-bold {
  background-image: linear-gradient(141deg, #ffde00 0%, #ec3434 35%, #910d0d 100%);
}
 
 
 
 
 
 
 
 
 
 
 







/*==============================================================*/
/* ================ CARD FILTERING  =================*/
/*==============================================================*/

.filtered {
	font-size: 0.85rem;
	font-weight: 400;
}



/*==============================================================*/
/* ================ STICKY SEARCH ALPHA HEADER =================*/
/*==============================================================*/


.headroom {
    margin: 0 auto;
    top: 0;
    width: 100%;
    z-index: 9;
}

.headroom-fixed {
	position: fixed;
	margin-top: 0px;
}

.headroom-unfixed {
	position: relative;
	margin-top: 0px;
}






.product_sectiontitle {
	
}












/*==============================================================*/
/* ================ NEW MODAL CARD OPEN  =================*/
/*==============================================================*/






.openmodal-btn {
  position: absolute;
  float: right;
  right: 5px;
  top: 5px;
  height: 28px;
  width: 28px;
  line-height: 29px;
  background: rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  color: #363d44;
  opacity: 0.85;
  text-align: center;
  cursor: pointer;
  visibility: visible;
  transition: all 0.15s ease-in-out;
  z-index: 600;
 }

.card.open .openmodal-btn {
  opacity: 0;
  visibility: hidden;
}





.modal-card {
  position: relative;
  /*height: 65vh;*/
  width: 100%;
  overflow: hidden;
  opacity: 1;
  /*max-width: 400px;*/
  /*padding-bottom: 20px;*/
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  z-index: 1;

}

.modal-card.open {
    border-radius: 0;
    width: 100%;
    max-width: 100%;
    height: 100%;
    height: 100vh;
    margin-top: 0px;
  	position: fixed;
  	float: left;
  	left: 0;
  	top: 0;
  	z-index: 100;
  	background-color: white;
  	padding-bottom: 5px;
}



.modal-content-area {
	/*height: 40vh;*/
	text-overflow: ellipsis;
	overflow: hidden;
	/*padding-bottom: 20px;*/
}

.modal-content-area.open {
	padding-bottom: 0px;
	height: 100%;
	overflow: auto;
	padding-bottom: 100px;
}








.modal-banner {
  position: relative;
  /*height: 200px;*/
  width: 100%;
  overflow: hidden;
  z-index: 1;
}

.modal-banner.open {
  position: relative;
  width: 100%;
  height: 150px;
  overflow: auto;
  z-index: 1;
  border-radius: 0;
}






.card-img-top {
	border-top-left-radius: 12px !important;
	border-top-right-radius: 12px !important;
	border-bottom-left-radius: 0px !important;
	border-bottom-right-radius: 0px !important;
}

.card .card-img-top a img {
	border-radius: 0px;
	border-top-left-radius: 12px !important;
	border-top-right-radius: 12px !important;
	border-bottom-left-radius: 0px !important;
	border-bottom-right-radius: 0px !important;
}




.modal-icons {
	background-color: transparent;
 	 z-index: 1;
}

.modal-icons.open {
	position: absolute;
	float: left;
	top: 100px;
	left: 0px;
	background-color: #f5f5f5;
  z-index: 2;
  
}










 
 
 
 
 
 
 
 







/*==============================================================*/
/* ================ COLOR PALETTE  =================*/
/*==============================================================*/

/*
#FFA5A5 ea_pink
#8A4B38 ea_brown
#EBBD93 ea_cream
#FAEFED ea_whitesmoke
#191919 ea_blackie
*/


.has-text-ea_pink {
  color: #FFA5A5 !important;
}

a.has-text-ea_pink:hover, a.has-text-white:focus {
  color: #191919 !important;
}

.has-background-ea_pink {
  background-color: #FFA5A5 !important;
}


.has-text-ea_brown {
  color: #8A4B38 !important;
}

a.has-text-ea_brown:hover, a.has-text-white:focus {
  color: #191919 !important;
}

.has-background-ea_brown {
  background-color: #8A4B38 !important;
}


.has-text-ea_cream {
  color: #EBBD93 !important;
}

a.has-text-ea_cream:hover, a.has-text-white:focus {
  color: #191919 !important;
}

.has-background-ea_cream {
  background-color: #EBBD93 !important;
}


.has-text-ea_whitesmoke {
  color: #FAEFED !important;
}

a.has-text-ea_whitesmoke:hover, a.has-text-white:focus {
  color: #191919 !important;
}

.has-background-ea_whitesmoke {
  background-color: #FAEFED !important;
}


.has-text-ea_whitesmoke {
  color: #191919 !important;
}

a.has-text-ea_whitesmoke:hover, a.has-text-white:focus {
  color: #EBBD93 !important;
}

.has-background-ea_whitesmoke {
  background-color: #191919 !important;
}




p {
	padding-bottom: 10px;
}









.persistent_cart_icon {
	float: left;
	width: 65%;
}





.persistent_cart_qty_badge {
	float: left;
	font-family:'Fredoka One';
	font-size: 12px;
}