/* =========================
  Foundations / Imports
  ========================= */
@import url("https://use.typekit.net/wvg1bcl.css");
@import url("https://fonts.googleapis.com/css?family=Sora:300,400,500,600,700,800");

@font-face {
 font-family: 'Font Awesome 6 Pro';
 font-style: normal;
 font-weight: 900;
}






/* =========================
  Header, Menus, Icons
  ========================= */
@media (min-width: 1024px) {
 #header #logo { width: 20%; padding: 20px 0 12px; }
}
.service-links { display: none; }

#block-ethosce-search-ethosce-search #edit-ethosce-search::after {
 font-family: 'Font Awesome 6 Pro' !important; font-weight: 900; content: "\f002"; color: #008080; top: 15px;
}
#uc-cart-link a::before { font-family: 'Font Awesome 6 Pro' !important; font-weight: 900; content: "\f07a"; }
#block-system-user-menu .menu li a[href$="user"]::before,
#block-system-user-menu .menu li a[href*="login"]::before {
 font-family: 'Font Awesome 6 Pro' !important; font-weight: 900; content: "\f2bd";
}
#block-system-user-menu .menu li a[href*="register"]:before {
 font-family: 'Font Awesome 6 Pro' !important; font-weight: 900; content: "\2b";
}

/* Credit app callouts */
.page-node-course-credit-app #tabs-container::after {
 content: "CREDIT CLAIMING GUIDE"; font-size: 1.2rem; display: block; font-weight: bold; margin-bottom: -15px; margin-left: 27px;
}
.page-node-course-credit-app #content::before {
 content: "Please use the list below as a guide to claim the appropriate credit for your discipline:"; font-weight: bold; font-style: italic; display: block;
}
.page-node-course-credit-app #content-area::before {
 content: "- Physicians (MD/DO) -- Claim AMA PRA Category 1 Credit\A" "- Nurses -- Claim ANCC or CA BRN or AMA PRA Category 1 Credit Hours\A" "- Pharmacists -- Claim ACPE\A" "- Social Workers -- Claim ASWB-ACE\A" "- Physical Therapists -- Claim PTBC\A" "- Clinical Disciplines other than Physicians -- Claim AMA PRA Category 1 Credit Hours or IPCE";
 display: block; font-weight: bold; white-space: pre-wrap; margin-bottom: 15px;
}
.page-node-course-credit-app #course-credit-app-form::before {
 content: "Please click the box to claim the appropriate credit type from the following options";
 display: block; font-weight: bold; font-size: 1.2rem; color: #008080;
}

/* User menu */
.logged-in .anon-user-show { display: none; }
.not-logged-in .anon-user-hide { display: none; }

/* Search */
#block-ethosce-search-ethosce-search input#edit-text {
 border-radius: 0 !important; border: 2px solid #d1d1d1; font-size: .8em;
}
#block-ethosce-search-ethosce-search .form-text { width: 250px; padding-left: 20px; margin-right: 2px; }
#block-ethosce-search-ethosce-search #edit-ethosce-search .form-submit {
 background-color: transparent; border-radius: 15px !important; font-size: 100%; margin-top: 0;
}

