/* GLOBAL */
/* GLOBAL CSS */
.bg-black {
background: var(--dark)!important;
}
.oms-wrapper .btn-primary-alt {
color: white!important;
}
.navbar-dark .navbar-nav .nav-link {
color: white;
}
.navbar-dark .navbar-nav .nav-link.active {
color: var(--primary-alt);
}
.oms-wrapper .btn {
border-width: 2px;
padding: 10px 30px;
border-radius: 50px;
font-size: 16px;
font-weight: 600;
}
.img-after-effect {
position: relative;
}
.img-after-effect > div {
position: relative;
z-index: 1;
}
.img-after-effect:before {
position: absolute;
content: '';
width: 90%;
height: 90%;
left: -1rem;
bottom: -1rem;
z-index: 0;
background-color: var(--primary-alt);
}
.article__author:after,
.article__author:before,
.author__view-all:after,
.author__view-all:before,
.baking-guide .node__content li.has-link a:after,
.baking-guide .node__content li.has-link a:before,
.bottomLine .text-m:after,
.bottomLine .text-m:before,
.brick.brick--text .brick--text__inner .text-styled-eyebrow:after,
.brick.brick--text .brick--text__inner .text-styled-eyebrow:before,
.bullet-link:after,
.bullet-link:before,
.eyebrow:after,
.eyebrow:before,
.label:after,
.label:before,
.list--links a:after,
.list--links a:before,
.news-card__label:after,
.news-card__label:before,
.page-node-type-page .page-content .region-content li.has-link a:after,
.page-node-type-page .page-content .region-content li.has-link a:before,
.product--card .product__price:after,
.product--card .product__price:before,
.product--card .product__reviews:after,
.product--card .product__reviews:before,
.product-flag:after,
.product-flag:before,
.product-result-sku:after,
.product-result-sku:before,
.related--products .eyebrow:after,
.related--products .eyebrow:before,
.related--recipes>.eyebrow:after,
.related--recipes>.eyebrow:before,
.result-rating .rating-count:after,
.result-rating .rating-count:before,
.reviews .reviews__label:after,
.reviews .reviews__label:before,
.share__label:after,
.share__label:before,
.text-styled-eyebrow:after,
.text-styled-eyebrow:before,
.user-login-form label:after,
.user-login-form label:before {
content: "";
position: relative;
top: -.3rem;
display: inline-block;
width: .75rem;
height: .063rem;
background: var(--primary-alt);
text-transform: uppercase;
}
.text-styled-eyebrow {
text-transform: uppercase;
}
.animated {
-webkit-animation-duration: 1.2s;
animation-duration: 1.2s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
/* Slow down animations slightly */
.animated {
-webkit-animation-duration: 1.45s;
animation-duration: 1.45s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
/*------------------------------------*
Changing Hue
*------------------------------------*/
.changing-hue {
animation-name: changing-hue;
animation-duration: 4s;
animation-iteration-count: infinite;
animation-direction: alternate;
animation-fill-mode: both;
animation-timing-function: linear;
}
@keyframes changing-hue {
from {
filter: hue-rotate(0deg);
margin-top: -30px;
transform: rotateY(180deg);
}
to {
filter: hue-rotate(360deg);
margin-top: 30px;
transform: rotateY(0deg);
}
}
.card {
box-shadow: 0 1rem 2rem hsl(0 0% 0% / 20%);
}
.better {
box-shadow: 0 2.5rem 2rem -2rem hsl(200 50% 20% / 40%);
}
/* PAGE SPECIFIC */
/* FOOTER */