.our-story-template .container.utility-container{
    padding-top: 0px;
}
.recipe-cards .swiper-wrapper:after {
    display:none;
}
/* mac vs mash */
.page-template-template-versus .pinned-hero-content.dark.hero-brands {
    text-indent: -10000px;
}
.page-template-template-versus #page .promo-product-locator.home, .page-template-template-versus-choice #page .promo-product-locator.home {
    margin-bottom:30px!important;
}
.page-template-template-versus .wp-block-heading h2, 
.page-template-template-versus-choice .wp-block-heading h2 {
    background:#AD122A;
    padding:8px 100px;
    color:white;
    font-weight:bold;
    width: auto;
    position: relative;
    displaY: inline-block;
}
.page-template-template-versus .wp-block-heading h2::before, 
.page-template-template-versus-choice .wp-block-heading h2::before {
    position:absolute;
    left:40px;
    top:12px;
    content:'';
    height:25px;
    width:25px;
    background:url(/sites/assets/2020/10/star-white.png);
    background-size:100%;
    background-position:center center;
    background-repeat:no-repeat;
}
.page-template-template-versus-choice .recipe-cards {
    background: #efefef;
    padding-top: 80px;
    margin-top: -35px;
}
.page-template-template-versus .wp-block-heading h2::after, 
.page-template-template-versus-choice .wp-block-heading h2::after {
    position:absolute;
    right:40px;
    top:12px;
    content:'';
    height:25px;
    width:25px;
    background:url(/sites/assets/2020/10/star-white.png);
    background-size:100%;
    background-position:center center;
    background-repeat:no-repeat;
}
.page-template-template-versus-choice .promo-product-locator .promo-product-locator-inner::before,
.page-template-template-versus .promo-product-locator .promo-product-locator-inner::before {
    position:absolute;
    left:30px;
    top:30px;
    content:'';
    height:40px;
    width:40px;
    background:url(/sites/assets/2020/10/star-white.png);
    background-size:100%;
    background-position:center center;
    background-repeat:no-repeat;
}
.page-template-template-versus-choice .promo-product-locator .promo-product-locator-inner::after,
.page-template-template-versus .promo-product-locator .promo-product-locator-inner::after {
    position:absolute;
    right:30px;
    top:30px;
    content:'';
    height:40px;
    width:40px;
    background:url(/sites/assets/2020/10/star-white.png);
    background-size:100%;
    background-position:center center;
    background-repeat:no-repeat;
}
.versusPage {
    padding:60px 0;
    position:relative;
    text-align:center;
    background:white;
    z-index:1;
}
.growImg a img {
    transform: scale(1);
    transition:.45s all ease-in-out;
}
.growImg a:hover img {
    transform: scale(1.3);
    transition:.35s all ease-in-out;
}
.versusPage::before {
    content:'';
    width:4000px;
    height:800px;
    position:absolute;
    left:-1000px;
    z-index:0;
    background:white;
    top:-120px;
}
.versusPage h2 {
    font-size:2.125rem;
    font-weight:bold;
    color:black;
}
.versusPage h3 {
    font-size:3.125rem;
    font-weight:bold;
    color:#AD122A;
    position:relative;
    margin-bottom:30px;
}
.versusPage h3::before {
    content:'';
    width:300px;
    position:absolute;
    left:0px;
    top:50%;
    height:2px;
    background:#AD122A;
}
.versusPage h3::after {
    content:'';
    width:300px;
    position:absolute;
    right:0px;
    top:50%;
    height:2px;
    background:#AD122A;
}
.vsIcon {
    position: absolute;
    top: 40%;
    width: 100%;
}
.vsIcon .bannerLeft {
    background-image:url(/sites/assets/2020/10/banner-left.png);
    background-repeat:no-repeat; 
    width:109px;
    height:112px;
    background-position: center;
    background-size:100%;
    position:absolute;
    left:39%;
    z-index:1;
    transition:.2s all ease-in-out;
}
.vsIcon .dinger {
    background-image:url(/sites/assets/2020/10/ring-off.png);
    background-repeat:no-repeat;
    width:112px;
    height:112px;
    background-size:100%;
    position:absolute;
    right:45%;
    margin-left:66px;
    transition:.2s all ease-in-out;
    z-index:2;
}
.vsIcon .bannerRight {
    background-image:url(/sites/assets/2020/10/banner-right.png);
    background-repeat:no-repeat;
    width:109px;
    height:112px;
    background-position: center;
    background-size:100%;
    position:absolute;
    right:39%;
    z-index:1;
    transition:.2s all ease-in-out;
}
.versusMashMac:hover .vsIcon .bannerLeft {
    left:37%;
    transition:.2s all ease-in-out;
}
.versusMashMac:hover .vsIcon .dinger {
    background-image:url(/sites/assets/2020/10/ring-on.png);
    transition:.2s all ease-in-out;
}
.versusMashMac:hover .vsIcon .bannerRight {
    right:37%;
    transition:.2s all ease-in-out;
}
.mash a.vsBtn.btn {
    background: #AD122A;
    color: white;
    font-weight: bold;
    border-radius: 0;
    width: 95%; 
    position:relative;
    font-size: 1.625rem;
    transition:.2s all ease-in-out;
}
.mac a.vsBtn.btn {
    background: #AD122A;
    color: white;
    font-weight: bold;
    border-radius: 0;
    width: 95%;
    position:relative;
    font-size: 1.625rem;
    transition:.2s all ease-in-out;
}
a.vsBtn.btn:hover {
    transition:.2s all ease-in-out;
    color:white!important;
    background:#636466;
}
.mash {
    text-align:left;
}
.mac {
    text-align:right;
}
.mash a.vsBtn.btn::after {
    content:'';
    width:60px;
    position: absolute;
    right: -60px;
    top: -1px;
    bottom: 0;
    height: 53px;
    background-size: 100%;
    background: url(/sites/assets/2020/10/btnLeft.png);
    background-size: 100%;
    background-position: right;
    transition:.2s all ease-in-out;
}
.mash a.vsBtn.btn:hover::after {
    background: url(/sites/assets/2020/10/btnLeft-hov.png);
    background-size: 100%;
    background-position: left;
    transition:.2s all ease-in-out;
}
.mac a.vsBtn.btn::before {
    content:'';
    width:60px;
    position:absolute;
    left:-60px;
    top:-1px;
    bottom:0;
    height:53px;
    background:url(/sites/assets/2020/10/btnRight.png);
    background-size: 100%;
    background-position: left;
    transition:.2s all ease-in-out;
}
.mac a.vsBtn.btn:hover::before{
    background: url(/sites/assets/2020/10/btnRight-hov.png);
    background-size: 100%;
    background-position: right;
    transition:.2s all ease-in-out;
}
.shareBtnBox {
    background:url(/sites/assets/2020/10/background-gray-final-scaled.jpg);
    text-align:center;
    background-size:cover;
    padding-top:60px;
    padding-bottom:60px;
    position:relative;
    z-index:1;
}
.shareBtnBox p {
    margin-bottom:0px;
}
a.vsShareBtn.btn {
    color: white!important;
    font-weight: bold;
    background: #AD122A;
    border-radius: 0px;
    padding:0px;
    transition:.2s all ease-in-out;
    margin-top:30px;
}
a.vsShareBtn.btn span {
    border:1px solid white;
    margin:5px;
    display:block;
    padding: 15px 30px;
}
a.vsShareBtn.btn:hover {
    color: white;
    background: #636466;
    transition:.2s all ease-in-out;
}
/*choice page*/
.macMashBanner {
    background-position: 0% 40%;
    padding-top:90px;
    padding-bottom:90px;
    background-size:cover;
    text-align:center;
    margin-top:80px;
    margin-bottom:80px;
}
.macMashBanner img {
    max-width:200px;
    margin-bottom:30px;
}
.macMashBanner h3 {
    font-size:3rem;
    margin-top:30px;
    font-weight:bold;
    text-shadow: 0px 3px 6px #00000065;
    color:white;
}
.dynamicSideBox {
    text-align:center;
}
.dynamicSideBox h2 {
    color:#AD122A;
    font-size:3.5rem;
    font-style:italic;
    font-weight:bold;
}
.currentProd {
    border-right:1px solid black;
}
@media (max-width: 991px) {
    .currentProd {
        border-right:none;
    }
}
.currentProd h4 {
    color:#AD122A;
}
.otherProd h4 {
    color:#636466;
}
.currentProd h4, .otherProd h4 {
    font-size:4rem;
    border-bottom:1px solid black;
    padding:0px;
    font-weight:bold;
    margin:0;
}
.dynamicSideBox p, .dynamicSideBox p {
    font-weight:bold;
}
.videoHeader {
    background:url(/sites/assets/2020/10/background-gray-final-scaled.jpg);
    background-size:cover;
    margin-bottom:0px;
}
.contentSideBox {
    text-align:center;
}
.contentSideBox h2 {
    font-weight:bold;
}
.contentSideBox p {
    font-style:italic;
}
.progressBar {
    height: 60px;
    background: url(/sites/assets/2020/10/progressGray-1.png);
    -webkit-box-shadow: 0 0 0 1px #636466;
    box-shadow: 0 0 0 1px #636466;
    border: 6px solid white;
    border-radius: 100px;
    background-size:60px 100%;
    margin:30px 0 40px;
    position:relative;
    overflow:hidden;
}
.progressMeasure {
    border-right:12px solid white;
    transform: skewX(40deg);
    height:60px;
    overflow:hidden;
}
.progressMeasure .unskew {
    height:60px;
    border-radius: 0;
    width:130%;
    background: url(/sites/assets/2020/10/progressRed.png);
    background-size:60px 100%;
    transform: skewX(-40deg); 
}
@media (max-width: 1198px) {
    .versusMashMac .vsIcon .bannerLeft {
        left:37%;
    }
    .versusMashMac:hover .vsIcon .bannerLeft {
        left:35%;
    }
    .versusMashMac .vsIcon .bannerRight {
        right:38%;
    }
    .versusMashMac:hover .vsIcon .bannerRight {
        right:36%;
    }
    .versusPage h3::before, .versusPage h3::after {
        width:230px;
    }
}
@media (max-width: 991px) {
    .page-template-template-versus #pinned-hero-container {
        margin-top: 43px;
    }
    .vsIcon {
        display:none;
    }
    .mash a.vsBtn.btn {
        width:90%;
    }
    .mash {
        margin-top:30px;
    }
    .mash a.vsBtn.btn {
        margin-bottom:60px;
    }
    .versusPage h3::before, .versusPage h3::after {
        width:115px;
    }
    .macMashBanner {
        background-position: 15% 40%;
    }
}
@media (max-width: 767px){
    .page-template-template-versus #pinned-hero-container #pinned-hero .pinned-img {
        width: 100%;
        position: relative;
        left: 0;
        top: 0;
        max-width: 100%;
        transform: initial;
        height: auto;
    }
    .page-template-template-versus #pinned-hero-container #pinned-hero picture {
        min-height: auto;
        display: block;
    }
    
    .versusPage h3::before, .versusPage h3::after {
        display:none;
    }
    .page-template-template-versus-choice .promo-product-locator .promo-product-locator-inner::after,
    .page-template-template-versus .promo-product-locator .promo-product-locator-inner::after,
    .page-template-template-versus-choice .promo-product-locator .promo-product-locator-inner::before,
    .page-template-template-versus .promo-product-locator .promo-product-locator-inner::before {
        display:none;
    }
    .versusPage h2 {
        font-size:1.875rem;
    }
    .versusPage h3 {
        font-size:2rem;
    }
    .mash a.vsBtn.btn, .mac a.vsBtn.btn {
        width:100%;
        font-size:1.375rem;
    }
    .mac a.vsBtn.btn::before, .mash a.vsBtn.btn::after {
        display:none;
    }
    .macMashBanner {
        background-position: 30% 40%;
    }
}
.breakfastInnovations {
    text-align: center;
}