/* Slideshow controls */
.views-slideshow-controls-text span { font-family: "Font Awesome 5 Solid" !important; font-weight: 900; color: #008080; }
#homepage-slideshow h3.slide-title { display: none !important; }
#homepage-slideshow { background: #fff; border-radius: 10px; }
#tagline h3 { font-style: italic; font-weight: 300; color: #444; }

/* Main menu */
#wrapper #header-wrapper #header #header-inner #header-right #ethosce-user-links-wrapper { font-weight: normal !important; }
#main-menu { font-size: .8em !important; line-height: 1.5em; font-weight: 500 !important; }
#main-menu > ul > li.menu__item.is-expanded > ul > li::before { display: none; }
#main-menu > ul > li.menu__item { margin-right: 2em; }
li.menu__item.is-leaf.is-active-trail.leaf.active-trail { border-bottom: 2px solid #008080; background-color: transparent; }
#main-menu > ul > li > a.active-trail { background: transparent; }
#main-menu > .menu > li > a {
 display: flex; gap: 5px; font-family: roboto, sans-serif !important; font-size: 125%;
}
#main-menu li li a, #main-menu li li.first a { font-size: 115%; }
#main-menu > .menu > li > a::before { font-family: 'Font Awesome 6 Pro'; font-size: 1.25em; color: #008080; font-weight: 900; }
#main-menu > .menu > li > a[href*="profile"]::before { content: "\f2bd"; }
#main-menu > .menu > li > a[href$="learn"]::before { content: "\f5db"; }
#main-menu > .menu > li > a[href$="https://app.smartsheet.com/b/form/8360c2b3eda34a25a003afa7683aaf94"]::before { content: "\f737"; }
#main-menu > .menu > li > a[href$="featured-activities"]::before { content: "\f51c"; }
#main-menu > .menu > li > a[href$="about-ace"]::before { content: "\f0c0"; }
#main-menu > .menu > li > a[href$="contact-us"]::before { content: "\f0e0"; }
#main-menu li a { color: #192a29; display: inline-block; padding: 12px 10px !important; }
#main-menu li a:hover, #main-menu li a.active-trail { background: transparent !important; border-bottom: none; color: #008080; text-decoration: none !important; }
#main-menu > ul > li:hover { background-color: transparent; }
#main-menu li.expanded > a:after { color: #192a29; }

/* Hide Plan & About when logged out */
.not-logged-in #main-menu li a[href$='/content/plan-activities'],
.not-logged-in #main-menu li a[href$='/content/about-ace'] { display: none; }

/* =========================
  Typography / Base 
  ========================= */
body, html { font-family: roboto, sans-serif !important; font-weight: 400; font-style: normal; color: #192A29; }
h2, h3, h4, h5, h1.title { font-family: "Sora", sans-serif !important; color: #004d4d; }
h1, h2 { font-weight: 700; }
h2 { font-size: 2.5em; }
h3 { font-weight: 700; font-size: 1.8em; }
h4, h5 { font-weight: 400; }
#content-area a { word-break: break-word; }
#getstarted, #homepage-tagline { margin-bottom: 0; }
.panel-pane, .not-front #wrapper #content, #title-container-inner { border-bottom: 0 !important; background-color: transparent; box-shadow: none; }
.not-front #wrapper #content { margin-bottom: 40px; }
#content-area .view li { list-style-type: disc; }

/* Body copy size (force to 18px in content area) */
body #content-area p { font-size: 18px !important; line-height: 1.6 !important; }

/* =========================
  Tabs
  ========================= */
#tabs-container li a { color: #192A29; }
#tabs-container .tabs-primary li a.is-active,
.horizontal-tabs ul.horizontal-tabs-list li.selected a,
.resp-tabs-list .resp-tab-active a { color: #192A29; font-weight: 700; }
#tabs-container .tabs-secondary li a.is-active { background-color: #004D4D; color: #fff; }

/* Secondary tabs: buttons look */
#tabs-container ul.tabs-secondary {
 background: transparent !important;
 padding: 20px 0 20px 20px !important;
 margin-bottom: 20px;
}
#tabs-container ul.tabs-secondary li a {
 background: transparent !important; color: #004D4D !important; border: 1px solid #004D4D !important;
 border-radius: 20px; padding: 8px 16px; text-decoration: none !important; transition: all .2s ease; font-weight: 500; display: inline-block; margin: 0 6px;
}
#tabs-container ul.tabs-secondary li a:hover,
#tabs-container ul.tabs-secondary li a:focus,
#tabs-container ul.tabs-secondary li a.is-active {
 background: #004D4D !important; color: #fff !important; border-color: #004D4D !important;
}

/* =========================
  Links
  ========================= */
a, h3 a { color: #004D4D; }
a:hover { text-decoration: underline !important; color: #008080; }
#content-area .group-course-summary a, #content-area .view a, #content-area .chosen-container a, #content-area .fieldset-title, #content-area .pdf-link, #content-area .user-profile a, #content-area .course-relationships-tree a, #content-area .resp-accordion a, #content-area #yaml-tool-launcher { text-decoration: underline; }
.action-link a:after { display: none; }
.action-link a:hover { background-image: none; }
span.action-link { display: inline-block; }

/* =========================
  Icon Boxes
  ========================= */
.icon-box-container { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; row-gap: 3em; }
.icon-box { display: flex; flex-direction: column; align-items: center; text-align: center; }
.icon-box a { font-weight: 700; text-decoration: none !important; font-size: 1em; font-family: "Sora", sans-serif !important; color: #192A29 !important; }
.icon-box a:hover { color: #008080 !important; }
div.icon-box a::before { font-size: 2rem; color: #008080; padding-bottom: 10px; display: block; }
div.icon-box a::after { content: '\f054'; font-family: 'Font Awesome 6 Pro'; padding-left: 10px; }
.icon-box-container div:first-child a::before { content: '\f21e'; font-family: 'Font Awesome 6 Pro'; font-weight: 900; }
.icon-box-container div:nth-child(2) a::before { content: '\e4bb'; font-family: 'Font Awesome 6 Pro'; font-weight: 900; }
.icon-box-container div:nth-child(3) a::before { content: '\f4c3'; font-family: 'Font Awesome 6 Pro'; font-weight: 900; }
.icon-box-container div:nth-child(4) a::before { content: '\f620'; font-family: 'Font Awesome 6 Pro'; font-weight: 900; }
.icon-box-container div:nth-child(5) a::before { content: '\e0c6'; font-family: 'Font Awesome 6 Pro'; font-weight: 900; }
.icon-box-container div:nth-child(6) a::before { content: '\f4d6'; font-family: 'Font Awesome 6 Pro'; font-weight: 900; }
.icon-box-container div:nth-child(7) a::before { content: '\f80d'; font-family: 'Font Awesome 6 Pro'; font-weight: 900; }
.icon-box-container div:last-child a::before { content: '\e59d'; font-family: 'Font Awesome 6 Pro'; font-weight: 900; }

/* =========================
  Buttons
  ========================= */
.buttons-container { display: grid; gap: 1rem; margin: 0 auto; width: 800px; grid-template-columns: 1fr 1fr; justify-items: center; }
@media only screen and (max-width: 600px) {
 .buttons-container, #footer .buttons-container { grid-template-columns: 1fr !important; width: 100%; justify-content: center; }
}
#footer .buttons-container { grid-template-columns: 1fr 1fr 1fr; }
a.btn, input.form-submit:not(#edit-submit--2) {
 border-radius: 34px; padding: .35rem 1.5rem; font-family: "Sora", sans-serif !important; font-weight: 700; font-size: 18px; line-height: 1.4; transition: .4s; text-decoration: none !important; text-align: center; display: inline-block; margin-top: 10px;
}
a.btn { width: 18rem; }

/* Primary */
a.btn.primarybutton, input.form-submit:not(#edit-submit--2) { background-color: #004d4d; color: #fff !important; border: 2px solid transparent; }
a.btn.primarybutton:hover, input.form-submit:hover:not(#edit-submit--2) { background-color: #003333; }
a.btn.primarybutton:focus, input.form-submit:focus:not(#edit-submit--2) { background-color: #003333; outline: 2px solid #003333; outline-offset: 4px; }
a.btn.primarybutton.dark { background-color: #fff; color: #004d4d; }
a.btn.primarybutton.dark:hover { background-color: #ccfcf9; }
a.btn.primarybutton.dark:focus { outline: 2px solid #e6f2f2; }

/* Secondary */
a.btn.secondarybutton { color: #004d4d; border: 2px solid #004d4d; background-color: transparent; }
input.form-submit#edit-cancel { color: #004d4d !important; border: 2px solid #004d4d !important; background-color: transparent; }
a.btn.secondarybutton:hover, input.form-submit#edit-cancel:hover { background-color: rgba(31,52,51,0.1) !important; }
a.btn.secondarybutton:focus, input.form-submit#edit-cancel:focus { outline: 2px solid #004d4d !important; outline-offset: 4px; }

/* =========================
  Footer
  ========================= */
#footer h3 { color: #fff; }
#footer a.btn { width: 10rem; color: #fff; }
#ethosce-footer-callout { background-image: url(/sites/default/files/sitefooter_ethos.flat_white.png); background-size: contain; }

/* =========================
  Mobile adjustments
  ========================= */
@media only screen and (max-width: 767px) {
 #wrapper #header-wrapper #header { border-top-width: 44px !important; }
 #wrapper #header-wrapper #header #header-inner #header-right #ethosce-user-links-wrapper #ethosce-mmenu-toggle:after { font-size: 30px; }
 #wrapper #header-wrapper #header #header-inner #header-right #ethosce-user-links-wrapper { top: -35px !important; }
 span.mmenu-block-title { color: #ffffff; }
 a.submit { display: block !important; }
 #homepage-slideshow .right img { display: none !important; }
 #homepage-slideshow { height: auto !important; }
 table, table thead, table tbody, table th, table td, table tr { display: block; width: 100% !important; }
 .icon-box-container { grid-template-columns: 1fr; row-gap: 1em; justify-items: left; }
 h1.title { line-height: 1em; }
 div.icon-box a::before { display: inline-block; padding-bottom: 0; margin-right: 10px; }
}

/* =========================
  Sutter cards
  ========================= */
.sutter-entity-card { box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2); transition: 0.3s; border-radius: 10px; }
.sutter-entity-card:hover { box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2); }
.sutter-entity-card img { width: 100%; height: 200px !important; border-radius: 10px 10px 0 0; }
.sutter-entity-card .sutter-entity-name { text-align: center; padding: 1em 0; }
.sutter-grid-container { display: grid; grid-template-columns: 50% 50%; gap: 3em 10em; width: 700px; margin: auto; justify-content: center; }
@media (width <=800px) {
 .sutter-grid-container { grid-template-columns: none; width: 100%; }
 .sutter-entity-card img, .sutter-entity-card .sutter-entity-name { width: 350px; }
}

/* =========================
  Global tweaks / utilities
  ========================= */
body { background-color: #ffffff !important; }
body.front .region-content .panel,
body.front .region-content .card { border-color: #e5e7eb !important; box-shadow: none !important; }

/* Hide button (course outline) */
.course-outline-list .item-btn { display: none !important; }

/* =========================
  Transcript – header + “card rows”
  ========================= */
#content-area .view-transcript table.views-table.footable#footable thead tr.footable-header > th {
 background: #004d4d !important; border-color: #004d4d !important; color: #fff !important; font-weight: 400 !important;
 padding: 12px 15px !important; text-transform: uppercase !important; letter-spacing: 0.5px;
}
#content-area .view-transcript table.views-table.footable#footable thead tr.footable-header th a {
 color: #ffffff !important; text-decoration: none !important; font-weight: 400 !important; transition: color .15s ease;
}
#content-area .view-transcript table.views-table.footable#footable thead tr.footable-header th a:hover,
#content-area .view-transcript table.views-table.footable#footable thead tr.footable-header th a:focus { color: #048080 !important; }
#content-area .view-transcript table.views-table.footable#footable thead tr.footable-header th:first-child {
 border-top-left-radius: 8px !important; border-bottom-left-radius: 8px !important;
}
#content-area .view-transcript table.views-table.footable#footable thead tr.footable-header th:last-child {
 border-top-right-radius: 8px !important; border-bottom-right-radius: 8px !important;
}

/* Space between rows for card effect */
#content-area .view-transcript table.views-table.footable { border-collapse: separate !important; border-spacing: 0 12px !important; table-layout: auto !important; }

/* Row “card” look */
#content-area .view-transcript table.views-table.footable tbody tr td {
 background: #ffffff !important; border-top: 1px solid #dcdcdc !important; border-bottom: 1px solid #dcdcdc !important; padding: 14px 16px !important;
}
#content-area .view-transcript table.views-table.footable tbody tr td:first-child {
 border-left: 1px solid #dcdcdc !important; border-top-left-radius: 8px !important; border-bottom-left-radius: 8px !important;
}
#content-area .view-transcript table.views-table.footable tbody tr td:last-child {
 border-right: 1px solid #dcdcdc !important; border-top-right-radius: 8px !important; border-bottom-right-radius: 8px !important;
}

/* Transcript row hover (subtle) */
#content-area .view-transcript table.views-table.footable tbody tr:hover td { background: #f3f7f7 !important; }

/* =========================
  Activity Applications (dashboard) – cards + width/wrap fixes
  ========================= */
#content-area .view-course-application-dashboard table.views-table.footable { border-collapse: separate !important; border-spacing: 0 12px !important; table-layout: auto !important; }
#content-area .view-course-application-dashboard table.views-table.footable thead tr.footable-header > th {
 background: #004d4d !important; border-color: #004d4d !important; color: #fff !important; font-weight: 400 !important;
 text-transform: uppercase !important; letter-spacing: 0.5px; padding: 12px 15px 12px 30px !important;
}
#content-area .view-course-application-dashboard table.views-table.footable thead tr.footable-header th a {
 color: #ffffff !important; text-decoration: none !important; font-weight: 400 !important;
}
#content-area .view-course-application-dashboard table.views-table.footable tbody tr { background: #ffffff !important; }
#content-area .view-course-application-dashboard table.views-table.footable tbody tr td {
 border-top: 1px solid #dcdcdc !important; border-bottom: 1px solid #dcdcdc !important; padding: 20px 16px !important; background-color: #ffffff !important;
}
#content-area .view-course-application-dashboard table.views-table.footable tbody tr td:first-child {
 border-left: 1px solid #dcdcdc !important; border-top-left-radius: 6px !important; border-bottom-left-radius: 6px !important; padding-left: 30px !important;
}
#content-area .view-course-application-dashboard table.views-table.footable tbody tr td:last-child {
 border-right: 1px solid #dcdcdc !important; border-top-right-radius: 6px !important; border-bottom-right-radius: 6px !important; padding-right: 16px !important;
}

/* Dashboard row hover  */
#content-area .view-course-application-dashboard table.views-table.footable tbody tr:hover > td { background: #49EFDA !important; transition: background-color .15s ease; }

/* Wrap/width tuning */
#content-area .view-course-application-dashboard table.views-table.footable tbody tr td:nth-child(1),
#content-area .view-course-application-dashboard table.views-table.footable tbody tr td:nth-child(1) a {
 white-space: normal !important; word-break: break-word !important; overflow-wrap: anywhere !important; hyphens: auto !important;
}
#content-area .view-course-application-dashboard table.views-table.footable tbody tr td:nth-child(2),
#content-area .view-course-application-dashboard table.views-table.footable tbody tr td:nth-child(3) { white-space: nowrap !important; }
#content-area .view-course-application-dashboard table.views-table.footable thead tr.footable-header th:nth-child(6),
#content-area .view-course-application-dashboard table.views-table.footable tbody tr td:nth-child(6) {
 width: 70px !important; min-width: 70px !important; text-align: right !important; white-space: nowrap !important;
}
#content-area .view-course-application-dashboard table.views-table.footable a { text-decoration: none !important; }
#content-area .view-course-application-dashboard table.views-table.footable a:hover { text-decoration: underline !important; }
#content-area .view-course-application-dashboard table.views-table.footable thead tr.footable-header th { white-space: nowrap !important; text-align: center !important; vertical-align: middle !important; }
#content-area .view-course-application-dashboard table.views-table.footable thead tr.footable-header th:nth-child(1) { white-space: normal !important; text-align: left !important; }
#content-area .view-course-application-dashboard table.views-table.footable th.views-field-views-field-title,
#content-area .view-course-application-dashboard table.views-table.footable td.views-field-views-field-title {
 min-width: 360px !important; white-space: normal !important; word-break: break-word !important; overflow-wrap: anywhere !important;
}
#content-area .view-course-application-dashboard table.views-table.footable th.footable-last-visible,
#content-area .view-course-application-dashboard table.views-table.footable td.footable-last-visible { text-align: right !important; padding-right: 20px !important; }
#content-area .view-course-application-dashboard table.views-table.footable thead tr.footable-header > th:nth-child(2),
#content-area .view-course-application-dashboard table.views-table.footable tbody tr > td:nth-child(2) { text-align: left !important; }



