html { visibility: hidden; } .basiccontentblock.about-us-layout .basic { max-width: 750px; margin: 0 auto; } body.all-mtf-updates, body.resources { font-family: -apple-system, blinkmacsystemfont, "segoe ui", roboto, "oxygen-sans", ubuntu, cantarell, "helvetica neue", helvetica, arial, sans-serif!important; } body { font-family: 'Work Sans', sans-serif !important; } body[data-current-view="list"] .main-content > .block:not(.text-banner) { padding: 2em 16px 0; } div.resource-list{ max-width: 1320px!important; margin: 0 auto!important; padding: 0 16px; min-height: 600px; padding-top: 2em; } .basiccontentblock.about-us-layout .image { float: left; margin-right: 1.5em; } .basiccontentblock.about-us-layout .image img { max-width: 400px; display: block; width: 100%; } .basiccontentblock.about-us-layout .description::after { content: ""; display: table; clear: both; } .site-logo{ max-width: 220px; } main .basiccontentblock{ max-width: 1320px; margin: 0 auto; padding: 2em 0; } .event-image.standard-width, .date-posted.standard-width, .event-passed.standard-width{ display: none!important; } .main-content .homepage-cards.simple-content-collection{ max-width: none!important; /* margin-top: 2em!important; */ } .active-page{ color: #027ABB!important; } .block.simplecontentcollectionblock.simple-content-collection{max-width: 1320px !important; display: block !important; margin: 0 auto !important; margin-bottom: 3em !important;} .block.simplecontentcollectionblock.simple-content-collection.homepage-cards{max-width: none !important; display: block !important; margin: 0 auto !important; margin-bottom: 3em !important;} .main-content .basiccontentblock.text-banner{ max-width: none!important; margin: unset!important; } #eventsectionpage{ max-width: 1440px!important; margin: 0 auto!important; width: 100%!important; } .main-content h1 { max-width: 1440px !important; margin: 0 auto; width: 100%; display: block; text-align: left; } /* max-width: unset!important; background-color: #27346D; padding: 2em 0; font-weight: 700; */ .top-banner{ background-color: rgba(30, 115, 190, 0.42); } img:not([src]), img[src=""], img[src="#"], img[src^="data:image"][src$="data:image"] { width: 0 !important; height: 0 !important; display: none; } :root { --width-small: 750px; --width-med: 950px; --width-large: 1150px; --width-x-large: 1350px; } html { width: 100%; height: 100vh; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); tap-highlight-color: transparent; } body, html { padding: 0; margin: 0; width: 100%; @media (min-width:767px) { padding:0; } } body.edit-mode {background-color: #fff;} body { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none; text-size-adjust: none; font-family: var(--font-sansserif); font-weight: 400; font-size: var(--base-font-size); line-height: 1.33333; color: var(--body-text-color); min-width: 320px; max-width: 100%; } body nav.skip-to { position: absolute; top:0; left:0; /*! grid-column: 1 / 6; */ /*! grid-row: 1 / 2; */ width: 400px; } body nav.skip-to ul { } .mh-divider { height: 1px; background: #eee; margin: 40px 0; } body nav.skip-to li a { position: absolute; -webkit-transition: top .5s ease-out; transition: top .5s ease-out; width: 1px; height: 1px; background-color: #fff; left: -999px; } body nav.skip-to li a:focus { top:0; left:0; padding: 10px; color: white; border-right: 4px solid white; border-bottom: 4px solid white; border-bottom-right-radius: 8px; background: #BF1722; -webkit-transition: top .05s ease-in; transition: top .05s ease-in; z-index: 100; position: absolute; display: block; width: auto; height: auto; } body .sr-only { position: absolute; left: -9999px; } body.nav-open { overflow: hidden; } main .main-content > div.simple-content { padding-bottom: 4em; } .linkcollectionblock > h2:first-child, .linkcollectionblock > .description > p:first-child { margin-top: 0; } .linkcollectionblock > .description { margin-bottom: 1em; } .simple-content-collection { max-width: 1440px; margin: 0 auto; } .simple-content-collection .list { display: flex; flex-wrap: nowrap; gap: 20px; margin: 0; padding: 0; } .simple-content-collection .list .set-padding { flex: 1; /* min-width: 0; */ box-sizing: border-box; } /* Mobile styles - stack vertically */ @media screen and (max-width: 768px) { .simple-content-collection .list { flex-wrap: wrap; } .simple-content-collection .list .set-padding { flex: 0 0 100%; max-width: 100%; } } /* .simple-content-collection .list { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-template-rows: auto; gap: 2em; } .simple-content-collection.border-right .list { gap: 2rem 0; } */ .related-links > h2, .simple-content-collection > h2 { margin-bottom: 0; } main#main, footer .grid-container, body.edit-mode footer > div { display: grid; grid-template-columns: repeat(12, 1fr); grid-template-rows: auto; gap: 0 2em; } body.edit-mode .grid-container > div > .block, body.edit-mode .grid-container > div > .block > section, body.edit-mode .grid-container > div > .block > section > .sectionblock-grid > div, body.edit-mode footer.site-footer > div > .block, body.edit-mode footer.site-footer > div > .block > section, body.edit-mode footer.site-footer > div > .block > section > .sectionblock-grid, .grid-container > .block, .grid-container > .block > section, .grid-container > .block > section > .sectionblock-grid { display: grid; grid-template-columns: max-content; grid-template-rows: max-content; column-gap: inherit; } body.edit-mode main > div > section, body.edit-mode .grid-container > div > .block, body.edit-mode .grid-container > div > .block.sectionblock > section > .sectionblock-grid, body.edit-mode footer.site-footer > div > .block, body.edit-mode footer.site-footer > div > .block > section, body.edit-mode footer.site-footer > div > .block > section > .sectionblock-grid, main > section, .grid-container > .block, .grid-container > .block.sectionblock > section > .sectionblock-grid { grid-column: 1 / 13; } body.edit-mode .grid-container > div > .block > *, .grid-container > .block > *, .grid-container > .block.sectionblock > section.section > * { grid-column: 2 / 12; } body.edit-mode .grid-container > div > .block.sectionblock > section, body.edit-mode .grid-container > div > .block.linkcollectionblock > section, body.edit-mode .grid-container > div > .block.medialistingblock > section, .grid-container > .block.sectionblock > section, .grid-container > .block.linkcollectionblock > section, .grid-container > .block.medialistingblock > section { grid-column: 1 / 13; } body.edit-mode .grid-container > div > .block.sectionblock > section>*, body.edit-mode .grid-container > div > .block.linkcollectionblock > section > *, body.edit-mode .grid-container > div > .block.medialistingblock > section > * .grid-container > .block.sectionblock > section>*, .grid-container > .block.linkcollectionblock > section > *, .grid-container > .block.medialistingblock > section > * { grid-column: 2 / 12; } .main.grid-container > aside { grid-column: 2 / 4; grid-row: 1 / 2; position: relative; z-index:10; } .main.grid-container > .main-content { /*grid-column: 4/12;*/ grid-column: 3 / 12; grid-row: 1 / 2; } @media (min-width:767px) { } @media (min-width:1024px) { } .grid-container > .block.meetingsandevents > section{ display: block; } main .main-content > h1:first-child + .block:not(.bg-color) { padding-top:0;} .basic h2, .basic h3 { margin: 0 0 .75rem 0; } ol.breadcrumb { margin-top: 0; padding-left: 0; } .imagelayoutblock figure { margin: 0 0 0 0; } ol.breadcrumb li { display: inline; font-size: 1rem; } .breadcrumb li+li:before { color: black; content: "/\00a0"; padding-left: .35em; } .breadcrumb li a:hover { text-decoration: underline; } .imagelayoutblock figure { display: inline-grid; grid-template-columns: 1fr; grid-template-rows: auto auto; gap: 1em 2em; } .imagelayoutblock figcaption { width: 0; min-width: 100%; } .mainnavbar > nav > ul { margin: 0; padding:0; } .mainnavbar > nav > ul button { border: 0; background: unset; } .mainnavbar li a, .mainnavbar button { min-height: 24px; display: inline-block; } .mainnavbar li a + ul, .mainnavbar button + ul { padding-top: .25rem; } .pagelistingblock > h2, .pagelistingblock > div { grid-column: 2 / 12; } /*NCWS custom*/ @media (min-width: 480px) { .ncws main#main.homepage, .ncws main.homepage .grid-container, .ncws main.homepage .grid-container > .block, .ncws main.homepage > .hero { display: grid; grid-template-columns: 2em repeat(10, 1fr) 2em; grid-template-rows: auto; gap: 0 1em; } .ncws .site-header.homepage { grid-template-columns: 2em repeat(9, 1fr) 2em 4em; gap: 0 1em; } } /* featured-items */ .pagelistingblock-categories ul.list, main .main-content ul.featured-items { margin:0; padding:0; list-style:none; display: grid; grid-template-columns: 1fr 1fr; gap: 1.5em 2em; margin-bottom: 3em } .pagelistingblock-categories ul.list h3.page-title, main .main-content ul.featured-items > li > h3 { color: var(--accent1); margin-top: 0; margin-bottom: .5em; } .pagelistingblock-categories ul.list h3.page-title + div > p:first-child, main .main-content ul.featured-items h3 + div > p:first-child { margin-top: 0; } .pagelistingblock-categories ul.list h3.page-title a, main .main-content ul.featured-items h3 a { text-decoration:none; color: var(--accent1); } .pagelistingblock-categories ul.list h3.page-title a:focus, .pagelistingblock-categories ul.list h3.page-title a:hover, .pagelistingblock-categories ul.list h3.page-title a:active, main .main-content ul.featured-items h3 a:focus, main .main-content ul.featured-items h3 a:hover, main .main-content ul.featured-items h3 a:active { text-decoration:underline; } body.edit-mode main > div > section, body.edit-mode main > div, body.edit-mode main > section > .grid-container > div, body.edit-mode .grid-container > div > .block, body.edit-mode .grid-container > div > .block.sectionblock > section > .sectionblock-grid, body main .grid-container, body main > section, body main.newscontentpage > section > .main-content, .main.grid-container > .main-content, main .main-content > div.simple-content, main .main-content > div.simple-content > .mceTmp1 { display: block; grid-template-columns: subgrid; grid-template-rows: max-content; } body.edit-mode main > section > .grid-container > div.standard-width { display: block; } body.edit-mode main > section > .grid-container > div, body.edit-mode main > div > section > *, main > section > * { grid-column: 1 / 13; } .main.grid-container > aside + .main-content { grid-column: 3 / 12; grid-row: 1 / 2; } body.edit-mode main > section > .grid-container > div.simple-content > div, main .main-content > h1:first-child, body.edit-mode main.site-main section > .grid-container > .standard-width, body.edit-mode main.site-main section > .grid-container > .date-posted, body.edit-mode main.site-main .main-content > .standard-width, body.edit-mode main.site-main .main-content > .date-posted, main .main-content > .standard-width, main .main-content > .date-posted, main .main-content > div.simple-content, .main.grid-container > .main-content, main .main > aside + .main-content > * { grid-column: 2 / 12; } main .main-content > div.simple-content > * { grid-column: 1 / 11; } /*figures*/ .mceTmp1 { display: inline-block; } .mceTmp1 > figure { border: 1px solid var(--figures); padding: 1rem; } .mceTmp1 figure:not(.pull-quote) figcaption, .mceTmp1 > .pull-quote { background: rgb(from var(--figures) r g b / 0.2); } .mceTmp1 > figure.pull-quote { grid-column: 2 / 7; } .mceTmp1 figure.pull-quote { padding: 2rem 1rem 0 1rem; } .mceTmp1 figure.pull-quote blockquote { margin-bottom: 1rem; } .mceTmp1 figure figcaption { padding: 1rem; } .mceTmp1 figure.pull-quote figcaption { padding: 0 1rem 2rem 1rem; } .mceTmp1 figure.pull-quote blockquote h1, .mceTmp1 figure.pull-quote blockquote h2, .mceTmp1 figure.pull-quote blockquote h3, .mceTmp1 figure.pull-quote blockquote h4, .mceTmp1 figure.pull-quote blockquote h5, .mceTmp1 figure.pull-quote blockquote h6 { margin-top: 0; } .mceTmp1 figure.pull-quote blockquote p, .mceTmp1 figure.pull-quote figcaption { font-size: 1.15rem; } .mceTmp1 figure.pull-quote figcaption { font-weight: 500; } main.newscontentpage > section > .main-content > .page-img { grid-column: 8/12; grid-row: 3/4; margin: 2em 0; } main.newscontentpage > section > .main-content > .block { grid-column: 2 / 12; grid-row: 3/4; } main.newscontentpage > section > .main-content > .page-img + .block { grid-column: 2 / 8; grid-row: 3/4; } .line-clamp.line-clamp-teaser { -webkit-line-clamp: 3; } .line-clamp { display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; } main .main-content > .block.padding-top-none { padding-top: 0} main .main-content > .block.padding-none { padding: 0} .block.listing.padding-top-none > h2:first-of-type { margin-top: 0} .toc #toc h2 {font-size: 1.75rem;} .toc #toc ul { width: 100%; column-gap: 2.5rem; margin-left: 0; padding-left: 1rem; } @media(min-width: 768px) { .toc #toc ul { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3;} } @media(min-width: 500px) and (max-width: 767px){ .toc #toc ul { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } } .ct-drawer-canvas { position: fixed; z-index: 100; bottom: 2rem; right: 2rem; height: 50px; width: 50px; } .ct-drawer-canvas.show a.ct-back-to-top { opacity: 1; transition: all 1s; } .ct-drawer-canvas.hide a.ct-back-to-top { opacity: 0; transition: all 1s; } a.ct-back-to-top { border-radius: 50%; background-color: var(--brand-color); border: 2px solid #fff; color: white; height:40px; width: 40px; display: inline-flex; justify-content: center; align-items: center; box-shadow: rgba(0, 0, 0, 0.65) 0px 5px 15px; } a.ct-back-to-top svg { color: white; justify-self: center; align-self: center; } a.ct-back-to-top:hover, a.ct-back-to-top:active, a.ct-back-to-top:focus { transition: transform .2s ease; border: 1px solid #000; background-color: #fff; svg { color: #000; } } /* new styling */ /* ===== MTF Hero Section Styles ===== */ .mtf-hero-section { position: relative; background-color: #FFFFFF; background-position: top center; background-repeat: no-repeat; background-size: cover; min-height: 299px; transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s; } .mtf-hero-section > .mtf-image-hero { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; z-index: 0; } .mtf-image-container { width: 100%; height: 100%; } .mtf-image-slide { width: 100%; height: 100%; } .mtf-image-slide .mtf-image { width: 100%; height: 100%; } .mtf-image-slide .mtf-image img { width: 100%; height: 100%; object-fit: cover; object-position: top center; } .mtf-background-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: transparent; background-image: linear-gradient(180deg, #000000 55%, #f2295b 42%); opacity: 0; transition: background 0.3s, border-radius 0.3s, opacity 0.3s; z-index: 1; pointer-events: none; } .mtf-image-content { position: relative; z-index: 2; max-width: 1140px; margin: 0 auto; padding: 0; } .mtf-hero-content { display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; width: 100%; } .mtf-grid-content-full { width: 100%; } .mtf-element { margin-bottom: 0; } .mtf-heading-container { width: 100%; max-width: 100%; } .mtf-heading-title { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; font-size: 44px; font-weight: 600; text-transform: capitalize; line-height: 1.3em; color: #00539F; margin: 0 0 50px 0; text-align: left; } .mtf-text-editor-container { width: 39.873%; max-width: 39.873%; background-color: #FFFAFAAB; padding: 7px; } .mtf-text-editor { font-family: "Work Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; font-size: 22px; font-weight: 500; line-height: 28px; letter-spacing: -1px; word-spacing: 6px; color: #000000; } .mtf-text-editor p { margin: 0; padding: 0; } /* Content Width */ .mtf-content-width { width: 100%; max-width: 1280px; } .mtf-common-grid { display: block; } /* Responsive Styles */ @media (max-width: 1024px) { .mtf-hero-section { padding: 50px 20px; } .mtf-heading-title { font-size: 42px; } } @media (max-width: 767px) { .mtf-hero-section { padding: 30px 20px; min-height: auto; } .mtf-heading-title { font-size: 28px; margin-bottom: 30px; } .mtf-text-editor-container { width: 100%; max-width: 479px; } .mtf-text-editor { font-size: 18px; line-height: 24px; } } @media (min-width: 768px) { .mtf-hero-content { width: 100%; } } @media (min-width: 1025px) { .mtf-hero-section > .mtf-image-hero { background-attachment: scroll; } } /* Alignment utilities */ .mtf-hero-section .mtf-hero-content { align-content: flex-start; align-items: flex-start; } .mtf-hero-section .mtf-hero-content > * { margin-block-end: 0; } /* Ensure proper stacking context */ .mtf-hero-section { display: flex; flex-direction: column; justify-content: flex-start; position: relative; } .mtf-hero-section > .mtf-image-content { flex: 1; display: flex; flex-direction: column; justify-content: flex-start; } #footer-copyright{ background: #18181B; } #footer-copyright .description p{ color: #CCCCCC; font-size: 14px; font-weight: 900; font-family: -apple-system, blinkmacsystemfont, "segoe ui", roboto, "oxygen-sans", ubuntu, cantarell, "helvetica neue", helvetica, arial, sans-serif; margin: 0 auto; text-align: center; } /* ===== MTF Text Banner with Button ===== */ .mtf-text-banner { width: 100%; background-color: #27346D; /* Fallback, also set inline */ padding: 40px 20px; margin: 0; box-sizing: border-box; } .mtf-text-banner-container { max-width: 1320px; margin: 0 auto; display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 30px; width: 100%; } /* Left section - Title and Subtitle */ .mtf-text-banner-left { flex: 1 1; min-width: 250px; } .mtf-text-banner-title { color: #FFFFFF; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; font-size: 36px; font-weight: 600; line-height: 1.2; margin: 0!important; padding: 0; } .mtf-text-banner-subtitle { color: #FFFFFF; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; font-size: 24px; font-weight: 400; line-height: 1.3; margin: 0; padding: 0; opacity: 0.9; } /* Center section - Description */ .mtf-text-banner-center { flex: 2 1; min-width: 300px; } .mtf-text-banner-description { color: #FFFFFF; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; font-size: 18px; font-weight: 400; line-height: 1.6; margin: 0; padding: 0; } .mtf-text-banner-description p { margin: 0 0 15px 0; color: #FFFFFF; font-size: 20px; } .mtf-text-banner-description p:last-child { margin-bottom: 0; } /* Right section - Button */ .mtf-text-banner-right { flex: 0 0 auto; min-width: 200px; text-align: right; } .mtf-text-banner-button-container { display: inline-block; } .mtf-text-banner-button { display: inline-block; background-color: #6EC1E4; color: #000000; text-decoration: underline; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; font-size: 18px; font-weight: 500; padding: 12px 30px; border-radius: 4px; transition: all 0.3s ease; border: none; cursor: pointer; text-align: center; } .mtf-text-banner-button:hover, .mtf-text-banner-button:focus { background-color: #0053A1; color: #FFFFFF; text-decoration: none; } .mtf-button-text { display: inline-block; } /* Responsive breakpoint */ @media (max-width: 900px) { .mtf-text-banner { padding: 30px 20px; } .mtf-text-banner-container { flex-direction: column; align-items: flex-start; gap: 20px; } .mtf-text-banner-left, .mtf-text-banner-center, .mtf-text-banner-right { width: 100%; text-align: left; } .mtf-text-banner-right { text-align: left; } .mtf-text-banner-title { font-size: 28px; } .mtf-text-banner-subtitle { font-size: 20px; } .mtf-text-banner-description { font-size: 16px; } .mtf-text-banner-button { width: 100%; box-sizing: border-box; } } /* Small mobile breakpoint */ @media (max-width: 480px) { .mtf-text-banner { padding: 20px 15px; } .mtf-text-banner-title { font-size: 24px; } .mtf-text-banner-subtitle { font-size: 18px; } } .homepage .block.basiccontentblock.text-banner{ padding-top: 0 !important; margin-top: 0 !important; margin-bottom: 0!important; } /* Container styles */ .simple-content-collection { max-width: 1440px; margin: 0 auto; } .simple-content-collection .list { display: flex; flex-wrap: nowrap; gap: 20px; width: 100%; height: 100%; padding: 0; margin-bottom: 2em; } .simple-content-collection .list .set-padding { flex: 1; /* min-width: 0; */ box-sizing: border-box; } /* Inner card styles */ .simple-content-collection .list .set-padding .inner { display: flex; flex-direction: column; align-items: center; text-align: center; height: 100%; padding: 2em; } .simple-content-collection .list .set-padding .image { width: 80px; height: 80px; display: flex; align-items: center; justify-content: center; margin: 0 auto 15px; } .simple-content-collection .list .set-padding.medium-size-image .image { width: 220px; height: auto; display: flex; align-items: center; justify-content: center; margin: 0 auto 15px; } .simple-content-collection .list .set-padding .image img { max-width: 100%; max-height: 100%; width: auto; height: auto; object-fit: contain; } .simple-content-collection .list .set-padding .heading h3 { color: #ffffff; font-size: 20px; margin: 0 0 10px; line-height: 1.3; } .simple-content-collection .list .set-padding .description, .simple-content-collection .list .set-padding .description p { color: #ffffff; font-size: 15px; line-height: 1.5; margin: 28px 0; } .simple-content-collection .list .set-padding .button-wrapper { margin-top: auto; width: 100%; } .simple-content-collection .list .set-padding .button { display: inline-block; background-color: #ffffff; color: inherit; padding: 8px 20px; border-radius: 4px; text-decoration: underline; font-size: 14px; transition: all 0.3s ease; border: none; line-height: 1.4; min-width: 140px; font-weight: 700; } .scc-title{ text-align: center; margin-bottom: 1em!important; color: #54595f; font-size: 45px; margin-top: 0; } @media screen and (max-width: 1000px) { .simple-content-collection .list { flex-wrap: wrap; } .simple-content-collection .list .set-padding { flex: 0 0 100%; max-width: 100%; padding: 2em 0; } } .simple-content-collection .set-padding.bg-blue .inner{ background-color: #27346D; } .simple-content-collection .set-padding.bg-green .inner{ background-color: #1A401C } .simple-content-collection .set-padding.bg-red .inner{ background-color: #6A1D04 } .simple-content-collection .set-padding.bg-gray .inner{ background-color: #303943 } Horizontal Filter Bar .filter-bar-horizontal { display: flex; flex-wrap: wrap; gap: 16px; align-items: flex-end; margin-bottom: 30px; padding: 20px 0; border-bottom: 1px solid #e0e0e0; } .filter-group { flex: 0 0 auto; } .filter-select { padding: 10px 16px; border: 1px solid #ccc; border-radius: 4px; font-size: 14px; background-color: #fff; cursor: pointer; min-width: 180px; height: 42px; } .filter-select:focus { outline: none; border-color: #6A1D04; box-shadow: 0 0 0 2px rgba(106, 29, 4, 0.2); } .search-group { flex: 1; min-width: 300px; } .search-group form { display: flex; gap: 8px; align-items: center; } .filter-search-input { flex: 1; padding: 10px 16px; border: 1px solid #ccc; border-radius: 4px; font-size: 14px; height: 42px; box-sizing: border-box; } .filter-search-input:focus { outline: none; border-color: #6A1D04; box-shadow: 0 0 0 2px rgba(106, 29, 4, 0.2); } .filter-btn { background-color: #6A1D04; color: white; border: none; padding: 0 24px; height: 42px; border-radius: 4px; font-size: 14px; font-weight: 600; cursor: pointer; transition: background-color 0.2s ease; white-space: nowrap; } .filter-btn:hover { background-color: #8B2A0A; } .clear-btn { background-color: #f5f5f5; color: #666; border: 1px solid #ccc; padding: 0 16px; height: 42px; border-radius: 4px; font-size: 14px; font-weight: 500; cursor: pointer; text-decoration: none; display: inline-flex; align-items: center; white-space: nowrap; } .clear-btn:hover { background-color: #e0e0e0; color: #333; } /* Hide old view navigation but keep for functionality */ .hidden-nav { display: none !important; } /* Responsive: Stack on mobile */ @media (max-width: 768px) { .filter-bar-horizontal { flex-direction: column; align-items: stretch; } .filter-group { width: 100%; } .filter-select { width: 100%; } .search-group form { flex-wrap: wrap; } .filter-search-input { flex: 1; min-width: 200px; } .filter-btn, .clear-btn { padding: 0 20px; } } /* Keep existing event card styles */ .event-items { list-style: none; padding: 0; margin: 0; } .event-items .event { display: flex; gap: 20px; padding: 20px 0; border-bottom: 1px solid #eee; flex-wrap: wrap; } .event-items .calendar-day { text-align: center; min-width: 70px; padding: 8px; background: #f8f8f8; border-radius: 8px; } .event-items .calendar-day .name { font-size: 14px; text-transform: uppercase; font-weight: 600; color: #666; display: block; } .event-items .calendar-day .int { font-size: 28px; font-weight: 700; color: #333; } .event-items .description { flex: 1; } .event-items .event-image { width: 120px; height: 120px; overflow: hidden; border-radius: 8px; } .event-items .event-image img { width: 100%; height: 100%; object-fit: cover; } .event-items .month { font-size: 20px; font-weight: 700; margin: 20px 0 10px; color: #6A1D04; border-left: 4px solid #6A1D04; padding-left: 12px; } @media (max-width: 640px) { .event-items .event { flex-direction: column; } .event-items .event-image { width: 100%; height: auto; max-height: 200px; } } /* ========== Resource Filters - Horizontal Bar ========== */ .resource-filters { display: flex; gap: 12px; flex-wrap: wrap; align-items: center; margin: 0 0 24px; } .resource-filters select, .resource-filters input[type="search"] { padding: 10px 12px; min-height: 48px; border: 1px solid #cfcfcf; border-radius: 4px; font-size: 16px; background: #fff; } .resource-filters select:focus, .resource-filters input[type="search"]:focus { outline: none; border-color: #6A1D04; box-shadow: 0 0 0 2px rgba(106, 29, 4, 0.2); } .filter-button { padding: 10px 20px; background: #6A1D04; border: 2px solid #6A1D04; color: white; border-radius: 4px; cursor: pointer; font-size: 18px; font-weight: 600; transition: all 0.2s ease; } .filter-button:hover { background: white; color: #6A1D04; } .clear-button { padding: 10px 16px; background: #f5f5f5; border: 1px solid #cfcfcf; color: #666; border-radius: 4px; text-decoration: none; font-size: 14px; transition: all 0.2s ease; } .clear-button:hover { background: #e0e0e0; color: #333; } /* ========== Event Items / Cards ========== */ .event-items { list-style: none; padding: 0; margin: 0; } .event-items .month { font-size: 20px; font-weight: 700; margin: 20px 0 10px; color: #6A1D04; border-left: 4px solid #6A1D04; padding-left: 12px; } .event-items .event { display: flex; gap: 20px; padding: 20px 0; border-bottom: 1px solid #e6e6e6; flex-wrap: wrap; } .event-items .calendar-day { text-align: center; min-width: 70px; padding: 8px; background: #f8f8f8; border-radius: 8px; } .event-items .calendar-day .name { font-size: 14px; text-transform: uppercase; font-weight: 600; color: #666; display: block; } .event-items .calendar-day .int { font-size: 28px; font-weight: 700; color: #333; } .event-items .description { flex: 1; } .event-items .date-posted { margin-bottom: 8px; color: #666; font-size: 14px; } .event-items .description h3 { margin: 0 0 12px; font-size: 18px; font-weight: 600; } .event-items .description h3 a { text-decoration: none; color: #333; } .event-items .description h3 a:hover { text-decoration: underline; color: #6A1D04; } .event-items .event-image { width: 120px; height: 120px; overflow: hidden; border-radius: 8px; flex-shrink: 0; } .event-items .event-image img { width: 100%; height: 100%; object-fit: cover; } /* ========== Badges (matching old site) ========== */ .resource-badges { display: flex; flex-wrap: wrap; gap: 8px; margin: 12px 0; } .resource-badge { display: inline-flex; align-items: center; gap: 6px; font-size: 12px; line-height: 1; padding: 6px 10px; border-radius: 999px; border: 1px solid #ddd; background: #f5f6f7; color: #2b2b2b; } .virtual-badge { background: #eef6ff; border-color: #cfe3ff; color: #1a3e6f; } .series-badge { background: #f4efff; border-color: #e2d6ff; color: #4a2e8a; } .series-badge a { color: #4a2e8a; text-decoration: none; } .series-badge a:hover { text-decoration: underline; } /* ========== Resource Excerpt and Date ========== */ .resource-excerpt { font-size: 14px; line-height: 1.5; color: #555; margin: 12px 0; } .resource-date { margin-top: 12px; padding-top: 12px; border-top: 1px solid #e6e6e6; font-size: 13px; color: #888; } /* ========== Location Styles (from old site) ========== */ .location { margin: 12px 0; } .location h4 { font-size: 14px; font-weight: 600; margin: 0 0 4px; color: #666; } .location-name { display: flex; align-items: center; gap: 8px; } .location-name svg { width: 12px; height: 12px; color: #6A1D04; } .location-name a { display: inline-flex; align-items: center; } .location-address { font-size: 13px; color: #777; margin-top: 4px; } /* ========== Page Header Title ========== */ .zak-page-header__title { margin-bottom: 30px; position: relative; } .zak-page-title { font-size: 2.5rem; font-weight: 400; color: #333; margin: 0; padding-top: 20px; padding-left: 120px; display: inline-block; } /* ========== Responsive ========== */ @media (max-width: 768px) { .resource-filters { flex-direction: column; align-items: stretch; } .resource-filters select, .resource-filters input[type="search"], .resource-filters .filter-button, .resource-filters .clear-button { width: 100%; } .event-items .event { flex-direction: column; } .event-items .event-image { width: 100%; height: auto; max-height: 200px; } .event-items .calendar-day { display: inline-flex; align-items: center; gap: 12px; padding: 8px 16px; width: auto; } .event-items .calendar-day .int { font-size: 20px; } .zak-page-title { font-size: 1.8rem; } } @media (max-width: 480px) { .event-items .month { font-size: 18px; } .zak-page-title { font-size: 1.5rem; } } /* ========== Resource Grid - 4 columns on desktop ========== */ .resource-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; margin-top: 24px; background: white; } .meetings-and-events .resource-grid { min-height: 100px; } p.mh-no-results { font-size: 18px; } /* ========== Resource Card ========== */ .resource-card { border: 1px solid #e6e6e6; border-radius: 14px; overflow: hidden; background: #fff; display: flex; flex-direction: column; transition: transform 0.15s ease, box-shadow 0.15s ease, border-color 0.15s ease; will-change: transform; height: 100%; } .resource-card:hover { transform: translateY(-3px); box-shadow: 0 10px 24px rgba(0, 0, 0, 0.08); border-color: #dcdcdc; } /* ========== Resource Thumbnail ========== */ .resource-thumb { display: block; width: 100%; aspect-ratio: 768 / 329; overflow: hidden; background: #f2f2f2; text-decoration: none !important; } .resource-thumb__img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.3s ease; } .resource-card:hover .resource-thumb__img { transform: scale(1.03); } /* ========== Resource Body ========== */ .resource-body { padding: 16px; display: flex; flex-direction: column; gap: 10px; flex: 1; } /* ========== Resource Badges ========== */ .resource-badges { background: #f5f6f7; padding: 10px 12px; margin: -16px -16px 6px -16px; border-bottom: 1px solid #ececec; display: flex; flex-wrap: wrap; gap: 8px; } .resource-badge { display: inline-flex; align-items: center; gap: 6px; font-size: 12px; line-height: 1; padding: 6px 10px; border-radius: 999px; border: 1px solid #ddd; background: #ffffff; color: #2b2b2b; } /* Topic badge colors */ .resource-badge.topic-additional-program, .resource-badge.topic-additional-programs { background: #eef6ff; border-color: #cfe3ff; color: #1a3e6f; } .resource-badge.topic-general-resource { background: #f4f6f8; border-color: #e1e6ea; color: #4a5568; } .resource-badge.topic-health-connector { background: #eefbf3; border-color: #cfeedd; color: #1e6f3f; } .resource-badge.topic-health-safety-net { background: #fff4ea; border-color: #ffe0c7; color: #b45f2b; } .resource-badge.topic-learning-opportunities { background: #f4efff; border-color: #e2d6ff; color: #4a2e8a; } .resource-badge.topic-masshealth { background: #eaf7ff; border-color: #cfeaff; color: #2c5c8a; } .resource-badge.topic-masshealth-provider-services { background: #fff0f4; border-color: #ffd0de; color: #b13e6b; } .resource-badge.topic-medicare { background: #fff9e6; border-color: #ffe7a8; color: #b87c2e; } .resource-badge.virtual-badge { background: #eef6ff; border-color: #cfe3ff; color: #1a3e6f; } .resource-badge.series-badge { background: #f4efff; border-color: #e2d6ff; color: #4a2e8a; } /* ========== Resource Title ========== */ .resource-title { margin: 0; font-size: 18px; line-height: 1.25; font-weight: 600; } .resource-title a { text-decoration: none; color: #333; transition: color 0.15s ease; } .resource-title a:hover { color: #6A1D04; text-decoration: underline; } /* ========== Resource Excerpt ========== */ .resource-excerpt { font-size: 14px; line-height: 1.5; color: #333; margin: 0; } /* ========== Resource Date ========== */ .resource-date { margin-top: auto; padding-top: 12px; border-top: 1px solid #e6e6e6; font-size: 13px; color: #333; } /* ========== Empty Message ========== */ .empty-message { text-align: center; padding: 40px; color: #666; font-size: 16px; grid-column: 1 / -1; } /* ========== Responsive Breakpoints ========== */ @media (max-width: 1200px) { .resource-grid { grid-template-columns: repeat(3, 1fr); gap: 20px; } } @media (max-width: 768px) { .resource-grid { grid-template-columns: repeat(2, 1fr); gap: 16px; } .resource-title { font-size: 16px; } .resource-excerpt { font-size: 13px; } } @media (max-width: 480px) { .resource-grid { grid-template-columns: 1fr; gap: 20px; } } /* Page header. --------------------------------------------- */ .zak-page-header { padding: 30px 0; background-color: #E4E4E7; } .zak-page-header .zak-archive-description { display: none; } .zak-page-header .zak-row { align-items: center; gap: 20px; } .zak-page-header .zak-page-title { margin-bottom: 0; font-size: 2.4rem; font-weight: 400; line-height: 1.3; } .zak-page-header.zak-style-1 .zak-page-title { margin-right: auto; } .zak-page-header.zak-style-1 .breadcrumbs { margin-left: auto; } .zak-page-header.zak-style-3 .zak-row { flex-direction: column; } .zak-page-header.zak-style-3 .zak-page-title { text-align: center; } .zak-page-header.zak-style-2 .zak-page-header__title { order: 2; margin-left: auto; } .zak-page-header.zak-style-2 .breadcrumbs { order: 1; margin-right: auto; } .zak-page-header.zak-style-4 .zak-row { flex-direction: column; align-content: flex-start; align-items: flex-start; } .zak-page-header.zak-style-5 .zak-row { flex-direction: column; align-content: flex-end; align-items: flex-end; } body:not(.has-page-header) .zak-page-header .zak-row { align-items: center; gap: 20px; } body:not(.has-page-header) .zak-page-header .zak-page-title { margin-bottom: 0; font-size: 2.4rem; font-weight: 400; line-height: 1.3; } body:not(.has-page-header) .zak-page-header.zak-style-1 .zak-page-title { margin-right: auto; } body:not(.has-page-header) .zak-page-header.zak-style-1 .zak-row { flex-direction: row-reverse; } body:not(.has-page-header) .zak-page-header.zak-style-3 .zak-row { flex-direction: column; } body:not(.has-page-header) .zak-page-header.zak-style-3 .zak-page-title { text-align: center; } body:not(.has-page-header) .zak-page-header.zak-style-2 .zak-page-header__title { order: 2; margin-left: auto; } body:not(.has-page-header) .zak-page-header.zak-style-2 .breadcrumbs { order: 1; margin-right: auto; } body:not(.has-page-header) .zak-page-header.zak-style-4 .zak-row { flex-direction: column; align-content: flex-start; align-items: flex-start; } body:not(.has-page-header) .zak-page-header.zak-style-5 .zak-row { flex-direction: column; align-content: flex-end; align-items: flex-end; } .zak-breadcrumbs .trail-items, .breadcrumbs .trail-items { display: flex; flex-wrap: wrap; margin: 0; list-style-type: none; } .zak-breadcrumbs .trail-items li::after, .breadcrumbs .trail-items li::after { content: '/'; margin: 0 4px; } .zak-breadcrumbs .trail-items li:last-child::after, .breadcrumbs .trail-items li:last-child::after { content: none; } .zak-breadcrumbs .trail-items a, .breadcrumbs .trail-items a { color: #027ABB; text-decoration: underline; } .zak-breadcrumbs .trail-items a:hover, .breadcrumbs .trail-items a:hover { text-decoration: none; } .cat-all-mtf-updates .zak-page-header { background-color: #1A401C; padding: 40px 0; } .page-template-meetings-and-events .entry-header, .cat-mtf-events .zak-page-header { background-color: #27346D; padding: 40px 0; margin-bottom: 40px; } .page-template-archive-library .zak-page-header, .page-id-11786 .zak-page-header, .tag-resource .zak-page-header, .tag-archive .zak-page-header { background-color: #6A1D04; padding: 40px 0; } .category .zak-page-header, .page-template-news .zak-page-header { background-color: #1A401C; padding: 40px 0; } .page-id-351 .zak-page-header, .page-id-1705 .zak-page-header { background-color: #303943; padding: 40px 0; } .resource-welcome-message { margin: 40px 0 60px;} .page-template-meetings-and-events .mh-hero-inner,.page-template-meetings-and-events .entry-title, .page-id-1705 .zak-page-title, .page-id-351 .zak-page-title, .category .zak-page-title, .page-template-news .zak-page-title, .page-template-archive-library .zak-page-title, .page-id-11786 .zak-page-title, .cat-all-mtf-updates .zak-page-title, .mtf-events .zak-page-title, .cat-mtf-events .zak-page-header__title, .tax-topic .zak-page-header__title { color: white !important; padding-left: 120px; } .page-template-archive-library .zak-page-title, .page-id-11786 .zak-page-title, .cat-mtf-events .zak-page-title, .cat-all-mtf-updates .zak-page-title, .tax-topic .zak-page-title { color: white; } .page-id-1705 .zak-page-header .zak-container, .page-id-351 .zak-page-header .zak-container, .category .zak-page-header .zak-container, .page-template-news .zak-page-header .zak-container, .page-template-archive-library .zak-page-header .zak-container, .page-id-11786 .zak-page-header .zak-container, .tax-topic .zak-page-header .zak-container { max-width: 1240px !important; } .zak-page-header__title{ max-width: 1240px!important; width: 100%!important; margin: 0 auto!important; } h1.zak-page-title{ color: white; } .about-us .zak-page-header__title { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cg fill='white'%3E%3Cpath d='M256 60c-57.897 0-105 47.103-105 105 0 35.943 18.126 69.015 48.487 88.467 31.003 19.863 69.06 21.974 104.426 5.703 7.525-3.462 10.82-12.37 7.357-19.896-3.462-7.525-12.369-10.82-19.896-7.358-25.86 11.898-53.454 10.545-75.703-3.709C193.961 214.298 181 190.669 181 165c0-41.355 33.645-75 75-75s75 33.645 75 75c0 8.271-6.729 15-15 15-7.558 0-14.618-5.732-14.998-14.772L301 165c0-24.813-20.187-45-45-45s-45 20.187-45 45 20.187 45 45 45c11.516 0 22.031-4.353 29.999-11.494C293.966 205.648 304.483 210 316 210c24.813 0 45-20.187 45-45 0-57.897-47.103-105-105-105m14.789 107.406C269.631 174.535 263.45 180 256 180c-8.271 0-15-6.729-15-15s6.729-15 15-15c7.691 0 14.04 5.82 14.895 13.285a15 15 0 0 0-.106 4.121'/%3E%3Cpath d='M480.999 196.976a15.1 15.1 0 0 0-4.393-10.583L421 130.787V15c0-8.284-6.716-15-15-15H106c-8.284 0-15 6.716-15 15v115.787l-55.606 55.606c-.052.052-.096.11-.147.163a15.07 15.07 0 0 0-4.246 10.42l-.001.029V467c0 24.845 20.216 45 45 45h360c24.839 0 45-20.207 45-45V197.005zM421 173.213 444.787 197 421 220.787zm-300-36.208V30h270v220.787L309.787 332H202.213L121 250.787zm-30 36.208v47.574L67.213 197zM61 460.787V233.213L174.787 347zM82.214 482l119.999-120h107.574l119.999 120zM451 460.787 337.213 347 451 233.213z'/%3E%3C/g%3E%3C/svg%3E"); background-size: contain; background-repeat: no-repeat; filter: brightness(0) invert(1); display: block; align-items: center; min-height: 85px; max-height: 85px; } .about-us .zak-page-header { background-color: #303943; padding: 40px 16px; } .contact .zak-page-header__title { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cg fill='white'%3E%3Cpath d='M256 60c-57.897 0-105 47.103-105 105 0 35.943 18.126 69.015 48.487 88.467 31.003 19.863 69.06 21.974 104.426 5.703 7.525-3.462 10.82-12.37 7.357-19.896-3.462-7.525-12.369-10.82-19.896-7.358-25.86 11.898-53.454 10.545-75.703-3.709C193.961 214.298 181 190.669 181 165c0-41.355 33.645-75 75-75s75 33.645 75 75c0 8.271-6.729 15-15 15-7.558 0-14.618-5.732-14.998-14.772L301 165c0-24.813-20.187-45-45-45s-45 20.187-45 45 20.187 45 45 45c11.516 0 22.031-4.353 29.999-11.494C293.966 205.648 304.483 210 316 210c24.813 0 45-20.187 45-45 0-57.897-47.103-105-105-105m14.789 107.406C269.631 174.535 263.45 180 256 180c-8.271 0-15-6.729-15-15s6.729-15 15-15c7.691 0 14.04 5.82 14.895 13.285a15 15 0 0 0-.106 4.121'/%3E%3Cpath d='M480.999 196.976a15.1 15.1 0 0 0-4.393-10.583L421 130.787V15c0-8.284-6.716-15-15-15H106c-8.284 0-15 6.716-15 15v115.787l-55.606 55.606c-.052.052-.096.11-.147.163a15.07 15.07 0 0 0-4.246 10.42l-.001.029V467c0 24.845 20.216 45 45 45h360c24.839 0 45-20.207 45-45V197.005zM421 173.213 444.787 197 421 220.787zm-300-36.208V30h270v220.787L309.787 332H202.213L121 250.787zm-30 36.208v47.574L67.213 197zM61 460.787V233.213L174.787 347zM82.214 482l119.999-120h107.574l119.999 120zM451 460.787 337.213 347 451 233.213z'/%3E%3C/g%3E%3C/svg%3E"); background-size: contain; background-repeat: no-repeat; display: block; align-items: center; min-height: 85px; max-height: 85px; } .contact .zak-page-header { background-color: #303943; padding: 40px 0; } .all-mtf-updates .zak-page-header__title{ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cg fill='white'%3E%3Cpath d='M497 92h-75V15c0-8.284-6.716-15-15-15H15C6.716 0 0 6.716 0 15v422c0 41.355 33.645 75 75 75h377c33.084 0 60-26.916 60-60V107c0-8.284-6.716-15-15-15M75 482c-24.813 0-45-20.187-45-45V30h362v422a59.6 59.6 0 0 0 8.072 30zm407-30c0 16.542-13.458 30-30 30s-30-13.458-30-30V122h60z'/%3E%3Cpath d='M347 62H75c-8.284 0-15 6.716-15 15v120c0 8.284 6.716 15 15 15h272c8.284 0 15-6.716 15-15V77c0-8.284-6.716-15-15-15m-15 120H90V92h242zm-137 60H75c-8.284 0-15 6.716-15 15v120c0 8.284 6.716 15 15 15h120c8.284 0 15-6.716 15-15V257c0-8.284-6.716-15-15-15m-15 120H90v-90h90zm167-120h-90c-8.284 0-15 6.716-15 15s6.716 15 15 15h90c8.284 0 15-6.716 15-15s-6.716-15-15-15m0 60h-90c-8.284 0-15 6.716-15 15s6.716 15 15 15h90c8.284 0 15-6.716 15-15s-6.716-15-15-15m0 60h-90c-8.284 0-15 6.716-15 15s6.716 15 15 15h90c8.284 0 15-6.716 15-15s-6.716-15-15-15m0 60H75c-8.284 0-15 6.716-15 15s6.716 15 15 15h272c8.284 0 15-6.716 15-15s-6.716-15-15-15'/%3E%3C/g%3E%3C/svg%3E"); background-size: contain; background-repeat: no-repeat; display: block; align-items: center; min-height: 85px; max-height: 85px; } .all-mtf-updates .zak-page-header{ background-color: #1A401C; padding: 40px 16px; } .meetings-and-events .zak-page-header__title { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cg fill='white'%3E%3Cpath d='M482 332.596V45c0-24.813-20.187-45-45-45H106C81.187 0 61 20.187 61 45v16H45C20.187 61 0 81.187 0 106s20.187 45 45 45h16v60H45c-24.813 0-45 20.187-45 45s20.187 45 45 45h16v60H45c-24.813 0-45 20.187-45 45s20.187 45 45 45h16v15c0 11.955 4.597 23.347 12.944 32.079C82.526 507.056 93.911 512 106 512h301c57.897 0 105-47.551 105-106 0-28.543-11.454-54.458-30-73.404M45 121c-8.271 0-15-6.729-15-15s6.729-15 15-15h31c8.271 0 15 6.729 15 15s-6.729 15-15 15zm0 150c-8.271 0-15-6.729-15-15s6.729-15 15-15h31c8.271 0 15 6.729 15 15s-6.729 15-15 15zm31 150H45c-8.271 0-15-6.729-15-15s6.729-15 15-15h31c8.271 0 15 6.729 15 15s-6.729 15-15 15m30 61c-7.99 0-15-7.477-15-16v-17.58c17.459-6.192 30-22.865 30-42.42s-12.541-36.228-30-42.42v-65.16c17.459-6.192 30-22.865 30-42.42s-12.541-36.228-30-42.42v-65.16c17.459-6.192 30-22.865 30-42.42s-12.541-36.228-30-42.42V45c0-8.271 6.729-15 15-15h331c8.271 0 15 6.729 15 15v266.145c-13.646-6.5-28.905-10.145-45-10.145-57.897 0-105 47.103-105 105 0 29.78 12.233 56.726 31.886 76zm301 0c-41.355 0-75-34.093-75-76 0-41.355 33.645-75 75-75s75 33.645 75 75c0 41.907-33.645 76-75 76'/%3E%3Cpath d='M407 121h-90c-8.284 0-15 6.716-15 15s6.716 15 15 15h90c8.284 0 15-6.716 15-15s-6.716-15-15-15m0 120h-90c-8.284 0-15 6.716-15 15s6.716 15 15 15h90c8.284 0 15-6.716 15-15s-6.716-15-15-15m30 150h-15v-15c0-8.284-6.716-15-15-15s-15 6.716-15 15v30c0 8.284 6.716 15 15 15h30c8.284 0 15-6.716 15-15s-6.716-15-15-15M266.606 95.393c-5.857-5.858-15.355-5.858-21.212.001L196 144.787l-23.611-23.611c-5.857-5.858-15.355-5.858-21.213 0s-5.858 15.355 0 21.213l34.218 34.218C188.322 179.536 192.161 181 196 181s7.678-1.464 10.606-4.394l60-60c5.858-5.858 5.858-15.355 0-21.213m0 120c-5.857-5.858-15.355-5.858-21.212.001L196 264.787l-23.611-23.611c-5.857-5.858-15.355-5.858-21.213 0s-5.858 15.355 0 21.213l34.218 34.218C188.322 299.536 192.161 301 196 301s7.678-1.464 10.606-4.394l60-60c5.858-5.858 5.858-15.355 0-21.213m0 120c-5.857-5.858-15.355-5.858-21.212.001L196 384.787l-23.611-23.611c-5.857-5.858-15.355-5.858-21.213 0s-5.858 15.355 0 21.213l34.218 34.218C188.322 419.536 192.161 421 196 421s7.678-1.464 10.606-4.394l60-60c5.858-5.858 5.858-15.355 0-21.213'/%3E%3C/g%3E%3C/svg%3E"); background-size: contain; background-repeat: no-repeat; display: block; align-items: center; min-height: 85px; max-height: 85px; } .meetings-and-events .zak-page-header{ background: #27346D; color: #fff; padding: 40px 16px; } .resources .zak-page-header__title{ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' class='title-icon'%3E%3Cg fill='white'%3E%3Cpath d='m507.523 443.883-53.867-53.032 31.737-31.737a14.998 14.998 0 0 0-5.863-24.837L391 304.767V45c0-24.813-20.187-45-45-45h-60c-11.517 0-22.032 4.354-30 11.495C248.032 4.354 237.517 0 226 0h-61c-11.517 0-22.032 4.354-30 11.495C127.032 4.354 116.517 0 105 0H45C20.187 0 0 20.187 0 45v302c0 24.813 20.187 45 45 45h60c11.517 0 22.032-4.354 30-11.495 7.968 7.142 18.483 11.495 30 11.495h61c11.517 0 22.032-4.354 30-11.495 7.968 7.142 18.483 11.495 30 11.495h17.767l29.51 88.53a15.002 15.002 0 0 0 24.837 5.863l31.819-31.82 53.033 53.033c5.805 5.805 15.207 5.869 21.089.123l43.427-42.427a15 15 0 0 0 .041-21.419M120 347c0 8.271-6.729 15-15 15H45c-8.271 0-15-6.729-15-15v-15h90zm0-45H30V151h90zm0-181H30V90h90zm0-61H30V45c0-8.271 6.729-15 15-15h60c8.271 0 15 6.729 15 15zm121 287c0 8.271-6.729 15-15 15h-61c-8.271 0-15-6.729-15-15v-15h91zm0-45h-91V151h91zm0-181h-91V90h91zm0-61h-91V45c0-8.271 6.729-15 15-15h61c8.271 0 15 6.729 15 15zm30-15c0-8.271 6.729-15 15-15h60c8.271 0 15 6.729 15 15v15h-90zm0 45h90v31h-90zm15 272c-8.271 0-15-6.729-15-15v-53.302L293.767 362zm2.611-91.362a15 15 0 0 0-15.35 3.624 15 15 0 0 0-2.262 2.915V151h90v143.767zM453.696 475.91l-53.156-53.156a15 15 0 0 0-21.212.001l-25.265 25.264-46.478-139.433 139.434 46.478-25.265 25.265a15 15 0 0 0 .083 21.296l53.74 52.909z'/%3E%3Cpath d='M195 181c-8.284 0-15 6.716-15 15v30c0 8.284 6.716 15 15 15s15-6.716 15-15v-30c0-8.284-6.716-15-15-15m121 0c-8.284 0-15 6.716-15 15v30c0 8.284 6.716 15 15 15s15-6.716 15-15v-30c0-8.284-6.716-15-15-15m-241 0c-8.284 0-15 6.716-15 15v30c0 8.284 6.716 15 15 15s15-6.716 15-15v-30c0-8.284-6.716-15-15-15'/%3E%3C/g%3E%3C/svg%3E"); background-size: contain; /* filter: brightness(0) invert(1); */ background-repeat: no-repeat; display: block; align-items: center; min-height: 85px; max-height: 85px; } .resources .zak-page-header{ background-color: #6A1D04; padding: 40px 16px; } .other .zak-page-header__title { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' class='title-icon'%3E%3Cg fill='white'%3E%3Cpath d='m507.523 443.883-53.867-53.032 31.737-31.737a14.998 14.998 0 0 0-5.863-24.837L391 304.767V45c0-24.813-20.187-45-45-45h-60c-11.517 0-22.032 4.354-30 11.495C248.032 4.354 237.517 0 226 0h-61c-11.517 0-22.032 4.354-30 11.495C127.032 4.354 116.517 0 105 0H45C20.187 0 0 20.187 0 45v302c0 24.813 20.187 45 45 45h60c11.517 0 22.032-4.354 30-11.495 7.968 7.142 18.483 11.495 30 11.495h61c11.517 0 22.032-4.354 30-11.495 7.968 7.142 18.483 11.495 30 11.495h17.767l29.51 88.53a15.002 15.002 0 0 0 24.837 5.863l31.819-31.82 53.033 53.033c5.805 5.805 15.207 5.869 21.089.123l43.427-42.427a15 15 0 0 0 .041-21.419M120 347c0 8.271-6.729 15-15 15H45c-8.271 0-15-6.729-15-15v-15h90zm0-45H30V151h90zm0-181H30V90h90zm0-61H30V45c0-8.271 6.729-15 15-15h60c8.271 0 15 6.729 15 15zm121 287c0 8.271-6.729 15-15 15h-61c-8.271 0-15-6.729-15-15v-15h91zm0-45h-91V151h91zm0-181h-91V90h91zm0-61h-91V45c0-8.271 6.729-15 15-15h61c8.271 0 15 6.729 15 15zm30-15c0-8.271 6.729-15 15-15h60c8.271 0 15 6.729 15 15v15h-90zm0 45h90v31h-90zm15 272c-8.271 0-15-6.729-15-15v-53.302L293.767 362zm2.611-91.362a15 15 0 0 0-15.35 3.624 15 15 0 0 0-2.262 2.915V151h90v143.767zM453.696 475.91l-53.156-53.156a15 15 0 0 0-21.212.001l-25.265 25.264-46.478-139.433 139.434 46.478-25.265 25.265a15 15 0 0 0 .083 21.296l53.74 52.909z'/%3E%3Cpath d='M195 181c-8.284 0-15 6.716-15 15v30c0 8.284 6.716 15 15 15s15-6.716 15-15v-30c0-8.284-6.716-15-15-15m121 0c-8.284 0-15 6.716-15 15v30c0 8.284 6.716 15 15 15s15-6.716 15-15v-30c0-8.284-6.716-15-15-15m-241 0c-8.284 0-15 6.716-15 15v30c0 8.284 6.716 15 15 15s15-6.716 15-15v-30c0-8.284-6.716-15-15-15'/%3E%3C/g%3E%3C/svg%3E"); background-size: contain; background-repeat: no-repeat; display: block; align-items: center; min-height: 85px; max-height: 85px; } .other .zak-page-header { background: #38325D; padding: 40px 0; } /* --- TOPIC pages: left aligned pill + title --- */ .tax-topic .zak-page-header__title{ display:flex; flex-direction:column; align-items:flex-start; } /* --- NEWS category pages: center pill directly above centered title --- */ .category .zak-page-header__title{ display:flex; flex-direction:column; align-items:center; /* KEY CHANGE */ text-align:center; /* ensures H1 text matches */ } /* Pill base */ .tax-topic .zak-page-header__title::before, .category .zak-page-header__title::before{ display:inline-block; position:static; /* prevent theme pseudo positioning */ font-size:11px; font-weight:700; letter-spacing:.05em; padding:5px 12px; border-radius:999px; background:#fff; line-height:1; margin-bottom:10px; } /* Topic pill */ .tax-topic .zak-page-header__title::before{ content:"TOPIC"; color:#38325D; } /* Category pill */ .category .zak-page-header__title::before{ content:"CATEGORY"; color:#1A401C; } /* Optional: normalize title margin */ .zak-page-header__title .zak-page-title{ margin:0; } .elementor-kit-1313 .zak-post:first-child { padding: 0 !important; } .elementor-kit-1313 .zak-post:last-child { padding: 0;} .custom-taxonomy-list { list-style: none; /* remove bullets */ padding: 0; margin: 0; display: inline; /* allow it to sit inline with label */ } .custom-taxonomy-list li { display: inline; /* make items inline */ } .custom-taxonomy-list li:not(:last-child)::after { content: ", "; /* add commas between items */ } .ctl { margin-top: 24px; } .tax-topic.term-148 .zak-page-header.zak-style-1 { display: block; visibility: visible; } .tax-topic h3.elementor-heading-title { margin-bottom: 20px; font-size: 2rem; font-weight: 600; position: relative; padding-bottom: 10px; border-bottom: 1px solid #E4E4E7; } .tax-topic h3.elementor-heading-title:before { background-color: #154799;position: absolute; display: block; bottom: -1px; content: " "; left: 0; width: 30px; height: 1px; } .tax-topic .elementor-nav-menu__container ul { display: flex; flex-direction: column; gap: 8px; margin: 0; list-style-type: none; } .elementor-nav-menu--main .elementor-nav-menu a { padding: 4px; letter-spacing: 0; font-family: -apple-system, blinkmacsystemfont, "segoe ui", roboto, "oxygen-sans", ubuntu, cantarell, "helvetica neue", helvetica, arial, sans-serif !important; font-size: 18px !important; color: #154799 !important; line-height: 1.5 !important } .tax-topic .elementor-widget:not(:last-child) { margin: 0} .elementor-nav-menu--main .elementor-nav-menu a:hover { padding: 5px; text-decoration: none !important; } .cat-mtf-events #nav_menu-6 { display: none; visibility: none; } .simple-content-collection.homepage-cards { background-color: #1A401C; padding: 2rem; } .simple-content-collection.homepage-cards .scc-title { color: #fff; margin-bottom: 2rem; text-align: center; } .simple-content-collection.homepage-cards .list { display: flex; flex-wrap: wrap; gap: 2rem; justify-content: center; } .simple-content-collection.homepage-cards .list .set-padding { flex: 1; min-width: 280px; max-width: 550px; padding: 0; } /* Override inherited .inner styles completely */ .simple-content-collection.homepage-cards .list .set-padding .inner { background-color: #fff; border-radius: 8px; overflow: hidden; height: 100%; display: flex !important; flex-direction: column !important; align-items: stretch !important; text-align: left !important; padding: 0 !important; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); } /* Remove hover effects */ .simple-content-collection.homepage-cards .list .set-padding .inner:hover { transform: none; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); } /* Override and reset image styles */ .simple-content-collection.homepage-cards .list .set-padding .image { width: 100% !important; height: auto !important; display: block !important; align-items: initial !important; justify-content: initial !important; margin: 0 !important; overflow: hidden; flex-shrink: 0; } .simple-content-collection.homepage-cards .list .set-padding .image img { width: 100%; height: auto; object-fit: cover; display: block; margin: 0; } /* Content area with left alignment */ .simple-content-collection.homepage-cards .list .set-padding .content { padding: 1.5rem; flex: 1; text-align: left; } /* Override heading styles */ .simple-content-collection.homepage-cards .list .set-padding .heading h3 { color: #5b5b5b !important; font-size: 24px !important; margin: 0.75rem 0 !important; line-height: 1.2em !important; font-weight: 700; text-align: left; } /* Description styles with left alignment */ .simple-content-collection.homepage-cards .list .set-padding .description p { font-size: 21px; color: #272626; line-height: 1.4em; margin: 0; text-align: left; } /* Link styles within this module */ .simple-content-collection.homepage-cards .list .set-padding .description a { color: #0000FF !important; text-decoration: underline; } .simple-content-collection.homepage-cards .list .set-padding .description a:hover { text-decoration: none; } /* Button wrapper styles */ .simple-content-collection.homepage-cards .list .set-padding .button-wrapper { padding: 0 1.5rem 1.5rem 1.5rem; margin-top: auto; text-align: left; } .simple-content-collection.homepage-cards .list .set-padding .button-wrapper .button { display: inline-block; background-color: #1A401C; color: #fff; padding: 0.75rem 1.5rem; text-decoration: none; border-radius: 4px; transition: background-color 0.3s ease; font-family: 'Work Sans', sans-serif; } .simple-content-collection.homepage-cards .list .set-padding .button-wrapper .button:hover { background-color: #2c5e2f; } /* Responsive adjustments */ @media (max-width: 1024px) { .simple-content-collection.homepage-cards .list .set-padding { max-width: calc(50% - 2rem); } } @media (max-width: 768px) { .simple-content-collection.homepage-cards { padding: 1.5rem; } .simple-content-collection.homepage-cards .list .set-padding { max-width: 100%; min-width: 100%; } .simple-content-collection.homepage-cards .list .set-padding .heading h3 { font-size: 20px !important; } .simple-content-collection.homepage-cards .list .set-padding .description p { font-size: 18px; } } /*homepage card styling end */ .contact .sectionblock .section .sectionblock-grid { max-width: 860px !important; margin: 0 auto !important; display: flex !important; flex-wrap: wrap !important; gap: 30px !important; align-items: flex-start !important; } .contact .sectionblock .section .sectionblock-grid > .EPiServerForms { flex: 0 0 calc(57.14% - 15px) !important; min-width: 0 !important; width: calc(57.14% - 15px) !important; max-width: calc(57.14% - 15px) !important; box-sizing: border-box !important; } .contact .sectionblock .section .sectionblock-grid > .basiccontentblock { flex: 0 0 calc(38.96% - 15px) !important; min-width: 0 !important; width: calc(38.96% - 15px) !important; max-width: calc(38.96% - 15px) !important; box-sizing: border-box !important; } .contact .sectionblock .section .sectionblock-grid .basiccontentblock .image img { width: 100% !important; display: block !important; } @media (max-width: 768px) { .contact .sectionblock .section .sectionblock-grid { flex-direction: column-reverse !important; } .contact .sectionblock .section .sectionblock-grid > .EPiServerForms, .contact .sectionblock .section .sectionblock-grid > .basiccontentblock { flex: 0 0 100% !important; width: 100% !important; max-width: 100% !important; } } /* ── Two-column layout */ .event-content-layout { display: flex; gap: 3rem; align-items: flex-start; margin-top: 2em; } .event-content-main { flex: 1 1 0; min-width: 0; } .event-content-sidebar { flex: 0 0 240px; width: 240px; } @media (max-width: 768px) { .event-content-layout { flex-direction: column; } .event-content-sidebar { width: 100%; flex: none; order: 2; } } /* ── Topic/s: line ───────────────────────────────────────────────────────── */ .ctl { display: flex; align-items: baseline; gap: 0.4rem; margin-bottom: 1rem; flex-wrap: wrap; font-size: 20px; } .custom-taxonomy-list { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 0; } .custom-taxonomy-list li { margin: 0; } .custom-taxonomy-list li::after { content: ",\00a0"; } .custom-taxonomy-list li:last-child::after { content: ""; } .custom-taxonomy-list li a { text-decoration: underline; color: var(--link-color, #1A0DAB); font-size: 0.95rem; } .custom-taxonomy-list li a:hover { color: var(--accent1, #4FC99A); } /* ── Sidebar widget ───────────────────────────────────────────────────────── */ .event-content-sidebar { background: #fff; border: none; padding-left: 0; margin-top: 24px; } .widget-title { font-size: 20px; font-weight: 700; margin: 0 0 0.75rem 0; padding-bottom: 0.5rem; border-bottom: 2px solid #e0e0e0; text-transform: none; letter-spacing: 0.04em; color: var(--body-text-color, #000); } /* .widget-title::before { position: absolute; display: block; bottom: -1px; content: " "; left: 0; width: 30px; height: 1px; background-color: #027ABB; } */ /* .widget-title::before{ background-color: #154799; } */ .sidebar-topics-list { list-style: none; margin: 0; padding: 0; } .sidebar-topics-list li { border-bottom: 1px solid #f0f0f0; } .sidebar-topics-list li a { display: block; padding: 0.45rem 0; font-size: 20px; text-decoration: underline; color: #154799; line-height: 1.4; } .sidebar-topics-list li a:hover { color: #154799; text-decoration: none; } .zak-entry-meta { margin-top: 2rem; padding-top: 1rem; border-top: 1px solid #e0e0e0; font-size: 0.875rem; color: #555; } .zak-entry-meta .zak-posted-on { margin-right: 1.25rem; } .zak-entry-meta a { text-decoration: underline; color: var(--link-color, #1A0DAB); } .zak-entry-meta a:hover { /* color: var(--accent1, #4FC99A); */ } .resource-badge { display: inline-block; padding: 2px 10px; border-radius: 20px; font-size: 0.8rem; font-weight: 500; border: 1px solid #d9d9d9; background: #ffffff; margin-right: 4px; margin-bottom: 6px; } .resource-badge.topic-additional-program { background: #c2daf7; border-color: #6aaae8; } .resource-badge.topic-general-resource { background: #d0d7df; border-color: #9aaab8; } .resource-badge.topic-health-connector { background: #b8eecb; border-color: #6dca90; } .resource-badge.topic-health-safety-net { background: #ffd9b3; border-color: #f7a96a; } .resource-badge.topic-learning-opportunities{ background: #d8c9ff; border-color: #a87ff5; } .resource-badge.topic-masshealth { background: #b8e4fa; border-color: #6dc4f0; } .resource-badge.topic-masshealth-provider-services { background: #ffc2d4; border-color: #f06090; } .resource-badge.topic-medicare { background: #fce9a0; border-color: #e8b830; } .resource-badge.cat-all-mtf-updates { background: #c2daf7; border-color: #6aaae8; } .resource-badge.cat-health-connector { background: #b8eecb; border-color: #6dca90; } .resource-badge.cat-masshealth-news { background: #b8e4fa; border-color: #6dc4f0; } .resource-badge.cat-masshealth-provider-services { background: #ffc2d4; border-color: #f06090; } .resource-badge.cat-other { background: #d0d7df; border-color: #9aaab8; } .event-content-layout{ margin: 0 auto; max-width: 1320px; padding: 2em 2em 0; } .custom-taxonomy-list a{ color: #3F3F46!important; } .event-image{ max-width: 1000px!important; width: auto!important; } @media (max-width: 800px) { .simple-content-collection.homepage-cards .list { flex-direction: column !important; height: auto !important; } .simple-content-collection.homepage-cards .list .set-padding { flex: 0 0 auto !important; width: 100% !important; min-width: 100% !important; max-width: 100% !important; height: auto !important; } .simple-content-collection.homepage-cards .list .set-padding .inner { height: auto !important; } } @media (max-width: 770px) { /* Keep li as block — no flex, no reflow */ #menu-header-menu > li.nav-item { position: relative; } /* Position the toggle button at the right edge of the li */ .sub-menu-toggle { position: absolute; top: 0; right: 0; height: 100%; min-height: 44px; background: none; border: none; cursor: pointer; padding: 0 12px; display: flex; align-items: center; justify-content: center; z-index: 1; transition: transform 0.2s ease; } .sub-menu-toggle.sub-open { transform: rotate(180deg); } /* Child