/** * Theme Name: Divi Assistant Child Theme * Theme URI: https://www.elegantthemes.com/gallery/divi/ * Description: A child theme for Divi created by Divi Assistant. * Author: Pee-Aye Creative * Author URI: https://www.peeayecreative.com/ * Template: Divi * Version: 1.0.0 * Text Domain: divi-assistant-child-theme * License: GPL2 * License URI: https://www.gnu.org/licenses/gpl-2.0.html */ /* ---------------------- Theme customization starts here ---------------------- */ /* --- Type --- */ html, html body { font-family: "elza-text", sans-serif; } html .sans-serif, html .sans-serif h2, html .sans-serif h3, html .sans-serif h4, html .sans-serif h5, html .sans-serif h6 { font-family: articulat-cf, sans-serif !important; } html h1, html h2, html h3, html h4, .serif { font-family: "articulat-cf", sans-serif; } html .serif-heading h1, html .serif-heading h2, html .serif-heading h3, html .serif-heading h4 { font-family: "articulat-cf", sans-serif; } /* Line Heading */ .line-heading h2 { padding-bottom: 0.1em; } .line-heading::after { content: ''; flex: 1 1 auto; height: 1px; background: var(--gcid-zih08at4y1); } .line-heading.et_pb_bg_layout_dark::after { opacity: 40%; background: var(--gcid-sjwwjogd2l); } /* Screen Reader Only */ .da-screen-reader-text { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } .da-screen-reader-text.skip-link { background: var(--gcid-sjwwjogd2l) !important; color: var(--gcid-body-color) !important; } .da-screen-reader-text.skip-link:focus { width: auto; height: auto; margin: 10px; clip: initial; } /* --- Header --- */ .et-l--header { position: relative; z-index: 10; } /* Language Switcher */ #page-container .gt_switcher .gt_option { position: absolute; top: 100%; left: 0; } /* Menu - Defaults */ #page-container .et_pb_menu__wrap, #page-container .et_pb_menu__menu { margin: 0; } .et-fb:not(.et-tb) .et-l--header { pointer-events: none; } #page-container .et_pb_menu__menu, #page-container .et-menu-nav, #page-container .et-menu.nav { width: 100%; } #page-container .et-menu.nav { margin: 0; box-shadow: none; } #page-container .et_pb_menu .et-menu.nav > li { margin: 0; padding: 0; } #page-container .et_pb_menu .et-menu.nav > li > a { padding: 0.4rem 0.6rem; } #page-container .et-menu.nav > .menu-item-has-children > a:first-child::after { top: 50%; transform: translate(0, -50%); } #page-container .et-menu.nav li ul { padding: 0; } #page-container .et-menu.nav li ul ul { top: -3px; } #page-container .et-menu.nav li li { width: 100%; margin: 0; padding: 0; } #page-container .et-menu.nav li ul a { width: 100%; padding: 0.6em 0.8em; border-bottom: 1px solid rgba(0,0,0,0.1); font-size: 16px; line-height: 1.4em; text-align: left; } /* Mobile and Vertical Menu - Defaults */ html ul.et_mobile_menu .menu-item-has-children > button.dropdown-toggle, html ul.et-menu .menu-item-has-children > button.dropdown-toggle { display: none; } html .mobile_nav.opened .mobile_menu_bar::before { content: '\4d'; } #page-container .et_menu_container { width: 90%; } #page-container .et_mobile_menu { padding: 2rem 1.4rem 0; } #page-container .et_mobile_menu li, #page-container .vertical ul.et-menu li.menu-item-has-children { margin: 0; padding: 0; } #page-container .et_mobile_menu a { padding: 1rem 50px 1rem 0; color: #19263e; } #page-container span.hide { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } #page-container .et_mobile_menu .menu-item-has-children, #page-container .vertical ul.et-menu .menu-item-has-children { display: block; position: relative; width: 100%; } #page-container .et_mobile_menu .menu-item-has-children > a, #page-container .vertical ul.et-menu .menu-item-has-children > a { position: relative; z-index: 1; background-color: transparent; font-weight: normal; } #page-container .et_mobile_menu .menu-item-has-children > button, #page-container .vertical ul.et-menu .menu-item-has-children > button { position: absolute; right: 0; top: 0; padding: 1.05rem 0 1.05rem 1.4rem; border: 0; background: none; font-size: 20px; font-weight: bold; cursor: pointer; z-index: 3; } button.menu-closed:before { content: '\4c'; display: block; border-radius: 2rem; background: #CDDEEE; font-family: 'ETmodules'; color: #0269A6; text-align: center; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; } button.menu-closed.menu-open:before { content: '\4d'; } #page-container .et_mobile_menu li ul, #page-container .vertical ul.et-menu li ul { display: flex !important; flex-flow: column; padding-left: 1rem; border-width: 1px; background: rgba(17, 60, 141, 0.1); } #page-container .et_mobile_menu li ul.hide, #page-container .vertical ul.et-menu li ul.hide { display: none !important; } #page-container .et_mobile_menu li ul a, #page-container .vertical ul.et-menu li ul a { font-size: 0.85rem; } #page-container .vertical .et_pb_menu__wrap { flex: 1 1 auto; } #page-container .vertical ul.et-menu a { width: 100%; padding: 1rem 50px 1rem 0 !important; } #page-container .vertical ul.et-menu a::after { display: none; } #page-container .vertical ul.et-menu .sub-menu, #page-container .vertical ul.et-menu li { visibility: visible; position: relative; top: inherit; left: 0; opacity: 1; width: 100%; margin: 0; padding: 0; box-shadow: none; } #page-container .vertical ul.et-menu .sub-menu.hide, #page-container .vertical ul.et-menu .sub-menu.hide li { opacity: 0; visibility: hidden; } #page-container .vertical ul.et-menu .sub-menu li a { width: 100%; padding: 1em !important; background: none; font-weight: bold; } #page-container .vertical ul.et-menu .sub-menu li a + button { padding: 0.4em; } #page-container .vertical ul.et-menu .sub-menu li a { padding: 0.6rem 1rem !important; } #page-container .vertical ul.et-menu .sub-menu li li a { padding: 0.6rem 2rem !important; } /* Mega */ #page-container .mega-toggle::after { transition: transform 240ms ease; } #page-container .mega-toggle[aria-expanded="true"]::after { transform: translateY(0%) rotate(180deg); } #page-container .vertical ul.et-menu a { border-bottom: 1px solid var(--gcid-zih08at4y1); } /* Show Menu On Mobile */ .show-on-mobile .et_pb_menu__menu { display: block; } .show-on-mobile .et_mobile_nav_menu { display: none; } /* Search */ .et_pb_menu__search-button span, .et_pb_menu__close-search-button span { display: none; } .et_pb_menu__search .et_pb_menu__search-input { padding: 0.4em 0.8em; border: 1px solid rgba(0,0,0,0.2); border-radius: 3px; background: rgba(255,255,255,0.8); font-size: 1em !important; } /* Relevanssi */ .global-search .searchform > div { display: flex; gap: 0; } .global-search #s { flex: 1 1 auto; width: 100%; margin: 0.8rem 0; padding: 0.6rem 0.8rem; border: 0; background: #fff; font-size: 1.2rem; font-family: inherit; color: var(--gcid-body-color); outline: none; } .global-search #searchsubmit { margin: 0.2rem 0.2rem 0.2rem 0; padding: 0.6em 1.2em; border: 1px solid var(--gcid-primary-color); border-radius: 2rem; background: var(--gcid-primary-color); color: #fff; font-size: 1rem; font-family: inherit; font-weight: bold; cursor: pointer; transition: filter 200ms ease; } .global-search #searchsubmit:hover { filter: brightness(0.88); } /* Small Search */ #header-secondary-bar .et_pb_code:has(.global-search) { background-image: none; } #header-secondary-bar .global-search #s { margin: 0; padding: 0.2rem 0.8rem; font-size: 1rem; } /* Results */ #main-content:has(#left-area) .container { max-width: 900px; } #main-content:has(#left-area) .container::before { display: none; } #main-content:has(#left-area) .container #left-area { width: 100%; padding: 0; } #main-content:has(#left-area) .container #left-area article { margin-bottom: 2rem; border-bottom: 1px solid var(--gcid-zih08at4y1); } #main-content:has(#left-area) .container #left-area article h2 a { color: var(--gcid-primary-color); transition: all .15s ease; } #main-content:has(#left-area) .container #left-area article h2 a:hover { color: var(--gcid-secondary-color); } #main-content:has(#left-area) .container #right-area { display: none; } /* --- Body --- */ /* Blurb Link */ #page-container .et_pb_blurb_position_left.blurb-icon-right .et_pb_blurb_content { display: flex; flex-flow: row-reverse; gap: 1rem; position: static; } #page-container .et_pb_blurb_position_left.blurb-icon-right .et_pb_module_header, #page-container .et_pb_blurb_position_left.blurb-icon-right .et_pb_blurb_container .et_pb_blurb_description p, #page-container .et_pb_blurb_position_left.blurb-icon-right .et_pb_main_blurb_image { padding: 0; } #page-container .et_pb_blurb_position_left.blurb-icon-right .et_pb_main_blurb_image { display: inline-flex; width: auto; } #page-container .et_pb_blurb_position_left.blurb-icon-right .et_pb_module_header a::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer; } #page-container .et_pb_blurb_position_left.blurb-icon-right .et_pb_blurb_container { position: static; flex: 1 1 100%; padding: 0; } /* Dark Background */ #page-container .dark-background { & .et_pb_blurb_position_left.blurb-icon-right { border-color: rgba(255,255,255,0.4); transition: all 300ms ease; } & .et_pb_blurb_position_left.blurb-icon-right:hover { border-color: var(--gcid-r1wymunmod); } & .et_pb_blurb_position_left.blurb-icon-right .et_pb_module_header > a, & .et_pb_blurb_position_left.blurb-icon-right .et_pb_blurb_description { color: var(--gcid-sjwwjogd2l); } & .et_pb_blurb_position_left.blurb-icon-right .et_pb_main_blurb_image .et-pb-icon { color: var(--gcid-r1wymunmod); } } /* Button */ #page-container .et_pb_button { display: inline-flex; flex-flow: row; align-items: center; gap: 0.4em; } #page-container .et_pb_button::before, #page-container .et_pb_button::after { position: relative; top: 0; transform: translateY(0%); } /* Link */ .dark-background .et_pb_link, .dark-background .et_pb_link .et_pb_link_inner { color: #fff; text-decoration-color: rgba(255,255,255,0.4); cursor: pointer; } .dark-background .et_pb_link:hover, .dark-background .et_pb_link .et_pb_link_inner:hover { color: var(--gcid-r1wymunmod); text-decoration-color: rgba(255,255,255,0.4); } /* Person */ #page-container .dark-background .et_pb_team_member .et_pb_module_header, #page-container .dark-background .et_pb_team_member .et_pb_member_position, #page-container .dark-background .et_pb_team_member .et_pb_team_member_description_content { color: var(--gcid-sjwwjogd2l); } #page-container .dark-background .et_pb_team_member .et_pb_team_member_description_content a { color: var(--gcid-sjwwjogd2l); text-decoration: underline; text-decoration-color: rgba(255,255,255,0.4); transition: all 300ms ease; } #page-container .dark-background .et_pb_team_member .et_pb_team_member_description_content a:hover { text-decoration-color: rgba(255,255,255,1); } /* Image - Corner Radial Gradient Mask */ #page-container .corner-fade { max-height: 100%; } .home #page-container .corner-fade { position: absolute; bottom: 0; left: 0; } #page-container .corner-fade > .et_pb_image_wrap { width: 100%; } .home #page-container .corner-fade img { mask-image: radial-gradient(ellipse at bottom left,rgba(0,0,0,0.72) 0%,rgba(0,0,0,0) 65%); mask-size: cover; mask-repeat: no-repeat; } /* Smaller Fade */ #page-container .corner-fade img { width: 100%; mask-image: radial-gradient(ellipse at top left,rgba(0,0,0,1) 30%,rgba(0,0,0,0) 65%); } /* Accordion */ #page-container .et_pb_accordion_item .et_pb_toggle_title::before { color: var(--gcid-primary-color); font-size: 20px; } #page-container .et_pb_accordion_item.et_pb_toggle_open .et_pb_toggle_title::before { display: block !important; } /* Tabs */ .et_pb_tabs { background: none; } ul.et_pb_tabs_controls { background: none; } ul.et_pb_tabs_controls::after { border: 0; } .et_pb_tabs .et_pb_tabs_controls .et_pb_tab_nav_item > a { border: 0; font-family: sherborne-variable, sans-serif; } /* Complianz */ #cmplz-document, .editor-styles-wrapper .cmplz-unlinked-mode { max-width: 100%; } #cmplz-document p, #cmplz-document li, #cmplz-document td, .editor-styles-wrapper .cmplz-unlinked-mode p, .editor-styles-wrapper .cmplz-unlinked-mode li, .editor-styles-wrapper .cmplz-unlinked-mode td { font-size: 1rem; } /* --- Hub Integration --- */ /* Alerts */ .et-l--header details:empty { display: none; } .et-l--header details summary { display: flex; align-items: center; gap: 0.75rem; list-style: none; padding: 0.6rem; cursor: pointer; user-select: none; } .et-l--header details summary::before { content: ''; display: inline-block; width: 0.6rem; height: 1.6rem; margin: -0.2rem 0; } .et-l--header details summary::-webkit-details-marker { display: none; } .et-l--header details .alert-label { display: flex; align-items: center; gap: 0.4rem; font-size: 0.875rem; font-weight: 700; } .et-l--header details .alert-divider { width: 1px; height: 1rem; background: currentColor; opacity: 0.35; flex-shrink: 0; } .et-l--header details .alert-toggle { display: flex; align-items: center; gap: 0.4rem; font-size: 0.875rem; font-weight: 600; } .et-l--header details .alert-chevron { display: inline-flex; align-items: center; justify-content: center; width: 1rem; height: 1rem; margin-top: -1px; background: var(--gcid-body-color); border-radius: 50%; flex-shrink: 0; transition: transform 0.2s ease; } .et-l--header details[open] .alert-chevron { transform: rotate(180deg); } .et-l--header details .alert-chevron::after { content: ''; display: block; width: 0.35rem; height: 0.35rem; border-right: 2px solid #fff; border-bottom: 2px solid #fff; transform: rotate(45deg); margin-top: -0.15rem; } .et-l--header details .alert-body { padding: 0.8rem 1.4rem; } .et-l--header details .alert-body p { margin: 0; } /* Red */ .et-l--header details.alert-red summary { border-bottom: 1px solid #db1b1b; background: #f6e8e8; } .et-l--header details.alert-red summary::before { content: ''; background: #db1b1b; } .et-l--header details.alert-red .alert-body { background: #f6e8e8; } /* Yellow */ .et-l--header details.alert-yellow summary { border-bottom: 1px solid #ffbe2e; background: #faf3d1; } .et-l--header details.alert-yellow summary::before { content: ''; background: #ffbe2e; } .et-l--header details.alert-yellow .alert-body { background: #faf3d1; } /* Blue */ .et-l--header details.alert-blue summary { border-bottom: 1px solid #5dc0d1; background: #e7f6f8; } .et-l--header details.alert-blue summary::before { content: ''; background: #5dc0d1; } .et-l--header details.alert-blue .alert-body { background: #e7f6f8; } /* Green */ .et-l--header details.alert-green summary { border-bottom: 1px solid #00a91c; background: #e6f4e8; } .et-l--header details.alert-green summary::before { content: ''; background: #00a91c; } .et-l--header details.alert-green .alert-body { background: #e6f4e8; } /* Upcoming Featured Events */ #featured-events ul { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem; list-style: none; margin: 0; padding: 0; } #featured-events article { display: flex; flex-direction: column; height: 100%; box-shadow: 0 2px 10px rgba(63, 63, 63, 0.1); background: var(--gcid-sjwwjogd2l); } #featured-events .event-image { position: relative; } #featured-events .event-image img { display: block; width: 100%; aspect-ratio: 5 / 3; object-fit: cover; } #featured-events .event-image time { position: absolute; top: var(--gvid-bd9v26nu9t); left: 0; display: flex; align-items: stretch; line-height: 1; } #featured-events .event-day { display: flex; align-items: center; padding: 1rem 1.6rem; background: var(--gcid-primary-color); color: var(--gcid-sjwwjogd2l); font-weight: bold; } #featured-events .event-month-year { display: flex; align-items: center; padding: 1rem 1.6rem; background: var(--gcid-sjwwjogd2l); color: var(--gcid-body-color); font-weight: bold; text-transform: uppercase; } /* Card body */ #featured-events .event-body { display: flex; flex-direction: column; gap: 0.5rem; padding: 1rem; flex: 1; } #featured-events .event-category { margin: 0; padding: 0; color: var(--gcid-primary-color); font-weight: bold; text-transform: uppercase; letter-spacing: 0.05em; } #featured-events h2, #featured-events h3 { margin: 0; font-size: var(--gvid-eakkysz9vl); font-weight: bold; } #featured-events h2 a, #featured-events h3 a { color: inherit; text-decoration: none; } #featured-events h2 a:hover, #featured-events h2 a:focus-visible, #featured-events h3 a:hover, #featured-events h3 a:focus-visible { color: var(--gcid-secondary-color); } #featured-events .event-desc { margin: 0; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; line-clamp: 3; } #featured-events .event-btn { display: block; padding: 0.875rem; background: var(--gcid-primary-color); color: var(--gcid-sjwwjogd2l); text-align: center; text-decoration: none; text-transform: uppercase; font-weight: bold; letter-spacing: 0.1em; } #featured-events .event-btn:hover, #featured-events .event-btn:focus-visible { filter: brightness(0.88); } /* Public Meetings / News */ .article-list ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 1.5rem; } .article-list ul article { display: flex; flex-direction: column; gap: 0.25rem; } .article-list ul article h2 { margin: 0; } /* Exhibitions */ #exhibitions ul { display: flex; flex-direction: column; gap: 1.5rem; list-style: none; margin: 0; padding: 0; } #exhibitions article { display: grid; grid-template-columns: 400px 1fr; gap: 1rem; align-items: start; } #exhibitions article img { display: block; width: 100%; aspect-ratio: 4/3; object-fit: cover; } #exhibitions article div { display: flex; flex-direction: column; gap: 0.25rem; } #exhibitions article h2 { margin: 0; } /* Featured Exhibitions */ .hero-slider-wrapper { position: relative; margin: 0 auto; } .hero-slide { position: relative; height: 680px; overflow: hidden; outline: none; } .hero-slide__image { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; left: 30%; width: 70%; } .hero-slider-wrapper .slick-slide { height: auto; } .hero-slide__panel { position: absolute; top: 50%; left: 32px; transform: translateY(-50%); width: min(540px, 48%); background: var(--gcid-body-color, #3f3f3f); color: #fff; padding: 48px 44px 44px; z-index: 2; } .hero-slide__eyebrow { display: none; font-size: 11px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: #c86b2e; margin-bottom: 12px; } .hero-slide__title { font-size: clamp(1.5rem, 2.8vw, 2.15rem); font-weight: 400; line-height: 1.22; margin-bottom: 18px; color: #fff; } .hero-slide__meta { font-size: 14px; color: #d4cfc9; margin-bottom: 22px; letter-spacing: 0.01em; } .hero-slide__body { font-size: 14.5px; line-height: 1.65; color: #d4cfc9; margin-bottom: 32px; } .hero-slide__cta { display: none; background: var(--gcid-primary-color); color: #fff; font-size: 12px; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; text-decoration: none; padding: 14px 28px; transition: background 0.2s ease; } .hero-slide__cta:hover, .hero-slide__cta:focus { background: var(--gcid-primary-color); outline: 2px solid #fff; outline-offset: 2px; } /* Slick Dots */ .slick-slider .slick-dots { bottom: -40px; left: 50%; transform: translateX(-50%); display: flex !important; align-items: center; justify-content: center; gap: 6px; list-style: none; padding: 0; } .slick-slider .slick-dots li { width: auto; height: auto; margin: 0; } .slick-slider .slick-dots li button { width: 6vw; height: 0.6rem; padding: 0; background: var(--gcid-zih08at4y1); border: none; border-radius: 0; font-size: 0; cursor: pointer; transition: background 0.2s; } .slick-slider .slick-dots li button::before { display: none; } .slick-slider .slick-dots li.slick-active button { background: var(--gcid-primary-color); } .slick-slider .slick-dots li button:hover, .slick-slider .slick-dots li button:focus { background: var(--gcid-primary-color); outline: 2px solid var(--gcid-primary-color); outline-offset: 2px; } .slick-slider .slick-dots li button .slick-dot-icon::before { display: none; } /* ─── Hide prev/next arrows (design uses only dots) ── */ .hero-slider-wrapper .slick-prev, .hero-slider-wrapper .slick-next { display: none !important; } /* Latest News */ #latest-news ul { list-style: none; display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem; list-style: none; margin: 0; padding: 0; } #latest-news article { display: flex; flex-direction: column; gap: 0.25rem; padding: var(--gvid-bd9v26nu9t); border: 3px solid rgba(255,255,255,0.4); color: var(--gcid-sjwwjogd2l); } #latest-news article h2, #latest-news article h3 { margin: 0; color: var(--gcid-sjwwjogd2l); font-size: var(--gvid-eakkysz9vl); } #latest-news article time { color: var(--gcid-r1wymunmod); } #latest-news article p { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; line-clamp: 3; } /* Upcoming Public Meetings */ #upcoming-public-meetings ul { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem 2rem; } #upcoming-public-meetings li { display: flex; flex-flow: column; padding-left: 66px; color: #fff; } #upcoming-public-meetings a { display: flex; align-items: center; gap: 0.75rem; text-decoration: none; color: var(--gcid-sjwwjogd2l); font-size: 0.95rem; } #upcoming-public-meetings a:hover, #upcoming-public-meetings a:focus-visible { text-decoration: underline; text-underline-offset: 2px; } #upcoming-public-meetings time { display: flex; flex-direction: column; align-items: center; justify-content: center; flex-shrink: 0; position: absolute; top: 0; left: 0; width: 3rem; padding: 0.3rem 0.4rem; background: #fff; border: 1px solid #ddd; border-radius: 4px; line-height: 1; gap: 0.2rem; } #upcoming-public-meetings .upm-month { font-size: 0.65rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.04em; color: #444; } #upcoming-public-meetings .upm-day { font-size: 1.2rem; font-weight: 700; color: #B84A1A; } /* RSS / NMDCA Events Accordion */ #page-container .nmdca-events { display: flex; flex-flow: column; gap: 0.6rem; list-style: none; margin: 0; padding: 0; } #page-container .nmdca-event { margin-top: -1px; border: 1px solid var(--gcid-zih08at4y1); } #page-container .nmdca-event details summary { display: flex; align-items: center; gap: 0.4rem; padding: 1em 1.2em; cursor: pointer; list-style: none; font-weight: bold; color: var(--gcid-heading-color); line-height: 1.5em; } #page-container .nmdca-event details summary::-webkit-details-marker { display: none; } #page-container .nmdca-event details summary::after { content: '\002B'; flex-shrink: 0; display: inline-flex; align-items: center; justify-content: center; width: 1em; height: 1em; margin-left: auto; border-radius: 50%; background: var(--gcid-primary-color); color: #fff; font-size: 1.1em; line-height: 1; } #page-container .nmdca-event details[open] > summary { color: var(--gcid-primary-color); } #page-container .nmdca-event details[open] > summary::after { content: '\2212'; } #page-container .nmdca-event details .nmdca-event-body { display: flex; flex-flow: row wrap; } #page-container .nmdca-event details .nmdca-event-body img { flex: 0 1 500px; min-width: 240px; } #page-container .nmdca-event details .nmdca-event-body .nmdca-event-desc { flex: 1 1; padding: var(--gvid-bd9v26nu9t); border-top: 1px solid var(--gcid-zih08at4y1); } #page-container .nmdca-event .nmdca-event-date { font-weight: normal; font-size: 0.9em; opacity: 0.75; } /* --- Kendo Scheduler --- */ /* Container */ #page-container .k-scheduler { border-color: var(--gcid-zih08at4y1); background: #fff; color: var(--gcid-heading-color); font-family: "elza-text", sans-serif; } /* Toolbar */ #page-container .k-scheduler-toolbar { background: var(--gcid-secondary-color); border-color: var(--gcid-secondary-color); color: #fff; } #page-container .k-scheduler-toolbar .k-nav-prev, #page-container .k-scheduler-toolbar .k-nav-next, #page-container .k-scheduler-toolbar .k-nav-today { border-color: rgba(255,255,255,0.3); color: #fff; background: var(--gcid-secondary-color); } #page-container .k-scheduler-toolbar .k-nav-prev:hover, #page-container .k-scheduler-toolbar .k-nav-next:hover, #page-container .k-scheduler-toolbar .k-nav-today:hover { border-color: var(--gcid-lp3hj5juqc); background: var(--gcid-lp3hj5juqc); } #page-container .k-scheduler-toolbar .k-nav-current { margin-left: 0.6rem; color: #fff; background: transparent; font-weight: bold; } #page-container .k-scheduler-toolbar .k-nav-current:hover { background: rgba(255,255,255,0.15); } #page-container .k-scheduler-toolbar .k-scheduler-views li { border-color: rgba(255,255,255,0.3); color: #fff; background: transparent; } #page-container .k-scheduler-toolbar .k-scheduler-views li:hover, #page-container .k-scheduler-toolbar .k-scheduler-views li.k-state-selected { background: rgba(255,255,255,0.2); border-color: rgba(255,255,255,0.5); color: #fff; } #page-container .k-scheduler-toolbar .k-scheduler-views li.k-state-selected { font-weight: bold; } #page-container .k-scheduler-toolbar .k-button.k-state-active, #page-container .k-scheduler-toolbar .k-button.k-state-selected, #page-container .k-scheduler-toolbar .k-button:active, #page-container .k-scheduler-toolbar .k-button.k-state-active:hover, #page-container .k-scheduler-toolbar .k-button.k-state-selected:hover { border-color: var(--gcid-lp3hj5juqc); background: var(--gcid-lp3hj5juqc); } /* Header row (day/date labels) */ #page-container .k-scheduler-header, #page-container .k-scheduler-header-wrap { background: var(--gcid-mwsnvs92os); border-color: var(--gcid-zih08at4y1); color: var(--gcid-heading-color); } #page-container .k-scheduler-header th { border-color: var(--gcid-zih08at4y1); font-weight: 600; } #page-container .k-scheduler-header .k-today, #page-container .k-scheduler-header th.k-today { background: var(--gcid-primary-color); color: #fff; } /* Time column */ .k-scheduler-times { background: var(--gcid-mwsnvs92os); border-color: var(--gcid-zih08at4y1); color: var(--gcid-heading-color); } .k-scheduler-times th { border-color: var(--gcid-zih08at4y1); font-size: 0.8rem; } /* Content / slot cells */ #page-container .k-scheduler-content { background: #fff; border-color: var(--gcid-zih08at4y1); } #page-container .k-scheduler-table td { border-top: 0; border-color: var(--gcid-zih08at4y1); } #page-container .k-scheduler-table .k-nonwork-hour { background: var(--gcid-mwsnvs92os); } #page-container .k-scheduler-table .k-today { background: rgba(var(--gcid-primary-color, 0,0,0), 0.04); } #page-container .k-scheduler-table .k-other-month .k-nav-day { color: var(--gcid-body-color); opacity: 0.8; } /* All-day row */ #page-container .k-scheduler-header .k-scheduler-table td { border-color: var(--gcid-zih08at4y1); } /* Events */ #page-container .k-event { background: var(--gcid-primary-color); border-color: var(--gcid-primary-color); color: #fff; cursor: pointer; } #page-container .k-event:hover, #page-container .k-event.k-state-hover { filter: brightness(0.9); } #page-container .k-event.k-state-selected { box-shadow: 0 0 0 2px var(--gcid-heading-color); filter: brightness(0.88); } #page-container .k-event .k-event-title { color: #fff; font-weight: 600; } #page-container .k-event .k-event-time { color: rgba(255,255,255,0.8); font-size: 0.8rem; } #page-container .k-event .k-resize-handle { background: rgba(255,255,255,0.4); } /* Month view - other month days */ #page-container .k-scheduler-monthview .k-other-month { background: var(--gcid-mwsnvs92os); color: var(--gcid-zih08at4y1); } /* Agenda view */ #page-container .k-scheduler-agendaview .k-scheduler-table td { border-color: var(--gcid-zih08at4y1); } #page-container .k-scheduler-agendaview .k-today > td { background: var(--gcid-mwsnvs92os); } /* Popup / tooltip */ body .k-window { width: 700px !important; max-width: 90dvw; height: 600px !important; max-height: 80dvh; min-height: 240px !important; border-color: var(--gcid-secondary-color); border-radius: 0; } body .k-window .k-window-titlebar { border-radius: 0; background: var(--gcid-secondary-color); color: #fff; } #page-container .k-event-template { color: #fff; } #page-container .k-scheduler-popup .k-popup, #page-container .k-scheduler-edit-dialog .k-window-content { color: var(--gcid-heading-color); } /* --- Kendo Tab Strip --- */ #page-container .k-tabstrip { background: none; border: 0; box-shadow: none; } #page-container .k-tabstrip-items { display: flex; margin: 0; padding: 0; border-bottom: 2px solid var(--gcid-zih08at4y1); gap: 0; } #page-container .k-tabstrip-items .k-item { margin: 0; padding: 0; border: 0; border-radius: 0; background: none; list-style: none; } #page-container .k-tabstrip-items .k-item .k-link { display: block; padding: 0.6em 1.4em; background: var(--gcid-mwsnvs92os); font-size: 1.2rem; color: var(--gcid-body-color); text-decoration: none; border-bottom: 2px solid transparent; margin-bottom: -2px; transition: color 150ms ease, border-color 150ms ease; } #page-container .k-tabstrip-items .k-item.k-state-active .k-link, #page-container .k-tabstrip-items .k-item.k-tab-on-top .k-link { color: #fff; background: var(--gcid-primary-color); } #page-container .k-tabstrip-items .k-loading { display: none; } #page-container .k-tabstrip > .k-content { padding: 0; border: 0; background: none; } /* --- Events List --- */ #events-list { border: 0; } #events-list .k-listview-content { display: flex; flex-direction: column; } #events-list .event-row { display: flex; flex-flow: row wrap; gap: 2rem; padding: 1rem 0; border-bottom: 1px solid var(--gcid-primary-color); } #events-list .event-row:last-child { border-bottom: 0; } #events-list .event-image { flex: 1 1 auto; min-width: 240px; max-width: 400px; } #events-list .event-image img { display: block; width: 100%; } #events-list .event-content { display: flex; flex-direction: column; gap: 0.2rem; min-width: 240px; } #events-list .event-content h2 { margin: 0; } #events-list .event-content div:first-child { font-weight: 600; color: var(--gcid-primary-color); } /* 980 */ @media only screen and (max-width: 980px) { /* --- Header --- */ .et-l--header .mobile_menu_bar { display: flex; align-items: center; } .et-l--header .mobile_menu_bar::after { content: 'Menu'; color: var(--gcid-sjwwjogd2l); font-family: "elza-text", sans-serif; font-size: 0.9rem; line-height: 1.4em; } /* --- Hub Integration --- */ /* Footer Columns */ #featured-events ul, #latest-news ul, #upcoming-public-meetings ul { grid-template-columns: repeat(2, 1fr); } } /* 767px */ @media only screen and (max-width: 767px) { /* --- Header --- */ /* Small Search */ .global-search #searchsubmit { padding: 0.4em 0.8em; } /* --- Body --- */ /* Corner Radial Gradient Mask */ #page-container .corner-fade { position: relative; } /* --- Hub Integration --- */ /* Featured Exhibitions */ .hero-slide { height: auto; display: flex !important; flex-direction: column; } .hero-slide__image { position: relative; left: 0; width: 100%; height: 280px; display: block; flex-shrink: 0; } .hero-slide__panel { position: relative; top: auto; left: auto; transform: none; width: 100%; padding: 32px 24px; } /* Footer Columns */ #featured-events ul, #latest-news ul, #upcoming-public-meetings ul { grid-template-columns: 1fr; } }