/* =========================
  Pending Activities – Header & Rows
  ========================= */

/* Header row styling (consistent with others) */
#content-area .view-transcript table.views-table.footable thead tr.footable-header th {
 background: #004d4d !important;
 color: #ffffff !important;
 font-weight: 400 !important;
 text-transform: uppercase !important;
 letter-spacing: 0.5px !important;
 padding: 12px 15px !important;
 border-radius: 0 !important;
 white-space: nowrap !important;   /* force header text to stay on one line */
}

/* Only outer corners rounded */
#content-area .view-transcript table.views-table.footable thead tr.footable-header th:first-child {
 border-top-left-radius: 6px !important;
 border-bottom-left-radius: 6px !important;
}
#content-area .view-transcript table.views-table.footable thead tr.footable-header th:last-child {
 border-top-right-radius: 6px !important;
 border-bottom-right-radius: 6px !important;
}

/* Space rows apart for card effect */
#content-area .view-transcript table.views-table.footable {
 border-collapse: separate !important;
 border-spacing: 0 12px !important;  /* vertical gap = card spacing */
 table-layout: auto !important;
 width: 100% !important;
}

/* Card-style rows */
/* Pending Activities – card-style rows (original state) */
#content-area .view-transcript table.views-table.footable tbody tr {
 border: 1px solid #dcdcdc !important;
 border-radius: 8px !important;
 box-shadow: 0 2px 6px rgba(0,0,0,.08) !important;
 background: #ffffff !important;
 transition: background-color .15s ease !important;
}


/* Remove inner cell borders */
#content-area .view-transcript table.views-table.footable tbody tr td {
 border: none !important;
 background: transparent !important;
 padding: 14px 16px !important;
}

/* Hover effect – teal background, shadow persists */
#content-area .view-transcript table.views-table.footable tbody tr:hover td {
 background: #49EFDA !important;
 transition: background-color .25s ease, box-shadow .25s ease !important; /* smooth hover */

}

/* Links inside rows */
#content-area .view-transcript table.views-table.footable tbody tr a {
 color: #048080 !important;
 font-weight: 700 !important;
 text-decoration: none !important;
}
#content-area .view-transcript table.views-table.footable tbody tr a:hover {
 text-decoration: underline !important;
}


/* ===============================================================================================
  Catalog – Header & Card-style Rows (aligned)
  ========================= */
/* ===== Catalog row shadow fix ===== */

/* Let shadows render outside the list wrapper */
#content-area .view-ethosce-catalog.catalog-table .view-content {
 overflow: visible !important;
}

/* Force a persistent card shadow on every row (odd/even too) */
#content-area .view-ethosce-catalog.catalog-table .view-content > .views-row,
#content-area .view-ethosce-catalog.catalog-table .view-content > .views-row-odd,
#content-area .view-ethosce-catalog.catalog-table .view-content > .views-row-even {
 position: relative !important;
 box-shadow: 0 2px 6px rgba(0,0,0,.12) !important;   /* always on */
 border: 1px solid #dcdcdc !important;
 border-radius: 8px !important;
 background: #ffffff !important;
}