.breakfastInnovations h1 {
    color:black;
    font-size:4rem;
    font-weight:700;
}
.breakfastInnovations h2 {
    color:#555555;
    font-size:2.5rem;
}
.breakfastInnovations .productImages br {
    display:none;
}
.breakfastInnovations p {
    color:white;
    font-size:1.25rem;
    font-weight:normal;
    margin-top:30px;
    line-height:1.4;
}
.breakfastInnovations p a.btn {
    color:white;
    background-color: transparent;
    border:2px solid white;
    border-radius: 0px;
    transition:.2s all ease-in-out;
    font-weight:bold;
}
.breakfastInnovations p a.btn:hover {
    color:#AE132A;
    background-color:white;
    font-weight:bold;
    transition:.2s all ease-in-out;
}
.breakfastInnovations img.desktop {
    display:block;
}
.breakfastInnovations img.mobile {
    display:none;
}
@media (min-width: 992px) {
    .breakfastInnovations img.desktop {
        display:block;
        width:100%;
    }
    .breakfastInnovations img.mobile {
        display:none;
        width:100%;
    }
}
@media (max-width: 991px) {
    .breakfastInnovations .productImages br {
        display:none;
    }
    .breakfastInnovations img.desktop {
        display:none;
        width:100%;
    }
    .breakfastInnovations img.mobile {
        display:block;
        width:100%;
    }
}

