/** Theme Name: astra child Author: Randy Caruso Author URI: https://randycaruso.com Description: faste Version: 1 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: astra-child Template: astra */ /* FONT WEIGHTS 300, 400, 700 */ /* COLORS Orange #FC6A03 Header Grey #3B3835 Headings #484848 Grey #635A50 */ body {color:#615A50 !important;} h1 { color: #484848 !important; font-size: 40px !important; } h2 { margin-bottom: 6px !important; font-weight: 400 !important; xcolor: #FC6A03 !important; } h3 { color: #615A50 !important; margin-bottom: 8px !important; font-weight: 400 !important; font-size: 24px !important; } .single .tagline {font-size: 28px; line-height: 1.3;} .tagline {color: #FC6A03 !important;} .entry-meta {display:none;} .ast-archive-entry-banner {display:none;} #primary { margin: 0 !important; } .single .entry-header { margin-bottom: 0em !important; } /*8 888 8888888888 d8888 8888888b. 8888888888 8888888b. 888 888 888 d88888 888 "Y88b 888 888 Y88b 888 888 888 d88P888 888 888 888 888 888 8888888888 8888888 d88P 888 888 888 8888888 888 d88P 888 888 888 d88P 888 888 888 888 8888888P" 888 888 888 d88P 888 888 888 888 888 T88b 888 888 888 d8888888888 888 .d88P 888 888 T88b 888 888 8888888888 d88P 888 8888888P" 8888888888 888 T8*/ .site-header-above-section-right { z-index: 1000 !important; margin-bottom: -50px !important } .site-logo-img img {width: 200px !important; } .sub-menu a {color:#3B3835 !important; } .sub-menu a:hover {color:#FC6A03 !important; } h1.wp-block-heading { font-size: 220px !important; font-weight: 500 !important; letter-spacing: 12px; } .featured-posts .wp-block-column {padding-bottom:30px !important; } .featured-posts h2 {} .featured-posts p { height: 50px; } .featured-posts img {} /*8 888 .d88888b. 888b d888 8888888888 888 888 d88P" "Y88b 8888b d8888 888 888 888 888 888 88888b.d88888 888 8888888888 888 888 888Y88888P888 8888888 888 888 888 888 888 Y888P 888 888 888 888 888 888 888 Y8P 888 888 888 888 Y88b. .d88P 888 " 888 888 888 888 "Y88888P" 888 888 88888888*/ .home h2 {margin-bottom: 20px !important;} .wp-block-nk-awb {margin-top: 0px !important;} .home .ast-single-post-featured-section.post-thumb.ast-article-image-container--full { max-height: 360px; overflow: hidden; } .section-bar a {padding: 7px 15px; background-color: #FC6A03;color:white;margin-left: 15px; xborder-radius: 4px;} .section-bar a:hover {background-color: #db5b00; } @media (max-width: 767px) { .section-bar {padding: 20px; text-align: center !important;} .section-bar a {display:block;margin: 20px auto!important;} } /* end */ /* SECTIONS */ .home .site-content { margin-top: 0px !important; } .home-blog-section { margin: -25px 0px 10px 0px; } .home-events-section { margin-bottom: 70px;} .essential-guide-home {padding: 0 0 60px 0 !important;} /* EXPLORE */ .explore img { height: 208px; margin: 0px !important; padding: 0px 0px 0px 0px !important;transition: 500ms; } .explore h3 { margin: 20px auto 20px auto !important; padding: 0px 0px 0px 0px !important; font-weight: bold !important;transition: 500ms; } .explore .wp-block-column {min-height: 420px;} /* Hover the whole card */ .explore .wp-block-column:hover img { filter: brightness(1.25) contrast(1.05); transform: scale(1.04);transition: 500ms; overflow: hidden; } .explore .wp-block-column { transition: transform 0.25s ease, box-shadow 0.25s ease; } .explore .wp-block-column:hover { transform: translateY(-4px); box-shadow: 0 12px 28px rgba(0, 0, 0, 0.12); } .explore .wp-block-column:hover h3 { color:#FC6A03 !important;} .home-blog-section h2 { margin:0 0px -20px 0px !important; } .home-blog-section h2 strong { color:#FC6A03;font-weight: 400 !important;} .home-blog-section .wp-block-post-excerpt__excerpt { margin: -10px 0px -15px 0px !important; line-height: 1.3; font-size: 17px; } .essential-guide-home h2 {margin-top: -5px !important;} .essential-guide-home p {line-height: 1.91 !important; font-size: 20px !important; } @media (max-width: 767px) { .essential-guide-home {padding: 0 20px !important;} } /* end */ /* Events Manager → 3 column grid */ .home .events-grid .em-events-list { display: grid; grid-template-columns: repeat(4, 1fr); gap: 40px; } .home .event-item h3 { font-size: 20px !important; color:#FC6A03!important;} .home .em.pixelbones a { color: #484848 !important; background-color: white !important; padding: 15px; -webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, .15) !important; } .home .em.pixelbones h3:hover {color:#FC6A03 !important;} .home .em.pixelbones a:hover {color:#FC6A03 !important;} .home .em.pixelbones p:hover {color:#FC6A03 !important;} .home .date-time {color:#FC6A03 ;} .single h2 {color:#FC6A03 !important ;} .single h3 { font-weight: 600 !important; margin-bottom: 10px !important; margin-top: 30px !important; } /* ORANGE BAR H1 */ .orange-bar h1 { font-size: 36px !important; xtext-transform: uppercase; padding: 18px 0px 18px 0px; letter-spacing: normal; line-height: 1.2 !important; } .orange-bar p { font-size: 22px; padding: 0px 10px 16px 10px; margin-top: -12px !important; } @media (max-width: 767px) { .orange-bar h1 {font-size: 24px !important; line-height: 1.2 !important; } } /* end media */ @media (max-width: 2065px) { body:not(.home):not(.front-page):not(.directorist-content-active,) h1 { font-size: 150px !important; } } @media (max-width: 1258px) { body:not(.home):not(.front-page) h1 { font-size: 14.5vw !important; } } /*8888b. 888 .d88888b. .d8888b. 888 "88b 888 d88P" "Y88b d88P Y88b 888 .88P 888 888 888 888 888 8888888K. 888 888 888 888 888 "Y88b 888 888 888 888 88888 888 888 888 888 888 888 888 888 d88P 888 Y88b. .d88P Y88b d88P 8888888P" 88888888 "Y88888P" "Y8888P*/ .virtual-campfire {margin-bottom: 30px !important; } /* ARVCHIVE PAGE */ .page-features .wp-block-columns.alignwide .wp-block-column:last-child { padding-right: 40px; } .wp-block-post-title a {font-size: 37px; color:#3B3835 !important; line-height: 1.3;} .home .wp-block-post-title a { font-size: 27px; color: #3B3835 !important; line-height: 1.3; margin-top: -15px !important; } @media (max-width: 767px) { .home .wp-block-post-title a { font-size: 24px; } .wp-block-post {margin-bottom: -40px !important;} } /* END */ .wp-block-post-title a:hover { color:#FC6A03 !important;} .single .entry-title {font-size: 37px; color:#3B3835 !important; line-height: 1.3; font-weight: normal !important;} /*Blog page */ .single .site-content {margin-top: 50px;} .ast-post-social-sharing {margin-top: 50px;} .category .cat-links {display:none;} .bb-custom-author-box { margin-top: 40px; padding: 40px 0; border-top: 1px solid #c9c9c9; border-bottom: 1px solid #c9c9c9; } .bb-custom-author-box__label { margin: 0 0 18px; font-size: 20px; line-height: 1.3; font-weight: 400; color: #5e5e5e; } .bb-custom-author-box__name { margin: 0; font-size: 26px; line-height: 1.1; font-weight: 700; } .bb-custom-author-box__name a { color: #f26c00; text-decoration: none; } .bb-custom-author-box__name a:hover, .bb-custom-author-box__name a:focus { text-decoration: underline; } /* RELATED */ .related_content {border-bottom: 1px solid #c9c9c9; padding-bottom: 30px;} .related_content ul {margin-left: 20px !important;} /* Post hover effect */ .wp-block-post { cursor: pointer; } .wp-block-post-featured-image img { transition: filter 0.3s ease, transform 0.3s ease; } /* Hover the whole card */ .wp-block-post:hover .wp-block-post-featured-image img { filter: brightness(1.25) contrast(1.05); transform: scale(1.04); } .wp-block-post { transition: transform 0.25s ease, box-shadow 0.25s ease; } .wp-block-post:hover { transform: translateY(-4px); box-shadow: 0 12px 28px rgba(0, 0, 0, 0.12); } .wp-block-post-featured-image { overflow: hidden; } .wp-block-post-title a { transition: color 0.25s ease; } /* Hover anywhere on the card */ .wp-block-post:hover .wp-block-post-title a { color: #FF8B00 !important; /* your orange */ } /* Orange square bullets on single posts */ .single-post .wp-block-list { list-style: none; padding-left: 0; } .single-post .wp-block-list li { position: relative; padding-left: 1.2em; margin-bottom: 0.5em; } .single-post .wp-block-list li::before { content: ""; position: absolute; left: 0; top: 0.5em; width: 11px; height: 11px; background: #FC6A03; } /* Pagination Buttons */ .wp-block-query-pagination { margin-top: 40px; } .wp-block-query-pagination-numbers { display: flex; gap: 10px; align-items: center; } /* Base style */ .wp-block-query-pagination .page-numbers { display: inline-flex; align-items: center; justify-content: center; min-width: 38px; height: 38px; padding: 0 12px; xborder-radius: 8px; background: #f3f3f3; color: #333; text-decoration: none; font-weight: 500; transition: all 0.2s ease; } /* Hover */ .wp-block-query-pagination .page-numbers:hover { background: #FF8B00; color: #fff; } /* Current page */ .wp-block-query-pagination .page-numbers.current { background: #FF8B00; color: #fff; font-weight: 600; } /* Dots */ .wp-block-query-pagination .page-numbers.dots { background: transparent; padding: 0 6px; } .wp-block-query-pagination-next { margin-left: 16px; display: inline-flex; align-items: center; padding: 0 18px; height: 38px; xborder-radius: 8px; background: #FF8B00; color: #fff; text-decoration: none; font-weight: 500; transition: all 0.2s ease; } .wp-block-query-pagination-next:hover { background: #e67600; color: white; } .wp-block-query-pagination { display: flex; justify-content: center; align-items: center; gap: 16px; } .wp-block-query-pagination .page-numbers { background: #fff; border: 1px solid #e5e5e5; } .wp-block-query-pagination .page-numbers:hover { border-color: #FF8B00; } .wp-block-search__button.wp-element-button { color: white !important; } .wp-block-search__button.wp-element-button:hover { color: black !important; } /*88 .d88888b. 888 888 8888888888 888888b. 8888888 88888888888 8888888888 .d8888b. 888 d88P" "Y88b 888 888 888 888 "88b 888 888 888 d88P Y88b 888 888 888 888 888 888 888 .88P 888 888 888 Y88b. 888 888 888 Y88b d88P 8888888 8888888K. 888 888 8888888 "Y888b. 888 888 888 Y88b d88P 888 888 "Y88b 888 888 888 "Y88b. 888 888 888 Y88o88P 888 888 888 888 888 888 "888 888 Y88b. .d88P Y888P 888 888 d88P 888 888 888 Y88b d88P 88888888 "Y88888P" Y8P 8888888888 8888888P" 8888888 888 8888888888 "Y8888*/ .page-beacon-love-bites h1 { xfont-size: 52px !important; letter-spacing: 2px; padding: 30px 0px 0px 0px !important; } .page-beacon-love-bites .intro { margin-left:; margin: 0px 0px -30px 1.35em !important; } /* Directory adn Partner Headers */ h2.wp-block-heading.diectory-header { xmargin: 30px auto!important; } .page-event-listings .diectory-header { margin: 30px auto !important; } .page-shop .diectory-header {margin-top: 30px !important; } .directorist-content-active .directory-header { margin-top: 30px !important; } .directorist-content-active .west .directory-header { margin-top: 0px !important; } /* 8888888888 888 888 8888888888 888b 888 88888888888 .d8888b. 888 888 888 888 8888b 888 888 d88P Y88b 888 888 888 888 88888b 888 888 Y88b. 8888888 Y88b d88P 8888888 888Y88b 888 888 "Y888b. 888 Y88b d88P 888 888 Y88b888 888 "Y88b. 888 Y88o88P 888 888 Y88888 888 "888 888 Y888P 888 888 Y8888 888 Y88b d88P 8888888888 Y8P 8888888888 888 Y888 888 "Y8888 */ .single-event .entry-meta {display:none;} h3.em-item-title {color:#FC6A03 !important; } .em.pixelbones a {color:#FC6A03 !important; } .em-search-submit button {background-color: #FC6A03 !important; } .em.em-list .em-item .em-item-info { border-left: 4px solid #3B3835; padding: 0 10px 0 35px; } /* Control the height of teh banner / featured image on home and ogther pages */ .ast-single-post-featured-section.post-thumb.ast-article-image-container--full { max-height: 250px; overflow: hidden; } a {text-decoration: none !important;} #colophon, #colophon a {color:white !important; } footer, footer a, .ast-footer-copyright {color:white !important; } /* Directorist sidebar: hide everything except Tags */ .listing-with-sidebar__sidebar .directorist-search-field-pricing, .listing-with-sidebar__sidebar .directorist-search-field-review, .listing-with-sidebar__sidebar .directorist-search-field-radius_search, .listing-with-sidebar__sidebar .directorist-advanced-filter__action, .listing-with-sidebar__sidebar .directorist-advanced-filter__top { display: none !important; } /* Keep Tags visible */ .listing-with-sidebar__sidebar .directorist-search-field-tag { display: block !important; } /* Events Manager → 3 column grid */ .page-id-1663 .events-grid .em-events-list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px; } /* Make each event card behave like a block */ .events-grid .event-item { display: block; } /* Optional: clean spacing inside each item */ .events-grid .event-item h3 { margin-top: 0; } @media (max-width: 900px) { .events-grid .em-events-list { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 600px) { .events-grid .em-events-list { grid-template-columns: 1fr; } } /* VOLUNTEER PAGE */ .page-id-1663 .event-item h3 { font-size: 26px !important; } .page-id-1663 .em.pixelbones a { color: #484848 !important; background-color: white !important; padding: 15px; -webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, .15) !important; } .page-id-1663 .em.pixelbones h3:hover {color:#FC6A03 !important;} .page-id-1663 .em.pixelbones a:hover {color:#FC6A03 !important;} .page-id-1663 .em.pixelbones p:hover {color:#FC6A03 !important;} .page-id-1663 .date-time {color:#FC6A03 ;} /* Events Manager cards: match blog-post hover language */ .em.em-list .em-event.em-item { transition: transform 0.25s ease, box-shadow 0.25s ease, background-color 0.25s ease; box-shadow: 0 4px 14px rgba(0, 0, 0, 0.06); xborder-radius: 0px; overflow: hidden; background-color: #E7E7E7; padding: 30px 20px; } /* Whole card hover */ .em.em-list .em-event.em-item:hover { transform: translateY(-4px); box-shadow: 0 12px 28px rgba(0, 0, 0, 0.12); background-color: #fcfcfc; } /* Title transition */ .em.em-list .em-item-title, .em.em-list .em-item-title a, .em.em-list h3.em-item-title, .em.em-list h3.em-item-title a { transition: color 0.25s ease; } /* Orange title on hover */ .em.em-list .em-event.em-item:hover .em-item-title, .em.em-list .em-event.em-item:hover .em-item-title a, .em.em-list .em-event.em-item:hover h3.em-item-title, .em.em-list .em-event.em-item:hover h3.em-item-title a { color: #FF8B00 !important; } /* Meta + excerpt settle a little darker on hover */ .em.em-list .em-item-meta, .em.em-list .em-item-desc { transition: color 0.25s ease; } .em.em-list .em-event.em-item:hover .em-item-meta, .em.em-list .em-event.em-item:hover .em-item-desc { color: #333; } /* Date/image block gets a subtle response */ .em.em-list .em-item-image, .em.em-list .em-item-image img, .em.em-list .em-item-image-placeholder, .em.em-list .em-item-image-placeholder .date { transition: transform 0.3s ease, filter 0.3s ease, opacity 0.3s ease, background-color 0.3s ease; } .em.em-list .em-event.em-item:hover .em-item-image img, .em.em-list .em-event.em-item:hover .em-item-image-placeholder, .em.em-list .em-event.em-item:hover .em-item-image-placeholder .date { filter: brightness(1.05); transform: scale(1.02); } /* Button modernization */ .em.em-list .em-item-actions a, .em.em-list .em-item-actions .button, .em.em-list .em-item-actions input[type="submit"], .em.em-list .em-item-actions button { transition: background-color 0.25s ease, color 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease; } /* Let the card hover influence the CTA slightly */ .em.em-list .em-event.em-item:hover .em-item-actions a, .em.em-list .em-event.em-item:hover .em-item-actions .button, .em.em-list .em-event.em-item:hover .em-item-actions input[type="submit"], .em.em-list .em-event.em-item:hover .em-item-actions button { box-shadow: 0 6px 14px rgba(0, 0, 0, 0.12); } /* Direct hover on button */ .em.em-list .em-item-actions a:hover, .em.em-list .em-item-actions .button:hover, .em.em-list .em-item-actions input[type="submit"]:hover, .em.em-list .em-item-actions button:hover { transform: translateY(-1px); } .em.em-list .em-event.em-item:hover .em-item-image-placeholder .date { opacity: 0.9; } /* EVENTS MANAGER PAGINATION: hard reset + rebuild */ .em-pagination, .em-pagination.em-ajax { display: flex !important; justify-content: center !important; align-items: center !important; gap: 10px !important; flex-wrap: wrap !important; margin: 50px 0 10px !important; padding: 0 !important; line-height: 1 !important; } /* Inner span wrappers should not create odd layout behavior */ .em-pagination > span, .em-pagination .not-current, .em-pagination .not-current.second-half { display: flex !important; align-items: center !important; gap: 10px !important; flex-wrap: wrap !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; } /* Full reset for all page items */ .em-pagination .page-numbers { display: inline-flex !important; align-items: center !important; justify-content: center !important; box-sizing: border-box !important; width: 42px !important; min-width: 42px !important; height: 42px !important; min-height: 42px !important; margin: 0 !important; padding: 0 !important; border: 0 !important; xborder-radius: 10px !important; xbackground: #f3f3f3 !important; background: #fff !important; border: 1px solid #e5e5e5 !important; color: #555 !important; text-decoration: none !important; text-align: center !important; font-size: 16px !important; font-weight: 500 !important; line-height: 1 !important; vertical-align: middle !important; transform: none !important; box-shadow: none !important; transition: background-color 0.2s ease, color 0.2s ease !important; } /* Current page */ .em-pagination .page-numbers.current { background: #FF8B00 !important; color: #fff !important; font-weight: 600 !important; } /* Hover state */ .em-pagination a.page-numbers:hover, .em-pagination a.next.page-numbers:hover { background: #FF8B00 !important; color: #fff !important; transform: none !important; } /* Next arrow */ .em-pagination .next.page-numbers { width: 42px !important; min-width: 42px !important; font-size: 24px !important; font-weight: 400 !important; padding: 0 !important; } /* Kill any pseudo-element weirdness */ .em-pagination .page-numbers::before, .em-pagination .page-numbers::after { content: none !important; display: none !important; } /* Kill any hover growth from theme/plugin */ .em-pagination .page-numbers:hover, .em-pagination .page-numbers:focus, .em-pagination .page-numbers:active { width: 42px !important; min-width: 42px !important; height: 42px !important; min-height: 42px !important; padding: 0 !important; line-height: 1 !important; box-shadow: none !important; outline: none !important; } /* If dots ever appear */ .em-pagination .page-numbers.dots { width: auto !important; min-width: 20px !important; background: transparent !important; color: #777 !important; } /* Clean up the events listing */ x.em.em-list .em-event.em-item { padding: 0; min-height: 295px; } .em.em-list .em-item .em-item-info { xborder-left: 4px solid #3B3835; border-left: 0px solid #3B3835 !important; padding: 0 10px 0 35px; } /* Make the event row a flex container */ x.em-event.em-item { display: flex !important; align-items: stretch; /* keep both sides equal height */ } /* Turn the right column into a vertical flex container */ x.em-item-info { display: flex !important; flex-direction: column; justify-content: center; padding: 20px 30px; /* adjust to taste */ } x.em-item-image { flex: 0 0 400px; /* or whatever width you're using */ } /* Events Manager search button */ .em-search, .em-search-form, .em-pixelbones .em-search { --accent-color: #FC6A03 !important; --accent-color-hover: #3B3835 !important; --button-primary-color: #ffffff !important; } .em-search-submit button.button-primary { transition: background-color 0.2s ease, transform 0.1s ease; } .em-search-submit button.button-primary:active { transform: translateY(1px); } .em-event-categories {display:none !important; } /* Single Listing Clearnup */ .em-event-when h3 {color: #FC6A03 !important;} .em-event-where h3 {color: #FC6A03 !important;} .single-event .entry-title {margin-bottom: 30px !important;} .single-event .em-item-taxonomies {display:none;} .single-event { font-family: 'Poppins', sans-serif !important; } .em-event-content { width: 675px; font-size: 17px !important; line-height: 1.4 !important; xmargin-top: -50px !important;} .entry-content .em-event-content p { font-family: 'Poppins', sans-serif !important; line-height: 1.6 !important; } @media (max-width: 767px) { .single-event .entry-title {margin-top: -90px !important;} .em-event-content { width: auto;} } /* end */ /* Custom bullets */ .em.pixelbones ul { list-style: none !important; padding-left: 0; } .em.pixelbones ul li { position: relative; padding-left: .8em; margin-bottom: 0.6em; } .em.pixelbones ul li::before { content: ""; position: absolute; left: 0; top: 0.7em; width: 6px; height: 6px; background: #FC6A03; border-radius: 50%; } /* Remove Map Issue on Event Landing pages */ .em-event-location { display: none; } /* CUSTOM EVENTS PAGE */ /* Events list compact cards */ .page-event-listings .em.pixelbones.em-list.em-events-list .event-item { display: grid !important; grid-template-columns: 260px 1fr; grid-template-areas: "image title" "image meta" "image excerpt" "image button"; column-gap: 32px; row-gap: 10px; max-width: 1100px; margin: 0 auto 28px !important; padding: 24px !important; background: #eee !important; color: #333 !important; text-decoration: none !important; box-shadow: 0 8px 22px rgba(0, 0, 0, .08); } .page-event-listings .em.pixelbones.em-list.em-events-list .event-item img { grid-area: image; width: 260px !important; height: 190px !important; object-fit: cover; display: block; } .page-event-listings .em.pixelbones.em-list.em-events-list .event-item h2:empty { display: none !important; } .page-event-listings .em.pixelbones.em-list.em-events-list .event-item h3 { grid-area: title; margin: 0 !important; color: #fc6a03 !important; font-size: 30px !important; line-height: 1.15 !important; font-weight: 400 !important; } .page-event-listings .em.pixelbones.em-list.em-events-list .event-item span { grid-area: meta; display: block; margin: 0 !important; color: #555 !important; font-size: 14px !important; line-height: 1.4 !important; } .page-event-listings .em.pixelbones.em-list.em-events-list .event-item p { grid-area: excerpt; margin: 8px 0 0 !important; color: #333 !important; font-size: 15px !important; line-height: 1.45 !important; } .page-event-listings .em.pixelbones.em-list.em-events-list .event-item::after { grid-area: button; content: "More Info"; display: inline-block; width: fit-content; margin-top: 10px; padding: 10px 26px; border: 1px solid #aaa; background: #fff; color: #333; font-size: 11px; line-height: 1; text-transform: uppercase; letter-spacing: .08em; font-weight: 700; } @media (max-width: 768px) { .page-event-listings .em.pixelbones.em-list.em-events-list .event-item { display: block !important; padding: 18px !important; } .page-event-listings .em.pixelbones.em-list.em-events-list .event-item img { width: 100% !important; height: auto !important; margin-bottom: 18px; } .page-event-listings .em.pixelbones.em-list.em-events-list .event-item h3 { font-size: 24px !important; margin-bottom: 10px !important; } } /*88888b. 8888888 8888888b. 8888888888 .d8888b. 88888888888 .d88888b. 8888888b. Y88b d88P 888 "Y88b 888 888 Y88b 888 d88P Y88b 888 d88P" "Y88b 888 Y88b Y88b d88P 888 888 888 888 888 888 888 888 888 888 888 888 888 Y88o88P 888 888 888 888 d88P 8888888 888 888 888 888 888 d88P Y888P 888 888 888 8888888P" 888 888 888 888 888 8888888P" 888 888 888 888 888 T88b 888 888 888 888 888 888 888 T88b 888 888 .d88P 888 888 T88b 888 Y88b d88P 888 Y88b. .d88P 888 T88b 888 8888888P" 8888888 888 T88b 8888888888 "Y8888P" 888 "Y88888P" 888 T88b 8*/ .directorist-listings-header {display:none !important;} .west { padding: 30px 0px !important; margin-bottom: -33px !important; background-color: #DAD9D9; margin-top:-20px !important; } .mid { padding: 30px 0px !important; margin-bottom: -33px !important; background-color: #4D4D4C; } .east { padding: 30px 0px !important; margin-bottom: -63px !important; background-color: #DAD9D9; } /* H2 Headers */ .tri-main { text-align: center; font-size: 110px; text-transform: uppercase; font-weight: 500 !important; color: #FC6A03; margin: 30px 0px 20px 0px !important; } /* Hide repeated Directorist controls on curated multi-shortcode pages */ .west .listing-with-sidebar__searchform {display:none !important;} .mid .listing-with-sidebar__searchform {display:none !important;} .east .listing-with-sidebar__searchform {display:none !important;} .directorist-listings-header__left{display:none !important;} /* SEARCH */ .whatareyoulookingfor { text-align: center; font-size: 26px;} #bb-directory-search { box-shadow: var(--directorist-box-shadow); border: 1px solid var(--directorist-color-border-light); -webkit-box-sizing: border-box; box-sizing: border-box; max-width: 600px; margin: auto !important; text-align: center; display: block; padding: 30px; } /* Remove the sidebar */ .listing-with-sidebar__sidebar {display:none !important; border:1px solid red; } /* Padding around the body of the card */ .directorist-content-active .directorist-listing-single__info {padding: 26px 8px 17px;} /* Card font sized */ .directorist-listing-title a { color: #FF6A00 !important; line-height: 1.4; font-size: 18px !important; } .directorist-archive-grid-view .directorist-listing-title { height: 50px !important; } .directorist-listing-title a:hover { color: #d85700; } .bb-directory-filter { max-width: 720px; margin: 0 auto 40px; } .bb-directory-filter input { width: 100%; padding: 16px 18px; font-size: 16px; line-height: 1.2; border: 1px solid #d8d8d8; xborder-radius: 6px; background: #fff; } .bb-directory-filter input:focus { outline: none; border-color: #f26a00; box-shadow: 0 0 0 2px rgba(242, 106, 0, 0.12); } .bb-filter-hidden { display: none !important; } .directorist-archive-grid-view .directorist-listing-tagline { color: #777; font-size: 14px; margin-top: 4px; height: 40px !important; } .directorist-archive-grid-view .directorist-listing-card-address { font-size: 14px !important; } .directorist-archive-grid-view .directorist-listing-card-phone { display: none !important; } .directorist-archive-grid-view .directorist-listing-card-phone, .directorist-archive-grid-view .directorist-listing-card-phone * { display: none !important; } .directorist-archive-grid-view .directorist-listing-single__content { padding: 0 8px; flex: 1 1 auto; display: flex; align-items: flex-start; justify-content: center; height: 238px; } .directorist-listing-single__meta {display:none !important;} .directorist-listing-card .directorist-listing-card-location, .directorist-listing-card .directorist-listing-card-address, .directorist-listing-card .directorist-listing-single__info__list li { line-height: 1.35; } .directorist-listing-card .directorist-listing-card-location a, .directorist-listing-card .directorist-listing-card-address a, .directorist-listing-card .directorist-listing-single__info__list li a { display: -webkit-box; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical; overflow: hidden !important; } .directorist-badge-new {display:none !important;} .directorist-listing-single__thumb {display:none !important;} .directorist-listing-card-posted-on{display:none !important;} /* Hide the Map */ .directorist-viewas__item--map {display:none;} .postid-1762 .listing-with-sidebar__sidebar{display:none;} .postid-1762 .listing-with-sidebar__searchform {display:none;} .postid-1762 .directorist-col-12 {padding: 0 !important; margin: 0 !important;} /* Directorist category card polish */ .directorist-archive-grid-view .directorist-listing-card.directorist-listing-no-thumb { background: #f5f5f5; border: 0; xborder-radius: 0; box-shadow: none; padding: 0; height: 100%; min-height: 355px; display: flex; flex-direction: column; } .directorist-archive-grid-view .directorist-listing-single__header, .directorist-archive-grid-view .directorist-listing-single__content, .directorist-archive-grid-view .directorist-listing-single__meta { border: 0; box-shadow: none; } .directorist-archive-grid-view .directorist-listing-card .directorist-listing-single__header { padding: 38px 28px 10px; text-align: center; display: block; } .directorist-archive-grid-view .directorist-listing-card .directorist-listing-single__header__right { display: none; } .directorist-archive-grid-view .directorist-listing-card .directorist-listing-single__header__title { width: 100%; } .directorist-archive-grid-view .directorist-listing-title { margin: 0 0 14px; font-size: 1.9rem; line-height: 1.2; font-weight: 600; text-align: center; } .directorist-archive-grid-view .directorist-listing-title a { color: #FC6A03; text-decoration: none; font-size: 20px; } .directorist-archive-grid-view .directorist-listing-title a:hover { color: #FC6A03; } .directorist-archive-grid-view .directorist-listing-tagline { margin: 0 0 16px; font-size: .7rem; line-height: 1.45; color: #222; text-align: center; } .directorist-archive-grid-view .directorist-listing-single__info__list { list-style: none; margin: 0; padding: 0; width: 100%; } .directorist-archive-grid-view .directorist-listing-single__info__list li { display: block; margin: 0 0 14px; padding: 0; border: 0; text-align: center; color: #222; font-size: 0.98rem; line-height: 1.5; } .directorist-archive-grid-view .directorist-listing-single__info__list li:last-child { margin-bottom: 0; } .directorist-archive-grid-view .directorist-listing-single__info__list .directorist-icon-mask, .directorist-archive-grid-view .directorist-listing-single__info__list i { display: none !important; } .directorist-archive-grid-view .directorist-listing-single__info__list a { color: #222; text-decoration: none; } .directorist-archive-grid-view .directorist-listing-single__meta { margin-top: auto; padding: 22px 28px 34px; display: flex; justify-content: center; align-items: center; border: 0; } .directorist-archive-grid-view .directorist-listing-single__meta > * { width: auto; } .directorist-archive-grid-view .directorist-listing-single__meta .directorist-listing-card-posted-on, .directorist-archive-grid-view .directorist-listing-single__meta .directorist-listing-category, .directorist-archive-grid-view .directorist-listing-single__meta .directorist-icon-mask, .directorist-archive-grid-view .directorist-listing-single__meta .directorist-btn-ghost, .directorist-archive-grid-view .directorist-listing-single__meta .directorist-favourite-listing { display: none !important; } /* Directory Buttons */ .directorist-archive-grid-view .directorist-listing-card .directorist-listing-card-website a, .directorist-archive-grid-view .directorist-listing-card .directorist-btn a, .directorist-archive-grid-view .directorist-listing-card a.directorist-btn, .directorist-archive-grid-view .directorist-listing-card .directorist-listing-single__meta a { display: inline-flex; align-items: center; justify-content: center; min-width: 120px; min-height: 40px; padding: 14px 26px; background-color: #5b4127; xbackground: #FC6A03; color: #fff !important; text-decoration: none; border: 0; xborder-radius: 0; box-shadow: none; font-size: 0.95rem; font-weight: 500; line-height: 1; transition: background-color 0.25s ease, transform 0.25s ease; } .directorist-content-active .directorist-listing-single--bg { xborder-radius: 0px !important; } .directorist-archive-grid-view .directorist-listing-card .directorist-listing-card-website a:hover, .directorist-archive-grid-view .directorist-listing-card .directorist-btn a:hover, .directorist-archive-grid-view .directorist-listing-card a.directorist-btn:hover, .directorist-archive-grid-view .directorist-listing-card .directorist-listing-single__meta a:hover { background: #FC6A03; color: #fff !important; transform: translateY(-1px); } .directorist-archive-grid-view .directorist-col-3 { margin-bottom: 22px; } /* Optional: tighten the overall grid spacing a bit */ .directorist-archive-grid-view .directorist-row { align-items: stretch; } /* Force-hide the raw URL text */ .directorist-listing-single__info__list li.directorist-listing-card-website > a { color: transparent !important; font-size: 0 !important; line-height: 0 !important; text-indent: -9999px; overflow: hidden; white-space: nowrap; position: relative; } /* Inject clean button label */ .directorist-listing-single__info__list li.directorist-listing-card-website > a::after { content: "Website"; position: absolute; inset: 0; display: inline-flex; align-items: center; justify-content: center; color: #fff; font-size: 0.95rem; font-weight: 500; line-height: 1; text-indent: 0; } /* Keep the button dimensions stable */ .directorist-listing-single__info__list li.directorist-listing-card-website { display: flex; justify-content: center; } .directorist-listing-single__info__list li.directorist-listing-card-website > a { min-width: 130px; min-height: 52px; } /* Directory Hovers */ /* Make the whole directory card feel interactive */ .directorist-listing-card { transition: transform 0.25s ease, box-shadow 0.25s ease, background-color 0.25s ease; cursor: default; } /* Whole-card hover behavior */ .directorist-listing-card:hover { transform: translateY(-4px); box-shadow: 0 12px 28px rgba(0, 0, 0, 0.12); } /* Title transition */ .directorist-listing-title a { transition: color 0.25s ease; } /* Title gets a little hotter on hover */ .directorist-listing-card:hover .directorist-listing-title a { color: #ff8b00 !important; } /* Tagline and address can tighten slightly in contrast */ .directorist-listing-tagline, .directorist-listing-card-address { transition: color 0.25s ease; } .directorist-listing-card:hover .directorist-listing-tagline, .directorist-listing-card:hover .directorist-listing-card-address { color: #333; } /* Website button transition */ .directorist-listing-card .directorist-listing-card-website > a { transition: background-color 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease; } /* Button responds with the card */ .directorist-listing-card:hover .directorist-listing-card-website > a { background-color: #8a6238; box-shadow: 0 6px 14px rgba(0, 0, 0, 0.12); } /* If the user hovers the actual button, give it one more little nudge */ .directorist-listing-card .directorist-listing-card-website > a:hover { transform: translateY(-1px); } .page-single-tag .entry-title {margin: 50px 0px -20px 20px; } .page-single-category .entry-title {margin: 50px 0px -20px 20px; } /*88888888 .d88888b. .d88888b. 88888888888 8888888888 8888888b. 888 d88P" "Y88b d88P" "Y88b 888 888 888 Y88b 888 888 888 888 888 888 888 888 888 8888888 888 888 888 888 888 8888888 888 d88P 888 888 888 888 888 888 888 8888888P" 888 888 888 888 888 888 888 888 T88b 888 Y88b. .d88P Y88b. .d88P 888 888 888 T88b 888 "Y88888P" "Y88888P" 888 8888888888 888 T8*/ footer {margin-top: -20px;} #astra-footer-menu a:hover {color:#FC6A03 !important;} #gform_widget-3 {margin: -50px 0px 0px 0px; } #gform_widget-3 h2 { color: white; font-weight: 300 !important; text-align: right; margin-bottom: 15px !important; font-size: 19px; } /* Align field + button to the right */ #gform_3 .gform_fields { display: flex; justify-content: flex-end; align-items: center; gap: 12px; } /* Prevent the email field from stretching full width */ #gform_3 .ginput_container_email input { max-width: 260px; } /* Force newsletter button color */ #gform_submit_button_3, #gform_3 input[type="submit"], #gform_3 .gform_button { background: #FC6A03 !important; background-color: #FC6A03 !important; color: #ffffff !important; border: none !important; font-size: 21px; width: 130px; padding: 15px 0px 15px 0px; } /* Hover state */ #gform_submit_button_3:hover { background: #bc5003 !important; } @media (max-width: 767px) { .site-footer-primary-section-1 { display: block; padding-bottom: 30px !important; height: 100px; } .site-footer-primary-section-3 { text-align: center !important; padding: 0 20px; margin: 0px auto !important; } .site-footer-primary-section-3 .widget-title { text-align: center !important; padding: 0 20px; margin: 0px auto !important; } .ast-footer-copyright { padding: 0 20px;} footer #gform_submit_button_3 {font-size: 16px !important; } footer p {text-align: center !important;} } /*end*/ /*8b d888 .d88888b. 888888b. 8888888 888 8888888888 8888b d8888 d88P" "Y88b 888 "88b 888 888 888 88888b.d88888 888 888 888 .88P 888 888 888 888Y88888P888 888 888 8888888K. 888 888 8888888 888 Y888P 888 888 888 888 "Y88b 888 888 888 888 Y8P 888 888 888 888 888 888 888 888 888 " 888 Y88b. .d88P 888 d88P 888 888 888 888 888 "Y88888P" 8888888P" 8888888 88888888 88888888*/ /* remove margin above banner image on pages */ @media (min-width: 1200px) { .ast-plain-container.ast-no-sidebar #primary { margin-top: 0; margin-bottom: 60px; } } .width450 { width: 450px; margin: 0 auto !important; } .width550 { width: 550px; margin: 0 auto !important; } .width650 { width: 650px; margin: 0 auto; } .width700 { width: 700px; margin: 0 auto; } .width750 { width: 750px; margin: 0 auto; padding: 0; } .width800 { width: 800px; margin: 0 auto; } .width850 { width: 850px; margin: 0 auto; } .width900 { width: 900px; margin: 0 auto; } .width950 { width: 950px; margin: 0 auto; } .width1000 { width: 1000px; margin: 0 auto; } .width1100 { width: 1100px; margin: 0 auto; } .width1200 { width: 1200px !important; margin: 0 auto; } .width1300 { width: 1300px !important; margin: 0 auto; } @media (max-width: 767px) { .width450 { width: auto; margin: 0 auto; padding: 0px 25px !important; } .width550 { width: auto; margin: 0 auto; padding: 0px 25px !important; } .width650 { width: auto; margin: 0 auto; padding: 0px 25px !important; } .width700 { width: auto; margin: 0 auto; padding: 0px 25px !important; } .width700 ul li { margin-left: 20px; } .width750 { width: auto !important; margin: 0 auto; padding: 25px 25px !important; } .width750 ul li { margin-left: 30px; } .single .width700 { width: auto; margin: 0 auto; padding: 15px 25px !important; } .width800 { width: auto; margin: 0 auto; padding: 0px 25px !important; } .width850 { width: auto; margin: 0 auto; padding: 0px 25px !important; } .width950 { width: auto; margin: 0 auto; padding: 0px 25px !important; } .width900 { width: auto; margin: 0 auto; padding: 0px 25px !important; } .width1000 { width: auto; margin: 0 auto; padding: 0px 25px !important; } .width1100 { width: auto; margin: 0 auto; padding: 0px 25px !important; } .width1200 { width: auto !important; margin: 0 auto; padding: 0px 0px !important; } .width1300 { width: auto !important; margin: 0 auto; padding: 0px 25px !important; } } /*88888b. 8888888888 .d8888b. 8888888888 88888888888 888 Y88b 888 d88P Y88b 888 888 888 888 888 Y88b. 888 888 888 d88P 8888888 "Y888b. 8888888 888 8888888P" 888 "Y88b. 888 888 888 T88b 888 "888 888 888 888 T88b 888 Y88b d88P 888 888 888 T88b 8888888888 "Y8888P" 8888888888 8*/ /* ========================================================= Astra + Gutenberg Content Spacing Reset Scope: main content only ========================================================= */ .entry-content, .ast-entry-content, .site-content .entry-content { --content-space-xs: 0.4rem; --content-space-sm: 0.75rem; --content-space-md: 1.1rem; --content-space-lg: 1.75rem; --content-space-xl: 2.5rem; } /* --------------------------------------------------------- Base flow spacing --------------------------------------------------------- */ .entry-content > * + *, .ast-entry-content > * + * { margin-top: var(--content-space-md); } /* Prevent Gutenberg from stacking weird top margins */ .entry-content >:first-child, .ast-entry-content >:first-child { margin-top: 0 !important; } .entry-content >:last-child, .ast-entry-content >:last-child { margin-bottom: -30px !important; } /* --------------------------------------------------------- Headings --------------------------------------------------------- */ .entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6, .ast-entry-content h1, .ast-entry-content h2, .ast-entry-content h3, .ast-entry-content h4, .ast-entry-content h5, .ast-entry-content h6 { margin-top: 0; margin-bottom: 0.55em; line-height: 1.12; text-wrap: balance; } .entry-content h1, .ast-entry-content h1 { line-height: 1.02; margin-bottom: 0.45em; } .entry-content h2, .ast-entry-content h2 { line-height: 1.2; margin-bottom: 0.5em; } .entry-content h3, .ast-entry-content h3 { line-height: 1.16; } .entry-content h4, .entry-content h5, .entry-content h6, .ast-entry-content h4, .ast-entry-content h5, .ast-entry-content h6 { line-height: 1.22; } /* More space before headings when they begin a new section */ .entry-content p + h2, .entry-content ul + h2, .entry-content ol + h2, .entry-content .wp-block-list + h2, .entry-content p + h3, .entry-content ul + h3, .entry-content ol + h3, .entry-content .wp-block-list + h3, .ast-entry-content p + h2, .ast-entry-content ul + h2, .ast-entry-content ol + h2, .ast-entry-content .wp-block-list + h2, .ast-entry-content p + h3, .ast-entry-content ul + h3, .ast-entry-content ol + h3, .ast-entry-content .wp-block-list + h3 { margin-top: 1.5em; } /* Tighter heading to immediately following paragraph/list */ .entry-content h1 + p, .entry-content h2 + p, .entry-content h3 + p, .entry-content h4 + p, .entry-content h5 + p, .entry-content h6 + p, .entry-content h1 + ul, .entry-content h2 + ul, .entry-content h3 + ul, .entry-content h1 + ol, .entry-content h2 + ol, .entry-content h3 + ol, .ast-entry-content h1 + p, .ast-entry-content h2 + p, .ast-entry-content h3 + p, .ast-entry-content h4 + p, .ast-entry-content h5 + p, .ast-entry-content h6 + p, .ast-entry-content h1 + ul, .ast-entry-content h2 + ul, .ast-entry-content h3 + ul, .ast-entry-content h1 + ol, .ast-entry-content h2 + ol, .ast-entry-content h3 + ol { margin-top: 0.15em; } /* --------------------------------------------------------- Paragraphs --------------------------------------------------------- */ .entry-content p, .ast-entry-content p { margin-top: 0; margin-bottom: 1.1em; line-height: 1.65; } /* Avoid double spacing when Gutenberg also adds flow */ .entry-content > p:last-child, .ast-entry-content > p:last-child { margin-bottom: 0; } /* --------------------------------------------------------- Lists --------------------------------------------------------- */ .entry-content ul, .entry-content ol, .entry-content .wp-block-list, .ast-entry-content ul, .ast-entry-content ol, .ast-entry-content .wp-block-list { margin-top: 0; margin-bottom: 1.1em; padding-left: 1.35em; line-height: 1.65; } .entry-content li, .ast-entry-content li { margin-bottom: 0.35em; } .entry-content li:last-child, .ast-entry-content li:last-child { margin-bottom: 0; } .entry-content li > ul, .entry-content li > ol, .ast-entry-content li > ul, .ast-entry-content li > ol { margin-top: 0.35em; margin-bottom: 0.35em; } /* --------------------------------------------------------- Gutenberg Group block --------------------------------------------------------- */ .entry-content .wp-block-group, .ast-entry-content .wp-block-group { margin-top: var(--content-space-lg); margin-bottom: var(--content-space-lg); } .entry-content .wp-block-group__inner-container > :first-child, .ast-entry-content .wp-block-group__inner-container >:first-child { margin-top: 0; } .entry-content .wp-block-group__inner-container > :last-child, .ast-entry-content .wp-block-group__inner-container >:last-child { margin-bottom: 0; } /* --------------------------------------------------------- Gutenberg Columns block --------------------------------------------------------- */ .entry-content .wp-block-columns, .ast-entry-content .wp-block-columns { margin-top: var(--content-space-lg); margin-bottom: var(--content-space-lg); } .entry-content .wp-block-column > :first-child, .ast-entry-content .wp-block-column >:first-child { margin-top: 0; } .entry-content .wp-block-column > :last-child, .ast-entry-content .wp-block-column >:last-child { margin-bottom: 0; } /* --------------------------------------------------------- Details block --------------------------------------------------------- */ .entry-content .wp-block-details, .ast-entry-content .wp-block-details { margin-top: var(--content-space-md); margin-bottom: var(--content-space-md); } .entry-content .wp-block-details summary, .ast-entry-content .wp-block-details summary { margin-bottom: 0.75rem; line-height: 1.35; } .entry-content .wp-block-details[open] summary, .ast-entry-content .wp-block-details[open] summary { margin-bottom: 1rem; } .entry-content .wp-block-details > *:last-child, .ast-entry-content .wp-block-details > *:last-child { margin-bottom: 0; } /* --------------------------------------------------------- Common Gutenberg text blocks --------------------------------------------------------- */ .entry-content .wp-block-heading, .ast-entry-content .wp-block-heading { margin-top: 0; } .entry-content .wp-block-paragraph, .ast-entry-content .wp-block-paragraph { margin-bottom: 1.1em; } .entry-content .wp-block-list, .ast-entry-content .wp-block-list { margin-bottom: 1.1em; } /* --------------------------------------------------------- Buttons and separators --------------------------------------------------------- */ .entry-content .wp-block-buttons, .ast-entry-content .wp-block-buttons { margin-top: var(--content-space-lg); margin-bottom: var(--content-space-lg); } .entry-content .wp-block-separator, .ast-entry-content .wp-block-separator { margin-top: var(--content-space-xl); margin-bottom: var(--content-space-xl); } /* --------------------------------------------------------- Images, media, embeds --------------------------------------------------------- */ .entry-content figure, .entry-content .wp-block-image, .entry-content .wp-block-cover, .entry-content .wp-block-media-text, .ast-entry-content figure, .ast-entry-content .wp-block-image, .ast-entry-content .wp-block-cover, .ast-entry-content .wp-block-media-text { margin-top: var(--content-space-lg); margin-bottom: var(--content-space-lg); } .entry-content figcaption, .ast-entry-content figcaption { margin-top: 0.6rem; line-height: 1.45;padding: 15px;font-size: 14px; } /* --------------------------------------------------------- Mobile tuning --------------------------------------------------------- */ @media (max-width: 768px) { .entry-content, .ast-entry-content { --content-space-md: 1rem; --content-space-lg: 1.5rem; --content-space-xl: 2rem; } .entry-content .wp-block-columns, .ast-entry-content .wp-block-columns { gap: 1rem; } .entry-content h1, .ast-entry-content h1 { line-height: 1.05; } .entry-content h2, .ast-entry-content h2 { line-height: 1.4; } } /*88888888 .d88888b. 8888888b. 888b d888 888 d88P" "Y88b 888 Y88b 8888b d8888 888 888 888 888 888 88888b.d88888 8888888 888 888 888 d88P 888Y88888P888 888 888 888 8888888P" 888 Y888P 888 888 888 888 888 T88b 888 Y8P 888 888 Y88b. .d88P 888 T88b 888 " 888 888 "Y88888P" 888 T88b 888 8*/ /* ========================= Gravity Forms - Modern Accessible Refresh Beacon Beacon inspired palette ========================= */ :root { --gf-accent: #ff8b00; --gf-accent-dark: #cc6f00; --gf-blue-dark: #004473; --gf-blue-mid: #017bbc; --gf-text: #2f2a28; --gf-text-soft: #5f5a57; --gf-border: #cfc8c2; --gf-border-strong: #9b918a; --gf-bg: #f7f5f3; --gf-surface: #ffffff; --gf-surface-alt: #fff8f1; --gf-radius: 10px; --gf-radius-lg: 14px; --gf-shadow: 0 8px 24px rgba(0, 0, 0, 0.08); --gf-shadow-focus: 0 0 0 4px rgba(255, 139, 0, 0.18); } /* overall form spacing */ .gform_wrapper { margin-top: 2rem; margin-bottom: 2rem; } .gform_wrapper form { color: var(--gf-text); } /* field blocks */ .gform_wrapper .gfield { margin-bottom: 1.4rem; } /* legends / labels */ .gform_wrapper .gfield_label, .gform_wrapper legend.gfield_label, .gform_wrapper .gform-field-label { font-size: 1.4rem; font-weight: 700; line-height: 1.35; color: #3B3835 !important; margin-bottom: 0.45rem; letter-spacing: 0.01em; } /* required text */ .gform_wrapper .gfield_required, .gform_wrapper .gfield_required_text { color: var(--gf-accent-dark); font-weight: 700; } /* helper text / descriptions */ .gform_wrapper .gfield_description, .gform_wrapper .instruction, .gform_wrapper .gform_description, .gform_wrapper .ginput_complex label, .gform_wrapper .gfield .gfield_description.validation_message { color: var(--gf-text-soft); font-size: 0.92rem; line-height: 1.45; } /* comfy input sizing */ .gform_wrapper input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]), .gform_wrapper select, .gform_wrapper textarea { width: 100%; background: var(--gf-surface); border: 1.5px solid var(--gf-border); xborder-radius: var(--gf-radius); color: var(--gf-text); font-size: 1rem; line-height: 1.4; padding: 1.45rem 1.4rem; transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease, transform 0.2s ease; box-shadow: none; } /* slightly taller textareas */ .gform_wrapper textarea { min-height: 9rem; resize: vertical; } /* select styling */ .gform_wrapper select { min-height: 3.15rem; background-color: var(--gf-surface); } /* file upload can stay simpler, but more aligned */ .gform_wrapper input[type="file"] { font-size: 0.95rem; color: var(--gf-text-soft); ; } /* placeholder text */ .gform_wrapper::placeholder { color: #8a817b; opacity: 1; } /* hover */ .gform_wrapper input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]):hover, .gform_wrapper select:hover, .gform_wrapper textarea:hover { border-color: var(--gf-border-strong); background: #fffdfa; } /* focus and active states */ .gform_wrapper input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]):focus, .gform_wrapper select:focus, .gform_wrapper textarea:focus { outline: none; border-color: var(--gf-accent); background: var(--gf-surface-alt); box-shadow: var(--gf-shadow-focus); } /* keyboard-visible fallback */ .gform_wrapper input:focus-visible, .gform_wrapper select:focus-visible, .gform_wrapper textarea:focus-visible, .gform_wrapper button:focus-visible, .gform_wrapper .gform_button:focus-visible { outline: 3px solid rgba(1, 123, 188, 0.32); outline-offset: 2px; } /* modern grouped field feel */ .gform_wrapper .ginput_complex, .gform_wrapper .gfield--type-address .ginput_container, .gform_wrapper .gfield--type-name .ginput_complex { gap: 0.85rem; } /* radio + checkbox area */ .gform_wrapper input[type="radio"], .gform_wrapper input[type="checkbox"] { accent-color: var(--gf-accent); transform: scale(1.1); } .gform_wrapper .gchoice { margin-bottom: 0.45rem; } .gform_wrapper .gchoice label { color: var(--gf-text); font-size: 0.98rem; line-height: 1.45; margin-left: 0.35rem; } /* section breaks and headings */ .gform_wrapper .gsection { border-top: 2px solid rgba(1, 123, 188, 0.14); padding-top: 1.2rem; margin-top: 1.8rem; margin-bottom: 1rem; } .gform_wrapper .gsection_title { color: var(--gf-blue-dark); font-size: 1.25rem; font-weight: 700; } /* validation errors */ .gform_wrapper .gfield_error [aria-invalid="true"] { border-color: #b42318; background: #fff6f5; box-shadow: 0 0 0 4px rgba(180, 35, 24, 0.12); } .gform_wrapper .validation_message, .gform_wrapper .gfield_validation_message, .gform_wrapper .validation_error, .gform_wrapper .gform_validation_errors { color: #8f1d14; font-size: 0.92rem; line-height: 1.4; xborder-radius: var(--gf-radius); } .gform_wrapper .gform_validation_errors { background: #fff3f2; border: 1px solid #e7b3ae; padding: 1rem 1rem 1rem 1.2rem; margin-bottom: 1.25rem; } /* submit area */ .gform_wrapper .gform_footer, .gform_wrapper .gform_page_footer { margin-top: 1.5rem; padding-top: 0.25rem; } /* button */ .gform_wrapper .gform_button, .gform_wrapper button.button, .gform_wrapper input[type="submit"] { appearance: none; border: none; background: linear-gradient(135deg, var(--gf-accent) 0%, var(--gf-accent-dark) 100%); color: #fff; font-size: 1rem; font-weight: 700; line-height: 1; padding: 0.95rem 1.4rem; xborder-radius: 999px; box-shadow: 0 10px 22px rgba(255, 139, 0, 0.22); cursor: pointer; transition: transform 0.18s ease, box-shadow 0.18s ease, filter 0.18s ease; } .gform_wrapper .gform_button:hover, .gform_wrapper button.button:hover, .gform_wrapper input[type="submit"]:hover { transform: translateY(-1px); box-shadow: 0 14px 28px rgba(255, 139, 0, 0.28); filter: brightness(1.02); } .gform_wrapper .gform_button:active, .gform_wrapper button.button:active, .gform_wrapper input[type="submit"]:active { transform: translateY(0); box-shadow: 0 8px 16px rgba(255, 139, 0, 0.22); } /* progress / multi-page forms */ .gform_wrapper .gf_progressbar { background: #e9e4df; xborder-radius: 999px; overflow: hidden; } .gform_wrapper .gf_progressbar_percentage { background: linear-gradient(90deg, var(--gf-blue-mid), var(--gf-accent)); color: #fff; font-weight: 700; } /* optional subtle card treatment for forms inside light pages */ .gform_wrapper.gravity-theme { background: rgba(255, 255, 255, 0.82); padding: 1.5rem; xborder-radius: var(--gf-radius-lg); box-shadow: var(--gf-shadow); } /* better mobile comfort */ @media (max-width: 768px) { .gform_wrapper.gravity-theme { padding: 1.1rem; } .gform_wrapper input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]), .gform_wrapper select, .gform_wrapper textarea { font-size: 16px; /* avoids iOS zoom */ padding: 0.9rem 0.95rem; } .gform_wrapper .gform_button, .gform_wrapper button.button, .gform_wrapper input[type="submit"] { width: 100%; justify-content: center; } } /* Kill rounded buttons */ button, a.button, input[type="button"], input[type="submit"], .wp-block-button__link, .wp-element-button, [class*="btn"] { border-radius: 0 !important; }