*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* ========================================================= Color scheme (light/dark) - All literal colors are defined as tokens first - Auto: respects prefers-color-scheme - Manual override: add class on body.theme-dark -> force dark body.theme-light -> force light ========================================================= */ :root { --sans-serif: 'Montserrat', sans-serif; --font-icons: 'Font Awesome 5 Free'; /* theme specific */ --blue: #00496b; --red: #d73c47; --slate: #5B6670; --light-gray: #E3E7EB; /* standard */ --black: #000000; --font-color: #000000; --black-rgb: 0,0,0; --white: #FFFFFF; --white-rgb: 250,250,250; --background: #FFFFFF; --xxs: 1.1rem; --xs: 1.4rem; --byline: 1.5rem; --date: 1.3rem; --sm: 1.8rem; --body: 2rem; --arch: 2.2rem; --md: 2.4rem; --md-md: 2.6rem; --lg-md: 3.6rem; --lg: 4.8rem; --xlg: 6.5rem; color-scheme: light dark; /* --- Light tokens --- */ --color-bg-light: #FFFFFF; --color-text-light: #000000; --color-surface-light: #FFFFFF; --color-surface-muted-light: #F5F7F9; --color-border-light: rgba(0,0,0,0.15); --color-link-light: var(--red); /* --- Dark tokens --- */ --color-bg-dark: #0B0E12; --color-text-dark: #F3F5F7; --color-surface-dark: #11161D; --color-surface-muted-dark: #161D26; --color-border-dark: rgba(255,255,255,0.18); --color-link-dark: #ff6b74; /* --- Active (defaults to light) --- */ --background: var(--color-bg-light); --font-color: var(--color-text-light); --surface: var(--color-surface-light); --surface-muted: var(--color-surface-muted-light); --border-color: var(--color-border-light); --link-color: var(--color-link-light); /* --- layout rails + spacing scale (Blocks) --- */ /* Gutters / rails */ --container-pad: 2rem; /* Match your existing content max usage */ --content-max: 830px; /* “Wide” and “full inner” defaults (tweak as needed) */ --wide-max: 1260px; --full-inner-max: 1440px; /* Spacing scale (use these instead of ad-hoc rems in block CSS) */ --space-2: 0.8rem; --space-3: 1.2rem; --space-4: 1.6rem; --space-5: 2rem; --space-6: 2.4rem; --space-8: 3.2rem; --space-10: 4rem; --space-12: 6rem; } @media ( max-width: 600px ) { :root :where(p) { font-size: 16px; } :root { --lg: 3rem; --xlg: 3.4rem; } } /* Manual theme control only - OS preference ignored */ /* Manual overrides (win over auto because they target body) */ body.theme-light { --background: var(--color-bg-light); --font-color: var(--color-text-light); --surface: var(--color-surface-light); --surface-muted: var(--color-surface-muted-light); --border-color: var(--color-border-light); --link-color: var(--color-link-light); } body.theme-dark { --background: var(--color-bg-dark); --font-color: var(--color-text-dark); --surface: var(--color-surface-dark); --surface-muted: var(--color-surface-muted-dark); --border-color: var(--color-border-dark); --link-color: var(--color-link-dark); } body { background: var(--background); color: var(--font-color); } a { color: var(--blue); } .theme-dark a { color: yellow; } .extra-small {font-size: var(--xs);} .small {font-size: var(--sm);} .body {font-size: var(--body);} .medium {font-size: var(--md);} .large {font-size: var(--lg);} .x-large {font-size: var(--xlg);} .blue {color: var(--blue);} .red {color: var(--red);} .slate {color: var(--slate);} .black {color: var(--black);} .white {color: var(--white);} /* first */ @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } /* The class you apply to your HTML element */ .gutenberg { animation: fadeIn 0.2s ease-in forwards; /* 'forwards' keeps the element visible after animating */ } #weather-icon-container { opacity: 0; min-height: 25px; display: flex; align-items: center; font-size: 1.4rem; font-weight: 600; text-transform: uppercase; color: var(--slate); img { max-width: 25px; max-height: 25px; } span { display: inline-flex; line-height: normal; } .degrees { margin: 0 5px 0 2px; } animation: fadeIn 0.5s ease-in forwards; } .theme-dark #weather-icon-container { color: var(--font-color); } /* Header, Menu */ .inside-top-bar { padding: 1rem; display: flex; /* flex-wrap: wrap; */ width: calc(100% - 4rem); align-items: center; max-width: 1440px; margin-left: auto; margin-right: auto; } .top-bar-container ul, .top-bar-container li { margin: 0; padding:0; list-style: none; } .top-bar-container ul { display: flex; flex-wrap: wrap; width: fit-content; gap: 1rem; /* justify-content: space-between; */ } .outside-nav { padding-top: 2rem; padding-bottom: 2rem; } .header-content { display: flex; justify-content: space-between; width: 100%; max-width: 1260px; margin-left: auto; margin-right: auto; } .header-content .latest-issue { display: flex; align-items: center; justify-content: center; text-align: center; margin: auto; width: 100%; font-size: 1.6rem; font-weight: bold; a { color: var(--font-color); } } .header-content .issue-cover { width: auto; height: 175px; } .logo { width: 936px; height: 216px; background-size: contain; background-repeat: no-repeat; background-position: center; max-width: 100%; } .first-logo.logo { display: block; width: clamp(280px, 90vw, 936px) !important; aspect-ratio: 13 / 3; background-size: contain; background-repeat: no-repeat; background-position: center; margin: 0 auto; } .above-nav .inside-nav { display: flex; justify-content: space-between; padding: 2rem; } .above-nav .inside-nav p, .above-nav .inside-nav ul, .above-nav .inside-nav li { margin: 0; padding: 0; } .logo { background-image: url('../images/logo.svg'); } .theme-dark .logo, .theme-dark .menu-logo, .theme-dark .mobile-logo { background-image: url('../images/logo_w.svg') !important; } .menu-main-menu-container { max-width: 1440px; margin-left: auto; margin-right: auto; } .notice-container { position: relative; background-color: var(--red); text-align: center; box-shadow: 0px 3px 20px #000000; z-index: 1; > button { position: absolute; right: 2rem; } * { color: var(--white); margin-left: auto; margin-right: auto; line-height: normal; } p:last-child { margin-bottom: 0; } .inside-notice-container { max-width: 1260px; padding: 2rem; margin: 0 auto; } a { color: var(--white); text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; } a:hover { color: yellow !important; } } #search_form { display: none; } #search_form.toggled-on { display: flex; position: fixed; align-items: center; justify-content: center; top: 0; left: 0; width: 100%; height: 100dvh; background-color: var(--blue); z-index: 1000; color: var(--background); } .search-close { position: absolute; top: 2rem; right: 2rem; background: none; border: none; font-size: 4rem; color: white; cursor: pointer; line-height: 1; transition: transform 0.2s ease; width: 4.4rem; height: 4.4rem; white-space: unset; justify-content: center; margin: auto; padding: 0; } .search-close:hover, .search-close:focus { transform: scale(1.1); text-decoration: none; border-bottom: 0; } .search-close:focus-visible { outline: 3px solid white; outline-offset: 2px; border-radius: 4px; } .search-logo { width: 325px; height: 72px; background-size: contain; background-repeat: no-repeat; background-position: center; position: absolute; top: 27px; left: 2rem; } /* Search button with Font Awesome icon */ .search-btn a { display: inline-flex; align-items: center; justify-content: center; font-size: 0; padding: 0.5rem; border-radius: 4px; transition: background-color 0.2s ease; line-height: 1; } .search-btn a::before { font-family: var(--font-icons); font-weight: 900; font-size: 1.6rem; content: "\f002"; color: inherit; display: block; } .search-btn a:hover::before, .search-btn a:focus::before { text-decoration: none; } .search-btn a:hover { background-color: rgba(0, 0, 0, 0.1); } .search-btn a:focus-visible { /* outline: 2px solid var(--red); outline-offset: 2px; */ background-color: rgba(0, 0, 0, 0.05); } .inside-search-menu form { margin: auto; display: flex; } .inside-search-menu input[type="text"], .inside-search-menu input[type="text"]:focus { background-color: transparent; border: 1px solid; font-size: 6rem; color: var(--background); padding: 4rem 1rem; border-radius: 5px 0 0 5px; border-right: 0; } .inside-search-menu input[type="submit"] { background-color: transparent; border: 1px solid; border-radius: 0 5px 5px 0; font-size: 4rem; text-transform: none; } .inside-search-menu input[type="text"]::placeholder { color: #ffffff; opacity: 1; /* Ensures Firefox displays the exact color */ } /* Dark theme support for search form */ .theme-dark #search_form.toggled-on { background-color: var(--surface); color: var(--font-color); } .theme-dark .search-close { color: var(--font-color); } .theme-dark .inside-search-menu input[type="text"], .theme-dark .inside-search-menu input[type="text"]:focus { background-color: var(--surface-muted); border-color: var(--border-color); color: var(--font-color); } .theme-dark .inside-search-menu input[type="text"]::placeholder { color: var(--font-color); opacity: 0.7; } .theme-dark .inside-search-menu input[type="submit"] { background-color: transparent; border-color: var(--border-color); color: var(--font-color); } @media(min-width: 1260px) { .inside-top-bar { width: calc(100% - 5rem); } .top-bar-container ul { gap: 3rem; } } @media(min-width: 768px) { #mobile_search_form { display: none; } .input[type="text"] { border: 1px solid transparent !important; } .inside-top-bar .menu-container { padding-right: 2rem; } .weather-card { flex-shrink: 0; } .top-bar-container ul { margin-left: auto; } #site_nav, .site-header { display: flex; align-items: center; justify-content: space-evenly; } .above-nav .inside-nav ul { display: flex; gap: 2rem; } .above-nav .inside-nav ul.header-links { margin-left: auto; margin-right: 2rem; } .site-header { gap: 3.825rem; margin-top: auto; margin-bottom: auto; } .site-header button, .site-header a.button { margin:0; } .home .site-header a.button:not(.home) { display: none; } #site_nav a.first-logo { margin-right: auto; } } @media(max-width: 1024px) { .inside-top-bar { flex-direction: column; } .inside-search-menu input[type="text"], .inside-search-menu input[type="text"]:focus, .inside-search-menu input[type="submit"] { font-size: 4rem; } } @media(max-width: 768px) { .top-bar-container ul { flex-direction: column; text-align: left; } #mobile_search_form { input[type="text"] { border: 1px solid transparent !important; } input[type="submit"] { display: inline-flex; min-height: unset; width: fit-content; padding: 0.65rem 3rem; text-align: center; font-size: 1.5rem; font-weight: normal; line-height: 1; /* letter-spacing: .1rem; */ text-transform: unset; text-decoration: none; white-space: pre-wrap; border-radius: unset; border: none; cursor: pointer; box-sizing: border-box; background-color: transparent; align-items: center; } input {margin:0;} form { box-shadow: 0px 0px 15px #CCC; border-radius: 5px; margin: 1rem auto; display: flex; align-items: center; justify-content: space-between; } } .inside-search-menu input[type="text"], .inside-search-menu input[type="text"]:focus, .inside-search-menu input[type="submit"] { font-size: 2rem; } #menu-main-menu li.search-btn { display: none; } .main-navigation ul { margin-bottom: 2rem; } } body.home .main > h1 { display: none; } /* Single post */ article header p.author-types { font-size: var(--byline); font-weight: bold; margin-bottom:0; } article header time { display: block; font-size: var(--date); line-height: 1.38; margin-bottom: 1.8rem; padding-bottom: 1.8rem; width: 100%; border-bottom: 0.5px solid var(--light-gray); } .related-articles-container { display: grid; grid-template-columns: repeat(6, 1fr); gap: 2rem; } @media (min-width: 768px) and (max-width: 1024px) { .main-nav-container { flex-direction: column; justify-content: center; } .main-nav-container a.first-logo { margin-left: auto; margin-right: auto; } .related-articles-container { grid-template-columns: repeat(4, 1fr); } } @media(max-width: 768px) { .related-articles-container { grid-template-columns: repeat(2, 1fr); } .wp-singular.post-template-default .container, .single-special_report .container, body.archive .container { padding-left: 2rem; padding-right: 2rem; padding-bottom: 4rem; } .wp-singular.post-template-default .main > h1, body.archive .main > h1 { margin-top: 4rem; } .above-nav { display: none; } .menu-logo.mobile-first a { display: block; width: 100%; height: 100%; } body:not(.menu-open) .outside-nav { position: fixed; top: 0; left: 0; right: 0; z-index: 1000; animation: mobile-nav-slide-down 0.35s ease-out both; } .admin-bar:not(.menu-open) .outside-nav { top: 46px; } .admin-bar.page > .container, .admin-bar.page > #content, .admin-bar.page > section#content, .admin-bar.page > div#content, .admin-bar.single > .container, .admin-bar.single > #content, .admin-bar.single > section#content, .admin-bar.single > div#content { padding-top: 116px; } .menu-logo { display: block; position: absolute; left: 2rem; top: 1rem; height: 64px; width: 250px; background-size: contain; background-repeat: no-repeat; } .menu-open .menu-logo {display: none;} #site_nav > a { width: 65%; } .logo { width: 65%; height: 115px; margin-bottom: 2rem; } .first-logo { display: block; width: 200px; } button.menu-button { display: flex !important; min-height: auto; padding: unset; position: absolute; top: 0; right: 0; width: auto; white-space: unset; } span.circles { display: flex !important; flex-direction: column; gap: 4px; width: 34px; height: 70px; justify-content: center; align-items: center; align-content: center; white-space: unset; } span.circles span.circle { display: block; width: 10px; height: 10px; background-color: var(--blue); border-radius: 50%; white-space: unset; } .theme-dark span.circles span.circle { background-color: var(--white); } a.menu-logo.menu-footer-logo { display: block; position: relative; top: unset; left: unset; width: 115px; height: 115px; background-size: contain; background-position: center; background-repeat: no-repeat; } .outside-nav { display: block; height: 75px; padding: 0; background: var(--background); } .admin-bar button.menu-button { position: absolute; /* top: 8rem; */ width: auto; } .site-header a.button { width: 100%; justify-content: center; } .site-header { margin-top: 5rem; } .top-bar-container.desktop, .c-nav__theme-toggle.desktop { display: none; } } @keyframes mobile-nav-slide-down { from { transform: translateY(-100%); } to { transform: translateY(0); } } .floaters { position: fixed; display: flex; gap: 2rem; left: 0; right: 0; bottom: 0; z-index: 1001; padding: 2rem; justify-content: center; } /* Special Reports */ .page-template-special-reports .main > h1 { max-width: 1260px !important; } .page-template-special-reports #content { max-width: 1260px !important; margin-left: auto; margin-right: auto; } .special-reports-list { display: grid; gap: 2rem; } .special-report-card { display: flex; gap: 4rem; align-items: center; padding: 4rem 0; border-top: 1px solid var(--black); } .special-report-card__image { display: block; } .special-report-card__image img { display: block; width: auto; height: auto; max-height: 500px; text-align: center; margin: auto; } /* .special-report-card__title { margin: 0 0 4rem 0; font-size: var(--lg); } */ .special-report-card__excerpt { margin-top: 0.5rem; p { font-size: 1.4rem; } } .special-report-card__read-more { display: inline-block; padding: 6px 8px; border: 1px solid; } .special-reports-load-more { margin-top: 2rem; } .special-reports-load-more:focus-visible, .special-report-card a:focus-visible { outline: 3px solid currentColor; outline-offset: 0.25rem; } .screen-reader-text { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } @media (min-width: 768px) { .special-report-card { > a { flex: 2; } .special-report-card__content { flex: 1; } } .special-report-card:nth-child(even) { flex-direction: row-reverse; } } @media (max-width: 768px) { .page-template-special-reports .container { padding-left: 2rem; padding-right: 2rem; } .special-report-card { flex-direction: column; } } /* Footer */ footer .footer-section { padding: 2.6rem 0; } footer .footer-section:first-child { border-top: 2px solid var(--font-color); border-bottom: 2px solid var(--font-color); } ul#menu-footer-menu { display: flex; flex-wrap: wrap; } ul#menu-social-menu-2 { display: flex; gap: 1rem; } ul#menu-social-menu-2 li { list-style: none; margin:0; flex: 1 1 50%; } ul#menu-footer-menu li { list-style: none; } @media(min-width: 768px) { ul#menu-footer-menu { margin-left: auto; margin-bottom: 0; } .latest-issue { flex: 1; text-align: center; } .latest-issue img { margin: auto; } .logo-column { flex: 2; } } ul#menu-social-menu { display: flex; gap: 2rem; } ul#menu-social-menu li { list-style: none; margin:0; } .menu-footer ul#menu-social-menu { justify-content: center; margin-top: 2rem; } footer a:hover { text-decoration: underline; text-underline-offset: 3px; } footer .links, footer .logos { display: flex; gap: 1rem; } .copyright p { margin: 0; } footer .logo-column .logo { width: 388px; height: 93px; margin-bottom: 3.4rem; } footer .fipbook { flex-shrink: 0; background: #333333; } @media(min-width: 768px) { .main-nav-container { width: 100%; } #menu-social-menu-1, ul#menu-footer-menu li { margin-bottom: 0; } .logo-column { display: flex; } footer .logo-column { flex-direction: column; } footer .footer-section:last-child .row { gap: 3rem; } } @media(max-width: 768px) { .inside-footer { padding: 0 2rem; .latest-issue { margin-bottom: 2rem; } ul#menu-footer-menu { flex-direction: column; margin-top: 1rem; } ul#menu-footer-menu li { margin: 0 0 1rem 0; } } .column.separator {display: none;} .main-nav-container a.menu-logo { margin: auto; } } /* ========================================================= Block layout utilities (width rails + vertical rhythm) Use with: .is-width-content | .is-width-wide | .is-width-full ========================================================= */ .is-width-content, .is-width-wide { width: 100%; margin-left: auto; margin-right: auto; padding-left: var(--container-pad); padding-right: var(--container-pad); box-sizing: border-box; } .is-width-content { width: fit-content; max-width: var(--content-max); } .is-width-wide { max-width: var(--wide-max); } /* Full-bleed wrapper */ .is-width-full { width: 100%; max-width: 100%; box-sizing: border-box; } /* Standard “full inner” rail (use when you add a dedicated inner wrapper) */ .is-width-full > .is-width-full__inner { max-width: var(--full-inner-max); margin-left: auto; margin-right: auto; padding-left: var(--container-pad); padding-right: var(--container-pad); box-sizing: border-box; } /* Vertical rhythm for all custom blocks */ .c-block { margin-block: var(--space-6); } /* If you want tighter spacing on mobile */ @media (max-width: 768px) { .c-block { margin-block: var(--space-10); } } /* Full-width inner aliases (for blocks that already have __inner wrappers) */ .is-width-full > .c-video-feature__inner { max-width: var(--full-inner-max); margin-left: auto; margin-right: auto; padding-left: var(--container-pad); padding-right: var(--container-pad); box-sizing: border-box; } /* * * STRUCTURE * ** Grid */ .container { position: relative; width: 100%; /* max-width: 1600px; */ margin: 0 auto; padding: 0; box-sizing: border-box; } .page-template-youtube-page .container, .page-template-updates-page .container, .page-template-events-page .container { max-width: 1440px; } .page-template-updates-page h1.page-title, .page-template-events-page h1.page-title { margin-top: 2rem; } .single-post .container { padding-bottom: 10rem; } @media ( max-width: 768px ) { .page-template-fixed-width-page { .container { padding-left: 2rem; padding-right: 2rem; } } .page-template-template-archive-calendar, .page-template-template-links-archive { main { margin-top: 7.5rem; } } } /* Archive */ header.author { display: flex; justify-content: center; margin: 5.6rem auto 3rem; width: 100%; border-bottom: 2px solid var(--black); padding-bottom: 5.6rem; gap: 6rem; align-items: center; h1 { font-size: var(--md-md) !important; margin-bottom: 1rem; line-height: normal; } .author-tag-profile-image { background-size: cover; background-repeat: no-repeat; background-position: center; border-radius: 50%; width: 256px; height: 256px; aspect-ratio: 1 / 1; } .author-content { max-width: 49ch; } .author-tag-profile-description p, .author-tag-profile-description li { font-size: var(--xs); line-height: 1.35; } } /* For devices larger than 400px */ @media (max-width: 768px) { .container { margin: 10rem auto 2rem; } article header { margin-top: 4rem; } header.author { display: flex; flex-direction: column; justify-content: center; margin: 3rem auto 1rem; padding-bottom: 3rem; gap: 2rem; .author-tag-profile-image { width: 150px; height: 150px; } } } @media(min-width: 768px) { article header:not(.c-source-docs__header) { margin-top: 5.6rem; } .row { display: flex; justify-content: space-between; } footer .row { align-items: center; } .center { align-items: center; text-align: center; } .center > * { margin-left: auto; margin-right: auto; } .all-archive-posts, .archive-controls { max-width: 900px; margin: auto !important; } } .menu-links.row { justify-content: normal; gap: 3rem; margin-bottom: 1rem; } #site_nav, article header, nav.breadcrumb, .main > h1, .gutenberg > *:not(.mllr_step):not(.hero.mllr_hero):not(.specials-block):not(.image-slider-block):not(.testimonials-block):not(.locations-scroller):not(.wp-block-cover):not(.c-stories-flex), .content > .post, .inside-footer, .container.no-content, .inside-button-group, .site-container, .inside-specials, .inside-image-slider, body.archive .container { max-width: 1440px; margin-left: auto; margin-right: auto; } .single-post .gutenberg, .page-template-fixed-width-page .gutenberg, .gutenberg > .wp-block-image, .gutenberg > .gutenberg_p, .gutenberg_ul, article header { max-width: 830px !important; margin-left: auto; margin-right: auto; } .gutenberg { max-width: 100%; overflow: hidden; } .gutenberg iframe, .gutenberg figure.wp-block-image { margin-bottom: 2rem; } @media (min-width: 768px) and (max-width: 1260px) { #site_nav, article header, .main > h1, .gutenberg > *:not(.mllr_step):not(.gutenberg_p):not(.gutenberg_ul):not(.c-stories-flex), .content > .post, .inside-footer, .container.no-content, .page-template-youtube-page .container, .page-template-updates-page .container, .page-template-events-page .container, .page-template-fixed-width-page .container, .site-container, .inside-image-slider, .inside-testimonials, .locations-slider-pair, body.archive .container, .related-articles { padding: 2rem; } } .page-template-default .gutenberg > * > * { margin-left: auto; margin-right: auto; } .page-template-default .wp-block-quote, .page-template-default .wp-block-columns { max-width: 830px; } .event-btn-group { display: flex; gap: 2rem; } .featured-image.no-thumb { display: none; } .page-template-fixed-width-page, .single-post, .single-special_report { .gutenberg, .featured-image, .post-title, .gutenberg > *not(.c-stories-flex), .event-btn-group { max-width: 824px; margin: 4rem auto; } .featured-image { /* aspect-ratio: 6 / 4; */ aspect-ratio: 21 / 9; background-size: contain; background-repeat: no-repeat; background-position: center; margin-bottom: 4rem; } .featured-video iframe { width: 100%; height: auto; aspect-ratio: 16 / 9; } } @media(max-width: 1260px) { #site_nav { padding: 0 2rem; } } @media(max-width: 1260px) { .page-template-fixed-width-page, .single-post, .single-special_report { .featured-image { aspect-ratio: 16 / 9; } } } /* Archive controls */ body.archive .content { max-width: 1440px; margin-left: auto; margin-right: auto; } body.archive .pagetitle, .related-articles { font-size: var(--lg-md); margin-bottom: 5rem; margin-top: 5rem; padding-bottom: 1rem; border-bottom: 2px solid var(--black); width: 100%; max-width: 1260px !important; margin-left: auto; margin-right: auto; } .related-articles { border-bottom: 0; } .related-articles header { display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 2.4rem; border-bottom: 0.5px solid var(--light-gray); } .related-articles a { color: var(--slate); } .related-articles h2 { text-transform: uppercase; font-weight: bold; } .related-articles header p span.more { font-weight: bold; } .related-articles header p, .related-articles h2, .related-articles h3, .related-articles figure { font-size: var(--xs); line-height: normal; margin-bottom: 1rem; } .search-header { font-size: var(--lg-md); margin-bottom: 5rem; margin-top: 5rem; padding-bottom: 1rem; border-bottom: 2px solid var(--black); width: 100%; max-width: 1260px !important; margin-left: auto; margin-right: auto; } .search-header form { margin-bottom: 1rem; display: flex; input.search-field { padding: 3rem 1rem; max-width: 100%; } } @media(max-width: 768px) { .search-header form { flex-direction: column; } } .search-results-info { font-size: var(--xs); margin: 1rem 0 0 0; } .archive-controls { display: flex; justify-content: flex-start; margin: 0 0 4rem; } .archive-controls__form { display: flex; align-items: flex-end; gap: 2rem; margin: 0; } .archive-controls__field { display: flex; flex-direction: column; gap: 0.8rem; } .archive-controls__field label { color: var(--slate); font-size: var(--date); font-weight: bold; line-height: 1; margin: 0; text-transform: uppercase; } .archive-controls__field select { appearance: none; background-color: var(--background); background-image: linear-gradient(45deg, transparent 50%, var(--font-color) 50%), linear-gradient(135deg, var(--font-color) 50%, transparent 50%); background-position: calc(100% - 18px) 50%, calc(100% - 12px) 50%; background-repeat: no-repeat; background-size: 6px 6px, 6px 6px; border: 1px solid var(--border-color); border-radius: 8px; color: var(--font-color); font-size: var(--body); font-weight: bold; height: 44px; min-width: 180px; padding: 0.65rem 4rem 0.65rem 1.4rem; } .archive-controls__field select:focus { border-color: var(--font-color); outline: 2px solid transparent; } .archive-post { border-top: 1px solid var(--border-color); display: grid; gap: 3rem; grid-template-columns: minmax(220px, 34%) 1fr; margin: 0; padding: 3rem 0; } .archive-post h2 { font-size: var(--arch); line-height: 1.15; } .archive-post:first-of-type { border-top: none; } /* .archive-post:last-of-type { border-bottom: 1px solid var(--border-color); } */ .archive-post__image { aspect-ratio: 6 / 4; background-color: var(--surface-muted); display: block; overflow: hidden; width: 100%; } .archive-post__image img, .archive-post__image-placeholder { display: block; height: 100%; width: 100%; } .archive-post__image img { object-fit: cover; transition: transform 0.25s ease; } .archive-post__image:hover img { transform: scale(1.03); } .archive-post__image-placeholder { background: linear-gradient(135deg, var(--surface-muted), var(--light-gray)); } .archive-post__content { align-self: center; } .archive-post__categories { display: flex; flex-wrap: wrap; gap: 0.8rem 1.2rem; margin-bottom: 1rem; } .archive-post__categories a { color: var(--slate); font-size: var(--xxs); line-height: 1.1; font-weight: bold; text-transform: uppercase; } .archive-post__title { font-size: var(--lg); line-height: 1.12; margin-bottom: 1rem; max-width: 830px !important; } .archive-post__title a { color: var(--font-color); text-decoration: none; } .archive-post__title a:hover { color: var(--red); text-decoration: underline; text-underline-offset: 4px; } .archive-post__date { color: var(--slate); display: block; font-size: var(--xxs); line-height: 1.1; font-weight: bold; margin-bottom: 1.6rem; text-transform: uppercase; } .archive-post__excerpt p { margin-bottom: 0; font-size: var(--xs); line-height: 1.35; } .archive-post__excerpt a { font-weight: bold; white-space: nowrap; } .archive-author-types { font-size: var(--xxs); line-height: 1.1; font-weight: bold; color: var(--slate); margin-top: 3.5rem; } .author-types a:not(:last-child):after { display: inline-block; content: ', '; padding-right: 5px; } body.archive .navigation { display: flex; gap: 2rem; justify-content: space-between; padding: 4rem 0; } body.archive .navigation a { color: var(--font-color); font-size: var(--body); font-weight: bold; } @media(max-width: 768px) { .related-articles header { flex-direction: column; } .archive-controls, .archive-controls__form { width: 100%; } .archive-controls__form { align-items: stretch; flex-direction: column; gap: 1.5rem; } .archive-controls__field select { width: 100%; } .archive-post { grid-template-columns: 1fr; gap: 2rem; padding: 2.4rem 0; } .archive-post__title { font-size: var(--md); line-height: 1.2; } .related-articles { padding: 0 2rem; } } /* Updates */ .outside-mllr-select { display: flex; gap: 1rem 2rem; padding-bottom: 3rem; flex-wrap: wrap; } .outside-mllr-select a { color: #818181; } .outside-mllr-select a:hover { color: var(--red); text-decoration: underline; text-underline-offset: 3px; } .outside-mllr-select a.active { color: var(--red); } .post-listings { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap: 3.4rem; margin-bottom: 6rem; } @media(max-width: 768px) { .post-listings { grid-template-columns: 1fr; } } .nav-links { padding: 4rem 0; display: flex; justify-content: center; gap: 1rem; } .page-numbers { font-size: 2rem; background-color: var(--background); border-radius: 50%; padding: 1rem; aspect-ratio: 1 / 1; width: 4rem; height: 4rem; display: flex; align-items: center; justify-content: center; color: var(--blue); } .page-numbers.current { background-color: var(--black); color: var(--background); } .page-numbers .previous::before { content: '<'; } .page-numbers .next::before { content: '>'; } .page-numbers:hover { background-color: var(--black); color: var(--white); } .page-numbers.current:hover { background-color: var(--black); color: var(--background); } /* Woo Products */ .single-product #main, .tax-product_cat #main { max-width: 1440px; margin: 10rem auto; display: flex; flex-direction: column; } /* Blocks */ .image-slider-container { padding: 0 2rem; } .gutenberg > .mllr_accordion, .inside-button-group, .wp-block-paragraph, .wp-block-list, .wp-block-heading { max-width: 830px !important; margin: auto; padding-bottom: 2.4rem; } .page-template-template-links-archive { .gutenberg > .mllr_accordion, .inside-button-group, .wp-block-paragraph, .wp-block-list, .wp-block-heading { max-width: 100% !important; } } .text_image, .inside-text_images { display: flex; width: 100%; gap: 3rem; align-items: center; } .text_image-image { aspect-ratio: 2/1.8; width: 100%; background-size: cover; background-repeat: no-repeat; /* border-radius: 1.4rem; */ } .text_image-excerpt p { font-size: 2.4rem; line-height: 3.6rem; } .mllr_text_image { padding: 6rem; } .inside-image-slider { padding: 4rem 0; } .image-slider-swiper .gallery-image, .image-slider-swiper .gallery-image img { border-radius: 1rem; } .inside-event-details p { margin:0; } .inside-event-details .button { display: block; } @media(max-width: 768px) { .logo-column img { margin-bottom: 2rem; } footer p.address { margin-top: 2rem; } .text_image, .inside-text_images { flex-direction: column; } .collapsible.mllr-accordion .gallery, .updates-wrapper { display: grid; grid-template-columns: 1fr; gap: 3rem; } .text_image-excerpt p { font-size: 2rem; line-height: 2.8rem; } .mllr_text_image, .inside-text-image-slider { padding-left: 2rem; padding-right: 2rem; } ul#menu-social-menu-2 li { flex: unset; } } .mllr_button-group.center .inside-button-group { justify-content: center; } .inside-button-group { display: flex; gap: 2rem; flex-wrap: wrap; } .inside-button-group a.button { margin:0; } .inside-button-group a.button.white { border: 1px solid var(--green); } .inside-sponsors-container { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 3rem; } .mllr_image_link { margin-top:2rem; margin-bottom: 2rem; } .inside-image_links { display: grid; grid-template-columns: 1fr 1fr 1fr; text-align: center; align-items: center; align-content: center; gap: 3rem; } a.image-link { aspect-ratio: 6 / 4; background-size: cover; background-repeat: no-repeat; display: flex; flex-direction: column; color: var(--background); font-size: 3.2rem; line-height: 3.8rem; font-weight: bold; text-align: center; } a.image-link:hover { color: var(--background); } a.image-link span { display: block; background: var(--rust); width: fit-content; padding: 0.3rem var(--body); border-radius: 0; margin: auto auto 0 0; } @media(max-width: 768px) { .inside-image_links { grid-template-columns: 1fr; } } /* Latest News */ .latest-news-container { background-color: var(--beige); padding: 4rem; } .upcoming-event-block .latest-news-container { background-color: var(--beige); } .inside-latest-news, .inside-full-block, .mllr_text_image .inside-text_images { max-width: 1440px; margin: auto; } @media(min-width: 1024px) and (max-width: 1600px) { .inside-latest-news, #site_nav, nav.breadcrumb, .main > h1, .inside-footer, .container.no-content, .inside-people, .single-product #main, .tax-product_cat #main, .inside-steps, .page-template-youtube-page .container, .page-template-updates-page .container, .page-template-events-page .container, .inside-full-block, .mllr_text_image .inside-text_images, .site-container { max-width: 1260px; margin-left: auto; margin-right: auto; } } .latest-image { aspect-ratio: 6 / 4; background-size: cover; background-position: center; background-repeat: no-repeat; margin-bottom: var(--body); background-color: rgba(0,0,0,0.15); } p.latest-title { font-size: 2.8rem; line-height: 3.6rem; font-weight: bold; margin-bottom:0; /* font-weight: bold; */ } /* singles */ .single-post, .single-special_report { .gutenberg { max-width: 830px; margin-left: auto; margin-right: auto; } } .gutenberg { .wp-block-column .c-source-docs__link { grid-template-columns: 1fr; } .wp-block-image.alignright figcaption.wp-element-caption { padding-left: 2rem; } .wp-block-image.alignleft figcaption.wp-element-caption { padding-right: 2rem; } } /* swiper */ .swiper-header { display: flex; width: 100%; justify-content: space-between; } .swiper-controls { display: flex; align-items: center; gap: 1rem; } .swiper-button-next, .swiper-button-prev { position: relative; left: unset; right: unset; top: unset; bottom: unset; } .swiper-button-next:after, .swiper-button-prev:after { font-family: var(--font-icons); font-size: 2.4rem; color: var(--font-color); /* border: 1px solid; border-radius: 50%; */ padding: 5px 9px; font-weight: 900; } .swiper-button-next:after { content: '\f061'; } .swiper-button-prev:after { content: '\f060'; } .latest-news-block, .mllr_text_image_slide, .mllr_text_image { max-width: 100% !important; overflow: hidden; } /* Calendar Archive */ .archive-calendar-page { max-width: 1200px; margin-inline: auto; padding: 2rem; } .archive-calendar-header { margin-bottom: 2rem; } .archive-calendar-form { display: flex; flex-wrap: wrap; align-items: end; gap: 1rem; margin-bottom: 2rem; } .archive-calendar-form__field { display: grid; gap: 0.35rem; } @media (min-width: 768px) { .archive-calendar-form { flex-wrap: nowrap; } .archive-calendar-form__field { flex: 1; min-width: 0; } } .archive-calendar-form label { font-weight: 700; } .archive-calendar-form select, .archive-calendar-form button { min-height: 2.75rem; padding: 0.5rem 0.75rem; } .archive-calendar-form select { max-width: 220px; } .archive-calendar-results.is-loading { opacity: 0.5; pointer-events: none; } .archive-calendar-results__header { margin-bottom: 1.5rem; } .archive-calendar-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 1.5rem; } .archive-calendar-card { border: 1px solid currentColor; padding: 1rem; } .archive-calendar-card__image { display: block; margin-bottom: 1rem; } .archive-calendar-card__image img { display: block; width: 100%; height: auto; } .archive-calendar-card__date { display: block; font-size: 0.875rem; margin-bottom: 0.5rem; } .archive-calendar-card__title { margin: 0 0 0.5rem; } .archive-calendar-card__title a { color: inherit; text-decoration: none; } .archive-calendar-card__title a:hover, .archive-calendar-card__title a:focus { text-decoration: underline; } .archive-calendar-empty { font-style: italic; } .archive-calendar-load-more { display: block; margin: 2rem auto 0; padding: 1.5rem; background-color: var(--blue); color: white; border: none; border-radius: 0.25rem; font-size: 2rem; font-weight: 600; cursor: pointer; transition: background-color 0.2s ease; text-align: center; min-height: unset; white-space: normal; } .archive-calendar-load-more:hover:not(:disabled), .archive-calendar-load-more:focus:not(:disabled) { background-color: var(--red); } .archive-calendar-load-more:disabled { opacity: 0.6; cursor: not-allowed; } .archive-load-more { display: block; margin: 2rem auto 0; padding: 1.5rem; background-color: var(--blue); color: white; border: none; border-radius: 0.25rem; font-size: 2rem; font-weight: 600; cursor: pointer; transition: background-color 0.2s ease; text-align: center; min-height: unset; white-space: normal; } .archive-load-more:hover:not(:disabled), .archive-load-more:focus:not(:disabled) { background-color: var(--red); } .archive-load-more:disabled { opacity: 0.6; cursor: not-allowed; } /* links archive */ .links-archive-page { max-width: 1000px; margin-inline: auto; padding: 2rem; } .links-archive-header { margin-bottom: 2rem; } .links-archive-form { display: flex; flex-wrap: wrap; align-items: end; gap: 1rem; margin-bottom: 2rem; } .links-archive-form__field { display: grid; gap: 0.35rem; } .links-archive-form label { font-weight: 700; } .links-archive-form select, .links-archive-form button { min-height: 2.75rem; padding: 0.5rem 0.75rem; } .links-archive-results.is-loading { opacity: 0.5; pointer-events: none; } .links-archive-results__header { margin-bottom: 1.5rem; } .links-archive-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 1rem; } .links-archive-list__item { border-bottom: 1px solid currentColor; padding-bottom: 1rem; } .links-archive-list__date { display: block; font-size: 0.875rem; margin-bottom: 0.35rem; } .links-archive-list__link { font-weight: 700; } .links-archive-list__description { margin-top: 0.5rem; } .links-archive-empty { font-style: italic; } .links-archive-lightbox-open { overflow: hidden; } .links-archive-lightbox { position: fixed; inset: 0; z-index: 9999; display: none; align-items: center; justify-content: center; padding: 2rem; } .links-archive-lightbox.is-open { display: flex; } .links-archive-lightbox__overlay { position: absolute; inset: 0; background: rgba(0, 0, 0, 0.75); } .links-archive-lightbox__dialog { position: relative; z-index: 1; width: min(100%, 1100px); max-height: calc(100vh - 4rem); background: #fff; box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.35); overflow: auto; } .links-archive-lightbox__close { position: absolute; top: 0.75rem; right: 0.75rem; z-index: 2; width: 2.5rem; height: 2.5rem; border: 0; border-radius: 999px; background: #000; color: #fff; font-size: 1.75rem; line-height: 1; cursor: pointer; min-height: unset !important; min-width: unset !important; } .links-archive-lightbox__content { padding: 3.5rem 1rem 1rem; } .links-archive-lightbox__content iframe { display: block; width: 100% !important; min-height: 75vh; border: 0; } @media ( min-width: 768px) { .links-archive-form button { font-size: 15px; } .links-archive-list { display: flex; flex-wrap: wrap; } .links-archive-list__item { border: 1px solid currentColor; padding: 1rem; margin: 0; flex: 0 1 30%; } } /* Base Styles */ /* NOTE ... html is set to 62.5% so that all the REM measurements throughout Skeleton are based on 10px sizing. So basically 1.5rem = 15px :) */ /* html, body { height:100%; } */ html { font-size: 62.5%; scroll-behavior: smooth } body { font-family: var(--sans-serif); font-size: 1.5em; line-height: 1.6; font-weight: 400; color: var(--font-color); /* max-width: 1580px; */ margin: auto; overflow-x: hidden; width: 100%; } /* Typography */ h1,h2,h3,h4,h5,h6 { line-height: 1.2; font-weight: bold; margin-top: 0; margin-bottom: 2rem; max-width: 830px !important; } body:not(.page-template) nav.breadcrumb { max-width: 830px !important; } h1 { font-size: var(--xlg); line-height: 7.2rem; margin-bottom: 4rem; } .main > h1 { margin-top: 6rem; } article header h1 { font-size: var(--lg); line-height: 1.17; } /* .page-template-default h1 { text-align: center; } */ .page-template-default .mllr_page_block h1, .mllr_page_block h1 { text-align: left; } h2.wp-block-heading, p.heading, p.headline, p.about-location { font-size: var(--xlg); line-height: 1.2; color: var(--black); } h2.wp-block-heading { margin-top: 6rem; } h2, h3 { font-size: 2.6rem; line-height: 2.8rem; } h4 { font-size: 1.8rem; } p, li { font-size: var(--body); line-height: 1.5; margin-top: 0; max-width: 830px; } footer p { max-width: unset; } /* Allow block modules to control their own text measure */ .c-block h1, .c-block h2, .c-block h3, .c-block h4, .c-block h5, .c-block h6, .c-block p, .c-block li { max-width: unset !important; } @media(max-width: 768px) { h1, h2 { line-height: normal; font-size: var(--lg); margin-bottom: 3rem; } } .has-small-font-size, .has-medium-font-size, .has-large-font-size, .has-x-large-font-size { line-height: normal; } /* Links */ #breadcrumb { font-family: var(--sans-serif); font-size: var(--body); line-height: 2.8rem; /* text-transform: uppercase; */ font-weight: normal; margin-bottom: 2rem; color: var(--black); } #breadcrumb a { color: var(--black); } span.breadcrumb_last { color: var(--rust); } .breadcrumb span span:not(:last-child) { display: inline-flex; } .breadcrumb span span:not(:last-child)::after { display: inline-block; content: '>'; padding-left: 5px; margin-top: -1px; } a { color: var(--blue); } .theme-dark a { color: yellow; } .latest-post a { color: var(--blue); } .latest-news-block .latest-post a { color: var(--font-color); } a:hover { color: var(--red); text-decoration: underline; text-underline-offset: 3px; } .latest-post a:hover { text-decoration: none; } .latest-post a:hover p.latest-title { text-decoration: underline; text-underline-offset: 3px; } /* Buttons */ .product button, .product a.button, .button, button, input[type="submit"], input[type="reset"], input[type="button"], .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt.disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled[disabled]:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt.disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled[disabled]:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt.disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled[disabled]:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt.disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:disabled[disabled]:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button { display: inline-flex; min-height: 44px; height: auto; padding: 0.65rem 3rem; text-align: center; font-size: var(--body); font-weight: bold; line-height: 1; /* letter-spacing: .1rem; */ text-transform: unset; text-decoration: none; white-space: pre-wrap; border-radius: 8px; border: none; cursor: pointer; box-sizing: border-box; background-color: transparent; align-items: center; } .wp-block-button:not(.wp-block-button__width-100) .wp-block-buttons>.wp-block-button.has-custom-width .wp-block-button__link { width: fit-content; } .wp-block-button:has(.wp-block-button__width-100) .wp-block-buttons>.wp-block-button.has-custom-width .wp-block-button__link { width: 100% !important; } .c-image-scroll__controls, .c-stories-flex__scroller, .c-tax-tabs__scrollerNav, .c-pdf-scroller__controls { button { min-height: unset; } } .page-template-events-page .latest-post .button {margin-top: 1rem;} .woocommerce .button { background-color: var(--font-color) !important; color: var(--background) !important; } a.wc-block-cart__submit-button { border: 1px solid !important; } .button:hover, .product a.button:hover, button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce #respond input#submit.alt:focus, .woocommerce a.button.alt:focus, .woocommerce button.button.alt:focus, .woocommerce input.button.alt:focus, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, button.components-button:hover, .woocommerce ul.products li.product .button:hover, .button.wc-backward:hover, a.button.wc-backward:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button:hover { outline: 0; text-decoration: underline; text-underline-offset: 3px; } p.button:hover, button.c-nav__theme-toggle {text-decoration: none;} button.mllr-accordion__header:hover { text-decoration: none !important; } button.mllr-accordion__header:hover span { text-decoration: underline; text-underline-offset: 3px; } button.menu-button { /* display: flex; */ align-items: center; margin-bottom: 0; } button.menu-button span { display: block; text-transform: uppercase; color: var(--black); } button.menu-button:hover span { text-decoration: underline; text-underline-offset: 3px; } button.menu-close { padding: 0.9rem 1.8rem; } .search-no-results form { display: flex; gap: 1rem; } .search-no-results form input[type="submit"] { margin-bottom: 0; height: 40px; } button.wp-block-accordion-heading__toggle:hover { text-decoration: none; .wp-block-accordion-heading__toggle-title { text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 2px; } } .wp-block-accordion-item-is-layout-flow { margin-top: 0; border-top: 1px solid; } .wp-block-accordion-heading__toggle-title { padding-top: 1rem; } /* Search */ @media(max-width: 768px) { .search-results .content { padding-left: 2rem; padding-right: 2rem; } } /* modal */ .modal { display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.6); align-items: center; justify-content: center; } .modal[aria-hidden="false"] { display: flex; } .modal-content { background: #fff; padding: 2rem; border-radius: 4px; min-width: 300px; } .close-btn { float: right; background: none; border: none; font-size: 1.2rem; cursor: pointer; } @media(max-width: 768px) { .modal-content { height: 100%; overflow: scroll; } .modal-content .close-btn { float: none; } } /* Forms */ input[type="email"], input[type="number"], input[type="search"], input[type="text"], input[type="tel"], input[type="url"], input[type="password"], textarea, select { height: 38px; padding: 6px 10px; /* The 6px vertically centers text on FF, ignored by Webkit */ background-color: var(--background); border: 1px solid; border-radius: 5px; box-shadow: none; box-sizing: border-box; } /* Removes awkward default styles on some inputs for iOS */ input[type="email"], input[type="number"], input[type="search"], input[type="text"], input[type="tel"], input[type="url"], input[type="password"], textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; } textarea { min-height: 65px; padding-top: 6px; padding-bottom: 6px; } input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="text"]:focus, input[type="tel"]:focus, input[type="url"]:focus, input[type="password"]:focus, textarea:focus, select:focus { border: 1px solid; outline: 0; } label, legend { display: block; margin-bottom: .5rem; } fieldset { padding: 0; border-width: 0; } input[type="checkbox"], input[type="radio"] { display: inline; } label>.label-body { display: inline-block; margin-left: .5rem; font-weight: normal; } /* Lists */ ul { list-style: disc inside; } ol { list-style: decimal inside; } ol, ul { padding-left: 0; margin-top: 0; } ul ul, ul ol, ol ol, ol ul { margin: 1.5rem 0 1.5rem 3rem; font-size: 90%; } li { margin-bottom: 2rem; margin-left: 20px; list-style-position: outside; } ul.wp-block-list li, ol.wp-block-list li { margin-bottom:0; padding-left: 0; } /* Code */ code { padding: .2rem .5rem; margin: 0 .2rem; font-size: 90%; white-space: nowrap; background: #F1F1F1; border: 1px solid #E1E1E1; border-radius: 4px; } pre>code { display: block; padding: 1rem 1.5rem; white-space: pre; } /* Tables */ th, td { padding: 12px 15px; text-align: left; border-bottom: 1px solid #E1E1E1; } th:first-child, td:first-child { padding-left: 0; } th:last-child, td:last-child { padding-right: 0; } /* Spacing */ button, .button { margin-bottom: 1rem; } input,textarea,select,fieldset { margin-bottom: 1rem; } pre,blockquote,dl,figure,table,p,ul,ol,form { margin-bottom: 2rem; } /* figure img {cursor: zoom-in;} */ /* Woocommerce */ .woocommerce div.product p.stock { display: none !important; } .wc-block-components-quantity-selector__button { display: flex; align-items: center; justify-content: center; } /* Contact Form 7 */ .wpcf7-form input, .wpcf7-form textarea { width: 100%; } /* Utilities */ .u-full-width { width: 100%; box-sizing: border-box; } .u-max-full-width { max-width: 100%; box-sizing: border-box; } .u-pull-right { float: right; } .u-pull-left { float: left; } .wp-block-button__link {border-radius: 2px;} .additional-content a {text-decoration:underline;} .wp-block-image.alignright {padding-left: 2rem;} .wp-block-image.alignleft {padding-right: 2rem;} @media(max-width: 768px) { .wp-block-image .alignright, .wp-block-image .alignleft { float: none; margin: 2rem auto; } } /* Custom block alignment (audio-module, pdf-scroller, source-documents, timeline-module) */ .c-block.alignleft { float: left; margin-right: 2rem; margin-bottom: 1rem; max-width: 50%; } .c-block.alignright { float: right; margin-left: 2rem; margin-bottom: 1rem; max-width: 50%; } @media (max-width: 768px) { .c-block.alignleft, .c-block.alignright { float: none; max-width: 100%; margin-left: 0; margin-right: 0; } } .wp-block-group.has-collegian-border-none, .wp-block-columns.has-collegian-border-none, .wp-block-column.has-collegian-border-none { border: 0 !important; } .wp-block-group.has-collegian-border-all, .wp-block-columns.has-collegian-border-all, .wp-block-column.has-collegian-border-all { border: 1px solid currentColor; } .wp-block-group.has-collegian-border-top, .wp-block-columns.has-collegian-border-top, .wp-block-column.has-collegian-border-top { border-top: 1px solid currentColor; border-right: 0; border-bottom: 0; border-left: 0; } .wp-block-group.has-collegian-border-right, .wp-block-columns.has-collegian-border-right, .wp-block-column.has-collegian-border-right { border-top: 0; border-right: 1px solid currentColor; border-bottom: 0; border-left: 0; } .wp-block-group.has-collegian-border-bottom, .wp-block-columns.has-collegian-border-bottom, .wp-block-column.has-collegian-border-bottom { border-top: 0; border-right: 0; border-bottom: 1px solid currentColor; border-left: 0; } .wp-block-group.has-collegian-border-left, .wp-block-columns.has-collegian-border-left, .wp-block-column.has-collegian-border-left { border-top: 0; border-right: 0; border-bottom: 0; border-left: 1px solid currentColor; } .wp-block-group.has-collegian-border-vertical, .wp-block-columns.has-collegian-border-vertical, .wp-block-column.has-collegian-border-vertical { border-top: 1px solid currentColor; border-right: 0; border-bottom: 1px solid currentColor; border-left: 0; } .wp-block-group.has-collegian-border-horizontal, .wp-block-columns.has-collegian-border-horizontal, .wp-block-column.has-collegian-border-horizontal { border-top: 0; border-right: 1px solid currentColor; border-bottom: 0; border-left: 1px solid currentColor; } /* Accessibility */ .screen-reader-label, .screen-reader-text, .screen-reader-text span, .screen-reader-shortcut { position: absolute !important; clip: rect(0, 0, 0, 0); height: 1px; width: 1px; border: 0; overflow: hidden; } .off_screen { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; padding: .5em; margin: .5em; } /* Misc –––––––––––––––––––––––––––––––––––––––––––––––––– */ hr { background-color: rgba(0, 0, 0, 0.15); margin: 0; padding: 0 !important; } .wp-block-separator { border-top: 0px solid; } iframe, img, .wp-caption.aligncenter { max-width: 100%; } .fa-phone { -webkit-transform: rotate(90deg); transform: rotate(90deg); } /* Self Clearing */ .container:after, .u-cf { content: ""; display: table; clear: both; } .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } * html .clearfix { zoom: 1; } /* IE6 */ *:first-child+html .clearfix { zoom: 1; }