/* Stronger shadow on hover (keep your teal bg if you set it) */
#content-area .view-ethosce-catalog.catalog-table .view-content > .views-row:hover,
#content-area .view-ethosce-catalog.catalog-table .view-content > .views-row-odd:hover,
#content-area .view-ethosce-catalog.catalog-table .view-content > .views-row-even:hover {
 box-shadow: 0 4px 12px rgba(0,0,0,.16) !important;
}

/* If some theme rule still kills box-shadow, paint it via a pseudo layer */
#content-area .view-ethosce-catalog.catalog-table .view-content > .views-row::after,
#content-area .view-ethosce-catalog.catalog-table .view-content > .views-row-odd::after,
#content-area .view-ethosce-catalog.catalog-table .view-content > .views-row-even::after {
 content: "" !important;
 position: absolute !important;
 inset: 0 !important;
 border-radius: 8px !important;
 pointer-events: none !important;
 box-shadow: 0 2px 6px rgba(0,0,0,.12) !important;     /* fallback shadow */
}

/* ===== Catalog header bar reset ===== */
#content-area .view-ethosce-catalog .catalog-table .catalog-table-header,
#content-area .view-ethosce-catalog .catalog-table-header {
 display: grid !important;
 grid-template-columns: 46% 18% 12% 16% 8% !important;  /* Title | Category | Credits | Date | Cost */
 align-items: center !important;

 background: #004d4d !important;   /* teal/green header */
 color: #ffffff !important;
 border-radius: 8px !important;
 padding: 12px 16px !important;
 margin-bottom: 8px !important;
 box-shadow: none !important;      /* header stays flat */
}

#content-area .view-ethosce-catalog .catalog-table-header > div {
 text-transform: uppercase !important;
 letter-spacing: .5px !important;
 font-weight: 600 !important;
 white-space: nowrap !important;
 padding: 0 8px !important;
 text-align: left !important;
}

/* Align middle columns properly */
#content-area .view-ethosce-catalog .catalog-table-header .header-credits,
#content-area .view-ethosce-catalog .catalog-table-header .header-date {
 text-align: center !important;
}
#content-area .view-ethosce-catalog .catalog-table-header .header-cost {
 text-align: right !important;
}
/* Catalog row links → teal + underline on hover */
#content-area .view-ethosce-catalog.catalog-table .view-content > .views-row a {
 color: #048080 !important;         /* teal link */
 font-weight: 600 !important;       /* bold for emphasis */
 text-decoration: none !important;  /* no underline by default */
}

#content-area .view-ethosce-catalog.catalog-table .view-content > .views-row a:hover,
#content-area .view-ethosce-catalog.catalog-table .view-content > .views-row a:focus {
 text-decoration: underline !important;
 color: #048080 !important;         /* stays teal on hover */
}








/* Catalog rows → soft cards */
body #content-area .view-id-ethosce_catalog.view-ethosce-catalog.catalog-table .view-content > .views-row {
 display: grid !important;
 align-items: center !important;

 background: #fff !important;
 border: 1px solid #dcdcdc !important;
 border-radius: 8px !important;
 box-shadow: none !important;

 margin: 12px 0 !important;
 padding: 20px 20px !important;
 transition: background-color .15s ease, box-shadow .15s ease !important;
}

body #content-area .view-id-ethosce_catalog.view-ethosce-catalog.catalog-table .view-content > .views-row .views-field {
 padding: 0 8px !important;
 border: 0 !important;
}

/* Catalog row hover (subtle + shadow) */
#content-area .view-ethosce-catalog.catalog-table .view-content > .views-row:hover,
#content-area .view-ethosce-catalog .catalog-table .view-content > .views-row:hover {
 background: #49EFDA !important; box-shadow: 0 2px 6px rgba(0,0,0,.08) !important;
}
/* Catalog row links — no underline until hover */
#content-area .view-ethosce-catalog.catalog-table .view-content > .views-row a {
 text-decoration: none !important;
 color: inherit; /* keeps text color consistent */
}

#content-area .view-ethosce-catalog.catalog-table .view-content > .views-row a:hover,
#content-area .view-ethosce-catalog.catalog-table .view-content > .views-row a:focus {
 text-decoration: underline !important;
}


/* Mobile stack for catalog rows (FIXED/closed) */
@media (max-width: 880px) {
 body #content-area .view-id-ethosce_catalog.view-ethosce-catalog.catalog-table .view-content > .views-row {
   grid-template-columns: 1fr !important; row-gap: 6px !important;
 }
 body #content-area .view-id-ethosce_catalog.view-ethosce-catalog.catalog-table .view-content > .views-row .views-field {
   padding: 10px 14px !important;
 }
}

/* Add spacing between title link and description */
#content-area .view-ethosce-catalog .views-field-title {
 margin-bottom: 8px !important; /* adjust value as needed */
}

#content-area .view-ethosce-catalog .views-field-title a {
 display: inline-block; /* ensures margin applies cleanly */
}



/* =========================
  CPD Numbers
  ========================= */
#cpd-numbers { background: transparent !important; padding: 0 !important; margin: 0 auto 40px !important; max-width: 1200px !important; }
.panels-ipe-portlet-content #cpd-numbers, .panels-ipe-portlet-content #cpd-numbers * { box-sizing: border-box; }
#cpd-numbers .wrap { display: flex !important; align-items: stretch !important; gap: 0 !important; border-left: 4px solid #e5e7eb !important; border-right: 4px solid #e5e7eb !important; margin: 0 !important; }
#cpd-numbers .stat { flex: 1 1 0 !important; padding: 36px 12px !important; border-left: 4px solid #e5e7eb !important; }
#cpd-numbers .stat:first-child { border-left: none !important; }
#cpd-numbers .num { font-family: 'Sora', Arial, Helvetica, sans-serif !important; font-weight: 700 !important; line-height: 1 !important; color: #048080 !important; font-size: 55px !important; margin: 0 0 10px 0 !important; }
#cpd-numbers .label { font-family: 'Roboto', Arial, Helvetica, sans-serif !important; font-weight: 700 !important; color: #048080 !important; font-size: 18px !important; line-height: 1.25 !important; margin: 0 !important; }
.cpd-divider-line { border-bottom: 4px solid #e5e7eb; margin-top: 60px; margin-bottom: 0; }
#cpd-numbers .stat { display: flex !important; flex-direction: column !important; justify-content: center !important; align-items: center !important; text-align: center !important; }


/* ===== CPD numbers – hard reset + exact layout ===== */
#cpd-numbers {
  background: transparent !important;
  padding: 0 !important;
  margin: -20px auto 40px !important;         /* space below the block */
  max-width: 1200px !important;
}



