/* ===================== GLOBAL ======================== */ h1 { font-size: 42px !important; line-height: 60px !important; } h2 { font-size: 36px !important; line-height: 36px !important; margin: 0 0 .75em 0; } h3 { font-size: 30px !important; line-height: 36px !important } h4 { font-size: 26px !important; line-height: 34px !important } hr { width: 20%; border-top: 2px solid black; } .button, button, input[type="button"], input[type="reset"], input[type="submit"], .wp-block-button .wp-block-button__link { background-color: #4dbeb2; font-size: .80em; font-weight: 600; line-height: 17px; } .custom-logo { max-height: 226px; width: auto; } .layout-content-full-width.home.page .content-area-inside .entry-content, .layout-content-full-width.home.page .content-area-inside .entry-header { max-width: 1000px; } div#like-post-wrapper-13816731-98222-620b468b86375 { display: none !important; } .sharedaddy.sd-sharing-enabled { display: none; } div.sharedaddy h3.sd-title { display: none !important; } .sd-content.wpl-likebox { display: none !important; } a.sd-button.like { display: none !important; } /* ===================== HOME PAGE ======================== */ .page-id-92258 header.entry-header { display: none; } .sharedaddy.sd-sharing-enabled { display: none; } .ourMissionBlock { background-color: #efefef; padding: 3em 1em 2em 1em; margin: 0em 4em; } /* ===================== CONTACT PAGE ======================== */ .contactForm { text-align: center; } /* ===================== LESSON PAGES ======================== */ .lessonTemplateBlock { background-color: #efefef; padding: 2em 1em 2em 1em; margin: 0em 1em; } .lessonProcessBlock { background-color: #efefef; padding: 2em 2em 2em 2em; margin: 0em 1em; } .lessonFormBlock { background-color: #4dbeb2; padding: 2em 2em 2em 2em; margin: 0em 1em; } .lessonFormBlock h2 { color: #ffffff; } form.wpcf7-form.init label { color: #fff; } .wpcf7 p { margin: 0 0 0.5em; } select.wpcf7-form-control.wpcf7-select { color: black; } input[type="submit"] { background-color: #767676; font-size: .80em; font-weight: 600; line-height: 17px; border-radius: 27px; } input[type="text"], input[type="email"] { max-width: 900px; } /* ========================== 2026 CRO landing pages ========================== */ /* ============================================================ McCormick Music Lessons - landing page theme overrides (v2) Appearance > Customize > Additional CSS, or a WPCode CSS snippet. Install ONCE. There is nothing to edit per campaign. There are deliberately no page IDs in here. Every rule is scoped to "a page that contains the #mmlLp landing page block", so a new instrument LP picks all of this up the moment you paste its block in, and no other page on the site is affected. Replaces the old per-page version, which needed its own copy of these rules with its own page-id-XXXXXX for every campaign. ============================================================ */ /* 1. Ovation sets overflow-x:hidden on */ html:has(#mmlLp), body:has(#mmlLp) { overflow-x: clip; } /* 2. Full bleed. Ovation caps. */ body:has(#mmlLp) #content.site-content, body:has(#mmlLp) .site-content-inside, body:has(#mmlLp) .content-area-inside, body:has(#mmlLp) #primary.content-area, body:has(#mmlLp) .entry-content, body:has(#mmlLp) .entry { max-width: none; width: 100%; margin: 0; padding: 0; } /* 3. Theme chrome that still renders around defaults. */ body:has(#mmlLp) #masthead, body:has(#mmlLp) .entry-header, body:has(#mmlLp) #secondary.widget-area, body:has(#mmlLp) #footer.site-footer, body:has(#mmlLp) .entry-footer, body:has(#mmlLp) .sharedaddy, body:has(#mmlLp) #jp-relatedposts { display: none; } /* ------------------------------------------------------------ Fallback, only needed for browsers with no :has() support ------------------------------------------------------------ */ html:has(body.mml-lp), body.mml-lp { overflow-x: clip; } body.mml-lp #content.site-content, body.mml-lp .site-content-inside, body.mml-lp .content-area-inside, body.mml-lp #primary.content-area, body.mml-lp .entry-content, body.mml-lp.layout-content-full-width .entry { max-width: none; width: 100%; margin: 0; padding: 0; } body.mml-lp #masthead, body.mml-lp .entry-header, body.mml-lp #secondary.widget-area, body.mml-lp #footer.site-footer, body.mml-lp .entry-footer, body.mml-lp .sharedaddy, body.mml-lp #jp-relatedposts { display: none; } */ /* ===================== 2025 LANDING PAGES ======================== */ .page-id-116371 header#masthead { display: none; } .page-id-116371 header.entry-header { display: none; } .page-id-116287 header#masthead { display: none; } .page-id-116287 header.entry-header { display: none; } .page-id-116014 header#masthead { display: none; } .page-id-116014 header.entry-header { display: none; } .page-id-115426 header#masthead { display: none; } .page-id-115426 header.entry-header { display: none; } .page-id-98736 header#masthead { display: none; } .page-id-98736 header.entry-header { display: none; } .page-id-98646 header#masthead { display: none; } .page-id-98646 header.entry-header { display: none; } .page-id-98681 header#masthead { display: none; } .page-id-98681 header.entry-header { display: none; } .page-id-114606 header#masthead { display: none; } .page-id-114606 header.entry-header { display: none; } .page-id-114642 header#masthead { display: none; } .page-id-114642 header.entry-header { display: none; } .page-id-115151 header#masthead { display: none; } .page-id-115151 header.entry-header { display: none; } .landingHeader { margin-top:-5em; width: 100vw; max-width: 100vw; margin-left: calc(50% - 50vw); } .landingPhone { padding-top: -3em; } /* =============================== MOBILE LAYOUT ================================ */ @media only screen and (max-device-width : 768px) { .landingHeader { margin-top: -3em; } .landingPhone { margin-top: -2em; } }