/** * Theme Name: Kadence Child * Author: Kadence WP * Template: kadence * Text Domain: kadence-child * Description: Kadence Theme is a lightweight yet full featured WordPress theme for creating beautiful fast loading and accessible websites, easier than ever. It features an easy to use drag and drop header and footer builder to build any type of header in minutes. It features a full library of gorgeous starter templates that are easy to modify with our intelligent global font and color controls. With extensive integration with the most popular 3rd party plugins, you can quickly build impressive ecommerce websites, course websites, business websites, and more. */ /* ============================================ DESIGN TOKENS ============================================ */ :root { /* ---- Font Family ---- */ --font-family: 'Hanken Grotesk', 'Open Sans', sans-serif; /* ---- Font Sizes ---- */ --font-size-h1: clamp(2.625rem, 1.25rem + 3.667vw, 4rem); --font-size-h2: clamp(2rem, 1.5rem + 1.333vw, 2.5rem); --font-size-h3: clamp(1.75rem, 1.5rem + 0.667vw, 2rem); --font-size-h4: clamp(1.375rem, 1.25rem + 0.333vw, 1.5rem); --font-size-h5: clamp(1.125rem, 1rem + 0.333vw, 1.25rem); --font-size-h6: 1rem; --font-size-tagline: clamp(1.25rem, 1rem + 0.667vw, 1.5rem); --font-size-body-large: clamp(1.063rem, 1rem + 0.167vw, 1.125rem); --font-size-body: 1rem; --font-size-small: 0.875rem; --font-size-caption: 0.75rem; --font-size-card: clamp(1.25rem, 1.125rem + 0.333vw, 1.375rem); /* ---- Font Weights ---- */ --font-weight-regular: 400; --font-weight-semibold: 600; --font-weight-bold: 700; /* ---- Line Height & Letter Spacing ---- */ --line-height-default: 1.5; --line-height-default-heading: 1.1; --letter-spacing-tight: -0.003em; --letter-spacing-normal: 0; /* ---- Brand Colours ---- */ --brand-primary: #937CD8; --brand-primary-dark: #3B375A; --brand-primary-light: #D5C8E8; --brand-primary-pale: #F2F2EF; --brand-pomelo: #E5A6AC; --brand-pomelo-light: #F4E6E9; --brand-pomelo-dark: #6b4e53; --brand-sage: #4C7562; --brand-sage-light: #E4EEDA; --brand-peach: #EFA77F; --brand-peach-light: #F5E7D4; --brand-peach-dark: #6D4B32; /* ---- UI Colours ---- */ --color-white: #FFFFFF; --color-black: #000000; --color-text-title: var(--brand-primary-dark); --color-text: #000000; --color-btn-text: #1A202C; --color-text-light: #7F7D7A; --color-background: #FFFFFF; --color-background-alt: #F0F0EA; --color-border: #D8D8D8; /* ---- Status Colours ---- */ --color-success: #4C7562; --color-warning: #EFA77F; --color-error: #DC2626; --color-info: #937CD8; /* ---- Gradients ---- */ --gradient-primary: linear-gradient(360deg, var(--brand-primary) 49.52%, var(--brand-primary-light) 100%); --gradient-primary-light: linear-gradient(360deg, var(--brand-primary) 0%, var(--brand-primary-pale) 100%); --gradient-pomelo: linear-gradient(270deg, var(--brand-pomelo) 0%, var(--brand-pomelo-light) 100%); --gradient-peach: linear-gradient(270deg, var(--brand-peach) 0%, var(--brand-peach-light) 100%); --gradient-sage: linear-gradient(270deg, var(--brand-sage) 0%, var(--brand-sage-light) 100%); /* ---- Spacing ---- */ --section-large: clamp(4rem, 2rem + 5.333vw, 6rem); --section-small: clamp(2rem, 1rem + 2.667vw, 3rem); --section-padding-x: clamp(1.25rem, 0.5rem + 2vw, 2rem); --content-gap: clamp(1.5rem, 1rem + 1.333vw, 3rem); --content-gap-small: clamp(1.125rem, 0.75rem + 1vw, 1.5rem); --card-padding: clamp(1.5rem, 1rem + 1.333vw, 2rem); --column-gutter: clamp(1.5rem, 1rem + 1.333vw, 2rem); /* ---- Layout ---- */ --container-standard: 1340px; --container-narrow: 900px; --container-blog: 760px; --container-sidebar: 320px; --grid-gap: clamp(1.5rem, 1rem + 1.333vw, 2rem); /* ---- Border Radius ---- */ --radius-button: 100px; --radius-card: 10px; --radius-image: 16px; /* ---- Button Padding ---- */ --btn-padding: 10px 20px; --btn-height: 50px; --btn-min-width: 160px; } /* ============================================ BASE TYPOGRAPHY ============================================ */ body h1 { font-family: var(--font-family); font-size: var(--font-size-h1); font-weight: var(--font-weight-regular); line-height: var(--line-height-default-heading); letter-spacing: var(--letter-spacing-tight); color: var(--color-text-title); } body h2 { font-family: var(--font-family); font-size: var(--font-size-h2); font-weight: var(--font-weight-regular); line-height: var(--line-height-default-heading); letter-spacing: var(--letter-spacing-tight); color: var(--color-text-title); } body h3 { font-family: var(--font-family); font-size: var(--font-size-h3); font-weight: var(--font-weight-regular); line-height: var(--line-height-default-heading); letter-spacing: var(--letter-spacing-tight); color: var(--color-text); } body h4 { font-family: var(--font-family); font-size: var(--font-size-h4); font-weight: var(--font-weight-regular); line-height: var(--line-height-default-heading); letter-spacing: var(--letter-spacing-tight); color: var(--color-text); } body h5 { font-family: var(--font-family); font-size: var(--font-size-h5); font-weight: var(--font-weight-regular); line-height: var(--line-height-default-heading); letter-spacing: var(--letter-spacing-tight); color: var(--color-text); } body h6 { font-family: var(--font-family); font-size: var(--font-size-h6); font-weight: var(--font-weight-regular); line-height: var(--line-height-default-heading); letter-spacing: var(--letter-spacing-tight); color: var(--color-text); } body p { font-family: var(--font-family); font-size: var(--font-size-body); font-weight: var(--font-weight-regular); line-height: var(--line-height-default); color: var(--color-text); margin: 0; } body small { font-size: var(--font-size-small); line-height: var(--line-height-default); color: var(--color-text-light); } /* ---- Utility Classes ---- */ .text-tagline, .text-tagline p { font-size: var(--font-size-tagline); font-weight: var(--font-weight-regular); line-height: var(--line-height-default); color: var(--color-text-title); } .text-body-large { font-size: var(--font-size-body-large); font-weight: var(--font-weight-regular); line-height: var(--line-height-default); color: var(--color-text); } .text-caption { font-size: var(--font-size-caption); line-height: var(--line-height-default); color: var(--color-text-light); } .text-card { font-size: var(--font-size-card); line-height: var(--line-height-default); } /* ============================================ BASE BUTTONS ============================================ */ /* Primary */ a.btn-back-purp { display: inline-flex; align-items: center; justify-content: center; min-height: var(--btn-height); min-width: var(--btn-min-width); background-color: var(--brand-primary-dark); color: var(--color-white); border: 1px solid var(--brand-primary-dark); border-radius: var(--radius-button); padding: var(--btn-padding); font-family: var(--font-family); font-size: var(--font-size-body); font-weight: var(--font-weight-regular); line-height: var(--line-height-default); text-decoration: none; text-align: center; transition: background-color 0.2s ease, border 0.2s ease; cursor: pointer; } a.btn-back-purp:active, a.btn-back-purp:focus, a.btn-back-purp:hover { background-color: var(--brand-primary); border: var(--brand-primary); color: var(--color-white); } /* Outline */ a.btn-bck-white { display: inline-flex; align-items: center; justify-content: center; min-height: var(--btn-height); min-width: var(--btn-min-width); background-color: transparent; color: var(--brand-primary-dark); border: 1px solid var(--brand-primary-dark); border-radius: var(--radius-button); padding: var(--btn-padding); font-family: var(--font-family); font-size: var(--font-size-body); font-weight: var(--font-weight-regular); line-height: var(--line-height-default); text-decoration: none; text-align: center; transition: background-color 0.2s ease, color 0.2s ease; cursor: pointer; } a.btn-bck-white:hover, a.btn-bck-white:active, a.btn-bck-white:focus { background-color: var(--brand-primary-dark); color: var(--color-white); } /* Peach */ a.btn-peach { display: inline-flex; align-items: center; justify-content: center; min-height: var(--btn-height); min-width: var(--btn-min-width); background-color: var(--brand-peach-dark); color: var(--color-white); border: 1px solid var(--brand-peach-dark); border-radius: var(--radius-button); padding: var(--btn-padding); font-family: var(--font-family); font-size: var(--font-size-body); font-weight: var(--font-weight-regular); line-height: var(--line-height-default); text-decoration: none; text-align: center; transition: background-color 0.2s ease, border 0.2s ease; cursor: pointer; } a.btn-peach:focus, a.btn-peach:active, a.btn-peach:hover { background-color: var(--brand-peach); border: var(--brand-peach); color: var(--color-white); } /* Text Link */ .btn-text-link { display: inline; background: transparent; color: inherit; padding: 0; border: none; border-radius: 0; font-family: var(--font-family); font-size: inherit; text-decoration: none; cursor: pointer; transition: text-decoration-color 0.2s ease; } .btn-text-link:focus, .btn-text-link:active, .btn-text-link:hover { text-decoration: underline; text-decoration-color: var(--brand-primary); text-underline-offset: 4px; text-decoration-thickness: 1px; } /* ============================================ Sizing ============================================ */ .section-lg{ padding-top: var(--section-large); padding-bottom: var(--section-large); } .section-sm{ padding-top: var(--section-small); padding-bottom: var(--section-small); } .section-x{ padding-left: var(--section-padding-x); padding-right: var(--section-padding-x); } .content-gap{ padding: var(--content-gap); } .card-pad{ padding: var(--card-padding); } /* ============================================ Backgrounds ============================================ */ .background-primary-ripple{ background-image: url(https://www.explorecosmo.com/wp-content/uploads/2025/12/cosmo-cnt-hm-1.webp); background-size: cover; background-repeat: no-repeat; background-position: center; } .background-primary{ background: var(--color-background-primary); } /******************************************************************************************** * Custom CSS Changes - Cargill Digital * *******************************************************************************************/ .btn-cosmo-lrn-suit{ display: flex; flex-direction: row; flex-wrap: nowrap; } .btn-cosmo-lrn-suit a { background: transparent; display: inline-flex; align-items: center; color: var(--brand-primary); padding: 0; font-weight: var(--font-weight-semibold); box-shadow: unset; } .btn-cosmo-lrn-suit a:hover, .btn-cosmo-lrn-suit a:visited, .btn-cosmo-lrn-suit a:active, .btn-cosmo-lrn-suit a:focus { background: transparent; box-shadow: unset; color: var(--brand-primary); -webkit-text-fill-color: var(--brand-primary); } .btn-cosmo-lrn-suit a::after { content: '›'; margin-left: 6px; display: inline-block; transition: transform 0.2s ease; font-size: 2rem; line-height: 1; top: -2px; position: relative; } .btn-cosmo-lrn-suit a:hover::after { transform: translateX(5px); } .lrn-suite-rep-wrap:nth-child(1) .btn-cosmo-lrn-suit a { color: var(--color-btn-text); -webkit-text-fill-color: var(--color-btn-text); } .lrn-suite-rep-wrap:nth-child(2) .btn-cosmo-lrn-suit a { color: var(--color-btn-text); -webkit-text-fill-color: var(--color-btn-text); } .lrn-suite-rep-wrap:nth-child(3) .btn-cosmo-lrn-suit a { color: var(--color-btn-text); -webkit-text-fill-color: var(--color-btn-text); } .coming-soon-badge{ display: inline-flex; align-items: center; justify-content: center; min-height: var(--btn-height); min-width: var(--btn-min-width); background-color: transparent; color: var(--color-btn-text); border: 1px solid var(--color-btn-text); border-radius: var(--radius-button); padding: var(--btn-padding); font-family: var(--font-family); font-size: var(--font-size-body); font-weight: var(--font-weight-regular); line-height: var(--line-height-default); text-decoration: none; text-align: center; } /************************************************************ * Original CSS Starts Here * ************************************************************/ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in iOS. */ html { -webkit-text-size-adjust: 100%; } /* Sections ========================================================================== */ /** * Remove the margin in all browsers. */ body { margin: 0; } body, input, select, optgroup, textarea { font-family: var(--font-family) !important; font-size: var(--font-size-body) !important; color: var(--color-text) !important; line-height: 1.5 !important; } /** * Render the `main` element consistently in IE. */ main { display: block; } /* Grouping content ========================================================================== */ /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { box-sizing: content-box; height: 0; overflow: visible; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; font-size: 1em; } /* Text-level semantics ========================================================================== */ /** * Remove the gray background on active links in IE 10. */ a { background-color: transparent; } /** * 1. Remove the bottom border in Chrome 57- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted; } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; font-size: 1em; } /* Embedded content ========================================================================== */ /** * Remove the border on images inside links in IE 10. */ img { border-style: none; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers. * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: inherit; line-height: var(--line-height-default); margin: 0; } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { text-transform: none; } /** * Correct the inability to style clickable types in iOS and Safari. */ button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Correct the padding in Firefox. */ fieldset { padding: 0.35em 0.75em 0.625em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } /** * Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { vertical-align: baseline; } /** * Remove the default vertical scrollbar in IE 10+. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10. * 2. Remove the padding in IE 10. */ [type="checkbox"], [type="radio"] { box-sizing: border-box; padding: 0; } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type="search"] { -webkit-appearance: textfield; outline-offset: -2px; } /** * Remove the inner padding in Chrome and Safari on macOS. */ [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; } /* Interactive ========================================================================== */ /* * Add the correct display in Edge, IE 10+, and Firefox. */ details { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /** * Add the correct display in IE 10. */ [hidden] { display: none; } /* Elements --------------------------------------------- */ dt { font-weight: var(--font-weight-bold); } dd { margin: 0 1.5em 1.5em; } /* Make sure embeds and iframes fit their containers. */ embed, iframe, object { max-width: 100%; } img { height: auto; max-width: 100%; } figure { margin: 1em 0; } table { margin: 0 0 1.5em; width: 100%; } /* Forms --------------------------------------------- */ button, input[type="button"], input[type="reset"], input[type="submit"] { border: 1px solid; border: #ccc #ccc #bbb; border-radius: 3px; background: #e6e6e6; color: rgba(0, 0, 0, 0.8); padding: 0.6em 1em 0.4em; } button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover { border: #ccc #bbb #aaa; } button:active, button:focus, input[type="button"]:active, input[type="button"]:focus, input[type="reset"]:active, input[type="reset"]:focus, input[type="submit"]:active, input[type="submit"]:focus { border: #aaa #bbb #bbb; } input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea { color: #666; border: 1px solid #ccc; border-radius: 3px; padding: 3px; } input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus { color: #111; } select { border: 1px solid #ccc; } textarea { width: 100%; } .container { width: 1366px; max-width: 96%; margin: 0 auto; } .reset { list-style: none; padding: 0; margin: 0; } /* Chrome, Edge (Chromium), Safari, Opera */ .swiper::-webkit-scrollbar { width: 12px; height: 12px; /* For horizontal scrollbars too */ } /* Track */ .swiper::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); -webkit-border-radius: 10px; border-radius: 10px; } /* Handle (thumb) */ .swiper::-webkit-scrollbar-thumb { -webkit-border-radius: 10px; border-radius: 10px; background: rgb(147 124 216); -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5); } /* Firefox */ .swiper, .swiper-container { scrollbar-width: thin; scrollbar-color: rgb(147 124 216) rgba(0, 0, 0, 0.1); overflow: visible !important; } /*Ripple Animation*/ .section { background-color: var(--brand-primary); background: linear-gradient(5deg, var(--brand-primary), var(--brand-primary-light)); /*height: 90vh;*/ position: relative; overflow: hidden; } section.section.ripple-section.ripple-bottom-left.green-gradient.user-resources-ripple { background: linear-gradient(180deg, var(--brand-sage) -30%, var(--brand-sage-light) 100%); padding: 160px 0; z-index: 1; } section.section.ripple-section.ripple-bottom-left.latest-webinar { background: linear-gradient(5deg, #EDC8CC 40%, var(--color-background)); padding: var(--section-large) 0; } /* PLEASE ADD THE ORIGINAL HEXT CODE HERE */ /* When in viewport, allow animation */ .ripple-section.active .ripple-1, .ripple-section.active .ripple-2, .ripple-section.active .ripple-3, .ripple-section.active .ripple-4, .ripple-section.active .ripple-5 { -webkit-animation-play-state: running; animation-play-state: running; opacity: 1; } /* Disable animation by default */ .ripple-section .ripple-1, .ripple-section .ripple-2, .ripple-section .ripple-3, .ripple-section .ripple-4, .ripple-section .ripple-5 { -webkit-animation-play-state: paused; animation-play-state: paused; opacity: 0; /* hides initial paused state */ } /* RIPPLE - BOTTOM LEFT START */ .ripple-bottom-left .ripple-1, .ripple-bottom-left .ripple-2, .ripple-bottom-left .ripple-3, .ripple-bottom-left .ripple-4, .ripple-bottom-left .ripple-5 { height: 1px; width: 1px; position: absolute; left: 0; bottom: 0; background-color: var(--color-white); border-radius: 999999%; outline: none; -webkit-transform: translate3d(-50%, 50%, 0); transform: translate3d(-50%, 50%, 0); -webkit-animation-name: rippleBottomLeft; animation-name: rippleBottomLeft; -webkit-animation-duration: 12s; animation-duration: 12s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; /*will-change: transform, opacity;*/ } .ripple-bottom-left .ripple-1 { -webkit-animation-delay: 0s; animation-delay: 0s; } .ripple-bottom-left .ripple-2 { -webkit-animation-delay: 2.6s; animation-delay: 2.6s; } .ripple-bottom-left .ripple-3 { -webkit-animation-delay: 5.2s; animation-delay: 5.2s; } .ripple-bottom-left .ripple-4 { -webkit-animation-delay: 7.8s; animation-delay: 7.8s; } .ripple-bottom-left .ripple-5 { -webkit-animation-delay: 10.4s; animation-delay: 10.4s; } @-webkit-keyframes rippleBottomLeft { 0% { -webkit-transform: translate3d(-50%, 50%, 0) scale(0); transform: translate3d(-50%, 50%, 0) scale(0); opacity: .33; } 100% { -webkit-transform: translate3d(-50%, 50%, 0) scale(3000); transform: translate3d(-50%, 50%, 0) scale(3000); opacity: 0; } } @keyframes rippleBottomLeft { 0% { -webkit-transform: translate3d(-50%, 50%, 0) scale(0); transform: translate3d(-50%, 50%, 0) scale(0); opacity: .33; } 100% { -webkit-transform: translate3d(-50%, 50%, 0) scale(3000); transform: translate3d(-50%, 50%, 0) scale(3000); opacity: 0; } } /* STATIC RIPPLE - NEW - START */ .ripple-1.ripple-static, .ripple-2.ripple-static, .ripple-3.ripple-static, .ripple-4.ripple-static, .ripple-5.ripple-static { background-color: #ffffff38 !important; } .ripple-bottom-left .ripple-1.ripple-static { -webkit-transform: translate3d(-50%, 50%, 0) scale(3000) !important; transform: translate3d(-50%, 50%, 0) scale(3000) !important; } .ripple-bottom-left .ripple-2.ripple-static { -webkit-transform: translate3d(-50%, 50%, 0) scale(2400) !important; transform: translate3d(-50%, 50%, 0) scale(2400) !important; } .ripple-bottom-left .ripple-3.ripple-static { -webkit-transform: translate3d(-50%, 50%, 0) scale(1800) !important; transform: translate3d(-50%, 50%, 0) scale(1800) !important; } .ripple-bottom-left .ripple-4.ripple-static { -webkit-transform: translate3d(-50%, 50%, 0) scale(1200) !important; transform: translate3d(-50%, 50%, 0) scale(1200) !important; } .ripple-bottom-left .ripple-5.ripple-static { -webkit-transform: translate3d(-50%, 50%, 0) scale(600) !important; transform: translate3d(-50%, 50%, 0) scale(600) !important; } .ripple-static { opacity: 1 !important; -webkit-transition: opacity 1.8s; -o-transition: opacity 1.8s; transition: opacity 1.8s; } .section.ripple-section.active .ripple-static { -webkit-animation-name: rippleStaticEnd; animation-name: rippleStaticEnd; -webkit-animation-duration: 1.8s; animation-duration: 1.8s; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; opacity: 0 !important; } @-webkit-keyframes rippleStaticEnd { from { opacity: 1; } to { opacity: 0; } } @keyframes rippleStaticEnd { from { opacity: 1; } to { opacity: 0; } } /* STATIC RIPPLE - NEW - END */ /* RIPPLE - BOTTOM RIGHT START */ .ripple-bottom-right .ripple-1, .ripple-bottom-right .ripple-2, .ripple-bottom-right .ripple-3, .ripple-bottom-right .ripple-4, .ripple-bottom-right .ripple-5 { height: 1px; width: 1px; position: absolute; right: 0; bottom: 0; background-color: var(--color-white); border-radius: 999999%; outline: none; -webkit-transform: translate3d(-50%, 50%, 0); transform: translate3d(-50%, 50%, 0); -webkit-animation-name: rippleBottomRight; animation-name: rippleBottomRight; -webkit-animation-duration: 12s; animation-duration: 12s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; /*will-change: transform, opacity;*/ } .ripple-bottom-right .ripple-1 { -webkit-animation-delay: 0s; animation-delay: 0s; } .ripple-bottom-right .ripple-2 { -webkit-animation-delay: 2.6s; animation-delay: 2.6s; } .ripple-bottom-right .ripple-3 { -webkit-animation-delay: 5.2s; animation-delay: 5.2s; } .ripple-bottom-right .ripple-4 { -webkit-animation-delay: 7.8s; animation-delay: 7.8s; } .ripple-bottom-right .ripple-5 { -webkit-animation-delay: 10.4s; animation-delay: 10.4s; } @-webkit-keyframes rippleBottomRight { 0% { -webkit-transform: translate3d(-50%, 50%, 0) scale(0); transform: translate3d(-50%, 50%, 0) scale(0); opacity: .33; } 100% { -webkit-transform: translate3d(-50%, 50%, 0) scale(3000); transform: translate3d(-50%, 50%, 0) scale(3000); opacity: 0; } } @keyframes rippleBottomRight { 0% { -webkit-transform: translate3d(-50%, 50%, 0) scale(0); transform: translate3d(-50%, 50%, 0) scale(0); opacity: .33; } 100% { -webkit-transform: translate3d(-50%, 50%, 0) scale(3000); transform: translate3d(-50%, 50%, 0) scale(3000); opacity: 0; } } /* RIPPLE - CENTER START */ .ripple-center .ripple-1, .ripple-center .ripple-2, .ripple-center .ripple-3, .ripple-center .ripple-4, .ripple-center .ripple-5 { height: 1px; width: 1px; position: absolute; left: 50%; top: 50%; background-color: var(--color-white); border-radius: 999999%; outline: none; -webkit-transform: translate(-50%, -50%) scale(0); -ms-transform: translate(-50%, -50%) scale(0); transform: translate(-50%, -50%) scale(0); -webkit-animation-name: rippleCenter; animation-name: rippleCenter; -webkit-animation-duration: 13s; animation-duration: 13s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; /*will-change: transform, opacity;*/ } /* STATIC RIPPLE - NEW - START */ .ripple-center .ripple-1.ripple-static { -webkit-transform: translate3d(-50%, -50%, 0) scale(3000) !important; transform: translate3d(-50%, -50%, 0) scale(3000) !important; } .ripple-center .ripple-2.ripple-static { -webkit-transform: translate3d(-50%, -50%, 0) scale(2400) !important; transform: translate3d(-50%, -50%, 0) scale(2400) !important; } .ripple-center .ripple-3.ripple-static { -webkit-transform: translate3d(-50%, -50%, 0) scale(1800) !important; transform: translate3d(-50%, -50%, 0) scale(1800) !important; } .ripple-center .ripple-4.ripple-static { -webkit-transform: translate3d(-50%, -50%, 0) scale(1200) !important; transform: translate3d(-50%, -50%, 0) scale(1200) !important; } .ripple-center .ripple-5.ripple-static { -webkit-transform: translate3d(-50%, -50%, 0) scale(600) !important; transform: translate3d(-50%, -50%, 0) scale(600) !important; } /* STATIC RIPPLE - NEW - END */ .ripple-center .ripple-1 { -webkit-animation-delay: 0s; animation-delay: 0s; } .ripple-center .ripple-2 { -webkit-animation-delay: 2.6s; animation-delay: 2.6s; } .ripple-center .ripple-3 { -webkit-animation-delay: 5.2s; animation-delay: 5.2s; } .ripple-center .ripple-4 { -webkit-animation-delay: 7.8s; animation-delay: 7.8s; } .ripple-center .ripple-5 { -webkit-animation-delay: 10.4s; animation-delay: 10.4s; } @-webkit-keyframes rippleCenter { 0% { -webkit-transform: translate(-50%, -50%) scale(0); transform: translate(-50%, -50%) scale(0); opacity: .33; } 100% { -webkit-transform: translate(-50%, -50%) scale(3000); transform: translate(-50%, -50%) scale(3000); opacity: 0; } } @keyframes rippleCenter { 0% { -webkit-transform: translate(-50%, -50%) scale(0); transform: translate(-50%, -50%) scale(0); opacity: .33; } 100% { -webkit-transform: translate(-50%, -50%) scale(3000); transform: translate(-50%, -50%) scale(3000); opacity: 0; } } /* RIPPLE - LEFT TO RIGHT START */ .ripple-left-right .ripple-1, .ripple-left-right .ripple-2, .ripple-left-right .ripple-3, .ripple-left-right .ripple-4, .ripple-left-right .ripple-5 { height: 1px; width: 1px; position: absolute; left: 0; top: 50%; background-color: var(--color-white); border-radius: 999999%; outline: none; -webkit-transform: translate(-50%, -50%) scale(0); -ms-transform: translate(-50%, -50%) scale(0); transform: translate(-50%, -50%) scale(0); -webkit-animation-name: rippleLeftRight; animation-name: rippleLeftRight; -webkit-animation-duration: 13s; animation-duration: 13s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; /*will-change: transform, opacity;*/ } .ripple-left-right .ripple-1 { -webkit-animation-delay: 0s; animation-delay: 0s; } .ripple-left-right .ripple-2 { -webkit-animation-delay: 2.6s; animation-delay: 2.6s; } .ripple-left-right .ripple-3 { -webkit-animation-delay: 5.2s; animation-delay: 5.2s; } .ripple-left-right .ripple-4 { -webkit-animation-delay: 7.8s; animation-delay: 7.8s; } .ripple-left-right .ripple-5 { -webkit-animation-delay: 10.4s; animation-delay: 10.4s; } /* STATIC RIPPLE - NEW - START */ .ripple-left-right .ripple-1.ripple-static { -webkit-transform: translate(-50%, -50%) scale(3000) !important; -ms-transform: translate(-50%, -50%) scale(3000) !important; transform: translate(-50%, -50%) scale(3000) !important; } .ripple-left-right .ripple-2.ripple-static { -webkit-transform: translate(-50%, -50%) scale(2400) !important; -ms-transform: translate(-50%, -50%) scale(2400) !important; transform: translate(-50%, -50%) scale(2400) !important; } .ripple-left-right .ripple-3.ripple-static { -webkit-transform: translate(-50%, -50%) scale(1800) !important; -ms-transform: translate(-50%, -50%) scale(1800) !important; transform: translate(-50%, -50%) scale(1800) !important; } .ripple-left-right .ripple-4.ripple-static { -webkit-transform: translate(-50%, -50%) scale(1200) !important; -ms-transform: translate(-50%, -50%) scale(1200) !important; transform: translate(-50%, -50%) scale(1200) !important; } .ripple-left-right .ripple-5.ripple-static { -webkit-transform: translate(-50%, -50%) scale(600) !important; -ms-transform: translate(-50%, -50%) scale(600) !important; transform: translate(-50%, -50%) scale(600) !important; } /* STATIC RIPPLE - NEW - END */ @-webkit-keyframes rippleLeftRight { 0% { -webkit-transform: translate(-50%, -50%) scale(0); transform: translate(-50%, -50%) scale(0); opacity: .33; } 100% { -webkit-transform: translate(-50%, -50%) scale(3000); transform: translate(-50%, -50%) scale(3000); opacity: 0; } } @keyframes rippleLeftRight { 0% { -webkit-transform: translate(-50%, -50%) scale(0); transform: translate(-50%, -50%) scale(0); opacity: .33; } 100% { -webkit-transform: translate(-50%, -50%) scale(3000); transform: translate(-50%, -50%) scale(3000); opacity: 0; } } /* RIPPLE - TOP TO BOTTOM START */ .ripple-top-bottom .ripple-1, .ripple-top-bottom .ripple-2, .ripple-top-bottom .ripple-3, .ripple-top-bottom .ripple-4, .ripple-top-bottom .ripple-5 { height: 1px; width: 1px; position: absolute; left: 50%; top: 0; background-color: var(--color-white); border-radius: 50%; outline: none; -webkit-transform: translate(-50%, -50%) scale(0); -ms-transform: translate(-50%, -50%) scale(0); transform: translate(-50%, -50%) scale(0); -webkit-animation-name: rippleTopBottom; animation-name: rippleTopBottom; -webkit-animation-duration: 13s; animation-duration: 13s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; /*will-change: transform, opacity;*/ -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); will-change: transform; backface-visibility: hidden; transform: translateZ(0); -webkit-mask-image: -webkit-radial-gradient(var(--color-white), black); will-change: transform; } .ripple-top-bottom .ripple-1 { -webkit-animation-delay: 0s; animation-delay: 0s; } .ripple-top-bottom .ripple-2 { -webkit-animation-delay: 2.6s; animation-delay: 2.6s; } .ripple-top-bottom .ripple-3 { -webkit-animation-delay: 5.2s; animation-delay: 5.2s; } .ripple-top-bottom .ripple-4 { -webkit-animation-delay: 7.8s; animation-delay: 7.8s; } .ripple-top-bottom .ripple-5 { -webkit-animation-delay: 10.4s; animation-delay: 10.4s; } /* STATIC RIPPLE - NEW - START */ .ripple-top-bottom .ripple-1.ripple-static { -webkit-transform: translate(-50%, -50%) scale(3000) !important; -ms-transform: translate(-50%, -50%) scale(3000) !important; transform: translate(-50%, -50%) scale(3000) !important; } .ripple-top-bottom .ripple-2.ripple-static { -webkit-transform: translate(-50%, -50%) scale(2400) !important; -ms-transform: translate(-50%, -50%) scale(2400) !important; transform: translate(-50%, -50%) scale(2400) !important; } .ripple-top-bottom .ripple-3.ripple-static { -webkit-transform: translate(-50%, -50%) scale(1800) !important; -ms-transform: translate(-50%, -50%) scale(1800) !important; transform: translate(-50%, -50%) scale(1800) !important; } .ripple-top-bottom .ripple-4.ripple-static { -webkit-transform: translate(-50%, -50%) scale(1200) !important; -ms-transform: translate(-50%, -50%) scale(1200) !important; transform: translate(-50%, -50%) scale(1200) !important; } .ripple-top-bottom .ripple-5.ripple-static { -webkit-transform: translate(-50%, -50%) scale(600) !important; -ms-transform: translate(-50%, -50%) scale(600) !important; transform: translate(-50%, -50%) scale(600) !important; } /* STATIC RIPPLE - NEW - END */ @-webkit-keyframes rippleTopBottom { 0% { -webkit-transform: translate(-50%, -50%) scale(0); transform: translate(-50%, -50%) scale(0); opacity: .33; } 100% { -webkit-transform: translate(-50%, -50%) scale(3000); transform: translate(-50%, -50%) scale(3000); opacity: 0; } } @keyframes rippleTopBottom { 0% { -webkit-transform: translate(-50%, -50%) scale(0); transform: translate(-50%, -50%) scale(0); opacity: .33; } 100% { -webkit-transform: translate(-50%, -50%) scale(3000); transform: translate(-50%, -50%) scale(3000); opacity: 0; } } /* RIPPLE - BOTTOM TO TOP START */ .ripple-bottom-top .ripple-1, .ripple-bottom-top .ripple-2, .ripple-bottom-top .ripple-3, .ripple-bottom-top .ripple-4, .ripple-bottom-top .ripple-5 { height: 1px; width: 1px; position: absolute; left: 50%; bottom: 0; background-color: var(--color-white); border-radius: 999999%; outline: none; -webkit-transform: translate(-50%, 50%) scale(0); -ms-transform: translate(-50%, 50%) scale(0); transform: translate(-50%, 50%) scale(0); -webkit-animation-name: rippleBottomTop; animation-name: rippleBottomTop; -webkit-animation-duration: 13s; animation-duration: 13s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; /*will-change: transform, opacity;*/ } .ripple-bottom-top .ripple-1 { -webkit-animation-delay: 0s; animation-delay: 0s; } .ripple-bottom-top .ripple-2 { -webkit-animation-delay: 2.6s; animation-delay: 2.6s; } .ripple-bottom-top .ripple-3 { -webkit-animation-delay: 5.2s; animation-delay: 5.2s; } .ripple-bottom-top .ripple-4 { -webkit-animation-delay: 7.8s; animation-delay: 7.8s; } .ripple-bottom-top .ripple-5 { -webkit-animation-delay: 10.4s; animation-delay: 10.4s; } /* STATIC RIPPLE - NEW - START */ .ripple-bottom-top .ripple-1.ripple-static { -webkit-transform: translate(-50%, 50%) scale(3000) !important; -ms-transform: translate(-50%, 50%) scale(3000) !important; transform: translate(-50%, 50%) scale(3000) !important; } .ripple-bottom-top .ripple-2.ripple-static { -webkit-transform: translate(-50%, 50%) scale(2400) !important; -ms-transform: translate(-50%, 50%) scale(2400) !important; transform: translate(-50%, 50%) scale(2400) !important; } .ripple-bottom-top .ripple-3.ripple-static { -webkit-transform: translate(-50%, 50%) scale(1800) !important; -ms-transform: translate(-50%, 50%) scale(1800) !important; transform: translate(-50%, 50%) scale(1800) !important; } .ripple-bottom-top .ripple-4.ripple-static { -webkit-transform: translate(-50%, 50%) scale(1200) !important; -ms-transform: translate(-50%, 50%) scale(1200) !important; transform: translate(-50%, 50%) scale(1200) !important; } .ripple-bottom-top .ripple-5.ripple-static { -webkit-transform: translate(-50%, 50%) scale(600) !important; -ms-transform: translate(-50%, 50%) scale(600) !important; transform: translate(-50%, 50%) scale(600) !important; } /* STATIC RIPPLE - NEW - END */ @-webkit-keyframes rippleBottomTop { 0% { -webkit-transform: translate(-50%, 50%) scale(0); transform: translate(-50%, 50%) scale(0); opacity: .33; } 100% { -webkit-transform: translate(-50%, 50%) scale(3000); transform: translate(-50%, 50%) scale(3000); opacity: 0; } } @keyframes rippleBottomTop { 0% { -webkit-transform: translate(-50%, 50%) scale(0); transform: translate(-50%, 50%) scale(0); opacity: .33; } 100% { -webkit-transform: translate(-50%, 50%) scale(3000); transform: translate(-50%, 50%) scale(3000); opacity: 0; } } /* RIPPLE - RIGHT TO LEFT START */ .ripple-right-left .ripple-1, .ripple-right-left .ripple-2, .ripple-right-left .ripple-3, .ripple-right-left .ripple-4, .ripple-right-left .ripple-5 { height: 1px; width: 1px; position: absolute; right: 0; top: 50%; background-color: var(--color-white); border-radius: 50%; -webkit-transform: translate(50%, -50%) scale(0); -ms-transform: translate(50%, -50%) scale(0); transform: translate(50%, -50%) scale(0); -webkit-animation-name: rippleRightLeft; animation-name: rippleRightLeft; -webkit-animation-duration: 13s; animation-duration: 13s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-border-radius: 50%; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); backface-visibility: hidden; -webkit-mask-image: -webkit-radial-gradient(var(--color-white), black); transform: translateZ(0); isolation: isolate; overflow: hidden; z-index: 0 } .ripple-right-left .ripple-1 { -webkit-animation-delay: 0s; animation-delay: 0s; } .ripple-right-left .ripple-2 { -webkit-animation-delay: 2.6s; animation-delay: 2.6s; } .ripple-right-left .ripple-3 { -webkit-animation-delay: 5.2s; animation-delay: 5.2s; } .ripple-right-left .ripple-4 { -webkit-animation-delay: 7.8s; animation-delay: 7.8s; } .ripple-right-left .ripple-5 { -webkit-animation-delay: 10.4s; animation-delay: 10.4s; } /* STATIC RIPPLE - NEW - START */ .ripple-right-left .ripple-1.ripple-static { -webkit-transform: translate(50%, -50%) scale(3000) !important; -ms-transform: translate(50%, -50%) scale(3000) !important; transform: translate(50%, -50%) scale(3000) !important; } .ripple-right-left .ripple-2.ripple-static { -webkit-transform: translate(50%, -50%) scale(2400) !important; -ms-transform: translate(50%, -50%) scale(2400) !important; transform: translate(50%, -50%) scale(2400) !important; } .ripple-right-left .ripple-3.ripple-static { -webkit-transform: translate(50%, -50%) scale(1800) !important; -ms-transform: translate(50%, -50%) scale(1800) !important; transform: translate(50%, -50%) scale(1800) !important; } .ripple-right-left .ripple-4.ripple-static { -webkit-transform: translate(50%, -50%) scale(1200) !important; -ms-transform: translate(50%, -50%) scale(1200) !important; transform: translate(50%, -50%) scale(1200) !important; } .ripple-right-left .ripple-5.ripple-static { -webkit-transform: translate(50%, -50%) scale(600) !important; -ms-transform: translate(50%, -50%) scale(600) !important; transform: translate(50%, -50%) scale(600) !important; } /* STATIC RIPPLE - NEW - END */ @-webkit-keyframes rippleRightLeft { 0% { -webkit-transform: translate(50%, -50%) scale(0); transform: translate(50%, -50%) scale(0); opacity: .33; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); will-change: transform; backface-visibility: hidden; -webkit-mask-image: -webkit-radial-gradient(var(--color-white), black); transform: translateZ(0); isolation: isolate; overflow: hidden; } 100% { -webkit-transform: translate(50%, -50%) scale(3000); transform: translate(50%, -50%) scale(3000); opacity: 0; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); will-change: transform; backface-visibility: hidden; -webkit-mask-image: -webkit-radial-gradient(var(--color-white), black); transform: translateZ(0); isolation: isolate; overflow: hidden; } } @keyframes rippleRightLeft { 0% { -webkit-transform: translate(50%, -50%) scale(0); transform: translate(50%, -50%) scale(0); opacity: .33; } 100% { -webkit-transform: translate(50%, -50%) scale(3000); transform: translate(50%, -50%) scale(3000); opacity: 0; } } .ripple-section.active .ripple-static { -webkit-animation-name: rippleStaticEnd; animation-name: rippleStaticEnd; -webkit-animation-duration: 1.8s; animation-duration: 1.8s; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; opacity: 0 !important; } /* RIPPLE - RIGHT TO LEFT END */ /*Default CSS Clases*/ .purple-title{ color:var(--brand-primary-dark); } section.ct-page-content p a { color: var(--brand-primary-dark); font-weight: 600; } section.ct-page-content p a:hover { color: var(--brand-primary); } /*Swiper Progress*/ div#user-resources-slider .swiper-progress-bar, div#educators-learners-slider .swiper-progress-bar, div#podcast-slider .swiper-progress-bar{ background: var(--color-border); } div#user-resources-slider .swiper-progress-bar .progress, div#educators-learners-slider .swiper-progress-bar .progress, div#podcast-slider .swiper-progress-bar .progress { background: var(--color-black); } body.footer-on-bottom #inner-wrap { background-color: var(--color-white); } .gt_switcher.notranslate .gt_option { position: absolute !important; top: 76px !important; width: 70px !important; background-color: rgb(233 233 233) !important; border: 1px solid var(--color-white) !important; border-radius: 10px; } .gt_container--4v03b4 .gt_switcher { width: 88px !important; font-size: 0 !important; } .gt_selected a.open { font-size: 0; } .gt_option > a { font-size: 0 !important; margin-bottom: 10px; } .gt_switcher.notranslate { width: 71px !important; } .gt_container-sdyiqp .gt_switcher .gt_selected a { padding: 3px 5px; width: 71px; font-size: 0px !important; } .gt_switcher.notranslate .gt_selected a { font-size: 0; width:61px !important; } .gt_option { height: 188px !important; } .site-header-main-section-left.site-header-section.site-header-section-left { margin-right: auto !important; } button.drawer-toggle.header-cart-button { padding: var(--btn-padding) !important; border-radius: var(--radius-button) !important; border: 1px solid var(--brand-primary-dark) !important; color: var(--brand-primary-dark) !important; margin-right: 15px; background: var(--color-white) !important; } .site-main-header-inner-wrap{ padding: 0 var(--global-content-edge-padding); } .site-header-row.site-header-row-center-column { gap: 0px; } .gt_selected{ margin-right: 0.1rem; } .gt_option > a img { width: 30px !important; height: 30px !important; } .main-navigation .primary-menu-container > ul > li.menu-item > a { color: var(--brand-primary-dark) !important; } /******************************************************* * Nav * *******************************************************/ /*Desktop*/ .header-cart-wrap .header-cart-button .header-cart-label{ color: var(--brand-primary-dark) !important; } .header-cart-wrap .header-cart-button:focus, .header-cart-wrap .header-cart-button:active, .header-cart-wrap .header-cart-button:hover{ background: var(--brand-primary-dark) !important; border: 1px solid var(--brand-primary-dark) !important; } .header-cart-wrap .header-cart-button:focus .header-cart-label, .header-cart-wrap .header-cart-button:active .header-cart-label, .header-cart-wrap .header-cart-button:hover .header-cart-label{ color: var(--color-white) !important; } .header-cart-wrap .header-cart-button:focus .kadence-svg-iconset, .header-cart-wrap .header-cart-button:active .kadence-svg-iconset, .header-cart-wrap .header-cart-button:hover .kadence-svg-iconset{ filter: brightness(0) invert(1); } .site-header-item.site-header-focus-item .header-button-inner-wrap a.button.header-button.button-size-custom.button-style-filled{ color: var(--color-white) !important; border: 1px solid var(--brand-primary-dark) !important; background: var(--brand-primary-dark) !important; border-radius: var(--radius-button) !important; padding: var(--btn-padding) !important; } .site-header-item.site-header-focus-item .header-button-inner-wrap a.button.header-button.button-size-custom.button-style-filled:focus, .site-header-item.site-header-focus-item .header-button-inner-wrap a.button.header-button.button-size-custom.button-style-filled:active, .site-header-item.site-header-focus-item .header-button-inner-wrap a.button.header-button.button-size-custom.button-style-filled:hover{ color: var(--color-white) !important; background: var(--brand-primary) !important; border: 1px solid var(--brand-primary-dark) !important; } /* "Shop Now" nav menu item styled as a button */ .menu-item-button > a { color: var(--brand-primary-dark) !important; border: 1px solid var(--brand-primary-dark) !important; border-radius: var(--radius-button) !important; padding: var(--btn-padding) !important; } .menu-item-button > a:focus, .menu-item-button > a:active, .menu-item-button > a:hover { color: var(--color-white) !important; background: var(--brand-primary-dark) !important; border: 1px solid var(--brand-primary-dark) !important; } /*Mobile*/ .popup-drawer .drawer-inner{ background: var(--color-white) !important; } #mobile-drawer .drawer-header .drawer-toggle { padding: var(--content-gap-small); font-size: 20px; color: var(--color-black); } /*GTranslate - ul margin*/ .drawer-inner .site-header-item.site-header-focus-item .mobile-html-inner{ margin-left: var(--content-gap-small); } .drawer-inner .site-header-item.site-header-focus-item .mobile-html-inner .gt_selected{ background: unset !important; } .popup-drawer .drawer-content { padding: 0 .5em .5em !important; } body.home header#masthead span.menu-toggle-icon svg.kadence-svg-icon.kadence-menu-svg{ fill: var(--color-white); width: 38px !important; height: 28px !important; } body.home header#masthead .kadence-sticky-header.item-hidden-above.item-is-fixed.item-is-stuck span.menu-toggle-icon svg.kadence-svg-icon.kadence-menu-svg{ fill: var(--brand-primary-dark) !important; } button#mobile-toggle span svg { width: 28px; height: 28px; } .site-main-header-wrap.site-header-focus-item.site-header-row-layout-standard.site-header-row-tablet-layout-default.site-header-row-mobile-layout-default .site-header-main-section-right.site-header-section.site-header-section-right{ justify-content: flex-end !important; } /******************************************************* * Footer * *******************************************************/ .header-cart-wrap .header-cart-button .kadence-svg-iconset, .header-mobile-cart-wrap.kadence-header-cart span.kadence-svg-iconset, body.home .site-main-header-wrap.kadence-sticky-header.item-is-fixed.item-is-stuck .header-cart-wrap .header-cart-button .kadence-svg-iconset, body.purple_header_bg .site-main-header-wrap.kadence-sticky-header.item-is-fixed.item-is-stuck .header-cart-wrap .header-cart-button .kadence-svg-iconset { font-size: 0; background-size: contain; width: 20px; height: 20px; background-repeat: no-repeat; display: block; padding-bottom: 24px; margin-left: 6px; background-image: url("https://www.explorecosmo.com/wp-content/uploads/2025/11/basket-purple.svg"); } .header-cart-wrap .header-cart-button .kadence-svg-iconset { font-size: 0; } .site-header-section-right-center { margin-right: 0px; } .site-header-section>.site-header-item:last-child { margin-right: -20px; } .site-main-header-wrap.site-header-row-container.site-header-focus-item.site-header-row-layout-standard.kadence-sticky-header.item-is-fixed.item-at-start.item-is-stuck { color: var(--color-background); } /*Header Purple*/ body.home header#masthead { background-color: var(--brand-primary); } body.home header#masthead img.custom-logo.svg-logo-image, body.purple_header_bg header#masthead a.brand.has-logo-image svg { filter: invert(100%) sepia(5%) saturate(1%) hue-rotate(247deg) brightness(120%) contrast(100%); } body.purple_header_bg header#masthead .site-main-header-wrap.kadence-sticky-header.item-is-stuck a.brand.has-logo-image svg{ filter:unset; } body.home .main-navigation .primary-menu-container > ul li.menu-item > a, body.purple_header_bg .main-navigation .primary-menu-container > ul li.menu-item > a { color: var(--color-white) !important; } body.home #main-header .header-button.button-size-custom, body.purple_header_bg #main-header .header-button.button-size-custom { color: var(--brand-primary); border: var(--brand-primary); } body.home header#masthead .site-main-header-wrap.kadence-sticky-header.item-is-stuck .header-button.button-size-custom, body.purple_header_bg header#masthead .site-main-header-wrap.kadence-sticky-header.item-is-stuck .header-button.button-size-custom { color: var(--brand-primary-dark); border: var(--brand-primary-dark); } body.home button.drawer-toggle.header-cart-button body.purple_header_bg button.drawer-toggle.header-cart-button { color: var(--color-white) !important; } body.home .header-cart-wrap .header-cart-button .kadence-svg-iconset, body.home .site-main-header-wrap .header-cart-inner-wrap span.kadence-svg-iconset, body.purple_header_bg .site-main-header-wrap .header-cart-inner-wrap span.kadence-svg-iconset, body.purple_header_bg button.drawer-toggle.header-cart-button span.kadence-svg-iconset { font-size: 0; background-size: contain; width: 20px; height: 20px; background-repeat: no-repeat; display: block; padding-bottom: 24px; margin-left: 6px; background-image: url(/wp-content/uploads/2025/11/basket-purple.svg); background-position: center center; } .site-header-item .header-cart-wrap .header-cart-inner-wrap .header-cart-button:hover { padding-left: 16px; align-items: center; justify-content: center; } body.home header#masthead .site-main-header-wrap.item-is-fixed.item-is-stuck .site-main-header-wrap.kadence-sticky-header.item-is-stuck .header-cart-button .kadence-svg-iconset, body.purple_header_bg header#masthead .site-main-header-wrap.item-is-fixed.item-is-stuck .site-main-header-wrap.kadence-sticky-header.item-is-stuck .header-cart-button .kadence-svg-iconset { font-size: 0; background-size: contain; width: 20px; height: 20px; background-repeat: no-repeat; display: block; padding-bottom: 24px; margin-left: 6px; background-image: url(https://www.explorecosmo.com/wp-content/uploads/2025/12/purple-dark-crt-hed.png); background-position: center center; } body.home header#masthead .site-main-header-wrap .header-cart-inner-wrap .header-cart-button:hover .kadence-svg-iconset { background-image: url(https://www.explorecosmo.com/wp-content/uploads/2025/12/purple-dark-crt-hed.png); } body.home header#masthead .site-main-header-wrap .header-cart-inner-wrap .header-cart-button:hover, body.purple_header_bg header#masthead .site-main-header-wrap .header-cart-inner-wrap .header-cart-button:hover { background-color: var(--color-white); color: var(--brand-primary-dark) !important; border: var(--brand-primary-dark); } body.home span.logo-icon svg path { fill: var(--color-white); } .item-is-fixed { top: 0 !important; transform: translateY(0) !important; } body.home header#masthead .site-main-header-wrap.kadence-sticky-header.item-is-stuck span.logo-icon svg path, body.purple_header_bg header#masthead .site-main-header-wrap.kadence-sticky-header.item-is-stuck span.logo-icon svg path { fill: var(--brand-primary-dark); } body.home header#masthead .site-main-header-wrap.kadence-sticky-header.item-is-stuck ul#primary-menu li a, body.purple_header_bg header#masthead .site-main-header-wrap.kadence-sticky-header.item-is-stuck ul#primary-menu li a { color: var(--brand-primary-dark) !important; } body.home header#masthead .site-main-header-wrap.kadence-sticky-header.item-is-stuck button.drawer-toggle.header-cart-button span.header-cart-label, body.purple_header_bg header#masthead .site-main-header-wrap.kadence-sticky-header.item-is-stuck button.drawer-toggle.header-cart-button span.header-cart-label { color:var(--brand-primary-dark); } /*body.home.header-is-fixed .gt_switcher .gt_selected a:after, body.purple_header_bg.header-is-fixed .gt_switcher .gt_selected a:after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23fff' class='bi bi-chevron-down' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3E%3C/svg%3E") !important; width: 25px; height: 25px; } */ body.home header#masthead .site-main-header-wrap .item-is-fixed.item-hidden-above.item-is-stuck svg.kadence-svg-icon.kadence-shopping-bag-svg, body.purple_header_bg header#masthead .site-main-header-wrap .item-is-fixed.item-hidden-above.item-is-stuck svg.kadence-svg-icon.kadence-shopping-bag-svg { background-image: url(https://www.explorecosmo.com/wp-content/uploads/2025/12/purple-dark-crt-hed.png); } .site-header-row { place-items: center; } span.logo-icon svg { width: 200px; height: 70px; } /*Footer*/ .gallery-columns-5 { align-items: center; } .site-footer-top-section-3.site-footer-section.footer-section-inner-items-2 { flex-direction: row; justify-content: space-between; } .footer-html-inner p { color: var(--color-white); } .site-top-footer-inner-wrap.site-footer-row.site-footer-row-columns-3 { align-items: center; } ul#menu-footer-menu-1 li a, ul#menu-footer-menu-2 li a, .footer-cnt-lnks a{ color: var(--brand-primary-dark) !important; width: fit-content; padding-bottom: 0px; } ul#menu-footer-menu-1 li a:hover, ul#menu-footer-menu-2 li a:hover, .footer-cnt-lnks a:hover{ border-bottom: 1px solid var(--brand-primary-dark); } .footer-cnt-lnks a:hover, .footer-cnt-lnks a:active, .footer-cnt-lnks a:focus{ color: var(--brand-primary-dark) !important; text-decoration:unset !important; } .footer-navigation .footer-menu-container > ul li a { width: fit-content; border-bottom: 1px solid var(--color-white); padding-left: 0px !important; margin-left: 25px; margin-right: 10px; padding-right:0px !important; } .footer-navigation .footer-menu-container > ul li a:last-child { margin-right: 0px; } .footer-newsletter { padding: var(--section-large) 0; background-size: cover; background-repeat: no-repeat; background-position: center center; } .news-letter-content { display: flex; flex-direction: column; gap: var(--grid-gap); align-items: center; } .news-letter-content h3 { color: var(--color-black); } .news-letter-content span { color: var(--color-black); } .subscribe-form { display: flex; flex-direction: column; align-items: center; gap: var(--grid-gap); } .subscribe-form .email-form input { border-radius: 100px; border: 1px solid var(--color-border); padding: 10px 20px; width: 100%; height: 60px; font-size: 16px; } .email-form input::placeholder { color: var(--color-black); } .subscibe_btn input { background: transparent; border: 1px solid #333231; color: #333231; border-radius: 100px; } .subscibe_btn { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; } .subscibe_btn .wpcf7-spinner { margin: 0 !important; } .cnt_links_footer { display: flex; align-items: center; justify-content: center; gap: var(--grid-gap); } .cnt_links_footer a.button { background-color: transparent; color: var(--color-black); padding: 0; } .subscibe_btn input[type=submit], .subscibe_btn input[type=submit]:hover { background-color: transparent; border-radius: 100px; border: 1px solid var(--color-black); color: var(--color-black); padding: var(--btn-padding); box-shadow: unset; } .cnt_links_footer a.button:hover { box-shadow: unset; } .subscribe-form .email-form input::placeholder { text-align: center; } .subscribe-form .email-form input:focus { border: var(--color-white); } .footer-newsletter.content-banner { background: #C8D8C4; } .newsletter-wrap { position: relative; z-index: 1; } @media only screen and (max-width:479px){ div#gallery-1 { grid-template-columns: repeat(5, 1fr); } .site-footer-top-section-3.site-footer-section.footer-section-inner-items-2 { flex-direction: column !important; } .footer-widget-area.content-align-right .footer-navigation .menu { justify-content: center !important; gap: 20px 0px; } .footer-html-inner { padding: 0px 0px 0px 21px; } .footer-social-wrap .footer-social-inner-wrap{ gap: 0.1em; } .site-top-footer-inner-wrap { gap: 40px; } .site-footer-middle-section-2 { order: 1; } .site-footer-middle-section-3 { order: 2; } .site-footer-middle-section-1 { order: 3; } .footer-html-inner p { text-align: center; } } @media only screen and (max-width:390px){ .footer-social-wrap .footer-social-inner-wrap { gap: 0.2em !important; } } /*Home Page*/ .home-banner { position: relative; overflow: hidden; width: 100vw; margin-left: calc(50% - 50vw); max-height: 750px; } .wrap-home-banner { display: grid; grid-template-columns: 1fr 1fr; position: relative; height: 750px; overflow: hidden; } /* LEFT CONTENT */ .lft-home-bnr { position: relative; z-index: 2; display: flex; align-items: center; height: 100%; min-height: 0; padding: var(--section-small) 0; } .lft-home-bnr::after { content: ''; position: absolute; right: -20%; top: -5%; bottom: -5%; width: 40%; background: var(--color-white); border-radius: 50%; z-index: 0; } .lft-home-bnr .site-container { width: 100%; max-width: 100%; margin: 0; padding-left: max(var(--content-gap), calc((100vw - 1366px) / 2)) !important; padding-right: var(--content-gap) !important; } .cnt-home-bnr { position: relative; z-index: 1; } .cnt-home-bnr .purple-title.main-heading, .cnt-home-bnr p{ padding-bottom: var(--content-gap-small); } /* RIGHT MEDIA */ .video_rgt_home { position: relative; z-index: 0; width: 100%; min-height: 0; } .video_rgt_home .image-home-wrap, .video_rgt_home .video-home-wrap { width: 100%; height: 100%; } .video_rgt_home .image-home-wrap img { width: 100%; height: 100%; object-fit: cover; } .vide-home-wrap video { display: block; width: 100%; height: 100%; object-fit: cover; object-position: left; } .cnt-home-bnr p { color: var(--brand-primary-dark); font-size: var(--font-size-tagline); } .vide-home-wrap { height: 100%; object-fit: cover; } .main-heading { color: var(--brand-primary); } .cnt-home-bnr .btn-wrap { align-items: flex-start; justify-content: flex-start; } .award-wrap-outer h2 { color: var(--color-text-light); font-weight: 500; } ul.award-winning-grid li img { width: auto; } .award-wrap-outer { display: flex; flex-direction: column; align-items: center; gap: var(--content-gap); } .award-section { background: var(--color-background-alt); padding-top: var(--section-small); padding-bottom: var(--section-small); } .award-swiper { width: 100%; } .award-swiper .award-slide img { width: 100%; max-width: 200px; display: block; margin: 0 auto; } @media (min-width: 768px) { .award-swiper { overflow: visible !important; } .award-swiper .swiper-wrapper { display: grid !important; grid-template-columns: repeat(4, 1fr); transform: none !important; } .award-swiper .swiper-slide { width: auto !important; margin: 0 !important; } .award-swiper .swiper-progress-bar { display: none !important; } } .cosmo-learning-wrap { background-color: var(--color-white); padding-top: var(--section-large); position: relative; } .cosmo-learning-img img:nth-child(1) { max-width: 700px; margin: 0 auto; } .cosmo-bottom-cnt{ display: flex; flex-direction: column; align-items: center; margin: 0 auto; max-width: 750px; gap: var(--content-gap-small); } .cosmo-bottom-cnt span{ text-align: center; } .top-content-cosmo-learning span { color: var(--brand-primary-dark); } .top-content-cosmo-learning p { color: var(--brand-primary-dark); margin: 20px 0 50px; } .btn-wrap { display: flex; align-items: center; justify-content: center; gap: var(--content-gap-small); } .bottom-apple-store { display: flex; flex-direction: column; padding-top: var(--content-gap); align-items: center; } .bottom-apple-store span { color: var(--color-black); padding-bottom: var(--content-gap-small); } .bottom-apple-store img{ max-width: 170px; } .cosmolrn-suite { padding-top: var(--section-large); padding-bottom: var(--section-large); } .top-cnt-cosmo-suite{ display: flex; flex-direction: column; } .top-cnt-cosmo-suite .purple-title{ padding-bottom: var(--content-gap-small); } .rep-lrn-suite { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: var(--grid-gap); } .top-cnt-cosmo-suite p { color: var(--color-black); margin: 0; padding-bottom: var(--content-gap); } .lrn-suite-rep-wrap { background-color: var(--color-background-alt); border: 1px solid var(--color-border); border-radius: 10px; padding: var(--card-padding); display: flex; flex-direction: column; } .top-rep-cnt-lrn-suite { display: flex; flex-direction: column; gap: var(--content-gap-small); flex: 1; } .btn-cosmo-lrn-suit { margin-top: auto; } .top-rep-img-lrn-suit { height: 120px; display: flex; align-items: center; } .top-rep-img-lrn-suit img { max-width: 260px; height: 100%; object-fit: contain; } .top-rep-para-lrn-suit { flex: 1; } .content-banner.dot-prt-home-ripple { border-radius: 20px; overflow: hidden; background: linear-gradient(5deg, var(--brand-primary) 20%, var(--brand-primary-light)) !important; } .cosmo-dot-parent { padding: var(--section-large) 0; } .dot-prt-home-ripple { border-radius: var(--radius-card); } .cosmo-dot-parent-wrap{ display: flex; flex-direction: row; flex-wrap: nowrap; width: 100%; gap: var(--content-gap); } .lft-dot-wrap { display: flex; flex-direction: column; justify-content: center; padding: var(--section-small); width: 50%; color: var(--brand-primary-dark); } .lft-dot-wrap p { color: var(--brand-primary-dark); } .lft-dot-wrap h2{ padding-bottom: var(--content-gap-small); } .lft-dot-wrap .lft-dot-wrap-text p:nth-child(1){ padding-bottom: var(--content-gap-small); } ul, ol{ margin: 0 0 0 var(--content-gap-small) !important; } .lft-dot-wrap .lft-dot-wrap-list{ padding-bottom: var(--content-gap-small); } .lft-dot-wrap .btn-wrap{ padding-top: var(--content-gap-small); } .lft-dot-wrap .lft-dot-wrap-btn{ max-width: 180px; } .rgt-cosmo-dot { display: flex; flex-direction: column; align-items: center; width: 50%; justify-content: center; } .rgt-cosmo-dot img { max-width: 400px; } .cosmo-connect.content-banner { background: linear-gradient(0deg, var(--brand-primary) -100%, var(--brand-primary-pale) 190%); padding-top: var(--section-large); padding-bottom: var(--section-large); } .comso-connect-wrap { display: flex; flex-direction: row; justify-content: space-between; align-items: center; position: relative; z-index: 1; gap: var(--content-gap); } .lft-cosmo-connect { display: flex; flex-direction: column; gap: var(--content-gap-small); width: 35%; } .rgt-cosmo-connect { width: 48%; } .cosmo-logo-cnt img { max-width: 350px; } .cosmo-cnt-para p{ color:var(--color-black); } .cosmo-cnt-para p:first-child{ padding-bottom: var(--content-gap-small); } .rgt-cosmo-connect img { max-width: 600px; margin-left: auto; } .pair-cosmo-app { padding-top: var(--section-large); padding-bottom: var(--section-large); } .pair-cosmo-wrap { display: flex; align-items: center; justify-content: space-between; } .link-pair-wrap { display: flex; align-items: center; justify-content: center; gap: var(--grid-gap); } .lft-cosmo-app { width: 50%; } .rgt-pair-app { width: 50%; justify-content: center; display: flex; } .lft-cosmo-app h3 { color: var(--color-black); padding-bottom: var(--content-gap-small); } .lft-cosmo-app span { padding-bottom: var(--content-gap-small); display: block; } a.link-cosmo-app-btn img { max-width: 170px; } .truested-environment-wrap .swiper-progress-bar { display: block; } .trusted-environments { text-align: center; padding: 50px 20px; } .trusted-slider .card { color: var(--color-background); border-radius: 12px; box-shadow: 0 4px 20px rgba(0,0,0,0.08); padding: 20px; } .swiper-progress-bar { height: 4px; color: var(--brand-pomelo); margin-top: 20px; border-radius: 2px; overflow: hidden; } .swiper-progress-bar .progress { height: 100%; width: 0; background: #6B4E53; transition: width 0.3s linear; } .truested-environment-wrap .swiper-slide { height: auto; } .truested-environment-wrap .swiper-slide .card { padding: 0; display: flex; flex-direction: column; height: 100%; } .trusted-environemnt-post-cnt { display: flex; flex-direction: column; flex: 1; padding: var(--card-padding); border-radius: 0 0 var(--radius-card) var(--radius-card); gap: var(--content-gap-small); } .fea-env-img img { width: 100%; border-radius: var(--radius-card) var(--radius-card) 0 0; } .content-banner.trust-en-ripple { background: linear-gradient(5deg, #ECC9CC, #F5E6E7); } .trusted-enviroments { padding-top: var(--section-large); padding-bottom: var(--section-large); background-size: cover; background-repeat: no-repeat; background-position: left center; } .trusted-enviroments h3 { color: #6B4E53; padding-bottom: var(--content-gap); } .trusted-env-post-title h4 { color: var(--color-black); } .trusted-environemnt-post-cnt p { color: var(--color-black); } .truested-environment-wrap .swiper-slide a.btn-learn-more.custom-url-hm, .truested-environment-wrap .swiper-slide a.btn-learn-more, .btn-learn-more{ display: flex; align-items: center; background-color: transparent; color: var(--color-btn-text); padding-left: 0; box-shadow: unset; font-weight: var(--font-weight-semibold); text-decoration: none; } .btn-learn-more::after { content: '›'; margin-left: 6px; display: inline-flex; align-items: center; transition: transform 0.2s ease; font-size: 1.4em; line-height: 1; } .btn-learn-more:hover::after { transform: translateX(4px); } .btn-learn-more:hover { background-color: var(--color-white); color: var(--color-text); box-shadow: unset; } #environment-slider { padding: 0 140px 0 0; } #environment-slider .swiper-slide { width: 320px; /* control card width */ } .testimonial-slider { padding-top: var(--section-large); padding-bottom: var(--section-large); } .testimonial-slider.testimonial-slider-single-prod-page{ padding-top: 0; } .postid-1032 .testimonial-slider.testimonial-slider-single-prod-page{ padding-top: var(--section-large); } .top-sec-tes-slider { display: flex; flex-direction: row; flex-wrap: nowrap; gap: var(--content-gap-small); } .testimonial-slider.test-slider-home.test-slider-mb { display: none; } div#testimonial-carousel .swiper-progress-bar, .testimonial-slider.test-slider-home.test-slider-mb .swiper-progress-bar { background: var(--color-background-alt); margin-top: 50px; } div#testimonial-carousel .swiper-progress-bar .progress, .testimonial-slider.test-slider-home.test-slider-mb .swiper-progress-bar .progress { background: var(--color-black); } .slider-content { display: flex; gap: var(--content-gap-small); } span.desg-tes-slider { color: var(--color-black); } .cnt-slider-test-wrap { background-color: var(--color-background-alt); padding: var(--card-padding); border-radius: var(--radius-card); max-width: 390px; width: 39%; border: 1px solid var(--color-background-alt); } .cnt-slider-test-wrap p { color: var(--color-black); padding-top: var(--content-gap-small); } span.cat-test-slid { color: var(--color-black); } .cat-test-slid-text p{ padding-top: var(--content-gap-small); } .top-rgt-test{ display: flex; flex-direction: column; } .top-rgt-test h4.client-name-test { color: var(--color-black); } .video-section { width: 100%; max-width: 46%; } .video-section iframe { display: block; height: 100%; width: 100%; border-radius: var(--radius-image); } .testimonial-slider .swiper-wrapper { display: flex; flex-direction: row; } .testimonial-slider .swiper-slide { width: 66%; transition: transform 0.3s ease; } .lft-image-slid-test img { max-width: 100px; } .rating { margin: var(--content-gap-small) 0; } .rating img { max-width: 170px; } .testimonial-slider h3 { padding-bottom: var(--content-gap); } #board-members-slider{ padding-bottom: var(--content-gap-small); } .our-team #meet-team{ padding-bottom: var(--section-large); } #testimonial-carousel .swiper-progress-bar .progress, #board-members-slider .swiper-progress-bar .progress { width: 0%; height: 100%; background: linear-gradient(90deg, #e295a8 0%, #c86b8b 100%); border-radius: 4px; transition: width 0.5s ease-in-out; } #advisors-slider .swiper-progress-bar .progress { height: 100%; width: 0; background: var(--color-black); transition: width 0.3s linear; } #advisors-slider .swiper-progress-bar, #board-members-slider .swiper-progress-bar { width: 100%; height: 4px; border-radius: 4px; overflow: hidden; margin-top: 20px; position: relative; background-color: var(--color-border); } /* responsive */ @media (max-width: 991px) { .testimonial-slider .swiper-slide { width: 95%; } .testimonial-slider .swiper { padding-right: 100px; } } @media (max-width: 768px) { .cnt-slider-test-wrap, .video-section { max-width: 100%; width: 100%; } .testimonial-slider .swiper { padding-right: 0; } } /*About Us*/ .static-bg-wrap { padding: var(--section-large) 0; background-size: cover; background-repeat: no-repeat; } .main-banner-cnt { display: flex; flex-direction: column; gap: var(--content-gap-small); max-width: 580px; margin: 0 auto; z-index: 1; } .main-banner-cnt p { color: var(--color-black); } .our-values { background: linear-gradient(0deg, var(--brand-primary) 49.52%, var(--brand-primary-light) 100%); padding: var(--section-large) 0; } .our-values-rep { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--content-gap); align-items: stretch; } .rep-wrapinner-values { background-color: var(--color-white); padding: var(--card-padding); border: 2px solid var(--brand-primary); border-radius: var(--radius-card); text-align: center; } .value_rep-img img { height: 100px; margin: 0 auto; padding-bottom: var(--content-gap-small); } .value-rep-title h5 { padding-bottom: var(--content-gap-small); } .value-rep-subtitle h3 { color: var(--brand-primary-dark); font-weight: var(--font-weight-bold); display: block; padding-bottom: var(--content-gap-small); } .our-values h2 { padding-bottom: var(--content-gap); text-align: center; } .value-rep-para p { color: var(--color-black); } .vlu-cnt-main { position: relative; z-index: 1; } /* AOS default styles */ [data-aos] { opacity: 0; transform: translateY(30px); /* Position elements off-screen */ transition: all 0.6s ease-out; /* Smooth animation transition */ } [data-aos].aos-animate { opacity: 1; transform: translateY(0); /* Reset position and opacity */ } .our-team h3 { padding-bottom: var(--content-gap); } .team-slider-title h4 { color: var(--color-black); margin: 15px 0 10px; } .team-slider-desg span { display: block; color: var(--color-black); } .swiper.team-swiper { scrollbar-width: thin; scrollbar-color: var(--color-black) rgba(0, 0, 0, 0.1); scrollbar-gutter: stable; } .solution-wrap { display: flex; flex-direction: row; align-items: center; gap: var(--content-gap); } .solution-lft { display: flex; flex-direction: column; } .solution-img img { width: 100%; } .solution-lft .btn-wrap { align-items: flex-start; justify-content: flex-start; } .solution-lft h2 { padding-bottom: var(--content-gap-small); } .solution-lft p { color: var(--color-black); padding-bottom: var(--content-gap-small); } /*About us Why Cosmo section*/ .solution-abt #solution-section{ display: flex; flex-direction: column; align-items: end; } .image-team-slid img { transition: transform 0.5s ease; } .image-team-slid img:hover { transform: scale(1.1); } .the-movement { background-color: var(--brand-peach-light); position: relative; padding: var(--section-large) 0; } .movement-wrap { display: flex; align-items: center; height: 45vh; } .movement-lft { display: flex; flex-direction: column; gap: var(--content-gap-small); width: 100%; } .movement-rgt { position: absolute; right: 0; top: 0; bottom: 0; } .the-movement h3, .the-movement p { color: var(--brand-peach-dark); } .movmnt-btn a.btn-about-us{ display: inline-flex; align-items: center; justify-content: center; min-height: var(--btn-height); min-width: var(--btn-min-width); border-radius: var(--radius-button); padding: var(--btn-padding); font-family: var(--font-family); font-size: var(--font-size-body); font-weight: var(--font-weight-regular); line-height: var(--line-height-default); text-decoration: none; text-align: center; transition: background-color 0.2s ease, border 0.2s ease; cursor: pointer; background: transparent !important; border: 1px solid var(--brand-peach-dark) !important; color: var(--brand-peach-dark); } .movmnt-btn a.btn-about-us:hover, .movmnt-btn a.btn-about-us:focus, .movmnt-btn a.btn-about-us:active{ background: var(--brand-peach-dark) !important; border: 1px solid var(--brand-peach-dark) !important; color: var(--color-white); } .story-section { padding: var(--section-large) 0; } .story-section h2 { padding-bottom: calc(var(--content-gap) + 24px); text-align: center; } /* Timeline wrapper centers everything */ .timeline-wrap { display: flex; justify-content: center; position: relative; } /* Timeline: controls layout and the main line */ .timeline { display: flex; justify-content: space-between; align-items: flex-start; position: relative; width: 100%; z-index: 2; max-width: 1300px; } /* Horizontal line spanning full viewport width */ .timeline::before { content: ""; position: absolute; top: 0%; left: 50%; width: 100vw; height: 2px; background: #c8b5f5; transform: translate(-50%, -50%); z-index: 0; } /* Each timeline item */ .timeline-item { position: relative; width: 33%; padding-right: var(--content-gap-small); text-align: left; } .cnt-timeline h3, .cnt-timeline p{ max-width: 85%; } /* Circle perfectly aligned to the line */ .timeline-item .circle { width: 24px; height: 24px; background: linear-gradient(-5deg, var(--brand-primary-light), var(--brand-primary)); border-radius: 50%; position: absolute; top: 0%; left: 0; transform: translate(-0%, -50%); z-index: 1; } /* Make the middle circle bigger */ .timeline-item:nth-child(2) .circle { width: 36px; height: 36px; } .timeline-item:nth-child(3) .circle { width: 46px; height: 46px; } /* Text container below the circle */ .timeline-content { padding-top: var(--section-large); border: 5px solid red; } /* Text styling */ .timeline-item .highlight { color: var(--brand-primary-dark); padding: calc(var(--content-gap-small) + 10px) 0 var(--content-gap-small) 0; } .timeline-item h3 { color: var(--color-black); padding-bottom: var(--content-gap-small); } .timeline-item p { color: #333; } .cnt-timeline p { color: var(--color-black); } /* Responsive layout */ @media (max-width: 999px) { .timeline { flex-direction: column; align-items: center; } .timeline::before { top: 0; left: 0%; width: 2px; height: 100%; transform: translateX(-50%); } .timeline-item { width: 100%; } .timeline-item .highlight{ padding-top: 0; margin-top: -25px; } .timeline .cnt-timeline{ padding-left: calc( var(--content-gap) + 5px); } .timeline .cnt-timeline p{ padding-bottom: var(--content-gap); } .cnt-timeline h3, .cnt-timeline p{ max-width: 100%; } .timeline-item .circle { position: relative; top: 0; left: 0%; transform: translateX(-50%); } .timeline-content { margin-top: 0; } } /*Shop Page*/ .static-bg-wrap.shp-main-bnr.content-banner { padding: var(--section-large) 0; border-radius: 0; } .main-banner-cnt-shp .shp-bnr-row1, .main-banner-cnt-shp .shp-bnr-row2{ display: flex; flex-direction: row; gap: var(--content-gap); align-items: center; width: 100%; } .main-banner-cnt-shp .shp-bnr-row1{ padding-bottom: var(--content-gap); } .lft-shp-bnr { display: flex; flex-direction: column; gap: var(--content-gap-small); width: 100%; } .lft-shp-bnr-row2 .bottom-apple-store{ padding: 0; align-items: flex-start; } .lft-shp-bnr-row2{ display: flex; flex-direction: column; gap: var(--content-gap-small); width: 100%; } .img-bottom-rgt-shop-row2{ display: flex; flex-direction: row; gap: var(--content-gap-small); width: 100%; } .rgt-bnr-shop { display: flex; flex-direction: column; align-items: center; width: 100%; } .rgt-bnr-shop img { max-width: 700px; } .main-banner-cnt-shp .btn-wrap { justify-content: flex-start; } .bottom-shop .bottom-apple-store { margin-left: unset; } .bottom-rgt { display: flex; align-items: end; justify-content: space-between; } .img-bottom-rgt-shop-row2 img { max-width: 250px; } .lft-shp-bnr p { color: var(--color-black); } .inclusive-dsg-shp { background-color: var(--color-background-alt); padding: var(--section-large) 0; } .rep-wrap-incl { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-evenly; gap: var(--content-gap-small); } .inner-inclu-wrap{ display: flex; flex-direction: column; align-items: center; gap: var(--content-gap-small); width: calc(100% / 6); } .rep-incl-img img { max-width: 100px !important; } .inner-inclu-wrap .rep-incl-title{ text-align: center; } .rep-incl-title span { color: var(--color-black); font-weight: var(--font-weight-semibold); } .cosmo-dot-parent.cosmo-dot-shp .btn-wrap { justify-content: flex-start; } .the-movement.why-cosmo h3, .the-movement.why-cosmo p { color: var(--color-black); } .the-movement.why-cosmo p:first-child { margin-bottom: var(--content-gap-small); } /* About us Page has 1 paragraph*/ .page-id-330 .the-movement.why-cosmo p:first-child { margin-bottom: 0 !important; } .the-movement.why-cosmo { overflow: hidden; } .the-movement.why-cosmo .movement-lft { max-width: 420px; } .the-movement.why-cosmo .movement-rgt { width: 50%; clip-path: ellipse(100% 115% at 100% 50%); } .the-movement.why-cosmo .movement-rgt img { width: 100%; height: 100%; object-fit: cover; max-width: 100%; display: block; } .video-wrap-shp { padding: var(--section-large) 0; } section.funding-sec.section.ripple-section.ripple-left-right { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; z-index: -1; background: linear-gradient(25deg, var(--brand-primary), var(--brand-primary-pale)); } .funding-wrap { position: relative; z-index: 1; display: flex; justify-content: space-between; align-items: center; gap: var(--content-gap); } .fund-lft { display: flex; flex-direction: column; gap: var(--content-gap-small); width: 25%; } section.funding-sec { position: relative; padding: var(--section-large) 0; background: linear-gradient(10deg, var(--brand-primary) -30%, var(--brand-primary-light) -10%); height: unset; } .fund-rgt { background-color: var(--color-white); padding: var(--card-padding); border: 1px solid var(--brand-primary); border-radius: var(--radius-card); width: 100%; max-width: 560px; } .funding-form input[type=text], .funding-form input[type=email], .funding-form select { border: 1px solid rgb(0 0 0 / 80%); border-radius: 100px; background-color: #F5F5F5; height: 55px; padding-left: 20px; width:100%; } .funding-form label { color: var(--color-black); font-weight: var(--font-weight-semibold); margin-bottom: 8px; } .funding-form { display: grid; grid-template-columns: 1fr; gap: var(--content-gap); } .frm-sbmt input[type="submit"] { width: var(--btn-min-width); margin: auto; display: block; box-shadow: unset; background-color: transparent; color: var(--brand-primary) !important; border: 1px solid var(--brand-primary); border-radius: var(--radius-button); padding: var(--btn-padding); height: var(--btn-height); } .frm-sbmt input[type="submit"]:hover, .frm-sbmt input[type="submit"]:focus { background-color: var(--brand-primary-dark); color: var(--color-white) !important; border: 1px solid var(--brand-primary-dark); } div#meet-team .swiper-progress-bar, div#advisors-slider .swiper-progress-bar, div#board-members-slider .swiper-progress-bar { background: var(--color-border); } div#meet-team .swiper-progress-bar .progress, div#advisors-slider .swiper-progress-bar .progress, div#board-members-slider .swiper-progress-bar .progress { background: var(--color-black); } .lrn-suit-shp { padding: var(--section-large) 0; } .button.disabled { pointer-events: none; opacity: 0.5; background: transparent; cursor: not-allowed; color: var(--color-black); border-radius: 100px; border: 1px solid var(--color-black); } .cnt-lrn-sut-shp p strong span { display: inline; } .wrap-out-lrn-sut{ display: flex; flex-direction: row; flex-wrap: wrap; gap: var(--content-gap-small); align-items: stretch; } .innr-lrn-sut-inner { position: relative; padding: var(--section-small); border-radius: var(--radius-card); background-size: cover; background-repeat: no-repeat; background-position: center; width: calc(50% - (var(--content-gap-small) / 2)); display: flex; flex-direction: column; } .img-lrn-suit-shp img { width: auto; height: 100px; padding-bottom: var(--content-gap); } .lrn-suit-sub-rep{ padding-bottom: var(--content-gap-small); } .cnt-lrn-sut-shp { flex: 1; } .cnt-lrn-sut-shp p { color: var(--color-black); padding-bottom: var(--content-gap-small); } .cnt-lrn-sut-shp p:last-child { padding-bottom: none !important; } .lrn-suit-shp .innr-lrn-sut-inner .coming-soon-badge{ width: var(--btn-min-width); } .innr-lrn-sut-inner:nth-child(4) .img-lrn-suit-btn-2 a { color: #333231; border: 1px solid #333231; } .lrn-sut-btns { display: flex; gap: var(--content-gap); align-items: center; } .lrn-sut-top{ display: flex; flex-direction: column; gap: var(--content-gap-small); } .lrn-sut-top .subt-titl-rep-lrn{ padding-bottom: var(--content-gap); } .subt-titl-rep-lrn span { color: var(--brand-primary-dark); } .video-module { position: relative; width: 100%; max-width: 100%; } .video-poster-container { position: relative; width: 100%; cursor: pointer; } .video-poster-img { width: 100%; height: auto; display: block; } .video-play-btn { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 80px; height: 80px; background: rgba(0, 0, 0, 0.5); border-radius: 50%; cursor: pointer; } .video-play-btn::after { content: ''; border-left: 22px solid var(--color-white); border-top: 14px solid transparent; border-bottom: 14px solid transparent; position: absolute; left: 32px; top: 26px; } .video-iframe-container { width: 100%; } .video-iframe-container iframe { width: 100%; height: 500px; border-radius: 12px; border: none; } /* Partners Section */ .global-partners { padding: var(--section-large) 0; background: #F4F3EF; } .logo-header { display: flex; justify-content: space-between; align-items: center; padding-bottom: var(--content-gap); } /* Custom Dropdown */ .custom-dropdown { position: relative; width: 60px; cursor: pointer; border-radius: 30px; } .custom-dropdown .selected { padding: 5px 0; display: flex; align-items: center; gap: 8px; } .custom-dropdown .selected img.selected-flag { max-height: 35px; } .custom-dropdown .arrow { margin-left: auto; } .custom-dropdown ul.dropdown-options { display: none; position: absolute; top: 100%; right: 0; width: 200px; max-height: 250px; overflow-y: auto; background: var(--color-background); border-radius: 0 0 10px 10px; z-index: 999; padding: 0; margin: 0; list-style: none; } .filter-dropdown-wrap.custom-dropdown-wrap label { color: var(--brand-primary-dark); } .custom-dropdown ul.dropdown-options li { padding: 10px 16px; display: flex; align-items: center; gap: 8px; transition: background .2s; } .custom-dropdown ul.dropdown-options li:hover { background: #f0f0f0; } .custom-dropdown ul.dropdown-options li img.option-flag { max-height: 20px; } /* Slider Logos */ .logo-slide img { max-height: 65px; max-width: 130px; width: 100%; object-fit: contain; margin: auto; filter: grayscale(100%); opacity: 0.7; transition: .3s; } .logo-slide img:hover { filter: grayscale(0); opacity: 1; } .filter-dropdown-wrap.custom-dropdown-wrap { display: flex; align-items: center; gap: var(--content-gap-small); border: 1px solid var(--color-black); background: var(--color-white); padding: 0px var(--section-padding-x); border-radius: var(--radius-button); height: var(--btn-height); } .filter-dropdown-wrap.custom-dropdown-wrap .location-term{ display: none; } .np-thumb a img { height: 320px; object-fit: cover; object-position: center center; } .case-studies-filter .searchandfilter ul li.sf-field-taxonomy-user-resource-category ul { display: flex; gap: var(--content-gap-small); padding: 0; } .case-studies-filter input[type="radio"] { display: none; } .case-studies-filter .searchandfilter ul li.sf-field-taxonomy-user-resource-category ul label { cursor: pointer; padding: var(--btn-padding); border: 1px solid var(--color-border); border-radius: var(--radius-button); font-size: var(--font-size-h6); } .filter-section .searchandfilter ul li.sf-option-active label { background-color: var(--brand-primary); color: white; border: var(--brand-primary) !important; } article.normal-post { border: 1px solid var(--color-border); border-radius: 10px; overflow: hidden; background-color: var(--color-background-alt); display: flex; flex-direction: column; } #user-resources-slider { padding-right: 140px; } .cnt-ripple-banner { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align:center; gap: var(--content-gap); } .res-troubleshoot-wrap { display: flex; align-items: center; justify-content: space-between; } .lft-res-trbleshoot { width: 100%; max-width: 510px; } .rgt-res-trbleshoot { width: 100%; max-width: 580px; } .lft-res-trbleshoot h3 { margin-bottom: 20px; } .para-troubleshoot p { color: #333231; margin-bottom: 30px; } .the-movement.onboarding-wrap { margin: var(--section-large) 0 var(--section-small); } .funding-wrap.funding-resources-user .fund-rgt { width: 630px; } /* Wrapper for the entire webinar section */ .webinar-wrapper-main { display: flex; align-items: center; justify-content: space-between; position: relative; z-index: 10; } /* Left Section Styling */ .left-section-webinar { flex: 0 0 27%; } /* Right Section Styling (Holds the scrolling cards) */ .right-section-webinar { display: flex; flex-direction: column; gap: 20px; height: 450px; /* Adjust height */ overflow: hidden; max-width: 680px; width: 100%; position: relative; } section.latest-webinar { padding: var(--section-large) 0; } /* Wrapper that holds the cards and animates */ .webinar-cards-wrapper { display: flex; flex-direction: column; animation: scrollUp 20s linear infinite; height: auto; /* Let the height adjust based on content */ } /* Webinar Card Styling */ .webinar-card { display: flex; align-items: center; background-color: var(--color-white); padding: 30px; border-radius: 10px; margin-bottom: 20px; justify-content: space-between; border: 2px solid var(--brand-pomelo); } /* Card Image Styling */ .webinar-image { margin-right: 20px; width: 100%; max-width: 210px; } .webinar-image img { width: 100%; border-radius: 50%; } /* Card Text Styling */ .webinar-details h3 { font-size: 1.2rem; margin: 0; } .webinar-details p { font-size: 0.9rem; color: #666; } .webinar-details { width: 100%; max-width: 300px; } /* Watch Now Button Styling */ .watch-now-button { display: inline-block; margin-top: 10px; padding: 7px 33px; background-color: var(--brand-pomelo); color: white; text-decoration: none; border-radius: 100px; } .watch-now-button:hover { background-color: var(--color-white); color:var(--brand-pomelo); border:1px solid var(--brand-pomelo) ; } /* Keyframes for continuous scroll effect */ @keyframes scrollUp { 0% { transform: translateY(0); /* Start at the top */ } 100% { transform: translateY(-50%); } } /* Adjustments for smaller screens */ @media (max-width: 768px) { .webinar-container { flex-direction: column; } .left-section { flex: 0 0 100%; margin-bottom: 30px; } .right-section { flex: 0 0 100%; } .music-classroom-pg-cosm .cosmo-act-rep { grid-template-columns: 1fr !important; } .cosmo-act-rep { grid-template-columns: 1fr !important; } .music-classroom-pg-cosm .main-banner-cnt p { color: var(--color-black); text-align: center; } .music-classroom-pg-cosm .main-banner-cnt h1 { font-size: 32px; text-align: center; } .sklls-bnf-wrp-psts { display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; } } .left-section-webinar h3 { color: #6B4E53; } .left-section-webinar p { margin: 30px 0 40px; } .webinar-details h3 { font-size: 24px; font-weight: 700; } .part-res-rep { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 30px; } section.resources-partners-sec { background: linear-gradient(5deg, var(--brand-primary) -5%, var(--brand-primary-light)); position: relative; overflow: hidden; padding: var(--section-large) 0; } section.resources-partners-sec .site-container { z-index: 7; position: relative; } .part-res-top span { color: var(--color-black); } .rep-inn-part-res { background-color: var(--color-white); border-radius: var(--radius-card); border: 1px solid var(--color-border); } .part-res-rep-img img { border-top-left-radius: 10px; border-top-right-radius: 10px; } .cnt-part-res-rep { padding: var(--card-padding); } .para-res-prt-rep p { color: var(--color-black); } .title-res-prt-rep h4 { color: var(--color-black); padding-bottom: var(--content-gap-small); } section.testimonial-part-res { background: linear-gradient(5deg, var(--brand-primary) -77%, var(--color-background)); position: relative; overflow: hidden; padding: var(--section-large) 0; } .testimonial-part-res .cnt-slider-test-wrap { background-color: var(--color-white); } .cb-inner { display: flex; justify-content: space-between; padding: var(--section-large) 0; align-items: center; } .lft-cb-inner { width: 100%; max-width: 460px; } .rgt-cb-inner { width: 100%; max-width: 560px; } .rb-content p { color: var(--brand-primary-dark); } .btn-lrn-mr { display: flex; align-items: center; } .btn-lrn-mr a { text-align: center; border-radius: 100px; background-color: var(--brand-primary-dark); padding: 10px 20px; } .btn-lrn-mr a:hover { background-color: var(--brand-primary); color: var(--color-white); } section.cc-bnr-main .lft-cb-inner h1 { color: var(--color-black); } /*Cosmo Dot*/ section.banner-cosmo-learn-more { padding: var(--section-large) 0; background: linear-gradient(5deg, var(--brand-primary) -27%, var(--color-background)); } section.banner-cosmo-learn-more .heading-bnr-lrn h1, section.banner-cosmo-learn-more .para-bnr-lrn p{ padding-bottom: var(--content-gap-small); } .bnr-wrap-learn-more { display: flex; align-items: flex-start; gap: var(--content-gap); } .top-bnr-img{ padding-bottom: var(--content-gap); } .top-bnr-img img { max-width: 180px; } .lft-bnr-lrn-more { width: 100%; max-width: 570px; } .rgt-bnr-lrnmr { width: 100%; max-width: 520px; margin-left: auto; } .para-bnr-lrn p { font-size: var(--font-size-tagline); color: var(--brand-primary-dark); } .bnr-btn-lrn a, .bnr-btn-lrn-2 a{ display: inline-flex; align-items: center; justify-content: center; min-height: var(--btn-height); min-width: var(--btn-min-width); border-radius: var(--radius-button); padding: var(--btn-padding); font-family: var(--font-family); font-size: var(--font-size-body); font-weight: var(--font-weight-regular); line-height: var(--line-height-default); text-decoration: none; text-align: center; transition: background-color 0.2s ease, border 0.2s ease; cursor: pointer; } section.banner-cosmo-ability .bnr-btn-lrn a.button{ border: 1px solid var(--brand-pomelo-dark); color: var(--color-white); background-color: var(--brand-pomelo-dark); } section.banner-cosmo-ability .bnr-btn-lrn a.button:hover { background-color: var(--brand-pomelo); color: var(--color-white); border: 1px solid var(--brand-pomelo); } section.banner-cosmo-ability .bnr-btn-lrn-2 a.button { border: 1px solid var(--brand-pomelo-dark); color: var(--brand-pomelo-dark); background: transparent; } section.banner-cosmo-ability .bnr-btn-lrn-2 a.button:hover { background: var(--brand-pomelo-dark); color: var(--color-white); border: 1px solid var(--brand-pomelo-dark); } .solution-abt.wht-it-lrnmr { padding: var(--section-large) 0; margin: 0; } .solution-abt.wht-it-lrnmr .site-container { width: 100%; max-width: 100%; margin: 0; padding: 0; } .solution-abt.wht-it-lrnmr .solution-wrap { align-items: center; } .solution-abt.wht-it-lrnmr .solution-lft { width: 40%; flex-shrink: 0; max-width: none; padding-left: max(var(--content-gap), calc((100vw - 1366px) / 2)); } .solution-abt.wht-it-lrnmr .solution-img { flex: 1; } .solution-abt.wht-it-lrnmr .solution-img img { max-height: 750px; width: 100%; object-fit: contain; object-position: right center; } .solution-abt:has(.solutwo) .solution-img img { max-height: 750px; width: 100%; object-fit: contain; object-position: right center; } .solution-abt:has(.solutwo) .site-container { width: 100%; max-width: 100%; margin: 0; padding: 0; } .solution-abt:has(.solutwo) .solution-wrap { align-items: center; } .solution-abt:has(.solutwo) .solution-lft { width: 40%; flex-shrink: 0; max-width: none; padding-left: max(var(--content-gap), calc((100vw - 1366px) / 2)); } .solution-abt:has(.solutwo) .solution-img { flex: 1; } .solution-abt:has(.solutwo) .solution-img img { width: 100%; height: auto; display: block; } .bring-acc-life { padding: var(--section-large) 0; } .acc-life-cnt{ display: flex; flex-direction: column; gap: var(--content-gap-small); justify-content: center; align-items: center; } .acc-life-cnt h3{ font-size: var(--font-size-h1); } .acc-life-cnt p { color: var(--brand-primary-dark); font-size: var(--font-size-tagline); text-align: center; } .cosmo-leran-usrs { padding: var(--section-large) 0; } .lrn-usrs-cosmo, .lrn-usrs-cosmo.lrn-usrs-cosmo-v2{ display: grid; grid-template-columns: repeat(2, 1fr); gap: 50px; } .lrn-usrs-cosmo.lrn-usrs-cosmo-v3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--grid-gap); } .innr-lrn-usrs-cosmo { display: flex; align-items: center; justify-content: space-between; gap: var(--content-gap-small); } .lft-lrn-usrs-cosmo { width: 100%; max-width: 190px; } .rgt-lrn-usrs-cosmo { flex: 1; } .cosmo-leran-usrs h3 { padding-bottom: var(--content-gap); } .rgt-lrn-usrs-cosmo h5 { color: var(--color-black); padding-bottom: var(--content-gap-small); } section.trust-en-lrnmr .part-res-top h3 { padding-bottom: var(--content-gap); } section.trust-en-lrnmr .part-res-rep-img img { height: 290px; object-fit: cover; } .prof-lrnmr { padding: var(--section-large) 0; } .prof-lrnmr .title-prof-lrnmr h3{ padding-bottom: var(--content-gap); } .rep-prof-lrnmr { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap: var(--grid-gap); } .inr-prof-lrnmr { background-color: var(--color-background-alt); padding: 30px; border: 1px solid var(--color-border); border-radius: 10px; } .top-rep-prof-lrnmr { display: flex; align-items: center; gap: 20px; } .lft-prof-lrnmr { width: 100%; max-width: 80px; } .rgt-prof-lrnmr h5 { font-weight: 700; color: var(--color-black); } .rgt-prof-lrnmr span { display: block; font-size: 14px; color: var(--color-black); } .lrnmr-prof-cnt { margin-top: 10px; } .lrnmr-prof-cnt p { color: var(--color-black); } .uses-comso-dot { padding: var(--section-large) 0; background-size: cover; background-repeat: no-repeat; background-position: center left; } .uses-comso-dot .wrap-top-cnt { position: relative; z-index: 7; } .uses-comso-dot .wrap-top-cnt h3 { text-align: center; } .cosmo-uses-rep-wrap { display: grid; grid-template-columns: repeat(5, 1fr); align-items: stretch; gap: var(--grid-gap); padding-top: var(--content-gap); } .cosmo-uses-rep-wrap-inner { display: flex; gap: var(--content-gap-small); background-color: var(--color-white); padding: var(--card-padding); border-radius: var(--radius-card); border: 2px solid var(--brand-primary); } .rgt-uses-cosmo-dot { max-width: 120px; } .rgt-uses-cosmo-dot{ padding-bottom: var(--content-gap-small); } .lft-uses-cosmo-dot h4 { color: var(--color-black); padding-bottom: var(--content-gap-small); } .lft-uses-cosmo-dot p { color: var(--color-black); } .wrap-dot-supports { display: flex; align-items: center; justify-content: space-between; } .rgt-dot-supports { display: grid; grid-template-columns: repeat(3, 1fr); gap: 100px; max-width: 740px; text-align: center; place-items: center; } .lft-dot-supports { max-width: 330px; } .lft-dot-supports .dot-supp-title h3 { text-align: left; padding-bottom: var(--content-gap-small); } .dost-supp-para p { color: var(--brand-primary-dark); } .uses-comso-dot.content-banner { background: linear-gradient(5deg, var(--brand-primary) -30%, var(--brand-primary-light)); } .bottom-rgt-support { padding-left: 110px; } .bottom-rgt-support { padding-left: 130px; margin-top: 50px; } .dot-supp-rep-title h4 { color: var(--color-black); } /*Cosmo Ability*/ section.banner-cosmo-ability { background: linear-gradient(5deg, var(--brand-pomelo) -27%, var(--brand-pomelo-light)); padding: var(--section-large) 0; } .banner-cosmo-ability .lft-bnr-lrn-more { max-width: 590px; } section.banner-cosmo-ability .heading-bnr-lrn h1, section.banner-cosmo-ability .para-bnr-lrn p { color: var(--brand-pomelo-dark); padding-bottom: var(--content-gap-small); } .btn-wrap-lrn-more { display: flex; align-items: center; gap: var(--content-gap-small); } .btn-wrap-lrn-more .bnr-btn-lrn { margin-top: 0; } .bring-acc-life-ability { background-color: var(--brand-pomelo-light); } .bring-acc-life-ability h3 { color: #6B4E53; font-size: var(--font-size-h1); } .bring-acc-life-ability .acc-life-cnt p { color: #6B4E53; font-size: var(--font-size-tagline); text-align: center; } .btn-wrap-lrn-more .bnr-btn-lrn a.button { background: #6B4E53; color: var(--color-white) !important; border: #6B4E53; } .cosmo-leran-usrs-ability .lft-lrn-usrs-cosmo { width: 100%; max-width: 130px; } .rgt-lrn-usrs-cosmo p { color: var(--color-black); } section.trust-en-lrnmr-ability { background: #F2DCDF; } section.trust-en-lrnmr-ability .part-res-top h3 { color: #6B4E53; } .ability-cosmo-focus.content-banner { height: unset; } .title-ability-cosmo-focus h3 { color: var(--color-black); } .ability-focus-subtitle p{ padding-top: var(--content-gap-small); } .rep-ability-cosmo-focus { display: grid; align-items: stretch; padding-top: var(--content-gap); gap: var(--content-gap-small); } .rep-ability-cosmo-focus .inner-wrap-ability-focus-cosmo { display: flex; flex-direction: column; gap: var(--content-gap-small); } .rep-ability-cosmo-focus .para-ability-wrap-focus-rep { display: block; } .inner-wrap-ability-focus-cosmo { border: 1px solid var(--brand-pomelo); background: var(--color-white); padding: var(--card-padding); border-radius: var(--radius-card); display: flex; flex-direction: column; } .rep-ability-cosmo-focus .title-ability-wrap-focus-rep { min-height: 3.5rem; } .title-ability-wrap-focus-rep h4 { color: var(--brand-pomelo-dark); } .para-ability-wrap-focus-rep p { color: var(--color-black); } .cosmo-empowers.content-banner { background: #EECCD0; padding: var(--section-large) 0; } .empowers-learners-rep { display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--content-gap-small); margin-top: var(--content-gap); } .inner-emp-rep { display: flex; gap: 10px; align-items: center; } .title-cosmo-empower h3 { color: #6B4E53; } .title-rep-empow h5 { color: var(--color-black); line-height: var(--line-height-default); } .img-empow-rep img { max-width: 20px; } .cosmo-activities { padding: var(--section-large) 0; } .cosmo-act-wrap { display: flex; flex-direction: column; gap: var(--content-gap); } .rgt-parent-wrap-cosmo-act { display: flex; flex-direction: column-reverse; gap: var(--content-gap-small); } .rgt-parent-wrap-cosmo-act .cosmo-act-rep{ display: flex; flex-direction: row; gap: var(--content-gap-small); } .comso-act-inner-wrap { border-radius: var(--radius-card); border: 2px solid var(--brand-pomelo); display: flex; align-items: center; padding: var(--card-padding); gap: var(--content-gap-small); width: calc(100% - (var(--content-gap-small) / 3)); justify-content: space-between; } .lft-cosmo-act p { color: var(--brand-pomelo-dark); padding-bottom: var(--content-gap-small); } .lft-cosmo-act p:last-child { padding-bottom: 0; } .bottom-cosmo-act { max-width: 170px; } .bottom-cosmo-act span { color: var(--brand-pomelo-dark); font-size: var(--font-size-h5); } .lft-innr-rep-cosmo-act h5 { color: var(--color-black); padding-bottom: var(--content-gap-small); } .lft-innr-rep-cosmo-act p { color: var(--color-black); } .lft-cosmo-act h3 { color: #6B4E53; padding-bottom: var(--content-gap-small); } .title-educ-lrn-rep h4 { color: var(--color-black); } .rgt-innr-rep-cosmo-act img{ max-width: 90px; } /*Cosmo Music*/ section.banner-cosmo-learn-more.banner-cosmo-music { background: linear-gradient(5deg, var(--brand-peach) -100%, var(--brand-peach-light)); padding: var(--section-large) 0; } section.banner-cosmo-learn-more.banner-cosmo-music h1 { color: var(--brand-peach-dark); padding-bottom: var(--content-gap-small); } .banner-cosmo-music .para-bnr-lrn p { color: var(--brand-peach-dark); padding-bottom: var(--content-gap-small); } section.trust-en-lrnmr.trust-en-lrnmr-music { background: #f3d6bd; } section.trust-en-lrnmr.trust-en-lrnmr-music .part-res-top h3 { color: var(--brand-peach-dark); } .cosmo-empowers.cosmo-empowers-music { background: #F4E1CC; padding: var(--section-large) 0; } .ability-cosmo-focus.ability-cosmo-focus-music.content-banner { background: linear-gradient(5deg, #f2c9ac 100%, var(--color-background)); } .ability-focus-subtitle span { color: var(--color-black); } .ability-cosmo-focus-music .title-ability-wrap-focus-rep h4 { color: var(--brand-peach); } .cosmo-activities-music .rgt-cosmo-act { width: 100%; } .cosmo-activities-music .comso-act-inner-wrap { border: 2px solid var(--brand-peach); } .community-lik-comments { display: flex; align-items: center; justify-content: flex-start; gap: 20px; } .likes-community, .comments-community { display: flex; align-items: center; gap: 20px; } .cat-community-rep { display: flex; align-items: center; gap: 20px; margin-top: 20px; } .inner-cat-commu-rep span { background-color: #333231; color: var(--color-white); padding: 6px 20px; border-radius: 100px; display: block; font-size: 14px; font-weight: 700; } .likes-community img, .comments-community img { max-width: 29px; } .likes-text span, .comments-text span{ font-weight: 700; font-size: 16px; color: var(--color-black); } div#educators-learners-slider { padding-right: 50px; } .prof-lrnmr.community-usr-res .title-educ-lrn-rep h4 { min-height: auto; min-height: 60px; } .podcast-res { padding: var(--section-large) 0; } /* Individual podcast card styles */ .podcast-card { border-radius: 10px; overflow: hidden; position: relative; display: flex; flex-direction: column; padding: 15px; background: linear-gradient(0deg, #D5C8E800 -510%, var(--brand-primary) 170%); } .podcast-image img { width: 100%; height: auto; border-radius: 8px; max-width: 270px; margin-left: auto; } .podcast-info { margin-top: 15px; padding: 30px 40px; position: absolute; bottom: 0; left: 0; right: 0; border-radius: 10px; z-index: 20; } .podcast-description { font-size: 0.9rem; color: var(--color-white); margin-bottom: 10px; } .podcast-duration { font-size: 0.85rem; color: #ccc; margin-bottom: 15px; } .listen-button { background-color: #007bff; color: white; padding: 10px 20px; border-radius: 5px; text-decoration: none; } .top-cnt-podcast { display: flex; align-items: center; justify-content: space-between; margin: 30px 0; } .lft-podcast-top { max-width: 920px; } .lft-podcast-top p { color: var(--color-black); } .rgt-podcast-top a { background: transparent; border: 1px solid var(--brand-primary); color: var(--brand-primary); border-radius: 100px; box-shadow: unset; padding: 10px 20px; font-size: 16px; } .rgt-podcast-top a:hover { color: var(--brand-primary); color: var(--color-white); } .podcast-btm { display: flex; align-items: center; justify-content: space-between; margin-top: 30px; } .podcast-image { position: relative; z-index: 10; } .title-pod-rep h4 { color: var(--color-white); } .para-rep-pod p { color: var(--color-white); } .btn-lnk-rep-pod a { background-color: transparent; border: 1px solid var(--color-white); border-radius: 100px; } span.podcast-duration { color: var(--color-white); font-size: 16px; font-weight: 700; } div#podcast-slider { padding-right: 70px; } /*Single Product Page*/ .wrap-whatsbox-rep-out { background-color: var(--color-background-alt); padding: var(--card-padding); border: 1px solid var(--color-border); border-radius: var(--radius-card); } .wrap-whatsbox-rep { display: flex; flex-direction: row; gap: var(--content-gap-small); text-align: center; justify-content: space-evenly; } .whatsbox-rep-inn{ display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; gap: var(--content-gap-small); } .img-rep-whatsbox img{ max-width: 200px !important; margin:auto; } .video-unbox { padding: var(--section-large) 0px; } .video-unbox h3 { text-align: center; color: var(--color-black); padding-bottom: var(--content-gap); } .video-wrap-out iframe { display: block; width: 100%; height: 100%; object-fit:cover } .video-wrap-out { position: relative; width: 100%; margin: 0 auto; aspect-ratio: 21 / 10; overflow: hidden; border-radius: 20px; } #videoWrapper iframe, .overlay-img-video img { width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0; } #overlayWrapper { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column; z-index: 5; } .play-btn { position: relative; z-index: 10; } .whts-box-parent{ padding: var(--section-large) 0; } .whts-box-parent .title-whats-box h3{ padding-bottom: var(--content-gap); } .video-unbox.video-unbox-single-prod-page{ padding: 0 !important; } button#playBtn img { max-width: 90px; } .technical-specification { background-color: var(--color-background-alt); padding: var(--section-large) 0; } .top-cnt-tech-spec { max-width: 760px; margin: 0 auto; text-align: center; } .top-cnt-tech-spec h3 { color: var(--color-black); padding-bottom: var(--content-gap-small); } .top-cnt-tech-spec p { color: var(--color-black); padding-bottom: var(--content-gap-small); } .grid-tech-spec { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--content-gap-small); } .inner-wrap-tech-spec { background-color: var(--color-white); padding: 30px; border: 1px solid var(--color-black); border-radius: 10px; } .inner-wrap-tech-spec h4 { font-size: 24px; color: var(--color-black); font-weight: 700; margin-bottom: 10px; } .inner-wrap-tech-spec p { color: var(--color-black); } .lft-image-slid-test img { max-width: 100px !important; } /****************************************************************** * Woo Styles Single Prod Page ******************************************************************/ .wrap-single-prod { display: flex; align-items: flex-start; justify-content: space-between; gap: var(--content-gap); padding-top: var(--section-large); } .lft-prod-wrap { width: 50%; } .rgt-prod-wrap { display: flex; flex-direction: column; width: 55%; padding: 0 var(--section-padding-x); } .summary.entry-summary .product_meta{ display: none; } .lft-prod-wrap .woocommerce div.product div.images, .woocommerce #content div.product div.images, .woocommerce-page div.product div.images, .woocommerce-page #content div.product div.images, .rgt-prod-wrap .summary.entry-summary{ float: none !important; width: 100% !important; } .single-product .summary.entry-summary form.cart button.single_add_to_cart_button.button.alt { display: inline-flex; align-items: center; justify-content: center; min-height: var(--btn-height); min-width: var(--btn-min-width); background-color: var(--brand-primary-dark); color: var(--color-white); border: 1px solid var(--brand-primary-dark); border-radius: var(--radius-button); padding: var(--btn-padding); font-family: var(--font-family); font-size: var(--font-size-body); font-weight: var(--font-weight-regular); line-height: var(--line-height-default); text-decoration: none; text-align: center; transition: background-color 0.2s ease, border 0.2s ease; } .single-product .summary.entry-summary form.cart button.single_add_to_cart_button.button.alt:hover, .single-product .summary.entry-summary form.cart button.single_add_to_cart_button.button.alt:active{ background-color: var(--brand-primary); border: var(--brand-primary); color: var(--color-white); } p.custom-product-text { color: #878581; } .woocommerce div.product form.cart{ border-bottom: 1px solid var(--color-border); } .single-product span.woocommerce-Price-amount.amount { color: var(--color-black); font-size: var(--font-size-h3); display: block; } span.woocommerce-Price-amount.amount bdi::after{ font-size: var(--font-size-h5); } .single-product .woocommerce-product-details__short-description ul li { color: var(--color-black); list-style: none; position: relative; } .single-product .woocommerce-product-details__short-description ul li::before { position: absolute; content: ''; top: 10px; left: -16px; width: 6px; height: 6px; background: var(--color-black); } .single-product .woocommerce-product-details__short-description p { color: var(--color-black); } .two-ways-prod{ padding: var(--section-large) 0; } .wrap-ways-prod { display: flex; flex-direction: row; gap: var(--content-gap); align-items: stretch; } .lft-ways-prod-cnt { position: relative; z-index: 7; display: flex; flex-direction: column; justify-content: space-between; flex: 1; } .lft-wrap-prod, .rgt-wrap-prod { width: calc(50% - (var(--content-gap) / 2)); display: flex; flex-direction: column; border-radius: var(--radius-card); } .cnt-lft-innr-prod-wys{ padding: var(--card-padding); } .two-ways-prod h3 { padding-bottom: var(--content-gap); } .two-ways-prod .btn-cosmo-lrn-suit.btn-two-wys-prod a{ color: var(--brand-primary-dark); -webkit-text-fill-color: var(--brand-primary-dark); } .rgt-img-ways-prod img{ width: 100%; } .lft-wrap-prod.content-banner, .rgt-wrap-prod.content-banner{ background: linear-gradient(5deg, var(--brand-primary) -100%, var(--brand-primary-light)); } .wrap-ways-prod h4 { padding-bottom: var(--content-gap-small); } .wrap-ways-prod p { color: var(--brand-primary-dark); padding-bottom: var(--content-gap-small); } .single-product .woocommerce-product-details__short-description ul { margin-bottom: 0; } .rgt-prod-wrap .summary.entry-summary .lft-mny-bck img { max-width: 400px; padding-bottom: var(--content-gap-small); } .single-product .rgt-prod-wrap .summary.entry-summary .woocommerce-product-details__short-description ul, .single-product .rgt-prod-wrap .summary.entry-summary .woocommerce-product-details__short-description{ margin-bottom:0 !important; } .woocommerce-product-details__short-description{ padding-bottom: var(--content-gap-small); } .woocommerce div.product div.images img{ border-radius: var(--radius-image); } .cosmolrn-suite.cosmolrn-suit-prod h3 { color: var(--color-black); } .rep-lrn-suite.rep-lrn-suite-prod .top-rep-img-lrn-suit img { max-width: 260px; height: 88px; object-fit: contain; } .main_arrow, .thumb_arrow { opacity: 1 !important; } .nswiper-button-next, .nswiper-button-prev { padding: 18px !important; width: 18px !important; border-radius: 100px; height: 18px !important; } .nswiper-button-next:after, .nswiper-button-prev:after { font-size: 18px !important; } .trob-post-wrap form > ul { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 0 20px; } .trob-post-wrap li.sf-field-taxonomy-troubleshoot-category ul{ display: flex; gap: 15px; padding: 0; } .trob-post-wrap li.sf-field-taxonomy-troubleshoot-category ul label{ cursor: pointer; padding: 10px 24px; border: 1px solid var(--color-border); border-radius: 100px; font-size: 16px; } /*onboarding*/ .content-banner.onboarding-bnr { padding: 150px 0; z-index: 1; } .content-banner.onboarding-bnr .cnt-ripple-banner .rb-content { max-width: 600px; text-align: center; } .top-dotug-cosmo-onb { position: relative; z-index: 1; border-radius: 10px; } .cosmo-dot-ways-usg { max-width: 900px; margin: 0 auto; padding: var(--section-large) 0; } .wrp-dotsusg-cosmo { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; } .img-dotusg-cosmo-onb { padding: 15px; } .dotusg-cosmo-cnt-onb { position: relative; z-index: 1; background-color: var(--color-white); padding: 20px 20px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; gap: 10px; } .dotsusg-outr-wrp { padding: 10px; border-radius: 10px; border: 1px solid #E4E4E4; color: var(--color-background); } .img-dotusg-cosmo-onb img { height: 200px; margin: 0 auto; } .dotusg-cosmo-onb-icon img { height: 48px; object-fit: cover; } .dotsusg-innr-wrp { border-radius: 10px; } .dotusg-cosmo-onb-para p { color: var(--color-black); font-size: 19px; } .cosmo-dot-ways-usg h3 { margin-bottom: 40px; } .cosmo-lrn-onb { padding: var(--section-large) 0; background-size: cover; background-repeat: no-repeat; background-position: center; } .wrp-cosmo-lrn-onb { display: flex; align-items: center; justify-content: space-between; } .lft-cosmo-lrn-onb { width: 570px; } .rgt-cosmo-lrn-onb { width: 700px; } .lft-cosmo-lrn-onb p { color: var(--brand-primary-dark); margin: 10px 0 40px; } .lft-cosmo-lrn-onb p a { text-decoration: underline; } .lft-cosmo-lrn-onb h3 { width: 380px; } .wrp-dotsusg-cosmo.wrp-coscnt-onb { grid-template-columns: repeat(3, 1fr); gap: 40px 20px; } .dotusg-cosmo-cnt-onb.csmcnt-onb-cnt { text-align: left; align-items: flex-start; padding: 40px 20px; } .connect-dots-onb.cosmo-cnt-onb { padding: var(--section-large) 0; } .dotsusg-outr-wrp.csmcnt-onb-wrp { background: var(--color-background-alt); border: 1px solid var(--color-border); } .dotusg-cosmo-cnt-onb.csmcnt-onb-cnt{ background: var(--color-background-alt); } .dotusg-cosmo-onb-para.csmcnt-onb-para p { font-size: 18px; } .img-dotusg-cosmo-onb.csmcnt-onb-wrp-img { padding: 40px; } .connect-dots-onb.cosmo-cnt-onb h3 { margin-bottom: 40px; } .dotusg-cosmo-onb-para.csmcnt-onb-para p strong { color: var(--brand-primary); font-weight: 400; text-decoration: underline; } .cnt-pers-onb { border-radius: 10px; border: 1px solid var(--color-border); padding: 30px; } .cnt-pers-onb h3 { font-size: 24px; font-weight: 700; margin-bottom: 10px; } .cnt-pers-onb ol { margin-left: 0; padding-left: 18px; } .cnt-pers-onb ol li { margin-bottom: 3px; font-size: 18px; } .pers-act-onb { margin-bottom: 90px; } .cosmo-app-onb { padding: var(--section-large) 0; } .onb-dot-stup .lft-cosmo-app h3 { color: var(--brand-primary-dark); max-width: 320px; } .onb-dot-stup .rgt-pair-app img { max-width: 590px; margin-left: auto; } .dotusg-cosmo-onb-para.csmcnt-onb-para.thirdpt-apps-onb-para p strong { text-decoration: unset; font-weight: 700; color:var(--color-text); } .dotusg-cosmo-onb-para.csmcnt-onb-para.thirdpt-apps-onb-para p { margin-bottom: 30px; } .dotusg-cosmo-onb-para.csmcnt-onb-para.thirdpt-apps-onb-para ol li a { color: var(--brand-primary); text-decoration: underline; text-underline-offset: unset; } .dotusg-cosmo-onb-para.csmcnt-onb-para.thirdpt-apps-onb-para p, .dotusg-cosmo-onb-para.csmcnt-onb-para.thirdpt-apps-onb-para ol li{ color: var(--color-black); font-size:18px; } .dotusg-cosmo-onb-para.csmcnt-onb-para.thirdpt-apps-onb-para p em { font-size: 16px; } .connect-dots-onb.cosmo-thirdpt-apps-onb { margin-bottom: 100px; } .connect-dots-onb.cosmo-thirdpt-apps-onb h3 { margin-bottom: 40px; } .dotusg-cosmo-onb-para.csmcnt-onb-para.thirdpt-apps-onb-para ol li span { color: var(--brand-primary); text-decoration: underline; } .bottom-third-app-onb P { font-size: 24px; margin: 30px 0 0; color: var(--color-black); max-width: 1240px; } .dotusg-cosmo-cnt-onb.dots-acc-app-cnt { display: block; text-align: left; } .dotusg-cosmo-onb-title.dots-acc-app-title { text-align: center; margin-bottom: 10px; } .dotusg-cosmo-cnt-onb.dots-acc-app-cnt ol { margin-left: 10px; } .dotusg-cosmo-cnt-onb.dots-acc-app-cnt ol li a { color: var(--brand-primary); text-decoration: underline; transition: unset; text-underline-offset: unset; } .cosmo-dot-ways-usg.dots-acc-app { text-align: center; max-width: 940px; } .cosmo-dot-ways-usg.dots-acc-app p { color: var(--color-black); font-size: 20px; max-width: 780px; margin: 0 auto 50px; } .cosmo-dot-ways-usg.dots-acc-app h3 { margin-bottom: 20px; } .wrap-dot-stupf-onb { border-radius: 10px; border: 1px solid var(--color-border); background: var(--color-background-alt); padding: 40px; } .wrap-dot-stupf-onb h3 { font-size: 24px; font-weight: 700; margin: 20px 0; } .wrap-dot-stupf-onb ol { color: var(--color-black); } .wrap-dot-stupf-onb img { max-width: 80px; } .wrp-supp-key { border-radius: 10px; border: 1px solid var(--color-border); background: var(--color-background-alt); padding: 40px; margin: 60px 0 80px; } .rep-supp-key { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; } .innr-supp-key-func { display: flex; align-items: center; background-color: var(--color-white); padding: 20px 40px; border-radius: 24px; gap: 20px; } .img-supp-keyrep { width: 70px; } .title-supp-key-rep { flex: 1; } .img-supp-keyrep img { height: 60px; object-fit: contain; } .title-supp-key-rep p strong { color: #383838; } .top-supp-key-fun img { max-width: 80px; } .top-supp-key-fun h3 { color: var(--color-black); } .title-supp-key-rep p { color: var(--color-black); } .top-cnt-switch-modes h3 { color: var(--brand-primary-dark); font-weight: 400; } .top-cnt-switch-modes p { color: var(--brand-primary-dark); margin: 20px 0 50px; } .rep-switch-modes { display: grid; grid-template-columns: repeat(2, 1fr); gap: 40px; } .innr-switch-modes { border: 1px solid var(--color-border); padding: 50px 40px; border-radius: 10px; } .title-rep-switch-modes h4 { font-weight: 700; color: var(--color-black); font-size: 24px; margin-bottom: 20px; } .pra-rep-switch-modes p { font-size: 18px; color:var(--color-text); } .bottom-switch-modes { margin-top: 30px; } .bottom-switch-modes p, .bottom-switch-modes p strong { color: var(--color-black); font-size: 24px; } .switch-cosmo-modes { margin-bottom: 280px; } /*Contact Us*/ section.contact-us-section{ padding: var(--section-large) 0; } .bnr-sec-nobg h1 { color: var(--color-black); } .bnr-sec-nobg .site-container{ display: flex; flex-direction: column; gap: var(--content-gap); align-items: flex-start; } .bnr-sec-nobg p { color: var(--color-black); } .cnt-sec { margin: 30px 0 80px; } .cntct-wrp { display: flex; justify-content: space-between; } .lft-cntct { max-width: 39%; } .rgt-cntct-frm { max-width: 52%; } .outer-wrp-cntct-frm { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--grid-gap); } .cnt-frm-parent { border: 1px solid var(--brand-primary); padding: var(--card-padding); border-radius: var(--radius-card); } .cnt-frm-parent label { font-family: var(--font-family); font-size: var(--font-size-h5); font-weight: var(--font-weight-regular); line-height: var(--line-height-default-heading); letter-spacing: var(--letter-spacing-tight); color: var(--color-black); margin-bottom: 8px; } .cnt-frm-parent span input, .cnt-frm-parent span textarea{ background-color: #F5F5F5; border-radius: 100px; border: 1px solid rgb(0 0 0 / 50%); padding-left: 20px; height: 50px; width:100%; margin-bottom: var(--content-gap); } .cnt-frm-parent span input::placeholder, .cnt-frm-parent span textarea::placeholder{ color: rgb(0 0 0 / 50%); } .cnt-frm-parent span textarea{ resize:none; } .cnt-frm-sbmt input[type="submit"] { width: fit-content; margin: 10px auto 0; display: block; border: 1px solid var(--brand-primary); background-color: transparent; color: var(--brand-primary); border-radius: 100px; padding: 10px 60px; } .cnt-frm-cnt { border: 1px solid var(--color-border); padding: var(--card-padding); border-radius: var(--radius-card); display: flex; flex-direction: column; gap: var(--content-gap); } .cnt-frm-cnt h3 { color: var(--color-black); } .inner-wrp-cntct-frm p { color: var(--color-black); } .inner-wrp-cntct-frm p a { color: var(--color-black); } .cntct-frm-lft-btm { padding-top: var(--content-gap); display: flex; flex-direction: column; gap: var(--content-gap); } .cntct-frm-lft-btm p { color: var(--color-text-light); } .cnt-frm-sbmt input[type="submit"]:hover, .cnt-frm-sbmt input[type="submit"]:active, .cnt-frm-sbmt input[type="submit"]:focus { background-color: var(--brand-primary); color: var(--color-white); } /*404 Page*/ .not-fnd-wrap { padding: var(--section-large) 0; } .cnt-bnr { max-width: 480px; margin: 0 auto; text-align: center; } .cnt-bnr h1 { color: #333231; margin-bottom: 20px; } .not-fnd-wrap .btn-wrp { margin-top: 20px; } .not-fnd-wrap .btn-wrp { margin-top: 40px; display: flex; align-items: center; justify-content: center; gap: 30px; } .not-fnd-wrap .btn-wrp a.rtrn-home { background-color: #333231; padding: 12px 52px; border-radius: 100px; font-size: 16px; border:1px solid #333231; } .not-fnd-wrap .btn-wrp a.cnt-btn-ntfnd { border: 1px solid #333231; padding: 12px 52px; border-radius: 100px; font-size: 16px; color:#333231; } .cnt-bnr p { color: #333231; } .ux-lockscreen-card { display: flex; justify-content: space-between; align-items: center; } .rgt-form-lck-scrn form.custom-login-form { flex-direction: column; } .user-notice-message .site-container { padding: 0; } .ability-cosmo-focus.join-cosmo-cnt-lk { background: linear-gradient(5deg, var(--brand-primary) -80%, var(--brand-primary-pale)); } .rep-join-cosmo-lk .inner-wrap-ability-focus-cosmo { border: var(--brand-primary); } .rep-join-cosmo-lk .inner-wrap-ability-focus-cosmo .title-ability-wrap-focus-rep h4 { color: var(--brand-primary); } /*.title-ability-cosmo-focus {*/ /* max-width: 760px;*/ /* margin: 0 auto;*/ /* text-align: center;*/ /*}*/ .title-ability-cosmo-focus p { color: var(--color-black); margin: 20px 0; } .lft-lck-scrn { width: 29%; } .rgt-form-lck-scrn { width: 35%; border: 1px solid var(--brand-primary); padding: 40px 30px; border-radius: 16px; } .rgt-form-lck-scrn form.custom-login-form .clf-item input { margin-left: unset; width: 100%; } .clf-item label { display: block; font-size: 20px; color: var(--color-black); font-weight: 700; } .clf-item input[type=text], .clf-item input[type=password] { background-color: #F5F5F5; border-radius: 100px; border: 1px solid rgb(0 0 0 / 50%); height: 46px; padding-left: 20px; } .custom-login-form .clf-item-btn { margin: 20px auto 0 !important; } .clf-item.clf-item-btn input { background-color: transparent; color: var(--brand-primary); border: 1px solid var(--brand-primary); width: fit-content !important; margin: 0 auto; display: block; padding: 10px 66px; border-radius: 100px; } .clf-item.clf-item-btn input:hover { background-color: var(--brand-primary); color: var(--color-white); } .lck-scrn-para p { color: var(--color-black); margin: 20px 0; } .ux-lockscreen-container { margin: 0 0 30px !important; } /*Cosmo Sales Hub*/ section.content-banner.cc-rsr-bnr { padding: var(--section-large) var(--section-padding-x); z-index: 1; } section.content-banner.cc-rsr-bnr { background: linear-gradient(5deg, var(--color-text-light) -50%, var(--color-background-alt)); } section.cc-rsr-bnr .bnr-btn a { background: #333231; } /*Trouble Shoot*/ .trob-post-wrap .search-filter-results { display: block; } .trusted-environemnt-post-cnt { background: var(--color-white); } .video-section { height: 460px; object-fit: cover; } .cnt-lrn-sut-wrap { position: relative; z-index: 1; display: flex; flex-direction: column; flex: 1; } .innr-lrn-sut-inner:nth-child(4) { background: transparent; } section.banner-cosmo-learn-more .bnr-btn-lrn a { background: var(--brand-primary-dark); border: 1px solid var(--brand-primary-dark); color: var(--color-white); } section.banner-cosmo-learn-more .bnr-btn-lrn a:hover { background: var(--brand-primary); border: 1px solid var(--brand-primary); color: var(--color-white); } /*Cosmo Resource CC Pages*/ .child-posts-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px; } .post-item { background-color: var(--color-background-alt); padding: 40px 30px; border: 1px solid var(--color-border); border-radius: 10px; } li.sf-field-taxonomy-cosmo-sale-hub ul, li.sf-field-taxonomy-cosmo-product-hub ul, li.sf-field-taxonomy-marketing-hub ul, li.sf-field-taxonomy-cosmo-connect-category ul { display: flex; gap: 10px; } section.partner-resources-filter li.sf-field-taxonomy-cosmo-sale-hub ul li.sf-option-active label, section.partner-resources-filter li.sf-field-taxonomy-cosmo-product-hub ul li.sf-option-active label, section.partner-resources-filter li.sf-field-taxonomy-marketing-hub ul li.sf-option-active label, section.partner-resources-filter li.sf-field-taxonomy-cosmo-connect-category ul li.sf-option-active label, section.partner-resources-filter li.sf-field-taxonomy-cosmo-sale-hub ul li label:hover, section.partner-resources-filter li.sf-field-taxonomy-cosmo-product-hub ul li label:hover, section.partner-resources-filter li.sf-field-taxonomy-marketing-hub ul li label:hover, section.partner-resources-section li.sf-field-taxonomy-cosmo-connect-category ul li label:hover { background-color: var(--brand-primary); color: white; border: var(--brand-primary) !important; border-radius: 100px; padding: 10px 20px; } section.partner-resources-filter li.sf-field-taxonomy-cosmo-sale-hub ul li, section.partner-resources-filter li.sf-field-taxonomy-cosmo-product-hub ul li, section.partner-resources-filter li.sf-field-taxonomy-marketing-hub ul li, section.partner-resources-section li.sf-field-taxonomy-cosmo-connect-category ul li { cursor:pointer; } section.partner-resources-filter li.sf-field-taxonomy-cosmo-sale-hub ul li label, section.partner-resources-filter li.sf-field-taxonomy-cosmo-product-hub ul li label, section.partner-resources-filter li.sf-field-taxonomy-marketing-hub ul li label, section.partner-resources-section li.sf-field-taxonomy-cosmo-connect-category ul li label { padding: 10px 20px; border-radius: 100px; border: 1px solid var(--color-border); color: var(--color-background); cursor: pointer; list-style: none; color: var(--brand-primary-dark); font-size: 16px; } li.sf-field-taxonomy-cosmo-sale-hub, li.sf-field-taxonomy-cosmo-product-hub, li.sf-field-taxonomy-marketing-hub, li.sf-field-taxonomy-cosmo-connect-category { display: flex !important; align-items: center; gap: 20px; } li.sf-field-taxonomy-cosmo-sale-hub h4, li.sf-field-taxonomy-cosmo-product-hub h4, li.sf-field-taxonomy-marketing-hub h4, li.sf-field-taxonomy-cosmo-connect-category h4 { color: rgb(0 0 0 / 50%); font-weight: 700; font-size: 20px; } section.partner-resources-filter .search-filter-results { display: block; } .partner-cat span { color: var(--brand-primary-dark); } .looking-wrp-cc { max-width: 670px; margin: 0 auto; } .looking-wrp-cc h3 { font-size: 24px; text-align: center; margin-bottom: 20px; } .looking-wrp-cc a.button { margin: 0 auto; display: block; width: fit-content; color: var(--color-black); background: transparent; border: 1px solid var(--color-black); border-radius: 100px; padding: 10px 20px; } .looking-wrp-cc a.button:hover { background-color: var(--brand-primary-dark); color: var(--color-white); border: var(--brand-primary-dark); } .looking-for-cc-pg { margin-bottom: 80px; } .cnt-soc-md-cc { border-radius: 10px; border: 1px solid var(--color-border); background: var(--color-background-alt); padding: 20px 20px; border-top-left-radius: 0; border-top-right-radius: 0; min-height: 172px; } .cnt-soc-md-cc span { color: var(--brand-primary-dark); font-size: 16px; font-weight: 700; } .cnt-soc-md-cc h4 { color: var(--color-black); font-size: 24px; font-weight: 700; } .cnt-soc-md-cc p { color: var(--color-black); margin: 10px 0; } h4.podcast-title { color: var(--color-white); font-size: 20px; font-weight: 700; } section.dynamic-swiper-section .swiper-slide, section.dynamic-swiper-section .video-wrapper iframe { min-height: 400px; } .podcast-btm a { background-color: transparent; border: 1px solid var(--color-white); border-radius: 100px; padding: 10px 30px; } section.dynamic-swiper-section h3 { margin-bottom: 30px; } section.dynamic-swiper-section { margin: 100px 0; } section.dynamic-swiper-section .swiper-progress-bar { background: var(--color-background-alt); } section.dynamic-swiper-section .swiper-progress-bar .progress { background: var(--color-black); } .post-item { margin-bottom: 20px; } .post-right .download-button img { width: 26px; height: 26px; } .post-content { margin-top: 10px; font-size: 15px; color: #444; } .child-title { padding-bottom: var(--content-gap); } .post-item { margin-bottom: 20px; } .post-row { display: flex; justify-content: space-between; align-items: center; } .post-left { flex: 1; } .post-right .download-button img { width: 26px; height: 26px; } .post-content, .child-posts-grid .post-content a, .child-posts-grid .post-content a:hover, .child-posts-grid .post-content a:focus{ color: #444; } .social-slider { display: flex; gap: var(--content-gap-small); overflow-x: auto; scroll-behavior: smooth; padding-bottom: var(--content-gap-small); } .social-slider::-webkit-scrollbar { height: 6px; } .social-slider::-webkit-scrollbar-thumb { background: #ccc; border-radius: 3px; } /* CARD */ .slide-card { flex: 0 0 330px; color: var(--color-background); border-radius: 14px; overflow: hidden; box-shadow: 0 4px 18px rgba(0,0,0,0.1); cursor: pointer; } .slide-img img { width: 100%; height: 220px; object-fit: cover; } .slide-content { padding: 15px; } .slide-content h3 { font-size: 18px; margin: 0 0 8px; } .slide-content p { font-size: 14px; margin: 0; color: #555; } .grid-content-only { border: 1px solid var(--color-border); padding: 30px; height: 218px; border-radius: 10px; } .child-posts-grid.grid-3-sections { grid-template-columns: repeat(3, 1fr); } .grid-content-only { border: 1px solid var(--color-border); padding: 30px; height: 169px; border-radius: 10px; display: flex; align-items: center; } .grid-content-only p{ font-size:18px; color:var(--color-text); } section.dynamic-swiper-section.dynamic-sec-usr-res .podcast-image img { max-width: 100%; } .podcast-slider .podcast-card { background: unset; } .subscibe_btn input[type=submit]:hover { border: 1px solid var(--brand-sage); color: var(--color-white) !important; background-color: var(--brand-sage); } .woocommerce-notices-wrapper .woocommerce-message { width: 1366px !important; max-width: 96% !important; margin: 150px auto 0 !important; } .woocommerce-message a, .woocommerce-message a:focus{ background-color: var(--brand-primary-dark) !important; border-radius: 100px; padding: 10px 30px; text-align: center; border:1px solid var(--brand-primary-dark) !important; } .woocommerce-message a:hover { border: var(--brand-primary-dark); color: var(--brand-primary-dark); background-color: var(--color-white); } .woocommerce-message { color: var(--brand-primary); border-radius: 10px; } .woocommerce-message { color: var(--color-white) !important; } li.woocommerce-mini-cart-item.mini_cart_item { display: flex; align-items: center; } ul.woocommerce-mini-cart.cart_list.product_list_widget span.woocommerce-Price-amount.amount { display: inline-block; color: var(--brand-primary-dark); margin-top: 0px; } .woocommerce ul.cart_list li .quantity, .woocommerce ul.product_list_widget li .quantity{ font-size: var(--font-size-body) !important; } .woocommerce-mini-cart__total.total{ color: var(--color-text-light); } p.woocommerce-mini-cart__total.total { align-items: center; } p.woocommerce-mini-cart__total.total span.woocommerce-Price-amount.amount { color: var(--brand-primary-dark); } p.woocommerce-mini-cart__buttons.buttons a.button.wc-forward, a.button.wc-forward{ background-color: var(--brand-primary-dark) !important; color: var(--color-white); border-radius: var(--radius-button); border: 1px solid var(--brand-primary-dark) !important; } p.woocommerce-mini-cart__buttons.buttons a.button.wc-forward:focus, a.button.wc-forward:focus, p.woocommerce-mini-cart__buttons.buttons a.button.wc-forward:active, a.button.wc-forward:active, p.woocommerce-mini-cart__buttons.buttons a.button.wc-forward:hover, a.button.wc-forward:hover{ background-color: var(--brand-primary) !important; border: 1px solid var(--brand-primary) !important; color: var(--color-white); } section.bnr-prt-res .btnl-lrnmr-1 a.button { color: var(--brand-primary-dark) !important; border:1px solid var(--brand-primary-dark) !important; } p.woocommerce-mini-cart__buttons.buttons { margin-top: var(--content-gap-small); } p.woocommerce-mini-cart__buttons.buttons a.button.checkout.wc-forward { background-color: var(--color-white) !important; border: 1px solid var(--brand-primary-dark) !important; color: var(--brand-primary-dark) !important; margin-top: var(--content-gap-small); } p.woocommerce-mini-cart__buttons.buttons a.button.checkout.wc-forward:active, p.woocommerce-mini-cart__buttons.buttons a.button.checkout.wc-forward:focus, p.woocommerce-mini-cart__buttons.buttons a.button.checkout.wc-forward:hover { background-color: var(--brand-primary-dark) !important; color: var(--color-white) !important; border: var(--brand-primary-dark) !important; } section.bnr-prt-res .btnl-lrnmr-1 a.button:focus, section.bnr-prt-res .btnl-lrnmr-1 a.button:active, section.bnr-prt-res .btnl-lrnmr-1 a.button:hover { background-color: var(--color-white) !important; border: var(--brand-primary-dark) !important; color: var(--brand-primary-dark)!important; } section.prt-rs-slid .search-filter-results { display: block; } /*Cart Page*/ header.woocommerce-products-header { padding: 0px 0px; margin-bottom: 0px; } /* === PROGRESS BAR === */ .progress-bar-main-wrapper { display: flex; align-items: flex-start; justify-content: space-between; position: relative; max-width: 500px; margin: 0 auto var(--content-gap); width: 100%; } .progress-bar-cart, .progress-bar-checkout, .progress-bar-payment { display: flex; flex-direction: column; align-items: center; position: relative; z-index: 2; flex: 0 0 auto; width: 36px; } .progress-count .progress-icon { width: 36px; height: 36px; border-radius: 50%; border: 2px solid #D1D5DB; background: #fff; display: flex; justify-content: center; align-items: center; position: relative; z-index: 2; } .progress-count .progress-icon.progress-icon-active { background: var(--brand-primary); border-color: var(--brand-primary); color: #fff; } .progress-count .progress-icon.progress-icon-active svg { fill: #fff; width: 18px; height: 18px; display: block; } .up_label { position: absolute; top: 44px; left: 50%; transform: translateX(-50%); white-space: nowrap; font-size: 13px; font-weight: 500; color: #9CA3AF; text-align: center; } .progress-icon-done .up_label, .up_current .up_label { font-weight: 700; color: var(--color-black); } /* Connecting line */ .progress-line { position: absolute; left: 18px; right: 18px; top: 17px; height: 2px; background: #D1D5DB; z-index: 0; } .progress-line::after { content: ''; position: absolute; left: 0; top: 0; height: 100%; background: var(--brand-primary); width: 0%; } .woocommerce-checkout .progress-line::after { width: 50%; } .woocommerce-order-received .progress-line::after { width: 100%; } .woocommerce-cart .wc-block-components-totals-coupon__button, .woocommerce-checkout .wc-block-components-totals-coupon__button{ background-color: var(--brand-primary-dark); border-radius: var(--radius-button); padding: var(--btn-padding); color: var(--color-white); border: 1px solid var(--brand-primary-dark); } .woocommerce-cart .wc-block-components-totals-coupon__button:hover, .woocommerce-checkout .wc-block-components-totals-coupon__button:hover, .woocommerce-cart .wc-block-components-totals-coupon__button:active, .woocommerce-checkout .wc-block-components-totals-coupon__button:active, .woocommerce-cart .wc-block-components-totals-coupon__button:focus, .woocommerce-checkout .wc-block-components-totals-coupon__button:focus{ background-color: var(--brand-primary) !important; border:1px solid var(--brand-primary); color: var(--color-white) !important; } .woocommerce-cart .wc-block-cart__submit-button { background-color: var(--brand-primary-dark) !important; border-radius: var(--radius-button) !important; border: 1px solid var(--brand-primary-dark) !important; color: var(--color-white); } .wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained:hover, .wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained:active, .wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained:focus { background-color: var(--brand-primary) !important; border:1px solid var(--brand-primary) !important; color: var(--color-white); } .woocommerce-cart button.wc-block-components-quantity-selector__button.wc-block-components-quantity-selector__button--minus, .woocommerce-cart button.wc-block-components-quantity-selector__button.wc-block-components-quantity-selector__button--plus { border-radius: 100px; border: 2px solid var(--brand-primary); width: 36px; height: 36px; text-align: center; font-weight: 700; font-size: 20px; opacity: 1 !important; cursor: pointer !important; color: var(--brand-primary) !important; } .woocommerce-cart .wc-block-components-quantity-selector { width: 147px; align-items: center; border: unset !important; } .woocommerce-cart .wc-block-components-totals-item.wc-block-components-totals-footer-item { color: var(--brand-primary); } .woocommerce-cart button.wc-block-cart-item__remove-link { color: red !important; font-size: 14px !important; } .woocommerce-cart .wc-block-cart-item__wrap a.wc-block-components-product-name { color: var(--color-black); } .woocommerce-cart tr.wc-block-cart-items__header th span, .woocommerce-cart h2.wp-block-woocommerce-cart-order-summary-heading-block.wc-block-cart__totals-title{ color: var(--color-black); text-transform: capitalize !important; } .progress-icon-done .up_label { color: var(--color-black); } .up_label { text-align: center; color: #757575; } .cart__page { margin: var(--section-large) 0; } .progress-bar-checkout.progress-bar-default-active.up_current.progress-icon-done::before { left: 75%; width: 50%; bottom: 71%; } .woocommerce-cart .wc-block-components-totals-coupon__button:hover { color: var(--brand-primary); background-color: var(--color-white); border: 1px solid var(--brand-primary); box-shadow: unset; } .woocommerce-cart .wc-block-components-sidebar { width: 25%; } .woocommerce-checkout .wc-block-components-sidebar{ width: 30%; } .woocommerce-cart .wc-block-components-sidebar-layout .wc-block-components-main, .woocommerce-checkout .wc-block-components-sidebar-layout .wc-block-components-main { width: 45%; } .woocommerce-cart h2.wp-block-heading.has-text-align-center.with-empty-cart-icon.wc-block-cart__empty-cart__title { text-align: center; } ul.wc-block-components-express-payment__event-buttons { margin: 0 !important; } li#express-payment-method-express_checkout_element_applePay, li#express-payment-method-express_checkout_element_googlePay{ border-radius: var(--radius-button); } .wc-block-components-sidebar-layout.wc-block-cart.wp-block-woocommerce-filled-cart-block{ padding-top: var(--content-gap); } /*Checkout Page*/ ul.wc-block-components-express-payment__event-buttons { margin: 0 !important; } li#express-payment-method-express_checkout_element_applePay, li#express-payment-method-express_checkout_element_googlePay{ border-radius: var(--radius-button); } .wp-block-woocommerce-checkout{ padding-top: var(--content-gap) !important; } .wc-block-checkout__form .wc-block-checkout__payment-method, .wc-block-checkout__form .wc-block-checkout__actions, .wc-block-checkout__form .wc-block-checkout__terms { display: none !important; } .woocommerce-checkout .wc-block-components-checkout-order-summary__title-text { font-size: 0 !important; color: transparent !important; } .woocommerce-checkout .wc-block-components-checkout-order-summary__title-text::before { content: 'Summary'; font-size: 1rem; color: var(--color-black); } .woocommerce-checkout a.wc-block-checkout__login-prompt { border-radius: 100px; border: 1px solid var(--brand-primary); color: var(--brand-primary); color: var(--color-white); } .woocommerce-checkout a.wc-block-checkout__login-prompt:hover{ border: 1px solid var(--brand-primary); color: var(--color-background); color: var(--brand-primary); } .wc-block-components-form .wc-block-components-text-input input[type=email], .wc-block-components-form .wc-block-components-text-input input[type=number], .wc-block-components-form .wc-block-components-text-input input[type=password], .wc-block-components-form .wc-block-components-text-input input[type=tel], .wc-block-components-form .wc-block-components-text-input input[type=text], .wc-block-components-form .wc-block-components-text-input input[type=url], .wc-block-components-text-input input[type=email], .wc-block-components-text-input input[type=number], .wc-block-components-text-input input[type=password], .wc-block-components-text-input input[type=tel], .wc-block-components-text-input input[type=text], .wc-block-components-text-input input[type=url], .wc-blocks-components-select__container select#billing-country { border-radius: 50px !important; border: 1px solid var(--color-background-alt) !important; padding-left:20px !important; } .wc-block-components-form .wc-block-components-text-input label, .wc-block-components-text-input label { padding-left: 15px; } .wc-block-components-validation-error>p { color: red; } .wp-block-woocommerce-checkout-order-summary-block, fieldset#payment-method.wc-block-checkout__payment-method, .wc-block-components-address-card{ border: 1px solid var(--color-border) !important; border-radius: var(--radius-image) !important; } .woocommerce-checkout p.wc-block-components-checkout-order-summary__title-text { color: var(--color-black); font-weight: 600 !important; } .woocommerce-checkout button.wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button { background-color: var(--brand-primary-dark); border-radius: var(--radius-button); box-shadow: unset; border: 1px solid var(--brand-primary-dark); padding: var(--btn-padding); color: var(--color-white); width: 100%; } button.wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button:hover, button.wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button:active, button.wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button:focus { background-color: var(--brand-primary); color: var(--color-white); border: 1px solid var(--brand-primary); } .woocommerce-checkout .wc-block-components-checkbox.wc-block-checkout__create-account span.wc-block-components-checkbox__label { font-weight: 700; color: var(--color-black); font-size: 16px; } .wc-block-components-text-input.wc-block-components-totals-coupon__input.is-active input { font-weight: 700; font-size: 16px; } button.wc-block-components-chip__remove { background: var(--color-error) !important; } .wc-block-components-chip .wc-block-components-chip__remove svg { fill: var(--color-white); } li.wc-block-components-totals-discount__coupon-list-item.is-removable.wc-block-components-chip.wc-block-components-chip--radius-large { color: var(--brand-sage); font-weight: 500; } .woocommerce-checkout a.wc-block-components-checkout-return-to-cart-button { display: none !important; } .wc-block-components-form .wc-block-components-checkout-step { margin: 0 0 40px !important; } .woocommerce-checkout a.wc-block-components-checkout-return-to-cart-button svg { left: 21px; } a.wc-block-components-checkout-return-to-cart-button:hover { color: var(--brand-primary); color: var(--color-white); } .wc-block-components-totals-item.wc-block-components-totals-footer-item { font-weight: 600; color: var(--color-black); } .wp-block-woocommerce-checkout-order-summary-block { color: var(--color-black); } .progress-bar-main-wrapper.progress-bar-chkout { display: flex !important; } .woocommerce-order-received td.woocommerce-table__product-name.product-name a { color: var(--brand-primary); font-weight: 700; font-size: 18px; } /*Order Recieved*/ a.woocommerce-button.button.invoice.order-actions-button { display: inline-flex; align-items: center; justify-content: center; min-height: var(--btn-height); min-width: var(--btn-min-width); background-color: var(--brand-primary-dark); color: var(--color-white); border: 1px solid var(--brand-primary-dark); border-radius: var(--radius-button); padding: var(--btn-padding); font-family: var(--font-family); font-size: var(--font-size-body); font-weight: var(--font-weight-regular); line-height: var(--line-height-default); text-decoration: none; text-align: center; transition: background-color 0.2s ease, border 0.2s ease; cursor: pointer; width: 100%; } a.woocommerce-button.button.invoice.order-actions-button:hover, a.woocommerce-button.button.invoice.order-actions-button:active, a.woocommerce-button.button.invoice.order-actions-button:focus{ background-color: var(--brand-primary); border: var(--brand-primary); color: var(--color-white); } td.order-actions-cell { width: 100%; } .woocommerce .woocommerce-order-downloads, .woocommerce .woocommerce-customer-details, .woocommerce .woocommerce-order-details{ margin: 0 0 var(--section-large) 0 !important; } .wc-confirmation-right { display: flex; } .wc-confirmation-right .woocommerce-order-details { margin: 0 !important; width: 100%; } .woocommerce-order-received p.woocommerce-notice.woocommerce-notice--success.woocommerce-thankyou-order-received { color: var(--color-black); font-size: var(--font-size-tagline); font-weight: var(--font-weight-bold); } p.woocommerce-thankyou-order-received-subtext{ font-weight: var(--font-weight-bold); padding-bottom: var(--content-gap-small); } p.woocommerce-thankyou-order-received-email-note{ padding-bottom: var(--content-gap); } ul.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details{ margin: 0 !important; } .woocommerce ul.order_details li{ margin-right: 0 !important; text-transform: capitalize !important; padding-bottom: 8px !important; border-right: unset !important; float: unset !important; } .wc-confirmation-grid { display: grid; grid-template-columns: 1.1fr 1fr; align-items: stretch; gap: var(--content-gap, 24px); margin: 30px 0; } .wc-confirmation-left { border: 1px solid var(--color-background-alt); border-radius: 8px; padding: 20px; } .woocommerce-order-received section.woocommerce-order-details { border-radius: 8px; border: 1px solid var(--color-background-alt); padding: 20px; } .woocommerce-order-received section.woocommerce-order-details table.woocommerce-table.shop_table.order_details th, .woocommerce-order-received section.woocommerce-order-details table.woocommerce-table.shop_table.order_details td { border: unset; } .wc-confirmation-left section.woocommerce-columns.woocommerce-columns--2 { margin-top: 20px; } .wc-confirmation-left section.woocommerce-columns.woocommerce-columns--2 h2.woocommerce-column__title { color: var(--color-black); } .wc-confirmation-left section.woocommerce-columns.woocommerce-columns--2 address, .woocommerce-column.woocommerce-column--shipping-address address{ border: unset; } @media only screen and (max-width: 767px) { .wc-confirmation-grid { grid-template-columns: 1fr; } } .woocommerce-order > p { color: var(--color-black); font-weight: 600; } /*Woo Cart*/ span.wc-block-formatted-money-amount.wc-block-components-formatted-money-amount.wc-block-components-totals-item__value, h2.wc-block-formatted-money-amount.wc-block-components-formatted-money-amount.wc-block-components-totals-footer-item-tax-value, span.wc-block-components-totals-item__label{ font-weight: var(--font-weight-bold) !important; color: var(--color-black); } span.wc-block-components-totals-item__label{ font-weight: 500 !important; font-size: var(--font-size-body) !important; } span.wc-block-formatted-money-amount.wc-block-components-formatted-money-amount.wc-block-components-totals-item__value{ font-size: var(--font-size-body) !important; } span.wc-block-formatted-money-amount.wc-block-components-formatted-money-amount.wc-block-components-totals-footer-item-tax-value, h2.wp-block-woocommerce-cart-order-summary-heading-block.wc-block-cart__totals-title{ font-size: var(--font-size-tagline) !important; color: var(--color-black) !important; font-weight: var(--font-weight-bold) !important; } table.wc-block-cart-items .wc-block-components-product-name:hover{ text-decoration: none !important; } .woocommerce-cart .wc-block-components-sidebar-layout .wc-block-components-main, .woocommerce-checkout .wc-block-components-sidebar-layout .wc-block-components-main { width: 70%; } .woocommerce-cart .wp-block-woocommerce-cart.alignwide .wc-block-components-sidebar-layout.wc-block-cart{ flex-wrap: nowrap; } .woocommerce-column.woocommerce-column--billing-address h2.woocommerce-column__title, .woocommerce-column.woocommerce-column--shipping-address h2.woocommerce-column__title{ font-size: var(--font-size-caption); font-weight: var(--font-weight-bold); } .woocommerce .woocommerce-customer-details address{ padding: 6px 0 !important; font-size: var(--font-size-small); } .woocommerce-cart table.wc-block-cart-items { border: 1px solid var(--color-border); border-radius: 12px; border-collapse: separate; border-spacing: 0; overflow: hidden; background: #fff; width: 100%; } .woocommerce-cart tr.wc-block-cart-items__header th { padding: 5px; border-bottom: 1px solid var(--color-border); } .woocommerce-cart tr.wc-block-cart-items__row td { border-bottom: 1px solid var(--color-border); /*! vertical-align: middle; */ } .woocommerce-cart tr.wc-block-cart-items__row:last-child td { border-bottom: none; } .woocommerce-cart .wc-block-cart-item__image img { width: 56px; height: 56px; object-fit: contain; border-radius: 8px; } /* Remove button — icon only */ .woocommerce-cart button.wc-block-cart-item__remove-link { font-size: 0 !important; background: none; border: none; cursor: pointer; padding: 0; } .woocommerce-cart button.wc-block-cart-item__remove-link svg { width: 20px; height: 20px; display: block; color: red; } /* Hide short description in cart */ .woocommerce-cart .wc-block-components-product-metadata { display: none; } /* Hide duplicate inline price (already shown in Total column) */ .woocommerce-cart .wc-block-cart-item__product .wc-block-components-product-price { display: none; } /* Keep quantity + remove on one row */ .woocommerce-cart .wc-block-cart-item__quantity { display: flex; align-items: center; gap: 5px; } /* Product name spacing */ .woocommerce-cart .wc-block-cart-item__product .wc-block-components-product-name { display: block; margin-bottom: 0; } /* Hide inline price — it's in the Total column */ .woocommerce-cart .wc-block-cart-item__wrap .wc-block-components-product-price { display: none !important; } /* Put name and quantity on same row */ .woocommerce-cart .wc-block-cart-item__wrap { display: flex; align-items: center; gap: var(--content-gap-small); } .woocommerce-cart .wc-block-cart-item__wrap .wc-block-components-product-name { flex: 1; } /* Reset margin-top from previous rule */ .woocommerce-cart .wc-block-cart-item__quantity { margin-top: 0; flex-shrink: 0; } .woocommerce-cart .wc-block-cart-item__wrap { gap: var(--content-gap-small); justify-content: space-between; } .wc-block-components-quantity-selector input.wc-block-components-quantity-selector__input{ width: 40px !important; min-width: unset !important; flex: unset !important; } .woocommerce-cart .wc-block-components-sidebar { border: 1px solid var(--color-border); border-radius: var(--radius-card); padding: var(--card-padding); overflow: hidden; } .wc-block-components-sidebar-layout .wc-block-components-main{ padding-right: 0 !important; } .wc-block-cart{ margin: 0 !important; } .is-medium table.wc-block-cart-items .wc-block-cart-items__row, .is-mobile table.wc-block-cart-items .wc-block-cart-items__row, .is-small table.wc-block-cart-items .wc-block-cart-items__row { grid-template-columns: 80px 1fr auto; align-items: start; gap: 0 12px; } .is-medium table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity, .is-mobile table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity, .is-small table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity{ align-self: start !important; } /*Woo Cart Ends*/ .partner-img-wrap img { border-top-left-radius: 10px; border-top-right-radius: 10px } .partner-content { background-color: var(--color-background-alt); border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } .partner-cnt-inr h4 { color: var(--color-black); } .partner-cnt-inr p { color: var(--color-black); min-height: 90px } .partner-cnt-inr span.post-date { color: var(--brand-primary-dark); } a.logout-btn { background-color: var(--brand-primary-dark) !important; border: 1px solid var(--brand-primary-dark) !important; border-radius: 100px !important; padding: 10px 40px !important; } a.logout-btn:hover { background-color: transparent !important; color: var(--brand-primary-dark) !important; border: var(--brand-primary-dark) !important; font-size:16px !important; } .bring-acc-life-ability .bnr-btn-lrn a.button{ background: var(--brand-pomelo-dark) !important; color: var(--color-white) !important; border:1px solid var(--brand-pomelo-dark) !important; } .bring-acc-life-ability .bnr-btn-lrn a.button:hover, .bring-acc-life-ability .bnr-btn-lrn a.button:focus, .bring-acc-life-ability .bnr-btn-lrn a.button:active{ background: var(--brand-pomelo) !important; color: var(--color-white) !important; border:1px solid var(--brand-pomelo) !important; } .bring-acc-life-ability .bnr-btn-lrn-2 a.button { background: transparent !important; color: var(--brand-pomelo-dark) !important; border: 1px solid var(--brand-pomelo-dark) !important; } .bring-acc-life-ability .bnr-btn-lrn-2 a.button:hover, .bring-acc-life-ability .bnr-btn-lrn-2 a.button:focus, .bring-acc-life-ability .bnr-btn-lrn-2 a.button:active{ background: var(--brand-pomelo-dark) !important; color: var(--color-white) !important; border: 1px solid var(--brand-pomelo-dark) !important; } .bring-acc-life.bring-acc-life-music h3 { color: var(--brand-peach-dark); font-size: var(--font-size-h1); } .bring-acc-life.bring-acc-life-music p { color: var(--brand-peach-dark); font-size: var(--font-size-tagline); } .bring-acc-life .bnr-btn-lrn a.button { background-color: var(--brand-peach-dark); color: var(--color-white); border: 1px solid var(--brand-peach-dark); } section.banner-cosmo-learn-more.banner-cosmo-music .bnr-btn-lrn a.button { background-color: var(--brand-peach-dark); color: var(--color-white); border: 1px solid var(--brand-peach-dark); } section.banner-cosmo-learn-more.banner-cosmo-music .bnr-btn-lrn a.button:hover, .bring-acc-life.bring-acc-life-music .btn-wrap-lrn-more .bnr-btn-lrn a:hover{ background: var(--brand-peach) !important; color: var(--color-white); border: 1px solid var(--brand-peach) !important; } section.banner-cosmo-learn-more.banner-cosmo-music .btn-wrap-lrn-more .bnr-btn-lrn-2 a { border: 1px solid var(--brand-peach-dark); color: var(--brand-peach-dark); background-color: transparent; } section.banner-cosmo-learn-more.banner-cosmo-music .btn-wrap-lrn-more .bnr-btn-lrn-2 a:hover { background: var(--brand-peach-dark)!important; border: 1px solid var(--brand-peach-dark)!important; color: var(--color-white); } .bring-acc-life.bring-acc-life-music .bnr-btn-lrn-2 a.button { border: 1px solid var(--brand-peach-dark) !important; color: var(--brand-peach-dark); background-color: transparent !important; } .bring-acc-life.bring-acc-life-music .bnr-btn-lrn-2 a.button:hover { color: var(--color-white); background-color: var(--brand-peach-dark) !important; border: 1px solid var(--brand-peach-dark) !important; } .bring-acc-life.bring-acc-life-music { background: var(--brand-peach-light); } .bring-acc-life.bring-acc-life-dot .bnr-btn-lrn a.button { background-color: var(--brand-primary-dark); color: var(--color-white); border: var(--brand-primary-dark); } .bring-acc-life.bring-acc-life-dot .bnr-btn-lrn a.button:hover { background-color: var(--brand-primary) !important; color: var(--color-white); border: var(--brand-primary) !important; } /*My Account*/ .woocommerce-account .entry-hero-container-inner { background-color: var(--brand-primary); } .woocommerce-account .entry-hero-container-inner h1.entry-title { color: var(--color-white); } .woocommerce-account .hero-container.site-container { padding: var(--section-large) 0; } .woocommerce-account .woocommerce-MyAccount-content p a { color: var(--brand-primary); } .woocommerce-account .woocommerce-MyAccount-content p a:hover { color: var(--brand-primary-dark); } nav.woocommerce-MyAccount-navigation ul li.is-active a { background-color: var(--brand-primary); color: var(--color-white); } nav.woocommerce-MyAccount-navigation ul li a { background-color: var(--brand-primary-dark); color: var(--color-white) !important; } nav.woocommerce-MyAccount-navigation ul li { margin-bottom: 10px; } .drawer-inner { padding: 40px 0; } #cart-drawer h2.side-cart-header { color: var(--brand-primary-dark); font-weight: 400; font-size: 20px; } button.cart-toggle-close.drawer-toggle span svg { fill: var(--color-white); } div#cart-drawer .drawer-inner .drawer-content.woocommerce.widget_shopping_cart { padding: 0px 40px !important; } p.woocommerce-mini-cart__empty-message { color: var(--brand-primary-dark); font-size: 17px; } .podcast-card:before { position: absolute; content: ''; background: linear-gradient(5deg, var(--brand-primary-light) 10%, var(--brand-primary)); inset: 0; width: 100%; height: 100%; z-index: 1; } div#cart-drawer button.cart-toggle-close.drawer-toggle span.kadence-svg-iconset svg.kadence-svg-icon.kadence-close-svg { fill: var(--color-black); } .partner-resource-slider-wrap .swiper-progress-bar { background: var(--color-border); } .partner-resource-slider-wrap .swiper-progress-bar .progress { background: var(--color-black); } .join-cosmo-cnt-lk .title-ability-cosmo-focus { max-width: 760px; margin: 0 auto; text-align: center; } .lnk-join-csm-lk a { background-color: transparent; border: 1px solid var(--brand-primary-dark); border-radius: 100px; width: fit-content; margin: 60px auto 0; display: block; color: var(--brand-primary-dark); padding: 12px 29px; font-size: 16px; } .lnk-join-csm-lk a:hover { background-color: var(--brand-primary-dark); border: var(--brand-primary-dark); color: var(--color-white); } .inner-wrp-cntct-frm p strong { font-weight: bolder; } .not-fnd-wrap .btn-wrp a.rtrn-home:hover { background-color: transparent; color: #333231; border: #333231; } .not-fnd-wrap .btn-wrp a.cnt-btn-ntfnd:hover { background-color: #333231; color: var(--color-white); border: #333231; } .single-product .woocommerce-message { color: var(--brand-primary-dark) !important; } .single-product .woocommerce-message a:active { background-color: var(--brand-primary); color: var(--color-white); border: var(--brand-primary); } .country-select .selected-flag { padding: 0 11px 0 11px; } .country-select .selected-flag .arrow { right: 3px; } .podcast-res .podcast-image img { max-width: max-content; } .podcast-res .podcast-card{ background:unset; } .podcast-card.podcast-wrap-2 .podcast-image img { max-width: 370px !important; } .podcast-card.podcast-wrap-2 { background: unset; } .podcast-slider .btn-lnk-rep-pod a:hover { background-color: var(--brand-primary-dark); border: var(--brand-primary-dark); } .podcast-slider .swiper-progress-bar { margin-top: 60px; } .podcast-slider .podcast-info { padding: 30px 40px 50px; } .rep-lrn-suite.rep-lrn-suite-prod { grid-template-columns: 1fr 1fr; } .podcast-btm a:hover, .podcast-btm a:active { color: var(--brand-primary-dark); color: var(--color-white); border: var(--brand-primary-dark); } section.ripple-banner.content-banner { background: linear-gradient(5deg, var(--brand-pomelo) 0%, var(--brand-pomelo-light)); } /*Troubleshoot*/ /* Tabs */ .troubleshoot-tabs .tabs-nav { display: flex; gap: var(--content-gap); align-items: center; margin-bottom: 0; } .troubleshoot-tabs .tabs-nav li { padding: 10px 20px; border-radius: var(--radius-button); border: 1px solid var(--color-border); color: var(--color-background); cursor: pointer; list-style: none; color: var(--brand-primary-dark); font-size: 16px; } .troubleshoot-tabs .tabs-nav li.active, .troubleshoot-tabs .tabs-nav li:hover{ background: var(--brand-primary); color: var(--color-white); border: var(--brand-primary); } /* Tab content */ .tab-content { display: none; } .tab-content.active { display: block; } .accordion .accordion-header { width: 100%; text-align: left; font-size: 16px; cursor: pointer; position: relative; overflow: hidden; background: transparent; box-shadow: unset; padding: 0; } .accordion-item { border-radius: var(--radius-card); border: 1px solid var(--color-border); background: var(--color-background-alt); padding: var(--card-padding); max-width: 1000px; margin: 0 auto; margin-bottom: var(--content-gap); } /* Arrow for accordion */ .accordion .accordion-header::after { content: ''; position: absolute; right: 20px; transition: transform 0.3s; width: 20px; height: 20px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-chevron-down' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3E%3C/svg%3E"); background-size: contain; background-repeat: no-repeat; background-position: center; } /* When the accordion item is open, rotate the arrow */ .accordion .accordion-item.open .accordion-header::after { transform: rotate(180deg); /* Rotates the arrow to point upwards */ } /* Accordion body */ .accordion .accordion-body { display: none; margin-top: var(--content-gap); } .accordion .accordion-item.open .accordion-body { display: block; } .troubleshoot-tabs { display: flex; align-items: center; padding-bottom: var(--content-gap); } .troubleshoot-tabs span { color: rgb(0 0 0 / 50%); font-weight: 700; font-size: 20px; display: block; } .tab-content.active h2 { color: var(--color-black); text-align: center; } .tab-content h2 { padding-bottom: var(--content-gap); } .child-block h3.child-title { color: var(--color-text-light); text-align: center; } button.accordion-header { color: var(--color-black); font-size: 24px; font-weight: 700; } .child-block { margin-bottom: var(--content-gap); } .accordion-body p a { color: var(--color-black); font-weight: 600; } .accordion .accordion-header:hover, .accordion .accordion-header:active, .accordion .accordion-header:focus { color: var(--color-black); } .cosmo-cnt-para-btm p { font-size: 24px; color: var(--color-black); margin: 70px 0 0; } .cosmo-cnt-para-btm p a { color: var(--brand-primary); text-decoration: underline; } .cosmo-cnt-para-btm p a:hover { transition: unset; text-underline-offset: unset; color: var(--brand-primary-dark); } .email-foot { margin-bottom: 10px; } .footer-widget-area h2.widget-title { color: var(--color-black); text-transform: math-auto; } .woocommerce-cart .footer-widget2, .woocommerce-checkout .footer-widget5 { display: block !important; } .header-button-inner-wrap a { padding: 7px 28px; } #masthead .kadence-sticky-header.item-is-fixed:not(.item-at-start) .mobile-toggle-open-container .menu-toggle-open, #masthead .kadence-sticky-header.item-is-fixed:not(.item-at-start) .search-toggle-open-container .search-toggle-open, body.purple_header_bg #masthead .kadence-sticky-header.item-is-fixed:not(.item-at-start) .search-toggle-open-container .search-toggle-open, body.purple_header_bg #masthead .kadence-sticky-header.item-is-fixed:not(.item-at-start) .mobile-toggle-open-container .menu-toggle-open { color: var(--brand-primary-dark) !important; } .gt_switcher .gt_selected a { border: unset !important; } body.home header#masthead .site-main-header-wrap.kadence-sticky-header.item-is-stuck .gt_switcher .gt_selected a:after, body.purple_header_bg header#masthead .site-main-header-wrap.kadence-sticky-header.item-is-stuck .gt_switcher .gt_selected a:after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23000' class='bi bi-chevron-down' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3E%3C/svg%3E") !important; width: 25px; height: 25px; } .header-mobile-cart-wrap.kadence-header-cart span.kadence-svg-iconset { background-image: url(https://www.explorecosmo.com/wp-content/uploads/2025/12/purple-dark-crt-hed.png); } body.purple_header_bg .site-main-header-wrap.kadence-sticky-header.item-hidden-above.item-is-fixed.item-is-stuck button.drawer-toggle.header-cart-button span.kadence-svg-iconset { background-image: url(https://www.explorecosmo.com/wp-content/uploads/2025/12/purple-dark-crt-hed.png) !important; } body.purple_header_bg .site-main-header-wrap.kadence-sticky-header.item-hidden-above.item-is-fixed.item-is-stuck button#mobile-toggle span.kadence-svg-iconset svg.kadence-svg-icon.kadence-menu-svg { fill: var(--brand-primary-dark) !important; } .gt_switcher .gt_selected a:hover { background: #f0f0f000 !important; } #gt-wrapper-74187689 .gt_selected{ background: var(--color-white) !important; } body.home header#masthead .site-main-header-wrap.kadence-sticky-header .gt_switcher .gt_selected a:after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' fill='%23000000' class='bi bi-chevron-down' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3E%3C/svg%3E") !important; } .cosmo-dot-parent.cosmo-dot-shp .cosmo-dot-parent-wrap { background-size: cover; background-repeat: no-repeat; background-position: center left; } .img-lrn-suit-btn-1 .button, .img-lrn-suit-btn-2 .button{ display: inline-flex; align-items: center; justify-content: center; min-height: var(--btn-height); min-width: var(--btn-min-width); border-radius: var(--radius-button); padding: var(--btn-padding); font-family: var(--font-family); font-size: var(--font-size-body); font-weight: var(--font-weight-regular); line-height: var(--line-height-default); text-decoration: none; text-align: center; transition: background-color 0.2s ease, border 0.2s ease; cursor: pointer; } /**************************** * Normal Btn States *******************************/ /* 1 */ .lrn-suit-shp .innr-lrn-sut-inner:nth-child(1) .img-lrn-suit-btn-1 a.button { background-color: var(--brand-pomelo-dark); color: var(--color-white); border: 1px solid var(--brand-pomelo-dark); } .lrn-suit-shp .innr-lrn-sut-inner:nth-child(1) .img-lrn-suit-btn-2 a.button { background: var(--brand-pomelo-dark); border: 1px solid var(--brand-pomelo-dark); color: var(--color-white); } /* 2 */ .lrn-suit-shp .innr-lrn-sut-inner:nth-child(2) .img-lrn-suit-btn-1 a.button { background-color: var(--brand-peach-dark); color: var(--color-white); border: 1px solid var(--brand-peach-dark); } .lrn-suit-shp .innr-lrn-sut-inner:nth-child(2) .img-lrn-suit-btn-1 a.button { background: var(--brand-peach-dark); border: 1px solid var(--brand-peach-dark); color: var(--color-white); } /******************************* * Hover Btn States *******************************/ /* 1 */ .lrn-suit-shp .innr-lrn-sut-inner:nth-child(1) .img-lrn-suit-btn-1 a.button:hover { background: var(--brand-pomelo) !important; border: 1px solid var(--brand-pomelo) !important; } .lrn-suit-shp .innr-lrn-sut-inner:nth-child(1) .img-lrn-suit-btn-2 a.button:hover { background: var(--brand-pomelo) !important; border: 1px solid var(--brand-pomelo) !important; } /* 2 */ .lrn-suit-shp .innr-lrn-sut-inner:nth-child(2) .img-lrn-suit-btn-1 a.button:hover { background: var(--brand-peach) !important; border: 1px solid var(--brand-peach) !important; } .lrn-suit-shp .innr-lrn-sut-inner:nth-child(2) .img-lrn-suit-btn-2 a.button:hover { background: var(--brand-peach) !important; border: 1px solid var(--brand-peach) !important; } /******************************* * Box Span States *******************************/ .lrn-suit-shp .innr-lrn-sut-inner:nth-child(1) .cnt-lrn-sut-shp p strong span{ color: var(--brand-pomelo-dark) !important; } .lrn-suit-shp .innr-lrn-sut-inner:nth-child(2) .cnt-lrn-sut-shp p strong span{ color: var(--brand-peach-dark) !important; } .lrn-suit-shp .innr-lrn-sut-inner:nth-child(3) .cnt-lrn-sut-shp p strong span{ color: var(--brand-sage) !important; } .img-empow-rep { margin-top: -7px; } section.dynamic-swiper-section.dynamic-sec-usr-res .swiper-slide:nth-child(3) { margin-right: 0 !important; } .instagram-link a img { border-radius: 10px; } .cosmo-connect { padding: var(--section-large) 0; background-size: cover; background-repeat: no-repeat; background-position: center; } .user-resources-ripple { padding: var(--section-large) 0; z-index: 1; position: relative; background-repeat: no-repeat; background-size: cover; background-position: center; } section.user-resources-ripple { text-align: center; } .solution-img.sol-img-ab { opacity: 1 !important; transition: unset; } section.trust-en-lrnmr { background-size: cover; background-repeat: no-repeat; background-position: center center; } .uses-comso-dot.dot-used-with { background-size: cover; background-repeat: no-repeat; background-position: center; padding: var(--section-large) 0; } .ability-cosmo-focus { padding: var(--section-large) 0; background-size: cover; background-repeat: no-repeat; background-position: center; } .cosmo-empowers { padding: var(--section-large) 0; background-size: cover; background-repeat: no-repeat; background-position: center; } .ability-cosmo-focus.ability-cosmo-focus-music { background-position: center left; } section.trust-en-lrnmr-music { background-repeat: no-repeat; background-size: cover; background-position: center right; } section.testimonial-part-res { background-position: center left; background-size: cover; background-repeat: no-repeat; } section.funding-sec { background-repeat: no-repeat; background-size: cover; background-position: center; padding: var(--section-large) 0; } .dotsusg-innr-wrp.csmcnt-onb-wrp-inr { background-size: cover; background-repeat: no-repeat; background-position: center; } .dotsusg-innr-wrp { background-size: cover; background-repeat: no-repeat; background-position: center; } .wrap-ways-prod .lft-wrap-prod, .wrap-ways-prod .rgt-wrap-prod { background-size: cover; background-repeat: no-repeat; background-position: center; } .post-type-archive-product .product-details h2.woocommerce-loop-product__title a { color: var(--brand-primary-dark); } .post-type-archive-product span.woocommerce-Price-amount.amount { color: var(--brand-primary); } .post-type-archive-product .product-action-wrap a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart{ color: var(--brand-primary) !important; color: var(--color-white); } .post-type-archive-product .product-action-wrap a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart:hover { color: var(--brand-primary-dark) !important; color: var(--color-white); } .post-type-archive-product .entry-hero-container-inner { color: var(--brand-primary); } .entry-hero-container-inner h1.page-title.archive-title { color: var(--color-white); } .our-values { background-position: center; background-repeat: no-repeat; background-size: cover; } .footer-cnt-lnks { margin-top: 10px; } .part-res-rep::-webkit-scrollbar { -webkit-appearance: none; width: 10px !important; } .part-res-rep::-webkit-scrollbar-thumb { border-radius: 2px; background-color: rgba(0, 0, 0, .5); box-shadow: 0 0 1px rgba(255, 255, 255, .5); } .part-res-rep { scrollbar-width: thin; scrollbar-color: rgba(0,0,0,.5) transparent; } .lft-lck-scrn .coming-soon-badge { top: -70px; right: 0; left: 0; width: fit-content; margin-bottom: 150px; display: block; padding: 7px 14px; } .lft-lck-scrn .coming-soon-badge span { color: var(--color-black); font-weight: 600; } .lft-lck-scrn { position: relative; } .woocommerce div.product div.images .woocommerce-product-gallery__image:nth-child(n+2) { display: block !important; } .button:focus { background: unset; box-shadow: unset; } .woocommerce-checkout .wc-block-components-sidebar-layout .wc-block-components-main{ width: 47%; } .woocommerce-cart .wp-block-woocommerce-cart.alignwide .wc-block-components-sidebar-layout.wc-block-cart{ justify-content: space-between; } .woocommerce-checkout .wc-block-components-sidebar-layout.wc-block-checkout.is-large{ justify-content: flex-start; } div#cart-drawer .drawer-inner .drawer-content.woocommerce.widget_shopping_cart { padding: 0px 30px !important; } li.woocommerce-mini-cart-item.mini_cart_item span.quantity { padding-left: 8px; } li.woocommerce-mini-cart-item.mini_cart_item a { font-size: 17px !important; color: var(--brand-primary-dark) !important; font-weight: 500 !important; } li.woocommerce-mini-cart-item.mini_cart_item span.quantity { padding-left: 0 !important; } a.button:focus, .button:focus { box-shadow: unset; } .single-product .woocommerce-notices-wrapper .woocommerce-message { margin-top: 50px !important; } .innr-lrn-sut-inner:nth-child(4) .img-lrn-suit-btn-1 a:hover { background: var(--brand-primary) !important; color: var(--color-white); border: var(--brand-primary); } .innr-lrn-sut-inner:nth-child(4) .img-lrn-suit-btn-2 a:hover { background: var(--brand-primary-dark) !important; color: var(--color-white); border: var(--brand-primary-dark); } section.cc-bnr-main.content-banner.bnr-prt-res .btnl-lrnmr-2 a.button { background: transparent; border: 1px solid var(--brand-primary-dark); color: var(--brand-primary-dark); } section.cc-bnr-main.content-banner.bnr-prt-res .btnl-lrnmr-2 a.button:hover { background: var(--brand-primary-dark); border: var(--brand-primary-dark); color: var(--color-white); } .our-team-full-image { padding: var(--section-large) 0; } form.woocommerce-form.woocommerce-form-login.login p.form-row:nth-child(3) .woocommerce-form-login__rememberme { display: block !important; margin-left: auto !important; } h4#form-heading-label{ font-size: 20px; margin-bottom: 10px; color:#1a202c; } h4#disability-tax-label-heading, h4#charity-heading-label{ font-size: 20px; margin: 10px 0; color:#1a202c; } a#clear-signature { color: var(--brand-primary-dark); font-weight: 500; } a#clear-signature { display: block; padding-left: 0; } p.demo_store, .woocommerce-store-notice { z-index: 1 !important; } .disability_signature canvas#signatureCanvas, .charity_signature canvas#signatureCanvas{ width: 100%; height: 140px; } .exemption-fields { display: flex; flex-direction: column; gap: 9px; } div#signature-section { margin-top: 10px; } div#signature-section label { margin-bottom: 10px; display: block; } .woocommerce form .form-row button.woocommerce-button.button.woocommerce-form-login__submit { display: block; color: var(--color-white); color: var(--brand-primary); border-radius: 100px; padding: 12px 40px !important; margin-top:20px; } button.woocommerce-button.button.woocommerce-form-login__submit:hover { color: var(--brand-primary-dark); color: var(--color-white); } p.woocommerce-LostPassword.lost_password a { color: var(--brand-primary-dark); font-weight: 600; } .dotusg-cosmo-onb-para.csmcnt-onb-para a { text-decoration: underline; } h2.child-term-title { margin-bottom: 30px; } li.sf-field-taxonomy-partner-resource-category ul { display: flex; gap: 15px; } li.sf-field-taxonomy-partner-resource-category ul li label { cursor: pointer; padding: 10px 24px; border: 1px solid var(--color-border); border-radius: 100px; font-size: 15px; padding-left:24px !important; } li.sf-field-taxonomy-partner-resource-category ul li label:hover { background-color: var(--brand-primary); color: white; border: var(--brand-primary) !important; } .partner-img-wrap img { height: 220px !important; object-fit: cover; } li.sf-field-taxonomy-partner-resource-category { display: flex !important; align-items: center; gap: 20px; margin: 20px 0 !important; } li.sf-field-taxonomy-partner-resource-category h4 { font-size: 18px; color: rgb(0 0 0 / 50%); font-weight: 700; } .post-right img { width: 26px; height: 26px; } .child-block.child-block-parent:last-child { margin-bottom: 0px !important; } .ripple-vid { position: relative; overflow: hidden; height: auto; } .ripple-vid .ripple-video { position: absolute; inset: 0; user-select: none; pointer-events: none; object-fit:cover; width: 100%; height: 100%; } section.cc-bnr-main .btn-lrn-mr { margin-top: 40px; } .wpcf7 form.sent .wpcf7-response-output { border: var(--color-black); } section.filter-section.prod-hub-filter { padding: var(--section-large) 0; } section.filter-section.prod-hub-filter .child-posts-grid:last-child { margin-bottom: 0; } section.filter-section.prod-hub-filter .child-posts-grid:last-child .post-item { margin-bottom: 0; } .prof-lrnmr.community-usr-res .inr-prof-lrnmr { min-height: 350px; } section.trouble-shoot-faqs { padding: var(--section-large) 0; } .dotsusg-innr-wrp { background-size: cover; background-repeat: no-repeat; background-position: center; } .the-name { padding: var(--section-large) 0; } .the-name-wrp { display: flex; align-items: center; justify-content: space-between; gap: var(--content-gap); } .the-name-lft { width: 50%; max-width: 540px; display: flex; flex-direction: column; } .thenm-rgt { width: 50%; max-width: 580px; } /* Landing page — video wrapper portrait override */ .pilot-offer .video-wrapper { flex: none !important; width: 360px !important; aspect-ratio: 9/16 !important; cursor: default !important; min-width: 0 !important; } .pilot-offer .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; border-radius: 16px; } .thnm-para p { padding-bottom: var(--content-gap-small); } .thenm-title h2 { padding-bottom: var(--content-gap-small); } .btn-forgot-pswd { margin-left: auto; max-width: 420px; text-align: center; } .btn-forgot-pswd a { color: var(--brand-primary); } .testimonial-slider.tst-slid-prod .top-sec-tes-slider { align-items: center; } .testimonial-slider.tst-slid-prod .top-rgt-test { max-width: 180px; } .btn-forgot-pswd a:hover, .btn-forgot-pswd a:focus, .btn-forgot-pswd a:active{ color: var(--brand-primary-dark); } /*Research*/ .appr-rsr-wrap { display: flex; align-items: center; justify-content: space-between; padding: var(--section-large) 0; gap: var(--content-gap); } section.section.home-banner.rsrch-bnr { background-repeat: no-repeat; background-size: cover; background-position: center; } section.rsrch-bnr .lft-home-bnr::after { display: none; } section.rsrch-bnr .video_rgt_home { clip-path: ellipse(100% 83% at 100% 45%); } section.rsrch-bnr .lft-home-bnr .site-container { width: 100%; max-width: 100%; margin: 0; padding-left: max(var(--content-gap), calc((100vw - 1366px) / 2)) !important; padding-right: var(--content-gap) !important; } .appr-rsr-lft { display: flex; flex-direction: column; gap: var(--content-gap); max-width: 530px; } .appr-rsr-lft h2 { color: #383838; } .our-app-para p { color: var(--color-black); } .our-app-para p:first-child{ padding-bottom: var(--content-gap); } .btm-para-appr { border-radius: var(--radius-card); border: 3px solid var(--brand-peach); padding: var(--card-padding); } .btm-para-appr p { color: var(--brand-peach-dark); font-size: 20px; font-style: italic; font-weight: 400; } .und-usrs-rsrch { padding: var(--section-large) 0; background-size: cover; background-repeat: no-repeat; background-position: center; } .wrp-und-usrs { display: flex; flex-direction: row; align-items: center; justify-content: space-between; gap: var(--content-gap); } .lft-und-usrs { max-width: 510px; } .rgt-und-usrs { display: flex; flex-direction: column; gap: var(--content-gap); max-width: 610px; } .rgt-und-usrs h3 { color: var(--brand-peach-dark); } .para-und-usrs p { color: var(--brand-peach-dark); } .diverse-prof-rsrc { padding: var(--section-large) 0; } .diverse-prof-wrp { display: flex; flex-direction: row; justify-content: space-between; align-items:center; gap: var(--content-gap); } .lft-diverse-prof { display: flex; flex-direction: column; gap: var(--content-gap); max-width: 670px; } .lft-diverse-prof h3 { color: #383838; } .rgt-divers-prof img { max-width: 340px; } .para-divr-prf ul { padding-left: 10px; } .para-divr-prf ul li:first-child { padding-bottom: var(--content-gap); } .cosmo-prj-rsrch { background: var(--brand-peach-light); padding: var(--section-large) 0; } .top-cnt-cosmo-prj { display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--color-white); gap: var(--content-gap); padding-bottom: var(--content-gap); } .lft-tp-cosmo-prj h3 { color: var(--brand-peach-dark); } .btm-cnt-cosmo-prj { margin-top: var(--content-gap); display: flex; flex-direction: column; gap: var(--content-gap); } .btm-cnt-cosmo-prj p, .btm-cnt-cosmo-prj ul li{ color: var(--color-black); } .btm-cnt-cosmo-prj ul { padding-left: 10px; } .btm-cnt-cosmo-prj ul li { margin-bottom: var(--content-gap); } .cosmo-prj-btn a { background-color: var(--brand-peach-dark); box-shadow: unset; border: 1px solid var(--brand-peach-dark); display: inline-flex; align-items: center; justify-content: center; min-height: var(--btn-height); min-width: var(--btn-min-width); border-radius: var(--radius-button); padding: var(--btn-padding); font-family: var(--font-family); font-size: var(--font-size-body); font-weight: var(--font-weight-regular); line-height: var(--line-height-default); text-decoration: none; text-align: center; transition: background-color 0.2s ease, border 0.2s ease; cursor: pointer; } .cosmo-prj-btn { width: 100%; text-align: center; } .cosmo-prj-btn a:hover, .cosmo-prj-btn a:focus, .cosmo-prj-btn a.button:active{ color: var(--brand-peach-dark); border: 1px solid var(--brand-peach-dark); background-color:transparent; } .summary-study-rsrch { padding: var(--section-large) 0; } .wrap-summ-styd { display: flex; gap: 30px 0px; justify-content: space-between; flex-wrap: wrap; } .wrap-summ-styd { display: flex; align-items: stretch; } .inner-summ-stdy { border-radius: var(--radius-card); border: 1px solid var(--brand-peach-light); background: var(--color-background-alt); padding: var(--card-padding); flex: 0 0 49%; } .inner-summ-stdy:nth-child(4) { padding-bottom: 0; } .summary-study-rsrch h3 { color: #383838; margin-bottom: var(--content-gap); } .title-summ-stydy h4 { color: var(--color-black); font-size: 24px; margin: 40px 0; } .para-summ-stydy p { color: var(--color-black); } .para-summ-stydy ol { padding-left: 24px; margin-left: 0; } .img-summ-stydy img { max-width: 80px; } .increased-eng { padding: var(--section-large) 0; background-size: cover; background-repeat: no-repeat; background-position: center; } .wrp-incrs-eng { display: grid; grid-template-columns: repeat(3, 1fr); gap: 35px; } .inner-incr-eng { color: var(--color-background); padding: 36px 42px; border-radius: 10px; border: 1px solid var(--brand-peach-light); } .title-incr-eng h4 { font-size: 24px; margin-top: 40px; } .para-incr-eng { margin-top: 40px; } .para-incr-eng p { font-size: 18px; color: var(--color-black); } .img-incr-eng img { max-width: 70px; } /*Case Studies Detail */ section.cstd-cnt-bnr { padding: var(--section-large) 0; } section.cstd-cnt-bnr .post-category span.category-name { width: fit-content; display: block; margin: 0 auto; border-radius: var(--radius-button); background: var(--brand-pomelo-dark); padding: var(--btn-padding); color: var(--color-white); } .kids-organization-left img { width: 100%; height: auto; display: block; } .kids-organization-parent { display: flex; flex-direction: row; justify-content: space-between; flex-wrap: nowrap; gap: var(--content-gap); } .kids-organization { padding: var(--section-large) 0; } .kids-organization-rep-wrapper { display: flex; justify-content: space-between; border-bottom: 1px solid var(--color-border); padding: var(--content-gap-small) 0; } .kids-organization-rep-wrapper-right { flex: 0 0 50%; max-width: 50%; display: flex; align-items: center; justify-content: space-between; } .kids-organization-rep-wrapper-left span, .kids-organization-rep-wrapper-right h6{ font-size: var(--font-size-h4); } .kids-organization-rep-wrapper-right h6{ font-weight: var(--font-weight-semibold); } .rep-links-prnt { display: flex; align-items: center; gap: 15px; } .kids-organization-rep-wrapper-image img, .kids-organization-rep-wrapper-image a img{ height: 25px; object-fit: cover; } .kids-organization-rep-wrapper-image a { /*background-color: #F7E2EF;*/ border-radius: 30px; width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; } .kids-organization-rep-wrapper-left { flex: 0 0 38%; max-width: 38%; } .kids-organization-rep-wrapper-left span { color: var(--color-black); } .kids-organization-rep-wrapper-image { display: inline; /*vertical-align: text-top;*/ } .kids-organization-rep-wrapper-image a img { width: auto; display: inline; width: auto; margin: 0 auto; display: block; } .kids-organization-rep-wrapper-right h6 { display: inline; } .kids-organization-right { width: 50%; } .kids-organization-left { width: 50%; } .kids-organization-last-para { padding-top: var(--content-gap); } ul.innr-tags-cstd { display: flex; align-items: center; justify-content: center; gap: var(--content-gap-small); } ul.innr-tags-cstd li { list-style: none; position:relative; color: var(--brand-pomelo-dark); font-size: var(--font-size-tagline); } ul.innr-tags-cstd li:not(:first-child)::before { position: absolute; content: ''; bottom: 12px; left: -13px; width: 5px; height: 5px; background-color: var(--brand-pomelo-dark); border-radius: 50px; } .tst-cstd { padding-bottom: calc(var(--section-large) * 1.5); } .tst-cstd-wrap { border-radius: var(--radius-card); background: var(--color-background-alt); padding: 0 var(--card-padding); position:relative; } .tst-cstd-wrap img.open-arrow-tst { position: absolute; top: -30px; max-width: 80px; left: 30px; } .tst-cstd-wrap img.close-arrow-tst{ position: absolute; bottom: -30px; max-width: 80px; right: 30px; } .cnt-tst p { color: var(--color-black); text-align: center; padding-top: var(--content-gap); padding-bottom: var(--content-gap-small); } .tst-dsg span { color: var(--brand-pomelo-dark); text-align: center; display: block; padding-bottom: calc(var(--content-gap) + 24px); } .tst-dsg.title-orange-tst span { color: #F77906; } .activity-cstd { background-color: var(--brand-pomelo-light); padding: var(--section-large) 0; } .activity-cnt-wrap h3 { color: #383838; margin-bottom: var(--content-gap-small); } .activity-cnt-wrap p { color: #383838; margin-bottom: var(--content-gap-small); } .comso-used-cstd .site-container, .activity-cstd .site-container, .tst-cstd .site-container, .kids-organization .site-container, .book-demo-cstd .site-container{ max-width: 1000px } .comso-used-cstd { padding: var(--section-large) 0; } .comso-used-cstd:nth-child(even) { background-color: var(--brand-pomelo-light); } .wrp-used-cosmo { display: flex; justify-content: space-between; gap: var(--content-gap); width: 100%; } .rgt-cosmo-used { flex: 0 0 66%; } .lft-cosmo-used h3 { color: #383838; flex: 0 0 33%; } .rgt-cosmo-used p, .rgt-cosmo-used ul li{ color: #383838; } .rgt-cosmo-used ul li{ margin-bottom: 10px; } .rgt-cosmo-used blockquote:before { position: absolute; content: ''; left: 0; top: 0; width: 4px; height: 100%; background: #5F5F5F; border-radius: 100px; } .rgt-cosmo-used blockquote { border-left: 0; position: relative; } .book-demo-cstd { margin: var(--section-small) 0; } .book-demo-btn a.button { border-radius: var(--radius-button); border: 1px solid var(--brand-pomelo-dark); background-color: var(--brand-pomelo-dark); box-shadow: 4px 4px 12px 2px rgba(107, 78, 83, 0.25); padding: var(--btn-padding); margin: 0 auto; display: block; width: fit-content; color: var(--color-white) !important; } .book-demo-btn a.button:hover, .book-demo-btn a.button:active, .book-demo-btn a.button:focus{ background-color: var(--brand-pomelo) !important; border: 1px solid var(--brand-pomelo) !important; color: var(--color-white) !important; } .cstd-img-btm-tst { position: absolute; bottom: -70px; left: 0; right: 0; margin: 0 auto; width: fit-content; } .cstd-img-btm-tst img { max-width: 110px; } .rgt-cosmo-used p strong{ color: #383838; display: inline-block; } .rgt-cosmo-used ul li em{ font-weight: 400; color: #383838; font-size: 20px; margin-bottom: 40px; display: block; } .activity-cnt-wrap ul li { margin-bottom: 20px; } .kids-organization .video-wrap-out { height: 100%; } .rgt-cosmo-used.rgt-cosmo-used-grid { display: grid; grid-template-columns: 1fr 1fr; gap: var(--grid-gap); } .rgt-cosmo-used h5 { color: #383838; } .comso-used-cstd.no-padding-bottom { padding-bottom: 0; } /*Posts Single Page*/ .content-bnr-case-stud h1{ color: var(--brand-pomelo-dark) !important; } .site-container .content-bnr-case-stud{ max-width: 1000px; margin: 0 auto; } .content-bnr-case-stud.cnt-bnr-posts { max-width: 1000px; margin: 0 auto; } section.psts-bnr-detail { background-size: cover; background-repeat: no-repeat; background-position: center; } .bnr-para-posts { max-width: 700px; margin: 0 auto; } .bnr-para-posts p { color: var(--color-black); margin-top: 30px; } .how-works-psts { padding: 110px 0 90px; } .content-bnr-case-stud.cnt-bnr-posts h1 { color: var(--color-black); } .post-bnr-img img { margin: 0 auto; max-width: 120px; } .works-pst-para { margin-top: 40px; border-radius: 10px; border: 1px solid var(--color-border); padding: 34px 24px; } .works-pst-para ul li:before { position: absolute; content: ''; top: 14px; left: -13px; width: 5px; height: 5px; background: var(--color-black); border-radius: 50px; } .works-pst-para ul li { font-size: 20px; margin-bottom: 20px; list-style: none; position: relative; } .works-pst-title h2 { font-size: 42px; font-weight: 400; } .tst-cstd-wrap.tst-psts-wrp img.close-arrow-tst { bottom: -100px; } .tst-cstd.tst-psts-detail { margin: 50px 0 190px; } .skilss-bnf-psts { padding: 120px 0 150px; background-size: cover; background-repeat: no-repeat; background-position: center; } .rgt-sklls-psts .video-wrap-out { aspect-ratio: 16 / 10; } .sklls-bnf-wrp-psts { display: flex; justify-content: space-between; align-items: flex-start; } .lft-sklls-bnf-psts { width: 560px; } .rgt-sklls-psts { width: 540px; position: relative; } .sklls-bnf-wrp-psts .video-wrap-out { position: relative; width: 100%; margin: 0 auto; aspect-ratio: unset; overflow: visible; border-radius: 20px; min-height: 350px; /* Minimum height for the video wrapper */ } .title-sklls-psts h3 { color: #6B4E53; margin-bottom: 30px; } .sklls-bnf-wrp-psts #overlayWrapper { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column; z-index: 5; } .sklls-bnf-wrp-psts #videoWrapper iframe, .overlay-img-video img { width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0; } .sklls-bnf-wrp-psts .play-btn { position: absolute; z-index: 10; top: 50%; } .skilss-bnf-psts .title-rep-empow h5 { color: var(--brand-peach-dark); font-size: 20px; letter-spacing: 0.313px; } .skilss-bnf-psts .inner-emp-rep { margin-bottom: 30px; } .skilss-bnf-psts .inner-emp-rep h5 { min-height: 30px; } .classrm-tps { padding: var(--section-large) 0; } .wrap-clssrm-psts { max-width: 840px; margin: 0 auto; text-align: center; } .wrap-clsrm-psts.grid-3-sections { display: flex; justify-content: space-between; margin-top: 30px; text-align: left; } .innr-clsrm-psts { border-radius: 10px; border: 1px solid var(--color-black); background-color: var(--color-background-alt); padding: 24px; width: 260px; } .innr-clsrm-psts p { color: var(--color-black); } .wrap-clssrm-psts.grid-4-sections { max-width: 1000px; } .wrap-clssrm-psts.grid-4-sections { max-width: 1110px; } .wrap-clssrm-psts.grid-4-sections .wrap-clsrm-psts { display: flex; justify-content: space-between; text-align: left; } .wrap-clssrm-psts.grid-4-sections .innr-clsrm-psts { width: 260px; } .wrap-clssrm-psts.grid-4-sections h3 { margin-bottom: 30px; } .cnt-bnr-posts.cnt-bnr-posts-brwn { max-width: max-content; margin: 0 auto; text-align: center; } .cnt-bnr-posts.cnt-bnr-posts-brwn h1 { color: var(--brand-peach-dark); font-size: 48px; } .cnt-bnr-posts.cnt-bnr-posts-brwn .bnr-para-posts { max-width: 1290px; margin: 0 auto; } .cnt-bnr-posts.cnt-bnr-posts-brwn .bnr-para-posts p { color: var(--brand-peach-dark); } .really-matters { padding: var(--section-large) 0; } .really-mttrs-cnt:not(:last-child) { margin-bottom: 60px; } .rep-tit-really-mtrs h3 { color: var(--color-black); margin-bottom: 30px; } .rep-para-really-mtrs p { color: var(--color-black); font-size: 20px; } .rep-para-really-mtrs p:nth-of-type(2) { margin: 20px 0 0; } .prct-strt-wrp { border-radius: 12px; background: var(--color-background-alt); padding: 36px; } .para-prct-strt { margin-top: 34px; } .para-prct-strt ul { padding-left: 20px; margin: 0; } .para-prct-strt ul li { font-size: 20px; margin-bottom: 30px; color: var(--color-black); letter-spacing: 0.313px; list-style: none; position: relative; padding-left: 17px; } .para-prct-strt ul li:before { position: absolute; content: ''; top: 11px; background: var(--color-black); width: 5px; height: 5px; left: 0; } .para-btm-prct-strt p { color: var(--color-black); font-weight: 900; font-style: italic; max-width: 1140px; } .prct-strt-psts { margin-bottom: 90px; } .tst-cstd.tst-psts-detail.tst-else-cnd { margin: 120px 0 190px; } .skill-bnfts-para-nt p { margin-bottom: 20px; color: var(--brand-peach-dark); font-size: 20px; } .skilss-bnf-psts.skills-bnfts-else-cnd .lft-sklls-bnf-psts { width: 670px; } .lst-btm-cnt-psts { background-color: var(--brand-peach-light); padding: 130px 0; } .wrp-lst-cnt-psts h3 { color: var(--brand-peach-dark); font-size: 62px; margin-bottom: 35px; } .wrp-lst-cnt-psts p { font-size: 20px; color: var(--brand-peach-dark); } .wrp-lst-cnt-psts p:not(:last-child) { margin-bottom: 30px; } .skilss-bnf-psts.skills-bnfts-else-cnd { padding: var(--section-large) 0; } .skill-bnfts-para-nt ul li { color: var(--brand-peach-dark); font-size: 20px; position: relative; list-style: none; } .skill-bnfts-para-nt ul li:before { position: absolute; content: ''; top: 13px; left: -17px; background: var(--brand-peach-dark); width: 6px; height: 6px; border-radius: 50px; } .skill-bnfts-para-nt ul { margin-left: 32px; } .para-prct-strt ul li strong { display: block; margin-bottom: 6px; } .wrap-clssrm-psts.grid-3-sections .wrap-clsrm-psts { display: flex; justify-content: space-between; margin-top: 30px; } section.rsrch-bnr h1 { color: var(--color-black); padding-bottom: var(--content-gap); } section.rsrch-bnr span { color: var(--color-black); } .our-team.board-members .swiper-progress-bar { display: block; } section.ct-page-content a { color: var(--brand-primary-dark); font-weight: 500; text-decoration: underline; } .single-post button#playBtn img { max-width: 80px; } .rgt-cosmo-used p strong:not(:first-of-type) { margin-bottom: 0px; } .swiper-slide.logo-slide.swiper-slide-next, .swiper-slide.logo-slide, .swiper-slide.logo-slide.swiper-slide-active{ align-items: center; justify-content: center; } .para-lft-rgt-cosmo ul li blockquote { margin-top: 30px; } .clf-item.clf-item-btn input[type="submit"]:focus, .clf-item.clf-item-btn input[type="submit"]:visited{ color: var(--brand-primary); } .podcast-btm a:focus-visible { outline: 0; } .works-pst-para ul li:last-child { margin-bottom: 0; } .works-pst-para ul { margin-left: 0; margin-bottom: 0; padding-left: 30px; } p.demo_store, .woocommerce-store-notice { color: var(--brand-primary) !important; padding: 2em !important; z-index:10 !important; top: 90px !important; } p.demo_store, .woocommerce-store-notice a { color: var(--brand-primary) !important; } p.demo_store a.woocommerce-store-notice__dismiss-link, .woocommerce-store-notice a.woocommerce-store-notice__dismiss-link { background-color: var(--brand-primary-dark); color: var(--color-white) !important; } .wp-block-woocommerce-cart.alignwide { width: 100% !important; } .single-product.woocommerce-multi-currency-GBP span.woocommerce-Price-amount.amount bdi:after { content: '+Vat'; margin-left: 6px; color: #878581; } div#environment-slider .swiper-slide:nth-child(4) > a, div#environment-slider .swiper-slide:nth-child(4) .card > a, div#environment-slider .swiper-slide:nth-child(4) .card .trusted-environemnt-post-cnt > a{ pointer-events: none; cursor: not-allowed; } .search-filter-results .first-post-grid .term-icon img { width: auto; } .case-studies-top-lst { display: flex; align-items: center; justify-content: space-between; } .term-item { display: flex; align-items: center; gap: 5px; } article.normal-post .post-tags-nw, article.first-post-grid .post-tags-nw{ display: flex; flex-wrap: wrap; padding:0; margin:0; align-items: center; } article.normal-post .post-tags-nw p, article.first-post-grid .post-tags-nw p{ color: var(--color-black); } section.case-studies-filter.filter-section .post-excerpt p { color: var(--brand-primary-dark) } li.sf-field-taxonomy-case-study-listing-filter { margin-left: auto !important; width: fit-content; max-width: 220px; } li.sf-field-taxonomy-case-study-listing-filter select.sf-input-select { margin-right: auto; width: 230px; } li.sf-field-taxonomy-case-study-age-group { margin-left: 150px !important; } section.tabbed-swiper-section .card-label { color: var(--brand-primary-dark); margin-bottom: 10px; } section.tabbed-swiper-section .card-content { padding: 30px; height: 100%; min-height: 190px; } section.tabbed-swiper-section .tabs { display: flex; gap: 10px; flex-wrap: wrap; } section.tabbed-swiper-section .tabs button.tab-btn.active, section.tabbed-swiper-section button.tab-btn:hover, section.tabbed-swiper-section button.tab-btn:focus{ background: var(--brand-primary); color: var(--color-white) !important; border-radius: var(--radius-button); } section.tabbed-swiper-section .tab-btn { padding: 12px 30px; cursor: pointer; border: none; color: var(--color-background); border: 1px solid var(--color-border); color:var(--brand-primary-dark) !important; border-radius:100px; box-shadow: unset; } section.tabbed-swiper-section .tab-content.active { display: block; } section.tabbed-swiper-section .post-item-link { display: block; text-decoration: none; color: inherit; height: 100%; } section.tabbed-swiper-section .card { background: var(--color-background-alt); border-radius: 10px; overflow: hidden; display: flex; flex-direction: column; height: 100%; } .tab-search-filter ul li.sf-field-search label { width: 100%; } .searchandfilter ul li input.sf-input-text { width: 100% !important; display: block; border: 1px solid var(--color-text-light); border-radius: 100px; padding: 11px 12px; text-align: center; color: var(--color-text-light); background-color: transparent; } .case-studies-filter .sf-field-search input[type="text"]:focus { border: 1px solid var(--brand-pomelo) !important; outline: none; box-shadow: none; } .tabs-usr-res-wrp { display: flex; align-items: center; gap: 30px; margin: 40px 0; } section.tabbed-swiper-section .card .card-image img { width: 100%; } section.tabbed-swiper-section p.card-desc { color: var(--color-black); margin: 10px 0; } section.tabbed-swiper-section div#explore-activities .card-content { min-height: 220px; } .tab-search-filter ul { margin-left: 0; } section.tabbed-swiper-section .swiper-progress-bar { background: var(--color-border); } section.tabbed-swiper-section .swiper-progress-bar .progress { background: var(--color-black); } .feat-txt-usr-res span { color: rgb(0 0 0 / 50%); font-weight: 700; font-size: 20px; } section.tabbed-swiper-section { padding: 80px 0 0px; } div#insights-2 .card-content { min-height: auto; } li.sf-field-taxonomy-case-study-listing-filter select.sf-input-select { min-width: 220px !important; font-size: 16px; } body.archive.post-type-archive ul.products li.entry.content-bg.loop-entry { box-shadow: unset; } .tab-search-filter div#card-search-wrapper input { width: 100%; border-radius: 100px; height: 52px; text-align: center; } /* Disabled tab state */ .tab-btn.tab-disabled { opacity: 0.4; pointer-events: none; cursor: not-allowed; } .nickx_product_images_with_video:not(:has(.nswiper.nickx-slider-nav .nswiper-slide:nth-child(2))) .main_arrow { display: flex !important; } /*** New pages ***/ .send-pg-left-right-video-uniq .title-sklls-psts h3 { color: var(--color-black); margin-bottom: 30px; } .send-pg-left-right-video-uniq .skill-bnfts-para-nt p { margin-bottom: 20px; color: var(--color-black); font-size: 20px; } .send-how-cosfit-sec .inr-prof-lrnmr { min-height: 165px; color: var(--color-background); } .send-how-cosfit-sec { background-position: center; background-size: cover; background-repeat: no-repeat; } .send-how-cosfit-sec .swiper-progress-bar { color: var(--brand-pomelo) !important; } .send-how-cosfit-sec h3 { color: #6B4E53; } .send-how-cosfit-sec .title-educ-lrn-rep h4 { font-weight: 400; } .the-movement.onboarding-wrap.send-pg-onboarding-uniq { margin: 0; } .the-movement.onboarding-wrap.send-pg-onboarding-uniq { color: var(--color-background); } .send-pg-onboarding-uniq.the-movement h3 { color: var(--color-black); } .send-pg-onboarding-uniq.the-movement p { color: var(--color-black); } .cosmo-send-activities-pg h2 { color: var(--brand-pomelo-dark); text-align: center; } .cosmo-send-activities-pg .comso-act-inner-wrap { width: fit-content; } .cosmo-send-activities-pg .cosmo-act-wrap { display: flex; align-items: center; justify-content: center; } .cosmo-send-activities-pg .rgt-cosmo-act { width: 100%; max-width: 1200px; } .cosmo-send-activities-pg .cosmo-act-rep { display: grid; grid-gap: 30px; grid-template-columns: repeat(2, 1fr); } .cosmo-send-activities-pg img { display: block; height: 150px; max-width: 200px; } .cosmo-empowers.cosmo-empowers-music.cosmo-send-pg-impact-sec { background-position: center; background-repeat: no-repeat; background-size: cover; } .send-pg-left-right-video-uniq .title-sklls-psts h3 { color: var(--color-black); margin-bottom: 20px; } .send-pg-left-right-video-uniq .overlay-img-video img { height: 480px !important; border-radius: 20px; } .music-classroom-pg-cosm.send-how-cosfit-sec .inr-prof-lrnmr { min-height: 195px; color: var(--color-background); } .therapy-room-cosmo.send-how-cosfit-sec h3 { color: var(--brand-primary-dark); } .therapy-room-cosmo.send-how-cosfit-sec .swiper-progress-bar { color: var(--brand-primary) !important; } .send-pg-image-slider-w-cont .card { height: 500px; } .cosmo-send-pg-impact-sec .title-rep-empow h5 { color: #6B4E53; } .send-pg-left-right-video-uniq button#playBtn2 img { height: 100px; width: 100px; } .send-pg-left-right-video-uniq button#playBtn img { width: 100px; height: 100px; } .send-pg-left-right-video-uniq .sklls-bnf-wrp-psts .play-btn { position: absolute; z-index: 10; top: 57%; } .music-classroom-pg-cosm-slider-image .card { height: 425px; } .cosmo-send-activities-pg .comso-act-inner-wrap:nth-child(odd):last-child { grid-column: 1 / -1; max-width: 600px; margin: 0 auto; } .therapy-room-cosmo-video-section-2 .overlay-img-video img { height: 400px !important; border-radius: var(--radius-image); } .therapy-room-cosmo-video-section-2 .sklls-bnf-wrp-psts .play-btn { position: absolute; z-index: 10; top: 45%; } .therapy-room-cosmo-slider-image .card { height: 500px; } .therapy-room-cosmo-fits .swiper-progress-bar { color: var(--brand-primary) !important; } .send-how-cosfit-sec .inr-prof-lrnmr { min-height: 200px; color: var(--color-background); } .send-pg-left-right-video-uniq .skill-bnfts-para-nt p { margin-bottom: 20px; color: var(--color-black); font-size: 18px; } .send-pg-left-right-video-uniq .overlay-img-video img { height: auto !important; border-radius: 20px; } .send-pg-left-right-video-uniq .sklls-bnf-wrp-psts .play-btn { position: absolute; z-index: 10; top: 50% !important; } .cosmo-send-activities-pg .comso-act-inner-wrap { width: 100%; } .cosmo-send-activities-pg .cosmo-act-rep { display: grid; grid-gap: 30px; grid-template-columns: repeat(2, 1fr); } .send-pg-left-right-video-uniq button#playBtn img { width: 70px; height: 70px; } .send-pg-left-right-video-uniq button#playBtn2 img { height: 70px; width: 70px; } .therapy-room-cosmo-fits h3 { color: var(--brand-primary-dark); } .music-classroom-pg-cosm-slider-image h3 { color: var(--brand-peach-dark); margin-bottom: 30px !important; } .therapy-room-cosmo-slider-image h3 { color: var(--brand-primary-dark); } .therapy-room-cosmo-slider-image .swiper-progress-bar { color: var(--brand-primary); } .therapy-room-cosmo-activities .comso-act-inner-wrap { border: 2px solid var(--brand-primary) !important; } .cosmo-send-activities-pg .comso-act-inner-wrap { border: 2px solid var(--brand-pomelo); } .therapy-room-cosmo-impact-learners h3 { color: var(--brand-primary-dark); } .therapy-room-cosmo-impact-learners .title-rep-empow h5 { color: var(--brand-primary-dark); } .music-classroom-pg-cosm-activities .comso-act-inner-wrap { border: 2px solid var(--brand-peach) !important; } .music-classroom-pg-cosm-video-section .overlay-img-video img { height: 480px !important; border-radius: 20px; } .music-classroom-pg-cosm-video-section .overlay-img-video img { height: 480px !important; border-radius: 20px; } .therapy-room-cosmo-video-section-2 .overlay-img-video img { height: 400px !important; border-radius: 20px; } .therapy-room-cosmo-video-section .overlay-img-video img { height: 454px !important; border-radius: 20px; } .music-classroom-pg-cosm-video-section-2 .overlay-img-video img { height: 400px !important; border-radius: 20px; } .music-classroom-pg-cosm-video-section .sklls-bnf-wrp-psts .play-btn { position: absolute; z-index: 10; top: 60% !important; } .send-pg-left-right-video-uniq .skill-bnfts-para-nt p { margin-bottom: 20px; color: var(--color-black); font-size: 16px; } .send-pg-left-right-video-uniq .overlay-img-video img { height: 375px !important; border-radius: 20px; } .send-pg-left-right-video-uniq-2 .title-sklls-psts h3 { color: var(--color-black); margin-bottom: 30px; } .send-pg-left-right-video-uniq-2 .skill-bnfts-para-nt p { margin-bottom: 20px; color: var(--color-black); font-size: 16px; } .send-pg-left-right-video-uniq-2 .overlay-img-video img { height: 445px !important; border-radius: 20px; } .send-pg-left-right-video-uniq-2 .sklls-bnf-wrp-psts .play-btn { position: absolute; z-index: 10; top: 55%; } .send-pg-left-right-video-uniq-2 #playBtn2 img { height: 70px; width: 70px; } .cosmo-send-pg-impact-sec .title-rep-empow h5 { font-size: 20px; } .therapy-room-cosmo-activities .cosmo-section-heading h2 { color: var(--brand-primary-dark); } .therapy-room-cosmo-impact-learners .empowers-learners-rep { width: fit-content; } .therapy-room-cosmo-slider-image .swiper-progress-bar .progress { color: var(--brand-primary-dark); } .page-id-12961 .swiper-progress-bar .progress { background: #6B4E53 !important; } .music-classroom-pg-cosm-how-cosmo-fits h3 { color: var(--brand-peach-dark) !important; background: var(--brand-peach-dark) !important; } .therapy-room-cosmo-video-section-2 .sklls-bnf-wrp-psts .play-btn { top: 46% !important; left: 42%; } .main-banner-cnt.main-send-pg { max-width: 630px; } .cosmo-send-activities-pg h2 { color: var(--brand-peach-dark); } .cosmo-send-pg-impact-sec .empowers-learners-rep { width: 86%; } .page-id-13178 .music-classroom-pg-cosm .inr-prof-lrnmr { min-height: 225px; color: var(--color-background); } .cosmo-send-activities-pg h2 { color: #6B4E53; } div#videoWrapper-bottom { height: 440px; } .therapy-room-cosmo-activities.cosmo-activities-music .rgt-cosmo-act { width: 100%; max-width: 1200px; } .therapy-room-cosmo-activities .cosmo-section-heading h2 { color: var(--brand-primary-dark); text-align: center; margin-bottom: 50px; font-weight: 400; font-size: 42px; } .therapy-room-cosmo-impact-learners { background-position: center !important; background-size: cover !important; } .therapy-room-cosmo-video-section .title-sklls-psts h3 { color: var(--color-black); margin-bottom: 30px; font-weight: 400; } .therapy-room-cosmo-video-section .skill-bnfts-para-nt p { margin-bottom: 20px; color: var(--color-black); font-size: 20px; } .therapy-room-cosmo-boarding-section { background-color: var(--color-white); margin: 0px !important; } .therapy-room-cosmo-activities .cosmo-act-rep { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 30px; } .therapy-room-cosmo-activities .comso-act-inner-wrap:nth-child(odd):last-child { grid-column: 1 / -1; margin: 0 auto; } .therapy-room-cosmo-boarding-section.the-movement p { color: var(--color-black) !important; } .therapy-room-cosmo-video-section-2 .skill-bnfts-para-nt p { color: var(--color-black) !important; } .therapy-room-cosmo-video-section-2 .title-sklls-psts h3 { color: var(--color-black) !important; } .therapy-room-cosmo-fits .title-educ-lrn-rep h4 { font-weight: 400; } .therapy-room-cosmo-boarding-section.the-movement h3 { color: var(--color-black) !important; } .music-classroom-pg-cosm-video-section .skill-bnfts-para-nt p { color: var(--color-black) !important; } .music-classroom-pg-cosm-video-section .title-sklls-psts h3 { color: var(--color-black) !important; } .music-classroom-pg-cosm-how-cosmo-fits { background-size: cover !important; background-position: center !important; } .music-classroom-pg-cosm-how-cosmo-fits .title-educ-lrn-rep h4 { font-weight: 400 !important; } .music-classroom-pg-cosm-activities .cosmo-act-rep { display: grid !important; grid-template-columns: repeat(2, 1fr) !important; grid-gap: 30px; } .music-classroom-pg-cosm-boarding-section { background-color: var(--color-white) !important; margin: 0 !important; } .music-classroom-pg-cosm-activities .cosmo-act-wrap { display: flex !important; align-items: center !important; justify-content: center !important; } .music-classroom-pg-cosm-activities.cosmo-activities-music .rgt-cosmo-act { width: 100% !important; max-width: 1200px !important; } .music-classroom-pg-cosm-activities h2 { text-align: center !important; color: var(--brand-peach-dark) !important; margin-bottom: 50px !important; } .music-classroom-pg-cosm-activities .comso-act-inner-wrap:nth-child(odd):last-child { grid-column: 1 / -1; margin: 0 auto; } .music-classroom-pg-cosm-how-cosmo-fits .inr-prof-lrnmr { background-color: var(--color-white) !important; } .music-classroom-pg-cosm-how-cosmo-fits .swiper-progress-bar { color: var(--brand-pomelo) !important; } .music-classroom-pg-cosm-boarding-section.the-movement p { color: var(--color-black) !important; } .music-classroom-pg-cosm-boarding-section h3 { color: var(--color-black) !important; } button#playBtn2 img { max-width: 90px !important; } .music-classroom-pg-cosm-video-section-2 .title-sklls-psts h3 { color: var(--color-black) !important; } .music-classroom-pg-cosm-video-section-2 .skill-bnfts-para-nt p { color: var(--color-black) !important; } .music-classroom-pg-cosm-how-cosmo-fits .educators-learners-wrap .inr-prof-lrnmr { min-height: 200px !important; } .music-classroom-pg-cosm-video-section-2 .sklls-bnf-wrp-psts .play-btn { position: absolute; z-index: 10; top: 46%; left: 41%; } .music-classroom-pg-cosm-impact-learners .title-cosmo-empower h3 { color: var(--brand-peach-dark) !important; } .music-classroom-pg-cosm-impact-learners .title-rep-empow h5 { color: var(--brand-peach-dark) !important; } .music-classroom-pg-cosm-how-cosmo-fits h3 { color: var(--brand-peach-dark) !important; } .therapy-room-cosmo-fits .educators-learners-wrap .inr-prof-lrnmr { min-height: 225px !important; color: var(--color-background) !important; } .therapy-room-cosmo-fits .swiper-progress-bar .progress { color: var(--brand-primary-dark) !important; } block2 /* CASE STUDIES LISTING */ .ripple-banner { position: relative; text-align: center; height: 50vh; overflow: hidden; } .ripple-banner .site-container { position: relative; height: 100%; display: flex; flex-direction: column; justify-content: center; gap: var(--grid-gap); } .ct-page-content { margin: 60px 0; } .ct-page-content h1, .ct-page-content h2, .ct-page-content h3, .ct-page-content h4, .ct-page-content h5, .ct-page-content h6 { font-weight: 600; margin: 15px 0; color: black; } .ct-page-content ul, .ct-page-content ol { margin-left: 30px; } .ct-page-content ul li, .ct-page-content ol li { margin-bottom: 5px; } .ct-page-content ul li { position: relative; list-style: none; } .ct-page-content ul li::before { content: ""; position: absolute; top: 10px; left: -16px; width: 4px; height: 4px; background-color: black; border-radius: 50%; } .ct-page-content p { color: black; margin-bottom: 15px; } .cs__banner{ display: flex; flex-direction: column; gap: var(--content-gap-small); } .cs__banner h1, .cs__banner .rb-content p{ color: var(--color-black) !important; } .filter-section { padding: var(--section-large) 0; } .case-studies-filter form > ul { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 0 var(--content-gap-small); } #search-filter-form-520{ padding-bottom: var(--grid-gap); } #search-filter-form-520 ul{ margin: 0 !important; } .filter-section .searchandfilter ul { margin: 0; list-style: none; } .filter-section ul li.sf-field-search { order: 1; width: 100%; } .filter-section ul li.sf-field-taxonomy-case-study-category { order: 2; } .filter-section ul li.sf-field-taxonomy-case-study-listing-filter { order: 3; } .filter-section ul li.sf-field-sort_order { order: 4; } .filter-section ul li.sf-field-search label { display: block; } .filter-section ul li.sf-field-search input { width: 100%; } .case-studies-filter ul li.sf-field-search input { border: 1px solid var(--color-text-light); border-radius: var(--radius-button); padding: var(--btn-padding); text-align: center; color: var(--color-text-light); background-color: transparent; } .case-studies-filter ul li.sf-field-search input::placeholder { color: var(--color-text-light); } .case-studies-filter ul li.sf-field-search input:focus { border: black; color: black; } .case-studies-filter ul li.sf-field-search input:focus::placeholder { color: black; } .case-studies-filter .searchandfilter ul li.sf-field-taxonomy-case-study-category { padding: 0; } .case-studies-filter .searchandfilter ul li.sf-field-taxonomy-case-study-category ul { display: flex; gap: 15px; padding: 0; } .case-studies-filter .searchandfilter ul li.sf-field-taxonomy-case-study-category ul label { cursor: pointer; padding: var(--btn-padding); border: 1px solid var(--color-border); border-radius: var(--radius-button); } .filter-section .searchandfilter ul li.sf-option-active label, .case-studies-filter .searchandfilter ul li.sf-field-taxonomy-case-study-category ul label:hover { background-color: var(--brand-primary); color: white; border: var(--brand-primary) !important; } .filter-section .searchandfilter select.sf-input-select { min-width: 200px; border: 1px solid var(--color-border); border-radius: 100px; font-weight: 600; padding: 10px 24px 10px 16px; background-position: center right 10px; background-color: transparent; cursor: pointer; } .search-filter-results { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: var(--grid-gap); } .search-filter-results article { border: 1px solid var(--color-border); border-radius: var(--radius-card); overflow: hidden; background-color: var(--color-background-alt); } .search-filter-results .first-post-grid { display: grid; grid-template-columns: 1fr 1fr; grid-column: 1 / -1; } .search-filter-results .first-post-grid img { width: 100%; } .search-filter-results .grid-right { display: flex; flex-direction: column; justify-content: space-between; padding: var(--card-padding); } .np-first-inner{ display: flex; flex-direction: column; gap: 16px; } .search-filter-results .np-first-inner { max-width: 100%; } .search-filter-results .np-inner { padding: var(--card-padding); display: flex; flex-direction: column; gap: 16px; } .search-filter-results .np-inner .post-excerpt { margin-top: auto; padding-bottom: 16px; } .np-thumb { overflow: hidden; } .np-thumb .wp-post-image { transition: transform 0.3s; } .first-post-grid:hover .np-thumb .wp-post-image, .normal-post:hover .wp-post-image { transform: scale(1.1); } .search-filter-results .post-tags p, .search-filter-results .post-date p, .np-inner .post-tags p, .np-inner .post-date p { font-size: var(--font-size-small); font-weight: var(--font-weight-bold); color: var(--brand-primary-dark); } .search-filter-results .post-title a, .np-inner h4.post-title, .np-first-inner .post-title { color: black; font-size: var(--font-size-h4); } .search-filter-results .pagination { margin: 0; grid-column: 1 / -1; } .pagination .disabled { cursor: not-allowed; pointer-events: none; } .pagination .current { background-color: var(--brand-primary); border: var(--brand-primary); } .pagination a:hover, .pagination a:focus, .pagination a:active { border: var(--brand-primary); } /* COSMO CONNECT */ .content-banner { overflow: hidden; position: relative; /* background-color: var(--brand-primary); background: linear-gradient(5deg, var(--brand-primary), var(--brand-primary-light)); */ } .content-banner .site-container { position: relative; } /* Unique Lock Screen Namespace */ .ux-lockscreen-container { width: 100%; padding: 60px 20px; margin: 60px 0; } .ux-lockscreen-icon span { font-size: 50px; display: inline-block; margin-bottom: 18px; } .ux-lockscreen-title { font-size: 26px; font-weight: 700; margin-bottom: 10px; } .ux-lockscreen-message { font-size: 15px; opacity: 0.85; margin-bottom: 30px; } .clf-item label input { margin-top: 4px; display: block; margin-left: auto; margin-right: auto; } .clf-item .required { color: red; } .custom-login-form { display: flex; flex-direction: column; gap: 10px; } .custom-login-form .clf-item-btn { margin-top: 14px; } .user-notice-message .login-error { color: red; margin-bottom: 10px; font-size: 15px; text-align: center; } .user-action { margin: 40px 0 60px 0; } .user-action a { border: 2px solid rgba(0, 0, 0, 0); text-align: center; text-decoration: none; border-radius: 0.25rem; background-color: #444; border: #444; display: block; width: fit-content; padding: 6px 16px; margin: 0 auto; } .accordion .accordion-header::after { width: 16px; height: 16px; bottom: 0; } .our-team-text h2 { padding-bottom: var(--content-gap); } .ripple-green { padding: var(--section-large) 0; } .ripple-banner .site-container { align-items: center; } .ripple-banner h1 { text-align: center; } .cosmo-learning-parent { display: flex; flex-direction: column-reverse; gap: var(--content-gap); } .cosmo-learning-img { display: flex; flex-direction: column; align-items: center; } .min-bot { margin-bottom: 12px; } .our-team-image img { width: 100%; margin: 0 auto; } .cosmo-guide { color: #333; max-width: 800px; margin: 0 auto; } .cosmo-guide .step { padding: 20px; } .cosmo-guide .step h3 { font-size: 1.2em; margin-bottom: 10px; } .cosmo-guide .step p { margin-bottom: 15px; } .cosmo-guide .step ol { margin-left: 20px; } .cosmo-guide .step ol li { margin-bottom: 10px; } .cosmo-guide a { color: #007bff; text-decoration: none; } .cosmo-guide a:hover { text-decoration: underline; } .troubleshoot-container { max-width: 900px; margin: 40px auto; color: #333; padding: 0 15px; } .issue { margin-bottom: 25px; padding-bottom: 15px; border-bottom: 1px solid #ddd; } .issue h3 { font-size: 18px; font-weight: 700; margin-bottom: 8px; } .issue p { margin: 6px 0; font-size: 15px; } .issue a { color: #0073e6; text-decoration: none; } .issue a:hover { text-decoration: underline; } article.normal-post .np-thumb a img { height: 200px; object-fit: cover; object-position: top center; width: 100%; } .podcast-card { padding: 0; } .woocommerce-message a:hover{ background-color: var(--brand-primary); color: var(--color-white); border: var(--brand-primary); } .single-product form.cart .quantity { display: none !important; } .wp-block-woocommerce-cart.alignwide .wc-block-components-sidebar-layout.wc-block-cart { justify-content: space-around; } .wc-block-components-sidebar-layout.wc-block-checkout.is-large { justify-content: space-around; } section.bnr-prt-res .btnl-lrnmr-1 a.button:hover { background-color: var(--brand-primary); color: var(--color-white); border: var(--brand-primary); } .lft-cb-inner a.button:active { background-color: var(--brand-primary); color: var(--color-white); } section.cc-rsr-bnr .bnr-btn a:hover { color: var(--color-background); color: #333231; } .podcast-image.img-max img { max-width: 290px; margin-left: auto; } .swiper-progress-bar { margin-top: 60px; } /* Home*/ /*----------------------------- Media 1024 -------------------------------*/ @media only screen and (max-width: 1100px) { .rgt-cosmo-connect img { max-width: 400px; } .rep-lrn-suite { grid-template-columns: repeat(2, 1fr); } div#cart-drawer .drawer-inner .drawer-content.woocommerce.widget_shopping_cart { padding: 0px 40px !important; } #cart-drawer h2.side-cart-header { color: var(--color-white); font-weight: 400; font-size: 20px; } p.woocommerce-mini-cart__empty-message { color: var(--color-white); font-size: 17px; } .drawer-inner { padding: 40px 0; } button.cart-toggle-close.drawer-toggle span svg { fill: var(--color-white); } body.home header#masthead .site-main-header-wrap.item-is-fixed.item-is-stuck span.menu-toggle-icon svg.kadence-svg-icon.kadence-menu-svg { fill: var(--brand-primary-dark) !important; } body.home header#masthead .site-main-header-wrap.kadence-sticky-header.item-is-stuck button.drawer-toggle.header-cart-button { border: unset; } section.rsrch-bnr .video_rgt_home .image-home-wrap .rsrch-bnr-mb-img { display: block; } section.rsrch-bnr .video_rgt_home .image-home-wrap { overflow: hidden; } section.rsrch-bnr .video_rgt_home::after { display: none !important; } #environment-slider .card p { min-height: 130px; } div#testimonial-carousel .slider-content .cnt-slider-test-wrap, .video-section{ min-height: 500px; } .video-section{ height: unset; } .video-section iframe{ height: 100% !important; } .rep-wrap-incl { flex-wrap: wrap; justify-content: flex-start; } .rep-wrap-incl .inner-inclu-wrap{ width: calc((100% - 2 * var(--content-gap-small)) / 3); } .movement-wrap { flex-direction: column; display: flex; align-items: flex-start; gap: var(--content-gap); height: 100%; width: 100%; } .the-movement.why-cosmo .site-container { padding: 0 !important; } .the-movement{ padding-bottom: 0 !important; } .the-movement.why-cosmo .movement-lft { display: flex; flex-direction: column; padding: 0 var(--global-content-edge-padding) var(--content-gap); max-width: 100%; } .the-movement.why-cosmo .movement-rgt { position: unset; width: 100%; clip-path: none; height: 425px; } .the-movement.why-cosmo .movement-rgt img{ object-position: 50% 40%; } .wrap-whatsbox-rep-out { background-color: var(--color-background-alt); padding: var(--card-padding); border: 1px solid var(--color-border); border-radius: var(--radius-card); } .wrap-whatsbox-rep { flex-wrap: wrap; } .whatsbox-rep-inn{ width: calc(50% - (var(--content-gap-small) / 2)); } .img-rep-whatsbox img{ max-width: 80% !important; } .title-ability-wrap-focus-rep{ min-height: auto !important; } .cosmo-uses-rep-wrap { grid-template-columns: repeat(6, 1fr); } .cosmo-uses-rep-wrap-inner { grid-column: span 2; } .cosmo-uses-rep-wrap-inner:nth-child(4), .cosmo-uses-rep-wrap-inner:nth-child(5) { grid-column: span 3; } .comso-act-inner-wrap{ flex-direction: column-reverse; } .rgt-innr-rep-cosmo-act{ width: 100%; } } /*----------------------------- Media 768 -------------------------------*/ @media only screen and (max-width: 999px) { .rgt-cosmo-connect img { max-width: 350px; } .lft-cosmo-connect { width: 45%; } .site-main-header-wrap.site-header-focus-item.site-header-row-layout-standard.site-header-row-tablet-layout-default.site-header-row-mobile-layout-default.kadence-sticky-header.item-is-fixed.item-at-start.item-hidden-above.item-is-stuck { color: var(--color-background); } } /*----------------------------- Media Tab -------------------------------*/ @media only screen and (max-width: 767px) { a.link-cosmo-app-btn img { margin: 0 auto; } .rep-lrn-suite { grid-template-columns: 1fr; } .rep-lrn-suite.rep-lrn-suite-prod { grid-template-columns: 1fr; } .img-bottom-awards { display: block !important; } .wrap-home-banner { grid-template-columns: 1fr; height: auto; } .video_rgt_home { order: -1; height: 320px; position: relative; overflow: hidden; } .video_rgt_home::after { content: ''; position: absolute; bottom: -60px; left: 50%; transform: translateX(-50%); width: 140%; height: 120px; background: var(--color-white); border-radius: 50%; z-index: 2; } .lft-home-bnr::after { display: none; } section.rsrch-bnr .video_rgt_home { clip-path: none; } .cosmo-dot-parent-wrap { display: flex; flex-direction: column; flex-wrap: wrap; } .cosmo-dot-parent-wrap .lft-dot-wrap, .cosmo-dot-parent-wrap .rgt-cosmo-dot { width: 100%; } .cosmo-dot-parent-wrap .rgt-cosmo-dot img { width: 250px; } body.home button.drawer-toggle.header-cart-button { border: unset; } .img-bottom-home { display: block !important; } .img-bottom-rgt-home { display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 20px; } .img-bottom-rgt-home img { max-width: 250px; } .img-bottom-home { margin: 35px auto; } .cosmo-learning-img img { width: 75%; margin: 0 auto; } .comso-connect-wrap { flex-direction: column; } .lft-cosmo-connect { width: 98%; } .rgt-cosmo-connect img { max-width: 60%; margin: 0 auto; } .rgt-cosmo-connect, .rgt-pair-app { width: 100%; text-align: center; } .rgt-pair-app img { max-width: 50% !important; margin: 0 auto; } .cosmo-logo-cnt img { margin: 0 auto; max-width: 250px; } .lft-cosmo-connect { text-align: center; } .pair-cosmo-wrap { flex-direction: column-reverse; gap: 40px; } .video_rgt_home { max-width: 100%; } .testimonial-slider.test-slider-home:not(.test-slider-mb) { display: none; } .testimonial-slider.test-slider-home.test-slider-mb { display: block; } .cnt-slider-test-wrap { padding: 50px 25px; } .testimonial-slider .swiper-slide { width: 100%; margin-right: 20px !important; } .video-section iframe { aspect-ratio: 1 / 1; height: 670px; } .footer-widget-area.content-align-center .footer-social-inner-wrap { justify-content: flex-start; } .footer-widget-area.content-align-right .footer-navigation .menu { justify-content: flex-start !important; } .footer-navigation .footer-menu-container>ul li a { margin-left: 15px; } .footer-html-inner p { text-align: left; } section.latest-webinar.mobile-slider { display: block; } .story-section.mobile-slider { padding: 40px 0; overflow: hidden; } section.section.ripple-vid.funding-sec { height: unset; } div#test-cr-mb .cnt-slider-test-wrap { min-height: 570px; } .tabs-usr-res-wrp { flex-wrap: wrap; } section.tabbed-swiper-section .tabs { flex-wrap: nowrap; position: relative; overflow-y: scroll; padding-bottom: 25px; } section.tabbed-swiper-section .tabs button.tab-btn { font-size: 18px; padding: 12px 28px; flex: 0 0 50%; } section.tabbed-swiper-section { padding: var(--section-large) 0; } section.tabbed-swiper-section .card-content { min-height: 250px; } div#insights-2 .card-content { min-height: auto; } section.trust-en-lrnmr .part-res-rep-img img { width: 100%; } .appr-rsr-wrap { flex-direction: column; } .appr-rsr-wrap .appr-rsr-lft, .appr-rsr-wrap .appr-rgt-img { width: 100%; } .appr-rsr-wrap .appr-rgt-img { max-width: 60%; } .wrp-und-usrs { flex-direction: column; } .lft-und-usrs { max-width: 80%; } .diverse-prof-wrp { flex-direction: column; } .main-banner-cnt-shp { display: flex; flex-direction: column; gap: var(--content-gap-small); } .shp-bnr-row1, .shp-bnr-row2 { display: contents !important; } .rgt-bnr-shop { order: 1; } /* 2 */ .img-bottom-rgt-shop-row2 { order: 2; } /* 4 */ .lft-shp-bnr { order: 3; } /* 1 */ .lft-shp-bnr-row2 { order: 4; } /* 3 */ .rgt-bnr-shop, .img-bottom-rgt-shop-row2 { width: 100%; } .img-bottom-rgt-shop-row2 { justify-content: center; } .main-banner-cnt-shp .rgt-bnr-shop img { width: 380px; } .img-bottom-rgt-shop-row2 img { width: 150px; } .rep-wrap-incl { justify-content: flex-start; } .rep-wrap-incl .inner-inclu-wrap { width: calc((100% - var(--content-gap-small)) / 2); } .innr-lrn-sut-inner { width: 100%; } .wrap-ways-prod { flex-direction: column; } .lft-wrap-prod, .rgt-wrap-prod { width: 100%; } .postid-1032 .rgt-pair-app img { max-width: 300px !important; margin: 0 auto; } .bnr-wrap-learn-more { flex-direction: column; } .solution-abt.wht-it-lrnmr { padding-bottom: 0 !important; } .solution-abt.wht-it-lrnmr .solution-wrap { flex-direction: column; } .solution-abt.wht-it-lrnmr .solution-lft { width: 100%; padding-right: max(var(--content-gap), calc((100vw - 1366px) / 2)); } .solution-abt .solution-wrap .solution-lft{ width: 100%; } .cosmo-uses-rep-wrap { grid-template-columns: repeat(2, 1fr); } .cosmo-uses-rep-wrap-inner, .cosmo-uses-rep-wrap-inner:nth-child(4), .cosmo-uses-rep-wrap-inner:nth-child(5) { grid-column: span 1; } .the-movement.why-cosmo .movement-rgt { height: auto; } .the-movement.why-cosmo .movement-rgt img { object-fit: contain; width: 100%; object-position: center; } .global-partners .logo-header { flex-direction: column; gap: var(--content-gap-small); } .rgt-parent-wrap-cosmo-act .cosmo-act-rep { flex-direction: column; } .the-name-wrp { flex-direction: column; justify-content: flex-start; align-items: flex-start; } .the-name-wrp .the-name-lft { width: 100%; max-width: 100%; } .the-name-wrp .thenm-rgt { width: 100%; align-self: center; } .filter-section ul li.sf-field-search { width: 100%; flex: unset; } .filter-section ul li.sf-field-taxonomy-case-study-category { width: 100%; display: flex; justify-content: center; } .case-studies-filter form > ul { justify-content: center !important; } .post-tags-nw p{ padding-bottom: var(--content-gap-small); } .kids-organization-parent { flex-direction: column; } .kids-organization-left, .kids-organization-right{ width: 100%; text-align: center; } .kids-organization-left img{ max-width: 600px; margin: 0 auto; } .rgt-cosmo-used.rgt-cosmo-used-grid{ grid-template-columns: 1fr; } .cnt-timeline h4, .cnt-timeline p{ max-width: 100%; } .wrp-used-cosmo { flex-direction: column; } .tst-dsg span { padding-bottom: calc(var(--content-gap) + 32px); } .tst-cstd { padding-bottom: calc(var(--section-large) * 2); } /* Woo Cart Mobile*/ .is-medium table.wc-block-cart-items .wc-block-cart-items__row, .is-mobile table.wc-block-cart-items .wc-block-cart-items__row, .is-small table.wc-block-cart-items .wc-block-cart-items__row { grid-template-columns: 80px 1fr auto; align-items: flex-start; gap: 0 12px; padding: var(--content-gap-small); } /* Reset the flex row we applied earlier back to column at mobile */ .is-mobile .wc-block-cart-item__wrap, .is-small .wc-block-cart-item__wrap, .is-medium .wc-block-cart-item__wrap { flex-direction: column; align-items: flex-start; gap: 10px; } .cart__page .is-medium table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity, .cart__page .is-mobile table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity, .cart__page .is-small table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity, .cart__page .wc-block-cart table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity{ align-self: unset !important; } .wc-block-cart .wc-block-components-sidebar .wc-block-cart__totals-title{ display: block !important; padding: 8px 8px 8px 0 !important; } } /*----------------------------- Media Mobile Screen -------------------------------*/ .lft-cosmo-app { text-align: center; } .cosmo-learning-img-mobile { display: block !important; } .cosmo-learning-img-mobile img { margin: 0 auto; } .top-content-cosmo-learning span { color: var(--brand-primary-dark); } .img-bottom-rgt-home img { max-width: 70%; } .cosmo-cnt-para p { color: var(--color-black); } a.link-cosmo-app-btn img { margin: 0 auto; } .rgt-cosmo-connect img { max-width: 90%; } .rgt-pair-app img { max-width: 80% !important; } .progress-bar-cart.up_current.progress-icon-done:before { left: 110px !important; } span.logo-icon svg { width: 150px; } div#user-resources-slider .swiper-progress-bar, div#educators-learners-slider .swiper-progress-bar, div#podcast-slider .swiper-progress-bar { background: var(--color-border); } .slider-content { margin-right: 0; } div#partner-resource-slider { padding-right: 40px; } li.sf-field-taxonomy-cosmo-sale-hub, li.sf-field-taxonomy-cosmo-product-hub, li.sf-field-taxonomy-marketing-hub, li.sf-field-taxonomy-cosmo-connect-category { overflow-y: scroll; } .woocommerce div.product div.summary{ margin: 0 !important; } .woocommerce div.product div.summary p.custom-product-text, .woocommerce div.product div.summary p, .woocommerce div.product form.cart, .woocommerce div.product .product_title{ margin: 0 !important; padding-bottom: var(--content-gap-small); } .woocommerce-product-details__short-description{ padding-top: var(--content-gap-small); } .woocommerce div.product h1.product_title{ font-size: var(--font-size-h2); } .woocommerce div.product div.summary p.custom-product-text { font-size: var(--font-size-tagline); } .first-payment-date{ display: none; } .dotsusg-innr-wrp { background-position: center; background-repeat: no-repeat; background-size: cover; } .testimonial-slider.test-slider-home .video-section, .testimonial-slider .tst-slid-prod .video-section{ height: auto; width: 85%; margin: 0 auto; } .testimonial-slider.test-slider-home.test-slider-mb .cnt-slider-test-wrap { min-height: 400px !important; } .testimonial-slider.test-slider-home.test-slider-mb .video-section iframe { height: 498px; } section.dynamic-swiper-section.dynamic-sec-usr-res .podcast-image img { height: 410px; } .instagram-link a img { height: 398px; } .post-bnr-img img { margin: 0 auto; max-width: 70px; } .skilss-bnf-psts .inner-emp-rep { margin-bottom: 20px; } .wrap-clssrm-psts.grid-4-sections { max-width: 100%; } .wrap-clssrm-psts.grid-4-sections .wrap-clsrm-psts { flex-wrap: wrap; gap: 12px; justify-content: flex-start; } .wrap-clssrm-psts.grid-4-sections .innr-clsrm-psts { width: 189px; } .innr-clsrm-psts { padding: 17px; width: 260px; } .innr-clsrm-psts p { font-size: 15px; } .send-pg-left-right-video-uniq-2 .overlay-img-video img { height: 340px !important; border-radius: 20px; display: block; } .send-pg-left-right-video-uniq-2 .sklls-bnf-wrp-psts .play-btn { position: absolute; z-index: 10; top: 33%; } .gtranslate_wrapper { width: 50px; } #mobile-header .site-main-header-wrap .site-main-header-inner-wrap .site-header-section-left { padding-left: 0; } .wp-block-woocommerce-cart.alignwide { width: 100% !important; } .podcast-btm a { padding: 10px; } /*----------------------------- Media Small Screen -------------------------------*/ @media only screen and (max-width: 390px) { .progress-bar-cart.up_current.progress-icon-done:before { left: 80px !important; } .progress-bar-checkout .progress-count .progress-icon { margin-left: auto !important; margin-right: unset; } .gtranslate_wrapper { width: 60px; } .lft-image-slid-test img { max-width: 85px !important; } span.desg-tes-slider { font-size: 15px; display: block; } .top-sec-tes-slider { gap: 10px; } .webinar-details h3 { font-size: 20px; } .rgt-form-lck-scrn { width: 100%; } section.tabbed-swiper-section .tabs button.tab-btn { flex: 0 0 66%; padding: 12px 15px; } section.tabbed-swiper-section .card-content { padding: 30px 20px; min-height: 320px; } div#insights-2 .card-content { min-height: 190px; } section.tabbed-swiper-section h3.card-title { font-size: 20px; } } /*----------------------------- Large Screens -------------------------------*/ @media only screen and (max-width: 1440px) and (min-width: 1367px) { .ripple-banner { padding: var(--section-large) 0; } } @media only screen and (max-width: 1366px) and (min-width: 1281px) { .ripple-banner { padding: var(--section-large) 0; } .cosmo-app-onb { padding: 100px 0px 20px 0px; } .solutwo img { max-width: 650px !important; } .conve { max-width: 96% !important; } span.logo-icon svg { width: 200px; height: 70px; } .site-header-row.site-header-row-center-column { gap: 0px; } header#masthead { padding: 10px 0; height: 120px; } .site-header-upper-inner-wrap.child-is-fixed { align-items: center; height: 120px !important; } } /*----------------------------- Small Laptop -------------------------------*/ @media only screen and (max-width: 1280px) and (min-width: 1101px) { .site-header-row.site-header-row-center-column { gap: 0px; } li.tabs-pills { width: fit-content !important; white-space: nowrap; } span.logo-icon svg { width: 180px; height: 70px; } .main-navigation .primary-menu-container > ul > li.menu-item > a { padding-left: calc(1.8em / 4); padding-right: calc(1.8em / 3); } .lrn-usrs-cosmo.lrn-usrs-cosmo-v3 { grid-template-columns: repeat(2, 1fr); } .ripple-banner { padding: var(--section-large) 0; } .cosmo-app-onb { padding: 100px 0px 0px; } .rgt-prod-wrap { width: 50%; } .footer-widget-area.content-align-center .footer-social-inner-wrap { justify-content: flex-start; } .footer-widget-area.content-align-right .footer-navigation { justify-content: flex-start; } #colophon .footer-navigation .footer-menu-container > ul li:first-child a { margin-left: 12px; } .solutwo img { max-width: 550px !important; } .outer-wrp-cntct-frm { grid-template-columns: repeat(2, 1fr); } .inner-wrap-ability-focus-cosmo { padding: 25px; } .lft-lck-scrn { width: 38%; } .site-header-row.site-header-row-center-column { gap: 0px; } .troubleshoot-tabs .tabs-nav { flex-wrap: nowrap; width: 90%; overflow-y: scroll !important; overflow-x: hidden !important; } li.tabs-pills { width: fit-content !important; white-space: nowrap; } .wc-block-checkout .wc-block-components-sidebar.wc-block-checkout__sidebar { width: 40%; } .progress-bar-cart.up_current.progress-icon-done:before { left: 240px; } .woocommerce-cart .wc-block-components-sidebar-layout .wc-block-components-main, .woocommerce-checkout .wc-block-components-sidebar-layout .wc-block-components-main { width: 55%; } .woocommerce-cart .wc-block-components-sidebar { width: 35%; } header#masthead { padding: 10px 0; height: 120px; } .site-header-upper-inner-wrap.child-is-fixed { align-items: center; height: 120px !important; } } /*----------------------------- Media 1024 -------------------------------*/ @media only screen and (max-width: 1100px) { .troubleshoot-tabs .tabs-nav { flex-wrap: nowrap; width: 90%; overflow-y: scroll !important; } li.tabs-pills { width: fit-content !important; white-space: nowrap; } .wc-block-checkout .wc-block-components-sidebar.wc-block-checkout__sidebar { width: 40%; } .lft-lck-scrn { width: 38%; } .ripple-banner { padding: var(--section-large) 0; } .outer-wrp-cntct-frm { grid-template-columns: repeat(2, 1fr); } .rgt-cntct-frm { max-width: 60%; } .rep-supp-key { grid-template-columns: repeat(2, 1fr); } .rep-wrapinner-values.aos-init.aos-animate { padding: 40px; } .rgt-bnr-lrnmr { max-width: 500px; } .cosmo-uses-rep-wrap-inner { flex-direction: column-reverse; align-items: start; } .lft-lrn-usrs-cosmo { width: 100%; max-width: 150px; } .lrn-usrs-cosmo, .lrn-usrs-cosmo.lrn-usrs-cosmo-v2 { gap: 20px; } .site-header-row.site-header-row-center-column { gap: 0px; } .rep-prof-lrnmr { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; } .lrn-usrs-cosmo.lrn-usrs-cosmo-v3 { grid-template-columns: repeat(2, 1fr); } .rgt-cosmo-act { max-width: 100%; width: 100%; } .cosmo-activities-music .rgt-cosmo-act { max-width: 100%; } .lft-cosmo-act { max-width: 100%; } .cosmo-act-rep { flex: 1; width: 100%; display: grid; grid-template-columns: 1fr 1fr; grid-gap: 30px; } .cosmo-activities-music .lft-innr-rep-cosmo-act { max-width: 100%; } .wrap-single-prod { flex-direction: column; } .rgt-prod-wrap { width: 100%; } .woocommerce div.product div.images { margin: 0 auto; } .lft-prod-wrap { width: 100%; } .search-filter-results { grid-template-columns: 1fr 1fr !important; } .solutwo img { max-width: 80%; margin: 0 auto; } /*About us why cosmo section*/ .solution-abt #solution-section.solutwo img{ margin: 0 !important; } .solution-lft { max-width: 100%; } .solution-wrap { grid-template-columns: 1fr !important; } .fund-lft { width: 65%; } .funding-wrap.funding-resources-user .fund-rgt { width: 415px; } .webinar-wrapper-main { gap: 10px; } .left-section-webinar { flex: 0 0 40%; } .grid-tech-spec { grid-template-columns: repeat(3, 1fr); } .rgt-form-lck-scrn { width: 44%; } .solution-img { position: unset; } .wrp-dotsusg-cosmo.wrp-coscnt-onb { grid-template-columns: repeat(2, 1fr); } .child-posts-grid { grid-template-columns: repeat(3, 1fr); } .wc-block-components-sidebar-layout.wc-block-checkout.is-large { flex-direction: column; gap: 30px; } .wc-block-checkout .wc-block-components-main.wc-block-checkout__main { width: 100%; } .wc-block-checkout .wc-block-components-sidebar.wc-block-checkout__sidebar { width: 100%; } body.home header#masthead .site-main-header-wrap.kadence-sticky-header.item-is-stuck button.drawer-toggle.header-cart-button { border: unset !important; } .header-navigation .menu { justify-content: flex-start; } #masthead .kadence-sticky-header.item-is-fixed:not(.item-at-start) .header-menu-container > ul > li > a { padding-left: 12px !important; padding-right: 12px !important; } /* circle handled in 767px breakpoint */ .image-home-wrap img { width: 100%; } .video_rgt_home { max-width: 100%; } li.menu-item.menu-item-type-post_type.current-menu-item a { color: var(--brand-primary-dark); font-weight: 600; } .video_rgt_home { z-index: 1; } .send-how-cosfit-sec .inr-prof-lrnmr { min-height: 195px; color: var(--color-background); } .send-pg-image-slider-w-cont .card { height: 530px; } .cosmo-send-activities-pg .comso-act-inner-wrap { width: fit-content; display: flex; flex-direction: row; } .music-classroom-pg-cosm-how-cosmo-fits .inr-prof-lrnmr { min-height: 242px; color: var(--color-background); } .music-classroom-pg-cosm-video-section .lft-sklls-bnf-psts { margin-right: 30px; } .music-classroom-pg-cosm-video-section-2 .lft-sklls-bnf-psts { margin-right: 30px; } .img-bottom-rgt-shop-row2 img { max-width: 200px; } .rgt-bnr-shop img{ max-width: 450px; } .filter-section ul li.sf-field-taxonomy-case-study-category { width: 100%; display: flex; justify-content: center; } .filter-section ul li.sf-field-taxonomy-case-study-listing-filter, .filter-section ul li.sf-field-sort_order { width: calc((100% - var(--content-gap-small)) / 2); } } /*----------------------------- Media 999 -------------------------------*/ @media only screen and (max-width: 999px) { .child-posts-grid { grid-template-columns: repeat(2, 1fr); } .cntct-wrp { flex-direction: column; gap: 30px; } .lft-cntct { max-width: 100%; } .cnt-frm-shrt { width: 100%; margin: 0 auto; } .rgt-cntct-frm { max-width: 100%; } .outer-wrp-cntct-frm { grid-template-columns: repeat(3, 1fr); } .webinar-wrapper-main { flex-direction: column; gap: 50px; } .rgt-form-lck-scrn { width: 45%; } .lft-lck-scrn { width: 45%; } .left-section-webinar { width: 100%; } .right-section-webinar { max-width: 100%; } .lft-bnr-lrn-more, .banner-cosmo-music .lft-bnr-lrn-more { max-width: 100%; } .rgt-bnr-lrnmr { max-width: 80%; margin: 0 auto; } .innr-lrn-usrs-cosmo { flex-direction: column; align-items: start; } .part-res-rep { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; } section.trust-en-lrnmr .part-res-rep-img img { height: auto; object-fit: cover; } .bottom-rgt-support { padding-left: 0; margin-top: 0; } .rgt-dots-supp-wrp { display: flex; flex-wrap: wrap; gap: 30px; } .rgt-dot-supports, .bottom-rgt-support, .rgt-dot-supports.rgt-dot-supports-2 { display: contents; } .dot-supp-rep-inner { flex: 0 0 calc(50% - 15px); text-align: center; } .wrap-dot-supports { flex-direction: column; gap: 40px; } .lft-dot-supports { max-width: 100%; } .bottom-cosmo-act { max-width: 100%; } .cosmo-app-onb { padding: 80px 0px 0px; } .case-studies-filter .searchandfilter ul li.sf-field-taxonomy-case-study-category ul { overflow-y: scroll; padding-bottom: 10px; } .case-studies-filter .searchandfilter ul li.sf-field-taxonomy-case-study-category ul label { width: max-content; } .our-values-rep { grid-template-columns: repeat(2, 1fr); } .lft-shp-bnr { width: 100%; max-width: 100%; } .cb-inner { flex-direction: column-reverse; gap: 40px; } .rgt-cb-inner { width: 100%; max-width: 80%; } .lft-cb-inner { width: 100%; max-width: 100%; } .res-troubleshoot { padding: 60px 0; } .cnt-lrn-sut-shp { max-width: 100%; margin-top: 30px; } .onb-dot-stup .rgt-pair-app img { max-width: 80%; margin-left: 0; } .lft-cosmo-app { width: 100%; } .pair-cosmo-wrap.onb-dot-stup { flex-direction: column; gap: 40px; } .rgt-pair-app { width: 100%; } .wrp-cosmo-lrn-onb { flex-direction: column; gap: 40px; } .lft-cosmo-lrn-onb { width: 100%; } .rgt-cosmo-lrn-onb { width: 80%; } .case-studies-filter .searchandfilter ul li.sf-field-taxonomy-user-resource-category ul label { width: max-content; } li.sf-field-taxonomy-user-resource-category ul { flex-wrap: nowrap; width: 90%; overflow-y: hidden !important; } .woocommerce-order-received section.woocommerce-order-details { float: unset; width: 100%; margin-top: 40px; } li.sf-field-taxonomy-cosmo-product-hub ul { flex-wrap: nowrap; width: 97%; overflow-y: scroll !important; } .searchandfilter ul li li { padding: 5px 0; width: fit-content !important; white-space: nowrap; } .site-header-section-right { justify-content: flex-end !important; } .wp-block-woocommerce-cart.alignwide .wc-block-components-sidebar-layout.wc-block-cart { flex-direction: column; gap: 20px; } .wp-block-woocommerce-filled-cart-block .wc-block-components-main.wc-block-cart__main.wp-block-woocommerce-cart-items-block { width: 100%; } .wc-block-cart .wp-block-woocommerce-cart-totals-block { width: 100%; } .timeline { align-items: flex-start; } .header-button.shp-btn-mb { display: block; } .send-pg-left-right-video-uniq .lft-sklls-bnf-psts { margin-right: 30px; } .send-pg-left-right-video-uniq-2 .lft-sklls-bnf-psts { margin-right: 30px; } .music-classroom-pg-cosm-video-section-2 .sklls-bnf-wrp-psts .play-btn { position: absolute; z-index: 10; top: 40% !important; } .music-classroom-pg-cosm-video-section .sklls-bnf-wrp-psts .play-btn { position: absolute; z-index: 10; top: 44% !important; } } /*----------------------------- Media Tab -------------------------------*/ @media only screen and (max-width: 767px) { .swiper.logoSwiper .swiper-wrapper { display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--content-gap-small); padding-right: 0; transform: none !important; } .swiper.logoSwiper .swiper-slide { width: 100% !important; display: flex; align-items: center; justify-content: center; } .child-posts-grid { display: flex; flex-wrap: nowrap; overflow-y: scroll; gap: var(--content-gap-small); } .swiper.logoSwiper{ padding: 0 !important; } .post-item { padding: 20px; flex: 0 0 64%; } section.dynamic-swiper-section h3 { font-size: 32px; } li.tabs-pills { width: fit-content !important; white-space: nowrap; } .main-banner-cnt p { color: var(--color-black); } li.sf-field-taxonomy-cosmo-sale-hub { flex-direction: column; align-items: start; width: 100%; } li.sf-field-taxonomy-cosmo-sale-hub ul { flex-wrap: nowrap; width: 97%; overflow-y: scroll !important; } .ripple-banner { padding: var(--section-large) 0; } .searchandfilter ul li li { padding: 5px 0; width: fit-content !important; white-space: nowrap; } .grid-tech-spec { grid-template-columns: 1fr; } .video-wrap-shp { margin: 40px 0; } .lft-lck-scrn { width: 100%; } .ux-lockscreen-card { flex-direction: column; } .rgt-form-lck-scrn { width: 75%; } .outer-wrp-cntct-frm { grid-template-columns: 1fr 1fr; gap: 20px; } .rep-switch-modes { grid-template-columns: 1fr; gap: 20px; } .rep-supp-key { grid-template-columns: 1fr; } .rgt-cosmo-lrn-onb { width: 90%; } .cosmo-app-onb { padding: 40px 0px 0px; } /*.dotsusg-outr-wrp { display: grid; grid-template-columns: 1fr; gap:5px; }*/ .wrp-dotsusg-cosmo { grid-template-columns: 1fr; } .dotusg-cosmo-cnt-onb { align-items: start; text-align: start; } .dotusg-cosmo-cnt-onb { padding: 20px 05px; } .dotusg-cosmo-onb-title h5 { font-size: 19px; } .dotusg-cosmo-onb-para p { color: var(--color-black); font-size: 16px; } .dotsusg-innr-wrp.content-banner.section.ripple-section.ripple-bottom-top.active { display: flex; align-items: center; justify-content: center; } .dotusg-cosmo-cnt-onb.csmcnt-onb-cnt { text-align: left; align-items: flex-start; padding: 10px 10px; } .rgt-res-trbleshoot { width: 100%; max-width: 80%; } .img-dotusg-cosmo-onb.csmcnt-onb-wrp-img { padding: 5px; } .dotusg-cosmo-onb-para.csmcnt-onb-para p { font-size: 16px; } .wrp-dotsusg-cosmo.wrp-coscnt-onb { grid-template-columns: 1fr; } .dotusg-cosmo-cnt-onb.csmcnt-onb-cnt { padding: 10px 10px; } section.section.ripple-section.ripple-bottom-left.latest-webinar.active { padding: 60px 0; } .lft-res-trbleshoot { width: 100%; max-width: 100%; } .fund-lft { width: 100%; } .funding-wrap.funding-resources-user .fund-rgt { width: 80%; } .res-troubleshoot-wrap { flex-direction: column; } .funding-wrap.funding-resources-user { flex-direction: column; } .lft-innr-rep-cosmo-act { max-width: 100%; } .the-movement { padding: var(--section-large) 0; margin: 0; } .innr-lrn-usrs-cosmo { flex-direction: row; align-items: center; } .lrn-usrs-cosmo.lrn-usrs-cosmo-v2, .part-res-rep, .rep-prof-lrnmr { grid-template-columns: 1fr; } .solution-lft { margin-top: 0px; } .empowers-learners-rep { grid-template-columns: 1fr; } .our-values-rep { grid-template-columns: 1fr; } .lrn-usrs-cosmo.lrn-usrs-cosmo-v3 { grid-template-columns: 1fr; } .cosmo-act-rep { grid-template-columns: 1fr; } .funding-wrap { flex-direction: column; } .fund-rgt { width: 100%; } .onb-dot-stup .lft-cosmo-app h3 { color: var(--brand-primary-dark); max-width: 100%; } .ripple-green { padding: var(--section-large) 0; } .timeline-item .circle { left: 0; } .lft-uses-cosmo-dot h5 { color: var(--color-black); } .lft-uses-cosmo-dot p { color: var(--color-black); } .top-cnt-podcast { flex-wrap: wrap; } span.podcast-duration { display: block; margin-bottom: 0; } .send-pg-left-right-video-uniq .overlay-img-video img { height: 400px !important; } .send-pg-left-right-video-uniq .sklls-bnf-wrp-psts .play-btn { position: absolute; z-index: 10; top: 45%; } .rgt-sklls-psts { width: 100%; position: relative; } .therapy-room-cosmo-slider-image .card { height: 560px; } .cosmo-send-activities-pg .comso-act-inner-wrap:nth-child(odd):last-child { grid-column: 1 / -1; max-width: 730px; margin: 0 auto; } .send-pg-left-right-video-uniq .overlay-img-video img { height: 350px !important; border-radius: 20px; } .send-pg-left-right-video-uniq .sklls-bnf-wrp-psts .play-btn { top: 40% !important; } .send-pg-image-slider-w-cont .card { height: 580px; } .send-pg-left-right-video-uniq-2 .overlay-img-video img { height: 350px !important; } .send-pg-left-right-video-uniq-2 .sklls-bnf-wrp-psts .play-btn { top: 38%; } .music-classroom-pg-cosm-slider-image .card { height: 535px; } .music-classroom-pg-cosm-video-section .overlay-img-video img { height: 350px !important; } } @media only screen and (max-width: 600px) { .cosmo-uses-rep-wrap { grid-template-columns: 1fr; } .cosmo-uses-rep-wrap-inner, .cosmo-uses-rep-wrap-inner:nth-child(4), .cosmo-uses-rep-wrap-inner:nth-child(5) { grid-column: span 1; } .filter-section .searchandfilter select.sf-input-select{ min-width: unset !important; } .filter-section ul li.sf-field-taxonomy-case-study-listing-filter, .filter-section ul li.sf-field-sort_order{ width: calc(50% - (var(--content-gap-small) / 2)) !important; max-width: calc(50% - (var(--content-gap-small) / 2)) !important; flex: 0 0 calc(50% - (var(--content-gap-small) / 2)); margin: 0 !important; box-sizing: border-box; } .filter-section ul li.sf-field-taxonomy-case-study-listing-filter label, .filter-section ul li.sf-field-sort_order label { display: block; width: 100%; } .filter-section ul li.sf-field-taxonomy-case-study-listing-filter .sf-input-select, .filter-section ul li.sf-field-sort_order .sf-input-select { width: 100% !important; min-width: unset !important; box-sizing: border-box; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } } /* Case Study Grid*/ @media only screen and (max-width: 500px) { .search-filter-results { grid-template-columns: 1fr !important; } .search-filter-results .first-post-grid { display: grid; grid-template-columns: 1fr !important; } .kids-organization-rep-wrapper { flex-direction: column; width: 100%; gap: var(--content-gap-small); } .kids-organization-rep-wrapper-left, .kids-organization-rep-wrapper-right{ width: 100%; max-width: 100%; text-align: left; justify-content: flex-start; gap: var(--content-gap-small); } } /*----------------------------- Media Mobile Screen -------------------------------*/ @media only screen and (max-width: 576px) { .cosmo-uses-rep-wrap-inner { flex-direction: row-reverse; align-items: center; justify-content: space-around; } .webinar-card { flex-wrap: wrap-reverse; align-items: center; text-align: center; justify-content: center; } .webinar-image { max-width: 160px; margin: 0 auto; } .right-section-webinar { height: 600px; } .solutwo img { max-width: 100%; } .solution-abt .solution-wrap{ padding-bottom: 0 !important; } .progress-bar-cart.up_current.progress-icon-done:before { left: 140px; } button#playBtn img { max-width: 70px; } .single-product .content-container.site-container { padding: 0 !important; } .btn-wrap.btn-wrp-mb-hm { max-width: 460px; margin: 30px auto 0; display: flex; } .award-section.award-section-mb { display: block; } /* Slider container */ .award-swiper { padding-bottom: 30px; overflow: visible; } /* Card / slide */ .award-slide { margin: 0 auto; } /* Image */ .award-slide img { width: 200px; display: block; margin: 0 auto; } /* Space between cards */ .award-section.award-section-mb .swiper-slide { margin-right: 16px; } /* Progress bar */ .award-section.award-section-mb .swiper-progress-bar { width: calc(100% - 32px); height: 3px; color: var(--color-background); margin: 16px auto 0; border-radius: 10px; overflow: hidden; } .award-section.award-section-mb .swiper-progress-bar .progress { width: 0%; height: 100%; background: var(--color-black); border-radius: 10px; transition: width 0.3s ease; } .solution-img.sol-img-ab img.sol-img-1-mb { display: block; } .rep-inn-part-res { flex: 0 0 80%; } .lft-lck-scrn .coming-soon-badge { top: -50px; } .ux-lockscreen-container { padding: 60px 0; } .rgt-form-lck-scrn { width: 100%; } .kck-screen-heading { margin-top: 20px; } .the-movement.why-cosmo .site-container, .the-movement.onboarding-wrap.str-guid-usr-res .site-container { padding: 0 !important; } .video-wrapper { max-width: 90%; margin: 0 auto; } .podcast-info { padding: 30px 40px; } .podcast-card.podcast-wrap-2 .podcast-image img { max-width: 100% !important; } .bring-acc-life.bring-acc-life-music h3 { font-size: 30px; } .story-section.mobile-slider { display: block; } html[lang="fr"] .site-header-section-right { margin-left: 0px !important; } .onb-dot-stup .rgt-pair-app img { display: block; } .uses-comso-dot.dot-used-with.dot-used-with-mb { display: block; } .pair-cosmo-app.app-pair-prod .rgt-pair-app img.mb-lnk-img { display: block; } .kids-organization-left { width: 100%; max-width: 100%; } .kids-organization-right { width: 100%; max-width: 100%; } .how-works-psts { padding: var(--section-large) 0; } .sklls-bnf-wrp-psts { flex-wrap: wrap; gap: 20px; } .sklls-bnf-wrp-psts .video-wrap-out { min-height: 200px; } .sklls-bnf-psts-rep .img-empow-rep img { max-width: 15px; } .skilss-bnf-psts .inner-emp-rep h5 { min-height: auto; } .skilss-bnf-psts .title-rep-empow h5 { font-size: 18px; } .skilss-bnf-psts { padding: 60px 0 140px; } .rgt-sklls-psts .play-btn button#playBtn img { max-width: 70px; max-height: 70px; } .classrm-tps { padding: 60px 0; } .wrap-clsrm-psts.grid-3-sections { justify-content: center; flex-wrap: wrap; gap: 30px; } .innr-clsrm-psts { width: 320px; } .rgt-und-usrs h3 { font-size: 36px; margin-bottom: 10px; } .para-und-usrs p { font-size: 18px; margin-bottom: 20px; } .diverse-prof-rsrc { padding: var(--section-large) 0; } .lft-diverse-prof h3 { font-size: 35px; margin-bottom: 20px; } .top-cnt-cosmo-prj { flex-wrap: wrap; gap: 10px; padding-bottom: 20px; } .inner-summ-stdy { flex: 0 0 100%; } .wrp-incrs-eng { grid-template-columns: 1fr; gap: 25px; } .increased-eng { padding: 70px 0; } .para-incr-eng { margin-top: 20px; } .inner-incr-eng { padding: 36px 32px; } .title-incr-eng h4 { margin-top: 30px; } section.rsrch-bnr .image-home-wrap .rsrch-bnr-mb-img { display: block !important; } section.rsrch-bnr .video_rgt_home { max-width: 100%; } section.rsrch-bnr .wrap-home-banner { flex-direction: column; } .kids-organization .video-wrap-out { aspect-ratio: 1; height: 100%; } .kids-organization .play-btn { margin-top: 30px; } .kids-organization button#playBtn img { max-width: 65px; } .send-pg-left-right-video-uniq .overlay-img-video img { height: 250px !important; border-radius: 20px; } .music-classroom-pg-cosm.send-how-cosfit-sec .inr-prof-lrnmr { min-height: 200px; color: var(--color-background); } .send-pg-left-right-video-uniq .overlay-img-video img { height: 200px !important; border-radius: 20px; } .send-pg-left-right-video-uniq-2 .overlay-img-video img { height: 200px !important; border-radius: 20px; } .send-pg-left-right-video-uniq-2 .sklls-bnf-wrp-psts .play-btn { position: absolute; z-index: 10; top: 28%; } .therapy-room-cosmo-video-section-2 .sklls-bnf-wrp-psts .play-btn { top: 37% !important; left: 43%; } .therapy-room-cosmo-video-section .sklls-bnf-wrp-psts .play-btn { position: absolute; z-index: 10; top: 32% !important; } .sklls-bnf-wrp-psts .video-wrap-out { min-height: 415px; } .therapy-room-cosmo-video-section-2 .sklls-bnf-wrp-psts .play-btn { top: 41% !important; left: 43%; } .send-pg-left-right-video-uniq .overlay-img-video img { height: 415px !important; border-radius: 20px; } .send-pg-left-right-video-uniq .overlay-img-video img { height: 415px !important; border-radius: 20px; } .send-pg-left-right-video-uniq-2 .sklls-bnf-wrp-psts .play-btn { position: absolute; z-index: 10; top: 38%; } .content-banner.onboarding-bnr { height: auto; } .content-banner.onboarding-bnr { padding: var(--section-large) 0; } .img-bottom-home { margin: 15px auto 35px; } section.top.bnr-prt-res .cb-inner .rb-content p { text-align: left; margin: 10px 0 !important; } section.top.bnr-prt-res .cb-inner .rb-content { text-align: left; } /* New Blog Layout & Cosmo Dot App , Cosmo Learning App */ .htuc-section { padding: 36px 20px; } .htuc-btns { flex-direction: column; width: 100%; } .htuc-btn { width: 100%; } .vrl-grid { grid-template-columns: 1fr; } .vrl-section { padding: 36px 20px; } .als-grid { grid-template-columns: 1fr; } .als-section { padding: 36px 20px; } .case-studies-filter form > ul { justify-content: center !important; } } /*----------------------------- Media Mobile Screen -------------------------------*/ @media only screen and (max-width: 479px) { .woocommerce-order-received p.woocommerce-notice.woocommerce-notice--success.woocommerce-thankyou-order-received { margin-bottom: 20px; } .post-item { padding: 20px; } li.sf-field-taxonomy-cosmo-product-hub { flex-direction: column; align-items: start; width: 100%; } .accordion .accordion-header { font-size: 15px !important; } .accordion .accordion-header::after { right: 0px !important; bottom: -4px; } .accordion-item { padding: 15px !important; } .accordion .accordion-header { padding: -7px !important; } .troubleshoot-tabs { flex-direction: column; gap: var(--content-gap); align-items: start !important; } .wrap-dot-stupf-onb { padding: 20px; } div#educators-learners-slider { padding-right: 0px; } .rgt-form-lck-scrn { width: 100%; } .ripple-green { padding: var(--section-large) 0; } .outer-wrp-cntct-frm { grid-template-columns: 1fr; gap: 30px; } .troubleshoot-tabs .tabs-nav { flex-wrap: nowrap; width: 100%; overflow-y: scroll !important; } .technical-specification { background-color: var(--color-background-alt); } .cosmo-lrn-onb { padding: 40px 0; } .connect-dots-onb.cosmo-cnt-onb { padding: 40px 0; } .connect-dots-onb.cosmo-thirdpt-apps-onb { margin-bottom: 40px; } .fund-rgt { padding: 40px 30px; } #user-resources-slider { padding-right: 0; } .cnt-frm-parent { padding: 25px 20px; } section.section.ripple-section.ripple-bottom-left.green-gradient.user-resources-ripple { padding: var(--section-large) 0; } .the-movement { padding: 40px 0; margin: 0; } .innr-supp-key-func { flex-direction: column; align-items: start; } .logo-section h3 { text-align: center; } .lrn-usrs-cosmo.lrn-usrs-cosmo-v3 { grid-template-columns: 1fr; } .rgt-dot-supports, .bottom-rgt-support, .rgt-dot-supports.rgt-dot-supports-2 { display: contents; } .innr-lrn-usrs-cosmo { flex-direction: column; align-items: center; } .rgt-lrn-usrs-cosmo { text-align: center; } .ability-cosmo-focus.content-banner, .bring-acc-life { padding: 40px 0; } .cosmo-empowers.content-banner { padding: 40px 0; } .dotsusg-outr-wrp { display: grid; grid-template-columns: 1fr; gap: 5px; } .rgt-prod-wrap .summary.entry-summary .lft-mny-bck img { max-width: 350px; } a.link-cosmo-app-btn img { max-width: 150px; } .cnt-lrn-sut-shp p { margin-bottom: 10px; font-size: 17px; } .cnt-lrn-sut-shp { max-width: 100%; margin: 40px 0 50px; } .single-product .summary.entry-summary form.cart button.single_add_to_cart_button.button.alt { margin-left: -10px !important; width: 170px !important; } .btn-lrn-mr { gap: 10px; } .btn-lrn-mr a { padding: 10px; width: 170px; } section.section.ripple-section.ripple-bottom-left.latest-webinar.active { padding: 40px 0; } .wrap-dot-stupf-onb { padding: 15px; } .ripple-green { padding: 80px 0 !important; } .ripple-banner h1 { font-size: 32px; } .trusted-environemnt-post-cnt { padding: 20px 20px; } .cnt-lrn-sut-shp p { margin-bottom: 10px; font-size: 18px; } section.funding-sec { padding: 40px 0; } #environment-slider { padding: 0 50px 0 0; } .funding-wrap.funding-resources-user .fund-rgt { width: 100%; } .para-res-prt-rep p { font-size: 15px; } .title-res-prt-rep h4 { font-size: 20px; } .lrnmr-prof-cnt p { font-size: 18px; } section.dynamic-swiper-section { margin: 40px 0; } .the-movement { padding: 40px 0 0; } .webinar-card { padding: 30px 20px; } .link-pair-wrap img { max-width: 70px; } .rgt-pair-app img.mb-lnk-img { display: block; } .link-pair-wrap > img { display: flex; } .video-wrap-out { aspect-ratio: 16 / 9; } .overlay-img-video img.mb-video-pstr { display: block; } .app-pair-prod .rgt-pair-app img { display: block; } .woocommerce div.product form.cart { display: flex; gap: var(--content-gap-small); align-items: flex-start; justify-content: flex-end; flex-direction: row-reverse; } .swiper-progress-bar { margin-top: 30px !important; } .swiper.logoSwiper { padding-right: 70px; } .swiper.logoSwiper .swiper-wrapper { align-items: center; } .logo-slide img { max-height: 85px; } .footer-html-inner { padding: 0px 0px 0px 14px; } .inner-inclu-wrap .rep-incl-img img { max-width: 90px; } .truested-environment-wrap .swiper-slide .card { min-height: 450px; } section.case-std-bnr h1 { font-size: 34px; } section.case-std-bnr { text-align: left; } .case-studies-filter .searchandfilter ul li.sf-field-taxonomy-case-study-category ul { padding: 0 0 20px; } .mobile-slider { background-color: #f3d2d9; /* pink background similar to reference */ padding: 40px 0; } .mobile-slider .swiper { padding-bottom: 20px; /* give some space below slides */ } .mobile-slider .swiper-slide.webinar-card { color: var(--color-background); border-radius: 16px; width: 280px; /* consistent card width */ padding: 24px 15px 32px 15px; box-sizing: border-box; display: flex; flex-direction: column; align-items: flex-start; margin-bottom: 0; } } /* ============================================ LANDING PAGE TEMPLATE Scoped to .page-template-templates-landing-page-php so nothing here affects other pages. ============================================ */ /* ---- Section 1: Hero ---- */ .page-template-templates-landing-page-php .static-bg-wrap.content-banner { background: linear-gradient(130deg, #E8E0F5 0%, #F5F3FA 100%); background-image: none; } .page-template-templates-landing-page-php .lft-cntct { max-width: 50%; } .page-template-templates-landing-page-php .rgt-cntct-frm { max-width: 45%; width: 100%; } .page-template-templates-landing-page-php .lp-tagline { font-size: 20px; font-weight: 600; color: var(--brand-primary-dark); margin-bottom: 16px; } /* ---- Section 2: Video + Worth £5k ---- */ .page-template-templates-landing-page-php .lp-video-section { padding: 80px 0; background-color: var(--color-background); background-image: none; } .page-template-templates-landing-page-php .lp-video-section .sklls-bnf-wrp-psts { gap: 48px; align-items: flex-start; } .page-template-templates-landing-page-php .lp-video-section .lft-sklls-bnf-psts { flex: 1; width: auto; min-width: 0; } .page-template-templates-landing-page-php .lp-video-section .rgt-sklls-psts { width: 360px; flex-shrink: 0; } .page-template-templates-landing-page-php .lp-worth-list { list-style: none; padding: 0; margin: 24px 0 0; display: flex; flex-direction: column; gap: 16px; } .page-template-templates-landing-page-php .lp-worth-item { display: flex; align-items: center; gap: 16px; padding: 16px 20px; border: 1px solid var(--brand-primary); border-radius: 10px; background: var(--color-background); } .page-template-templates-landing-page-php .lp-worth-item img { width: 36px; height: 36px; flex-shrink: 0; object-fit: contain; } .page-template-templates-landing-page-php .lp-worth-item span { font-size: 16px; font-weight: 600; color: var(--brand-primary-dark); } /* ---- Section 2 bottom: Programme Overview ---- */ .page-template-templates-landing-page-php .lp-programme-overview { padding: 80px 0; margin-bottom: 0; } .page-template-templates-landing-page-php .lp-section-heading { text-align: center; margin-bottom: 40px; } /* ---- Section 3: Fix absolute positioned solution image ---- */ .page-template-templates-landing-page-php .lp-solution { margin: 80px 0; } .page-template-templates-landing-page-php .lp-solution-img { position: relative; right: auto; top: auto; } .page-template-templates-landing-page-php .lp-solution-img img { max-width: 100%; } /* ---- Section 4: Grey background ---- */ .page-template-templates-landing-page-php .lp-section-4 { padding: 80px 0; background-color: var(--color-background-alt); } /* ---- Section 5: Two-column checklist ---- */ .page-template-templates-landing-page-php .lp-two-col-section { background-color: #F2EEF8; padding: 80px 0; } .page-template-templates-landing-page-php .lp-funding-wrap { gap: 60px; align-items: flex-start; } .page-template-templates-landing-page-php .lp-fund-col { flex: 1; width: auto; } .page-template-templates-landing-page-php .lp-fund-col.fund-rgt { background-color: transparent; border: none; padding: 0; border-radius: 0; } .page-template-templates-landing-page-php .lp-check-list { list-style: none; padding: 0; margin: 16px 0 0; display: flex; flex-direction: column; gap: 12px; } .page-template-templates-landing-page-php .lp-check-list li { display: flex; align-items: center; gap: 12px; font-size: 16px; color: var(--color-text); } .page-template-templates-landing-page-php .lp-check-list li img { width: 24px; height: 24px; flex-shrink: 0; } /* ---- Section 6: Eligibility ---- */ .page-template-templates-landing-page-php .lp-section-6 { padding: 80px 0; } .page-template-templates-landing-page-php .lp-section-desc { text-align: center; max-width: 720px; margin: 32px auto 0; } /* ---- Section 7: CTA ---- */ .page-template-templates-landing-page-php .the-movement.lp-cta { padding: 80px 0; margin: 0; background: linear-gradient(130deg, var(--brand-primary) 0%, var(--brand-primary-light) 100%); background-color: unset; } .page-template-templates-landing-page-php .the-movement.lp-cta .site-container { display: flex; justify-content: center; } .page-template-templates-landing-page-php .the-movement.lp-cta .movement-lft { max-width: 680px; width: 100%; padding-left: 0; text-align: center; } .page-template-templates-landing-page-php .the-movement.lp-cta h3, .page-template-templates-landing-page-php .the-movement.lp-cta p { color: var(--color-white); } .page-template-templates-landing-page-php .the-movement.lp-cta .btn-wrap { justify-content: center; margin-top: 24px; } .page-template-templates-landing-page-php .lp-cta-btn { background-color: var(--color-background) !important; color: var(--brand-primary) !important; border: var(--color-white) !important; } .mobile-slider .swiper { width: 100%; overflow: visible; /* make sure nothing is clipped */ padding-bottom: 20px; /* space for progress bar */ } .mobile-slider .swiper-progress-bar { width: 100%; height: 4px; color: var(--color-background); border-radius: 2px; overflow: hidden; margin-top: 10px; position: relative; margin-top: 10px !important; } .mobile-slider .swiper-progress-bar .progress { width: 0%; height: 100%; background: #6b4e53; transition: width 0.3s ease; position: absolute; left: 0; top: 0; } .main-banner-cnt { text-align: center; } .our-team .swiper-progress-bar { display: flex; } .team-slider-title h4 { font-size: 20px; } div#meet-team .swiper-slide { width: 230px; } .our-values { background-image: url(/wp-content/uploads/2025/12/our-vlu-mb-bnr-scaled.webp) !important; background-position: center top; } .prof-lrnmr.community-usr-res .swiper-slide.educ-slide-inner { width: 290px !important; } .educators-learners-wrap .inr-prof-lrnmr { min-height: auto; } .prof-lrnmr.educators-leaners-sec .educators-learners-wrap .inr-prof-lrnmr { min-height: 250px; } .inr-prof-lrnmr { padding: 30px 20px; } .rgt-prof-lrnmr h5 { font-size: 17px; } .top-rep-prof-lrnmr { gap: 10px; } .webinar-image { margin-left: unset; margin-right: auto; } .webinar-details { margin-left: auto; text-align: left; margin-right: auto; } section.latest-webinar.mobile-slider { background-image: url(https://staging.explorecosmo.com/wp-content/uploads/2025/12/ltst-wbnr-bnr-mb.webp) !important; background-size: cover; background-repeat: no-repeat; background-position: center; } section.latest-webinar { padding: 100px 0 0px; } .testimonial-slider.test-slider-home.test-slider-mb .cnt-slider-test-wrap { padding: 50px 25px; min-height: 380px; } .footer-newsletter { background-image: url(https://staging.explorecosmo.com/wp-content/uploads/2025/12/footer-ripple-mb.webp) !important; } .trusted-enviroments { background-image: url(https://staging.explorecosmo.com/wp-content/uploads/2025/12/trst-env-mb-bnr.webp) !important; background-position: center center; } .summary.entry-summary { display: flex; flex-direction: column; } /* Woo Prod Title */ .single-product h1.product_title.entry-title { order: 1; } /* Woo Prod Desc */ .single-product p.custom-product-text { order: 2; } /* Woo Prod Price */ .single-product p.price { order: 3; } /* Woo Prod Add to Basket Btn */ .single-product form.cart { order: 4; } /* Woo Stripe/Apple Pay */ div#wc-stripe-express-checkout-element { order: 5; } /* Woo Prod Short Description of Item(s) */ .single-product .woocommerce-product-details__short-description { order: 6; } /* Woo Money Back Image */ .single-product .money-bck-wrap { order: 7; } .video-wrapper { max-width: 90%; margin: 0 auto; } .woocommerce-multi-currency.wmc-sidebar { transform: translateY(-10%) !important; } .top-sec-tes-slider { align-items: center; } section.banner-cosmo-learn-more.banner-cosmo-music .btn-wrap-lrn-more .bnr-btn-lrn, section.banner-cosmo-learn-more.banner-cosmo-ability .btn-wrap-lrn-more .bnr-btn-lrn { margin-top: 0; } .bring-acc-life.bring-acc-life-music .btn-wrap-lrn-more .bnr-btn-lrn, .bring-acc-life.bring-acc-life-ability .btn-wrap-lrn-more .bnr-btn-lrn { margin-top: 0; } section.cc-rsr-bnr .bnr-btn a { font-size: 15px; padding: 12px 16px; } section.partner-resources-filter .search-filter-results { margin-top: 20px; } .swiper.dynamic-swiper { padding-right: 40px; } .cnt-soc-md-cc h4 { font-size: 20px; } .instagram-link a img { height: 398px; object-fit: cover; } .podcast-info { padding: 30px 20px; } .podcast-card { margin-right: 20px; } section.dynamic-swiper-section.dynamic-sec-usr-res .podcast-image img { height: 397px; object-fit: cover; } section.testimonial-slider.test-slider-home.test-slider-mb.testimonial-part-res .cnt-slider-test-wrap { min-height: 450px !important; } section.testimonial-slider.test-slider-home.test-slider-mb.testimonial-part-res .video-section iframe { height: 550px; width: 90%; margin: 0 auto; } section.testimonial-slider.test-slider-home.test-slider-mb.testimonial-part-res .swiper-slide .video-section.mobile-video:last-child { width: 95%; margin: 0 auto; } html[lang="fr"] .solution-lft .btn-wrap { align-items: flex-start; justify-content: flex-start; flex-wrap: wrap; } .prof-lrnmr.educators-leaners-sec div#educators-learners-slider { padding-right: 80px; } .title-educ-lrn-rep h4 { max-width: max-content; } .prof-lrnmr.community-usr-res .inr-prof-lrnmr { min-height: 430px; } section.cc-bnr-main.top.bnr-prt-res .rb-content p { margin: 0px 30px; } li.sf-field-taxonomy-partner-resource-category { overflow-y: scroll; padding-bottom: 20px !important; } .rgt-cosmo-connect.aos-init.aos-animate { margin-top: 50px; } .link-pair-wrap img { max-width: 50px; } .wrap-cosmo-app.link-pair-wrap img.icon-pai-mb-purp{ max-width: 50px !important; } .inner-wrap-tech-spec h4 { font-size: 20px; } html[lang="zh-CN"] .footer-widget-area.content-align-right .footer-navigation { justify-content: flex-start; } .tst-cstd-wrap img.open-arrow-tst, .tst-cstd-wrap img.close-arrow-tst { max-width: 60px; } .content-bnr-case-stud { display: flex; flex-direction: column; gap: var(--content-gap-small); justify-content: center; text-align: center; } .kids-organization-last-para p { padding-left: 0; } .tst-cstd-wrap img.open-arrow-tst, .tst-cstd-wrap img.close-arrow-tst { max-width: 50px; } .tst-cstd-wrap img.open-arrow-tst { top: -20px; } .tst-cstd-wrap img.close-arrow-tst { bottom: -20px; } .tst-cstd-wrap.tst-psts-wrp img.close-arrow-tst { bottom: -60px; } .sklls-bnf-wrp-psts .video-wrap-out { min-height: 200px; aspect-ratio: 16 / 1; } .para-prct-strt ul { padding-left: 10px; } .skilss-bnf-psts.skills-bnfts-else-cnd .video-wrap-out { aspect-ratio: 1 / 1; } .skilss-bnf-psts.skills-bnfts-else-cnd .rgt-sklls-psts { height: 340px; } .skilss-bnf-psts.skills-bnfts-else-cnd .play-btn { top: 30%; } .lst-btm-cnt-psts { padding: var(--section-large) 0; } .wrp-lst-cnt-psts h3 { font-size: 40px; margin-bottom: 15px; } .wrp-lst-cnt-psts p { font-size: 18px; } .tst-cstd.tst-psts-detail.tst-else-cnd { margin: 120px 0 140px; } .skill-bnfts-para-nt p { font-size: 18px; } .skill-bnfts-para-nt ul li { font-size: 18px; } .para-prct-strt ul li { font-size: 18px; margin-bottom: 20px; } .really-matters { padding: 60px 0; } .title-sklls-psts h3 { margin-bottom: 10px; font-size: 36px; } .rgt-sklls-psts { width: 100%; } .sklls-bnf-psts-rep .img-empow-rep img { max-width: 11px; } .wrap-clssrm-psts.grid-3-sections .wrap-clsrm-psts { justify-content: center; flex-wrap: wrap; gap: 20px; max-width: 220px; margin: 30px auto 0; } .skilss-bnf-psts .inner-emp-rep { position: relative; } .skilss-bnf-psts .img-empow-rep { margin-top: 0; position: absolute; left: 8px; top: 6px; } .skilss-bnf-psts .title-rep-empow { margin-left: 26px; } .works-pst-para ul { margin-left: 20px; } .para-incr-eng p { font-size: 17px; } .inner-summ-stdy { padding: 36px 26px 120px; } .title-summ-stydy h4 { margin: 25px 0; } .wp-block-woocommerce-checkout.alignwide.wc-block-checkout { width: 100% !important; } .wc-block-checkout__actions .wc-block-checkout__actions_row { margin-top: var(--content-gap-small); } .woocommerce-checkout a.wc-block-components-checkout-return-to-cart-button { width: 100%; text-align: center; } .woocommerce-checkout a.wc-block-components-checkout-return-to-cart-button svg { left: 81px; } .wp-block-woocommerce-checkout-order-summary-block { padding: 9px; } .therapy-room-cosmo-video-section-2 .overlay-img-video img { display: block; } .main-send-pg h1 { text-align: center; } .main-send-pg p { text-align: center !important; } .send-pg-left-right-video-uniq button#playBtn img { max-width: 70px !important; height: 70px; } .send-pg-left-right-video-uniq .play-btn { top: 48% !important; left: 43%; } .trusted-enviroments.trust-en-ripple.trust-en-hm.therapy-room-cosmo-slider-image { background: url(https://staging.explorecosmo.com/wp-content/uploads/2026/03/45b37ae17c6890408fc6eab949a5bc5242a947e2-scaled.webp) !important; } .rgt-sklls-psts { width: 100%; } .send-pg-left-right-video-uniq .overlay-img-video img { height: 340px !important; border-radius: 20px; } .send-pg-left-right-video-uniq .play-btn { top: 37% !important; } .send-pg-left-right-video-uniq-2 .overlay-img-video img { height: 340px !important; border-radius: 20px; display: block; } .music-classroom-pg-cosm-video-section-2 .sklls-bnf-wrp-psts .play-btn { top: 32% !important; left: 38%; } .music-classroom-pg-cosm-video-section .play-btn { top: 34% !important; left: 42% !important; } .therapy-room-cosmo-video-section-2 .sklls-bnf-wrp-psts .play-btn { top: 33% !important; left: 42%; } .therapy-room-cosmo-video-section .sklls-bnf-wrp-psts .play-btn { position: absolute; z-index: 10; top: 36% !important; left: 41%; } .send-how-cosfit-sec .educators-learners-wrap .inr-prof-lrnmr { height: 275px; } .send-pg-image-slider-w-cont .truested-environment-wrap .swiper-slide .card { min-height: 530px; } .send-pg-left-right-video-uniq-2 div#videoWrapper-bottom { height: 320px; } .music-classroom-pg-cosm-video-section .overlay-img-video img { height: 320px !important; } .music-classroom-pg-cosm-video-section .rgt-sklls-psts .play-btn button#playBtn img { max-width: 60px; max-height: 60px; } .music-classroom-pg-cosm-video-section .sklls-bnf-wrp-psts .play-btn { top: 42% !important; left: 42% !important; } /* New Blog Layout , Cosmo Dot Setup , Cosmo */ .btn_lrn_dot_stp .lrn-app-btn-wrap { flex-wrap: wrap; } h1.lrn-app-title { font-size: 31px; } .cduses-section { padding: 32px 0 36px; } .cduses_inner_wrp { padding: 60px 20px; } h2.cduses-heading { font-size: 29px; } .cduses-list { flex-wrap: wrap; } .vrl_wrp_prnt { padding: 80px 40px; } .vrl-section { padding: 36px 0; } .vrl-title { font-size: 29px; } .vrl-btn { padding: 14px 26px; } .htuc-section { padding: 36px 0; } .htuc_prnt_wrp { padding: 70px 20px; } h3.htuc-title { font-size: 30px; } .als-section { padding: 36px 0; } .als_prnt_wrp { padding: 80px 40px; } .vrl-section { margin: 0px auto; } .htuc-btn--outline, a.lrn-app-btn.lrn-app-btn--outline { max-width: 310px; } .cosmo-mang-section { padding: 50px 20px; } .cosmo-mng-btm-rep-item:not(:first-child) span.cosmo-mng-btm-rep-title::before { left: -15px; } .cosmo-mang-section { padding: 50px 0; } .cosmo-mang-rep { padding: 33px 20px; } .cosmo-mng-btm-rep { flex-wrap: wrap; gap: 2px 30px; justify-content:center; } .cosmo-belief-btn { font-size: 16px; padding: 16px 20px; } .awrd_sec_cnt_lyt { padding: 32px 20px; } .image-bnr_wrp_sngpst h1 { font-size: 35px; } /*----------------------------- Media Mobile Screen -------------------------------*/ @media only screen and (max-width: 440px) { .testimonial-slider.test-slider-home.test-slider-mb .cnt-slider-test-wrap { padding: 50px 16px; } .send-pg-left-right-video-uniq-2 .overlay-img-video img { display: block; height: 340px !important; border-radius: 20px; } .send-pg-left-right-video-uniq-2 .play-btn { top: 37% !important; } .cosmo-send-activities-pg .comso-act-inner-wrap { width: fit-content; display: flex; flex-direction: column-reverse; } .send-pg-left-right-video-uniq .overlay-img-video img { height: 340px !important; border-radius: 20px; } .send-pg-left-right-video-uniq .play-btn { top: 38% !important; } .send-pg-image-slider-w-cont .card { height: 470px !important; } .music-classroom-pg-cosm-video-section-2 .overlay-img-video img { display: block; } .music-classroom-pg-cosm-how-cosmo-fits .inr-prof-lrnmr { min-height: 265px; } .music-classroom-pg-cosm-activities .cosmo-act-rep { display: grid !important; grid-template-columns: 1fr !important; grid-gap: 30px; } .music-classroom-pg-cosm-video-section-2 .overlay-img-video img { height: 340px !important; } .music-classroom-pg-cosm-video-section-2 .sklls-bnf-wrp-psts .play-btn { top: 35% !important; left: 37%; } button#playBtn2 img { max-width: 70px !important; } div#videoWrapper-bottom { height: 340px !important; } .music-classroom-pg-cosm-how-cosmo-fits .educators-learners-wrap .inr-prof-lrnmr { min-height: 270px !important; } .music-classroom-pg-cosm-slider-image .card { height: 430px !important; } .music-classroom-pg-cosm-activities .cosmo-act-rep { display: grid !important; grid-template-columns: 1fr !important; grid-gap: 30px; } button#playBtn2 img { max-width: 70px !important; } .music-classroom-pg-cosm-video-section-2 .overlay-img-video img { height: 340px !important; } .music-classroom-pg-cosm-video-section-2 .sklls-bnf-wrp-psts .play-btn { top: 35% !important; left: 38%; } .music-classroom-pg-cosm-video-section .overlay-img-video img { height: 415px !important; border-radius: 20px; } .music-classroom-pg-cosm-video-section-2 .overlay-img-video img { height: 415px !important; border-radius: 20px; } } /*----------------------------- Media Mobile Screen -------------------------------*/ .cosmo-uses-rep-wrap-inner { flex-direction: column-reverse; align-items: center; justify-content: center; text-align: center; } .footer-widget-area-inner section#media_image-3 a img { max-width: 290px !important; } .not-fnd-wrap .btn-wrp { flex-wrap: wrap; } .video_rgt_home { z-index: 1; } .ripple-bottom-left .ripple-1.ripple-static { transform: translate3d(-50%, 50%, 0) scale(50vw) !important; } .ripple-bottom-left .ripple-2.ripple-static { transform: translate3d(-50%, 50%, 0) scale(40vw) !important; } .ripple-bottom-left .ripple-3.ripple-static { transform: translate3d(-50%, 50%, 0) scale(30vw) !important; } .ripple-bottom-left .ripple-4.ripple-static { transform: translate3d(-50%, 50%, 0) scale(20vw) !important; } .ripple-bottom-left .ripple-5.ripple-static { transform: translate3d(-50%, 50%, 0) scale(10vw) !important; } .ripple-center .ripple-1.ripple-static { transform: translate3d(-50%, -50%, 0) scale(50vw) !important; } .ripple-center .ripple-2.ripple-static { transform: translate3d(-50%, -50%, 0) scale(40vw) !important; } .ripple-center .ripple-3.ripple-static { transform: translate3d(-50%, -50%, 0) scale(30vw) !important; } .ripple-center .ripple-4.ripple-static { transform: translate3d(-50%, -50%, 0) scale(20vw) !important; } .ripple-center .ripple-5.ripple-static { transform: translate3d(-50%, -50%, 0) scale(10vw) !important; } .ripple-left-right .ripple-1.ripple-static { transform: translate(-50%, -50%) scale(50vw) !important; } .ripple-left-right .ripple-2.ripple-static { transform: translate(-50%, -50%) scale(40vw) !important; } .ripple-left-right .ripple-3.ripple-static { transform: translate(-50%, -50%) scale(30vw) !important; } .ripple-left-right .ripple-4.ripple-static { transform: translate(-50%, -50%) scale(20vw) !important; } .ripple-left-right .ripple-5.ripple-static { transform: translate(-50%, -50%) scale(10vw) !important; } .ripple-top-bottom .ripple-1.ripple-static { transform: translate(-50%, -50%) scale(50vw) !important; } .ripple-top-bottom .ripple-2.ripple-static { transform: translate(-50%, -50%) scale(40vw) !important; } .ripple-top-bottom .ripple-3.ripple-static { transform: translate(-50%, -50%) scale(30vw) !important; } .ripple-top-bottom .ripple-4.ripple-static { transform: translate(-50%, -50%) scale(20vw) !important; } .ripple-top-bottom .ripple-5.ripple-static { transform: translate(-50%, -50%) scale(10vw) !important; } .ripple-bottom-top .ripple-1.ripple-static { transform: translate(-50%, 50%) scale(50vw) !important; } .ripple-bottom-top .ripple-2.ripple-static { transform: translate(-50%, 50%) scale(40vw) !important; } .ripple-bottom-top .ripple-3.ripple-static { transform: translate(-50%, 50%) scale(30vw) !important; } .ripple-bottom-top .ripple-4.ripple-static { transform: translate(-50%, 50%) scale(20vw) !important; } .ripple-bottom-top .ripple-5.ripple-static { transform: translate(-50%, 50%) scale(10vw) !important; } .ripple-right-left .ripple-1.ripple-static { transform: translate(50%, -50%) scale(50vw) !important; } .ripple-right-left .ripple-2.ripple-static { transform: translate(50%, -50%) scale(40vw) !important; } .ripple-right-left .ripple-3.ripple-static { transform: translate(50%, -50%) scale(30vw) !important; } .ripple-right-left .ripple-4.ripple-static { transform: translate(50%, -50%) scale(20vw) !important; } .ripple-right-left .ripple-5.ripple-static { transform: translate(50%, -50%) scale(10vw) !important; } /*----------------------------- Media Mobile Screen -------------------------------*/ @media only screen and (max-width: 390px) { .podcast-btm { justify-content: center; flex-wrap: wrap; gap: 20px; } h4.podcast-title { color: var(--color-white); font-size: 18px; font-weight: 700; } .webinar-details h3 { font-size: 20px; } .webinar-image { max-width: 130px; } span.logo-icon svg { width: 130px; } .lft-mny-bck { margin-top: 10px; } .video-wrapper { max-width: 85%; margin: 0 auto; } .accordion .accordion-header::after { width: 16px; height: 16px; bottom: 0; right: -2px !important; } .podcast-slider .podcast-info { padding: 30px 20px 50px; } .podcast-info { bottom: 0px; } .podcast-card.ripple.ripple-section.ripple-bottom-left.podcast-wrap-2 { margin: 0px 20px; width: 100%; } .prof-lrnmr.community-usr-res .inr-prof-lrnmr { min-height: 430px; } .woocommerce-checkout a.wc-block-components-checkout-return-to-cart-button svg { left: 100px; } .woocommerce-checkout a.wc-block-components-checkout-return-to-cart-button { width: 100%; } section.testimonial-slider.test-slider-home.test-slider-mb.testimonial-part-res .video-section iframe { height: 440px; } .instagram-link a img { height: 431px; } section.dynamic-swiper-section.dynamic-sec-usr-res .podcast-image img { height: 427px; } .btn-lrn-mr a { width: 150px; font-size: 15px; } .single-product section.testimonial-slider.test-slider-home.test-slider-mb.testimonial-part-res .video-section iframe { height: 550px !important; } html[lang="hu"] .btn-wrap { gap: 10px; } .footer-social-wrap .footer-social-inner-wrap { gap: 0 !important; } ul.innr-tags-cstd { gap: 10px; flex-wrap: wrap; } .kids-organization-rep-wrapper-image img, .kids-organization-rep-wrapper-image a img { object-fit: contain; } .ripple-bottom-left .ripple-1.ripple-static { transform: translate3d(-50%, 50%, 0) scale(45vw) !important; } .ripple-bottom-left .ripple-2.ripple-static { transform: translate3d(-50%, 50%, 0) scale(35vw) !important; } .ripple-bottom-left .ripple-3.ripple-static { transform: translate3d(-50%, 50%, 0) scale(25vw) !important; } .ripple-bottom-left .ripple-4.ripple-static { transform: translate3d(-50%, 50%, 0) scale(15vw) !important; } .ripple-bottom-left .ripple-5.ripple-static { transform: translate3d(-50%, 50%, 0) scale(7vw) !important; } .ripple-center .ripple-1.ripple-static { transform: translate3d(-50%, -50%, 0) scale(45vw) !important; } .ripple-center .ripple-2.ripple-static { transform: translate3d(-50%, -50%, 0) scale(35vw) !important; } .ripple-center .ripple-3.ripple-static { transform: translate3d(-50%, -50%, 0) scale(25vw) !important; } .ripple-center .ripple-4.ripple-static { transform: translate3d(-50%, -50%, 0) scale(15vw) !important; } .ripple-center .ripple-5.ripple-static { transform: translate3d(-50%, -50%, 0) scale(7vw) !important; } .ripple-left-right .ripple-1.ripple-static { transform: translate(-50%, -50%) scale(45vw) !important; } .ripple-left-right .ripple-2.ripple-static { transform: translate(-50%, -50%) scale(35vw) !important; } .ripple-left-right .ripple-3.ripple-static { transform: translate(-50%, -50%) scale(25vw) !important; } .ripple-left-right .ripple-4.ripple-static { transform: translate(-50%, -50%) scale(15vw) !important; } .ripple-left-right .ripple-5.ripple-static { transform: translate(-50%, -50%) scale(8vw) !important; } .ripple-top-bottom .ripple-1.ripple-static { transform: translate(-50%, -50%) scale(45vw) !important; } .ripple-top-bottom .ripple-2.ripple-static { transform: translate(-50%, -50%) scale(35vw) !important; } .ripple-top-bottom .ripple-3.ripple-static { transform: translate(-50%, -50%) scale(25vw) !important; } .ripple-top-bottom .ripple-4.ripple-static { transform: translate(-50%, -50%) scale(15vw) !important; } .ripple-top-bottom .ripple-5.ripple-static { transform: translate(-50%, -50%) scale(8vw) !important; } .ripple-bottom-top .ripple-1.ripple-static { transform: translate(-50%, 50%) scale(45vw) !important; } .ripple-bottom-top .ripple-2.ripple-static { transform: translate(-50%, 50%) scale(35vw) !important; } .ripple-bottom-top .ripple-3.ripple-static { transform: translate(-50%, 50%) scale(25vw) !important; } .ripple-bottom-top .ripple-4.ripple-static { transform: translate(-50%, 50%) scale(15vw) !important; } .ripple-bottom-top .ripple-5.ripple-static { transform: translate(-50%, 50%) scale(8vw) !important; } .ripple-right-left .ripple-1.ripple-static { transform: translate(50%, -50%) scale(45vw) !important; } .ripple-right-left .ripple-2.ripple-static { transform: translate(50%, -50%) scale(35vw) !important; } .ripple-right-left .ripple-3.ripple-static { transform: translate(50%, -50%) scale(25vw) !important; } .ripple-right-left .ripple-4.ripple-static { transform: translate(50%, -50%) scale(15vw) !important; } .ripple-right-left .ripple-5.ripple-static { transform: translate(50%, -50%) scale(8vw) !important; } .send-pg-left-right-video-uniq .overlay-img-video img { height: 320px !important; } .cosmo-send-activities-pg .comso-act-inner-wrap { width: fit-content; display: flex; flex-direction: column-reverse; } .send-pg-left-right-video-uniq-2 .overlay-img-video img { display: block; height: 320px !important; border-radius: 20px; } .music-classroom-pg-cosm-video-section-2 .overlay-img-video img { height: 320px !important; border-radius: 20px; display: block; } .music-classroom-pg-cosm-video-section-2 .sklls-bnf-wrp-psts .play-btn { top: 38% !important; left: 35%; } .music-classroom-pg-cosm-video-section .play-btn { top: 40% !important; left: 40% !important; } .page-id-13113 .prof-lrnmr.educators-leaners-sec .educators-learners-wrap .inr-prof-lrnmr { min-height: 315px; } .page-id-13113 div#videoWrapper-bottom { height: 320px; } .page-id-13178 .prof-lrnmr.educators-leaners-sec .educators-learners-wrap .inr-prof-lrnmr { min-height: 310px; } .music-classroom-pg-cosm-video-section-2 button#playBtn2 img { max-width: 60px !important; } .music-classroom-pg-cosm-activities .cosmo-act-rep { display: grid !important; grid-template-columns: 1fr !important; grid-gap: 30px; } .music-classroom-pg-cosm-how-cosmo-fits .educators-learners-wrap .inr-prof-lrnmr { min-height: 315px !important; } .music-classroom-pg-cosm-slider-image .card { height: 400px; } .music-classroom-pg-cosm-activities h2 { font-size: 30px !important; } /* New Blog Layout , Cosmo Dot Setup , Cosmo */ .btn_lrn_dot_stp .lrn-app-btn-wrap { flex-wrap: wrap; } h1.lrn-app-title { font-size: 31px; } .ard_sec_lyt_btn a { padding: 12px 20px; } } /*----------------------------- Media Mobile Screen -------------------------------*/ @media only screen and (max-width: 320px) { .woocommerce div.product form.cart { justify-content: flex-start; flex-direction: column; align-items: flex-start; } .our-team-image img { width: 100%; } .fund-rgt { width: 100%; padding: 25px 15px; } #mobile-header .site-main-header-wrap .site-main-header-inner-wrap .site-header-section-left { padding-left: 0; } .site-branding a.brand { margin-right: 20px; } .top-rep-img-lrn-suit img { max-width: 220px; } .video-section iframe { height: 500px; } .btn-wrap { flex-wrap: wrap; align-items: center; justify-content: center !important; } div#test-cr-mb .video-section iframe { height: 530px; } section.cc-bnr-main.bnr-prt-res .cb-inner { padding: 50px 0 80px; } .btn-lrn-mr { flex-wrap: wrap; align-items: center; justify-content: flex-start; margin-top: 30px; } section.cc-bnr-main.bnr-prt-res .rb-content p { margin-top: 20px; } .btn-lrn-mr a { padding: 7px; width: 140px; } .btn-lrn-mr a { font-size: 15px; } .cnt-soc-md-cc { padding: 20px 10px; } .podcast-card { margin-right: 0; } .podcast-btm a { padding: 10px; width: fit-content; display: block; } .podcast-btm { justify-content: flex-start; } .podcast-info { bottom: -80px; } h4.podcast-title { font-size: 16px; } .btn-lnk-rep-pod a { font-size: 15px; } html[lang="fr"] button.drawer-toggle.header-cart-button { padding: 8px 0 !important; } .wp-block-woocommerce-cart { container-type: normal; } a.social-button { width: 1.9em; } .site-header-item { margin-right: 0; } .wp-block-woocommerce-cart-order-summary-totals-block:after, .wp-block-woocommerce-checkout-order-summary-totals-block:after { font-size: 14px; } .woocommerce-checkout a.wc-block-components-checkout-return-to-cart-button svg { left: 61px; } .woocommerce-checkout a.wc-block-components-checkout-return-to-cart-button { width: 100%; display: block; text-align: center; } .btn-wrap-lrn-more { flex-wrap: wrap; justify-content: center; } .footer-widget-area.content-align-center .footer-social-inner-wrap { flex-wrap: nowrap; } .send-how-cosfit-sec.prof-lrnmr.educators-leaners-sec .educators-learners-wrap .inr-prof-lrnmr { min-height: 500px; } .cosmo-send-activities-pg .comso-act-inner-wrap { width: fit-content; display: flex; flex-direction: column-reverse; } .send-pg-left-right-video-uniq .sklls-bnf-wrp-psts .play-btn { top: 50% !important; left: 40%; } .send-pg-left-right-video-uniq-2 .play-btn { top: 37% !important; } .cosmo-send-activities-pg .comso-act-inner-wrap { flex-direction: column-reverse; } .send-pg-left-right-video-uniq .overlay-img-video img { height: 320px !important; border-radius: 20px; display: block; } .music-classroom-pg-cosm-video-section-2 .overlay-img-video img { height: 320px !important; border-radius: 20px; display: block; } .music-classroom-pg-cosm-video-section .overlay-img-video img { height: 320px !important; border-radius: 20px; } .music-classroom-pg-cosm-video-section .sklls-bnf-wrp-psts .play-btn { position: absolute; z-index: 10; top: 50% !important; left: 40% !important; } .music-classroom-pg-cosm-how-cosmo-fits .inr-prof-lrnmr { min-height: 490px !important; } .music-classroom-pg-cosm-activities .cosmo-act-rep { grid-template-columns: 1fr !important; } .music-classroom-pg-cosm-activities h2 { font-size: 30px !important; } .music-classroom-pg-cosm-video-section-2 button#playBtn2 img { max-width: 60px !important; } .music-classroom-pg-cosm-video-section-2 .sklls-bnf-wrp-psts .play-btn { top: 46% !important; left: 33%; } .music-classroom-pg-cosm-how-cosmo-fits .educators-learners-wrap .inr-prof-lrnmr{ min-height: 487px !important; } .music-classroom-pg-cosm-slider-image .card { height: 450px; } } /* 320 css ends */ .site-header-row.site-header-row-center-column { grid-template-columns: auto auto auto; } @media only screen and (max-width:999px){ #mobile-header .site-main-header-wrap .site-main-header-inner-wrap { display: flex; } #mobile-header .site-main-header-wrap .site-main-header-inner-wrap .site-header-section-left { margin-right: auto; padding-left: 15px; } #mobile-header .site-main-header-wrap .site-main-header-inner-wrap .site-header-section-right { width: auto; margin-right: 0; padding-right: 15px; padding-left: 15px; } #mobile-header .site-main-header-wrap .site-main-header-inner-wrap .site-header-section-center { margin-left: auto; width: auto; } } @media only screen and (max-width: 479px) { span.logo-icon svg { width: auto; max-width: 170px; } #mobile-header .site-main-header-wrap .site-main-header-inner-wrap .site-header-section-right { padding-left: 5px; } button.drawer-toggle.header-cart-button { padding: 0; border: 0; } } /*********************************************************************************************************************************************************************************************** * The End of the duplications of CSS * ***********************************************************************************************************************************************************************************************/