header > .js-global-head { margin-bottom: 0 !important; }
#uhf-shopping-cart, #meControl, #searchForm { display: none !important; }
.card-body.pt-3.px-3.text-center > a { padding-right:0;}

@media (min-width: 1084px) { .font-weight-lg-light { font-weight: 200 }
}

.custom-theme .material-md-card { background-color: #f7f7f7 }
.inkblot { background-image: url(inkblot.svg); background-repeat: no-repeat; background-position: center; margin-left: auto; margin-right: auto; color: #f2f2f2; display: flex; flex-direction: column; justify-content: center; text-align: center; font-size: 2.5em; font-weight: 900; margin-bottom: .5em; width: 3.5em; height: 3.5em }
	.inkblot span { position: relative; top: .075em }
.bg-site-light-orange { background-color: #ef7726 }
.btn-primary.disabled { opacity:1;color:#585858!important; background-color:#b8d1e8; }

.s-hero-bubbles {position:relative;overflow:hidden;width:100%;}
.s-hero-bubbles > div {position:absolute;top:0;left:0;width:65%;animation:grow 1s ease-in forwards;transform:scale(0) translateX(0.001%);pointer-events:none;}

.s-hero-bubbles > div:nth-of-type(1) {top:-45%;left:auto;right:-2%;width:60%;animation:grow 1s ease-in .85s forwards, rotate 30s linear 1.85s infinite;z-index:0;}
.s-hero-bubbles > div:nth-of-type(2) {top:auto;bottom:-15%;left:0;animation:grow 1s ease-in .5s forwards, float2 15s ease-in-out 1.5s infinite;}
.s-hero-bubbles > div:nth-of-type(3) {top:5%;left:-15%;animation:grow 1s ease-in 0s forwards, float1 20s ease-in-out 1s infinite;}

@keyframes grow {
	0% {transform:scale(0)}
	50% {transform:scale(1.2)}
	75% {transform:scale(.9)}
	100% {transform:scale(1)}
}

@keyframes float1 {
	/*0% {transform:scale(1) translateX(0.001%)}*/
	50% {transform:scale(1.1) translateX(5%)}
	/*75% {transform:scale(.95) translateX(-5%)}*/
	/*100% {transform:scale(1) translateX(0.001%)}*/
}

@keyframes float2 {
	50% {transform:scale(.9) translateX(-15%)}
}

@keyframes rotate {
	0% {transform:scale(1) rotate(0deg)}
	25% {transform:scale(1.5) rotate(-90deg)}
	50% {transform:scale(1) rotate(-180deg)}
	75% {transform:scale(.75) rotate(-270deg)}
	100% {transform:scale(1) rotate(-360deg)}
}