/* CPD buttons */
.cpd-btn { display:inline-block; font-family:'Roboto',sans-serif; font-size:16px; font-weight:700; color:#fff; border:2px solid #fff; padding:10px 20px; border-radius:25px; text-decoration:none !important; transition:all .3s ease; }
.cpd-btn:hover { background:#fff; color:#007e80; text-decoration:none !important; }
.cpd2-btn { display:inline-block; font-family:'Roboto',sans-serif; font-size:16px; font-weight:700; background:#004D4D; color:#fff; border:2px solid #004D4D; padding:10px 20px; border-radius:25px; text-decoration:none !important; transition:all .3s ease; }
.cpd2-btn:hover { background:#fff; border:2px solid #004D4D; color:#004D4D; text-decoration:none !important; }

/* Restore Catalog card look + hover shadow */
#content-area .view-ethosce-catalog.catalog-table .view-content > .views-row,
#content-area .view-id-ethosce_catalog.view-ethosce-catalog.catalog-table .view-content > .views-row {
 /* base card */
 background: #ffffff !important;
 border: 1px solid #dcdcdc !important;
 border-radius: 8px !important;
 box-shadow: 0 1px 2px rgba(0,0,0,.05) !important;
 padding: 14px 16px !important;
 margin: 12px 0 !important;

 /* layout (keep the 5-column grid) */
 display: grid !important;
 grid-template-columns: 46% 18% 12% 16% 8% !important;
 align-items: center !important;
}

#content-area .view-ethosce-catalog.catalog-table .view-content > .views-row:hover,
#content-area .view-id-ethosce_catalog.view-ethosce-catalog.catalog-table .view-content > .views-row:hover,
#content-area .view-ethosce-catalog.catalog-table .view-content > .views-row:focus-within,
#content-area .view-id-ethosce_catalog.view-ethosce-catalog.catalog-table .view-content > .views-row:focus-within {
 /* hover “card” effect */
 background: #f3f7f7 !important;
 box-shadow: 0 4px 12px rgba(0,0,0,.12) !important;
}

/* Keep links clean inside the row */
#content-area .view-ethosce-catalog.catalog-table .view-content > .views-row a {
 text-decoration: none !important;
}
#content-area .view-ethosce-catalog.catalog-table .view-content > .views-row a:hover {
 text-decoration: underline !important;
}

/* Catalog card rows — persistent shadow + teal hover */
#content-area .view-ethosce-catalog.catalog-table .view-content > .views-row,
#content-area .view-id-ethosce_catalog.view-ethosce-catalog.catalog-table .view-content > .views-row {
 background: #ffffff !important;
 border: 1px solid #dcdcdc !important;
 border-radius: 8px !important;
 box-shadow: 0 2px 6px rgba(0,0,0,.08) !important;  /* always visible */
 padding: 14px 16px !important;
 margin: 12px 0 !important;

 display: grid !important;
 grid-template-columns: 46% 18% 12% 16% 8% !important; /* Title | Cat | Credits | Date | Cost */
 align-items: center !important;
 transition: background-color .15s ease !important;
}

/* Hover state — teal background, keep shadow */
#content-area .view-ethosce-catalog.catalog-table .view-content > .views-row:hover,
#content-area .view-id-ethosce_catalog.view-ethosce-catalog.catalog-table .view-content > .views-row:hover,
#content-area .view-ethosce-catalog.catalog-table .view-content > .views-row:focus-within,
#content-area .view-id-ethosce_catalog.view-ethosce-catalog.catalog-table .view-content > .views-row:focus-within {
 background: #49EFDA !important;
 box-shadow: 0 2px 6px rgba(0,0,0,.08) !important;  /* same shadow */
}

/* Links inside rows */
#content-area .view-ethosce-catalog.catalog-table .view-content > .views-row a {
 text-decoration: none !important;
}
#content-area .view-ethosce-catalog.catalog-table .view-content > .views-row a:hover {
 text-decoration: underline !important;
}

/* Mobile stack */
@media (max-width: 880px) {
 #content-area .view-ethosce-catalog.catalog-table .view-content > .views-row {
   grid-template-columns: 1fr !important;
   row-gap: 6px !important;
 }
}

/* Ensure catalog header + rows share the same grid definition */
#content-area .view-ethosce-catalog.catalog-table .catalog-table-header {
 display: grid !important;
 grid-template-columns: 46% 18% 12% 16% 8% !important;  /* Title | Category | Credits | Date | Cost */
 align-items: center !important;
}

/* Apply the exact same grid to the row */
#content-area .view-ethosce-catalog.catalog-table .view-content > .views-row {
 display: grid !important;
 grid-template-columns: 46% 18% 12% 16% 8% !important;
 align-items: center !important;
}


/* Fix Activity Applications header – remove inner rounded corners */
#content-area .view-course-application-dashboard table.views-table.footable thead tr.footable-header th {
 border-radius: 0 !important; /* reset all */
}

/* Keep only outermost rounded corners */
#content-area .view-course-application-dashboard table.views-table.footable thead tr.footable-header th:first-child {
 border-top-left-radius: 6px !important;
 border-bottom-left-radius: 6px !important;
}

#content-area .view-course-application-dashboard table.views-table.footable thead tr.footable-header th:last-child {
 border-top-right-radius: 6px !important;
 border-bottom-right-radius: 6px !important;
}

/* Sidebar filter wrapper (entire refine-by box) */
.region-sidebar-first.column.sidebar {
 border: 1px solid #dcdcdc !important;
 border-radius: 8px !important;
 padding: 20px !important;
 background: #ffffff !important;
 box-shadow: 0 2px 6px rgba(0,0,0,.08) !important;
}



/* Course Catalog Header (div-based) */
#content-area .view-ethosce-catalog .catalog-table-header {
 display: grid !important;
 grid-template-columns: 46% 18% 12% 16% 8% !important; /* align with rows */
 align-items: center !important;

 background: #004d4d !important;
 color: #ffffff !important;
 border-radius: 8px !important;
 padding: 12px 16px !important;
 margin-bottom: 12px !important;

 /* shadow + border */
 border: 1px solid #dcdcdc !important;
 box-shadow: 0 2px 6px rgba(0,0,0,.08) !important;
}

#content-area .view-ethosce-catalog .catalog-table-header > div {
 text-transform: uppercase !important;
 letter-spacing: .5px !important;
 font-weight: 400 !important;
 white-space: nowrap !important;
 padding: 0 8px !important;
 text-align: left !important;
}

#content-area .view-ethosce-catalog .catalog-table-header .header-credits,
#content-area .view-ethosce-catalog .catalog-table-header .header-date {
 text-align: center !important;
}
#content-area .view-ethosce-catalog .catalog-table-header .header-cost {
 text-align: right !important;
}





/* =========================================
   Sutter CPD — Course tabs (Overview…)
   ========================================= */
:root { --cpd-teal:#004D4D; --cpd-white:#fff; }

/* Tabs list layout (match secondary pills spacing) */
#content-area ul.resp-tabs-list.group-tabs.field-group-htabs.course-htabs {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin: 0 0 16px !important;
  padding: 20px !important;
  border: 0 !important;
  background: transparent !important;
}

/* Reset <li> so nothing bleeds through */
#content-area ul.resp-tabs-list.group-tabs.field-group-htabs.course-htabs > li.resp-tab-item {
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  box-shadow: none !important;
}

/* Anchor = pill */
#content-area ul.resp-tabs-list.group-tabs.field-group-htabs.course-htabs > li.resp-tab-item > a {
  display: inline-flex !important;
  align-items: center !important;

  /* kill Ethos defaults */
  background: var(--cpd-white) !important;
  background-image: none !important;
  box-shadow: none !important;
  text-decoration: none !important;

  /* pill look (matches secondary pills) */
  color: var(--cpd-teal) !important;
  border: 1px solid var(--cpd-teal) !important;
  border-radius: 999px !important;
  padding: 6px 16px !important;
  min-height: 25px !important;

  /* typography (matches secondary pills) */
  font-family: 'Roboto', Arial, sans-serif !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  line-height: 1.3 !important;
  letter-spacing: 0 !important;

  /* interaction */
  margin: 0 !important;
  transition: background-color .2s ease, color .2s ease, border-color .2s ease !important;
}

/* Hover/focus */
#content-area ul.resp-tabs-list.group-tabs.field-group-htabs.course-htabs > li.resp-tab-item > a:hover,
#content-area ul.resp-tabs-list.group-tabs.field-group-htabs.course-htabs > li.resp-tab-item > a:focus {
  background: var(--cpd-teal) !important;
  color: var(--cpd-white) !important;
}

