/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {

    margin: 5px 20px 20px 0;

}



.aligncenter,

div.aligncenter {

    display: block;

    margin: 5px auto 5px auto;

}



.alignright {

    float:right;

    margin: 5px 0 20px 20px;

}



.alignleft {

    float: left;

    margin: 5px 20px 20px 0;

}



a img.alignright {

    float: right;

    margin: 5px 0 20px 20px;

}



a img.alignnone {

    margin: 5px 20px 20px 0;

}



a img.alignleft {

    float: left;

    margin: 5px 20px 20px 0;

}



a img.aligncenter {

    display: block;

    margin-left: auto;

    margin-right: auto;

}



.wp-caption {

    background: #fff;

    border: 1px solid #f0f0f0;

    max-width: 96%; /* Image does not overflow the content area */

    padding: 5px 3px 10px;

    text-align: center;

}



.wp-caption.alignnone {

    margin: 5px 20px 20px 0;

}



.wp-caption.alignleft {

    margin: 5px 20px 20px 0;

}



.wp-caption.alignright {

    margin: 5px 0 20px 20px;

}



.wp-caption img {

    border: 0 none;

    height: auto;

    margin: 0;

    max-width: 98.5%;

    padding: 0;

    width: auto;

}



.wp-caption p.wp-caption-text {

    font-size: 11px;

    line-height: 17px;

    margin: 0;

    padding: 0 4px 5px;

}



/* Text meant only for screen readers. */

.screen-reader-text {

	border: 0;

	clip: rect(1px, 1px, 1px, 1px);

	clip-path: inset(50%);

	height: 1px;

	margin: -1px;

	overflow: hidden;

	padding: 0;

	position: absolute !important;

	width: 1px;

	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */

}



.screen-reader-text:focus {

	background-color: #eee;

	clip: auto !important;

	clip-path: none;

	color: #444;

	display: block;

	font-size: 1em;

	height: auto;

	left: 5px;

	line-height: normal;

	padding: 15px 23px 14px;

	text-decoration: none;

	top: 5px;

	width: auto;

	z-index: 100000;

	/* Above WP toolbar. */

}


/* commenting per plugin developer feedback
.store-locator-outer .wpgmza_map {
    height: 75rem !important;
}

@media (max-width: 576px) {

    .store-locator-outer .wpgmza_map {
        height: 40rem !important;
    }

}
*/

/* map developer supplied css fix */
@media screen and (max-width:1000px){
    .store-locator-outer .wpgmza_map {
       height: 450px !important;
    }
}

/* Right Margin image */
.setheight .alignright{
	
	margin: -4px 0 20px 20px;
}

/*round images*/
.round img{
	border-radius: 5%;
}

#wst-image-text-block_b560b7490c340b6cec0b9fcf5f6246df .image-holder {
    display: flex;
    justify-content: center;
    align-items: center;
}

#wst-image-text-block_b560b7490c340b6cec0b9fcf5f6246df .image-holder img {
    height: 100%;
    width: 75%;
    object-fit: contain;
    object-position: center;
}

@media (max-width: 900px) {
#wst-two-columns-block_97bf583e04143fb71edbf458296770a1 a img.alignnone{
 
margin: -25px 4px 20px 0;
}
}

#wst-froyo-menu-block_054a2f28844f0f8d3e64e6d36211280c .menchie-img {
    top: -8rem;
    height: 85rem;
}

@media (max-width: 1440px) {

    #wst-froyo-menu-block_054a2f28844f0f8d3e64e6d36211280c .menchie-img {
        /* top: 0rem; */
        height: 50rem;
    }

}

@media (max-width: 1024px) {

    #wst-froyo-menu-block_054a2f28844f0f8d3e64e6d36211280c .menchie-img {
        top: -15rem;
        height: 50rem;
    }

}

/*hides the green footer separator element until we can figure out a solution to its alignment issues*/
.footer .footer-top .ft-top-row .ft-top-right .ft-logo-wrap::after {
	display: none;
}

.flavor-card_no-transform {
  text-transform: none !important;
}

