/* ========================================================================== CTS Univet — main stylesheet Colors and fonts live in the variables below. Change them here and the whole site follows. ========================================================================== */ :root { --cts-navy: #13294b; --cts-navy-2: #1d3766; --cts-navy-dark: #0c1d38; --cts-ink: #101b33; --cts-yellow: #71c5e8; --cts-lilac: #c5b4e3; --cts-lilac-soft: #e9e2f6; --cts-purple: #6b4fa0; --cts-yellow-2: #c5b4e3; --cts-cream: #f4f2fa; --cts-white: #ffffff; --cts-text: #5b6170; --cts-muted: #666c7a; --cts-line: #e3def0; --cts-faded: #8e86ad; --cts-radius: 10px; --cts-radius-lg: 16px; --cts-shadow: 0 10px 30px rgba(14, 28, 54, .06); --cts-head: "Bitter", Georgia, serif; --cts-body: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif; --cts-wrap: 1200px; } /* -------------------------------------------------------------------------- Base -------------------------------------------------------------------------- */ body.cts-site { background: var(--cts-cream); color: var(--cts-text); font-family: var(--cts-body); font-size: 15px; line-height: 1.7; -webkit-font-smoothing: antialiased; } .cts-site h1, .cts-site h2, .cts-site h3, .cts-site h4, .cts-site h5, .cts-site h6, .cts-site .elementor-heading-title { font-family: var(--cts-head); font-weight: 500; color: var(--cts-ink); line-height: 1.25; margin: 0; } /* Headings shifted up a level for a clean outline keep their original size. */ .cts-site .cts-hs-h4 .elementor-heading-title { font-size: 1.5rem; } .cts-site .cts-hs-h5 .elementor-heading-title { font-size: 1.25rem; } .cts-site .cts-hs-h6 .elementor-heading-title { font-size: 1rem; } .cts-site a { color: var(--cts-navy); text-decoration: none; transition: color .2s, background .2s, border-color .2s; } .cts-site a:hover { color: var(--cts-purple); } .cts-site p { margin: 0 0 1em; } .cts-site p:last-child { margin-bottom: 0; } .cts-site img { max-width: 100%; height: auto; } .cts-site input, .cts-site select, .cts-site textarea, .cts-site button { font-family: var(--cts-body); } .cts-ico { width: 1em; height: 1em; display: inline-block; vertical-align: -.125em; flex: none; } .cts-site .e-con { --container-max-width: var(--cts-wrap); } .screen-reader-text { position: absolute !important; clip: rect(1px, 1px, 1px, 1px); width: 1px; height: 1px; overflow: hidden; } .skip-link:focus { clip: auto; width: auto; height: auto; z-index: 100000; background: #fff; padding: 10px 16px; top: 8px; left: 8px; } .cts-wrap { width: min(100% - 32px, var(--cts-wrap)); margin-inline: auto; } /* -------------------------------------------------------------------------- Buttons (theme + Elementor button widget with a cts-btn-* class) -------------------------------------------------------------------------- */ .cts-btn, .cts-site [class*="cts-btn-"] .elementor-button { display: inline-flex; align-items: center; justify-content: center; gap: 8px; font-family: var(--cts-body); font-size: 14px; font-weight: 500; line-height: 1; padding: 15px 26px; border-radius: 50px; border: 1px solid transparent; background: var(--cts-navy); color: #fff; fill: #fff; cursor: pointer; transition: background .25s, color .25s, border-color .25s, transform .25s; } .cts-site .elementor-button { white-space: nowrap; } .cts-site .elementor-button-content-wrapper { display: inline-flex !important; align-items: center; justify-content: center; gap: 8px; flex-direction: row !important; } .cts-site .elementor-button .elementor-button-icon { order: 2; margin: 0 !important; display: inline-flex; align-items: center; } .cts-site .elementor-button .elementor-button-text { order: 1; } .cts-site .cts-icon-left .elementor-button-icon, .cts-site .cts-tabs--under .elementor-button-icon, .cts-site .cts-tabs--side .elementor-button-icon { order: 0; } .cts-site .elementor-icon svg, .cts-site .elementor-button-icon svg { fill: currentColor; width: 1em; height: 1em; } .cts-site .cts-head-row > .elementor-widget-button { flex-shrink: 0; } .cts-site [class*="cts-btn-"] .elementor-button-icon { font-size: 12px; display: inline-flex; margin: 0 !important; } .cts-site [class*="cts-btn-"] .elementor-button-icon svg { width: 12px; height: 12px; } .cts-btn--yellow, .cts-site .cts-btn-yellow .elementor-button { background: var(--cts-yellow); color: var(--cts-ink); fill: var(--cts-ink); } .cts-btn--yellow:hover, .cts-site .cts-btn-yellow .elementor-button:hover { background: #fff; color: var(--cts-ink); } .cts-site .cts-btn-navy .elementor-button:hover, .cts-btn:hover { background: var(--cts-yellow); color: var(--cts-ink); } .cts-site .cts-btn-outline .elementor-button { background: transparent; color: var(--cts-ink); border-color: var(--cts-line); padding: 12px 22px; font-size: 13px; } .cts-site .cts-btn-outline .elementor-button:hover { background: var(--cts-navy); color: #fff; border-color: var(--cts-navy); } .cts-site .cts-btn-white .elementor-button { background: #fff; color: var(--cts-ink); } .cts-site .cts-btn-white .elementor-button:hover { background: var(--cts-yellow); } .cts-site .cts-btn-square .elementor-button { border-radius: 4px; padding: 14px 28px; } .cts-site .cts-btn-block, .cts-site .cts-btn-block .elementor-button { width: 100%; } .cts-site .cts-btn-small .elementor-button { background: #fff; color: var(--cts-ink); border: 1px solid var(--cts-line); border-radius: 3px; padding: 8px 12px; font-size: 12px; } .cts-site .cts-btn-small .elementor-button:hover { background: var(--cts-navy); color: #fff; border-color: var(--cts-navy); } .cts-site .cts-btn-link .elementor-button { background: none; color: var(--cts-navy); padding: 0; border-radius: 0; text-decoration: underline; text-underline-offset: 3px; font-size: 13px; } .cts-site .cts-btn-link .elementor-button:hover { color: var(--cts-purple); background: none; } .cts-site .cts-circle-btn .elementor-button { position: relative; width: 30px; height: 30px; padding: 0; border-radius: 50%; background: var(--cts-yellow); color: var(--cts-ink); font-size: 12px; } .cts-site .cts-circle-btn .elementor-button-text { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; } /* -------------------------------------------------------------------------- Header -------------------------------------------------------------------------- */ .cts-header { position: absolute; inset: 0 0 auto 0; z-index: 50; color: #fff; transition: background .3s, box-shadow .3s, transform .3s; } .admin-bar .cts-header { top: 32px; } .cts-header-inner { width: min(100% - 32px, 1440px); margin-inline: auto; display: flex; align-items: center; gap: 32px; min-height: 110px; } .cts-header.is-sticky { position: fixed; background: var(--cts-navy); box-shadow: 0 8px 30px rgba(0, 0, 0, .15); animation: cts-drop .35s ease; } .cts-header.is-sticky .cts-header-inner { min-height: 82px; } @keyframes cts-drop { from { transform: translateY(-100%); } to { transform: none; } } .cts-logo { display: inline-flex; align-items: center; gap: 10px; color: #fff !important; flex: none; } .cts-logo-mark { width: 46px; height: 50px; display: block; --cts-logo-c1: #fff; --cts-logo-c2: var(--cts-yellow); --cts-logo-c3: var(--cts-navy); } .cts-logo-mark svg { width: 100%; height: 100%; display: block; overflow: visible; } .cts-logo-text { display: flex; flex-direction: column; font-family: var(--cts-head); line-height: 1; } .cts-logo-text strong { font-size: 22px; font-weight: 600; letter-spacing: .01em; text-transform: uppercase; white-space: nowrap; } .cts-logo-text small { font-family: var(--cts-body); font-size: 11.5px; font-weight: 500; letter-spacing: .03em; margin-top: 5px; color: var(--cts-lilac); white-space: nowrap; } /* Animated logo bulb: tilted, gentle swing, rays pulse, stars twinkle, cap bobs. */ .cts-lm-bulb { transform-box: view-box; transform-origin: 60px 124px; transform: rotate(-10deg); animation: cts-lm-swing 4.8s cubic-bezier(.45,0,.55,1) infinite; } .cts-lm-ray { transform-box: view-box; transform-origin: 60px 60px; animation: cts-lm-ray 2.4s ease-in-out infinite; } .cts-lm-r1, .cts-lm-r2 { animation-delay: .15s; } .cts-lm-r3, .cts-lm-r4 { animation-delay: .3s; } .cts-lm-r5, .cts-lm-r6 { animation-delay: .45s; } .cts-lm-star { transform-box: view-box; animation: cts-lm-twinkle 2.4s ease-in-out infinite; } .cts-lm-s1 { animation-delay: .2s; } .cts-lm-s2 { animation-delay: .4s; } .cts-lm-s3 { animation-delay: .6s; } .cts-lm-s4 { animation-delay: .8s; } .cts-lm-cap { transform-box: view-box; transform-origin: 60px 60px; animation: cts-lm-bob 2.4s ease-in-out infinite; } @keyframes cts-lm-swing { 0%, 100% { transform: rotate(-10deg); } 50% { transform: rotate(-4deg); } } @keyframes cts-lm-ray { 0%, 100% { opacity: .45; transform: scale(.94); } 50% { opacity: 1; transform: scale(1.04); } } @keyframes cts-lm-twinkle { 0%, 100% { transform: scale(1); opacity: 1; } 50% { transform: scale(.55); opacity: .55; } } @keyframes cts-lm-bob { 0%, 100% { transform: translateY(0) rotate(0); } 50% { transform: translateY(-2.5px) rotate(-3deg); } } .cts-logo:hover .cts-lm-bulb { animation-duration: 1.6s; } @media (prefers-reduced-motion: reduce) { .cts-lm-bulb, .cts-lm-ray, .cts-lm-star, .cts-lm-cap { animation: none; } } .cts-logo-img { max-height: 60px; width: auto; } .cts-nav { flex: 1; display: flex; justify-content: center; } .cts-menu, .cts-menu ul { list-style: none; margin: 0; padding: 0; } .cts-menu { display: flex; gap: 46px; } .cts-menu > li { position: relative; } .cts-menu > li > a { display: inline-flex; align-items: center; gap: 4px; color: #fff; font-size: 15px; font-weight: 500; padding: 36px 0; } .cts-header.is-sticky .cts-menu > li > a { padding: 26px 0; } .cts-menu > li > a .cts-ico { width: 14px; height: 14px; } .cts-menu > li > a:hover, .cts-menu > .current-menu-item > a, .cts-menu > .current-menu-ancestor > a { color: var(--cts-yellow); } .cts-menu .sub-menu { position: absolute; top: 100%; left: -24px; min-width: 240px; padding: 14px 0; background: #fff; border-radius: 8px; box-shadow: 0 20px 40px rgba(14, 28, 54, .14); border-top: 3px solid var(--cts-yellow); opacity: 0; visibility: hidden; transform: translateY(12px); transition: .25s; } .cts-menu .sub-menu .sub-menu { top: -14px; left: 100%; } .cts-menu li:hover > .sub-menu, .cts-menu li:focus-within > .sub-menu { opacity: 1; visibility: visible; transform: none; } .cts-menu .sub-menu a { display: block; padding: 8px 24px; color: var(--cts-ink); font-size: 14px; } .cts-menu .sub-menu a:hover, .cts-menu .sub-menu .current-menu-item > a { color: var(--cts-navy); background: var(--cts-cream); } .cts-header-actions { display: flex; align-items: center; gap: 16px; } .cts-icon-btn { background: none; border: 0; padding: 6px; color: inherit; cursor: pointer; display: inline-flex; font-size: 20px; line-height: 1; } .cts-icon-btn:hover { color: var(--cts-yellow); background: none; } .cts-icon-btn .cts-ico { width: 20px; height: 20px; } .cts-header-divider { width: 1px; height: 16px; background: rgba(255, 255, 255, .5); } .cts-header-apply { margin-left: 18px; padding: 15px 24px; } .cts-header-apply .cts-ico { width: 15px; height: 15px; } /* Search overlay */ .cts-search-overlay { position: fixed; inset: 0; z-index: 200; background: rgba(12, 29, 56, .96); display: flex; align-items: center; justify-content: center; } .cts-search-overlay[hidden] { display: none; } .cts-search-overlay form { width: min(90%, 760px); display: flex; border-bottom: 2px solid rgba(255, 255, 255, .5); } .cts-search-overlay input { flex: 1; background: none; border: 0; color: #fff; font-size: 30px; font-family: var(--cts-head); padding: 14px 0; outline: none; } .cts-search-overlay input::placeholder { color: rgba(255, 255, 255, .6); } .cts-search-overlay form button { background: none; border: 0; color: #fff; font-size: 26px; cursor: pointer; } .cts-search-close { position: absolute; top: 30px; right: 30px; color: #fff; } /* Side panel (hamburger + mobile menu) */ .cts-panel { position: fixed; inset: 0; z-index: 150; background: rgba(0, 0, 0, .5); opacity: 0; visibility: hidden; transition: .3s; } .cts-panel.is-open { opacity: 1; visibility: visible; } .cts-panel-box { position: absolute; top: 0; right: 0; bottom: 0; width: min(420px, 90vw); overflow-y: auto; background: var(--cts-navy); color: rgba(255, 255, 255, .8); padding: 40px 36px; transform: translateX(100%); transition: transform .35s ease; display: flex; flex-direction: column; gap: 30px; } .cts-panel.is-open .cts-panel-box { transform: none; } .cts-panel-close { position: absolute; top: 20px; right: 20px; color: #fff; } .cts-panel-nav { display: none; } .cts-mobile-menu, .cts-mobile-menu ul { list-style: none; margin: 0; padding: 0; } .cts-mobile-menu a { display: block; padding: 10px 0; color: #fff; border-bottom: 1px solid rgba(255, 255, 255, .1); font-weight: 500; } .cts-mobile-menu .sub-menu a { padding-left: 16px; font-weight: 400; color: rgba(255, 255, 255, .75); } .cts-panel-contact p { display: flex; gap: 12px; align-items: flex-start; margin: 0 0 14px; } .cts-panel-contact .cts-ico { color: var(--cts-yellow); width: 18px; height: 18px; margin-top: 3px; } .cts-panel-contact a { color: #fff; } .cts-panel .cts-btn { align-self: flex-start; } /* -------------------------------------------------------------------------- Page banner (Elementor container .cts-banner or theme template) -------------------------------------------------------------------------- */ .cts-site .cts-banner { position: relative; overflow: hidden; color: #fff; background-color: var(--cts-navy-dark); background-size: cover; background-position: center; } .cts-site section.cts-banner { padding: 190px 0 110px; } .cts-site .cts-banner::before { content: ""; position: absolute; inset: 0; z-index: 0; background: linear-gradient(90deg, rgba(5, 22, 45, .9) 0%, rgba(5, 22, 45, .7) 45%, rgba(5, 22, 45, .35) 100%); } .cts-site .cts-banner > * { position: relative; z-index: 1; } .cts-banner-inner { width: min(100% - 32px, var(--cts-wrap)); margin-inline: auto; } .cts-site .cts-banner .elementor-heading-title, .cts-site .cts-banner-title { color: #fff; font-size: 56px; font-weight: 500; line-height: 1.15; margin: 14px 0 0; } .cts-banner-line, .cts-site .cts-banner .elementor-widget.cts-banner-title::after { content: ""; display: block; width: 330px; max-width: 100%; height: 3px; margin: 24px 0 26px; background: linear-gradient(90deg, #fff 0 120px, rgba(255, 255, 255, .25) 120px 100%); background-size: 100% 1px; background-repeat: no-repeat; background-position: 0 1px; box-shadow: inset 120px 0 0 #fff; } .cts-site .cts-banner .elementor-widget.cts-banner-title::after { box-shadow: none; background: linear-gradient(90deg, #fff 0 120px, transparent 120px) 0 0 / 100% 2px no-repeat, linear-gradient(90deg, rgba(255,255,255,.25), rgba(255,255,255,.25)) 0 1px / 100% 1px no-repeat; } .cts-banner-line { box-shadow: none; background: linear-gradient(90deg, #fff 0 120px, transparent 120px) 0 0 / 100% 2px no-repeat, linear-gradient(90deg, rgba(255,255,255,.25), rgba(255,255,255,.25)) 0 1px / 100% 1px no-repeat; } .cts-banner-text, .cts-site .cts-banner .cts-banner-text { color: rgba(255, 255, 255, .9); max-width: 560px !important; font-size: 15px; margin: 0; } .cts-banner-meta { display: flex; flex-wrap: wrap; gap: 8px 22px; font-size: 14px; color: #fff; } .cts-banner-meta .cts-ico { color: var(--cts-yellow); margin-right: 6px; } .cts-banner-meta a { color: #fff; } .cts-breadcrumb { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; font-size: 15px; color: #fff; } .cts-breadcrumb a { color: #fff; } .cts-breadcrumb a:hover { color: var(--cts-yellow); } .cts-bc-sep .cts-ico { width: 14px; height: 14px; stroke-width: 2.4; } .cts-banner--post .cts-banner-title { font-size: 48px; } /* -------------------------------------------------------------------------- Section helpers used in Elementor -------------------------------------------------------------------------- */ .cts-site .cts-bg-white { background-color: #fff; } .cts-site .cts-bg-navy { background-color: var(--cts-navy); } .cts-site .cts-label .elementor-heading-title { display: inline-flex; align-items: center; gap: 8px; font-family: var(--cts-body); font-size: 13px; font-weight: 500; color: var(--cts-ink); line-height: 1.3; } .cts-site .cts-label .elementor-heading-title::before { content: ""; width: 18px; height: 14px; flex: none; background: var(--cts-yellow); -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 18'%3E%3Cpath d='M12 0 0 6l12 6 10-5v6h2V6L12 0Zm-7 9v4c2 3 4.5 4 7 4s5-1 7-4V9l-7 3.5L5 9Z'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 18'%3E%3Cpath d='M12 0 0 6l12 6 10-5v6h2V6L12 0Zm-7 9v4c2 3 4.5 4 7 4s5-1 7-4V9l-7 3.5L5 9Z'/%3E%3C/svg%3E") center / contain no-repeat; } .cts-site .cts-on-dark .cts-label .elementor-heading-title, .cts-site .cts-label.cts-light .elementor-heading-title { color: #fff; } .cts-site .cts-title .elementor-heading-title { font-size: 40px; font-weight: 500; line-height: 1.2; } .cts-site .cts-title-md .elementor-heading-title { font-size: 34px; font-weight: 500; } .cts-site .cts-title-sm .elementor-heading-title { font-size: 24px; font-weight: 500; } .cts-site .cts-faded { color: var(--cts-faded); } .cts-site .cts-on-dark .elementor-heading-title { color: #fff; } .cts-site .cts-on-dark .cts-faded { color: rgba(255, 255, 255, .42); } .cts-site .cts-on-dark .cts-text, .cts-site .cts-on-dark .cts-text p { color: rgba(255, 255, 255, .78); } .cts-site .cts-center, .cts-site .cts-center .elementor-heading-title { text-align: center; } .cts-site .cts-text { color: var(--cts-text); font-size: 15px; line-height: 1.75; } .cts-site .cts-text-sm { font-size: 14px; } .cts-site .cts-text ul { margin: 0; padding: 0; list-style: none; } .cts-site .cts-text ul li { position: relative; padding-left: 14px; margin-bottom: 6px; } .cts-site .cts-text ul li::before { content: ""; position: absolute; left: 0; top: .72em; width: 5px; height: 5px; border-radius: 50%; background: currentColor; } .cts-site .cts-text strong { color: var(--cts-ink); font-weight: 600; } .cts-site .cts-card { background: #fff; border-radius: var(--cts-radius); box-shadow: var(--cts-shadow); } .cts-site .cts-rounded img, .cts-site img.cts-rounded { border-radius: var(--cts-radius); } .cts-site .cts-img-cover, .cts-site .cts-img-cover .elementor-widget-container { height: 100%; } .cts-site .cts-img-cover img { width: 100%; height: 100%; object-fit: cover; border-radius: var(--cts-radius); display: block; } /* stripes decoration on cards */ .cts-site .cts-stripes { position: relative; overflow: hidden; } .cts-site .cts-stripes::after { content: ""; position: absolute; right: 0; bottom: 18px; width: 22px; height: 54px; pointer-events: none; background: repeating-linear-gradient(135deg, transparent 0 6px, #e9e4f3 6px 11px); } .cts-site .cts-stripes-left::after { right: auto; left: 0; } /* Grids for Elementor containers (no boxed inner wrapper) */ .cts-site .e-con.cts-grid-2, .cts-site .e-con.cts-grid-3, .cts-site .e-con.cts-grid-4 { --display: grid; display: grid; } .cts-site .e-con.cts-grid-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .cts-site .e-con.cts-grid-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .cts-site .e-con.cts-grid-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .cts-site .e-con.cts-grid-6 { --display: grid; display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); } .cts-site .e-con[class*="cts-grid-"] > .e-con { --width: auto; width: auto; } /* -------------------------------------------------------------------------- Home: hero -------------------------------------------------------------------------- */ .cts-site .cts-hero { position: relative; overflow: hidden; min-height: 100vh; justify-content: space-between; background: radial-gradient(120% 70% at 50% 0%, #2a3f73 0%, var(--cts-navy) 55%, var(--cts-navy-dark) 100%); } .cts-site .cts-hero > .e-con-inner { position: static; z-index: auto; } /* "CTS" sits half behind the people: photo (0) < word (1) < cut-out of the people (2) < shade (3) < text and buttons (4) */ .cts-site .cts-hero .cts-hero-photo, .cts-site .cts-hero .cts-hero-fg { position: absolute; left: 0; right: 0; bottom: 0; top: 27%; margin: 0; pointer-events: none; -webkit-mask-image: linear-gradient(180deg, transparent 0%, #000 16%); mask-image: linear-gradient(180deg, transparent 0%, #000 16%); } .cts-site .cts-hero .cts-hero-photo { z-index: 0; } .cts-site .cts-hero .cts-hero-fg { z-index: 2; -webkit-mask-image: none; mask-image: none; } .cts-site .cts-hero :is(.cts-hero-photo, .cts-hero-fg) :is(.elementor-widget-container, .elementor-image, a) { height: 100%; } .cts-site .cts-hero :is(.cts-hero-photo, .cts-hero-fg) img { width: 100%; height: 100%; max-width: none; object-fit: cover; object-position: center top; } .cts-site .cts-hero::before { content: ""; position: absolute; inset: 0; z-index: 3; pointer-events: none; background: linear-gradient(180deg, rgba(12, 29, 56, 0) 0%, rgba(12, 29, 56, 0) 52%, rgba(12, 29, 56, .55) 70%, rgba(9, 22, 44, .92) 100%); } .cts-site .cts-hero-bottom { position: relative; z-index: 4; } .cts-site .cts-hero .cts-hero-word { position: relative; z-index: 1; width: 100%; } .cts-site .cts-hero-word .elementor-heading-title { font-family: var(--cts-head); font-weight: 700; text-align: center; text-transform: uppercase; font-size: clamp(120px, 27vw, 470px); line-height: .8; letter-spacing: .06em; background: linear-gradient(180deg, rgba(255, 255, 255, .78) 0%, rgba(233, 226, 246, .45) 55%, rgba(197, 180, 227, .08) 100%); -webkit-background-clip: text; background-clip: text; color: transparent; } .cts-site .cts-hero-label .elementor-heading-title { font-family: var(--cts-body); color: #fff; font-size: 13px; font-weight: 500; display: inline-flex; gap: 8px; align-items: center; } .cts-site .cts-hero-label .elementor-heading-title::before { content: ""; width: 22px; height: 2px; background: var(--cts-lilac); } .cts-site .cts-hero-title .elementor-heading-title { color: #fff; font-size: 56px; font-weight: 500; line-height: 1.15; } .cts-site .cts-hero-tour { align-items: center; color: #fff; } .cts-site .cts-hero-tour .elementor-heading-title { color: #fff; font-family: var(--cts-body); font-size: 15px; font-weight: 500; } .cts-site .cts-play .elementor-button { width: 64px; height: 64px; border-radius: 50%; padding: 0; position: relative; background: rgba(255, 255, 255, .15); color: #fff; border: 1px solid rgba(255, 255, 255, .5); font-size: 16px; backdrop-filter: blur(4px); } .cts-site .cts-play .elementor-button::after { content: ""; position: absolute; inset: -8px; border-radius: 50%; border: 1px solid rgba(255, 255, 255, .25); animation: cts-pulse 2s infinite; } .cts-site .cts-play .elementor-button-text, .cts-site .cts-circle-btn .elementor-button-text { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; } .cts-site .cts-play .elementor-button-icon, .cts-site .cts-circle-btn .elementor-button-icon { font-size: inherit; } .cts-site .cts-play .elementor-button-content-wrapper, .cts-site .cts-circle-btn .elementor-button-content-wrapper { gap: 0; } .cts-site .cts-play .elementor-button:hover { background: var(--cts-yellow); color: var(--cts-ink); border-color: var(--cts-yellow); } .cts-site .cts-play-lg .elementor-button { width: 76px; height: 76px; background: rgba(255, 255, 255, .25); } @keyframes cts-pulse { 0% { transform: scale(.9); opacity: 1; } 100% { transform: scale(1.3); opacity: 0; } } /* -------------------------------------------------------------------------- Home: program cards -------------------------------------------------------------------------- */ .cts-site .cts-prog-card { background: #fff; border-radius: var(--cts-radius); padding: 26px 26px 0; box-shadow: var(--cts-shadow); align-items: flex-start; } .cts-site .cts-prog-card .cts-circle-btn { align-self: center; margin-bottom: -15px; } .cts-site .cts-card-icon .elementor-icon { font-size: 38px; color: var(--cts-navy); } .cts-site .cts-card-icon .elementor-icon svg { width: 38px; height: 38px; fill: var(--cts-navy); } .cts-site .cts-card-title .elementor-heading-title { font-size: 20px; } .cts-site .cts-card-text { font-size: 14px; line-height: 1.6; color: var(--cts-text); } .cts-site .cts-head-row { align-items: flex-end; justify-content: space-between; } /* Home: about */ .cts-site .cts-about-imgs { position: relative; } .cts-site .cts-about-img1 { width: 78%; } .cts-site .cts-about-img2 { width: 88%; align-self: flex-end; margin-top: -40px; } .cts-site .cts-about-imgs img { border-radius: var(--cts-radius); width: 100%; display: block; border: 6px solid var(--cts-cream); } .cts-site .cts-checklist ul { list-style: none; margin: 0; padding: 0; } .cts-site .cts-checklist li { display: flex; gap: 10px; align-items: center; padding: 6px 0; color: var(--cts-ink); font-size: 14px; font-weight: 500; } .cts-site .cts-checklist li::before { content: "✓"; flex: none; width: 20px; height: 20px; border-radius: 50%; border: 1px solid var(--cts-navy); display: inline-flex; align-items: center; justify-content: center; font-size: 11px; color: var(--cts-navy); } .cts-site .cts-award { background: var(--cts-navy); border-radius: var(--cts-radius); padding: 24px; color: #fff; } .cts-site .cts-award .elementor-icon { color: var(--cts-yellow); font-size: 34px; } .cts-site .cts-award .elementor-heading-title { color: #fff; font-size: 18px; } .cts-site .cts-award .cts-text { color: rgba(255, 255, 255, .8); font-size: 13px; line-height: 1.55; } /* Home: inside box */ .cts-site .cts-inside { background: var(--cts-navy); border-radius: 20px; overflow: hidden; position: relative; } .cts-site .cts-admission-card { background: var(--cts-navy-dark); border-radius: var(--cts-radius); padding: 26px; align-items: center; text-align: center; border: 1px solid rgba(255, 255, 255, .08); } .cts-site .cts-admission-card .elementor-heading-title { color: #fff; font-size: 20px; } .cts-site .cts-admission-card .cts-text { color: rgba(255, 255, 255, .75); font-size: 13px; } .cts-site .cts-emblem .elementor-icon { width: 76px; height: 76px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; font-size: 30px; color: #fff; background: var(--cts-navy); border: 4px solid rgba(255, 255, 255, .85); box-shadow: 0 0 0 6px var(--cts-navy); } .cts-site .cts-notice { background: #fff; border-radius: var(--cts-radius); padding: 22px 24px; } .cts-site .cts-notice h3, .cts-site .cts-notice h4 { font-size: 18px; margin-bottom: 10px; display: flex; gap: 8px; align-items: center; } .cts-site .cts-notice h3::before, .cts-site .cts-notice h4::before { content: ""; width: 4px; height: 18px; background: var(--cts-lilac); border-radius: 2px; } .cts-site .cts-notice ul { list-style: none; padding: 0; margin: 0; } .cts-site .cts-notice li { border-top: 1px solid var(--cts-line); padding: 10px 0; } .cts-site .cts-notice li::before { display: none; } .cts-site .cts-notice li strong { display: block; font-family: var(--cts-head); font-weight: 500; color: var(--cts-ink); font-size: 14px; } .cts-site .cts-notice li span { font-size: 12px; color: var(--cts-muted); } .cts-site .cts-faculty-card { position: relative; min-height: 290px; border-radius: var(--cts-radius); overflow: hidden; justify-content: flex-end; background-size: cover; background-position: center; border: 1px solid rgba(255, 255, 255, .12); } .cts-site .cts-faculty-card::before { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 45%, rgba(4, 20, 42, .85) 100%); transition: .3s; } .cts-site .cts-faculty-card:hover::before { background: linear-gradient(180deg, rgba(10, 52, 102, .2) 0%, rgba(4, 20, 42, .9) 100%); } .cts-site .cts-faculty-card > * { position: relative; } .cts-site .cts-faculty-card .elementor-heading-title { color: #fff; font-size: 19px; } /* Tabs (generic) */ .cts-site .cts-tabs-nav { align-items: center; } .cts-site .cts-tab-btn .elementor-button { background: none; border-radius: 0; padding: 8px 0; color: rgba(255, 255, 255, .8); font-size: 14px; font-weight: 500; border: 0; border-bottom: 2px solid transparent; } .cts-site .cts-tab-btn.is-active .elementor-button, .cts-site .cts-tab-btn .elementor-button:hover { color: var(--cts-purple); border-bottom-color: var(--cts-lilac); background: none; } .cts-site .cts-tab-panel:not(.is-active) { display: none !important; } body.elementor-editor-active .cts-tab-panel:not(.is-active) { display: flex !important; outline: 1px dashed rgba(253, 198, 44, .6); } /* tabs bar (program detail) */ .cts-site .cts-tabs--bar .cts-tabs-nav { background: #fff; border: 1px solid var(--cts-line); } .cts-site .cts-tabs--bar .cts-tab-btn { flex: 1 1 0; } .cts-site .cts-tabs--bar .cts-tab-btn + .cts-tab-btn { border-left: 1px solid var(--cts-line); } .cts-site .cts-tabs--bar .cts-tab-btn .elementor-button { width: 100%; padding: 22px 10px; color: var(--cts-ink); border: 0; } .cts-site .cts-tabs--bar .cts-tab-btn.is-active .elementor-button { background: var(--cts-navy); color: #fff; } .cts-site .cts-tabs--bar .cts-tab-btn .elementor-button:hover { color: var(--cts-navy); } .cts-site .cts-tabs--bar .cts-tab-btn.is-active .elementor-button:hover { color: #fff; } /* tabs underline (tuition) */ .cts-site .cts-tabs--under .cts-tab-btn .elementor-button { background: #fff; color: var(--cts-ink); padding: 18px 14px; border: 0; border-bottom: 2px solid transparent; border-radius: 0; } .cts-site .cts-tabs--under .cts-tab-btn.is-active .elementor-button { color: var(--cts-navy); border-bottom-color: var(--cts-navy); } .cts-site .cts-tabs--under .cts-tab-btn .elementor-button-content-wrapper { flex-direction: row; } .cts-site .cts-tabs--under .cts-tab-btn .elementor-button-icon { font-size: 15px; color: var(--cts-navy); } /* tabs pills (gallery filter) */ .cts-site .cts-tabs--pills .cts-tabs-nav { justify-content: center; } .cts-site .cts-tabs--pills .cts-tab-btn .elementor-button { background: var(--cts-navy); color: #fff; border-radius: 3px; padding: 15px 22px; border: 0; } .cts-site .cts-tabs--pills .cts-tab-btn.is-active .elementor-button, .cts-site .cts-tabs--pills .cts-tab-btn .elementor-button:hover { background: var(--cts-yellow); color: var(--cts-ink); } /* tabs side (faq) */ .cts-site .cts-tabs--side .cts-tab-btn .elementor-button { width: 100%; justify-content: flex-start; background: #fff; color: var(--cts-ink); border-radius: 3px; padding: 16px 20px; font-size: 16px; font-weight: 600; border: 0; } .cts-site .cts-tabs--side .cts-tab-btn .elementor-button-content-wrapper { flex-direction: row; gap: 12px; } .cts-site .cts-tabs--side .cts-tab-btn .elementor-button-icon { font-size: 18px; color: var(--cts-navy); } .cts-site .cts-tabs--side .cts-tab-btn.is-active .elementor-button { background: var(--cts-navy); color: #fff; } .cts-site .cts-tabs--side .cts-tab-btn.is-active .elementor-button-icon { color: #fff; } /* Marquee */ .cts-marquee { overflow: hidden; white-space: nowrap; padding: 26px 0; } .cts-marquee-track { display: inline-flex; align-items: center; gap: 30px; animation: cts-marquee 40s linear infinite; } .cts-marquee:hover .cts-marquee-track { animation-play-state: paused; } .cts-marquee-track span { font-family: var(--cts-head); font-weight: 600; font-size: 56px; line-height: 1; text-transform: uppercase; color: var(--cts-ink); } .cts-marquee-track span:nth-of-type(even) { color: #8a74c2; } .cts-marquee-track i { width: 40px; height: 40px; border-radius: 50%; flex: none; border: 2px solid var(--cts-muted); position: relative; background: radial-gradient(circle, var(--cts-navy) 0 6px, transparent 7px); } @keyframes cts-marquee { to { transform: translateX(-50%); } } /* Event list cards (home) */ .cts-site .cts-event-row { background: #fff; border-radius: var(--cts-radius); padding: 14px; align-items: center; box-shadow: var(--cts-shadow); } .cts-site .cts-event-row .cts-event-thumb { width: 42%; flex: none; } .cts-site .cts-event-row .cts-event-thumb img { aspect-ratio: 4 / 3; object-fit: cover; width: 100%; border-radius: 8px; display: block; } .cts-site .cts-meta, .cts-site .cts-meta p { font-size: 12px; color: var(--cts-muted); line-height: 1.5; } .cts-site .cts-meta .cts-ico { color: var(--cts-navy); margin-right: 4px; } .cts-site .cts-event-title .elementor-heading-title { font-size: 20px; line-height: 1.3; } .cts-site .cts-event-title a:hover { color: var(--cts-navy); } /* VC strip */ .cts-site .cts-vc { position: relative; background-size: cover; background-position: center bottom; } .cts-site .cts-vc::before { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, var(--cts-cream) 0 45%, rgba(12, 29, 56, .45) 45% 100%); } .cts-site .cts-vc > * { position: relative; } .cts-site .cts-vc-card { background: var(--cts-navy); border-radius: var(--cts-radius-lg); padding: 30px; align-items: center; box-shadow: 0 30px 60px rgba(12, 29, 56, .3); } .cts-site .cts-vc-photo { min-height: 250px; border-radius: var(--cts-radius); background-size: cover; background-position: center; align-items: center; justify-content: center; } .cts-site .cts-vc-quote { color: rgba(255, 255, 255, .85); font-style: italic; font-size: 16px; line-height: 1.75; } .cts-site .cts-vc-name .elementor-heading-title { color: #fff; font-size: 18px; } .cts-site .cts-vc-role { color: rgba(255, 255, 255, .7); font-size: 13px; } .cts-site .cts-sign .elementor-heading-title { font-family: "Brush Script MT", "Segoe Script", cursive; color: rgba(255, 255, 255, .8); font-size: 30px; font-weight: 400; } /* Campus life arches */ .cts-site .cts-arch img { width: 100%; aspect-ratio: 4 / 5; object-fit: cover; border-radius: 120px 120px 30px 30px; display: block; } .cts-site .cts-arch-2 img { border-radius: 30px 30px 120px 120px; } /* Professors */ .cts-site .cts-prof-card { background: #fff; border-radius: var(--cts-radius); padding: 26px 20px 24px; text-align: center; align-items: center; box-shadow: var(--cts-shadow); position: relative; } .cts-site .cts-prof-img img { width: 200px; height: 200px; border-radius: 50%; object-fit: cover; border: 6px solid var(--cts-cream); } .cts-site .cts-prof-card .elementor-heading-title { font-size: 20px; } .cts-site .cts-prof-role { font-size: 13px; color: var(--cts-muted); } /* Slider */ .cts-site .e-con.cts-slider { --display: flex; display: flex; flex-direction: row; flex-wrap: nowrap; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; padding-bottom: 6px !important; } .cts-site .e-con.cts-slider::-webkit-scrollbar { display: none; } .cts-site .e-con.cts-slider > .e-con { scroll-snap-align: start; flex: 0 0 calc((100% - var(--cts-slide-gap, 30px) * (var(--cts-per, 3) - 1)) / var(--cts-per, 3)); --width: auto; } .cts-site .cts-slider-2 { --cts-per: 2; } .cts-dots { display: flex; justify-content: center; gap: 2px; margin-top: 26px; width: 100%; } .cts-dots button { width: 7px; height: 7px; padding: 0; box-sizing: content-box; border: 8px solid transparent !important; background-clip: content-box !important; border-radius: 50%; border: 0; background: var(--cts-yellow); opacity: .5; cursor: pointer; transition: .3s; } .cts-dots button.is-active { background: var(--cts-navy); opacity: 1; } /* Admissions (home) */ .cts-site .cts-admit-stage { position: relative; border-radius: var(--cts-radius-lg); background-size: cover; background-position: center; min-height: 620px; } .cts-site .cts-apply-card { background: var(--cts-navy); border-radius: var(--cts-radius); padding: 30px; position: absolute; right: 40px; top: -110px; width: 400px; box-shadow: 0 30px 60px rgba(12, 29, 56, .3); } .cts-site .cts-apply-card .elementor-heading-title { color: #fff; font-size: 20px; } /* Home blog list (shortcode) */ .cts-post-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 30px; } .cts-post-row { display: flex; gap: 20px; align-items: center; background: #fff; border-radius: var(--cts-radius); padding: 14px; box-shadow: var(--cts-shadow); } .cts-post-row-thumb { width: 42%; flex: none; } .cts-post-row-thumb img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border-radius: 8px; display: block; } .cts-post-row h3 { font-size: 20px; line-height: 1.3; margin: 8px 0 14px; } .cts-post-row h3 a { color: var(--cts-ink); } .cts-post-row h3 a:hover { color: var(--cts-navy); } .cts-post-meta { display: flex; flex-wrap: wrap; gap: 6px 16px; font-size: 12px; color: var(--cts-muted); } .cts-post-meta span { display: inline-flex; align-items: center; gap: 6px; } .cts-post-meta .cts-ico { color: var(--cts-navy); } .cts-post-meta a { color: inherit; } .cts-author { display: flex; align-items: center; gap: 10px; font-size: 13px; color: var(--cts-ink); font-weight: 500; } .cts-author img { width: 34px; height: 34px; border-radius: 50%; object-fit: cover; } /* Gallery strip + CTA */ .cts-site .cts-strip { position: relative; } .cts-site .cts-strip .elementor-widget-image img { width: 100%; height: 230px; object-fit: cover; display: block; } .cts-site .cts-strip > .cts-strip-btn { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 2; width: auto; } .cts-site .cts-strip-btn .elementor-button { background: var(--cts-yellow); color: var(--cts-ink); font-size: 13px; font-weight: 600; text-transform: uppercase; letter-spacing: .02em; } .cts-site .cts-strip-btn .elementor-button:hover { background: #fff; } .cts-site .cts-cta { position: relative; background-size: cover; background-position: right center; } .cts-site .cts-cta::before { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(12, 29, 56, .97) 0%, rgba(12, 29, 56, .92) 45%, rgba(12, 29, 56, .2) 75%, rgba(12, 29, 56, 0) 100%); } .cts-site .cts-cta > * { position: relative; } /* -------------------------------------------------------------------------- Inner pages -------------------------------------------------------------------------- */ .cts-site .cts-side { background: #fff; border-radius: var(--cts-radius); padding: 24px 20px; position: sticky; top: 110px; } .cts-site .cts-side-title .elementor-heading-title { font-size: 18px; padding-bottom: 12px; position: relative; } .cts-site .cts-side-title .elementor-heading-title::after { content: ""; position: absolute; left: 0; bottom: 0; width: 50px; height: 2px; background: var(--cts-lilac); } .cts-site .cts-side-link .elementor-button { width: 100%; justify-content: space-between; background: var(--cts-cream); color: var(--cts-ink); border-radius: 4px; padding: 15px 16px; font-size: 14px; font-weight: 500; } .cts-site .cts-side-link .elementor-button-content-wrapper { width: 100%; justify-content: space-between; } .cts-site .cts-side-link.is-active .elementor-button, .cts-site .cts-side-link .elementor-button:hover { background: var(--cts-navy); color: #fff; } .cts-site .cts-quote-box { background: #fff; border-radius: var(--cts-radius); padding: 34px 34px 30px; } .cts-site .cts-quote-icon .elementor-icon { color: var(--cts-yellow); font-size: 30px; } .cts-site .cts-quote-icon.cts-navy .elementor-icon { color: var(--cts-navy); } .cts-site .cts-quote-text { font-style: italic; color: var(--cts-ink); font-size: 15px; line-height: 1.85; } .cts-site .cts-quote-author .elementor-heading-title { font-family: var(--cts-body); font-weight: 600; font-size: 14px; } .cts-site .cts-pair-imgs { position: relative; } .cts-site .cts-pair-imgs img { width: 100%; aspect-ratio: 4 / 3.3; object-fit: cover; border-radius: var(--cts-radius); display: block; } .cts-site .cts-pair-imgs > .cts-emblem { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 2; width: auto; } .cts-site .cts-stats { background-color: var(--cts-navy); border-radius: var(--cts-radius); padding: 30px 34px; justify-content: space-between; background-size: cover; position: relative; overflow: hidden; } .cts-site .cts-stats::before { content: ""; position: absolute; inset: 0; background: rgba(10, 52, 102, .9); } .cts-site .cts-stats > * { position: relative; } .cts-site .cts-stat { flex-direction: row !important; align-items: center; gap: 16px; width: auto; } .cts-site .cts-stat .elementor-icon { color: var(--cts-yellow); font-size: 38px; } .cts-site .cts-stat .elementor-heading-title { color: #fff; font-size: 34px; font-weight: 500; } .cts-site .cts-stat .cts-text { color: rgba(255, 255, 255, .85); font-size: 14px; } .cts-site .cts-feature-card { background: #fff; border-radius: var(--cts-radius); padding: 0 24px 28px; align-items: center; text-align: center; margin-top: 40px; box-shadow: var(--cts-shadow); } .cts-site .cts-feature-card .cts-icon-circle { margin-top: -40px; } .cts-site .cts-icon-circle .elementor-icon { width: 80px; height: 80px; border-radius: 50%; background: #fff; box-shadow: 0 8px 24px rgba(14, 28, 54, .1); display: inline-flex; align-items: center; justify-content: center; font-size: 30px; color: var(--cts-navy); } .cts-site .cts-feature-card .elementor-heading-title { font-size: 20px; } .cts-site .cts-video { min-height: 420px; border-radius: var(--cts-radius); background-size: cover; background-position: center; align-items: center; justify-content: center; position: relative; overflow: hidden; } .cts-site .cts-video::before { content: ""; position: absolute; inset: 0; background: rgba(5, 20, 40, .15); } .cts-site .cts-video > * { position: relative; } .cts-site .cts-video .elementor-heading-title { color: #fff; font-size: 20px; } .cts-site .cts-review-card { background: #fff; border-radius: var(--cts-radius); padding: 28px 30px; position: relative; } .cts-site .cts-review-card .cts-quote-icon { position: absolute; right: 30px; top: 26px; } .cts-site .cts-review-card .cts-quote-icon .elementor-icon { color: transparent; -webkit-text-stroke: 1.5px var(--cts-yellow); font-size: 40px; } .cts-site .cts-review-card .cts-quote-icon svg { fill: none !important; stroke: var(--cts-yellow); stroke-width: 24px; } .cts-site .cts-review-name .elementor-heading-title { font-size: 20px; } .cts-site .cts-review-role { font-size: 13px; color: var(--cts-text); margin-top: -12px; } .cts-site .cts-rating .elementor-heading-title { font-family: var(--cts-body); font-size: 38px; font-weight: 500; display: flex; align-items: center; gap: 8px; } .cts-site .cts-rating .elementor-heading-title small { font-size: 13px; color: #f2a100; letter-spacing: 2px; } .cts-site .cts-review-text { font-style: italic; color: var(--cts-ink); font-size: 15px; line-height: 1.75; } /* Mission */ .cts-site .cts-big-num .elementor-heading-title { font-size: 44px; font-weight: 500; } .cts-site .cts-timeline { border-left: 1px solid var(--cts-line); padding-left: 34px !important; position: relative; } .cts-site .cts-timeline::before { content: ""; position: absolute; left: -6px; top: 26px; width: 11px; height: 11px; border-radius: 50%; background: var(--cts-navy); box-shadow: 0 0 0 4px #fff, 0 0 0 5px var(--cts-line); } .cts-site .cts-shield .elementor-icon { font-size: 54px; color: var(--cts-yellow); } .cts-site .cts-marquee-sec { background: #fff; border-top: 1px solid var(--cts-line); border-bottom: 1px solid var(--cts-line); } /* Accordion */ .cts-site .cts-acc-item { background: #fff; border-radius: 4px; box-shadow: 0 6px 18px rgba(14, 28, 54, .05); overflow: hidden; } .cts-site .cts-acc-title { cursor: pointer; } .cts-site .cts-acc-title .elementor-heading-title { display: flex; justify-content: space-between; align-items: center; gap: 20px; padding: 20px 24px; font-size: 20px; } .cts-site .cts-acc-title .elementor-heading-title::after { content: ""; width: 14px; height: 14px; flex: none; background: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 6 5 5 5-5M7 13l5 5 5-5'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 6 5 5 5-5M7 13l5 5 5-5'/%3E%3C/svg%3E") center / contain no-repeat; transition: transform .25s; } .cts-site .cts-acc-item.is-open .cts-acc-title .elementor-heading-title { color: var(--cts-navy); } .cts-site .cts-acc-item.is-open .cts-acc-title .elementor-heading-title::after { transform: rotate(-90deg); } .cts-site .cts-acc-body { padding: 0 24px 24px !important; } .cts-site .cts-acc-item:not(.is-open) > .cts-acc-body { display: none; } body.elementor-editor-active .cts-acc-item:not(.is-open) > .cts-acc-body { display: flex; opacity: .6; } .cts-site .cts-acc--navy .cts-acc-item.is-open .cts-acc-title { background: var(--cts-navy); } .cts-site .cts-acc--navy .cts-acc-item.is-open .cts-acc-title .elementor-heading-title { color: #fff; } .cts-site .cts-acc--navy .cts-acc-item.is-open .cts-acc-title .elementor-heading-title::after { transform: rotate(-90deg); } .cts-site .cts-acc--navy .cts-acc-title .elementor-heading-title { font-family: var(--cts-body); font-size: 15px; font-weight: 500; padding: 18px 20px; } .cts-site .cts-acc--navy .cts-acc-body { padding: 24px !important; } .cts-site .cts-dotline { border-left: 1px solid var(--cts-line); padding-left: 20px; position: relative; } .cts-site .cts-dotline::before { content: ""; position: absolute; left: -4px; top: 6px; width: 7px; height: 7px; border-radius: 50%; background: var(--cts-navy); } .cts-site .cts-adm-card { background: #fff; border-radius: var(--cts-radius); padding: 22px 12px 12px; align-items: center; text-align: center; box-shadow: var(--cts-shadow); } .cts-site .cts-adm-card .elementor-heading-title { font-size: 22px; } .cts-site .cts-adm-card .cts-text { font-size: 14px; padding: 0 16px; } .cts-site .cts-adm-card .cts-btn-navy { margin-bottom: -40px; z-index: 2; margin-top: 6px; } .cts-site .cts-adm-card .cts-btn-navy .elementor-button { padding: 12px 20px; font-size: 13px; } .cts-site .cts-adm-card .elementor-widget-image img { width: 100%; aspect-ratio: 16 / 10; object-fit: cover; border-radius: 8px; display: block; } /* Founder */ .cts-site .cts-person-card { background: #fff; border-radius: var(--cts-radius); padding: 10px 10px 26px; text-align: center; align-items: center; } .cts-site .cts-person-card img { width: 100%; aspect-ratio: 1 / 1.08; object-fit: cover; border-radius: 8px; display: block; } .cts-site .cts-person-card .elementor-heading-title { font-size: 22px; } .cts-site .cts-gallery img { width: 100%; aspect-ratio: 1 / 1; object-fit: cover; border-radius: 6px; display: block; transition: transform .4s; } .cts-site .cts-gallery .elementor-widget-image { overflow: hidden; border-radius: 6px; } .cts-site .cts-gallery .elementor-widget-image:hover img { transform: scale(1.06); } /* Events grid */ .cts-site .cts-event-card { background: #fff; border-radius: var(--cts-radius); padding: 10px 10px 24px; box-shadow: var(--cts-shadow); } .cts-site .cts-event-media { position: relative; } .cts-site .cts-event-media img { width: 100%; aspect-ratio: 16 / 11.3; object-fit: cover; border-radius: 8px; display: block; } .cts-site .cts-event-media > .cts-tag { position: absolute; left: 12px; bottom: 0; width: auto; } .cts-site .cts-tag .elementor-heading-title { background: var(--cts-yellow); color: var(--cts-ink); font-family: var(--cts-body); font-size: 12px; font-weight: 500; padding: 6px 11px; border-radius: 3px 3px 0 0; } .cts-site .cts-event-body { padding: 0 12px !important; } .cts-site .cts-event-date { font-size: 13px; color: var(--cts-text); border-bottom: 1px solid var(--cts-line); padding-bottom: 14px; } .cts-site .cts-event-date span.sep { display: inline-block; width: 14px; height: 1px; background: var(--cts-muted); vertical-align: middle; margin: 0 10px; } /* Program list */ .cts-filter { background: #fff; border-radius: var(--cts-radius); padding: 26px 24px; } .cts-filter h3 { font-size: 18px; padding-bottom: 14px; border-bottom: 1px solid var(--cts-line); position: relative; margin-bottom: 22px; } .cts-filter h3::after { content: ""; position: absolute; left: 0; bottom: -1px; width: 50px; height: 2px; background: var(--cts-navy); } .cts-filter h4 { font-size: 14px; font-weight: 600; margin: 0 0 12px; } .cts-filter label { display: flex; gap: 8px; align-items: flex-start; font-size: 14px; color: var(--cts-text); margin-bottom: 8px; cursor: pointer; line-height: 1.4; } .cts-filter input[type="checkbox"] { margin-top: 2px; accent-color: var(--cts-navy); } .cts-filter-group { margin-bottom: 26px; } .cts-filter-group:last-child { margin-bottom: 0; } .cts-filter .cts-more { font-size: 12px; text-decoration: underline; color: var(--cts-ink); background: none; border: 0; padding: 0; cursor: pointer; } .cts-filter-group:not(.is-expanded) label:nth-of-type(n+6) { display: none; } .cts-prog-toolbar { display: flex; justify-content: space-between; align-items: center; gap: 20px; } .cts-prog-toolbar p { margin: 0; font-size: 14px; } .cts-prog-toolbar strong { color: var(--cts-ink); } .cts-prog-search { position: relative; width: 420px; max-width: 100%; } .cts-prog-search input { width: 100%; background: #fff; border: 1px solid var(--cts-line); border-radius: 3px; padding: 12px 40px 12px 16px; font-size: 13px; } .cts-prog-search .cts-ico { position: absolute; right: 14px; top: 50%; transform: translateY(-50%); color: var(--cts-ink); } .cts-site .cts-prog-item { background: #fff; border-radius: var(--cts-radius); padding: 10px 10px 10px 34px; align-items: center; box-shadow: var(--cts-shadow); } .cts-site .cts-prog-item.is-hidden { display: none !important; } .cts-site .cts-prog-item .elementor-widget-image { width: 34%; flex: none; } .cts-site .cts-prog-item img { width: 100%; aspect-ratio: 1.17 / 1; object-fit: cover; border-radius: 8px; display: block; } .cts-site .cts-prog-item .cts-title-sm .elementor-heading-title { font-size: 24px; } .cts-pills { display: flex; flex-wrap: wrap; gap: 8px; } .cts-pill { display: inline-block; border: 1px solid var(--cts-line); border-radius: 3px; font-size: 12px; padding: 4px 10px; color: var(--cts-ink); } /* Program detail */ .cts-site .cts-hl-card { background: #fff; border-radius: var(--cts-radius); padding: 26px 22px; flex-direction: row !important; align-items: center; gap: 16px; } .cts-site .cts-hl-card .elementor-icon { width: 64px; height: 64px; border-radius: 50%; background: var(--cts-cream); display: inline-flex; align-items: center; justify-content: center; font-size: 26px; color: var(--cts-ink); } .cts-site .cts-hl-card .elementor-heading-title { font-size: 22px; } .cts-site .cts-hl-card .cts-text { font-size: 14px; color: var(--cts-ink); } .cts-site .cts-help-card { min-height: 400px; border-radius: var(--cts-radius); overflow: hidden; background-size: cover; background-position: center; align-items: center; justify-content: center; text-align: center; position: relative; padding: 36px 20px; } .cts-site .cts-help-card::before { content: ""; position: absolute; inset: 0; background: rgba(7, 26, 50, .72); } .cts-site .cts-help-card > * { position: relative; } .cts-site .cts-help-card .elementor-heading-title { color: #fff; font-size: 18px; } .cts-site .cts-help-card .cts-help-phone .elementor-heading-title { color: var(--cts-yellow); font-size: 26px; } .cts-site .cts-help-card .cts-emblem .elementor-icon { width: 70px; height: 70px; background: rgba(255, 255, 255, .2); border-width: 3px; box-shadow: none; } .cts-site .cts-panel-card { background: #fff; border-radius: var(--cts-radius); overflow: hidden; box-shadow: var(--cts-shadow); } .cts-site .cts-panel-card > .cts-panel-head { background: var(--cts-navy); padding: 20px 24px !important; } .cts-site .cts-panel-head .elementor-heading-title { color: #fff; font-size: 18px; } .cts-topics { width: 100%; border-collapse: collapse; } .cts-topics th, .cts-topics td { text-align: left; vertical-align: top; padding: 6px 0; font-size: 14px; border: 0; background: none !important; } .cts-topics th { font-family: var(--cts-head); font-weight: 500; color: var(--cts-ink); width: 30%; padding-right: 20px; } .cts-topics td::before { content: "• "; } /* Tables */ .cts-table { width: 100%; border-collapse: collapse; background: #fff; font-size: 14px; } .cts-table th { background: var(--cts-navy); color: #fff; font-family: var(--cts-head); font-weight: 500; text-align: left; padding: 15px 20px; border: 1px solid rgba(255, 255, 255, .15); font-size: 14px; } .cts-table td { padding: 13px 20px; border: 1px solid var(--cts-line); color: var(--cts-text); vertical-align: middle; background: #fff; } .cts-table tr:nth-child(even) td { background: #fff; } .cts-table-wrap { overflow-x: auto; } /* Tuition */ .cts-site .cts-cost-card { background: #fff; border-radius: var(--cts-radius-lg); padding: 30px; align-items: center; } /* Apply */ .cts-site .cts-req-card { background: #fff; border-radius: var(--cts-radius); padding: 34px 40px; } .cts-site .cts-req-card h3, .cts-site .cts-req-card h5 { font-family: var(--cts-head); font-weight: 500; font-size: 15px; color: var(--cts-navy); margin: 0 0 8px; } .cts-site .cts-req-card ul { margin-bottom: 26px; } .cts-site .cts-req-card li { margin-bottom: 4px; font-size: 14px; } /* Contact */ .cts-site .cts-info-card { background: #fff; border-radius: var(--cts-radius); padding: 40px 20px 36px; align-items: center; text-align: center; } .cts-site .cts-info-card .elementor-icon { font-size: 38px; color: var(--cts-navy); } .cts-site .cts-info-card .elementor-heading-title { font-size: 24px; } .cts-site .cts-info-card .cts-text { color: var(--cts-ink); } .cts-site .cts-map iframe { height: 100%; min-height: 560px; width: 100%; border-radius: var(--cts-radius); display: block; border: 0; } .cts-site .cts-map, .cts-site .cts-map .elementor-widget-container, .cts-site .cts-map .elementor-custom-embed { height: 100%; } /* -------------------------------------------------------------------------- Forms -------------------------------------------------------------------------- */ .cts-form { display: grid; gap: 18px; } .cts-form .cts-row { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; } .cts-form label { display: block; font-size: 14px; color: var(--cts-ink); font-weight: 500; margin-bottom: 8px; } .cts-form input[type="text"], .cts-form input[type="email"], .cts-form input[type="tel"], .cts-form input[type="date"], .cts-form input[type="number"], .cts-form select, .cts-form textarea { width: 100%; border: 1px solid var(--cts-line); background: #fff; border-radius: 3px; padding: 13px 16px; font-size: 14px; color: var(--cts-ink); outline: none; transition: border-color .2s; } .cts-form select { appearance: none; background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235b6170' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") right 14px center / 14px no-repeat; padding-right: 36px; } .cts-form input:focus, .cts-form select:focus, .cts-form textarea:focus { border-color: var(--cts-navy); } .cts-form textarea { min-height: 130px; resize: vertical; } .cts-form h3 { font-size: 20px; margin-top: 10px; } .cts-form .cts-check { display: flex; gap: 10px; align-items: center; font-size: 14px; color: var(--cts-text); font-weight: 400; margin: 0; } .cts-form .cts-check input { accent-color: var(--cts-yellow); width: 16px; height: 16px; } .cts-form button[type="submit"] { width: 100%; border: 0; border-radius: 3px; padding: 16px; background: var(--cts-yellow); color: var(--cts-ink); font-weight: 600; font-size: 15px; cursor: pointer; transition: background .2s; } .cts-form button[type="submit"]:hover { background: var(--cts-yellow-2); } .cts-form input[type="file"] { font-size: 13px; } .cts-form input[type="file"]::file-selector-button { background: var(--cts-navy); color: #fff; border: 0; border-radius: 3px; padding: 9px 18px; margin-right: 12px; cursor: pointer; } .cts-form-note { padding: 12px 16px; border-radius: 4px; font-size: 14px; background: #e8f5ec; color: #1f6b3a; } .cts-form-note.is-error { background: #fdecec; color: #9b1c1c; } .cts-hp { position: absolute !important; left: -9999px; } /* dark (navy) forms */ .cts-form--dark input[type="text"], .cts-form--dark input[type="email"], .cts-form--dark input[type="tel"], .cts-form--dark select, .cts-form--dark textarea { background: rgba(4, 22, 48, .45); border-color: transparent; color: #fff; } .cts-form--dark ::placeholder { color: rgba(255, 255, 255, .55); } .cts-form--dark select { color: rgba(255, 255, 255, .7); } .cts-form--dark .cts-check { color: rgba(255, 255, 255, .8); } .cts-form--compact { gap: 12px; } .cts-form--compact .cts-row { gap: 12px; } .cts-form--compact input, .cts-form--compact select, .cts-form--compact textarea { padding: 11px 14px !important; font-size: 13px !important; border: 1px solid rgba(255, 255, 255, .12) !important; background: transparent !important; } .cts-form--compact textarea { min-height: 90px; } .cts-site .cts-form-card { background: #fff; border-radius: var(--cts-radius); padding: 30px; } .cts-site .cts-contact-card { background: var(--cts-navy); border-radius: var(--cts-radius); padding: 44px 40px; border-top: 5px solid var(--cts-yellow); } .cts-site .cts-contact-card .elementor-heading-title { color: #fff; font-size: 34px; } /* -------------------------------------------------------------------------- Footer -------------------------------------------------------------------------- */ .cts-footer { background: var(--cts-navy); color: rgba(255, 255, 255, .78); position: relative; overflow: hidden; } .cts-footer-inner { display: grid; grid-template-columns: calc(max(16px, (100vw - var(--cts-wrap)) / 2) + 340px) 1fr; } .cts-footer-brand { background: var(--cts-navy-dark); padding: 110px 60px 50px max(16px, calc((100vw - var(--cts-wrap)) / 2)); display: flex; flex-direction: column; gap: 28px; } .cts-footer-contact { display: grid; grid-template-columns: auto auto; gap: 40px; font-size: 14px; } .cts-footer-contact > div { display: flex; flex-direction: column; gap: 14px; } .cts-footer-label { font-family: var(--cts-head); font-size: 14px; color: #fff; font-weight: 500; } .cts-footer-contact a { color: #fff; } .cts-footer-social { display: flex; align-items: center; gap: 10px; margin-top: auto; padding-top: 60px; color: #fff; font-weight: 500; font-size: 14px; } .cts-footer-social span { margin-right: 6px; } .cts-footer-social a { width: 32px; height: 32px; display: inline-flex; align-items: center; justify-content: center; background: rgba(255, 255, 255, .06); color: #fff; border-radius: 3px; } .cts-footer-social a:hover { background: var(--cts-yellow); color: var(--cts-ink); } .cts-footer-social .cts-ico { width: 14px; height: 14px; } .cts-footer-main { padding: 110px max(16px, calc((100vw - var(--cts-wrap)) / 2)) 50px 90px; display: flex; flex-direction: column; } .cts-footer-cols { display: grid; grid-template-columns: 1fr 1fr 1.25fr; gap: 40px; flex: 1; } .cts-footer-title { color: #fff !important; font-size: 22px !important; padding-bottom: 14px; margin-bottom: 24px !important; position: relative; display: inline-block; } .cts-footer-title::after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: linear-gradient(90deg, #fff 0 50%, rgba(255, 255, 255, .15) 50%); } .cts-footer-menu { list-style: none; margin: 0; padding: 0; display: grid; gap: 12px; } .cts-footer-menu a { color: rgba(255, 255, 255, .78); font-size: 14px; } .cts-footer-menu a:hover, .cts-footer-menu .current-menu-item > a { color: var(--cts-yellow); } .cts-footer-bottom { border-top: 1px solid rgba(255, 255, 255, .12); margin-top: 70px; padding-top: 26px; color: #fff; font-size: 14px; } .cts-footer .cts-form-note { margin-top: 12px; } /* -------------------------------------------------------------------------- Blog -------------------------------------------------------------------------- */ .cts-section { padding: 120px 0; } .cts-blog-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 30px; } .cts-post-card { background: #fff; border-radius: var(--cts-radius); padding: 12px 12px 30px; position: relative; overflow: hidden; } .cts-post-card::after { content: ""; position: absolute; right: 0; bottom: 34px; width: 22px; height: 54px; background: repeating-linear-gradient(135deg, transparent 0 6px, #e9e4f3 6px 11px); } .cts-post-card-thumb { display: block; overflow: hidden; border-radius: 8px; } .cts-post-card-thumb img { width: 100%; aspect-ratio: 16 / 10; object-fit: cover; display: block; transition: transform .4s; } .cts-post-card:hover .cts-post-card-thumb img { transform: scale(1.05); } .cts-post-card-body { padding: 22px 14px 0; } .cts-post-card h3 { font-size: 21px; line-height: 1.35; margin: 8px 0 18px; font-weight: 400; } .cts-post-card h3 a { color: var(--cts-ink); } .cts-post-card h3 a:hover { color: var(--cts-navy); } .cts-pagination { margin-top: 50px; display: flex; justify-content: center; } .cts-pagination .nav-links { display: flex; gap: 8px; } .cts-pagination .page-numbers { width: 32px; height: 32px; display: inline-flex; align-items: center; justify-content: center; background: #fff; border: 1px solid var(--cts-line); border-radius: 3px; font-size: 12px; color: var(--cts-ink); } .cts-pagination .page-numbers.current, .cts-pagination .page-numbers:hover { background: var(--cts-navy); color: #fff; border-color: var(--cts-navy); } .cts-pagination .cts-ico { width: 12px; height: 12px; } .cts-empty { text-align: center; padding: 40px; background: #fff; border-radius: var(--cts-radius); } /* single */ .cts-single-layout { display: grid; grid-template-columns: minmax(0, 1fr) 360px; gap: 30px; align-items: start; } .cts-entry-thumb img { width: 100%; border-radius: var(--cts-radius); display: block; margin-bottom: 30px; } .cts-entry { font-size: 15px; } .cts-entry h2, .cts-entry h3 { font-size: 30px; margin: 30px 0 16px; } .cts-entry h4 { font-size: 22px; margin: 26px 0 12px; } .cts-entry > *:first-child { margin-top: 0; } .cts-entry blockquote, .cts-entry .wp-block-quote { background: #fff; border: 0; border-radius: var(--cts-radius); padding: 30px 34px 30px 92px; margin: 30px 0; position: relative; color: var(--cts-ink); font-size: 15px; line-height: 1.8; font-style: normal; } .cts-entry blockquote::before { content: ""; position: absolute; left: 34px; top: 34px; width: 30px; height: 26px; background: var(--cts-navy); -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 4h7v7l-3 9H5l2-9H4V4Zm9 0h7v7l-3 9h-3l2-9h-3V4Z'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 4h7v7l-3 9H5l2-9H4V4Zm9 0h7v7l-3 9h-3l2-9h-3V4Z'/%3E%3C/svg%3E") center / contain no-repeat; } .cts-entry blockquote p { margin-bottom: 12px; } .cts-entry blockquote cite { font-style: normal; font-weight: 600; font-size: 14px; display: block; margin-top: 10px; } .cts-entry blockquote cite::before { content: "- "; } .cts-entry .wp-block-gallery, .cts-entry .cts-two-img { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; margin: 24px 0; } .cts-entry .wp-block-image img, .cts-entry .cts-two-img img, .cts-entry .wp-block-gallery img { border-radius: var(--cts-radius); width: 100%; height: 100%; object-fit: cover; display: block; } .cts-entry figure { margin: 0; } .cts-entry .wp-block-gallery > figure { width: 100% !important; margin: 0 !important; } .cts-entry .wp-block-gallery img { aspect-ratio: 4 / 3; } .cts-entry-footer { border-top: 1px solid var(--cts-line); border-bottom: 1px solid var(--cts-line); padding: 20px 6px; margin-top: 30px; display: flex; gap: 14px; align-items: center; flex-wrap: wrap; } .cts-entry-footer strong { color: var(--cts-ink); font-family: var(--cts-head); font-weight: 500; } .cts-entry-footer a { background: #fff; padding: 6px 12px; border-radius: 3px; font-size: 13px; color: var(--cts-text); } .cts-entry-footer a:hover { background: var(--cts-navy); color: #fff; } .cts-post-nav { display: flex; justify-content: space-between; gap: 30px; padding: 20px 0 40px; } .cts-post-nav a { display: flex; align-items: center; gap: 14px; color: var(--cts-ink); max-width: 50%; } .cts-post-nav a.next { text-align: right; margin-left: auto; flex-direction: row-reverse; } .cts-post-nav img { width: 64px; height: 64px; border-radius: 50%; object-fit: cover; flex: none; } .cts-post-nav small { display: block; font-size: 12px; color: var(--cts-text); } .cts-post-nav strong { font-family: var(--cts-head); font-weight: 500; font-size: 15px; line-height: 1.35; display: block; } .cts-sidebar { display: grid; gap: 30px; } .cts-widget { background: #fff; border-radius: var(--cts-radius); padding: 30px; } .cts-widget-title, .cts-widget .wp-block-heading { font-size: 20px !important; padding-bottom: 14px; margin-bottom: 22px !important; position: relative; } .cts-widget-title::after, .cts-widget .wp-block-heading::after { content: ""; position: absolute; left: 0; bottom: 0; width: 50px; height: 2px; background: linear-gradient(90deg, var(--cts-ink) 0 12px, transparent 12px 16px, var(--cts-lilac) 16px); } .cts-widget ul { list-style: none; margin: 0; padding: 0; } .cts-widget .cts-cats li { display: flex; justify-content: space-between; border-bottom: 1px solid var(--cts-line); padding: 12px 0; font-size: 14px; } .cts-widget .cts-cats li:last-child { border-bottom: 0; } .cts-widget .cts-cats a { color: var(--cts-ink); } .cts-widget .cts-cats a:hover { color: var(--cts-navy); } .cts-recent li { display: flex; gap: 14px; align-items: center; padding: 14px 0; border-bottom: 1px solid var(--cts-line); } .cts-recent li:first-child { padding-top: 0; } .cts-recent li:last-child { border-bottom: 0; padding-bottom: 0; } .cts-recent img { width: 76px; height: 76px; object-fit: cover; border-radius: 6px; flex: none; } .cts-recent small { display: flex; gap: 6px; align-items: center; font-size: 12px; color: var(--cts-text); } .cts-recent small .cts-ico { color: var(--cts-purple); } .cts-recent a { font-family: var(--cts-head); font-weight: 500; color: var(--cts-ink); font-size: 14px; line-height: 1.4; } .cts-searchform { position: relative; } .cts-searchform input { width: 100%; border: 1px solid var(--cts-line); border-radius: 4px; padding: 14px 44px 14px 16px; font-size: 13px; background: #fff; } .cts-searchform button { position: absolute; right: 8px; top: 50%; transform: translateY(-50%); background: none; border: 0; color: var(--cts-purple); cursor: pointer; padding: 6px; } /* comments */ .cts-comments { background: #fff; border-radius: var(--cts-radius); padding: 44px 40px; } .cts-comments .comment-reply-title, .cts-comments .comments-title { font-size: 24px; margin-bottom: 8px; } .cts-comments .comment-notes, .cts-comments .logged-in-as { font-size: 13px; margin-bottom: 20px; } .cts-comments .comment-form { display: grid; grid-template-columns: 1fr 1fr; gap: 18px 24px; } .cts-comments .comment-form > p { margin: 0; grid-column: 1 / -1; } .cts-comments .comment-form-author, .cts-comments .comment-form-email { grid-column: auto !important; } .cts-comments input[type="text"], .cts-comments input[type="email"], .cts-comments input[type="url"], .cts-comments textarea { width: 100%; border: 0; border-bottom: 1px solid var(--cts-line); background: none; padding: 12px 0; font-size: 14px; outline: none; border-radius: 0; } .cts-comments textarea { min-height: 110px; } .cts-comments input:focus, .cts-comments textarea:focus { border-color: var(--cts-navy); } .cts-comments .comment-form-cookies-consent { display: flex; gap: 10px; align-items: center; font-size: 14px; } .cts-comments .form-submit input { background: var(--cts-navy); color: #fff; border: 0; border-radius: 4px; padding: 15px 30px; font-weight: 600; cursor: pointer; } .cts-comments .form-submit input:hover { background: var(--cts-yellow); color: var(--cts-ink); } .cts-comments .comment-list { list-style: none; padding: 0; margin: 0 0 40px; } .cts-comments .comment-body { border-bottom: 1px solid var(--cts-line); padding: 20px 0; } .cts-comments .children { list-style: none; padding-left: 40px; } .cts-comments .avatar { border-radius: 50%; float: left; margin-right: 16px; } .cts-comments .comment-meta { font-size: 13px; } .cts-comments .fn { font-family: var(--cts-head); font-style: normal; color: var(--cts-ink); } /* plain pages */ .cts-page-content { background: #fff; border-radius: var(--cts-radius); padding: 50px; } /* Lightbox */ .cts-lightbox { position: fixed; inset: 0; z-index: 300; background: rgba(0, 0, 0, .85); display: flex; align-items: center; justify-content: center; padding: 20px; } .cts-lightbox[hidden] { display: none; } .cts-lightbox-box { width: min(960px, 100%); position: relative; } .cts-lightbox-frame { aspect-ratio: 16 / 9; background: #000; } .cts-lightbox-frame iframe, .cts-lightbox-frame video { width: 100%; height: 100%; border: 0; display: block; } .cts-lightbox-close { position: absolute; top: -44px; right: 0; color: #fff; } /* -------------------------------------------------------------------------- Responsive -------------------------------------------------------------------------- */ @media (max-width: 1200px) { .cts-menu { gap: 28px; } .cts-header-apply { margin-left: 4px; } } @media (max-width: 1024px) { .cts-nav, .cts-header-divider, .cts-header-apply { display: none; } .cts-header-inner { justify-content: space-between; min-height: 86px; } .cts-panel-nav { display: block; } .cts-site .cts-banner { padding: 150px 0 80px; } .cts-site .cts-banner .elementor-heading-title, .cts-banner-title, .cts-site .cts-hero-title .elementor-heading-title { font-size: 42px; } .cts-site .cts-title .elementor-heading-title { font-size: 34px; } .cts-site .e-con.cts-grid-4 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .cts-site .e-con.cts-grid-3 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .cts-site .e-con.cts-slider > .e-con { flex-basis: calc((100% - 30px) / 2); } .cts-blog-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .cts-single-layout { grid-template-columns: 1fr; } .cts-footer-inner { grid-template-columns: 1fr; } .cts-footer-brand { padding: 70px 16px 40px; } .cts-footer-main { padding: 60px 16px 40px; } .cts-site .cts-apply-card { position: relative; right: auto; top: auto; width: auto; margin: 0 20px -40px; transform: translateY(-60px); } .cts-site .cts-admit-stage { min-height: 0; padding-top: 360px !important; } .cts-marquee-track span { font-size: 40px; } .cts-post-list { grid-template-columns: 1fr; } } @media (max-width: 767px) { .cts-site .e-con.cts-grid-2, .cts-site .e-con.cts-grid-3, .cts-site .e-con.cts-grid-4 { grid-template-columns: 1fr; } .cts-site .e-con.cts-slider > .e-con { flex-basis: 86%; } .cts-site .e-con.cts-grid-6 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .cts-site .cts-banner .elementor-heading-title, .cts-banner-title, .cts-site .cts-hero-title .elementor-heading-title { font-size: 34px; } .cts-site .cts-title .elementor-heading-title { font-size: 30px; } .cts-site .cts-title-md .elementor-heading-title { font-size: 26px; } .cts-blog-grid { grid-template-columns: 1fr; } .cts-footer-cols { grid-template-columns: 1fr; gap: 30px; } .cts-form .cts-row, .cts-comments .comment-form { grid-template-columns: 1fr; } .cts-header-inner { min-height: 76px; } .cts-logo-text strong { font-size: 17px; } .cts-logo-text small { font-size: 10px; } .cts-logo-mark { width: 38px; height: 44px; } .cts-site .cts-event-row .cts-event-thumb, .cts-post-row-thumb { width: 100%; } .cts-post-row { flex-direction: column; align-items: stretch; } .cts-site .cts-prog-item { padding: 10px; } .cts-site .cts-prog-item .elementor-widget-image { width: 100%; order: -1; } .cts-prog-toolbar { flex-direction: column; align-items: stretch; } .cts-site .cts-stats { gap: 24px; } .cts-site .cts-tabs--bar .cts-tab-btn { flex: 1 1 50%; } .cts-site .cts-strip .elementor-widget-image img { height: 160px; } .cts-comments, .cts-site .cts-req-card, .cts-page-content { padding: 28px 20px; } .cts-marquee-track span { font-size: 30px; } .cts-section { padding: 80px 0; } } /* full-width buttons in side navigation */ .cts-site .cts-side-link, .cts-site .cts-tabs--side .cts-tab-btn { width: 100%; } .cts-site .cts-side-link .elementor-button-wrapper, .cts-site .cts-tabs--side .elementor-button-wrapper { width: 100%; } .cts-site .cts-side-link .elementor-button, .cts-site .cts-tabs--side .cts-tab-btn .elementor-button { display: flex; text-align: left; } .cts-site .cts-side-link .elementor-button-content-wrapper { display: flex !important; width: 100%; justify-content: space-between; } .cts-site .cts-tabs--side .elementor-button-content-wrapper { display: flex !important; width: 100%; justify-content: flex-start; } .cts-site .cts-timeline .cts-img-cover img { aspect-ratio: 16 / 8; height: auto; } /* ===== Class Teacher Siti additions ===== */ /* Mega dropdown: wide panel, title + description per link, promo card on the right. */ .cts-menu > li > .sub-menu { left: 50%; translate: -50% 0; min-width: 0; width: max-content; max-width: min(760px, 92vw); display: grid; grid-template-columns: repeat(2, 230px) 220px; grid-auto-flow: column; grid-template-rows: repeat(var(--cts-rows, 2), auto); gap: 4px 14px; padding: 18px; border-top: 0; border-radius: 14px; box-shadow: 0 24px 60px rgba(16, 27, 51, .18); } .cts-menu > li:has(> .sub-menu > li:nth-child(4):not(.cts-mega-promo)) { --cts-rows: 2; } .cts-menu > li > .sub-menu > li:not(.cts-mega-promo) { min-width: 0; } .cts-menu > li > .sub-menu > li > a { padding: 12px 14px; border-radius: 10px; display: flex; flex-direction: column; gap: 3px; } .cts-menu > li > .sub-menu > li > a:hover, .cts-menu > li > .sub-menu > .current-menu-item > a { background: var(--cts-lilac-soft); } .cts-mega-title { font-weight: 600; font-size: 14.5px; color: var(--cts-ink); } .cts-mega-desc { font-size: 12.5px; line-height: 1.45; color: var(--cts-text); font-weight: 400; } .cts-menu > li > .sub-menu > .cts-mega-promo { grid-column: 3; grid-row: 1 / -1; } /* Three links or fewer: one column of links next to the promo card. */ .cts-menu > li > .sub-menu:not(:has(> li:nth-child(5))) { grid-template-columns: 250px 220px; grid-template-rows: repeat(3, auto); } .cts-menu > li > .sub-menu:not(:has(> li:nth-child(5))) > .cts-mega-promo { grid-column: 2; } .cts-menu .cts-mega-promo > a { height: 100%; padding: 18px !important; border-radius: 12px !important; display: flex; flex-direction: column; gap: 6px; background: linear-gradient(150deg, var(--cts-navy) 0%, #2b3f7a 60%, #6b4fa0 130%) !important; color: #fff !important; } .cts-mega-promo .cts-mega-kicker { font-size: 11px; letter-spacing: .08em; text-transform: uppercase; color: var(--cts-lilac); font-weight: 600; } .cts-mega-promo strong { font-family: var(--cts-head); font-size: 19px; font-weight: 600; line-height: 1.2; } .cts-mega-promo span:not(.cts-mega-kicker) { font-size: 12.5px; line-height: 1.5; color: rgba(255, 255, 255, .78); } .cts-mega-promo em { margin-top: auto; padding-top: 8px; font-style: normal; font-size: 13px; font-weight: 600; color: var(--cts-yellow); } .cts-mobile-menu .cts-mega-promo { display: none; } /* EN | BM switch */ .cts-lang { display: inline-flex; border: 1px solid rgba(255, 255, 255, .35); border-radius: 999px; padding: 3px; gap: 2px; } .cts-lang a { font-size: 12px; font-weight: 600; letter-spacing: .04em; color: #fff; padding: 5px 10px; border-radius: 999px; line-height: 1; } .cts-lang a.is-active { background: #fff; color: var(--cts-navy); } .cts-lang a:not(.is-active):hover { color: var(--cts-yellow); } .cts-panel .cts-lang { margin: 6px 0 18px; } .cts-header-apply .cts-ico, .cts-footer-btns .cts-ico, .cts-panel .cts-btn .cts-ico { width: 18px; height: 18px; } /* Floating WhatsApp button */ .cts-wa-float { position: fixed; right: calc(18px + env(safe-area-inset-right, 0px)); bottom: calc(18px + env(safe-area-inset-bottom, 0px)); z-index: 90; display: inline-flex; align-items: center; gap: 10px; padding: 12px 18px 12px 14px; border-radius: 999px; background: #25d366; color: #fff !important; font-weight: 600; font-size: 14px; box-shadow: 0 12px 30px rgba(16, 27, 51, .28); transition: transform .2s; } .cts-wa-float:hover { transform: translateY(-2px); } .cts-wa-float .cts-ico { width: 24px; height: 24px; } @media (max-width: 767px) { .cts-wa-float span { display: none; } .cts-wa-float { padding: 14px; } } /* Hero copy and buttons */ .cts-site .cts-hero-text { color: rgba(255, 255, 255, .85); max-width: 560px; font-size: 16.5px; line-height: 1.65; } .cts-site .cts-hero-btns { margin-top: 6px; } .cts-site .cts-hero-title .elementor-heading-title { font-size: 52px; } /* Footer: about line, visit column */ .cts-footer-about { color: rgba(255, 255, 255, .75); font-size: 14px; line-height: 1.7; margin: 18px 0 0; max-width: 300px; } .cts-footer-address { font-style: normal; color: rgba(255, 255, 255, .85); font-size: 14px; line-height: 1.7; } .cts-footer-address small { display: block; color: rgba(255, 255, 255, .6); font-size: 12.5px; margin-top: 4px; } .cts-footer-hours { display: flex; gap: 8px; align-items: flex-start; color: rgba(255, 255, 255, .85); font-size: 13.5px; margin: 14px 0 18px; } .cts-footer-hours .cts-ico { width: 16px; height: 16px; flex: none; margin-top: 2px; color: var(--cts-yellow); } .cts-footer-btns { display: flex; gap: 10px; flex-wrap: wrap; } .cts-footer-btns .cts-btn { padding: 10px 16px; font-size: 13.5px; } .cts-btn--ghost, .cts-footer a.cts-btn--ghost, .cts-footer a.cts-btn--ghost:visited { background: transparent; color: #fff; border: 1px solid rgba(255, 255, 255, .35); } .cts-btn--ghost:hover, .cts-footer a.cts-btn--ghost:hover { background: #fff; color: var(--cts-navy); } /* Hero and header on phones */ @media (max-width: 767px) { .cts-site .cts-hero .cts-hero-photo, .cts-site .cts-hero .cts-hero-fg { top: 150px; bottom: auto; height: 46vh; } .cts-site .cts-hero .cts-hero-fg { -webkit-mask-image: linear-gradient(180deg, #000 70%, transparent 100%); mask-image: linear-gradient(180deg, #000 70%, transparent 100%); } .cts-site .cts-hero :is(.cts-hero-photo, .cts-hero-fg) img { object-position: 58% top; } .cts-site .cts-hero-word .elementor-heading-title { font-size: 36vw; } .cts-site .cts-hero::before { background: linear-gradient(180deg, rgba(12, 29, 56, 0) 0%, rgba(12, 29, 56, 0) 50%, rgba(12, 29, 56, .6) 62%, rgba(9, 22, 44, .9) 100%); } .cts-header .cts-lang { display: none; } .cts-panel .cts-lang { display: inline-flex; } } /* Desktop shows the full menu, so the menu button only appears on smaller screens. */ @media (min-width: 1025px) { .cts-header .cts-panel-toggle { display: none; } } /* ===== Smooth motion everywhere ===== */ :root { --cts-ease: cubic-bezier(.22, 1, .36, 1); --cts-ease-soft: cubic-bezier(.4, 0, .2, 1); } .cts-site a { transition: color .3s var(--cts-ease-soft), background-color .3s var(--cts-ease-soft), border-color .3s var(--cts-ease-soft); } /* Buttons: Elementor buttons, theme buttons, form buttons, tabs, language switch, floating WhatsApp */ .cts-site .elementor-button, .cts-btn, .cts-site button, .cts-site input[type="submit"], .cts-header-apply, .cts-wa-float, .cts-lang a, .cts-icon-btn, .cts-site .cts-tab-btn .elementor-button, .cts-mega-promo > a { transition: background-color .35s var(--cts-ease), color .35s var(--cts-ease), border-color .35s var(--cts-ease), box-shadow .45s var(--cts-ease), transform .45s var(--cts-ease), opacity .35s var(--cts-ease) !important; will-change: transform; } .cts-site .elementor-button:hover, .cts-btn:hover, .cts-header-apply:hover, .cts-site .cts-form button[type="submit"]:hover, .cts-mega-promo > a:hover { transform: translateY(-2px); box-shadow: 0 10px 24px rgba(19, 41, 75, .18); } .cts-site .elementor-button:active, .cts-btn:active, .cts-header-apply:active, .cts-site button:active { transform: translateY(0) scale(.98); transition-duration: .15s !important; } .cts-site .cts-tab-btn .elementor-button:hover, .cts-site .cts-btn-link .elementor-button:hover, .cts-site .cts-acc-title .elementor-button:hover { transform: none; box-shadow: none; } .cts-wa-float:hover { transform: translateY(-3px) scale(1.03); box-shadow: 0 14px 30px rgba(37, 211, 102, .35); } .cts-site .elementor-button .elementor-button-icon, .cts-btn .cts-ico { transition: transform .45s var(--cts-ease); } .cts-site .elementor-button:hover .elementor-button-icon, .cts-btn:hover .cts-ico { transform: translateX(3px); } /* Dropdown menu: fade and lift, no snapping */ .cts-menu .sub-menu { transition: opacity .3s var(--cts-ease-soft), transform .45s var(--cts-ease), visibility 0s linear .45s !important; } .cts-menu li:hover > .sub-menu, .cts-menu li:focus-within > .sub-menu { transition: opacity .3s var(--cts-ease-soft), transform .45s var(--cts-ease), visibility 0s !important; } .cts-menu > li > .sub-menu { transform: translateY(10px); } .cts-menu > li:hover > .sub-menu, .cts-menu > li:focus-within > .sub-menu { transform: none; } .cts-menu > li > .sub-menu > li > a { transition: background-color .3s var(--cts-ease-soft), color .3s var(--cts-ease-soft) !important; } .cts-menu .cts-menu-arrow, .cts-menu .cts-ico-chevron-down { transition: transform .4s var(--cts-ease); } .cts-menu > li:hover .cts-menu-arrow, .cts-menu > li:hover > a .cts-ico { transform: rotate(180deg); } /* Side panel and overlays */ .cts-panel { transition: opacity .4s var(--cts-ease-soft), visibility 0s linear .4s; } .cts-panel.is-open { transition: opacity .4s var(--cts-ease-soft), visibility 0s; } .cts-panel-box { transition: transform .55s var(--cts-ease) !important; } .cts-header { transition: background-color .4s var(--cts-ease-soft), box-shadow .4s var(--cts-ease-soft), padding .4s var(--cts-ease-soft), transform .4s var(--cts-ease); } /* Tabs and cards */ @keyframes cts-fade-up { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } } .cts-site .cts-tab-panel.is-active { animation: cts-fade-up .5s var(--cts-ease) both; } .cts-site .cts-acc-title .elementor-heading-title::after { transition: transform .45s var(--cts-ease); } .cts-post-card-thumb img, .cts-site .cts-gallery img { transition: transform .8s var(--cts-ease) !important; } .cts-site input, .cts-site select, .cts-site textarea { transition: border-color .3s var(--cts-ease-soft), box-shadow .3s var(--cts-ease-soft), background-color .3s var(--cts-ease-soft); } .cts-site input:focus, .cts-site select:focus, .cts-site textarea:focus { box-shadow: 0 0 0 3px rgba(197, 180, 227, .45); } @media (prefers-reduced-motion: reduce) { .cts-site *, .cts-site *::before, .cts-site *::after { transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; } } /* No decorative striped corners on cards */ .cts-site .cts-stripes::after, .cts-site .cts-stripes-left::after, .cts-post-card::after { content: none !important; display: none !important; } /* ===== Mobile menu panel ===== */ .cts-panel-box { overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; overscroll-behavior: contain; } @media (max-width: 600px) { .cts-panel-box { width: 100vw; padding: 28px 22px 36px; gap: 24px; } } .cts-panel-box, .cts-panel-box * { overflow-wrap: anywhere; } .cts-panel-close { width: 40px; height: 40px; border-radius: 50%; background: rgba(255, 255, 255, .08); display: inline-flex; align-items: center; justify-content: center; } .cts-mobile-menu > li > a { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 14px 0; font-size: 16px; } .cts-mm-chev { width: 9px; height: 9px; flex: none; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: translateY(-3px) rotate(45deg); transition: transform .45s var(--cts-ease); opacity: .7; } .cts-mobile-menu > li.is-open > a .cts-mm-chev { transform: translateY(2px) rotate(-135deg); } .cts-mobile-menu > li > .sub-menu { display: block !important; overflow: hidden; max-height: 0; opacity: 0; transition: max-height .5s var(--cts-ease), opacity .35s var(--cts-ease-soft); } .cts-mobile-menu > li.is-open > .sub-menu { max-height: 600px; opacity: 1; } .cts-mobile-menu .sub-menu a { padding: 11px 0 11px 16px; font-size: 15px; } .cts-mobile-menu .sub-menu .cts-mega-title { font-weight: 400; } .cts-mobile-menu .sub-menu .cts-mega-desc { display: none; } .cts-mobile-menu .current-menu-item > a { color: var(--cts-yellow); } .cts-site .cts-panel-contact a, .cts-site .cts-panel-contact a:visited { color: #fff; } .cts-site .cts-panel-contact a:hover { color: var(--cts-yellow); } .cts-panel-contact p { font-size: 14.5px; line-height: 1.55; color: rgba(255, 255, 255, .8); } .cts-panel .cts-lang { align-self: flex-start; width: auto; } .cts-panel .cts-btn { align-self: stretch; justify-content: center; } /* Icon-only round buttons: icon dead centre */ .cts-site .cts-circle-btn .elementor-button, .cts-site .cts-play .elementor-button { display: inline-flex !important; align-items: center; justify-content: center; line-height: 1; } .cts-site .cts-circle-btn .elementor-button-content-wrapper, .cts-site .cts-play .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; } .cts-site .cts-circle-btn .elementor-button:hover .elementor-button-icon { transform: translateX(2px); } .cts-site .cts-mobile-menu a:hover, .cts-site .cts-mobile-menu a:focus, .cts-site .cts-mobile-menu li.is-open > a { color: var(--cts-yellow); } .cts-site .cts-mobile-menu .sub-menu a:hover { color: #fff; } /* ===== Responsive polish ===== */ @media (max-width: 767px) { .cts-site .cts-arch img { aspect-ratio: 4 / 3; border-radius: 80px 80px 22px 22px; } .cts-site .cts-arch-2 img { border-radius: 22px 22px 80px 80px; } .cts-site .cts-admit-stage { padding-top: 200px !important; } .cts-site .cts-apply-card { margin: 0 12px -30px; transform: translateY(-40px); padding: 24px 20px; } .cts-site .cts-head-row { flex-direction: column !important; align-items: flex-start !important; } .cts-site .elementor-heading-title { overflow-wrap: anywhere; } .cts-site .cts-table-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; } .cts-site .cts-table { min-width: 560px; } .cts-site .cts-tabs-nav { flex-wrap: wrap; } .cts-site .cts-hero-btns .elementor-widget-button, .cts-site .cts-hero-btns .elementor-button { width: 100%; justify-content: center; } } @media (min-width: 768px) and (max-width: 1024px) { .cts-site .cts-grid-4 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } .cts-site .cts-arch img { aspect-ratio: 3 / 4; } } .cts-author img.avatar { width: 34px; height: 34px; border-radius: 50%; background: var(--cts-navy); padding: 4px; object-fit: contain; } /* ===== Class finder (All Classes) ===== */ .cts-site .cts-why-row { background: #fff; border-radius: var(--cts-radius-lg, 18px); padding: 22px !important; box-shadow: 0 10px 30px rgba(19, 41, 75, .06); } .cts-site .cts-why-item .elementor-icon { width: 46px; height: 46px; border-radius: 12px; background: var(--cts-lilac-soft); color: var(--cts-purple); display: inline-flex; align-items: center; justify-content: center; font-size: 19px; } .cts-site .cts-why-item .elementor-heading-title { font-size: 15.5px; font-family: var(--cts-body); font-weight: 600; } .cts-site .cts-why-item .cts-text p { margin: 0; font-size: 13px; } .cts-finder { background: var(--cts-navy); color: #fff; border-radius: 20px; padding: 30px; display: flex; flex-direction: column; gap: 18px; } .cts-finder h3 { color: #fff; font-size: 22px; margin: 0; } .cts-finder-step { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; } .cts-finder-step--sm h3 { font-size: 17px; } .cts-finder-num { width: 30px; height: 30px; border-radius: 50%; background: var(--cts-yellow); color: var(--cts-navy); font-weight: 700; display: inline-flex; align-items: center; justify-content: center; font-size: 14px; flex: none; } .cts-lv-chips { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 10px; } .cts-lv-chip { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; text-align: left; padding: 14px; border-radius: 14px; border: 1px solid rgba(255, 255, 255, .14); background: rgba(255, 255, 255, .05); color: #fff; cursor: pointer; font: inherit; } .cts-lv-chip i { font-size: 20px; color: var(--cts-lilac); transition: color .35s var(--cts-ease); } .cts-lv-chip strong { display: block; font-size: 14.5px; font-weight: 600; line-height: 1.25; } .cts-lv-chip small { display: block; font-size: 12px; color: rgba(255, 255, 255, .6); margin-top: 2px; } .cts-lv-chip:hover { background: rgba(255, 255, 255, .1); transform: translateY(-2px); } .cts-lv-chip.is-active { background: #fff; color: var(--cts-navy); border-color: #fff; box-shadow: 0 12px 28px rgba(0, 0, 0, .18); } .cts-lv-chip.is-active i { color: var(--cts-purple); } .cts-lv-chip.is-active small { color: var(--cts-text); } .cts-ty-chips { display: flex; flex-wrap: wrap; gap: 8px; margin-left: 6px; } .cts-ty-chip { padding: 8px 16px; border-radius: 999px; border: 1px solid rgba(255, 255, 255, .22); background: transparent; color: #fff; font: inherit; font-size: 13.5px; cursor: pointer; } .cts-ty-chip:hover { background: rgba(255, 255, 255, .1); } .cts-ty-chip.is-active { background: var(--cts-yellow); border-color: var(--cts-yellow); color: var(--cts-navy); font-weight: 600; } .cts-finder-count { margin: 0; font-size: 14px; color: rgba(255, 255, 255, .75); } .cts-finder-count strong { color: var(--cts-yellow); font-size: 18px; } .cts-finder-empty { display: none; text-align: center; padding: 30px; background: #fff; border-radius: 16px; color: var(--cts-ink); } .cts-site .cts-pc-grid { align-items: stretch; } .cts-site .cts-pc { background: #fff; border-radius: 18px; overflow: hidden; box-shadow: 0 10px 30px rgba(19, 41, 75, .07); transition: transform .45s var(--cts-ease), box-shadow .45s var(--cts-ease); animation: cts-fade-up .5s var(--cts-ease) both; } .cts-site .cts-pc[hidden] { display: none !important; } .cts-site .cts-pc:hover { transform: translateY(-4px); box-shadow: 0 20px 44px rgba(19, 41, 75, .13); } .cts-site .cts-pc-media { position: relative; } .cts-site .cts-pc-media img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; display: block; transition: transform .8s var(--cts-ease); } .cts-site .cts-pc:hover .cts-pc-media img { transform: scale(1.04); } .cts-site .cts-pc-media .elementor-widget-html { position: absolute; top: 14px; left: 14px; } .cts-pc-type { display: inline-block; padding: 6px 12px; border-radius: 999px; background: rgba(255, 255, 255, .92); color: var(--cts-navy); font-size: 12px; font-weight: 600; } .cts-site .cts-pc-body { padding: 20px 22px 22px !important; flex-grow: 1; } .cts-pc-levels { margin: 0; font-size: 12px; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; color: var(--cts-purple); } .cts-site .cts-pc-title .elementor-heading-title { font-size: 21px; line-height: 1.25; } .cts-pc-facts { list-style: none; margin: 0; padding: 14px 0; border-top: 1px solid var(--cts-line); border-bottom: 1px solid var(--cts-line); display: grid; gap: 10px; } .cts-pc-facts li { display: flex; gap: 12px; align-items: flex-start; font-size: 14px; color: var(--cts-ink); line-height: 1.4; } .cts-pc-facts i { width: 30px; height: 30px; flex: none; border-radius: 8px; background: var(--cts-cream); color: var(--cts-purple); display: inline-flex; align-items: center; justify-content: center; font-size: 13px; } .cts-pc-facts small { display: block; font-size: 11.5px; color: var(--cts-text); text-transform: uppercase; letter-spacing: .04em; } .cts-pc-points { list-style: none; margin: 4px 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 6px; } .cts-pc-points li { padding: 5px 10px; border-radius: 999px; background: var(--cts-lilac-soft); color: var(--cts-navy); font-size: 12.5px; } .cts-site .cts-pc-actions { margin-top: auto; padding-top: 8px; } .cts-site .cts-help-strip { background: linear-gradient(120deg, var(--cts-lilac-soft), #e3f3fb); border-radius: 20px; padding: 30px 34px !important; } @media (max-width: 1199px) { .cts-lv-chips { grid-template-columns: repeat(4, minmax(0, 1fr)); } } @media (max-width: 767px) { .cts-finder { padding: 22px 18px; } .cts-lv-chips { grid-template-columns: repeat(2, minmax(0, 1fr)); } .cts-ty-chips { margin-left: 0; width: 100%; } .cts-site .cts-why-row { grid-template-columns: 1fr 1fr !important; padding: 16px !important; } .cts-site .cts-help-strip { padding: 24px 20px !important; } } /* Registration steps: icon on top, then heading and text */ .cts-site .cts-step-card { background: #fff; border-radius: 18px; padding: 26px 24px !important; box-shadow: 0 10px 30px rgba(19, 41, 75, .06); align-items: flex-start !important; transition: transform .45s var(--cts-ease), box-shadow .45s var(--cts-ease); } .cts-site .cts-step-card:hover { transform: translateY(-3px); box-shadow: 0 18px 40px rgba(19, 41, 75, .11); } .cts-site .cts-step-card .elementor-icon { width: 52px; height: 52px; border-radius: 14px; background: var(--cts-lilac-soft); color: var(--cts-purple); display: inline-flex; align-items: center; justify-content: center; font-size: 22px; margin-bottom: 6px; } .cts-site .cts-step-card .elementor-icon svg { width: 22px; height: 22px; fill: currentColor; } .cts-site .cts-step-card .elementor-heading-title { font-size: 19px; line-height: 1.3; } .cts-site .cts-step-card .cts-text p { margin: 0; font-size: 14.5px; line-height: 1.6; } /* Highlight cards: icon aligned with the first line, not floating in the middle */ .cts-site .cts-hl-card { align-items: flex-start !important; } /* Page banners: keep text off the screen edge on phones */ @media (max-width: 767px) { .cts-site .cts-banner { padding-left: 20px !important; padding-right: 20px !important; } } .cts-site .cts-hl-card { gap: 18px !important; } .cts-site .cts-hl-card .elementor-icon { background: var(--cts-lilac-soft) !important; color: var(--cts-purple) !important; } .cts-site .cts-hl-card .elementor-icon svg { fill: currentColor; } /* Blog post: no banner, slim band behind the header, title starts the article */ .cts-post-top { height: 110px; background: var(--cts-navy); } .cts-entry-title { font-family: var(--cts-head); font-size: clamp(28px, 3.4vw, 42px); line-height: 1.2; color: var(--cts-ink); margin: 0 0 24px; } @media (max-width: 767px) { .cts-post-top { height: 84px; } } /* Banners on phones: even, darker shade so the title stays readable over busy photos. */ @media (max-width: 767px) { .cts-site .cts-banner::before { background: linear-gradient(180deg, rgba(5, 22, 45, .72), rgba(5, 22, 45, .88)); } } .cts-site .cts-award .cts-stars { display: flex; gap: 4px; color: #f5b82e; font-size: 18px; line-height: 1; } /* ===== Home "Inside CTS" on phones and tablets: pill tabs, classes first, compact 2-up cards ===== */ @media (max-width: 1024px) { .cts-site .cts-inside .cts-inside-body { flex-direction: column !important; } .cts-site .cts-inside .cts-inside-panels { order: 1; width: 100% !important; } .cts-site .cts-inside .cts-inside-side { order: 2; width: 100% !important; } } @media (max-width: 767px) { .cts-site .cts-inside .cts-head-row { flex-direction: column !important; align-items: stretch !important; gap: 20px !important; } .cts-site .cts-inside .cts-tabs-nav { display: grid !important; grid-template-columns: minmax(0, .9fr) minmax(0, 1fr) minmax(0, 1.3fr); gap: 2px !important; width: 100% !important; padding: 4px; border-radius: 999px; background: rgba(255, 255, 255, .08); } .cts-site .cts-inside .cts-tab-btn { width: auto !important; min-width: 0; } .cts-site .cts-inside .cts-tab-btn .elementor-button { width: 100%; justify-content: center; padding: 10px 2px; border: 0; border-radius: 999px; font-size: 12.5px; white-space: nowrap; transition: background-color .35s var(--cts-ease), color .35s var(--cts-ease); } .cts-site .cts-inside .cts-tab-btn .elementor-button-icon { display: none; } .cts-site .cts-inside .cts-tab-btn.is-active .elementor-button { background: #fff; color: var(--cts-navy); border: 0; } .cts-site .cts-inside .cts-tab-panel .cts-grid-2 { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 12px !important; } .cts-site .cts-inside .cts-faculty-card { min-height: 0 !important; aspect-ratio: 4 / 5; padding: 14px !important; border-radius: 14px; } .cts-site .cts-inside .cts-faculty-card .elementor-heading-title { font-size: 14.5px; line-height: 1.3; } .cts-site .cts-inside .cts-admission-card { padding: 24px 20px !important; } } /* Page banners on phones: just enough room under the fixed header. */ @media (max-width: 767px) { .cts-site .cts-banner, .cts-site section.cts-banner { padding-top: 116px !important; padding-bottom: 56px !important; min-height: 0 !important; } .cts-site section.cts-banner .cts-banner-inner { width: calc(100% - 40px); } .cts-site .cts-banner > .e-con-inner { padding-top: 0 !important; padding-bottom: 0 !important; } } @media (min-width: 768px) and (max-width: 1024px) { .cts-site .cts-banner > .e-con-inner { padding-top: 0 !important; padding-bottom: 0 !important; } .cts-site .cts-banner, .cts-site section.cts-banner { padding-top: 150px !important; padding-bottom: 80px !important; } } /* Portrait photos in landscape cards: keep faces in frame. */ .cts-site .cts-faculty-card { background-position: center 22% !important; } .cts-site .cts-pc-media img { object-position: center 30%; } /* Blog article rhythm: clear H2 sections, smaller H3 (FAQ questions), tidy tables. */ .cts-entry h2 { margin: 1.6em 0 .5em; } .cts-entry h3 { font-size: clamp(18px, 1.6vw, 21px); line-height: 1.35; margin: 1.3em 0 .35em; } .cts-entry .wp-block-table table { border-collapse: collapse; width: 100%; font-size: 14.5px; } .cts-entry .wp-block-table th { background: var(--cts-navy); color: #fff; text-align: left; } .cts-entry .wp-block-table th, .cts-entry .wp-block-table td { padding: 10px 12px; border: 1px solid var(--cts-line); } .cts-entry .wp-block-table td { background: #fff; } @media (max-width: 767px) { .cts-entry .wp-block-table { overflow-x: auto; } .cts-entry .wp-block-table table { min-width: 520px; } } /* Founder credentials */ .cts-creds { list-style: none; margin: 6px 0 0; padding: 14px 0 0; border-top: 1px solid var(--cts-line); display: grid; gap: 10px; text-align: left; } .cts-creds li { display: flex; gap: 10px; align-items: flex-start; font-size: 13.5px; line-height: 1.4; color: var(--cts-ink); } .cts-creds i { width: 26px; height: 26px; flex: none; border-radius: 8px; background: var(--cts-lilac-soft); color: var(--cts-purple); display: inline-flex; align-items: center; justify-content: center; font-size: 12px; } .cts-site .cts-vc-creds, .cts-site .cts-vc-creds p { margin: 4px 0 0; font-size: 12.5px; line-height: 1.5; color: var(--cts-lilac); } .cts-single-main, .cts-entry { min-width: 0; max-width: 100%; } .cts-entry .wp-block-table { max-width: 100%; } /* Blog post links: light underline for internal and external links. */ .cts-entry p a, .cts-entry li a, .cts-entry td a { color: var(--cts-navy-2); text-decoration: underline; text-decoration-color: var(--cts-lilac); text-decoration-thickness: 1.5px; text-underline-offset: 3px; transition: color .2s, text-decoration-color .2s; } .cts-entry p a:hover, .cts-entry li a:hover, .cts-entry td a:hover { color: var(--cts-purple); text-decoration-color: var(--cts-purple); }