/* Active tab (class on <li>) */
#content-area ul.resp-tabs-list.group-tabs.field-group-htabs.course-htabs > li.resp-tab-item.resp-tab-active > a {
  background: var(--cpd-teal) !important;
  color: var(--cpd-white) !important;
  border-color: var(--cpd-teal) !important;
}


/* Remove top padding on CPD Portal Survey cell */
#content-area td[style*="CPD Portal Survey"] {
  padding-top: 0px !important;
}


/* Course header block – 1px card border */
#content-area .group-header.field-group-div.clearfix {
  border: 1px solid #dcdcdc !important;
  border-radius: 8px !important;
  background: #ffffff !important;
  padding: 16px !important;
  box-sizing: border-box !important;
}

/* Right column (course details) – 1px card border */
#content-area .resp-tab-content .group-right.field-group-div,
#content-area .course-group-right.field-group-div {
  border: 1px solid #dcdcdc !important;
  border-radius: 8px !important;
  background: #ffffff !important;
  padding: 16px !important;
  box-sizing: border-box !important;
  overflow: hidden !important;   /* keeps rounded corners clean */
}

/* ==============================
   Two-column card layout
   ============================== */

/* Parent container – flex row for left/right */
#content-area .group-cols-container.field-group-div {
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 24px !important;              /* space between columns */
  align-items: flex-start !important;
}

/* Left column (Description, etc.) */
#content-area .group-left.field-group-div {
  flex: 1 1 auto !important;         /* take remaining space */
  min-width: 0 !important;           /* avoid overflow */
  border: 1px solid #dcdcdc !important;
  border-radius: 8px !important;
  background: #ffffff !important;
  padding: 25px !important;
  box-sizing: border-box !important;
}

/* Right column (Sidebar details) */
#content-area .group-right.field-group-div {
  flex: 0 0 320px !important;        /* fixed width sidebar */
  max-width: 340px !important;       /* don’t let it grow */
  border: 1px solid #dcdcdc !important;
  border-radius: 8px !important;
  background: #ffffff !important;
  padding: 20px !important;
  box-sizing: border-box !important;
}



#content-area .resp-tab-content.resp-tab-content-active {
  border: 1px solid #dcdcdc !important;
  border-radius: 8px !important;
  background: #ffffff !important;
  padding: 16px 20px !important;
  margin-top: 8px !important;
}


/* Default: all active tab panels get the card border */
#content-area .resp-tab-content.resp-tab-content-active {
  border: 1px solid #dcdcdc !important;
  border-radius: 8px !important;
  background: #ffffff !important;
  padding: 16px 20px !important;
  margin-top: 18px !important;
  box-sizing: border-box !important;
}

/* EXCEPTION: Overview tab — no border, no extra styling */
#content-area #course-htabs_tab_item-0.resp-tab-content {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  padding: 0 !important;
}

/* Default: all active tab panels get the card wrapper */
#content-area .resp-tab-content.resp-tab-content-active {
  border: 1px solid #dcdcdc !important;
  border-radius: 8px !important;
  background: #ffffff !important;
  padding: 16px 20px !important;
  margin-top: 18px !important;
  box-sizing: border-box !important;
}

/* Exception: Overview tab → no outer border */
#content-area #course-htabs_tab_item-0.resp-tab-content {
  border: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  padding: 0 !important;
}



/* Center the page title site-wide */
#title-container,
#title-container-inner { 
  text-align: center;
}

#title-container-inner h1#page-title,
#title-container-inner h1.title {
  display: inline-block;       /* keeps the title nicely sized */
  margin: 0 auto;
  text-align: center !important;
}




/* === Featured Activities (isolated) — CLEAN = === === === === === === === === ===== */
#wfa{
  --wfa-teal:#004D4D;
  --wfa-accent:#048080;
  --wfa-text:#1f2937;
  --wfa-border:#e5e7eb;
  --wfa-bg:#ffffff;
}
#wfa *, #wfa *::before, #wfa *::after{ box-sizing:border-box; }

/* Frame around the whole feature */
#wfa .wfa-wrap{
  display:grid;
  grid-template-columns:1fr 1.15fr;   /* text left, image right */
  gap:28px;
  align-items:start;
  padding:40px;
  border:1px solid var(--wfa-accent);
  border-radius:16px;
 /* Explicit theme-like shadow (strong enough to see) */
  box-shadow:0 4px 12px rgba(0,0,0,.12), 0 2px 4px rgba(0,0,0,.08) !important;

  overflow:visible;                    /* ensure shadows inside are visible */
}

/* Right image “card” */
#wfa .wfa-card{
  grid-column:2;
  background:#fff;
  border:1px solid var(--wfa-accent);
  border-radius:14px;
  overflow:hidden;
  position:relative; z-index:0;
}
#wfa .wfa-media{ position:relative; aspect-ratio:16/9; background:#f3f4f6; border-radius:12px; overflow:hidden; }
#wfa .wfa-media img{ width:100%; height:100%; object-fit:cover; display:block; }
@supports not (aspect-ratio:16/9){
  #wfa .wfa-media{ padding-top:56.25%; }
  #wfa .wfa-media img{ position:absolute; inset:0; }
}

/* Left panel (plain) */
#wfa .wfa-panel{ grid-column:1; display:flex; flex-direction:column; gap:12px; }

#wfa .wfa-title{
  margin:0;
  font-family:"Sora", sans-serif;
  font-weight:700;
  font-size:28px;
  line-height:1.2;
  color:var(--wfa-teal);
}
#wfa .wfa-title a{ color:inherit; text-decoration:underline; }
#wfa .wfa-title a:hover{ text-decoration:none; }

#wfa .wfa-label{
  font-weight:700;
  color:var(--wfa-accent);
  font-size:18px;
  letter-spacing:.02em;
}

#wfa .wfa-list{ margin:0; padding-left:22px; }
#wfa .wfa-list li{ margin:10px 0; font-size:16px; line-height:1.5; }

/* Stack on small screens */
@media (max-width:960px){
  #wfa .wfa-wrap{ grid-template-columns:1fr; }
  #wfa .wfa-panel{ order:1; }
  #wfa .wfa-card{ order:2; }
}


/* ===============================================================================================================================
   Assigned Faculty Forms — header (match Orders)
   ========================================= */
#content-area .view-id-faculty_user_relationships table.views-table thead th,
#content-area .view-id-faculty_user_relationships table.footable thead tr.footable-header th {
  background: #004d4d !important;   /* teal */
  color: #ffffff !important;
  font-weight: 400 !important;
  text-transform: uppercase !important;
  letter-spacing: .5px !important;
  padding: 12px 16px !important;
  border-radius: 0 !important;       /* reset inner rounding */
}

/* Only the outermost header cells get rounding */
#content-area .view-id-faculty_user_relationships table.views-table thead th:first-child,
#content-area .view-id-faculty_user_relationships table.footable thead tr.footable-header th:first-child {
  border-top-left-radius: 8px !important;
  border-bottom-left-radius: 8px !important;
}
#content-area .view-id-faculty_user_relationships table.views-table thead th:last-child,
#content-area .view-id-faculty_user_relationships table.footable thead tr.footable-header th:last-child {
  border-top-right-radius: 8px !important;
  border-bottom-right-radius: 8px !important;
}

/* Keep sort links white and clean */
#content-area .view-id-faculty_user_relationships table.views-table thead th a {
  color: #ffffff !important;
  text-decoration: none !important;
}


/* =========================================
   Assigned faculty forms — rows (match Orders)
   ========================================= */

/* Space rows apart for the card effect */
#content-area .view-id-faculty_user_relationships table.views-table {
  border-collapse: separate !important;
  border-spacing: 0 12px !important;   /* vertical gap between rows */
  table-layout: auto !important;
  width: 100% !important;
}

