/**
 * Page overrides for welovebaking
 */
 @import 'https://use.typekit.net/gsf2zmu.css';

 :root {
     --color-wlb-yellow: #fccd03;
 }
 
 html {
     scroll-behavior: smooth;
 }
 
 /**
 * Fonts/content width
 */
 body.page-welovebaking .entry-content h1, 
 body.page-welovebaking .entry-content h2 {
     font-family: 'ohno-softie-variable', sans-serif;
     font-weight: 700;
     color: black;
     text-transform: uppercase;
     letter-spacing: 1px;
 }
 body.page-welovebaking .entry-content h1 {
     font-size: 48px;
     line-height: 56px;
 }
 @media (min-width: 768px) {
     body.page-welovebaking .entry-content h1 {
         font-size: 68px;
         line-height: 64px;
     }
 }
 body.page-welovebaking .entry-content h2 {
     font-size: 32px;
     line-height: 40px;
 }
 @media (min-width: 768px) {
     body.page-welovebaking .entry-content h2 {
         font-size: 52px;
         line-height: 64px;
     }
 }
 body.page-welovebaking .entry-content *:not(h1, h2, h3, h4, h5, h6) {
     font-family: 'arial', sans-serif;
     font-size: 16px;
     line-height: 24px;
 }
 body.page-welovebaking .entry-content *:not(h1, h2, h3, h4, h5, h6) .para-large {
     font-size: 24px;
     line-height: 36px;
 }
 body.page-welovebaking .entry-content * .w-blog {
     max-width: 960px;
 }
 .prose :where(p):not(:where([class~="not-prose"] *)) + p {
     margin-top: 0;
 }
 body.page-welovebaking .entry-content .text-white {
     color: black;
 }
 
 /**
 * Buttons
 */
 body.page-welovebaking .entry-content > * .btn,
 #mc-embedded-subscribe.button {
     background: var(--color-wlb-yellow);
     border-radius: 100px;
     color: black;
     font-weight: 700;
     text-transform: none;
 }
 body.page-welovebaking .entry-content > * .btn span {
     color: black;
     font-weight: 700;
     letter-spacing: initial;
     text-transform: none;
 }
 body.page-welovebaking .entry-content > * .btn::before,
 body.page-welovebaking .entry-content > * .btn::after {
     display: none;
 }
 body.page-welovebaking .entry-content > * .btn:hover,
 #mc-embedded-subscribe.button:hover {
     background: #333333;
     color: white;
 }
 body.page-welovebaking .entry-content > * .btn span,
 body.page-welovebaking .entry-content > * .btn i {
    color: black;
 }
 body.page-welovebaking .entry-content > * .btn:hover span,
 body.page-welovebaking .entry-content > * .btn:hover i {
     color: white;
 }
 #mc-embedded-subscribe.button {
     padding: 1.25rem 2rem;
     height: auto;
 }
 
 
 
 /**
 * yellow background blocks
 */
 body.page-welovebaking .entry-content > .yellow-background {
     background: var(--color-wlb-yellow);
 }
 
 body.page-welovebaking .entry-content > #mc_embed_shell {
     position: relative;
     overflow: visible;
 }
 
 
 /** 
 * Hero banner
 */
 body.page-welovebaking .entry-content > .call-to-action img { 
     max-width: unset;
 }
 body.page-welovebaking .entry-content > .call-to-action:not(:has(p + .btn)) p:last-of-type { 
     margin-bottom: 0;
 }
 body.page-welovebaking .entry-content > .call-to-action .btn {
     background: white;
 }
 body.page-welovebaking .entry-content > .call-to-action .btn:hover {
     background: #333333;
 }
 body.page-welovebaking .entry-content > .call-to-action .btn span {
     color: black;
     font-weight: 700;
 }
 body.page-welovebaking .entry-content > .call-to-action .btn:hover span {
     color: white;
 }

 /**
 * image right block
 */
 body.page-welovebaking .entry-content .wp-block-media-text {
     max-width: 1390px;
     color: black;
 }
 
 /**
 * mailchiup signup form
 */
 body.page-welovebaking .entry-content > #mc_embed_shell{
     background: var(--color-wlb-yellow);
 }
 body.page-welovebaking .entry-content > #mc_embed_shell > * {
     background: #fff;
 }
 @media (min-width: 810px) {
     body.page-welovebaking .entry-content > #mc_embed_shell {
         padding-top: 60px;
         padding-bottom: 100px;
     }

     body.page-welovebaking .entry-content > #mc_embed_shell > * {
        background: #fff;
        padding-bottom: 60px;
        padding-top: 20px;
    }
   
     body.page-welovebaking .entry-content > #mc_embed_shell::after {
        content: '';
        display: block;
        width: 100vw;
        height: 40px;
        margin-left: calc(50% - 50vw);
        box-sizing: border-box;
        background-image: url('assets/images/shape-yellow-bottom.svg');
        background-position: center center;
        background-size: 1440px 40px;
        position: absolute;
        bottom: -40px;
    }
 }
 
 
 body.page-welovebaking #mc_embed_signup {
     margin: 0 auto;
     max-width: 805px;
     padding: 20px;
 }
 @media (min-width: 768px) {
     body.page-welovebaking #mc_embed_signup {
         background: white;
         padding: 40px;
     }
     body.page-welovebaking #mc_embed_signup_scroll {
         display: grid;
         grid-template-columns: 1fr 1fr;
         gap: 20px;
     }
     body.page-welovebaking #mc_embed_signup_scroll > * {
         grid-column: span 2;
     }
     body.page-welovebaking #mc_embed_signup_scroll > .left {
         grid-column: 1;
     }
     body.page-welovebaking #mc_embed_signup_scroll > .right {
         grid-column: 2;
     }
 }
 body.page-welovebaking #mc_embed_signup h2:first-of-type {
     display: none;
 }
 body.page-welovebaking #mc_embed_shell input[type="text"],
 body.page-welovebaking #mc_embed_shell input[type="email"] {
     line-height: 46px;
     min-width: 6em;
     padding: 0 15px;
 }
 
 /**
 * What you can expect block
 */
 @media (min-width: 768px) {
     body.page-welovebaking .entry-content > .image-right > .left {
         max-width: 680px;
         margin-left: auto;
         padding-right: 4rem;
     }
 }
 
 body.page-welovebaking .entry-content > .image-right h2 {
     margin-top: 0;
 }
 
 /**
 * follow us block
 */
 body.page-welovebaking .entry-content > .sliding-tabs .ornament {
     display: none;
 }
 body.page-welovebaking .entry-content > .sliding-tabs > p {
     max-width: 805px;
 }
 body.page-welovebaking .entry-content > .sliding-tabs a[href*="facebook.com"] .btn,
 body.page-welovebaking .entry-content > .sliding-tabs a[href*="instagram.com"] .btn,
 body.page-welovebaking .entry-content > .sliding-tabs a[href*="pinterest.co.uk"] .btn,
 body.page-welovebaking .entry-content > .sliding-tabs a[href*="tiktok.com"] .btn {
     background: black;
 }
 body.page-welovebaking .entry-content > .sliding-tabs a[href*="facebook.com"] .btn:hover,
 body.page-welovebaking .entry-content > .sliding-tabs a[href*="instagram.com"] .btn:hover,
 body.page-welovebaking .entry-content > .sliding-tabs a[href*="pinterest.co.uk"] .btn:hover,
 body.page-welovebaking .entry-content > .sliding-tabs a[href*="tiktok.com"] .btn:hover {
     background: #333;
 }
 body.page-welovebaking .entry-content > .sliding-tabs a[href*="facebook.com"] i::before,
 body.page-welovebaking .entry-content > .sliding-tabs a[href*="instagram.com"] i::before,
 body.page-welovebaking .entry-content > .sliding-tabs a[href*="pinterest.co.uk"] i::before,
 body.page-welovebaking .entry-content > .sliding-tabs a[href*="tiktok.com"] i::before {
     color: white;
 }
 body.page-welovebaking .insta-handle {
     color: black;
 }