/* GLOBAL */
/* GLOBAL CSS */
.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;
}
/*------------------------------------*
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%);
}
@media(min-width: 992px) {
h1.mega, .h1.mega {
font-size: 4rem;
}
}
@media(max-width: 767px) {
h1, .h1 {
font-size: 2rem;
}
h2,
.h2 {
font-size: 1.75rem;
}
h3,
.h3 {
font-size: 1.6rem;
}
h4,
.h4 {
font-size: 1.45rem;
}
h5,
.h5 {
font-size: 1.3rem;
}
h6,
.h6 {
font-size: 1.15rem;
}
}
.btn {
white-space: normal;
}
a:hover img,
a.bg-img:hover {
opacity: .85;
}
#savecontent img {
max-width: 100% !important;
height: auto !important;
}
.rightfloat {
float: right;
margin: 0 0 .5rem 1rem;
width: 40%;
}
@media (max-width: 767px) {
.rightfloat {
float: none;
margin: 0 0 1rem 0;
width: 100%;
}
}
.btn-primary {
color: white !important;
}
@media(min-width: 1600px) {
.container {
max-width: 1300px;
}
}
/* PAGE SPECIFIC */
/* FOOTER */