/* Base row look: white card strip with 1px border */
#content-area .view-id-faculty_user_relationships table.views-table tbody tr td {
  background: #ffffff !important;
  border-top: 1px solid #dcdcdc !important;
  border-bottom: 1px solid #dcdcdc !important;
  padding: 14px 16px !important;
}

/* Only outermost cells get the left/right borders + rounding */
#content-area .view-id-faculty_user_relationships table.views-table tbody tr td:first-child {
  border-left: 1px solid #dcdcdc !important;
  border-top-left-radius: 8px !important;
  border-bottom-left-radius: 8px !important;
}
#content-area .view-id-faculty_user_relationships table.views-table tbody tr td:last-child {
  border-right: 1px solid #dcdcdc !important;
  border-top-right-radius: 8px !important;
  border-bottom-right-radius: 8px !important;
}

/* Hover state — your teal highlight */
#content-area .view-id-faculty_user_relationships table.views-table tbody tr:hover > td {
  background: #49EFDA !important;
  transition: background-color .15s ease !important;
}

/* Keep links readable inside the hover */
#content-area .view-id-faculty_user_relationships table.views-table tbody tr a {
  text-decoration: none !important;
}
#content-area .view-id-faculty_user_relationships table.views-table tbody tr a:hover {
  text-decoration: underline !important;
}








/* ===============================================================================================================
  Payment Receipts (My order history)
  – match Completed Activities header style
  ========================================= */

/* Header bar (teal, white text, uppercase, outer corners rounded) */
#content-area .view-uc-orders-user table.views-table.footable thead tr.footable-header > th,
#content-area .view-id-uc-orders-user table.views-table.footable thead tr.footable-header > th,
#content-area .view-id-uc_orders_user table.views-table.footable thead tr.footable-header > th {
 background: #004d4d !important;
 color: #ffffff !important;
 border-color: #004d4d !important;
 font-weight: 400 !important;
 text-transform: uppercase !important;
 letter-spacing: 0.5px !important;
 padding: 12px 15px !important;
 white-space: nowrap !important;
}

/* Only the outside corners rounded (just like Completed Activities) */
#content-area .view-uc-orders-user table.views-table.footable thead tr.footable-header > th:first-child,
#content-area .view-id-uc-orders-user table.views-table.footable thead tr.footable-header > th:first-child,
#content-area .view-id-uc_orders_user table.views-table.footable thead tr.footable-header > th:first-child {
 border-top-left-radius: 8px !important;
 border-bottom-left-radius: 8px !important;
}
#content-area .view-uc-orders-user table.views-table.footable thead tr.footable-header > th:last-child,
#content-area .view-id-uc-orders-user table.views-table.footable thead tr.footable-header > th:last-child,
#content-area .view-id-uc_orders_user table.views-table.footable thead tr.footable-header > th:last-child {
 border-top-right-radius: 8px !important;
 border-bottom-right-radius: 8px !important;
}

/* Header links look white; subtle hover */
#content-area .view-uc-orders-user table.views-table.footable thead tr.footable-header th a,
#content-area .view-id-uc-orders-user table.views-table.footable thead tr.footable-header th a,
#content-area .view-id-uc_orders_user table.views-table.footable thead tr.footable-header th a {
 color: #ffffff !important;
 text-decoration: none !important;
 font-weight: 400 !important;
}
#content-area .view-uc-orders-user table.views-table.footable thead tr.footable-header th a:hover,
#content-area .view-id-uc-orders-user table.views-table.footable thead tr.footable-header th a:hover,
#content-area .view-id-uc_orders_user table.views-table.footable thead tr.footable-header th a:hover {
 color: #49EFDA !important; /* teal-tint on hover */
}

/* Make the sort arrow icons visible on teal headers */
#content-area .view-uc-orders-user table.views-table.footable thead tr.footable-header th img[src*="arrow"],
#content-area .view-id-uc-orders-user table.views-table.footable thead tr.footable-header th img[src*="arrow"],
#content-area .view-id-uc_orders_user table.views-table.footable thead tr.footable-header th img[src*="arrow"] {
 filter: brightness(0) invert(1);  /* turn white */
 opacity: .95;
}


/* My order history — flatten inner header cells */
#content-area .view-uc-orders-user table.views-table.footable thead tr.footable-header > th,
#content-area .view-id-uc-orders-user table.views-table.footable thead tr.footable-header > th,
#content-area .view-id-uc_orders_user table.views-table.footable thead tr.footable-header > th {
 border-radius: 0 !important;     /* no rounded corners between columns */
}

/* Keep only the outer corners rounded */
#content-area .view-uc-orders-user table.views-table.footable thead tr.footable-header > th:first-child,
#content-area .view-id-uc-orders-user table.views-table.footable thead tr.footable-header > th:first-child,
#content-area .view-id-uc_orders_user table.views-table.footable thead tr.footable-header > th:first-child {
 border-top-left-radius: 8px !important;
 border-bottom-left-radius: 8px !important;
}
#content-area .view-uc-orders-user table.views-table.footable thead tr.footable-header > th:last-child,
#content-area .view-id-uc-orders-user table.views-table.footable thead tr.footable-header > th:last-child,
#content-area .view-id-uc_orders_user table.views-table.footable thead tr.footable-header > th:last-child {
 border-top-right-radius: 8px !important;
 border-bottom-right-radius: 8px !important;
}







/* ============================================
  Orders (Payment Receipts) – row styling
  ========================= */

/* Scope: ONLY the Orders view */
#content-area .view-uc-orders-user table.views-table {
 border-collapse: separate !important;
 border-spacing: 0 12px !important;      /* vertical gap between rows = “card” spacing */
 table-layout: auto !important;
 width: 100% !important;
}

/* Make each row read like a card (using cell borders/backgrounds) */
#content-area .view-uc-orders-user table.views-table tbody tr td {
 background: #ffffff !important;
 border-top: 1px solid #dcdcdc !important;
 border-bottom: 1px solid #dcdcdc !important;
 border-left: 0 !important;
 border-right: 0 !important;
 padding: 14px 16px !important;
}

/* Only outer corners rounded (works with Footable’s responsive classes) */
#content-area .view-uc-orders-user table.views-table tbody tr td.footable-first-visible {
 border-left: 1px solid #dcdcdc !important;
 border-top-left-radius: 8px !important;
 border-bottom-left-radius: 8px !important;
}
#content-area .view-uc-orders-user table.views-table tbody tr td.footable-last-visible {
 border-right: 1px solid #dcdcdc !important;
 border-top-right-radius: 8px !important;
 border-bottom-right-radius: 8px !important;
}

/* Kill any theme striping that might leak through */
#content-area .view-uc-orders-user table.views-table tbody tr.odd td,
#content-area .view-uc-orders-user table.views-table tbody tr.even td {
 background: #ffffff !important;
}

/* Hover state – subtle teal-tinted gray, no layout shift */
#content-area .view-uc-orders-user table.views-table tbody tr:hover > td {
 background: #49EFDA !important;
}

/* Tidy the first column link (order #) */
#content-area .view-uc-orders-user table.views-table td.views-field-order-id a {
 text-decoration: none;
 color: #004D4D;
 font-weight: 600;
}
#content-area .view-uc-orders-user table.views-table td.views-field-order-id a:hover {
 text-decoration: underline;
}




/* ===============================================================================================================================
  Assigned Faculty Forms — header (match Orders)
  ========================================= */
#content-area .view-id-faculty_user_relationships table.views-table thead th,
#content-area .view-id-faculty_user_relationships table.footable thead tr.footable-header th {
 background: #004d4d !important;   /* teal */
 color: #ffffff !important;
 font-weight: 400 !important;
 text-transform: uppercase !important;
 letter-spacing: .5px !important;
 padding: 12px 16px !important;
 border-radius: 0 !important;       /* reset inner rounding */
}

