/** * Copperhill site CSS — formerly Appearance → Customize → Additional CSS. * * Moved into the child theme so it travels with the theme. Loaded from * functions.php at the same point in the page as WordPress prints Additional * CSS (end of , after every other stylesheet), so it wins over the same * rules exactly as it did before. Edit it here, not in the Customizer. */ p { margin: 1.3rem 0; } .bg_logo_left:before { background-color: #08163a; } .ovaev-content.content-grid .desc .event_post .event_title a { text-transform: none; } .board-of-alderman-home .ova-info-content .name{ font-size: 18px; } .privacy-policy-link a{ color: #C0C8DB !important; } .search_archive_event, .ova_doc_wrap .ova-doc-sidebar .ova_info .ova-list-cat{ background-color: #e8e8e8 !important; } .evgovt-content .post-meta-content-grid .comment, .content_comments { display: none } .sidebar .widget_list_event { padding-bottom: 3px; } .sidebar .widget_list_event .list-event { padding-top: 5px; margin-bottom: 33px; } .sidebar .widget_list_event .list-event .item-event { display: flex; padding: 20px 0 17px 0; } .sidebar .widget_list_event .list-event .item-event:first-child { padding-top: 0; } .sidebar .widget_list_event .list-event .item-event:last-child { padding-bottom: 0; } .sidebar .widget_list_event .list-event .item-event:not(:last-child) { border-bottom: 1px solid #e5e5e5; } .sidebar .widget_list_event .list-event .item-event .ova-thumb-nail { flex: 0 0 80px; } .sidebar .widget_list_event .list-event .item-event .ova-thumb-nail a { width: 80px; height: 80px; display: inline-block; background-size: cover; background-position: center center; } .sidebar .widget_list_event .list-event .item-event .ova-content { flex: 0 0 calc(100% - 80px); padding: 0 0 0 20px; } .sidebar .widget_list_event .list-event .item-event .ova-content .title { margin: 0; font-size: 18px; line-height: 24px; letter-spacing: 0.2px; color: #202b5d; margin-top: -5px; margin-bottom: 5px; } .sidebar .widget_list_event .list-event .item-event .ova-content .title a { font-size: 18px; line-height: 24px; letter-spacing: 0.2px; color: #202b5d; } .sidebar .widget_list_event .list-event .item-event .ova-content .time span { font-size: 15px; line-height: 20px; color: #465166; } .sidebar .widget_list_event .list-event .item-event .ova-content .time span.date { display: block; } .sidebar .widget_list_event .list-event .item-event .ova-content .time span.bellow { display: block; } .sidebar .widget_list_event .button-all-event a { font-size: 18px; line-height: 22px; color: #0067da; font-weight: 500; } .sidebar .widget_list_event .button-all-event a svg { width: 18px; margin-left: -5px; } @media screen and (max-width: 385px) { .mobile-eyebrow-hours { display: none !important; } .mobile-eyebrow-links > div { justify-content: flex-end !important; } } @media (max-width: 767px) { .ovaev-content.content-list { padding-top: 0 !important; } .ovaev-content.content-list:hover { box-shadow: none !important; } .ova_nav .menu { width: 250px; } .ova_nav .menu .dropdown-menu > .menu-item { width: 200px; } } .ova_wrap_search_popup.show .btn_close { right: 20px !Important; } html { overflow-x: hidden; } @media (max-width: 1235px) { .copperhill-menu .ova_nav ul.menu > li > a, .copperhill-menu .ova_nav ul.menu .dropdown-menu li a { font-size: 16px !Important; } } @media (max-width: 1190px) { .copperhill-menu .ova_nav ul.menu > li > a, .copperhill-menu .ova_nav ul.menu .dropdown-menu li a { font-size: 15px !Important; } } @media (max-width: 1145px) { .copperhill-menu .ova_nav ul.menu > li > a { padding: 28px 7px 28px 7px !Important; } } @media (max-width: 1080px) { .copperhill-menu .ova_nav ul.menu > li > a { padding: 28px 4px 28px 4px !Important; } } .ova-dir-single .ova_dir_content .share-social-icons { padding: 0; justify-content: center; gap: 5px; } .ova-dir-single .ova_dir_content .share_social { margin-top: 45px; padding: 35px 0 40px 0; border-bottom: 1px solid #eeeeee; } .ova-dir-single .ova_dir_content .share-social-icons li a { color: #fff; width: 40px; height: 40px; font-size: initial; } .ova-dir-single .ova_dir_content #ova_dir_single_google_map { margin-top: 45px; } .ova_dir_intro { display: flex; gap: 30px; align-items: flex-start; justify-content: flex-start; align-content: flex-start; flex-direction: row-reverse; } .ova_dir_intro .thumbnail { width: 40%; } .ova_dir_intro .content { width: 60%; margin-top: 0 !important; } .ova_dir_intro .content p:first-child { margin-top: 0 !important; } @media (max-width: 1035px) { .copperhill-menu .ova_nav ul.menu > li > a { padding: 28px 3px 28px 3px ! Important; } } @media (max-width: 768px) { .ova_dir_intro { flex-direction: column; } .ova_dir_intro .thumbnail, .ova_dir_intro .content { width: 100% } } .single-post-egovt { margin-top: -50px; } .ovaev_list_content3 .desc .event_post .event_title a:hover { color: #fff !important; } .ova-search-page article.post-wrap .post-media { display: none; } .ova-search-page .search-form { display: inline-flex; box-shadow: 0px 10px 40px 0px rgba(6, 22, 58, 0.1); margin-bottom: 50px; } .ova-search-page .search-form label { margin: 0; } .ova-search-page .search-form input.search-field { color: #465166; border: none; height: 60px; width: 365px; font-size: 17px; letter-spacing: 0.2px; padding-left: 20px; padding-right: 20px; } .ova-search-page .search-form input.search-field::placeholder { font-size: 17px; letter-spacing: 0.2px; color: #999eac; } @media (max-width: 479px) { .ova-search-page .search-form input.search-field { width: unset; } } .ova-search-page .search-form input[type=submit] { height: 60px; font-size: 18px; line-height: 24px; color: #fff; background-color: #df1919; border-color: #df1919; } .ova-search-page .search-form input[type=submit]:hover { background: #06163A; border-color: #06163A; } .ova-search-page .page-header .page-title { text-align: center; font-size: 35px; } .search-no-results .ova-search-page .page-content { text-align: center; } .ova_list_checked li svg { position: absolute; margin-right: 0; left: 0; margin-top: 1px; } .ova_list_checked li { padding-left: 30px; } .single-docs-page .ova_doc_wrap.archive-doc .ova_doc_content { padding-right: 0; width: 100%; } .ova_doc_content { width: 100%; } .ova_doc_wrap .ova_doc_content .ova-list-attachment li .ova-download { flex: 0 0 145px; } .ova_doc_wrap .ova_doc_content .ova-list-attachment li .ova-file-name-size { flex: 0 0 calc(100% - 189px); } article.post-wrap .post-body .post-excerpt p { font-family: Nunito Sans; font-weight: 400; font-size: 17px; line-height: 26px; letter-spacing: 0px; color: #465166; } .ova-heading .sub-title, .ova_feature.version_3 .items .excerpt p { color: #465166; } .ovaev-content.content-list .date-event .weekday { color: #7c8594; } .homepage-services .ova_archive_dep_slide .ova_dep_slide.content .owl-item .items .wp-item .ova-media > a:after { height: 95%; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgb(10 22 58)); } .single-post article.post-wrap .post-title h1.post-title { color: #0a163a; } .default article.post-wrap .post-title h2.post-title a, .elementor-widget-ova_header .wrap_ova_header .ova_header_el .header_title, .blog-grid article.post-wrap .post-title h2.post-title { text-transform: none; } .sidebar .widget_categories li a { font-size: 16px !important; line-height: 1.2 !important; color: #666666 !important; border: 1px solid #e5e5e5 !important; transition: 0.4s; padding: 8px 12px 5px 12px !important; border-radius: 4px !important; display: block; } .sidebar .widget_categories li a:hover{ border-color: #df1919 !important; background-color: #df1919 !important; color: #fff !important; } .sidebar .widget_categories li a:before{ display: none !important; } .sidebar .widget.widget_categories li { padding: 0 !important; } .sidebar .widget.widget_categories ul { display: flex; gap: 10px; flex-wrap: wrap; } .coming-soon-directory { background: #06163a; color: #fff; font-size: 20px; margin-top: 20px; } .ova_dir_content .contact-list li { margin-bottom: 7px; } .ova_team_single .ova_info .icon_bg i.copperhill-tn-stars { content: ''; background: url(https://copperhill.gov/wp-content/uploads/2025/01/tn-stars-icon.png); width: 250px; height: 250px; top: 0; position: relative; z-index: 3; background-size: 100%; opacity: 0.05; } .bg_logo_left:before { width: 3000px; } nav .page-numbers li .page-numbers:hover, nav .page-numbers li .page-numbers:focus, nav .page-numbers li .page-numbers.current { background-color: #df181a; } .cky-consent-container { z-index: 99999999999 !Important; } .ova-history .wp-item .wp-year .desc p { text-align: justify; } .simple-banner { z-index: 9999; } @media (max-width: 1280px) { .simple-banner .simple-banner-text { text-align: left; } } @media (max-width: 1025px) { .simple-banner .simple-banner-text { font-size: 0.9rem; } } .grecaptcha-badge { visibility: hidden; } .con.recaptcha-form { font-size: 14px; margin-top: 10px; } .share_social .share-social-icons li a.ico-twitter { background: #000000 !important; } .turnstile-form { margin-top: 1rem; } .form-acceptance p label { display: flex; gap: 10px; align-content: flex-start; align-items: flex-start; margin: 10px 0; } .form-acceptance span { margin-left: 0; } .form-acceptance p label span { color: #202b5d !important; font-weight: 700; } .form-acceptance p label input { height: 20px; width: 20px; margin-top: 1px; } .single_event .event_content .event_intro .ovaev-title .title { margin-top: 2rem; } .sidebar .widget h4.widget-title { padding-bottom: 0; } .sidebar .widget.widget_recent_entries li > a { display: block; } .ova_list_link ul.content li a:before{ display: none; } .image-with-caption h3 { margin-top: 0; } form.post-password-form { max-width: 800px; margin: auto; padding: 0 0 50px 0; text-align: center; } form.post-password-form p { margin: 0; } form.post-password-form label { display: block; margin-bottom: 15px; font-weight: 700; color: transparent; } .post-password-form input[type="password"] { height: 45px; width: 300px; font-size: 17px; line-height: 45px; color: #333; border: 1px solid #e5e5e5; padding: 0 20px 0 20px; letter-spacing: .2px; display: block; margin: auto; margin-top: 5px; } .post-password-form input[type="submit"] { background-color: var(--e-global-color-accent); font-family: "Cabin", Sans-serif; font-size: 1.3rem; font-weight: 500; line-height: 1.5rem; letter-spacing: 0.2px; fill: #FFFFFF; color: #FFFFFF; border-radius: 0px 0px 0px 0px; padding: 13px 40px 14px 40px; height: auto; border: 0; } .ovamenu_shrink{ box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);} .single_event .content .elementor-element { padding: 0 } .meetings-listing .ovaev-event-element { box-shadow: none; padding: 0; } .swiper a { display: inline-block; } .widget_list_event .button-all-event a svg { display: inline-block; } .single_event .event_content .content p { color: #465166; } a.gt_switcher-popup.glink.nturl.notranslate { cursor: pointer; position: relative; display: inline-block; border: 1px solid #e0e0e0; padding: 3px 8px 3px 8px; border-radius: 30px; display: inline-flex; flex-direction: row; align-items: center; gap: 5px; width: auto !important; justify-content: center; color: #fff; transition: all 0.1s ease-in-out; padding: 3px 15px 3px 15px; } a.gt_switcher-popup.glink.nturl.notranslate:hover { color: #06163a; background: #fff; } a.gt_switcher-popup.glink.nturl.notranslate span:last-of-type { color: transparent !important; margin: 0 !important; font-family: "ElegantIcons"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; width: 0; } a.gt_switcher-popup.glink.nturl.notranslate span:last-of-type:before { content: "\33"; color: #fff; font-size: 17px; position: relative; left: -7px; font-weight: 400; } a.gt_switcher-popup.glink:hover span:last-of-type::before, a.gt_switcher-popup.glink:active span:last-of-type::before { color: #06163a !important; } .ova_nav ul.menu > li > a { display: flex; align-items: center; } .ova_nav ul.menu > li > a font { line-height: 1.2; text-align: center; } @media (max-width: 1024px) { a.gt_switcher-popup.glink.nturl.notranslate{padding: 2px 12px 1px } a.gt_switcher-popup.glink.nturl.notranslate span:first-of-type { display: inline-block; max-width: 50px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: middle; /* keeps it aligned with neighboring text */ } } @media (max-width: 500px) { .mobile-eyebrow-hours{display: none} } /* ========================================================================== Copperhill.gov — News & Announcements Horizontal post cards: image left, text right (tablet & up) Stacked image-over-text on phones. Theme: egovt (child theme active) Markup: article.post-wrap > .post-media + .evgovt-content ========================================================================== */ :root { --news-media-width: 38%; /* width of the image column */ --news-media-min: 220px; /* image never gets narrower than this */ --news-card-min-height: 260px; --news-text-padding: 30px 35px; } body.blog .default article.post-wrap .post-title h2.post-title { margin-bottom: 0; } /* -------------------------------------------------------------------------- 1. TABLET & UP — side-by-side 768px is the theme's own primary breakpoint, so this stays in step with the rest of the site. Below this the sidebar has already dropped underneath, so the content column is full width here and has room for two columns. -------------------------------------------------------------------------- */ @media (min-width: 768px) { body.blog .default article.post-wrap, body.archive .default article.post-wrap { display: flex; flex-wrap: nowrap; align-items: stretch; min-height: var(--news-card-min-height); } body.blog .default article.post-wrap > .post-media > div { height: 100%; } /* --- Image column --- */ body.blog .default article.post-wrap > .post-media, body.archive .default article.post-wrap > .post-media { flex: 0 0 var(--news-media-width); max-width: var(--news-media-width); min-width: var(--news-media-min); align-self: stretch; margin-bottom: 0; /* theme adds 20–25px below the image when stacked */ } body.blog .default article.post-wrap > .post-media a, body.archive .default article.post-wrap > .post-media a { display: block; height: 100%; } /* object-fit lets the image fill the column at whatever height the text ends up being, without squashing it. Your featured images are a mix of 1280x720 and 2560x1429, so this also evens them out. */ body.blog .default article.post-wrap > .post-media img, body.archive .default article.post-wrap > .post-media img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; } /* --- Text column --- */ body.blog .default article.post-wrap > .evgovt-content, body.archive .default article.post-wrap > .evgovt-content { flex: 1 1 auto; min-width: 0; /* without this, long titles force the card wider */ margin: 0; padding: var(--news-text-padding); display: flex; flex-direction: column; } /* Keeps "Learn More" + the share icon pinned to the bottom of the card so the buttons line up down the page regardless of excerpt length. */ body.blog .default article.post-wrap .post-footer, body.archive .default article.post-wrap .post-footer { margin-top: auto; padding-top: 20px; } /* 30px headlines are too big for a ~60% column — drop to 26px. */ body.blog .default article.post-wrap .post-title h2.post-title, body.blog .default article.post-wrap .post-title h2.post-title a, body.archive .default article.post-wrap .post-title h2.post-title, body.archive .default article.post-wrap .post-title h2.post-title a { font-size: 26px; line-height: 1.25; } body.blog .default article.post-wrap .post-body .post-excerpt p, body.archive .default article.post-wrap .post-body .post-excerpt p { margin-top: 12px; } } /* -------------------------------------------------------------------------- 2. NARROW DESKTOP (992–1199px) The sidebar comes back at 992px and takes a fixed 400px, leaving the content column around 520px. Tighten everything up so the text column doesn't get squeezed into a ribbon. -------------------------------------------------------------------------- */ @media (min-width: 992px) and (max-width: 1199px) { :root { --news-media-width: 34%; --news-text-padding: 24px 25px; } body.blog .default article.post-wrap .post-title h2.post-title, body.blog .default article.post-wrap .post-title h2.post-title a { font-size: 22px; } } /* -------------------------------------------------------------------------- 3. LARGE DESKTOP -------------------------------------------------------------------------- */ @media (min-width: 1400px) { :root { --news-media-width: 36%; --news-text-padding: 36px 40px; } } /* -------------------------------------------------------------------------- 4. PHONES — stays stacked, but normalise the image height Your featured images have inconsistent ratios; this locks them to 16:9 so the cards scroll at a predictable rhythm. -------------------------------------------------------------------------- */ @media (max-width: 767px) { body.blog .default article.post-wrap > .post-media img, body.archive .default article.post-wrap > .post-media img { width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; } body.blog .default article.post-wrap > .post-media { margin-bottom: 0 } } /* -------------------------------------------------------------------------- 5. OPTIONAL — uncomment to trim excerpts to a fixed number of lines. Useful if you want every card exactly the same height. Note that a couple of your posts (Independence Day, Web Analytics) have much longer excerpts than the rest, which is what currently makes the cards uneven. -------------------------------------------------------------------------- */ @media (min-width: 768px) { body.blog .default article.post-wrap .post-body .post-excerpt p { display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; } } .lerp-item__body ul { margin-left: 20px; } a.lerp-sidebar__link { color: #202b5d !important; } a.lerp-sidebar__more { color: #0067da !important; margin-top: 2rem; } a.lerp-sidebar__more:hover, a.lerp-sidebar__more:active { color: #df1919 !important; } .sidebar .widget h4.widget-title { color: #06163a; }