/*New class for "real ingredients" title on single flavor page template*/
.section-heading-real-ingredients {
  color:          #b40175;
  font-size:      4.5rem;
  font-weight:    600;
  text-transform: lowercase;
  text-align:     center;
  margin-bottom:  2rem;
}

/* Floating Cake Button Position 1) Base (mobile) */
.floating-home-btn {
  position: fixed;
  bottom: 2rem;
  right: 2rem;
  /* no top specified, so it sits bottom/right */
}

/* 2) From tablet-up (600px+), move it to top/right */
@media (min-width: 600px) {
  .floating-home-btn {
    bottom: auto;    
    top: 22rem;       
    right: 2rem;
	display: inline-block;   /* so the element has its own box to scale */
  transform: scale(1.2);   /* 120 % of its normal size */
  transform-origin: center;/* keep the growth centred */
  }
	
}

/* override the default centering on hero video */
.hero.hero-video .hero-video-inner video {
  /* pin the top edge */
  top: 0 !important;
  /* keep it centered horizontally */
  left: 50% !important;
  transform: translateX(-50%) !important;
  object-fit: cover !important;
  object-position: top center !important;
}	

/* setting this to font size */
@media screen and (min-height: 500px) and (max-height: 800px) {
	/* either the zoom or the transform version goes here */
	html { 
		/*zoom: 0.7;*/
		font-size: calc(0.7 * 8.75px);
	}
}
	
/* superscript ® */
sup.trademark {
  font-size: 1.2rem;         /* or whatever scale you like */
  line-height: 1;
  vertical-align: super;    /* pushes it up, you can also try 'sub' */
  margin-left: 0.1rem;       /* small gap from preceding text */
}

.page-id-3355 #wst-image-text-block_ebea7d73a48d8be4cd41f3c3949f0d56 .section-inner {
	align-items: flex-start;
}

/* class for automatically rounding corners on banner images on homepage in content blocks */
.round-banner-corners img {
	border-radius: 2rem;
}

/* Header Wave Fix */
header.wst-header .header::after {
	background-image: url("/wp-content/uploads/2025/02/NAV.png");
}

#single-location .sl-order-cake::before {
	top: -1px;
}

/* NEW rewards page */

/* app store buttons */
.rewards-buttons-block .app-buttons-row {
	display: flex;
	width: 100%;
	justify-content: center;
	gap: 2rem;
}

.rewards-buttons-block .app-buttons-row a {
	width: 30rem;
}

/* rewards faux buttons section */

.benefits-button-row {
	width: 100%;
	display: flex;
	justify-content: center;
	gap: 2rem;
	margin-bottom: 2rem;
}

.benefits-button-row .benefits-button {
	display: flex;
	align-items: center;
	justify-content: space-evenly;
	gap: 2rem;
    border: 2px solid #b40175;
    background-color: #b40175;
	padding: .5em 1em;
    border-radius: 2rem;
	width: 30rem;
}

.benefits-button-row .benefits-button .left {
	width: 20%;
}

.benefits-button-row .benefits-button .left img {
	margin: 0;
	max-width: 4rem;
}

.benefits-button-row .benefits-button .right {
	width: 80%;
	color: #fff;
	font-weight: 600;
    font-size: 2rem;
    font-family: "Century Gothic", sans-serif;
    text-decoration: none;
}

@media only screen and (max-width: 768px) {
	.benefits-button-row .benefits-button {
		width: 30rem;
	}
	.rewards-buttons-block .app-buttons-row a {
		width: 25rem;
	}
}

@media only screen and (max-width: 575px) {
	.benefits-button-row {
		flex-direction: column;
		align-items: center;
	}
	.benefits-button-row .benefits-button {
		width: 30rem;
	}
	.rewards-buttons-block .app-buttons-row {
		flex-direction: column;
		align-items: center;
	}
	.rewards-buttons-block .app-buttons-row a {
		width: 30rem;
	}
}

@media only screen and (max-width: 425px) {
	.benefits-button-row .benefits-button {
		width: 30rem;
	}
}