/* Only the outermost header cells get rounding */
#content-area .view-id-faculty_user_relationships table.views-table thead th:first-child,
#content-area .view-id-faculty_user_relationships table.footable thead tr.footable-header th:first-child {
 border-top-left-radius: 8px !important;
 border-bottom-left-radius: 8px !important;
}
#content-area .view-id-faculty_user_relationships table.views-table thead th:last-child,
#content-area .view-id-faculty_user_relationships table.footable thead tr.footable-header th:last-child {
 border-top-right-radius: 8px !important;
 border-bottom-right-radius: 8px !important;
}

/* Keep sort links white and clean */
#content-area .view-id-faculty_user_relationships table.views-table thead th a {
 color: #ffffff !important;
 text-decoration: none !important;
}


/* =========================================
  Assigned faculty forms — rows (match Orders)
  ========================================= */

/* Space rows apart for the card effect */
#content-area .view-id-faculty_user_relationships table.views-table {
 border-collapse: separate !important;
 border-spacing: 0 12px !important;   /* vertical gap between rows */
 table-layout: auto !important;
 width: 100% !important;
}

/* Base row look: white card strip with 1px border */
#content-area .view-id-faculty_user_relationships table.views-table tbody tr td {
 background: #ffffff !important;
 border-top: 1px solid #dcdcdc !important;
 border-bottom: 1px solid #dcdcdc !important;
 padding: 14px 16px !important;
}

/* Only outermost cells get the left/right borders + rounding */
#content-area .view-id-faculty_user_relationships table.views-table tbody tr td:first-child {
 border-left: 1px solid #dcdcdc !important;
 border-top-left-radius: 8px !important;
 border-bottom-left-radius: 8px !important;
}
#content-area .view-id-faculty_user_relationships table.views-table tbody tr td:last-child {
 border-right: 1px solid #dcdcdc !important;
 border-top-right-radius: 8px !important;
 border-bottom-right-radius: 8px !important;
}

/* Hover state — your teal highlight */
#content-area .view-id-faculty_user_relationships table.views-table tbody tr:hover > td {
 background: #49EFDA !important;
 transition: background-color .15s ease !important;
}

/* Keep links readable inside the hover */
#content-area .view-id-faculty_user_relationships table.views-table tbody tr a {
 text-decoration: none !important;
}
#content-area .view-id-faculty_user_relationships table.views-table tbody tr a:hover {
 text-decoration: underline !important;
}







/* ===============================
   HEADER SEARCH — FINAL (SVG icon)
   =============================== */

/* Ensure absolute button positions correctly */
#header #block-ethosce-search-ethosce-search { position: relative; }

/* Remove any old wrapper pseudo-icons */
#header #block-ethosce-search-ethosce-search #edit-ethosce-search::before,
#header #block-ethosce-search-ethosce-search #edit-ethosce-search::after {
  content: none !important;
  display: none !important;
}

/* Text input */
#header #block-ethosce-search-ethosce-search input#edit-text {
  height: 40px !important;
  padding: 0 52px 0 14px !important;      /* space for the button */
  border: 2px solid #004D4D !important;
  border-radius: 20px !important;
  background: #fff !important;
  box-shadow: none !important;
  font-size: 0.9rem !important;
}
#header #block-ethosce-search-ethosce-search input#edit-text::placeholder { color:#6b7280; opacity:1; }
#header #block-ethosce-search-ethosce-search input#edit-text:focus {
  outline:none !important;
  border-color:#048080 !important;
  box-shadow:0 0 0 3px rgba(4,128,128,.15) !important;
}

/* Submit button — teal circle with WHITE magnifying glass (SVG bg) */
#header #block-ethosce-search-ethosce-search input.form-submit {
  position: absolute !important;
  right: 6px; top: 50%; transform: translateY(-50%);
  width: 36px !important; height: 36px !important;
  border: 0 !important; border-radius: 50% !important;
  background-color: #004D4D !important;
  padding: 0 !important;
  cursor: pointer;

  /* hide native "Search" text completely */
  color: transparent !important;
  font-size: 0 !important;
  text-indent: -9999px !important;
  line-height: 0 !important;
  overflow: hidden !important;
  -webkit-appearance: none !important;
  appearance: none !important;

  /* centered white magnifying-glass */
  background-image: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'>\
<circle cx='11' cy='11' r='7'/>\
<line x1='21' y1='21' x2='16.65' y2='16.65'/>\
</svg>");
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 20px 20px !important;   /* tweak 16–22px to taste */
}
#header #block-ethosce-search-ethosce-search input.form-submit:hover {
  background-color: #003333 !important;
}














/*********************************************************
 * SESSION CONTENT PAGE
 * CTA on the left, ~90px gap above the H2
 *********************************************************/

/* Create vertical headroom so the H2 sits ~90px below the CTA */
body.node-type-group-event-series-event #content.column[role="main"] {
  position: relative !important;
  /* ~48–50px button height + 90px desired gap ≈ 140px */
  padding-top: 140px !important;
}

/* CTA near the top-left inside the content column */
body.node-type-group-event-series-event .course-take-course-link-wrapper {
  position: absolute !important;
  top: 20px !important;
  left: 30px !important;   /* 30px from the left */
  z-index: 5 !important;

  /* strip theme card styles */
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
  text-align: left !important;
}

/* Button look */
body.node-type-group-event-series-event
  .course-take-course-link-wrapper > a.course-take-course-link {
  display: inline-block !important;
  border-radius: 40px !important;
  padding: 12px 28px !important;
  background: #004d4d !important;
  color: #fff !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  transition: all .3s ease !important;
}

body.node-type-group-event-series-event
  .course-take-course-link-wrapper > a.course-take-course-link:hover {
  background: #fff !important;
  color: #004d4d !important;
  border: 1.5px solid #004d4d !important;
}

/* Mobile: drop it back into the flow, left-aligned */
@media (max-width: 900px) {
  body.node-type-group-event-series-event #content.column[role="main"] {
    padding-top: 0 !important;
  }
  body.node-type-group-event-series-event .course-take-course-link-wrapper {
    position: static !important;
    text-align: left !important;
    margin-top: 12px !important;
  }
}


/* Target the label tied to the checkbox */
label[for="edit-agreement"] {
  color: red !important;
  font-weight: 700 !important;
  font-size: 18px !important;
  line-height: 1.4 !important;
}





/* Nudge the “Get Started!” button down 20px and right 10px */
#content-area .course-take-course-link-wrapper > a.course-take-course-link {
  position: relative !important;
  top: 20px !important;
  left: 10px !important;
}




.node-type-course .field-name-title .field-item.even h1 {
  white-space: normal !important;
  overflow-wrap: break-word !important;
}

div.field-item.even,
div.field-item.even h1,
div.field-item.even h2 {
  white-space: normal !important;
  overflow-wrap: break-word !important;
  word-wrap: break-word !important;
  word-break: break-word !important;
}


.node-type-course .field-name-title h1 {
  font-size: 200% !important;
  line-height: 1.2 !important;
  margin-top: 0 !important;
  margin-bottom: 8px !important;
}

/* Align the course image and title to the top of the card */
.group-header-inner.field-group-div {
  display: flex !important;
  align-items: flex-start !important;
}



/* Light background for the course tabs section */
#content-area .group-tabs-node-course-default.field-group-easy-responsive-tabs-processed {
  background-color: #F8F8FA !important;
  border-radius: 10px !important; /* optional rounded corners */
  padding: 20px !important;       /* space around the tab buttons */
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05); /* optional subtle lift */
}

/* Make sure the inner tab list inherits the same background */
#content-area ul.resp-tabs-list.group-tabs.field-group-htabs.course-htabs {
  background-color: #eeeeee !important;
  border: none !important;
}