@charset "UTF-8"; /* ##### INTRO ##### Last Updated: 4/10/2023 Sites that use this stylesheet (or its .min equivalent): - 4hanimalscience.rutgers.edu - bergen.njaes.rutgers.edu - burlington.njaes.rutgers.edu - camden-njaes.rutgers.edu - clearingagscholars.rutgers.edu [sebs] - cpe.rutgers.edu - cumberland.njaes.rutgers.edu - dafre.rutgers.edu [sebs] - essex.njaes.rutgers.edu - foodinnovation.rutgers.edu - gloucester.njaes.rutgers.edu - hsrl.rutgers.edu - hudson.njaes.rutgers.edu - humanecology.rutgers.edu [sebs] - hunterdon.njaes.rutgers.edu - innovate.njaes.rutgers.edu - landarch.rutgers.edu [sebs] - mercer.njaes.rutgers.edu - mnadrt.rutgers.edu [sebs] - monmouth.njaes.rutgers.edu - morris.njaes.rutgers.edu - ocean.njaes.rutgers.edu - ored.njaes.rutgers.edu - pemaruccicenter.rutgers.edu - passaic.njaes.rutgers.edu - patersongrowhealthy.rutgers.edu - njapplematurity.rutgers.edu - nj-vegetable-crops-online-resources.rutgers.edu - rah.rutgers.edu - salem.njaes.rutgers.edu - savethebats.rutgers.edu [sebs] - sussex.njaes.rutgers.edu - urbanag.rutgers.edu - warren.njaes.rutgers.edu - dev-njaes-templates.pantheonsite.io - dev-sebs-templates.pantheonsite.io [sebs] - dev-jcnerr.pantheonsite.io - dev-nj4h.pantheonsite.io - dev-organiclandcare.pantheonsite.io - dev-turf.pantheonsite.io - dev-envirostewards.pantheonsite.io - dev-nbcfarmersmarket.pantheonsite.io - dev-sebsnjaesresearch2.pantheonsite.io [sebs/njaes] - dev-herbarium2.pantheonsite.io/ [sebs] - dev-international2.pantheonsite.io/ [sebs] NOTE: This style sheet is inteded to be ued with WordPress sites using the Breakthrough Pro Genesis child theme. You must include the following code in the of the site: ##### NJAES UNIT STYLE TABLE OF CONTENTS ##### FONT STYLES Serif San Serif Condensed sans serif Icons BASIC HTML ELEMENTS Headers Links Misc Elements PAGE-WIDE STRUCTURE ELEMENTS Background Colors HEADER Uber-nav Rutgers Logo and Site Title MAIN NAV BREADCRUMBS CONTENT AREA Page Title, Supertitle, Subtitle Content Lists PRIMARY SIDEBAR (RIGHT) Widgets BUTTONS Link/Visited Focus/Hover Active MISC Visibility Classes Hidden (But still Accessible) Content Tables Multi-column Lists Social Media Soliloquy FooBox and Gallery Images With Links FooGallery Videos New Personnel Listing With Photo Old Personnel Listing With Photo Images Callouts Columns Block Quote Box Menu, Old Version Box Menu, List Version Linked Grid Personnel Linked Grid Navigation Block (is-vertical) Other FOOTER Footer Buttons HOMEPAGE Hero Image Featured Posts Columns BLOG PAGES MAJOR PAGE ELEMENT WIDTHS PRINT STYLE RESPONSIVE STEPS */ /* ##### FONT STYLES ##### */ /* Serif */ h1, h1.entry-title, h1.archive-title { font-family: 'Andada', serif; letter-spacing: 0; } /* Sans serif */ body, b, div, p, .site-title, h1.site-title, .site-container .wp-block-button__link, .single-post h3, .post .entry-content h2, .post .entry-content h3 { font-family: 'Open Sans', sans-serif; letter-spacing: 0; } /* Condensed sans serif */ h2, h3, h4, h5, h6, .widgettitle, .widget-title, #genesis-mobile-nav-primary, .genesis-nav-menu, .more, caption, #uber-nav a, .breadcrumb, .breadcrumb a, .footer-widgets #related-units li, .home .wp-block-columns .widget-title, .home .widget-title, .gb-block-post-grid .gb-block-post-grid-more-link { font-family: 'Roboto Condensed', 'Arial Narrow', 'HelveticaNeue-Condensed', 'Helvetica Narrow', Arial, sans-serif; letter-spacing: 0; } /* Icons */ .icon::before, .icon-post::after, .genesis-nav-menu .menu-item-has-children > a:after, .more a:after, #genesis-mobile-nav-primary:before, .wp-block-image > a:where(:focus, :hover)::after, .fbx-link:where(:focus, :hover)::after { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-family: 'Font Awesome 5 Free'; font-style: normal; font-variant: normal; font-weight: 900; } .icon::before { padding-right: .5rem; } .icon-post::after { padding-left: .5rem; } .icon-post.more::after { content: '\f105'; } .icon-post.more { font-weight: 600; } .i-alert { content: '\f071'; } .i-book-reader::before { content: '\f5da'; } .i-bullhorn::before { content: '\f0a1'; } .i-calendar::before { content: '\f073'; } .i-check::before, .checklist li::before { content: '\f00c '; } .i-clipboard::before { content: '\f46d'; } .i-clock::before { content: '\f017'; } .i-degree::before { content: '\f19d'; } .i-edit::before { content: '\f044'; } .i-email::before { content: '\f0e0'; } .i-fax::before { content: '\f1ac'; } .i-form::before { content: '\f044'; } .i-friends::before { content: '\f500'; } .i-globe::before { content: '\f0ac'; } .i-grid::before { content: '\f00a'; } .i-location::before { content: '\f3c5'; } .i-microscope::before { content: '\f610'; } .i-orgchart::before { content: '\f0e8'; } .i-people::before { content: '\f0c0'; } .i-person::before { content: '\f007'; } .i-phone::before { content: '\f095'; } .i-play::before { content: '\f04b'; } .i-scroll::before { content: '\f70e'; } .i-teacher::before { content: '\f51c'; } .i-university::before { content: '\f19c'; } .i-user-tie::before { content: '\f508'; } .i-van::before { content: '\f5b6';} /* ##### BASIC HTML ELEMENTS ##### */ body { background: white; color: #0a0a0a; font-size: 1rem; } /* Headers */ h1, h1.entry-title, h1.archive-title { font-size: 2rem; font-weight: normal; line-height: 1.25; margin: 0; text-align: left; } @media screen and (min-width: 40em) { h1, h1.entry-title, h1.archive-title { font-size: 3rem; } } h2, h3, h4, h5, h6 { color: #4f4f4f; font-weight: bold; line-height: 1.25; margin-bottom: .75rem; } h2, h2.entry-title, h3, .content h3 { font-size: 1.875rem; line-height: 1.25; } .single-post .post .entry-content h2, .single-post .post .entry-content h3 { font-size: 1.75rem; } h4, .single-post .post .entry-content h4, .archive .post .entry-content h2, .blog .post .entry-content h2, .category .post .entry-content h2, .archive .post .entry-content h3, .blog .post .entry-content h3, .category .post .entry-content h3 { font-size: 1.5rem; } h5, .single-post .post .entry-content h5, .archive .post .entry-content h4, .blog .post .entry-content h4, .category .post .entry-content h4 { font-size: 1.25rem; } h6, .single-post .post .entry-content h6, .archive .post .entry-content h5, .blog .post .entry-content h5, .category .post .entry-content h5 { font-size: 1.125rem; } .archive .post .entry-content h6, .blog .post .entry-content h6, .category .post .entry-content h6 { font-size: 1rem; } /* Links */ a { background-color: inherit; border: none; color: #005a7a; } a:visited { color: #9d36a3; } .dark-gray a:link, .dark-gray a:visited, .black a:link, .black a:visited, .red a:link, .red a:visited, .rccl-teal a:link, .rccl-teal a:visited, .rccl-blue a:link, .rccl-blue a:visited, .rccl-dk-gray a:link, .rccl-dk-gray a:visited, .rccl-black a:link, .rccl-black a:visited, .fourh-green a:link, .fourh-green a:visited, .rutgers-gray a:link, .rutgers-gray a:visited, .mid-gray a:link, .mid-gray a:visited, .dark-red a:link, .dark-red a:visited, .reverse a:link, .reverse a:visited { color: white; } a:focus, a:hover { text-decoration: underline; } a:focus, a:hover, .title-area:focus .site-title, .title-area:hover .site-title { color: #947200; transition: .25s ease-in-out; } :where(.dark-gray, .black, .red, .rccl-teal, .rccl-blue, .rccl-dk-gray, .rccl-black, .fourh-green, .rutgers-gray, .mid-gray, .dark-red, .reverse) a:focus, :where(.dark-gray, .black, .red, .rccl-teal, .rccl-blue, .rccl-dk-gray, .rccl-black, .fourh-green, .rutgers-gray, .mid-gray, .dark-red, .reverse) a:hover { background: #947200; } a:active, .title-area:active .site-title, .breadcrumb a:active, .entry-title a:active { color: #c03; transition: .25s ease-in-out; } :where(.dark-gray, .black, .red, .rccl-teal, .rccl-blue, .rccl-dk-gray, .rccl-black, .fourh-green, .rutgers-gray, .mid-gray, .dark-red, .reverse) a:active { background: white; color: #c03; } input:focus, input:hover { transition: .25s ease-in-out; } input:active { transition: .25s ease-in-out; } .force-underline { text-decoration: underline !important; } /* Misc Elements */ blockquote, blockquote p { color: #222; } figure { margin: 0; } a figure { overflow: hidden; } a:where(:focus, :hover) figure img { transition: .25s ease-in-out; transform: scale(1.05); } a:active figure img { transition: .25s ease-in-out; } figcaption { width: inherit; } img { height: auto; vertical-align: middle; } p { margin-bottom: 1rem; } p, li { line-height: 1.6; font-size: 1rem; } input[type=submit] { color: #222; } /* ##### PAGE-WIDE STRUCTURE ELEMENTS ##### */ .site-container { border: none; margin: auto; max-width: none; } /* Background Colors */ .wp-block-table.is-style-stripes thead th, .wp-block-table.is-style-stripes tbody tr:nth-child(even) td { background: white; } .wp-block-table.is-style-stripes tbody tr:nth-child(odd) td { background: #f6f6f6; } .rccl-lt-gray, body:not(.full-width-background) .site-container, #breadcrumb-wrapper, .breadcrumb-wrapper, .full-width-background .entry-content > .gb-block-container:not(.full-width), .full-width-background .entry-content > .wp-block-group:not(.full-width), .default, .home :where(.wp-block-group, .gb-block-container).default, .home .content > article > .entry-content, .callout, .home :where(.gb-block-columns, .gb-block-column, .wp-block-group, .gb-block-container) .callout, .sidebar-primary .widget-wrap, .home .wp-block-group.rccl-lt-gray, .home .gb-block-container.rccl-lt-gray, .gb-block-accordion .gb-accordion-title { background: #efefef; } .white, .full-width-background .entry-content > .wp-block-group:not(.full-width) > .wp-block-group__inner-container, .full-width-background .entry-content > .gb-block-container:not(.full-width) > .gb-container-inside, .home :where(.wp-block-column, .wp-block-group, .gb-block-container).white { background: white; color: #0a0a0a; } .slate, .slate.callout, .home :where(.wp-block-column, .wp-block-group, .gb-block-container).slate, .home :where(.wp-block-group, .gb-block-container) .slate, .home :where(.wp-block-group, .gb-block-container) .callout.slate { background: #f6f7f2; } .tan, .tan.callout, .home :where(.wp-block-column, .wp-block-group, .gb-block-container).tan, .home :where(.wp-block-group, .gb-block-container) .tan, .home :where(.wp-block-group, .gb-block-container) .callout.tan { background: #f5f1ea; } .dark-tan, .dark-tan.callout, .home :where(.wp-block-column, .wp-block-group, .gb-block-container).dark-tan, .home :where(.wp-block-group, .gb-block-container) .dark-tan, .home :where(.wp-block-group, .gb-block-container) .callout.dark-tan { background: #dfd2b3; } .dark-gray, .dark-gray.callout, .home :where(.wp-block-column, .wp-block-group, .gb-block-container).dark-gray, .home :where(.wp-block-group, .gb-block-container) .dark-gray, .home :where(.wp-block-group, .gb-block-container) .callout.dark-gray { background: #444; color: white; } .black, .black.callout, .home :where(.wp-block-column, .wp-block-group, .gb-block-container).black, .home :where(.wp-block-group, .gb-block-container) .black, .home :where(.wp-block-group, .gb-block-container) .callout.black { background: #222; color: white; } .red, .red.callout, .home :where(.wp-block-column, .wp-block-group, .gb-block-container).red, .home :where(.wp-block-group, .gb-block-container) .red, .home :where(.wp-block-group, .gb-block-container) .callout.red { background: #c03; color: white; } .rccl-teal, .rccl-teal.callout, .home :where(.wp-block-column, .wp-block-group, .gb-block-container).rccl-teal, .home :where(.wp-block-group, .gb-block-container) .rccl-teal, .home :where(.wp-block-group, .gb-block-container) .callout.rccl-teal { background: #00626d; color: white; } .rccl-blue, .rccl-blue.callout, .home :where(.wp-block-column, .wp-block-group, .gb-block-container).rccl-blue, .home :where(.wp-block-group, .gb-block-container) .rccl-blue, .home :where(.wp-block-group, .gb-block-container) .callout.rccl-blue { background: #007fac; color: white; } .rccl-dk-gray, .rccl-dk-gray.callout, .home :where(.wp-block-column, .wp-block-group, .gb-block-container).rccl-dk-gray, .home :where(.wp-block-group, .gb-block-container) .rccl-dk-gray, .home :where(.wp-block-group, .gb-block-container) .callout.rccl-dk-gray { background: #222; color: white; } .rccl-black, .rccl-black.callout, .home :where(.wp-block-column, .wp-block-group, .gb-block-container).rccl-black, .home :where(.wp-block-group, .gb-block-container) .rccl-black, .home :where(.wp-block-group, .gb-block-container) .callout.Crccl-blackOLOR { background: black; color: white; } .fourh-green, .fourh-green.callout, .home :where(.wp-block-column, .wp-block-group, .gb-block-container).fourh-green, .home :where(.wp-block-group, .gb-block-container) .fourh-green, .home :where(.wp-block-group, .gb-block-container) .callout.fourh-green { background: #2d8659; color: white; } .emergency, .emergency.callout, .home :where(.wp-block-column, .wp-block-group, .gb-block-container).emergency, .home :where(.wp-block-group, .gb-block-container) .emergency, .home :where(.wp-block-group, .gb-block-container) .callout.emergency { background: #ebb600; } .emergency p:last-of-type { margin-bottom: 0; } /* New Colors, 12/2022 */ .rutgers-gray, .rutgers-gray.callout, .home :where(.wp-block-column, .wp-block-group, .gb-block-container).rutgers-gray, .home :where(.wp-block-group, .gb-block-container) .rutgers-gray, .home :where(.wp-block-group, .gb-block-container) .callout.rutgers-gray { background: #6a757c; color: white; } .dark-red, .dark-red.callout, .home :where(.wp-block-column, .wp-block-group, .gb-block-container).dark-red, .home :where(.wp-block-group, .gb-block-container) .dark-red, .home :where(.wp-block-group, .gb-block-container) .callout.dark-red { background: #8e0d18; color: white; } .mid-gray, .mid-gray.callout, .home :where(.wp-block-column, .wp-block-group, .gb-block-container).mid-gray, .home :where(.wp-block-group, .gb-block-container) .mid-gray, .home :where(.wp-block-group, .gb-block-container) .callout.mid-gray { background: #666; color: white; } .pale-gray, .pale-gray.callout, .home :where(.wp-block-column, .wp-block-group, .gb-block-container).pale-gray, .home :where(.wp-block-group, .gb-block-container) .pale-gray, .home :where(.wp-block-group, .gb-block-container) .callout.pale-gray { background: #d8d8d8; } .mid-teal, .mid-teal.callout, .home :where(.wp-block-column, .wp-block-group, .gb-block-container).mid-teal, .home :where(.wp-block-group, .gb-block-container) .mid-teal, .home :where(.wp-block-group, .gb-block-container) .callout.mid-teal { background: #52a2a9; } .pale-teal, .pale-teal.callout, .home :where(.wp-block-column, .wp-block-group, .gb-block-container).pale-teal, .home :where(.wp-block-group, .gb-block-container) .pale-teal, .home :where(.wp-block-group, .gb-block-container) .callout.pale-teal { background: #87c3be; } .light-teal, .light-teal.callout, .home :where(.wp-block-column, .wp-block-group, .gb-block-container).light-teal, .home :where(.wp-block-group, .gb-block-container) .light-teal, .home :where(.wp-block-group, .gb-block-container) .callout.light-teal { background: #e3f3ef; } .mid-blue, .mid-blue.callout, .home :where(.wp-block-column, .wp-block-group, .gb-block-container).mid-blue, .home :where(.wp-block-group, .gb-block-container) .mid-blue, .home :where(.wp-block-group, .gb-block-container) .callout.mid-blue { background: #7dbfd6; } .pale-blue, .pale-blue.callout, .home :where(.wp-block-column, .wp-block-group, .gb-block-container).pale-blue, .home :where(.wp-block-group, .gb-block-container) .pale-blue, .home :where(.wp-block-group, .gb-block-container) .callout.pale-blue { background: #92d6e3; } .light-blue, .light-blue.callout, .home :where(.wp-block-column, .wp-block-group, .gb-block-container).light-blue, .home :where(.wp-block-group, .gb-block-container) .light-blue, .home :where(.wp-block-group, .gb-block-container) .callout.light-blue { background: #def0f9; } .mid-yellow, .mid-yellow.callout, .home :where(.wp-block-column, .wp-block-group, .gb-block-container).mid-yellow, .home :where(.wp-block-group, .gb-block-container) .mid-yellow, .home :where(.wp-block-group, .gb-block-container) .callout.mid-yellow { background: #f5d36a; } .pale-yellow, .pale-yellow.callout, .home :where(.wp-block-column, .wp-block-group, .gb-block-container).pale-yellow, .home :where(.wp-block-group, .gb-block-container) .pale-yellow, .home :where(.wp-block-group, .gb-block-container) .callout.pale-yellow { background: #fce48b; } .light-yellow, .light-yellow.callout, .home :where(.wp-block-column, .wp-block-group, .gb-block-container).light-yellow, .home :where(.wp-block-group, .gb-block-container) .light-yellow, .home :where(.wp-block-group, .gb-block-container) .callout.light-yellow { background: #fff6d4; } .callout h3 { border-bottom: solid 1px #6d645a; color: #c03; font-size: 1.625rem; font-weight: normal; margin: 0 0 1rem 0; padding: 0 0 .25rem 0; text-transform: none; } .content :where(.black, .mid-gray, .dark-gray, .red, .dark-red, .rccl-black, .rccl-dk-gray, .rccl-teal, .mid-teal, .rccl-blue, .mid-blue, .fourh-green, .rutgers-gray, .dark-red) :where(h2, h3, h4, h5, h6) { color: white; } .callout:where(.black, .mid-gray, .dark-gray, .red, .dark-red, .rccl-black, .rccl-dk-gray, .rccl-teal, .mid-teal, .rccl-blue, .mid-blue, .fourh-green, .rutgers-gray, .dark-red) h3 { color: white; border-bottom-color: white; } /* ##### HEADER ##### */ @media screen and (min-width: 40em) { /*medium & up*/ body > header { border-bottom: 8px solid #606060; } } .site-header { background: #c03; min-height: 0; padding-bottom: 0; padding-top: 0; top: 32px; z-index: 8; } .site-header .wrap { margin-bottom: 0; margin-top: 0; padding-bottom: 0; padding-top: 0; } .site-header > .wrap { border-bottom: none; min-height: 0; } /* Uber-nav */ .genesis-skip-link li { margin-bottom: 0; } #uber-nav-wrapper { background: transparent; height: auto; margin: 0 auto; overflow: hidden; position: static; top: 0; width: 100%; } #uber-nav, #uber-nav ul { background-color: inherit; } #uber-nav { display: flex; flex-wrap: wrap; justify-content: space-between; line-height: 2rem; margin: 0 auto; min-height: 2rem; padding-bottom: 0; padding-top: 0; } #uber-nav ul { margin: 0; } #uber-nav li { list-style-type: none; } #uber-nav ul, #uber-nav li, #uber-nav li a { font-size: .825rem; line-height: 2rem; } #uber-nav ul li { float: left; margin-bottom: 0; } #uber-nav ul li a { border-bottom: 2px solid transparent; color: white; display: block; font-weight: normal; line-height: 2rem; margin: 0; padding: 0 .5rem; text-decoration: none; text-transform: none; } #uber-nav ul li > a:hover, #uber-nav ul li > a:focus { color: #fc0; background-color: rgba(0,0,0,.3); border-bottom-color: #fc0; } #uber-nav ul li > a:active { background: rgba(255,255,255,.9); color: #c03; border-bottom-color: #c03; } #search { background: white; height: 1.5rem; margin: 5px 0 0 0; width: 9rem; } #search-text { border: none; box-shadow: none; display: inline-block; font-size: .75rem; height: auto; margin: 0 1rem 0 0; padding: 0 5px; position: relative; top: -4px; width: 6.5rem; } #search-text::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #4f4f4f /*med dk gray*/; } #search-text::-moz-placeholder { /* Firefox 19+ */ color: #4f4f4f /*med dk gray*/; opacity: 1; } #search-text:-ms-input-placeholder { /* IE 10+ */ color: #4f4f4f /*med dk gray*/; } #search-text:-moz-placeholder { /* Firefox 18- */ color: #4f4f4f /*med dk gray*/; } #search-text::-ms-input-placeholder { /* Edge */ color: #4f4f4f /*med dk gray*/; } #search-submit { background: white; border: none; box-shadow: none; color: #0a0a0a; cursor: pointer; display: inline-block; font-size: .875rem; height: 1rem; margin: 4px 0 0 0; opacity: 0.65; overflow: hidden; padding: 0; text-shadow: none; vertical-align: top; width: 1rem; } #search-submit:where(:focus, :hover) { opacity: 1; } @media screen and (min-width: 40em) { /*medium & up*/ .top-bar-right { margin: 0 .25rem 0 0; } .top-bar-left { margin: 0 0 0 20px; } } @media screen and (min-width: 75em) { /*x-large*/ .top-bar-right { margin: 0; } .top-bar-left { margin: 0; } } /* Rutgers Logo and Site Title */ #title-area-wrapper { background: white; float: none; margin-bottom: 0; margin-top: 0; padding-bottom: 1rem; padding-top: 1rem; text-align: center; width: 100%; } #title-area-wrapper a { text-decoration: none; } .title-area { display: block; float: none; } @media screen and (min-width: 48em) { .logo { align-items: center; display: flex; padding-bottom: 1.5rem; padding-top: 2rem; } #title-area-wrapper { padding-bottom: 0; padding-top: 0; text-align: left; } } .logo-rutgers, .rutgers-logo-wrapper { display: inline-block; width: 250px; } @media screen and (min-width: 36em) { .logo-rutgers, .rutgers-logo-wrapper { width: 300px; } } svg:not(:root) { overflow: hidden; } #rutgers-logo { height: auto; max-height: 85px; width: 100%; } .logo > .rutgers-logo-wrapper > #rutgers-logo { width: 100%; } .rutgers-logo__white { fill: #fff; } .rutgers-logo__primary { fill: #e31837; } .rutgers-logo__secondary { fill: #231f20; } .site-title { text-align: center; } .logo :where(h1, span).site-title, .logo span.site-title div, .archive-title { display: block; font-size: 1.6rem; font-weight: 300; line-height: 1.25; margin: 0; width: auto; } @media screen and (min-width: 36em) { .logo :where(h1, span).site-title { font-size: 2rem; } } @media screen and (min-width: 48em) { .logo :where(h1, span).site-title { border-left: 2px solid #cd0533; display: inline-block; margin-bottom: 10.3px; margin-left: 15px; padding-left: 15px; } .site-title { text-align: left; } } .logo :where(h1, span).site-title { border-color: #231f20; color: #231f20; } .site-title .units { display: block; font-size: .875rem; line-height: 1.4; } .site-header, .site-title { z-index: 8; } @media screen and (min-width: 40em) { /*medium & up*/ .wrap { margin-bottom: 0; margin-top: 0; } } .tagline { border-top: 1px solid #ccc; color: #231f20 !important; font-size: 1rem; font-style: italic; line-height: 1.3; margin-top: .5rem; padding-top: .5rem; } @media screen and (min-width: 48em) { /*medium & up*/ .tagline { border: none; font-size: 1.125rem; margin-left: 2rem; margin-top: 0; padding-top: 0; } } @media screen and (min-width: 64em) { .tagline { font-size: 1.25rem; } } /* ##### MAIN NAV ##### */ .genesis-nav-menu { font-size: 1rem; } .genesis-nav-menu .sub-menu a { font-size: .95rem; } .site-header .nav-primary { background-color: #404040; float: none; } .genesis-nav-menu { font-weight: normal; margin-bottom: 0; } .genesis-nav-menu > li { display: block; padding: 0; } .nav-primary, .nav-primary a { color: white; } .nav-primary .genesis-nav-menu li { padding-left: 0; padding-right: 0; } .genesis-responsive-menu .genesis-nav-menu .menu-item a { border-bottom: 2px solid transparent; border-top: 2px solid transparent; line-height: 1; margin: 0; padding: 1rem 5%; } @media screen and (min-width: 64em) { .nav-primary .genesis-nav-menu li { border-top: none; padding-left: 0; padding-right: 0; } .genesis-responsive-menu .genesis-nav-menu .menu-item a { padding-left: 1rem; padding-right: 1rem; } } .genesis-nav-menu .sub-menu, .nav-primary .submenu { background: rgba(0,0,0,.2); border: none; margin: 0; } .genesis-responsive-menu .genesis-nav-menu .sub-menu { padding-left: 2rem; } .nav-primary .genesis-nav-menu .sub-menu li a { background: inherit; border-top: 2px solid transparent; border-bottom: 2px solid rgba(0,0,0,.1); color: inherit; padding: .75rem; } .nav-primary .genesis-nav-menu a:focus, .nav-primary .genesis-nav-menu a:hover, .nav-primary .genesis-nav-menu .current-menu-item > a, .nav-primary .genesis-nav-menu .sub-menu a:focus, .nav-primary .genesis-nav-menu .sub-menu a:hover, .nav-primary .genesis-nav-menu .sub-menu .current-menu-item a, .nav-primary .genesis-nav-menu .sub-menu .current-menu-item a:focus, .nav-primary .genesis-nav-menu .sub-menu .current-menu-item a:hover { background-color: rgba(0,0,0,.3); border-top: 2px solid transparent; border-bottom: 2px solid #ebb600; color: #ebb600; } .nav-primary .genesis-nav-menu a:active, .nav-primary .genesis-nav-menu .sub-menu li a:active { background-color: rgba(255,255,255,.7); border-top: 2px solid transparent; border-bottom: 2px solid #c03; color: #c03; } .genesis-nav-menu .sub-menu .sub-menu { margin-top: -48px; } @media only screen and (min-width: 48em) { .nav-primary { padding-bottom: 0; padding-top: 0; } .nav-primary .genesis-nav-menu.responsive-menu .sub-menu, .genesis-nav-menu.responsive-menu .sub-menu { background: none; } .responsive-menu-icon::before { content: "\f333"; display: inline; font-size: 1.4rem; margin-left: .25rem; margin-right: .25rem; padding: 0; text-align: left; vertical-align: text-top; } .genesis-nav-menu.responsive-menu .sub-menu li a { width: 80%; } .genesis-nav-menu.responsive-menu .sub-menu li a:where(:focus, :hover) { background-color: #ebb600; border-left: none; border-right: none; border-top: none; border-bottom: 1px solid #4f4f4f; color: black; } } #genesis-mobile-nav-primary { background: #333 !important; color: white !important; float: none; font-size: 1rem; margin-bottom: 0; min-height: 0; padding-bottom: .625rem; padding-top: .5rem; text-transform: uppercase; } #genesis-mobile-nav-primary:before { content: "\f0c9"; } @media only screen and (min-width: 40em) { #genesis-mobile-nav-primary { float: left; } } .sub-menu-toggle { background: rgba(0,0,0,.2); color: white; } .menu-toggle:where(:focus, :hover), .sub-menu-toggle:where(:focus, :hover) { background: #ebb600; color: white; } :where(.menu-toggle, .sub-menu-toggle):active { background: #c03; border: none; color: white; } #genesis-mobile-nav-primary { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; text-align: center; } @media only screen and (min-width: 64em) { .nav-primary .genesis-nav-menu .menu-item-has-children a:where(:focus, :hover) { border-bottom: 2px solid transparent; } .genesis-nav-menu .sub-menu, .nav-primary .submenu { background: #333; border-top: 2px solid #ebb600; } .genesis-responsive-menu .genesis-nav-menu .sub-menu { padding-left: 0; } .genesis-responsive-menu .genesis-nav-menu .sub-menu a, .genesis-responsive-menu .genesis-nav-menu .sub-menu a:where(:focus, :hover, :active) { border-left: none; border-right: none; } .genesis-nav-menu .menu-item-has-children > a:after { color: inherit; content: "\f107"; display: inline; font-size: 1rem; padding: 0 .35rem; text-decoration: none; vertical-align: -1px; } .genesis-nav-menu li li.menu-item-has-children > a:after { content: "\f105"; font-size: 1.125rem; padding: .35rem; vertical-align: -2px; } } .genesis-responsive-menu .genesis-nav-menu .menu-item a { margin-bottom: 0; } /* ##### BREADCRUMBS ##### */ .full-width-background :where(.breadcrumb-wrapper, #breadcrumb-wrapper) { background: white; } .breadcrumb { background: white; font-size: .875rem; margin-bottom: 0; padding-bottom: 1rem; padding-top: 2rem; text-align: left; text-transform: uppercase; width: 100%; } .breadcrumb, .breadcrumb a:where(:link, :visited) { color: #6d645a; } .breadcrumb a:where(:focus, :hover) { color: #947200; } .breadcrumb a:active { color: #c03; } /* ##### CONTENT AREA ##### */ .site-inner { background-color: white; border: 0; clear: both; margin-top: 0; padding-bottom: 1.5rem; padding-top: 0; } .site-inner > .wrap { background: white; border: none; } .widget .widget-title, .widget-title { color: #0a0a0a; } /* Page Title, Supertitle, Subtitle */ #breakthrough-page-title { background: white; margin-bottom: 0; margin-top: 0; } .supertitle, .subtitle { color: #6d645a /*dk gray*/; font-size: 1.5rem; line-height: 1.25; } .subtitle { margin-bottom: 0; margin-top: 0; } h1.entry-title { margin: 0; text-align: left; } /* Content */ .content { background: white; border: none; margin-bottom: 0; overflow: hidden; } .content, :where(.full-width-content, .content-sidebar) .content, .sidebar-primary { margin-top: 1.5rem; } .content .fi-rss:before { /* ### This needs updating for font-awesome */ color: orange; } .content .fab { font-size: 1.7rem; } .content .entry, .content .entry .entry-header { border: none; box-shadow: none; margin: 0; padding: 0; } .content .entry .entry-header { background-color: inherit; } .content .entry .entry-header .entry-meta { text-transform: uppercase; font-size: .75rem; } .entry-meta .entry-author-name, .entry-meta .entry-time { font-weight: normal; } h3.entry-title { font-size: 2rem; line-height: 1.25; } @media screen and (min-width: 40em) { h3.entry-title { font-size: 2.25rem; } } .content .entry-content { padding-top: 0; padding-bottom: 0; } .has-featured-image .entry-content { margin-top: 0; } .featuredpost .entry-content { background: none; } /* ##### PRIMARY SIDEBAR (RIGHT) ##### */ /* Widgets */ .sidebar .widget { padding-bottom: 0; } .no-nav .sidebar-primary { display: none; } .sidebar-primary { margin-bottom: 1rem; padding: 0; text-align: left; } .sidebar-primary .widget-wrap { margin-bottom: 1rem; padding: 1rem 1.5rem 1rem 1.5rem; } .sidebar .widget { border: none; box-shadow: none; padding: 0; } .widget-title, .widget .widget-title, .sidebar-primary h3, .sidebar-primary h3.widgettitle, :where(.sidebar-primary, .sidebar-secondary) .widgettitle, .sidebar-secondary .widgettitle a { border-bottom: solid 1px #6d645a; color: #c03; font-size: 1.625rem; font-weight: normal; margin: 0 0 1rem 0; padding: 0 0 .25rem 0; text-transform: none; } .widget .widget { margin-bottom: 1rem; } /* ##### BUTTONS ##### */ /* Link/Visited */ input[type="button"], input[type="reset"], input[type="submit"], button:not(.sub-menu-toggle), a:where(:link, :visited) .button, .gb-button:where(:link, :visited), .site-container .wp-block-button a:where(:link, :visited), .site-container .wp-block-button__link, .site-container .wp-block-button__link:where(:link, :visited), .more-from-category a:where(:link, :visited), .box-menu > li a, .wp-block-file .wp-block-file__button { background: transparent !important; /*required to overwrite element style*/ border: 2px solid #c03; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; box-shadow: none; color: #0a0a0a !important; /*required to overwrite element style*/ font-size: .875rem; font-weight: bold; letter-spacing: 0; line-height: 1.3 !important; padding: 1rem 1.5rem; text-decoration: none; text-shadow: none; text-transform: none; } .gb-share-list a { text-decoration: none; } .wp-block-file .wp-block-file__button { padding: .75rem 1rem; } .gb-button { text-decoration: none !important; } .gb-button.full-width, .wp-block-buttons { margin-bottom: 1rem; } .gb-button.gb-button-size-small { font-size: .875rem; } .gb-button.gb-button-size-medium { font-size: 1rem; padding: .875rem; } .gb-button.gb-button-size-large { font-size: 1.25rem; padding: 1.125rem; } .gb-button.gb-button-size-extralarge { font-size: 1.5rem; padding: 1.375rem; } /*.alert.gb-button { background-color: #c03; }*/ .reverse input[type="button"], .reverse input[type="reset"], .reverse input[type="submit"], .reverse button, .reverse a:where(:link, :visited) .button, .reverse .gb-button:where(:link, :visited), .site-container .reverse .wp-block-button a:where(:link, :visited), .site-container .reverse .wp-block-button__link, .site-container .reverse .wp-block-button__link:where(:link, :visited), .reverse .more-from-category a:where(:link, :visited) { border-color: white; color: white !important; /*required to overwrite element style*/ } /* Focus/Hover */ input[type="button"]:where(:focus, :hover), input[type="reset"]:where(:focus, :hover), input[type="submit"]:where(:focus, :hover), button:where(:focus, :hover), a:where(:focus, :hover) .button, .gb-button:where(:focus, :hover), .site-container .wp-block-button a:where(:focus, :hover), .site-container .wp-block-button__link:where(:focus, :hover), .more-from-category a:where(:focus, :hover), .reverse input[type="button"]:where(:focus, :hover), .reverse input[type="reset"]:where(:focus, :hover), .reverse input[type="submit"]:where(:focus, :hover), .reverse button:where(:focus, :hover), .reverse a:where(:focus, :hover) .button, .reverse .gb-button:where(:focus, :hover), .site-container .reverse .wp-block-button a:where(:focus, :hover), .site-container .reverse .wp-block-button__link:where(:focus, :hover), .reverse .more-from-category a:where(:focus, :hover), .box-menu > li a:where(:focus, :hover), .wp-block-file .wp-block-file__button:where(:focus, :hover) { background: #f9e7bf !important; /*required to overwrite element style*/ border-color: #947200; color: #947200 !important; /*required to overwrite element style*/ } /* Active */ input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active, button:active, a:active .button, .gb-button:active, .site-container .wp-block-button a:active, .site-container .wp-block-button__link:active, .more-from-category a:active, .box-menu > li a:active, .wp-block-file .wp-block-file__button:active { background: #c03 !important; /*required to overwrite element style*/ border-color: #c03; color: white !important; /*required to overwrite element style*/ } .reverse input[type="button"]:active, .reverse input[type="reset"]:active, .reverse input[type="submit"]:active, .reverse button:active, .reverse a:active .button, .reverse .gb-button:active, .site-container .reverse .wp-block-button a:active, .site-container .reverse .wp-block-button__link:active, .reverse .more-from-category a:active { background: #c03 !important; /*required to overwrite element style*/ border-color: white; color: white !important; /*required to overwrite element style*/ } /* ##### MISC ##### */ .genesis-skip-link a { color: #0a0a0a; } .site-inner.menu-list { list-style-type: disc; } .site-inner.menu-list li { border-bottom: none !important; border-top: none !important; } .left { display: block; float: left; } .right { display: block; float: right; } .center { /* You MUST give the element a width. */ display: block; margin: 0 auto 1rem auto; max-width: 100%; width: 100%; } .centered-text { text-align: center; } .right-text { text-align: right; } .full-width { display: block; width: 100%; } .fileinfo { font-size: .7rem; display: inline; } .footnote { font-size: .75rem; } .important { color: #c03; font-style: italic; font-weight: bold; } .more { font-weight: bold; margin-bottom: .5rem; text-align: right; } .more, .more a { text-decoration: none; } .wp-block-image { margin-bottom: 0; } .transparent, /*.home .gb-block-container.transparent,*/ .full-width-background :where(.wp-block-group, .gb-block-container).transparent { padding: 0; } /* Visibility Classes */ @media screen and (max-width: 39.999999em) { /* Small Only */ .hide-for-small-only, .show-for-medium, .show-for-medium-only, .show-for-large, .show-for-large-only { display: none !important; } } @media screen and (min-width: 40em) { /* Medium and Up */ .hide-for-small-only { display: inherit !important; } .hide-for-medium, .show-for-small-only, .show-for-large-only { display: none !important; } .show-for-medium { display: inherit !important; } } @media screen and (min-width: 40em) and (max-width: 63.99999em) { /* Medium Only */ .hide-for-medium-only, .show-for-large { display: none !important; } .show-for-medium-only { display: inherit !important; } } @media screen and (min-width: 64em) { /* Large and Up */ .hide-for-medium-only .show-for-large, .show-for-large-only { display: inherit !important; } .hide-for-large, .hide-for-large-only, .show-for-medium-only { display: none !important; } } /* Hidden (But still Accessible) Content */ .visually-hide, .vh, .site-footer .widget .widget-title, .hide-header thead { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .visually-hide.focusable:where(:active, :focus), .vh.focusable:where(:active, :focus) { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } /* Tables */ table { word-break: normal; } table caption { font-size: 1.75rem; font-weight: bold; padding: 0; text-align: left; } td, th { line-height: 1.6; } .table-small :where(td, input, select) { font-size: .75rem; } /* Lists */ ol, ul { margin-left: 2rem; margin-bottom: .5rem; } li { list-style-type: disc; margin-bottom: .5rem; } li ol, li ul { margin-top: .5rem; } ol.menu-list > li { list-style-type: disc; } ol.menu-list > li li { list-style-type: circle; } ul ol > li, .entry-content ul ol > li { list-style-type: lower-alpha; } ol ol > li, .entry-content ol ol > li { list-style-type: lower-latin; } li { line-height: 1.6rem; } .content .program-area-section .menu-list { list-style-type: none; } .sidebar-primary .callout :where(.widget, .widget-wrap) { margin-bottom: 0; } .sidebar-primary .callout .widget-wrap :where(ol, ul) { margin-bottom: .5rem; } .widget .menu, .sidebar-primary :where(ol, ul) { margin-left: 2rem; } .sidebar-primary li, .sidebar-primary .menu li { border-bottom: none; list-style-position: outside; margin: 0 0 .5rem; padding-bottom: 0; text-indent: 0; } .sidebar-primary .menu li { line-height: 1.25; } .sidebar-primary ol > li { list-style-position: outside; padding-left: 0; text-indent: 0; } .sidebar-primary .menu > li { padding: 0; } .sidebar-primary li li, .sidebar-primary .menu li li { margin: 0 0 .5rem 0; } .sidebar-primary li ul li, .sidebar-primary .menu li ul li { list-style-type: circle; } .events ul { list-style-type: none; margin-left: 0; } .events li a { font-weight: normal; } .spaced > li { margin-bottom: 1rem; } .spaced :where(ol, ul) { margin-top: 1rem; } :where(ol, ul).lined { border-top: 1px solid #efefef; list-style-type: none; margin-left: 0; } .callout :where(ol, ul).lined { border-top-color: #999; } .callout :where(ol, ul).lined.reverse { border-top-color: white; } .entry-content ul.lined > li { border-bottom: 1px solid #efefef; list-style-type: none; margin-bottom: 0; padding: .625rem 0; } .entry-content .callout ul.lined > li { border-bottom-color: #999; } .entry-content .callout ul.lined.reverse > li { border-bottom-color: white; } .entry-content .lined.reverse.links-only li { padding: 0; } .lined.reverse.links-only a:where(:link, :visited) { display: block; padding: .625rem .125rem; text-decoration: none; } /* Multi-column Lists */ @media screen and (min-width: 40em) { /*medium & up*/ .list-columns-2 { -webkit-column-count: 2; /* Chrome, Safari, Opera */ -moz-column-count: 2; /* Firefox */ column-count: 2; column-gap: 2rem; } .list-columns-2 li { break-inside: avoid; font-weight: normal; line-height: 2rem; page-break-inside: avoid; -webkit-column-break-inside: avoid; } } .menu-list .list-columns-2 { list-style: inside none none; } /* Social Media */ /* Genesis Social Block Icons */ .wp-block-social-links, .wp-block-social-links.has-normal-icon-size, li.wp-block-social-link { font-size: 36px; } .wp-block-social-links.has-visible-labels, .wp-block-social-links.has-visible-labels li.wp-block-social-link { font-size: 20px; } @media screen and (min-width: 64em) { /*large & up*/ .wp-block-social-links.has-visible-labels, .wp-block-social-links.has-visible-labels li.wp-block-social-link { font-size: 30px; } } li.wp-block-social-link { overflow: hidden; } .wp-block-social-link:focus, .wp-block-social-link:hover { transform: none; } .wp-block-social-links:not(.is-style-logos-only) .wp-block-social-link .wp-block-social-link-anchor:where(:focus, :hover) { background-color: #947200; } .wp-block-social-links.is-style-logos-only .wp-block-social-link .wp-block-social-link-anchor:where(:focus, :hover) { color: #947200; } .wp-block-social-links:not(.is-style-logos-only) .wp-block-social-link .wp-block-social-link-anchor:active { background-color: #c03; } .wp-block-social-links.is-style-logos-only .wp-block-social-link .wp-block-social-link-anchor:active { color: #c03; } /* Regular icons */ .social :where(.content, .widget) .social { line-height: 1; margin: 0; vertical-align: middle; } .social li, .widget .social li { display: inline-block; margin-bottom: 0; padding: 0; text-indent: 0; } .social a { margin-right: .75rem; text-decoration: none; } .social i { margin-right: .25rem; vertical-align: middle; } .social .text { vertical-align: middle; } /* Soliloquy */ .soliloquy-controls a { color: white; } .soliloquy-pager-item span { /* Required to fix contrast errors */ background-color: black !important; color: white !important; } /* FooBox and Gallery Images With Links */ .wp-block-image > a, .wp-block-image > figure > a { background-color: black; display: block; height: 100%; overflow: hidden; position: relative; width: 100%; } .wp-block-image > a:where(:focus, :hover)::after, .wp-block-image > figure > a:where(:focus, :hover)::after { color: white; font-size: 2rem; position: absolute; bottom: calc(50% - 1rem); left: calc(50% - 1rem); } .wp-block-image > a:where(:focus, :hover)::after, .wp-block-image > figure > a:where(:focus, :hover)::after { content: "\f35d"; /* Box with arrow pointing out */ } .wp-block-image > a.fbx-link:where(:focus, :hover)::after, .wp-block-image > figure > a.fbx-link:where(:focus, :hover)::after { content: "\f00e"; /* Magnifying glass with plus sign */ } .wp-block-image > a:where(:focus, :hover) img, .wp-block-image > figure > a:where(:focus, :hover) img, .wp-block-image > a.fbx-link:where(:focus, :hover) img, .wp-block-image > figure > a.fbx-link:where(:focus, :hover) img { opacity: .4; transform: scale(1.05); transition: .25s ease-in-out; } .wp-block-image > a:active img, .wp-block-image > figure > a:active img { opacity: 1; transform: scale(1.05); transition: .25s ease-in-out; } .wp-block-gallery.has-nested-images figure.wp-block-image figcaption { background: linear-gradient(0deg,rgba(0,0,0,1),rgba(0,0,0,.5) 99%,transparent); font-size: 1rem; padding: .125rem .5rem; } .wp-block-gallery.has-nested-images.gallery-nav figure.wp-block-image figcaption { font-size: 1rem; font-style: normal; font-weight: bold; text-align: left; } .hide-captions-for-thumbnails figcaption { display: none; } /* Overrides for logos in columns */ .logos.wp-block-image > a, .logos .wp-block-image > a, .logos.wp-block-image > figure > a { background-color: transparent; } .logos.wp-block-image > a:where(:focus, :hover) img, .logos .wp-block-image > a:where(:focus, :hover) img, .logos.wp-block-image > figure > a:where(:focus, :hover) img { opacity: 1; } .logos.wp-block-image > a:where(:focus, :hover)::after, .logos .wp-block-image > a:where(:focus, :hover)::after, .logos.wp-block-image > figure > a:where(:focus, :hover)::after { content: none; } /* FooGallery */ .foogallery, .foogallery.fg-masonry { margin-bottom: 1rem; } .fg-default.fg-gutter-10 { margin-bottom: 0 !important; } .fg-simple_portfolio.fg-dark .fg-caption { color: #f8f5f0; } .fg-masonry.fg-captions-bottom:where(.fg-dark, .fg-light) .fg-caption { color: #4f4f4f !important; } /* Videos */ /* This was probably added for the 4-H redesign */ /*videos in main content section*/ /* .content .video_lightbox_auto_anchor_image, .content .wpvl_auto_thumb_box { height: 480px; width: 640px; } .content .wpvl_auto_thumb_play { left: 300px; top: 210px; } */ /*videos in widget*/ /* .textwidget .video_lightbox_auto_anchor_image, .textwidget .wpvl_auto_thumb_box { height: 240px; width: 320px; } .textwidget .wpvl_auto_thumb_play { left: 140px; top: 100px; } */ /* New Personnel Listing With Photo */ /* This version using the "Profile" block from the Genesis Blocks plugin. */ .gb-block-profile { background: #f6f6f6 !important; } .gb-block-profile, .gb-profile-name, .gb-profile-title { color: #0a0a0a !important; } /* Old Personnel Listing With Photo */ /* .person { clear: both; } .person p, .person ul { margin-left: 170px; } .person li { margin-left: 30px; } .person img { float: left; height: auto; padding-right: 10px; width: 150px; } */ @media print, screen and (min-width: 40em) { /*medium & up*/ /* .content .people img { display: block; float: left; height: auto; margin: 0 1rem 1rem 0; width: 125px; } .content .people span { margin-left: 155px; } */ } /* Images */ img.centered, .aligncenter { margin-bottom: 1rem; } .wp-block-image, .wp-block-media-text .wp-block-media-text__media { margin-bottom: 1rem; } @media screen and (max-width: 600px) { .wp-block-media-text .wp-block-media-text__content { padding-left: 0; padding-right: 0; } } .wp-block-image.size-full img { display: block; } .wp-block-gallery { background: white; margin-bottom: 2rem; } .content .blocks-gallery-grid { margin-bottom: 0; } .blocks-gallery-grid.columns-2 :where(.blocks-gallery-image, .blocks-gallery-item), .wp-block-gallery.columns-2 :where(.blocks-gallery-image, .blocks-gallery-item) { width: calc(50% - 3px); margin-right: 3px; } .blocks-gallery-grid.columns-3 :where(.blocks-gallery-image, .blocks-gallery-item), .wp-block-gallery.columns-3 :where(.blocks-gallery-image, .blocks-gallery-item) { width: calc(33.33333% - 2px); margin-right: 3px; } .blocks-gallery-grid.columns-4 :where(.blocks-gallery-image, .blocks-gallery-item), .wp-block-gallery.columns-4 :where(.blocks-gallery-image, .blocks-gallery-item) { width: calc(25% - 2.25px); margin-right: 3px; } .blocks-gallery-grid.columns-5 :where(.blocks-gallery-image, .blocks-gallery-item), .wp-block-gallery.columns-5 :where(.blocks-gallery-image, .blocks-gallery-item) { width: calc(20% - 2.4px); margin-right: 3px; } .blocks-gallery-grid :where(.blocks-gallery-image, .blocks-gallery-item):last-of-type, .wp-block-gallery :where(.blocks-gallery-image, .blocks-gallery-item):last-of-type { margin-right: 0; } .blocks-gallery-grid .blocks-gallery-item { margin-bottom: 0; } /* Callouts */ .callout { padding: 2rem; } .callout .widget-wrap { padding: 0; } .site-container .wp-block-columns, .wp-block-container, .callout { margin-bottom: 2rem; } .wp-block-column.callout { margin-bottom: 0; } /* Columns */ @media screen and (max-width: 48.89999em) { .site-container .wp-block-columns { margin-bottom: 2rem; } .site-container .wp-block-column { margin-bottom: 2rem; } .site-container .wp-block-column:last-of-type { margin-bottom: 0; } } /* Block Quote */ .site-container :where(.wp-block-quote, .wp-block-pullquote).is-style-large cite { font-style: italic; } /* Box Menu, Old Version */ .box-menu.wp-block-columns { flex-direction: column; } .box-menu :where(.wp-block-buttons, .wp-block-button, .wp-block-button__link, .gb-block-button, .gb-button) { height: 100%; width: 100%; } .box-menu .wp-block-button { margin-bottom: 1px; } .box-menu .gb-block-button { margin-bottom: .25rem; } .site-container .box-menu .gb-block-button a { font-size: 1.25rem; text-align: center; text-transform: none; } .box-menu .wp-block-button a:where(:focus, :hover), .site-container .wp-block-button__link:where(:focus, :hover), .box-menu .gb-block-button a:where(:focus, :hover), .site-container .gb-button:where(:focus, :hover) { box-shadow: none; text-decoration: none; } @media screen and (max-width: 48.89999em) { .site-container .box-menu .wp-block-column { margin-bottom: 1px; } } @media screen and (min-width: 600px) and (max-width: 781px) { .box-menu .wp-block-column:nth-child(2n) { margin-left: 0; } .box-menu.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column:nth-child(2n) { margin-left: 0; } .box-menu.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column:not(:only-child) { flex-grow: 0; } } @media screen and (min-width: 600px) { .box-menu .wp-block-column:not(:only-child) { flex-basis: 100%!important; } } @media screen and (min-width: 782px) { .box-menu.wp-block-columns { flex-direction: row; } .box-menu :where(.wp-block-button, .gb-block-button) { margin-bottom: 1rem; } .site-container .box-menu :where(.wp-block-button__link, .gb-button) { align-items: center; display: flex; justify-content: center; } } /* Box Menu, List Version */ .entry-content :where(ol, ul).box-menu { list-style-type: none; margin-left: 0 } .box-menu li { display: block; margin-bottom: 1rem; } .box-menu li a { display: block; font-size: 1.25rem; font-weight: bold; padding: 1rem; text-align: center; text-decoration: none; width: 100%; } @media screen and (min-width: 48em) { :where(ol, ul).box-menu { display: grid; gap: 2rem; } .box-menu:where(.grid-width-2, .grid-width-4, .grid-width-5) { grid-template-columns: repeat(2, 1fr); } .box-menu:where(.grid-width-3, .grid-width-6) { grid-template-columns: repeat(3, 1fr); } .box-menu li { align-items: center; display: flex; justify-content: center; min-height: 5rem; margin-bottom: 0; } .box-menu.grid-width-3 li, .box-menu:where(.grid-width-2, .grid-width-4, .grid-width-5) li:nth-child(odd), .box-menu.grid-width-6 li { } .box-menu:where(.grid-width-3, .grid-width-6) li:nth-child(3n) { } .box-menu li a { align-items: center; display: flex; height: 100%; justify-content: center; padding: 1rem; text-align: center; } .box-menu.centered-text li a { padding: 1rem; text-align: center; } } @media screen and (min-width: 64em) { .box-menu.grid-width-4 { grid-template-columns: repeat(4, 1fr); } .box-menu:where(.grid-width-4, .grid-width-5, .grid-width-6) li { } .box-menu.grid-width-4 li:nth-child(4n), .box-menu.grid-width-5 li:nth-child(5n), .box-menu.grid-width-6 li:nth-child(6n) { } .box-menu.grid-width-5 { grid-template-columns: repeat(5, 1fr); } .box-menu.grid-width-6 { grid-template-columns: repeat(36, 1fr); } } /* Linked Grid */ :where(ol, ul).linked-grid { list-style-type: none; margin-left: 0 } .linked-grid li { border-bottom: 1px solid #e3e3e3; display: block; margin-bottom: 0; } .linked-grid li a { display: block; font-size: 1.125rem; font-weight: bold; padding: 1rem 0; text-decoration: none; width: 100%; } .linked-grid li a:where(:link, :visited) { color: #0a0a0a; } .linked-grid li a:where(:focus, :hover) { background: #947200; color: white; transition: .25s ease-in-out; } .linked-grid li a:active { background: #c03; transition: .25s ease-in-out; } @media screen and (min-width: 48em) { .linked-grid { border-top: 1px solid #e3e3e3; display: grid; } .linked-grid:where(.grid-width-2, .grid-width-4, .grid-width-5) { grid-template-columns: 50% 50%; } .linked-grid:where(.grid-width-3, .grid-width-6) { grid-template-columns: 33.333% 33.333% 33.333%; } .linked-grid li { align-items: center; border-bottom: 1px solid #e3e3e3; display: flex; justify-content: center; height: 7rem; } .linked-grid.grid-width-3 li, .linked-grid:where(.grid-width-2, .grid-width-4, .grid-width-5) li:nth-child(odd), .linked-grid.grid-width-6 li { border-right: 1px solid #e3e3e3; } .linked-grid:where(.grid-width-3, .grid-width-6) li:nth-child(3n) { border-right: none; } .linked-grid li a { /*align-self: center;*/ height: 100%; padding: 1rem; text-align: left; align-items: center; display: flex; justify-content: center; } .linked-grid.centered-text li a { padding: 1rem; text-align: center; } } @media screen and (min-width: 64em) { .linked-grid.grid-width-4 { grid-template-columns: 25% 25% 25% 25%; } .linked-grid:where(.grid-width-4, .grid-width-5, .grid-width-6) li { border-right: 1px solid #e3e3e3; } .linked-grid.grid-width-4 li:nth-child(4n), .linked-grid.grid-width-5 li:nth-child(5n), .linked-grid.grid-width-6 li:nth-child(6n) { border-right: none; } .linked-grid.grid-width-5 { grid-template-columns: 20% 20% 20% 20% 20%; } .linked-grid.grid-width-6 { grid-template-columns: 16.666% 16.666% 16.666% 16.666% 16.666% 16.666%; } } /* Personnel Linked Grid */ .wp-block-group.linked-grid .gb-block-profile { display: block; padding: 0; } .wp-block-group.linked-grid .gb-profile-avatar-wrap { max-width: none; padding: 0; width: 100%; } .wp-block-group.linked-grid .gb-profile-content-wrap { padding: 2rem; } @media screen and (min-width: 48em) { .wp-block-group.linked-grid { border: none; display: block; } .wp-block-group.linked-grid .wp-block-group__inner-container { column-gap: 1rem; display: grid; grid-template-columns: repeat(2, 1fr); } .wp-block-group.linked-grid .gb-block-profile { align-items: center; display: block; justify-content: center; } .wp-block-group.linked-grid .gb-block-profile { margin-bottom: 1rem } } @media screen and (min-width: 64em) { .wp-block-group.linked-grid.grid-width-2 .wp-block-group__inner-container { grid-template-columns: repeat(2, 1fr); } .wp-block-group.linked-grid.grid-width-3 .wp-block-group__inner-container { grid-template-columns: repeat(3, 1fr); } .wp-block-group.linked-grid.grid-width-4 .wp-block-group__inner-container { grid-template-columns: repeat(4, 1fr); } } /* Genesis Blocks - Accordion Block */ .gb-block-accordion { margin-bottom: 1rem; } .gb-block-accordion .gb-accordion-title { padding: .25rem .5rem; } .gb-block-accordion .gb-accordion-title:where(:focus, :hover) { background: #f9e7bf; color: #947200; cursor: pointer; transition: .25s ease-in-out; } .gb-block-accordion .gb-accordion-title:active { background: #c03; color: white; transition: .25s ease-in-out; } /* Navigation Block (is-vertical) */ .wp-container-2.wp-block-navigation.is-vertical, .wp-block-navigation.is-vertical .wp-block-navigation__container { display: block; } .wp-block-navigation.is-vertical ul, .wp-block-navigation.is-vertical ul li { list-style: disc outside; } .wp-block-navigation.is-vertical .wp-block-navigation-item { position: static; } .wp-block-navigation.is-vertical ul { margin-left: 40px; } .wp-block-navigation.is-vertical .wp-block-navigation-item, .wp-block-navigation.is-vertical ul li { display: list-item; } .wp-block-navigation.is-vertical li a { text-decoration: underline !important; } .wp-block-navigation.is-vertical li a:link { color: #005a7a; } .wp-block-navigation.is-vertical li a:visited { color: #9d36a3; } .wp-block-navigation.is-vertical li a:where(:focus, :hover) { color: #947200; } .wp-block-navigation.is-vertical li a:active { color: #c03; } /* Other */ .post-date, .rss-date { font-size: smaller; } .post-date:before, .rss-date:before { content: "("; } .post-date:after, .rss-date:after { content: ")"; } .more a:after { content: "\f105"; line-height: 1; padding-left: .25rem; text-rendering: auto; } .more-from-category { margin-top: 0; } .more-from-category a { display: block; text-align: center; } .indent { margin-left: 1rem; margin-right: 1rem; } .clear-float { clear: both; } .wp-block-file { margin-bottom: 2rem; } /* ##### FOOTER ##### */ .site-footer { background: #222; color: white; padding-bottom: 2rem; padding-top: 2rem; } .site-footer .widget { margin-bottom: 2rem; } .site-footer .widget-title, .site-footer .screen-reader-text { /* Required to fix contrast errors */ color: white !important; } .site-footer .social .fab { font-size: 3rem; } .site-footer :where(p, h3, h4) { color: #ccc; } .site-footer p { color: #ccc; font-size: .75rem; margin-bottom: 1rem; } .site-footer h3 { font-size: 1rem; } .site-footer h4 { font-size: .875rem; margin-bottom: 0; } .site-footer a:where(:link, :visited) { color: white; } .site-footer a:where(:focus, :hover) { color: #aaa; } .site-footer a:active { color: #c03; } #related-units { border-top: 1px solid #524945; list-style-type: none; margin-bottom: 1rem; margin-left: 0; } #related-units li { border: none; display: block; font-size: .95rem; margin-bottom: 0; padding-bottom: 0; } #related-units li a { border-bottom: 1px solid #524945; display: block; line-height: 1.4; padding: .7rem 0 ; text-decoration: none; width: 100%; } .site-footer #campaign img { width: 100%; } .site-footer .loginout { font-size: 1rem; } .site-footer .county-logo { margin: 1rem 0; max-width: 160px; width: 100%; } .site-footer .county-logo img { height: auto; width: 100%; } /* Footer Buttons */ .site-footer .button { border-width: 1px; border-style: solid; font-size: .875rem; font-weight: normal; letter-spacing: 0; line-height: 1.4; text-align: left; text-transform: none; } .site-footer .button:where(:link, :visited) { background: transparent; border-color: white; color: white; text-decoration: none; } .site-footer .button:where(:focus, :hover) { background: #444 !important; } .site-footer .button:active { background: #cc0033 !important; border-color: #c03; } @media screen and (max-width: 63.999999em) { /* Small-Medium Only */ .site-footer :where(p, h3, h4, .social, li, .button) { text-align: center; } .site-footer :where(.county-logo, .button) { margin-left: auto; margin-right: auto; } .site-footer .button { display: block; max-width: 32rem; width: 100%; } } /* ##### HOMEPAGE ##### */ .home .site-inner { padding-bottom: 0; } .home #breakthrough-page-title { display: none; } .home .content { margin-top: 0; } .home .content .page > .entry-header { display: none; /* I have no idea why I need to do this for some sites, but not for other sites. */ } .home .content > article > .entry-content { padding-top: 0; } .home .soliloquy-outer-container { background: #222; } .home .soliloquy-outer-container > div { margin-bottom: 0; margin-top: 0; } .home.full-width-background .wp-block-group.full-width:not(.hero), .home.full-width-background .entry-content > .wp-block-group:not(.full-width) > .wp-block-group__inner-container, .home.full-width-background .gb-block-container.full-width:not(.hero), .home.full-width-background .entry-content > .gb-block-container:not(.full-width) > .gb-container-inside { /*background: white;*/ padding-bottom: 2rem; padding-top: 2rem; } .home :where(.wp-block-group, .gb-block-container).transparent, .home .wp-block-group__inner-container > .wp-block-image.size-full, .home .gb-container-content > .wp-block-image.size-full { margin-bottom: 2rem; } .home .widget-title, .callout h3 { font-size: 1.75rem; } /* This is the only place where I didn't make a .wp-block-group alternative */ .gb-container-content { overflow: auto; } /* Hero Image*/ /*.home .gb-block-container.full-width.hero {*/ .home :where(.wp-block-group, .gb-block-container).hero { padding: 0; } .home .hero .wp-block-gallery, .home :where(.wp-block-group, .gb-block-container).hero .wp-block-image { margin-bottom: 0; } .home :where(.wp-block-group, .gb-block-container).hero img { display: block; } .full-width-background :where(.wp-block-group, .gb-block-container).full-width.fixed-hero, .home.full-width-background :where(.wp-block-group, .gb-block-container).full-width.fixed-hero { padding: 0; } .fixed-hero figure, .fixed-hero figure.wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image) { margin-bottom: 0; } .fixed-hero figure { background-color: transparent; } /* @media screen and (max-width: 39.99999em) { .fixed-hero figure.wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image) { margin-right: 0; width: 100%; } .fixed-hero figure.wp-block-gallery.has-nested-images figure:first-of-type, .fixed-hero figure.wp-block-gallery.has-nested-images figure:last-of-type { display: none !important; } } */ /* Featured Post Columns */ .home .wp-block-columns.alignwide { margin-bottom: 0; margin-top: 0; padding-bottom: 0; padding-top: 0; } .home .wp-block-columns.alignwide .wp-block-column, .home :where(.gb-block-container, .wp-block-group) { background: white; } .home .wp-block-columns.alignwide .widgettitle { color: #c03; font-size: 1.75rem; margin: 0; padding-bottom: 1rem; padding-top: 1rem; text-transform: none; } .home .featuredpost .post img, .home .wp-block-columns.alignwide .breakthrough-featured-image img { width: 100%; margin-bottom: 0; } .home .featuredpost .post :where(.aligncenter, .alignnone), .home .content .wp-block-columns.alignwide :where(.aligncenter .alignnone) { margin-bottom: 0; } .home .content .entry-image-featured-image .entry-image-link + .entry-header, .home .content .featured-content .entry a + .entry-header, .home .content .wp-block-columns .entry-image-featured-image .entry-image-link + .entry-header, .home .content .wp-block-columns .featured-content .entry a + .entry-header, .home .content .wp-block-columns .entry-content { background-color: inherit; margin: 0; padding-bottom: 1rem; padding-top: 1rem; position: static; width: 100%; } .home .gb-block-post-grid-header .gb-block-post-grid-title, .home .featured-content .entry-title { margin-bottom: .125rem; } .home .content .wp-block-columns.alignwide .entry-content { padding-top: 0; } .home .featured-content .entry-content { background: inherit; } .gb-block-post-grid .gb-block-post-grid-more-link { box-shadow: none; color: #005a7a; display: block; text-align: right; } .gb-block-post-grid .gb-block-post-grid-more-link:where(:focus, :hover) { color: #947200; } .gb-block-post-grid .gb-block-post-grid-more-link:active { color: #c03; } .gb-block-post-grid .gb-block-post-grid-more-link::after { content: "\f105"; display: inline-block; font-family: 'Font Awesome 5 Free'; font-style: normal; font-variant: normal; font-weight: 900; line-height: 1; padding-left: .25rem; text-rendering: auto; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; } .site-container .wp-block-columns .wp-block-latest-posts { margin-left: 40px; } .site-container .wp-block-latest-posts li { list-style: disc; } .wp-block-latest-posts__list li { list-style-type: disc; } .wp-block-latest-posts__post-date { display: inline; } .wp-block-latest-posts__post-date::before { content: " ("; } .wp-block-latest-posts__post-date::after{ content: ")"; } /* Full-Width Hero Gallery */ .page.full-width-content .entry-content .full-width.hero .wp-block-gallery.alignfull, .full-width.hero .wp-block-gallery.has-nested-images { flex-wrap: nowrap; margin-bottom: 0; } .full-width.hero .wp-block-gallery.alignfull { margin-left: 0; margin-right: 0; max-width: none; width: 100%; } .full-width.hero .wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image) { margin-bottom: 0; } /* Note that this only works correctly in there are 3 images */ /* Removed 6/10/22 because it caused problems in WP 6 .home .wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image):not(first-of-type), .full-width.hero .wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image):not(first-of-type) { margin-right: 3px; width: calc(33.33% - 3px*0.66667); } */ /* ##### BLOG PAGES ##### */ .half-width-entries .content .entry { float: none; margin-left: 0; width: 100%; } :where(h2, h3).entry-title { margin-bottom: 0; } :where(.blog, .archive, .category) .subtitle { margin-bottom: .25rem; margin-top: 0; } .single-post .subtitle { margin-bottom: 1rem; } p.entry-meta, .entry-meta a.entry-author-link { color: #0a0a0a; } .panel-like { background-color: #f9f7f1; padding: 1.5rem; } .archive-description, .author-box { border: none; box-shadow: none; margin-bottom: 0; padding: 0; } :where(.entry-title, .entry-meta) a:link, .gb-block-post-grid header .gb-block-post-grid-title a:link { color: #005a7a; text-decoration: underline; } .gb-block-post-grid header .gb-block-post-grid-title a:visited { color: #9d36a3; } .entry-title a:focus, .entry-title a:hover, .entry-meta a:focus, .entry-meta a:hover, .gb-block-post-grid header .gb-block-post-grid-title a:focus, .gb-block-post-grid header .gb-block-post-grid-title a:hover { color: #947200; } .entry-title a:active, .entry-meta a:active, .gb-block-post-grid header .gb-block-post-grid-title a:active { color: #c03; } .archive-description { text-align: left; } :where(.archive-description, .taxonomy-archive-description, .taxonomy-description) h1 { margin: 0; } :where(.archive-description, .taxonomy-archive-description, .taxonomy-description) :where(.wp-caption, p) { margin-top: 1.5rem; } .single .entry-header .entry-meta { margin-bottom: 0; } .entry-footer .entry-meta { padding-left: 0; padding-right: 0; } .archive-pagination a { background: transparent; border: 1px solid #0a0a0a; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; color: #0a0a0a; } .archive-pagination a:focus, .archive-pagination a:hover { background: #e79f00; border-color: #e79f00; color: white; text-decoration: none; } .archive-pagination a:active { background: #c03; border-color: #c03; } .archive-pagination .active a { background: #f6f6f6; border-color: inherit; color: inherit; cursor: inherit; } /* ##### MAJOR PAGE ELEMENT WIDTHS ##### */ .site-header .wrap, #uber-nav-wrapper, .title-area, .genesis-nav-menu, .breadcrumb, #breakthrough-page-title .wrap, .subtitle, .content, .full-width-background .soliloquy-outer-container > div, .full-width-background .wp-block-group.full-width.hero img, .full-width-background .wp-block-group:not(.hero) > .wp-block-group__inner-container, .full-width-background .gb-block-container.full-width.hero img, .full-width-background .gb-block-container:not(.hero) > .gb-container-inside { margin-left: auto; margin-right: auto; } .site-header, .site-header .wrap, .site-header .nav-primary, .site-header .nav-primary .wrap, .site-inner, #breakthrough-page-title .wrap, .content .entry-content, .full-width-background .content-sidebar-wrap, .genesis-nav-menu { padding-left: 0; padding-right: 0; } .title-area, #uber-nav-wrapper, .breadcrumb, #breakthrough-page-title > .wrap, .subtitle, .site-title a, .site-header .nav-primary .wrap, .genesis-nav-menu, .site-inner, .wrap, .flexible-widgets .wrap, .content, .site-footer .wrap, .full-width-background .soliloquy-outer-container > div, .full-width-background .wp-block-columns.alignwide, .full-width-background.page.full-width-content .entry-content .alignwide, .full-width-background .single.full-width-content .entry-content .alignwide, .full-width-background .wp-block-group:not(.hero) > .wp-block-group__inner-container, .full-width-background .gb-block-container:not(.hero) > .gb-container-inside { max-width: 75rem; } .site-header > .wrap, .site-header .nav-primary, .full-width-background :where(.site-inner, .content, .gb-block-container.full-width, .wp-block-group.full-width) { max-width: none; } .title-area, #genesis-mobile-nav-primary, .full-width-content .content { width: 100%; } .full-width-background .wp-block-columns.alignwide .widgettitle, .full-width-background .content .wp-block-columns.alignwide .featured-content .entry a.aligncenter + .entry-header, .full-width-background .content .wp-block-columns.alignwide .entry-content { padding-left: 0; padding-right: 0; } #uber-nav, .logo, .breadcrumb, #breakthrough-page-title .wrap, .content-sidebar-wrap, .site-footer .wrap, .full-width-background .wp-block-group.full-width:not(.hero), .full-width-background .entry-content > .wp-block-group:not(.full-width) > .wp-block-group__inner-container, .full-width-background .gb-block-container.full-width:not(.hero), .full-width-background .entry-content > .gb-block-container:not(.full-width) > .gb-container-inside, .archive.category .taxonomy-archive-description { padding-left: 5%; padding-right: 5%; } .site-inner, #genesis-content { margin-left: 0; margin-right: 0; } body:not(.home) #genesis-content { margin-top: 1rem; } @media screen and (min-width: 40em) { /*medium & up*/ .content .entry-image-featured-image .entry-image-link + .entry-header, .content .featured-content .entry a.alignnone + .entry-header, .content .featured-content .entry a.aligncenter + .entry-header { padding-left: 0; padding-right: 0; } #genesis-mobile-nav-primary { float: left; padding-left: 5%; padding-right: 5%; } .site-inner { margin-left: auto; margin-right: auto; } } @media screen and (min-width: 48em) { .logo, .site-footer .wrap, .full-width-background .wp-block-group.full-width:not(.hero), .full-width-background .gb-block-container.full-width:not(.hero) { margin-left: auto; margin-right: auto; padding-left: 5%; padding-right: 5%; } .full-width-background.page.full-width-content .entry-content .alignwide, .full-width-background .single.full-width-content .entry-content .alignwide, .full-width-background .wp-block-group.full-width:not(.hero), .full-width-background .gb-block-container.full-width:not(.hero) { margin-left: auto; margin-right: auto; padding-left: 2rem; padding-right: 2rem; } .full-width-background.page .wp-block-group .wp-block-columns.alignwide, .full-width-background .wp-block-group.hero, .full-width-background.page .gb-block-container .wp-block-columns.alignwide, .full-width-background .gb-block-container.hero { margin-left: auto; margin-right: auto; padding-left: 0; padding-right: 0; } } @media screen and (min-width: 64em) { /*large & up*/ #uber-nav, .logo, .genesis-nav-menu, .breadcrumb, #breakthrough-page-title .wrap, /*.subtitle,*/ .content-sidebar-wrap, .site-footer .wrap, .archive.category .taxonomy-archive-description, .full-width-background .wpb-block-group.full-width:not(.hero), .full-width-background .entry-content > .wp-block-group:not(.full-width) > .wp-block-group__inner-container, .full-width-background .gb-block-container.full-width:not(.hero), .full-width-background .entry-content > .gb-block-container:not(.full-width) > .gb-container-inside { padding-left: 2rem; padding-right: 2rem; } .full-width-background.page.full-width-content .wp-block-group .wp-block-columns.alignwide, .full-width-background.page.full-width-content .gb-block-container .wp-block-columns.alignwide { padding-left: 0; padding-right: 0; } .content-sidebar .content, .sidebar-content .content { /* Main column when right column is present */ width: 70%; } .sidebar-primary { /* Primary sidebar */ width: 30%; } .content-sidebar .sidebar-primary { /* Left primary sidebar */ padding-left: 2rem; padding-right: 0; } .sidebar-content .sidebar-primary { /* Left primary sidebar */ padding-left: 0; padding-right: 2rem; } .site-footer .wrap { display: flex; justify-content: space-between; } .site-footer .widget { flex-basis: calc(100%/3); padding-left: 2rem; padding-right: 0; } .site-footer .wrap .widget:first-child { padding-left: 0; } } /* ##### PRINT STYLE ##### */ @media print { a[href]:after { content: ""; } #uber-nav-wrapper, .nav-primary, .site-footer .social, #related-units, .loginout, .fi-zoom-in, .breadcrumb-wrapper, #breadcrumb-wrapper { display: none !important; } .site-container { background-color: white; } .site-inner { margin-bottom: 0; margin-top: 5rem; /*I don't know why this works, but it does.*/ padding-bottom: 0; } .title-area, .logo { padding-top: 0; } #rutgers-logo { width: 200px; } .content { overflow: visible; /*solves firefox printing problem*/ width :100%; } :where(.content-sidebar, .sidebar-content) .content { float: none; } .sidebar-primary { float: none; width: 100%; } h1, h1:where(.entry-title, .archive-title) { font-size: 32pt; } h2 { font-size: 28px; } h3 { font-size: 24px; } h4 { font-size: 20px; } h5 { font-size: 16px; } h6 { font-size: 12px; } .content :where(p, li, dt, dl, th, td, blockquote) { color: black; font-family: 'Times New Roman', serif; font-size: 11pt; line-height: 1.3; } .content a:visited { color: #005a7a; } tr, h1, h2, h3, h4, h5, h6, a, a:after { page-break-after: avoid !important; } .content :where(table, th, td, img .box), figure { page-break-inside: avoid; } a.print-link::after { content:" (" attr(href) ")"; font-size: 9pt; font-weight: normal; } .textoverphoto img { visibility: visible; } .box-menu .wp-block-button a, .site-container .wp-block-button__link, .gb-button, .button { border: 2px solid black !important; } .site-footer { border-top: 1px solid black; } } /* ##### RESPONSIVE STEPS ##### */ /*body { color: red; }*/ @media screen and (min-width: 36em) { /* 576px - inherited from njaes-until-wp-themes.css */ /*body { color: orange; }*/ } @media screen and (min-width: 40em) { /* 640px - Medium - also used in njaes-until-wp-themes.css */ /*body { color: gold; }*/ } @media screen and (min-width: 48em) { /* 769px - inherited from njaes-until-wp-themes.css */ /*body { color: yellowgreen; }*/ } @media screen and (min-width: 48.9em) { /* 782px - inherited from WP css? (50em = 800px)*/ /*body { color: green }*/ } @media screen and (min-width: 53.8em) { /* 861px - inherited from style.css*/ /*body { color: cadetblue; }*/ } @media screen and (min-width: 64em) { /* 1024px - Large - also used in njaes-until-wp-themes.css */ /*body { color: blue; }*/ } @media screen and (min-width: 75em) { /* 1200px - X-Large - inherited from njaes-until-wp-themes.css */ /*body { color: indigo; }*/ } @media screen and (min-width: 85em) { /* 1360px */ /*body { color: violet; }*/ }