@media (min-width: 992px) { .home-header-bg { position: relative; overflow: hidden; background: linear-gradient(105deg, #0B6DF2 0%, #0B6DF2 55%, #0847B0 100%) !important; } .home-header-bg::after { content: ""; position: absolute; right: 9%; top: 50%; transform: translateY(-50%); width: 320px; height: 320px; background: url("https://pbcdn1.podbean.com/imglogo/image-logo/20775699/MM-Podcast-Logo-2048x2048.png") center / cover no-repeat; border: 4px solid #ffffff; border-radius: 24px; box-shadow: 0 16px 40px rgba(0,0,0,0.35); } .home-header-bg .container .col { text-align: left !important; padding-right: 40% !important; } .home-header-bg .cc-podcast-apps-content, .home-header-bg .cc-podcast-apps-content p { text-align: left !important; } .home-header-bg ul.cc-podcast-apps { justify-content: flex-start !important; } } .home-header-bg .cc-podcast-head-desc-box a { color: #ffffff !important; text-decoration: underline !important; font-weight: 600; } .customize-bg .row { padding-top: 36px !important; padding-bottom: 36px !important; align-items: center !important; } .cc-customize-text { padding-top: 0 !important; padding-bottom: 0 !important; } .cc-customize-image-text .row { padding-top: 0 !important; padding-bottom: 0 !important; } @media (min-width: 992px) { .cc-customize-image-text p { font-size: 21px !important; line-height: 1.6 !important; margin-bottom: 14px !important; } .cc-customize-image-text p:first-child { font-size: 36px !important; line-height: 1.2 !important; margin-bottom: 18px !important; } } .cc-customize-image-text, .cc-customize-image-text *, .cc-customize-image-text p { opacity: 1 !important; } .cc-customize-image-text p { color: #ffffff !important; font-weight: 500 !important; } .cc-customize-image-text p:first-child { font-weight: 700 !important; } .mm-rot { position: relative; height: 150px; margin: 0 0 14px; } .mm-rot > div { position: absolute; left: 0; right: 0; top: 0; margin: 0 !important; box-sizing: border-box; opacity: 0; border-left-color: #12A150 !important; animation: mmRot 36s infinite; } .mm-rot > div:nth-child(2) { animation-delay: 6s; } .mm-rot > div:nth-child(3) { animation-delay: 12s; } .mm-rot > div:nth-child(4) { animation-delay: 18s; } .mm-rot > div:nth-child(5) { animation-delay: 24s; } .mm-rot > div:nth-child(6) { animation-delay: 30s; } .mm-rot:hover > div { animation-play-state: paused; } @keyframes mmRot { 0% { opacity: 0; transform: translateY(18px); } 3%, 15% { opacity: 1; transform: translateY(0); } 18%, 100% { opacity: 0; transform: translateY(-14px); } } @media (max-width: 767px) { .mm-rot { height: 250px; } } .cc-customize-image-text .customize-bg, .cc-customize-image-text.customize-bg { background: #0A1B33 !important; } div[style*="border-radius: 16px"] { background: #0F8F45 !important; } a[style*="border-radius: 999px"] { transition: transform .2s ease, box-shadow .2s ease; animation: mmPulse 2.6s ease-in-out infinite; } a[style*="border-radius: 999px"]:hover { transform: translateY(-3px) scale(1.04); box-shadow: 0 8px 20px rgba(0,0,0,.3); } @keyframes mmPulse { 0%, 100% { box-shadow: 0 0 0 0 rgba(255,255,255,.55); } 50% { box-shadow: 0 0 0 10px rgba(255,255,255,0); } } .cc-customize-container a, .cc-customize-text a { transition: transform .2s ease, box-shadow .2s ease; } .cc-customize-container a:hover, .cc-customize-text a:hover { transform: translateY(-2px); box-shadow: 0 6px 16px rgba(10,27,51,.25); } @keyframes mmUp { from { opacity: 0; transform: translateY(32px); } to { opacity: 1; transform: none; } } @supports (animation-timeline: view()) { .customize-bg .container, .cc-customize-text .container { animation: mmUp linear both; animation-timeline: view(); animation-range: entry 0% entry 45%; } } @media (prefers-reduced-motion: reduce) { .mm-rot > div, a[style*="border-radius: 999px"] { animation: none !important; } .mm-rot > div:first-child { opacity: 1; } } @supports (animation-timeline: view()) { .customize-bg .container, .cc-customize-text .container { animation: none !important; } .mm-rot, div[style*="border-radius: 16px"], div[style*="border-radius: 14px"] { animation: mmUp linear both; animation-timeline: view(); animation-range: entry 0% entry 60%; } } a[style*="background:#0B6DF2"] { background: #0F8F45 !important; border-radius: 8px; display: inline-block; transition: transform .2s ease, background .2s ease; } a[style*="background:#0B6DF2"]:hover { background: #0A1B33 !important; transform: translateY(-3px); } .mm-rot { height: 175px; } .mm-rot > div p:first-child { font-size: 20px !important; line-height: 1.5 !important; } .mm-rot > div p:last-child { font-size: 17px !important; } @media (max-width: 767px) { .mm-rot { height: 300px; } .mm-rot > div p:first-child { font-size: 18px !important; } } p[style*="font-size: 13px"] { font-size: 16px !important; } p[style*="font-size: 12px"], div[style*="font-size: 12px"], span[style*="font-size: 12px"] { font-size: 15px !important; } div[style*="font-size: 15px"] a, div[style*="font-size: 15px"] p { font-size: 18px !important; } div[style*="font-size: 14px"] a, p[style*="font-size: 14px"] { font-size: 17px !important; } div[style*="font-size: 15px"] p[style*="font-size: 26px"] { font-size: 32px !important; } div[style*="font-size: 15px"] p[style*="font-size: 22px"] { font-size: 28px !important; } div[style*="font-size: 15px"] p[style*="letter-spacing"] { font-size: 20px !important; } .mm-rot > div p:first-child { font-size: 20px !important; } .mm-rot > div p:last-child { font-size: 17px !important; } @keyframes mmUp { from { transform: translateY(32px); } to { transform: none; } } div[style*="border-radius: 16px"], div[style*="border-radius: 16px"] p, div[style*="border-radius: 16px"] a { opacity: 1 !important; } div[style*="border-radius: 16px"] p { color: #ffffff !important; } div[style*="font-size: 15px"], div[style*="font-size: 15px"] * { font-family: Inter, Arial, Helvetica, sans-serif; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; } div[style*="font-size: 15px"] p { opacity: 1 !important; } div[style*="font-size: 15px"] p[style*="font-size: 26px"], div[style*="font-size: 15px"] p[style*="color: #ffffff"] { color: #ffffff !important; } @media (min-width: 768px) { .mm-rot { height: 140px; } } @media (max-width: 767px) { html, body { overflow-x: hidden !important; } div[style*="border-radius: 16px"] { padding: 22px 16px !important; border-radius: 14px !important; } div[style*="border-radius: 16px"] p { font-size: 17px !important; line-height: 1.5 !important; } div[style*="border-radius: 16px"] p:first-child { font-size: 22px !important; line-height: 1.3 !important; } a[style*="border-radius: 999px"] { display: block !important; width: 100% !important; box-sizing: border-box !important; text-align: center !important; padding: 16px 18px !important; font-size: 18px !important; min-height: 52px; } a[style*="background:#0F8F45"] { display: block !important; width: 100% !important; box-sizing: border-box !important; text-align: center !important; margin: 10px 0 !important; padding: 15px 16px !important; } .mm-rot > div { padding: 12px 14px !important; } div[style*="font-size: 15px"] a { display: inline-block; padding: 8px 6px; white-space: normal; } div[style*="font-size: 15px"] { padding-left: 12px !important; padding-right: 12px !important; } p[style*="font-size: 26px"] { font-size: 26px !important; } .cc-footer2, .cc-footer2 .right-content { text-align: center !important; padding-left: 12px !important; padding-right: 12px !important; } iframe { max-width: 100% !important; } }