/* * Combined stylesheet generated from CSS files in this folder. * Exact duplicate copy files with " 1" in the filename were not repeated. * Source order: * - us-location-universal.css * - style.css * - jquery-ui.css * - c2c-prelaunch.css * - c2c-ontario.css * - c2c-blog-styles.css * - c2c-alberta.css * - blog-single.css */ /* ===== Source: us-location-universal.css ===== */ /* ----------------------------------------------------------------------- Coast2Coast First Aid - Universal US Location Page CSS ----------------------------------------------------------------------- File: us-location-universal.css Source: Consolidated from Los Angeles, Sacramento, San Diego, and San Jose HTML pages Updated: 2026-06-29 Use: Upload to /theme/assets/css/ and load from each US location page. Scope: Rules are namespaced primarily under .c2c-final plus location-page widgets. ----------------------------------------------------------------------- */ /* Ensure text renders immediately with system font while web fonts load */ @font-face{font-family:'Poppins';font-display:swap} /* ----------------------------------------------------------------------- ADDITIONS (June 2026): Location+Reviews, Gallery+Lightbox, Instructors+Video, and the 3-card blog grid. Uses the var() tokens defined above. ----------------------------------------------------------------------- */ /* ----------------------------------------------------------------------- 2 - LOCATION + REVIEWS ----------------------------------------------------------------------- */ .c2c-mr-section{padding:52px 0;overflow:hidden} /* Combined single card - flat sections separated by light dividers */ .c2c-loc-identity{margin:0 0 14px;padding:0 0 14px;background:none; border:0;border-bottom:1px solid var(--line);box-shadow:none;border-radius:0; display:flex;flex-direction:column;gap:8px} /* ----------------------------------------------------------------------- 3 - GALLERY + IMAGE LIGHTBOX ----------------------------------------------------------------------- */ .c2c-gallery-section{padding:54px 0;background:#fff} /* ----------------------------------------------------------------------- 4 - INSTRUCTORS + VIDEO ----------------------------------------------------------------------- */ .c2c-ivid-section{padding:4px 0 44px} /* -- LEFT: carousel forced into single-slide slider mode -- */ .c2c-ivid-left{display:flex;flex-direction:column} /* -- Card: compact horizontal layout -- */ .c2c-ivid-inst-card{display:flex;flex-direction:row;align-items:center;gap:16px; background:#fff;border:1px solid var(--line);border-radius:16px; box-shadow:var(--shadow);padding:18px 20px 18px 22px; position:relative;overflow:hidden;min-height:0} /* -- RIGHT: video -- */ .c2c-ivid-right{display:flex;flex-direction:column;gap:10px} /* -- Mobile -- */ @media(max-width:767px){ .c2c-ivid-grid{grid-template-columns:1fr;gap:24px} .c2c-ivid-section{padding:4px 0 34px} .c2c-ivid-inst-card{padding:14px 16px} .c2c-ivid-avatar{width:60px;height:60px} } /* ----------------------------------------------------------------------- 5 - COMPACT LOCATION FINDER (replaces neighbourhood/landmark chips) ----------------------------------------------------------------------- */ .c2c-loc-finder{margin:0 0 14px;padding:14px 0;border-bottom:1px solid var(--line)} /* -- BLS spotlight card - match white course card background -- */ .c2c-emr-spotlight{background:#fff !important} /* -- Location intro band (Image 3 style) --------------------------- */ .c2c-loc-intro-band { background: #fff; border-bottom: 1px solid var(--line); padding: 24px 0 40px; text-align: center; } /* -- Location identity block (in left panel) ----------------------- */ .c2c-loc-identity-block { margin-bottom: 22px; padding-bottom: 18px; border-bottom: 1px solid var(--line); } /* -- Landmark cards -------------------------------------------------- */ .c2c-lm-header { display: flex; align-items: center; gap: 8px; font-size: 11px; font-weight: 800; letter-spacing: 1.2px; text-transform: uppercase; color: var(--navy); margin-bottom: 12px; } /* -- Instructor carousel: DESKTOP = 3-up grid, MOBILE = 1-card carousel -- */ .c2c-inst-carousel-wrap { max-width: 720px; margin: 0 auto; } /* desktop 3-up grid removed - instructors always carousel */ /* -- Mobile instructor ------------------------------------------------ */ @media (max-width: 600px) { .c2c-inst-card { flex-direction: column !important; min-height: 0; } .c2c-inst-photo-wrap { flex: 0 0 auto !important; width: 100% !important; height: 220px !important; } .c2c-inst-card-body { padding: 22px 20px !important; } .c2c-inst-card-name { font-size: 18px !important; } .c2c-inst-arrow--prev { left: -4px; } .c2c-inst-arrow--next { right: -4px; } } /* -- Awards scroll --------------------------------------------------- */ .c2c-awards-brevo{padding:72px 0 80px;background:#fff;overflow:hidden} /* -- Map panel identity (address/phone/hours moved here) -- */ .c2c-map-panel { display: flex; flex-direction: column; } /* -- Clean review summary (no pill row, no white box) -- */ .c2c-review-summary--clean { background: none !important; border: none !important; box-shadow: none !important; padding: 0 !important; display: block !important; } /* -- Merged Location+Reviews ------------------------------------- */ .c2c-panel-title { font-family: 'Poppins', sans-serif; font-size: 20px; font-weight: 900; color: var(--navy); margin: 0 0 18px; letter-spacing: -.4px; } /* Review single-card carousel - fills right panel, card expands with it */ .c2c-rev-carousel { position: relative; margin-top: 16px; padding: 0 36px; flex: 1; /* grows to fill right panel */ display: flex; flex-direction: column; min-height: 0; } .c2c-rev-slide .c2c-review-card { height: 100%; /* fills slide - card expands */ background: #f8fbff; border: 1px solid var(--line); border-radius: 16px; padding: 18px 20px; box-shadow: none; box-sizing: border-box; display: flex; flex-direction: column; } /* -- FINAL SPECIFICITY OVERRIDES -------------------------------------- These rules use #location prefix to win the cascade cleanly. */ /* Equal-width, equal-height two-column layout */ #location .c2c-location-wrap { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 24px !important; align-items: stretch !important; } /* -- CTA bottom-pin & map fill ----------------------------------------- Both cards are flex columns. Map (left) and carousel (right) both have flex:1 so they fill available space. CTAs sit immediately after them. */ /* Left panel: map embed fills space, iframe grows inside it */ #location .c2c-panel:first-child { display: flex !important; flex-direction: column !important; } /* -- Instructors + Video side-by-side ---------------------------- */ .c2c-iv-wrap { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; align-items: stretch; /* equal height cards */ } /* CTA row - pinned to bottom of each panel */ .c2c-iv-cta { margin-top: auto; padding-top: 20px; display: flex; align-items: center; gap: 20px; border-top: 1px solid var(--line); } /* -- Video card - mirrors instructor card exactly ---------------- */ .c2c-iv-vid-card { display: flex; flex-direction: column; background: #fff; border: 1px solid #e8e8e8; border-radius: 16px; overflow: hidden; box-shadow: 0 4px 24px rgba(0,0,0,.08); } /* Footer = same structure as .c2c-inst-card-footer */ .c2c-iv-vid-footer { display: flex; align-items: center; justify-content: flex-end; /* Visit Channel ? sits bottom right */ padding-top: 16px; margin-top: 16px; border-top: 1px solid #f0f0f0; } /* -- Equal header height so cards always start at same level -- */ .c2c-iv-panel-head { min-height: 128px; /* fits 2-line heading + eyebrow + subtext */ margin-bottom: 24px; } /* -- Standalone instructor 3-up grid (restored) ----------------- */ .c2c-inst-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; } /* -- Gallery + Video side-by-side ------------------------------- */ .c2c-gv-wrap { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; align-items: stretch; } /* -- BLOG CAROUSEL - final-word overrides using ID specificity -- */ #c2c-blog-carousel .c2c-carousel-viewport { overflow: hidden !important; border-radius: 16px !important; width: 100% !important; display: block !important; } /* -- Course card list (replaces dense feature-list in main card body) -- */ .c2c-course-list { list-style: none; padding: 0; margin: 14px 0 18px; display: flex; flex-direction: column; gap: 8px; } /* -- Trust card: image + caption within same card footprint --- */ .c2c-trust-card { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; gap: 6px !important; padding: 12px 10px !important; } /* -- Student Stories video section ------------------------------ */ .c2c-rv-wrap { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; align-items: stretch; } .c2c-rv-wrap--stories { grid-template-columns: 1fr; } .c2c-rv-wrap--stories .c2c-iv-vid-card { width: 100%; } .c2c-rv-wrap--stories .c2c-iv-vid-thumb { height: auto; aspect-ratio: 16 / 9; max-height: 620px; } /* -- Course card At-a-Glance strip --------------------------- */ .c2c-course-glance { display: flex; align-items: center; flex-wrap: wrap; gap: 6px 4px; padding: 10px 18px; background: #f4f7fc; border-bottom: 1px solid var(--line); font-size: 12.5px; font-weight: 600; color: var(--navy); } /* -- Location brief (replaces landmark header) --------------- */ .c2c-loc-brief { font-size: 13.5px; color: var(--muted); line-height: 1.65; margin: 0 0 14px; padding-bottom: 14px; border-bottom: 1px solid var(--line); } /* -- Location: map takes 2/3, right panel takes 1/3 ---------- */ #location .c2c-location-wrap { grid-template-columns: 2fr 1fr !important; } /* -- Awards section: text constrained to shell border -- */ .c2c-awards-brevo .c2c-container { max-width: 1200px !important; padding: 0 40px !important; } /* Reduce gap above About Our Location */ #location { padding-top: 0 !important; margin-top: 0 !important; } /* -- Course Finder intro heading -- */ .c2c-course-finder-intro { grid-column: 1 / -1; text-align: center; padding: 48px 0 8px; border-top: 1px solid var(--line); margin-top: 32px; } /* -- Course Finder Widget -- */ .c2c-sw { --fr:#b53031;--fr2:#b53031; font-family:'Inter',sans-serif; } /* -- Course finder: homepage-style layout -- */ .c2c-course-finder-intro { padding-bottom: 16px; } /* -- BLS provider register buttons (brand-colored) -- */ .c2c-provider-btns{ display:flex; gap:10px; } /* Canadian Red Cross = red */ .c2c-btn-provider--redcross{ background:linear-gradient(135deg,var(--red) 0%, var(--red-2) 100%); color:#fff !important; box-shadow:0 8px 20px rgba(216,77,58,.22); } /* -- Course Finder: BLS provider buttons + EMR -- */ .c2c-sw-provider-note{ width:100%; font-size:11px; font-weight:800; letter-spacing:.3px; text-transform:uppercase; color:var(--muted); margin:0 0 8px; } /* -- EMR spotlight desktop fix (badge+h2 now outside .c2c-emr-body) -- */ /* Switch spotlight to block so badge, h2, toggle, body stack cleanly */ .c2c-emr-spotlight { display: block !important; } /* Restore 2-col grid layout inside the body */ .c2c-emr-body { display: grid; grid-template-columns: 1.25fr .75fr; gap: 24px; align-items: center; margin-top: 16px; } /* Hide the mobile toggle on desktop */ .c2c-emr-toggle { display: none; } /* Disclosure chevron hidden on desktop; +/- sign used instead */ .c2c-disclosure-chevron { display: none; } /* No top border when disclosure is the first element in the card body */ .c2c-course-body > .c2c-disclosure:first-child { border-top: none; margin-top: 0; padding-top: 0; } /* -- Mobile-only course card accordion --------------------------- */ @media (max-width: 860px) { .c2c-course-glance { cursor: pointer; user-select: none; -webkit-user-select: none; justify-content: space-between; padding-right: 14px; } .c2c-course-glance span:last-child { width: 100%; text-align: center; } .c2c-course-glance-chevron { flex-shrink: 0; transition: transform .3s ease; color: var(--navy); display: flex; align-items: center; } .c2c-course-card.is-open .c2c-course-glance-chevron { transform: rotate(180deg); } .c2c-course-body { display: none !important; } .c2c-course-card.is-open .c2c-course-body { display: flex !important; flex-direction: column; } /* EMR spotlight accordion */ .c2c-emr-toggle { cursor: pointer; display: flex; align-items: center; justify-content: space-between; padding: 12px 0 4px; border-top: 1px solid var(--line); margin-top: 8px; font-size: 13px; font-weight: 700; color: var(--navy); user-select: none; -webkit-user-select: none; } .c2c-emr-toggle-chevron { flex-shrink: 0; transition: transform .3s ease; display: flex; align-items: center; } .c2c-emr-spotlight.is-open .c2c-emr-toggle-chevron { transform: rotate(180deg); } .c2c-emr-body { display: none !important; } .c2c-emr-spotlight.is-open .c2c-emr-body { display: grid !important; grid-template-columns: 1fr; } /* Disclosure accordion on mobile */ .c2c-disclosure-btn { cursor: pointer; user-select: none; -webkit-user-select: none; justify-content: space-between; } .c2c-disclosure-sign { display: none; } .c2c-disclosure-chevron { display: flex; flex-shrink: 0; align-items: center; transition: transform .3s ease; color: var(--navy); } .c2c-disclosure.is-open .c2c-disclosure-chevron { transform: rotate(180deg); } } /* Course card CTAs outside accordion - always visible on mobile */ .c2c-course-card > .c2c-actions { margin-top: 0; padding: 10px 22px 22px; border-top: 1px solid var(--line); } @media (max-width: 860px) { .c2c-course-card > .c2c-actions { padding: 12px 16px 16px; } .c2c-course-card:not(.is-open) > .c2c-actions { border-top-color: transparent; } } /* HeartCode BLS CTA outside accordion - always visible on mobile */ .c2c-emr-spotlight > .c2c-actions { margin-top: 0; padding: 10px 0 0; border-top: 1px solid var(--line); } .c2c-emr-spotlight > .c2c-actions .c2c-btn { width: 100%; justify-content: center; } @media (max-width: 860px) { .c2c-emr-spotlight:not(.is-open) > .c2c-actions { border-top-color: transparent; } } /* Hide glance chevron - replaced by expand bar on mobile */ .c2c-course-glance-chevron { display: none; } /* Full-width expand bar - mobile only */ .c2c-course-expand-bar { display: none; } @media (max-width: 860px) { .c2c-course-expand-bar { display: flex; align-items: center; justify-content: space-between; margin: 10px 16px; padding: 10px 16px; border: 2px solid var(--navy); border-radius: 12px; background: #f4f7fc; font-size: 13px; font-weight: 700; color: var(--navy); cursor: pointer; user-select: none; -webkit-user-select: none; } .c2c-expand-bar-chevron { flex-shrink: 0; display: flex; align-items: center; transition: transform .3s ease; } .c2c-course-card.is-open .c2c-expand-bar-chevron { transform: rotate(180deg); } } /* Always show course body - expand bar removed */ .c2c-course-expand-bar { display: none !important; } @media (max-width: 860px) { .c2c-course-body { display: flex !important; flex-direction: column; } } /* -- HeartCode BLS accordion redesign -------------------------------- */ .c2c-emr-toggle { display: none !important; } .c2c-emr-accordion-btn { width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 14px; border: 1px solid var(--line); background: #f8fbff; border-radius: 14px; padding: 13px 16px; color: var(--navy); font-size: 14px; font-weight: 800; cursor: pointer; margin: 14px 0 0; font-family: 'Inter', Arial, sans-serif; text-align: left; transition: background .2s ease, border-color .2s ease; } .c2c-emr-accordion-btn:hover { background: #eef4ff; border-color: #c4d4ec; } .c2c-emr-acc-sign { font-size: 18px; font-weight: 700; color: var(--navy); flex-shrink: 0; line-height: 1; } .c2c-emr-accordion-body { display: none; margin-top: 16px; } .c2c-emr-accordion-body.is-open { display: block; } .c2c-emr-accordion-body .c2c-emr-body { display: grid !important; grid-template-columns: 1.25fr .75fr; gap: 24px; align-items: start; margin-top: 16px; } .c2c-emr-spotlight > .c2c-actions { margin-top: 14px !important; padding: 10px 0 0 !important; border-top: 1px solid var(--line) !important; } .c2c-emr-spotlight > .c2c-actions .c2c-btn { width: 100% !important; justify-content: center !important; } @media (max-width: 860px) { .c2c-emr-accordion-body.is-open .c2c-emr-body { display: grid !important; grid-template-columns: 1fr; } .c2c-emr-accordion-body.is-open .c2c-emr-points { grid-template-columns: 1fr !important; } } /* Legacy grid fallback used by Sacramento's older inline markup. */ @media(max-width:720px){ .c2c-instructors-grid,.c2c-blog-grid{display:block} } /* Schedule/course finder widget */ .c2c-sw *{box-sizing:border-box} .c2c-sw{font-family:'Inter',sans-serif} .c2c-sw-card{ background:#fff;border-radius:20px;padding:28px 32px 28px; box-shadow:0 4px 24px rgba(0,0,0,.08); } @media(max-width:680px){.c2c-sw-card{padding:20px 16px 20px;border-radius:14px}} @media(max-width:480px){.c2c-sw-card{border-radius:0;padding:16px 14px 16px}} .c2c-sw-label{ display:flex;align-items:center;gap:6px; font-size:10px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase; color:#64748b;margin-bottom:10px;font-family:'Inter',sans-serif; } .c2c-sw-label em{color:#b53031;font-style:normal;font-weight:700} .c2c-sw-combo-wrap{position:relative;margin-bottom:16px} .c2c-sw-combo-icon{ position:absolute;left:14px;top:50%;transform:translateY(-50%); width:15px;height:15px;pointer-events:none;color:#94a3b8; } .c2c-sw-combo-input{ width:100%;background:#f4f7fc;border:1.5px solid #e2e8f0; border-radius:12px;padding:12px 44px 12px 42px; font-family:'Inter',sans-serif;font-size:14px;font-weight:500;color:#232021; outline:none;transition:border-color .2s,background .2s,box-shadow .2s; } .c2c-sw-combo-input:focus{ border-color:rgba(181,48,49,.45);background:#fff; box-shadow:0 0 0 3px rgba(181,48,49,.1); } .c2c-sw-combo-clear{ position:absolute;right:14px;top:50%;transform:translateY(-50%); background:none;border:none;cursor:pointer;padding:2px; color:#94a3b8;display:none;line-height:1;font-size:14px; } .c2c-sw-combo-clear:hover{color:#64748b} .c2c-sw-combo-selected{ margin-top:8px;padding:8px 12px; background:#fef2f2;border:1px solid #fecaca;border-radius:9px; font-size:12px;font-weight:700;color:#b53031; font-family:'Inter',sans-serif; display:flex;align-items:center;justify-content:space-between;gap:8px; } .c2c-sw-combo-x:hover{color:#8c1a1a} .c2c-sw-combo-drop{ position:absolute;top:calc(100% + 5px);left:0;right:0;z-index:300; background:#fff;border:1.5px solid #e2e8f0;border-radius:14px; overflow:hidden;box-shadow:0 16px 48px rgba(35,32,33,.14); display:none;max-height:340px;overflow-y:auto; } .c2c-sw-combo-section-head{ padding:4px 16px 6px;font-size:9px;font-weight:800;letter-spacing:1.2px; text-transform:uppercase;color:#94a3b8;font-family:'Inter',sans-serif; } .c2c-sw-combo-item{ padding:10px 16px;font-size:13px;font-weight:500;color:#232021; cursor:pointer;display:flex;align-items:center;gap:10px; transition:background .12s;font-family:'Inter',sans-serif; } .c2c-sw-combo-item-icon{ width:28px;height:28px;border-radius:8px;flex-shrink:0; display:flex;align-items:center;justify-content:center;font-size:13px; } .c2c-sw-submit{ display:flex;align-items:center;justify-content:center;gap:10px;width:100%; background:#b53031;border:none;border-radius:14px;padding:17px 24px; font-family:'Poppins',sans-serif;font-size:16px;font-weight:700;color:#fff; cursor:pointer;box-shadow:0 6px 24px rgba(181,48,49,.35); transition:all .22s;letter-spacing:-.1px; } .c2c-sw-submit:hover{background:#9e1f20;transform:translateY(-2px);box-shadow:0 12px 36px rgba(181,48,49,.45)} .c2c-sw-submit:active{transform:translateY(0)} .c2c-sw-submit.loading{background:#8c1a1a;cursor:wait} .c2c-sw-submit svg{width:17px;height:17px;flex-shrink:0} @media(max-width:600px){.c2c-sw-submit{font-size:14px;padding:14px 16px;border-radius:12px}} .c2c-sw-results{margin-top:28px;display:none} .c2c-sw-results-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;flex-wrap:wrap;gap:8px} .c2c-sw-results-head h3{font-family:'Poppins',sans-serif;font-size:17px;font-weight:800;color:#232021;margin:0} .c2c-sw-results-meta{font-size:11px;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.6px} .c2c-sw-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:14px} @media(max-width:560px){.c2c-sw-cards{grid-template-columns:1fr;gap:10px}} .c2c-sw-loc-card{ background:#fff;border:1.5px solid #e8eaef;border-radius:14px;padding:20px; transition:all .25s;position:relative;overflow:hidden;display:flex;flex-direction:column; } .c2c-sw-loc-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:#b53031;opacity:0;transition:opacity .25s;} .c2c-sw-loc-card:hover{border-color:rgba(181,48,49,.25);transform:translateY(-3px);box-shadow:0 10px 28px rgba(35,32,33,.08)} .c2c-sw-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:12px} .c2c-sw-card-name{font-family:'Poppins',sans-serif;font-size:15px;font-weight:800;color:#232021;line-height:1.2} .c2c-sw-card-city{font-size:11px;color:#94a3b8;margin-top:2px;font-weight:500} .c2c-sw-dist-badge{flex-shrink:0;background:#fef2f2;border:1px solid #fecaca;border-radius:20px;padding:3px 10px;font-size:11px;font-weight:700;color:#b53031;white-space:nowrap} .c2c-sw-card-notes{font-size:11px;color:#94a3b8;margin-bottom:8px;font-style:italic;line-height:1.4} .c2c-sw-card-addr{display:flex;align-items:center;gap:6px;font-size:12px;color:#64748b;margin-bottom:5px} .c2c-sw-card-addr svg{width:11px;height:11px;flex-shrink:0;opacity:.55} .c2c-sw-avail{display:flex;align-items:center;gap:7px;margin-bottom:12px} .c2c-sw-avail-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0} .c2c-sw-avail-dot.green{background:#22c55e}.c2c-sw-avail-dot.red{background:#ef4444} .c2c-sw-avail-text{font-size:11px;font-weight:600} .c2c-sw-avail-text.green{color:#15803d}.c2c-sw-avail-text.red{color:#dc2626} .c2c-sw-card-tags{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:12px} .c2c-sw-tag{font-size:9px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;padding:3px 8px;border-radius:5px;background:#f1f5f9;border:1px solid #e2e8f0;color:#64748b} .c2c-sw-tag.highlight{background:#fef2f2;border-color:#fecaca;color:#b53031} .c2c-sw-tag.emr{background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8} .c2c-sw-btn-book{ flex:1;display:flex;align-items:center;justify-content:center;gap:6px; background:#b53031;border:none;border-radius:9px;padding:10px 12px; font-size:12px;font-weight:700;color:#fff;cursor:pointer;text-decoration:none; transition:all .2s;font-family:'Poppins',sans-serif; } .c2c-sw-btn-book:hover{background:#9e1f20;transform:translateY(-1px);color:#fff!important;text-decoration:none} .c2c-sw-btn-dir{ display:flex;align-items:center;justify-content:center; width:38px;flex-shrink:0;background:#f1f5f9;border:1.5px solid #e2e8f0; border-radius:9px;padding:9px;cursor:pointer;text-decoration:none;color:#64748b;transition:all .2s; } .c2c-sw-btn-dir:hover{background:#e2e8f0;color:#232021} .c2c-sw-btn-dir svg{width:15px;height:15px} .c2c-sw-no-results{text-align:center;padding:36px 20px;color:#64748b;font-size:13px;font-family:'Inter',sans-serif} .c2c-sw-no-results strong{display:block;font-size:15px;color:#232021;margin-bottom:6px} .c2c-sw-skeleton{height:180px;border-radius:12px;background:linear-gradient(90deg,#f1f5f9 0%,#e2e8f0 50%,#f1f5f9 100%);background-size:200% 100%;animation:sw-shimmer 1.4s ease-in-out infinite;} .c2c-sw-loc-card.animate-in{animation:sw-cardin .35s cubic-bezier(.2,.8,.4,1) both} @keyframes sw-cardin{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}} @media(max-width:560px){ .c2c-sw-loc-card{padding:14px} .c2c-sw-card-name{font-size:14px} .c2c-sw-btn-book{font-size:11px;padding:9px 10px} .c2c-sw-btn-dir{width:34px;padding:8px} } /* Blog carousel arrow overrides */ /* Force blog arrows visible - overrides shared .c2c-carousel-arrow{display:none!important} */ /* Coming soon waitlist modal */ .c2c-waitlist-trigger{border:0;font:inherit;cursor:pointer} .c2c-waitlist-modal{position:fixed;inset:0;z-index:2147483000;display:none;align-items:center;justify-content:center;padding:22px} .c2c-waitlist-modal.is-open{display:flex} .c2c-waitlist-backdrop{position:absolute;inset:0;background:rgba(15,23,42,.72);backdrop-filter:blur(3px)} .c2c-waitlist-dialog{position:relative;width:min(720px,100%);max-height:calc(100vh - 44px);background:#fff;border-radius:12px;box-shadow:0 24px 80px rgba(15,23,42,.34);overflow:hidden} .c2c-waitlist-close{position:absolute;top:10px;right:10px;z-index:2;width:36px;height:36px;border:0;border-radius:999px;background:#f1f5f9;color:#1f2937;font-size:24px;line-height:1;cursor:pointer} .c2c-waitlist-close:hover{background:#e2e8f0} .c2c-waitlist-frame{height:min(521px,calc(100vh - 88px));padding:52px 16px 16px} @media(max-width:560px){ .c2c-waitlist-modal{padding:12px} .c2c-waitlist-dialog{border-radius:10px} .c2c-waitlist-frame{height:calc(100vh - 44px);padding:50px 10px 10px} } /* ===== Source: style.css ===== */ /* Custom CSS */ @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 100; font-display: swap; src: url(../fonts/poppins-pxigyp8kv8jhgfvrlptufntakpy.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 100; font-display: swap; src: url(../fonts/poppins-pxigyp8kv8jhgfvrlptuchta.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* latin-ext */ @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 200; font-display: swap; src: url(../fonts/poppins-pxibyp8kv8jhgfvrlfj_z1jlfc-k.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 200; font-display: swap; src: url(../fonts/poppins-pxibyp8kv8jhgfvrlfj_z1xlfq.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* latin-ext */ @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 300; font-display: swap; src: url(../fonts/poppins-pxibyp8kv8jhgfvrldz8z1jlfc-k.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 300; font-display: swap; src: url(../fonts/poppins-pxibyp8kv8jhgfvrldz8z1xlfq.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* latin-ext */ @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 400; font-display: swap; src: url(../fonts/poppins-pxieyp8kv8jhgfvrjjnecmne.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 400; font-display: swap; src: url(../fonts/poppins-pxieyp8kv8jhgfvrjjfecg.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* latin-ext */ @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 500; font-display: swap; src: url(../fonts/poppins-pxibyp8kv8jhgfvrlgt9z1jlfc-k.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 500; font-display: swap; src: url(../fonts/poppins-pxibyp8kv8jhgfvrlgt9z1xlfq.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* latin-ext */ @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 600; font-display: swap; src: url(../fonts/poppins-pxibyp8kv8jhgfvrlej6z1jlfc-k.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 600; font-display: swap; src: url(../fonts/poppins-pxibyp8kv8jhgfvrlej6z1xlfq.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* latin-ext */ @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 700; font-display: swap; src: url(../fonts/poppins-pxibyp8kv8jhgfvrlcz7z1jlfc-k.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 700; font-display: swap; src: url(../fonts/poppins-pxibyp8kv8jhgfvrlcz7z1xlfq.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* latin-ext */ @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 800; font-display: swap; src: url(../fonts/poppins-pxibyp8kv8jhgfvrldd4z1jlfc-k.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 800; font-display: swap; src: url(../fonts/poppins-pxibyp8kv8jhgfvrldd4z1xlfq.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* latin-ext */ @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 900; font-display: swap; src: url(../fonts/poppins-pxibyp8kv8jhgfvrlbt5z1jlfc-k.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 900; font-display: swap; src: url(../fonts/poppins-pxibyp8kv8jhgfvrlbt5z1xlfq.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* Example: Override main section background color. */ /* body .jupiterx-main { background-color: gray; } */ header .elementor a { color: #de0000; } .post_get_categories_wise .raven-post-item .raven-post-image { padding-bottom: calc(0.6* 100%); border-radius: 10px 10px 0px 0px; } .post_get_categories_wise .raven-post-item .raven-post-image img{ -webkit-transform: scale(1.15); transform: scale(1.15); } .post_get_categories_wise .raven-post-item .raven-post-image:hover img { -webkit-transform: scale(1); transform: scale(1); } .post_get_categories_wise .raven-post-item .raven-post-title{ font-size: 16px; font-weight: 400; color: #000000; margin: 0; line-height: 24px; } .post_get_categories_wise .raven-post-item .raven-post-title:hover { color: #0072E9; } .post_get_categories_wise .raven-post-item .raven-post-title > a{ color: inherit; font-size: inherit; } .manu-sec .elementor-widget-image a { width: 25px; height: 24px; } .min-height p{ min-height: 94px; } .set-height p{ min-height: 51px; } .top-head-bg .elementor-image-box-img a { display: block; } .top-head-bg .elementor-image-box-img img { min-height: 100px; min-width: 260px; } .google-header-image img { min-height: 100px; max-width: 650px; width: 100%; } .elementor-1413 .elementor-element.elementor-element-8bde823 .elementor-heading-title { font-family: 'Poppins' !important; } #courses h1 { min-height: 87px; } .version-drop { position: relative; height: 100%; cursor: pointer; font-family: Arial, sans-serif; margin-left: 10px; display: flex; justify-content: center; align-items: center; } .version-drop span { display: flex; align-items: center; padding: 5px 15px 5px 5px; background: #fff; border-radius: 5px; cursor: pointer; font-size: 0; width: 40px; height: 24px; text-indent: -99999px; background-size: 23px auto; background-repeat: no-repeat; background-position: 3px center; } .version-drop span::after { content: ""; background-image: url(../img/downarrow.svg); width: 15px; height: 15px; position: absolute; right: 0; top: 0; bottom: 0; margin: auto; background-size: 100%; background-repeat: no-repeat; } .version-drop span img { width: 20px; height: 14px; } .language-switcher { position: absolute; top: 100%; right: 0; width: 80px; background: #fff; border: 1px solid #ccc; border-radius: 5px; list-style: none; padding: 0; margin: 0; display: none; z-index: 10; } .language-switcher li { display: flex; align-items: center; padding: 8px 10px 8px 35px; cursor: pointer; transition: background 0.3s; position: relative; font-size: 14px; font-weight: 600; color: #000; background-size: 24px auto !important; background-repeat: no-repeat !important; background-position: 5px center !important; } .language-switcher li img { width: 20px; height: 14px; position: absolute; left: 7px; top: 0; bottom: 0; margin: auto; } .language-switcher li.selected, .language-switcher li:hover { background: #f0f0f0; } .version-drop.open .language-switcher { display: block; } .first-aid-card button.custom-button img { transition: 0.2s ease-in-out; width: 45px; height: 45px; } .coast-safety-left .icon img { width: 34px; height: 34px; } .brands-list .brands-list__item-img { max-height: 135px; width: auto; } /* .swiper-slide-inner .swiper-slide-image { max-height: 60px; width: auto; } */ .img-slider .swiper-slide-inner .swiper-slide-image { max-height: unset; width: auto; } .swiper-slide-inner .swiper-slide-image, .elementor-image-carousel-wrapper .swiper-slide-inner .swiper-slide-image, .testimonial .swiper-slide-inner .swiper-slide-image { max-height: 100%; width: auto; } .jet-carousel .slick-slide img { max-width: 100px; } .jet-carousel .jet-arrow { z-index: 2; } .advacne-bg .elementor-widget-wrap .elementor-element:first-child h2.elementor-heading-title { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .c2c-head-us .elementor.elementor-76344{ display: none; } label { font-weight: 800; font-family: 'Lato'; font-size: 18px; color: black; } .search-icon { background: #ff000b; width: 80px; height: 80px; border-radius: 14px; text-align: center; padding: 26px; float: right; } .select-dropdown { position: relative; display: inline-block; max-width: 100%; margin: 0 15px 0 0; } .select-dropdown:last-child { margin-right: 0px; } .select-dropdown__button { padding: 0; background-color: #fff; color: #0F101A; border: none; border-radius: 3px; cursor: pointer; width: 210px; text-align: left; font-size: 20px; font-family: 'Lato'; } .select-dropdown__button::focus { outline: none !important; border: none; } button:focus { outline: none !important; } .select-dropdown__button .zmdi-chevron-down { position: absolute; right: 10px; bottom: 20px; } .select-dropdown__list { position: absolute; display: block; left: 0; right: 0; max-height: 300px; overflow: auto; margin: 0; padding: 0; border: 1px solid #cecece; border-top: 0px solid transparent; list-style-type: none; opacity: 0; pointer-events: none; transform-origin: top left; transform: scale(1, 0); transition: all ease-in-out 0.3s; z-index: 2; } .select-dropdown__list.active { opacity: 1; pointer-events: auto; transform: scale(1, 1); } .select-dropdown__list-item { display: block; list-style-type: none; padding: 10px 15px; background: #fff; border-top: 1px solid #e6e6e6; font-size: 14px; line-height: 1.4; cursor: pointer; color: #616161; text-align: left; transition: all ease-in-out 0.3s; } .select-dropdown__list-item:hover { background-color: #1fc69d; color: #fff; transition: all ease-in-out 0.3s; } select#normal-select-3 { width: 90% !important; border: none !important; background: #ededed; } input#address { background: #ededed; } select#distance { background: #ededed; } .coast-safety {display: flex;justify-content: space-between;flex-wrap: wrap;align-items: center;} form.select-form-bg input {padding: 5px;border: 1px solid #dedede !important;width: 100%;} form.select-form-bg select {padding: 5px;border: 1px solid #dedede !important;width: 100%;} .coast-safety-right {width: 15%;} .coast-safety-left {width: 85%;} .coast-safety-left .icon {width: 20%;max-width: 60px;} .cost-content-left {margin: 0px;display: flex;justify-content: space-between;flex-wrap: wrap;list-style: none;padding:0px;} .cost-content-left li {width: 32%;margin-bottom: 30px;display: flex;flex-wrap: wrap;align-items: center;padding: 15px;box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; border-radius: 3px;justify-content: space-between;} .cost-content {width: 80%;} .cost-content-left li:nth-child(1) {width: 49%;} .cost-content-left li:nth-child(2) {width: 49%;} .cost-content-left label {width: 100%;margin-bottom: 5px;color: #de0000;} @media (max-width: 768px){ .coast-safety-left {width: 100%;} .cost-content-left li {width: 49%;} .cost-content-left li:nth-child(5) {width: 100%;} .coast-safety-right {width: 100%;} .coast-safety-left .icon {width: 100%;margin-bottom: 10px;max-width: 100%;} .cost-content {width: 100%;} } @media (max-width: 667px){ .cost-content-left li:nth-child(1) {width: 100%;} .cost-content-left li:nth-child(2) {width: 100%;} .cost-content-left li {width: 100%;margin-bottom: 10px;} } #waitloader { box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); margin: 0 auto; position: fixed; top: 40%; left: 40%; padding: 88px; background: #ededed7a; box-sizing: border-box; max-width: -webkit-fill-available; display: none; z-index:99999999999; } @media (max-width: 1800px) { .google-header-image img { min-height: 85px; } } @media (max-width: 1400px) { .top-head-bg .elementor-image-box-img img { min-height: 77px; min-width: 200px; } .google-header-image img { min-height: 55px; } } @media (max-width: 767px) { div h1, div .h1 { font-size: 24px; line-height: 130% !important; margin-bottom: 8px !important; } div h2, div .h2 { font-size: 18px; line-height: 130% !important; } div h3, div .h3 { font-size: 16px; line-height: 130% !important; } .elementor-33522 .elementor-element.elementor-element-0d4fee2 .elementor-heading-title { min-height: 48px; } .header-deftsoft-img .elementor-image-box-img img { min-height: 1px; margin-bottom: 0px; width: 115px; min-width: 115px; } .min-height p { min-height: 100px; } .elementor-76344 .elementor-element.elementor-element-c9ff8fd > div.elementor-element-populated, .elementor-33522 .elementor-element.elementor-element-3ad0c07 > div.elementor-element-populated { margin: 10px 0px 10px 0px; } .elementor-76344 .elementor-element.elementor-element-c9ff8fd > div.elementor-element-populated{ margin: 11px 0px 10px 0px; } section.top-head-bg .header-deftsoft-img { height: auto; } section.top-head-bg div.elementor-widget-container figure.elementor-image-box-img { min-height: 1px; text-align: left; } .first-aid-card { margin-top: 30px; } section[data-id="bd648d2"], section[data-id="5d88f83"] { display: none; } section.top-head-bg { min-height: 65px; display: flex; justify-content: space-around; align-items: center; } html[lang="en-CA"] .elementor-section-full_width.top-head-bg > .elementor-column-gap-default { width: 100%; max-width: 408px; } html[lang="en-CA"] .header-deftsoft-img .elementor-image-box-img img{ min-width: 210px; margin: 0 auto; } /* html[lang="en-CA"] .elementor-section-full_width.top-head-bg .elementor-widget.elementor-widget-shortcode{ margin-left: auto; } */ } @media (max-width: 480px) { .set-height p{ min-height: 110px; } } /* ===== Source: jquery-ui.css ===== */ /*! jQuery UI - v1.10.2 - 2013-03-14 * http://jqueryui.com * Includes: jquery.ui.core.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.tooltip.css * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana%2CArial%2Csans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=highlight_soft&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=glass&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=glass&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=glass&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px * Copyright 2013 jQuery Foundation and other contributors Licensed MIT */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; border-collapse: collapse; } .ui-helper-clearfix:after { clear: both; } .ui-helper-clearfix { min-height: 0; /* support: IE7 */ } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); } .ui-front { z-index: 100; } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } .ui-accordion .ui-accordion-header { display: block; cursor: pointer; position: relative; margin-top: 2px; padding: .5em .5em .5em .7em; min-height: 0; /* support: IE7 */ } .ui-accordion .ui-accordion-icons { padding-left: 2.2em; } .ui-accordion .ui-accordion-noicons { padding-left: .7em; } .ui-accordion .ui-accordion-icons .ui-accordion-icons { padding-left: 2.2em; } .ui-accordion .ui-accordion-header .ui-accordion-header-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; } .ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; overflow: auto; } .ui-autocomplete { position: absolute; top: 0; left: 0; cursor: default; } .ui-button { display: inline-block; position: relative; padding: 0; line-height: normal; margin-right: .1em; cursor: pointer; vertical-align: middle; text-align: center; overflow: visible; /* removes extra width in IE */ } .ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active { text-decoration: none; } /* to make room for the icon, a width needs to be set here */ .ui-button-icon-only { width: 2.2em; } /* button elements seem to need a little more width */ button.ui-button-icon-only { width: 2.4em; } .ui-button-icons-only { width: 3.4em; } button.ui-button-icons-only { width: 3.7em; } /* button text element */ .ui-button .ui-button-text { display: block; line-height: normal; } .ui-button-text-only .ui-button-text { padding: .4em 1em; } .ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; } .ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; } .ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em; } .ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; } /* no icon support for input elements, provide padding by default */ input.ui-button { padding: .4em 1em; } /* button icon element(s) */ .ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; } .ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; } .ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; } .ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; } /* button sets */ .ui-buttonset { margin-right: 7px; } .ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; } /* workarounds */ /* reset extra padding in Firefox, see h5bp.com/l */ input.ui-button::-moz-focus-inner, button.ui-button::-moz-focus-inner { border: 0; padding: 0; } .ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; } .ui-datepicker .ui-datepicker-header { position: relative; padding: .2em 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 2px; width: 1.8em; height: 1.8em; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; } .ui-datepicker .ui-datepicker-prev { left: 2px; } .ui-datepicker .ui-datepicker-next { right: 2px; } .ui-datepicker .ui-datepicker-prev-hover { left: 1px; } .ui-datepicker .ui-datepicker-next-hover { right: 1px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0; } .ui-datepicker select.ui-datepicker-month-year { width: 100%; } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 49%; } .ui-datepicker table { width: 100%; font-size: .9em; border-collapse: collapse; margin: 0 0 .4em; } .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; } .ui-datepicker td { border: 0; padding: 1px; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding: 0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width: auto; overflow: visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left; } /* with multiple calendars */ .ui-datepicker.ui-datepicker-multi { width: auto; } .ui-datepicker-multi .ui-datepicker-group { float: left; } .ui-datepicker-multi .ui-datepicker-group table { width: 95%; margin: 0 auto .4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width: 50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width: 33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width: 25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width: 0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear: left; } .ui-datepicker-row-break { clear: both; width: 100%; font-size: 0; } /* RTL support */ .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear: right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group { float: right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width: 0; border-left-width: 1px; } .ui-dialog { position: absolute; top: 0; left: 0; padding: .2em; outline: 0; } .ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative; } .ui-dialog .ui-dialog-title { float: left; margin: .1em 0; white-space: nowrap; width: 90%; overflow: hidden; text-overflow: ellipsis; } .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 21px; margin: -10px 0 0 0; padding: 1px; height: 20px; } .ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; } .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin-top: .5em; padding: .3em 1em .5em .4em; } .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; } .ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; } .ui-dialog .ui-resizable-se { width: 12px; height: 12px; right: -5px; bottom: -5px; background-position: 16px 16px; } .ui-draggable .ui-dialog-titlebar { cursor: move; } .ui-menu { list-style: none; padding: 2px; margin: 0; display: block; outline: none; } .ui-menu .ui-menu { margin-top: -3px; position: absolute; } .ui-menu .ui-menu-item { margin: 0; padding: 0; width: 100%; } .ui-menu .ui-menu-divider { margin: 5px -2px 5px -2px; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0 0; } .ui-menu .ui-menu-item a { text-decoration: none; display: block; padding: 2px .4em; line-height: 1.5; min-height: 0; /* support: IE7 */ font-weight: normal; } .ui-menu .ui-menu-item a.ui-state-focus, .ui-menu .ui-menu-item a.ui-state-active { font-weight: normal; margin: -1px; } .ui-menu .ui-state-disabled { font-weight: normal; margin: .4em 0 .2em; line-height: 1.5; } .ui-menu .ui-state-disabled a { cursor: default; } /* icon support */ .ui-menu-icons { position: relative; } .ui-menu-icons .ui-menu-item a { position: relative; padding-left: 2em; } /* left-aligned */ .ui-menu .ui-icon { position: absolute; top: .2em; left: .2em; } /* right-aligned */ .ui-menu .ui-menu-icon { position: static; float: right; } .ui-progressbar { height: 2em; text-align: left; overflow: hidden; } .ui-progressbar .ui-progressbar-value { margin: -1px; height: 100%; } .ui-progressbar .ui-progressbar-overlay { background: url("images/animated-overlay.gif"); height: 100%; filter: alpha(opacity=25); opacity: 0.25; } .ui-progressbar-indeterminate .ui-progressbar-value { background-image: none; } .ui-resizable { position: relative; } .ui-resizable-handle { position: absolute; font-size: 0.1px; display: block; } .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; } .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; } .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px; } .ui-selectable-helper { position: absolute; z-index: 100; border: 1px dotted black; } .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; } /* For IE8 - See #6727 */ .ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range { filter: inherit; } .ui-slider-horizontal { height: .8em; } .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: .8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; } .ui-spinner { position: relative; display: inline-block; overflow: hidden; padding: 0; vertical-align: middle; } .ui-spinner-input { border: none; background: none; color: inherit; padding: 0; margin: .2em 0; vertical-align: middle; margin-left: .4em; margin-right: 22px; } .ui-spinner-button { width: 16px; height: 50%; font-size: .5em; padding: 0; margin: 0; text-align: center; position: absolute; cursor: default; display: block; overflow: hidden; right: 0; } /* more specificity required here to overide default borders */ .ui-spinner a.ui-spinner-button { border-top: none; border-bottom: none; border-right: none; } /* vertical centre icon */ .ui-spinner .ui-icon { position: absolute; margin-top: -8px; top: 50%; left: 0; } .ui-spinner-up { top: 0; } .ui-spinner-down { bottom: 0; } /* TR overrides */ .ui-spinner .ui-icon-triangle-1-s { /* need to fix icons sprite */ background-position: -65px -16px; } .ui-tabs { position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ padding: .2em; } .ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; } .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 0; margin: 1px .2em 0 0; border-bottom-width: 0; padding: 0; white-space: nowrap; } .ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; } .ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: -1px; padding-bottom: 1px; } .ui-tabs .ui-tabs-nav li.ui-tabs-active a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-tabs-loading a { cursor: text; } .ui-tabs .ui-tabs-nav li a, /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */ .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a { cursor: pointer; } .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; } .ui-tooltip { padding: 8px; position: absolute; z-index: 9999; max-width: 300px; -webkit-box-shadow: 0 0 5px #aaa; box-shadow: 0 0 5px #aaa; } body .ui-tooltip { border-width: 2px; } /* Component containers ----------------------------------*/ .ui-widget { font-family: Verdana,Arial,sans-serif; font-size: 1.1em; } .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif; font-size: 1em; } .ui-widget-content { border: 1px solid #aaaaaa; background: #ffffff url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x; color: #222222; } .ui-widget-content a { color: #222222; } .ui-widget-header { border: 1px solid #aaaaaa; background: #cccccc url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x; color: #222222; font-weight: bold; } .ui-widget-header a { color: #222222; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3; background: #e6e6e6 url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #555555; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555; text-decoration: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #999999; background: #dadada url(images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; } .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited { color: #212121; text-decoration: none; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa; background: #ffffff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; text-decoration: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #fcefa1; background: #fbf9ee url(images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x; color: #363636; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { color: #363636; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { border: 1px solid #cd0a0a; background: #fef1ec url(images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x; color: #cd0a0a; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a; } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; } .ui-state-disabled .ui-icon { filter:Alpha(Opacity=35); /* For IE8 - See #6059 */ } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { width: 16px; height: 16px; } .ui-icon, .ui-widget-content .ui-icon { background-image: url(images/ui-icons_222222_256x240.png); } .ui-widget-header .ui-icon { background-image: url(images/ui-icons_222222_256x240.png); } .ui-state-default .ui-icon { background-image: url(images/ui-icons_888888_256x240.png); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon { background-image: url(images/ui-icons_454545_256x240.png); } .ui-state-active .ui-icon { background-image: url(images/ui-icons_454545_256x240.png); } .ui-state-highlight .ui-icon { background-image: url(images/ui-icons_2e83ff_256x240.png); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon { background-image: url(images/ui-icons_cd0a0a_256x240.png); } /* positioning */ .ui-icon-blank { background-position: 16px 16px; } .ui-icon-carat-1-n { background-position: 0 0; } .ui-icon-carat-1-ne { background-position: -16px 0; } .ui-icon-carat-1-e { background-position: -32px 0; } .ui-icon-carat-1-se { background-position: -48px 0; } .ui-icon-carat-1-s { background-position: -64px 0; } .ui-icon-carat-1-sw { background-position: -80px 0; } .ui-icon-carat-1-w { background-position: -96px 0; } .ui-icon-carat-1-nw { background-position: -112px 0; } .ui-icon-carat-2-n-s { background-position: -128px 0; } .ui-icon-carat-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -64px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -64px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 0 -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-on { background-position: -96px -144px; } .ui-icon-radio-off { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-start { background-position: -80px -160px; } /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } /* Misc visuals ----------------------------------*/ /* Corner radius */ .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { border-top-left-radius: 4px; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-top-right-radius: 4px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { border-bottom-left-radius: 4px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-radius: 4px; } /* Overlays */ .ui-widget-overlay { background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .3; filter: Alpha(Opacity=30); } .ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .3; filter: Alpha(Opacity=30); border-radius: 8px; } /* ===== Source: c2c-prelaunch.css ===== */ /* ═══════════════════════════════════════════════════════════════════════ COAST2COAST FIRST AID — SITE-WIDE SHARED STYLES ═══════════════════════════════════════════════════════════════════════ File: c2c-shared.css Hosted at: https://www.c2cfirstaidaquatics.com/wp-content/uploads/c2c-assets/c2c-shared.css Source: c2c-location-template-v6 (no location data) Last update: May 2026 USED BY: every city location page on c2cfirstaidaquatics.com DEPLOYMENT (one-time): 1. Upload this file via FTP or cPanel File Manager to: /wp-content/uploads/c2c-assets/c2c-shared.css 2. Verify it loads in browser: https://www.c2cfirstaidaquatics.com/wp-content/uploads/c2c-assets/c2c-shared.css 3. Every city HTML widget references it via UPDATES: When making CSS changes, bump the ?v= cache-buster in EVERY city's HTML widget (?v=1.2 → ?v=1.2) so browsers re-fetch the new file. DESIGN SYSTEM: locked. All CSS variables are namespaced under .c2c-final to prevent collisions with the WordPress theme (JupiterX). ═══════════════════════════════════════════════════════════════════════ */ /* Ensure text renders immediately with system font while web fonts load */ @font-face{font-family:'Poppins';font-display:swap} @media (min-width:861px){ /* Every page now has 5 trust tiles (4 logos + regulator). Flex-fill spreads them across the full width. */ .c2c-trust-strip .c2c-trust-carousel .c2c-carousel-viewport{display:block !important;overflow:visible !important;width:100% !important} .c2c-trust-strip .c2c-trust-carousel .c2c-carousel-track{display:flex !important;flex-wrap:nowrap !important;justify-content:center !important;gap:16px !important;width:100% !important;transform:none !important;transition:none !important} .c2c-trust-strip .c2c-trust-carousel .c2c-carousel-slide{flex:1 1 0 !important;width:auto !important;min-width:0 !important;max-width:none !important;float:none !important} } /* ── Pre-launch helpers ── */ .c2c-cs-hide{display:none !important;} /* ══ Nearby / Closest Training Locations — FLEXIBLE ══ Styles the block whether a page renders it as PILLS (.c2c-nearby-grid > a.c2c-nearby-link), a native DROPDOWN (select.c2c-nearby-select), or a DISCLOSURE menu (details.c2c-nearby-dropdown). Pill visual props use !important so theme/Elementor link colors can't override them. */ .c2c-nearby-wrap { margin-top: 8px; } .c2c-nearby-title { font-family: 'Poppins', sans-serif; font-size: 19px; font-weight: 800; color: var(--navy,#0f234f); margin: 0 0 4px; letter-spacing: -.3px; } .c2c-nearby-sub { font-size: 13px; color: var(--muted,#66758b); margin: 0 0 14px; } /* — PILLS (default) — */ .c2c-nearby-grid { display: flex; flex-wrap: wrap; gap: 10px; } .c2c-nearby-link { display: inline-flex !important; align-items: center; gap: 6px; line-height: 1.2; padding: 10px 16px !important; border-radius: 12px !important; background: #f4f7fc !important; border: 1px solid var(--line,#dce5f0) !important; color: var(--navy,#0f234f) !important; font-size: 14px; font-weight: 700; text-decoration: none !important; box-shadow: 0 2px 8px rgba(15,35,79,.06); transition: all .18s ease; } .c2c-nearby-link:hover { background: #eaf0fb !important; border-color: #c3d2ea !important; color: var(--navy,#0f234f) !important; transform: translateY(-1px); } .c2c-nearby-link span { color: var(--red,#b53031) !important; font-weight: 800; } /* — DROPDOWN (native