/* NEW HEADER STYLE (RECIPES) */
.simplified_header {
    background-size:cover;
    background-position:center center;
}
.simplified_header .simplifiedHeaderText {
    margin-top:120px;
    margin-bottom:120px;
    padding:75px;
    text-align:center;
}
.simplified_header .simplifiedHeaderText h1 {
    font-size:4.5rem;
    font-weight:normal;
    color:black;
}
.tax-recipes-category .simplified_header .simplifiedHeaderText {
    background-color:rgba(255, 255, 255, .75);
    border-bottom:15px solid #C51230;
}
.tax-recipes-category .simplified_header .simplifiedHeaderText h1 {
    font-size:3rem;
    font-weight:bold;
}
.tax-recipes-category .simplified_header .simplifiedHeaderText h2 {
    font-size:1.25rem;
    font-weight:500;
    color:black;
}
@media (max-width: 767px) { 
    .simplified_header .simplifiedHeaderText h1 {
        font-size:3.5rem;

    }
    .tax-recipes-category .simplified_header .simplifiedHeaderText h1 {
        font-size:2.5rem;
    }
    .tax-recipes-category .simplified_header .simplifiedHeaderText h2 {
        font-size:1.125rem;
    }
}
#triolgyModal .modal-body {
    padding:70px 40px;
}
#triolgyModal .modal-body button.close {
    top:0px;
}
#triolgyForm input, #triolgyForm textarea, #triolgyForm select {
    width:100%;
    padding:10px;
    border:1px solid black;
    margin:10px 0;
}
#triolgyForm input.inputCheckBox {
    width:auto;
}
#triolgyForm button {
    width:100%;
    padding:10px;
    border:2px solid #552570;
    color:#552570;
    background-color:white;
    text-transform:uppercase;
    font-weight:bold;
    margin-top:30px;
    transition:.2s all ease-in-out;
}
#triolgyForm button:hover {
    color:white;
    background-color:#552570;
    transition:.2s all ease-in-out;
}