/* Theme Name: GeneratePress Child Theme URI: https://generatepress.com Template: generatepress Author: Tom Usborne Author URI: https://tomusborne.com Description: GeneratePress is a lightweight WordPress theme built with a focus on speed and usability. Performance is important to us, which is why a fresh GeneratePress install adds less than 10kb (gzipped) to your page size. We take full advantage of the block editor (Gutenberg), which gives you more control over creating your content. If you use page builders, GeneratePress is the right theme for you. It is completely compatible with all major page builders, including Beaver Builder and Elementor. Thanks to our emphasis on WordPress coding standards, we can boast full compatibility with all well-coded plugins, including WooCommerce. GeneratePress is fully responsive, uses valid HTML/CSS, and is translated into over 25 languages by our amazing community of users. A few of our many features include 60+ color controls, powerful dynamic typography, 5 navigation locations, 5 sidebar layouts, dropdown menus (click or hover), and 9 widget areas. Learn more and check out our powerful premium version at https://generatepress.com Tags: two-columns,three-columns,one-column,right-sidebar,left-sidebar,footer-widgets,blog,e-commerce,flexible-header,full-width-template,buddypress,custom-header,custom-background,custom-menu,custom-colors,sticky-post,threaded-comments,translation-ready,rtl-language-support,featured-images,theme-options Version: 3.1.3.1655963444 Updated: 2022-06-23 05:50:44 */ :root { --spacing-base: 8px; --default-border-radius: calc(var(--spacing-base) / 2); --padding-horizontal-xs: calc( var(--spacing-base) * 2 ); --padding-horizontal-s: calc( var(--spacing-base) * 3 ); --padding-horizontal-d: calc( var(--spacing-base) * 5 ); --padding-horizontal-l: calc( var(--spacing-base) * 7 ); --padding-horizontal-xl: calc( var(--spacing-base) * 8 ); } /* ------------------------- * TYPOGRAPHY * --------------------------- */ :root { --line-height: 1.6; --font-size-base: 16px; --text-size-multiplier: 1.2; /* type-scale */ --text-xs: calc( calc( var(--font-size-base) / var(--text-size-multiplier) ) / var(--text-size-multiplier) ); --text-s: calc( var(--font-size-base) / var(--text-size-multiplier) ); --text-m: var(--font-size-base); --text-l: calc( var(--font-size-base) * var(--text-size-multiplier) ); --text-xl: calc( calc( var(--font-size-base) * var(--text-size-multiplier) ) * var(--text-size-multiplier) ); } /*p:last-child { margin-bottom: 0; }*/ a { text-decoration: none; } /* ----------------------- * Global Layouts * ----------------------- */ body { display: flex; flex-direction: column; } #page { display: flex; flex-direction: column; flex-grow: 1; } /****************** * BUTTON STYLES * ******************/ .gb-button-wrapper.gb-button-wrapper-button-wrap a.gb-button:last-child { margin-bottom: 0; } @media(min-width: 769px) { .gb-button-wrapper.gb-button-wrapper-button-wrap a:last-child { margin-right: 0; } } /* home news stories buttons */ :where(.home, .archive) .read-more-container a.read-more.button { border: var(--btn-border-size) solid var(--primary); color: var(--btn-text-color); border-radius: var(--btn-radius); background-color: white; } .home .read-more-container a.read-more.button:hover {} /* archives pagination */ .nav-links { text-align: center; flex-wrap: wrap; } .nav-links .page-numbers { padding: 1rem; min-inline-size: 0; border: 0; } .nav-links .page-numbers:where(.current, .gb-block-is-current) { background-color: var(--action); color: white; } .nav-links .page-numbers:hover:not(.current, .gb-block-is-current) { background-color: var(--secondary); } /* ----------------------- * Login Bar * ----------------------- */ .trp-login-bar-section { /* set in block element: --section-padding-x */ } .trp-login-bar-container { --line-width: 2px; } .trp-login-bar-container > .gb-headline:not(:first-child), .trp-login-bar-container ul li, .trp-login-bar-container .wp-block-loginout { margin-inline-start: calc( var(--spacing-base) * 2); } .trp-login-bar-container > .gb-headline::before, .trp-login-bar-container > .gb-headline::after, .trp-login-bar-container ul li::before, .trp-login-bar-container ul li::after, .trp-login-bar-container .wp-block-loginout::before, .trp-login-bar-container .wp-block-loginout::after { content: ""; background-color: var(--secondary-light, var(--contrast-3, #ddd)); position: absolute; } .trp-login-bar-container > .gb-headline:not(:first-child,:nth-child(2))::before, .trp-login-bar-container ul li::before, .trp-login-bar-container .wp-block-loginout.logged-in::before { width: var(--line-width); height: calc( var(--line-height) * 1em ); margin-inline-start: calc( var(--spacing-base) * -1 ); } .trp-login-bar-section__login-logout.wp-block-loginout:not(.logged-in) a::before { content: url('data:image/svg+xml;utf8,'); display: inline-block; height: 1.2em; width: 1.2em; vertical-align: middle; margin-inline-end: .5em; } .trp-login-bar__logged-in-menu { gap: unset; } /* reorder items on mobile */ @media (max-width:767px) { .trp-login-bar-container { justify-content: space-around; }; .trp-login-bar-container .trp-login-bar-section__newsletter-cta { margin-right: 0; order: 0; } .trp-login-bar-section__user-greeting {} .trp-login-bar-container .trp-login-bar__logged-in-menu { justify-content: initial; } .trp-login-bar-section .wp-block-loginout { order: 1; } .trp-login-bar-section__login-logout {} } /* styling while logged in */ .logged-in .trp-login-bar-section { background-color: var(--primary); } .logged-in .trp-login-bar-section p, .logged-in .trp-login-bar-section a, .logged-in .trp-login-bar-section a > * { color: var(--white); } .trp-login-bar-container > .gb-headline::before, .trp-login-bar-container > .gb-headline::after, .trp-login-bar-container ul li::before, .trp-login-bar-container ul li::after, .trp-login-bar-container .wp-block-loginout::before, .trp-login-bar-container .wp-block-loginout::after { background-color: var(--secondary-light-trans-30, rgba(255,255,255,0.3)) } /***************** * HEADER STYLES * *****************/ .site-header { -webkit-box-shadow: 0px 6px 9px -6px rgba(87,87,96,0.54); box-shadow: 0px 6px 9px -6px rgba(87,87,96,0.54); z-index: 99; padding-inline: var(--section-padding-x,2rem); } .site-header .inside-header { /* */ } header .inside-navigation.inside-navigation .gb-button.gb-button { font-size: var(--text-l); } /* MOBILE HEADER */ @media(max-width: 900px) { /* Resizes Logo on Mobile header */ .site-header .site-logo { max-width: 125px; } } /********************* * MOBILE NAV STYLES * *********************/ @media(max-width: 900px) { /* Removes default background colour for mobile toggle and mobile menu bg's */ .mobile-menu-control-wrapper .menu-toggle { background-color: var(--base-3) } .has-inline-mobile-toggle #site-navigation.toggled { background-color: var(--base-3); } /* Removes Right padding on taggle button to maintain right content alignment, and adds it to left padding to maintain click target size */ .main-navigation .menu-toggle { padding-right: 0; padding-left: 3rem; } /* Removes hover color of menu toggle button */ .mobile-menu-control-wrapper .menu-toggle, .mobile-menu-control-wrapper .menu-toggle:hover, .mobile-menu-control-wrapper .menu-toggle:focus, .has-inline-mobile-toggle #site-navigation.toggled { background-color: var(--base-3); } /* Removes right padding on dropdown menu toggle to maintain right alignment */ .main-navigation.toggled .menu-item-has-children .dropdown-menu-toggle { padding-right: 0; } /* Adds bottom margin to main nav on dropdown to seperate space between nav and CTA buttons */ .main-navigation.toggled .main-nav { margin-bottom: 1rem; } /* Removes left padding to bring top level mobile menu items flush with left content spacing */ .main-navigation #primary-menu li a { padding-left: 0; } /* Indents mobile sub menu items */ .main-navigation #primary-menu .sub-menu li a { padding-left: 1rem; } /* Removes default bottom border on submenu ul */ .main-navigation #primary-menu .sub-menu { border-bottom: 0; } /* MOBILE CTA BUTTONS STYLES */ .main-navigation.toggled .gb-button-wrapper.txr--mobile-menu-cta-wrap { display: block!important; order: 99; width: 100%; } /* Hides Tablet CTA Buttons */ #tablet-cta { display: none; } } /********************* * TABLET NAV STYLES * *********************/ @media(min-width: 769px) and (max-width: 900px) { .inside-header { padding: 1rem 2rem; } /* CTA BUTTONS */ /* Shows Tablet CTA Buttons */ #mobile-cta { display: none!important; } /* Shows Tablet CTA Buttons */ #tablet-cta { display: block; } .txr--navigation-cta-wrap { margin-left: auto; } .mobile-menu-control-wrapper { margin-left: 0; } .main-navigation .menu-toggle { padding-left: 2rem; } } /********************** * DESKTOP NAV STYLES * **********************/ @media (min-width: 901px) { /* Layout styles for desktop header */ /*img.header-image.is-logo-image { margin: 1.5rem 0; }*/ .inside-header { align-items: flex-end; } /* Hides Tablet CTA Buttons */ #tablet-cta { display: none; } /* Removes Drop Down Arrows on Desktop Main Nav */ .menu-item-has-children .dropdown-menu-toggle { display: none; } .main-navigation .main-nav ul li.menu-item>a { padding-right: 1.5rem; } .main-navigation .main-nav ul li.menu-item:last-child>a { padding-right: 0; } /* Adds sub menu opacity */ ul.sub-menu { background-color: rgba( 255, 255, 255, 0.8 ); } /* Center aligns sub-menu */ /*.main-navigation:not(.toggled) ul li.sfHover>ul, .main-navigation:not(.toggled) ul li:hover>ul { left: 50%; transform: translateX( -50% ); }*/ /* Center aligns submenu text */ /*.main-navigation ul ul { text-align: center; }*/ .main-navigation ul ul { background: linear-gradient(180deg, rgba(255,255,255,1) 5%, var(--base-2) 20%); } .main-navigation .main-nav ul ul.sub-menu li.menu-item:last-child>a { padding-right: 1.5rem; } /* Header CTA Buttons */ .main-navigation .inside-navigation { flex-direction: column; } .main-navigation .inside-navigation .txr--navigation-cta-wrap { margin-left: auto; } /* Hides Mobile CTA button */ .txr--mobile-menu-cta-wrap { display: none!important; } } /********************** * PAGE HEADER STYLES * **********************/ header.txr-page-header { align-items: flex-end; background-color: var(--base); background-image: url(/wp-content/uploads/2024/07/texas-ramp-1-910x1024-coserve.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; color: var(--base-3); display: flex; flex-direction: row; /*min-height: clamp(35rem,70rem,20vh);*/ height: clamp(35rem,70rem,55vh); overflow: hidden; position: relative; padding-inline: var(--section-padding-x, 2rem); } header.txr-page-header::after { /*background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.1) 50%, var(--contrast) 100% );*/ background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 61%, rgba(0, 0, 0, 0.2) 70%, var(--contrast) 100%); bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; z-index: 0; } .txr-page-header__content-wrap { box-sizing: border-box; margin-right: auto; margin-left: auto; max-width: var(--content-width, 1280px); padding-block: var(--section-space-m, 3.5rem); position: relative; width: 100%; z-index: 1; } .txr-page-header__content-wrap h1 { color: var(--base-3); margin-bottom: 0; } /*@media (min-width: 768px) { .txr-page-header__content-wrap { padding: 5em 2em 3em; } }*/ /****************** * CONTENT STYLES * ******************/ /* Bigger paragraph text */ p.big-p { font-size: 1.25em; } @media(min-width: 769px) { /* Bigger paragraph text */ p.big-p { font-size: 1.35em; line-height: 1.5em } /* Off set content wrapper - creates left indent on this content */ /*.offset-content-wrap { padding-left: 2rem; }*/ } /* Constrains width on statistics page intro text */ #statistics-intro p { max-width: 1024px; } /* ------------------------ * Home page * ------------------------ */ /* home hero image position fix */ .home #page-header.txr-page-header { background-position: 50% 50%; } @media (max-width:767px) { .trp-join-mission-section__buttons-wrapper { width: 100%; } } /* ------------------------ * Board Members Page * ------------------------ */ .gb-grid-wrapper.leadership-team-grid { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; max-width: 77rem; margin-inline: auto; gap: var(--grid-gap, 1.5rem); } .gb-grid-wrapper.leadership-team-grid .gb-query-loop-item .gb-container {} .trp-directors-grid__post-template-container .gb-query-loop-item {} .leadership-team__member-image-container { align-self: flex-start; aspect-ratio: 0.75; } .leadership-team__member-bio-title { font-style: italic; } /* ----------------------------- * NEWS STORIES page * ----------------------------- */ /* News Stories page grid */ .news-grid-item__featured-image-container {} .news-grid-item__featured-image { /*aspect-ratio: 1.66;*/ aspect-ratio: 4/3; } .news-grid-item__date {} .news-grid-item__terms .post-term-item { background-color: var(--secondary-light-trans-30); padding-inline: 0.5rem; } .news-grid-item__excerpt {} .gb-query-loop-wrapper .news-grid-item p.read-more-container { display: none; } /* News Stories page filters */ .wpgb-facet-1 .wpgb-button-facet .wpgb-button { background-color: transparent; border-color: var(--secondary); color: var(--primary-medium); } .wpgb-facet-1 .wpgb-button-facet .wpgb-button-label { font-weight: 600; font-size: var(--text-m); padding: var(--btn-padding); } /* on-hover */ .wpgb-facet.wpgb-facet-1 .wpgb-button-facet :is(.wpgb-button:hover,.wpgb-button:focus,.wpgb-button:active) { background-color: var(--secondary-light-trans-30); border-color: var(--secondary); color: var(--primary-medium); } /* facet selected */ .wpgb-facet-1 .wpgb-facet .wpgb-button[aria-pressed="true"] {} .wpgb-facet .wpgb-button[aria-pressed="true"] .wpgb-button-label {} .wpgb-facet.wpgb-facet-1 .wpgb-button[aria-pressed="true"] { background-color: var(--secondary-light-trans-30); border-color: var(--primary-medium); color: var(--primary-medium); } /*********************** * NEWS ARCHIVE STYLES * ***********************/ /* NEWS ARCHIVE NEWS ITEM STYLES */ .txr--news-wrap { row-gap: var(--section-space-l, 2rem); } .news-grid-item__date { color: var(--primary-trans-80); font-size: var(--text-s); } @media (max-width:767px) { .txr--news-item { border: 1px solid var(--secondary-light, var(--base-2, #ddd)); background-color: var(--secondary-light-trans-20, #d9d9d933); } #piotnetgrid .piotnetgrid-column.p86546338.txr--news-item__text-wrap { margin-block-start: var(--section-space-s,.5em); padding-inline: var(--section-padding-x); } } /* Aligns calendar and location "buttons" with bottom of News Item */ .txr--news-item__text-wrap .gb-inside-container, .txr--news-item__text-wrap .piotnetgrid-column__inner { height: 100%; padding-bottom: 7.183rem; position: relative; } .txr--news-item__text-wrap .gb-inside-container .txr--news-item__button-wrap, .txr--news-item__text-wrap .piotnetgrid-column__inner .txr--news-item__button-wrap.piotnetgrid-icon-list { bottom: 0; left: 0; position: absolute!important; right: 0; } .txr--news-item__text-wrap .piotnetgrid-column__inner .txr--news-item__button-wrap.piotnetgrid-icon-list { width: 100%!important; } @media (min-width: 1024px) { .txr--news-item__text-wrap .gb-inside-container, .txr--news-item__text-wrap .piotnetgrid-column__inner { padding-bottom: 5rem; } } /************************ * STATS SECTION STYLES * ************************/ /* Blue Circle Styles */ #stats-section { --figure-top-spacing: 1em; --circle-size: clamp(180px,50vw,250px); } #stats-section .txr--stats-item .txr--stats-item__blue-circle .gb-inside-container { align-items: center; background-color: var(--accent-3); border-radius: 100%; color: var(--base-3); display: flex; flex-direction: column; font-size: 2.1rem; font-weight: 600; height: 250px; height: var(--circle-size); width: var(--circle-size); justify-content: space-between; justify-content: center; line-height: 2.1rem; /*max-height: 250px;*/ max-width: 250px; padding: 3rem 3rem 2.5rem; padding: var(--space-xl, 3rem 3rem 2.5rem); text-align: center; /*width: 250px;*/ } .txr--stats-item__blue-circle .gb-block-image { margin-top: var(--figure-top-spacing); } .txr--stats-item__blue-circle p { margin-block: 0; } .txr-stats-item__title {} @media (min-width: 768px) and (max-width: 992px) { /* Blue Circle Styles */ #stats-section .txr--stats-item .txr--stats-item__blue-circle .gb-inside-container { height: 225px; max-height: 225px; max-width: 225px; width: 225px; } } /*************************** * TESTIMONIAL ITEM STYLES * **************************/ /* Reduces font-size of Testimonial item headlines */ .txr--testimonial-item .txr--testimonial-item__heading-wrap h2 { font-size: var(--text-xl, 1.555rem); line-height: 1.2; } /* Reduces size of Testimonial item paragraph text */ .txr--testimonial-item p.txr--testimonial-item__text-content { font-size: var(--text-m, 0.888rem); line-height: var(--line-height, 1.436rem); } .txr--testimonial-item p.txr--testimonial-item__client-name { font-size: var(--text-xs, 0.888rem); font-weight: 500; line-height: 1.436rem; } /* Adds a dash before Client Name text in testimonial item */ .txr--testimonial-item__client-name:before { content: "- "; } /* Styles Testimonial item heading to neaten appearance */ .txr--testimonial-item__heading-wrap .gb-inside-container { border-bottom: .25rem solid var(--accent-3); padding-bottom: .75rem; margin-bottom: 1.75rem; } .txr--testimonial-item__heading-wrap .gb-inside-container .gb-headline-text { min-height: 80px; display: flex; flex-direction: column; justify-content: center; } @media (min-width: 769px) { /* gives headline text a min height to keep item headers neat when they wrap onto two lines */ .txr--testimonial-item__heading-wrap .gb-inside-container .gb-headline-text { min-height: 80px; } } /* Adds border radius to make testimonial image a consistent circle */ .txr--testimonial-item__image-wrap figure.gb-block-image img { border-radius: 100%; } @media ( min-width: 1025px ) { /* Neatens spacing on 66% width testimonial items - * Makes item text content fill available vertical space */ #testimonials .gb-query-loop-item:nth-of-type(9n+1) .txr--testimonial-item .gb-inside-container, #testimonials .gb-query-loop-item:nth-of-type(9n+9) .txr--testimonial-item .gb-inside-container { height: 100%; } #testimonials .gb-query-loop-item:nth-of-type(9n+1) .txr--testimonial-item .gb-inside-container .txr--testimonial-item__content-wrap, #testimonials .gb-query-loop-item:nth-of-type(9n+9) .txr--testimonial-item .gb-inside-container .txr--testimonial-item__content-wrap { height: 100%; } #testimonials .gb-query-loop-item:nth-of-type(9n+1) .txr--testimonial-item .gb-inside-container .txr--testimonial-item__content-wrap .txr--testimonial-item__text-wrap, #testimonials .gb-query-loop-item:nth-of-type(9n+9) .txr--testimonial-item .gb-inside-container .txr--testimonial-item__content-wrap .txr--testimonial-item__text-wrap { display: flex; flex-direction: column; justify-content: flex-start; padding-bottom: 3.222rem; position: relative; } #testimonials .gb-query-loop-item:nth-of-type(9n+1) .txr--testimonial-item .gb-inside-container .txr--testimonial-item__content-wrap .txr--testimonial-item__text-wrap p.txr--testimonial-item__client-name, #testimonials .gb-query-loop-item:nth-of-type(9n+9) .txr--testimonial-item .gb-inside-container .txr--testimonial-item__content-wrap .txr--testimonial-item__text-wrap p.txr--testimonial-item__client-name { bottom: 0; padding-bottom: 1rem; position: absolute; left: 0; right: 0; } /* Vertically centers client image in 66% width grid items */ #testimonials .gb-query-loop-item:nth-of-type(9n+1) .txr--testimonial-item .gb-inside-container .txr--testimonial-item__image-wrap .gb-inside-container, #testimonials .gb-query-loop-item:nth-of-type(9n+9) .txr--testimonial-item .gb-inside-container .txr--testimonial-item__image-wrap .gb-inside-container { display: flex; flex-direction: column; justify-content: center; } } /******************************** * VOLUNTEER APPLICATION STYLES * ********************************/ /* Volunteer page specific heading styles */ #volunteer-application h1 { font-size: 1.777rem; } #volunteer-application h2 { color: var(--accent-3); font-size: 1.555rem; margin-top: 2rem; margin-bottom: 0.75rem; } /* Volunteer page form specific styles */ #volunteer-application form .ff-custom_html { margin-top: 1.75rem; margin-bottom: 1.5rem; } #volunteer-application form .ff-custom_html h2 { color: var(--accent-3); font-size: 1.555rem; margin-bottom: 0.25rem; } /* Form field and label styles */ /* Labels */ #volunteer-application form label { color: var(--contrast-2); font-size: 1rem; } #volunteer-application form .ff-el-form-check label span { color: var(--contast-3); font-size: 1rem; font-weight: 500; } /* Inputs and Textareas */ #volunteer-application form input, #volunteer-application form textarea { background-color: var(--base-2); border-color: var(--contrast-3); font-size: 1rem; font-weight: 500; } #volunteer-application form input:placeholder, #volunteer-application form textarea:placeholder { font-size: 1rem; font-weight: 500; } #volunteer-application form input:focus, #volunteer-application form textarea:focus { border-color: var(--accent-3); } /* Submit button styles */ #volunteer-application form .ff_submit_btn_wrapper button.ff-btn-submit { font-size: 1.25rem; font-weight: 600; padding: 0.75rem 1.25rem; } /***************** * FOOTER STYLES * *****************/ .trp-site-footer {} /* fix gp shape top border */ .gb-container-d92d3f27 > .gb-shapes .gb-shape-1 { top: -2px; } .trp-site-footer a { text-decoration: none; } .trp-site-footer a:hover { color: var(--white) !important; } .trp-site-footer__columns-wrapper { } .trp-site-footer .trp-site-footer__navigation-menu { margin-bottom: 1rem; } .trp-site-footer__social-buttons { } @media (max-width:1023px) { .trp-site-footer__social-buttons { display: block; margin-left: auto; margin-right: auto; } } .trp-site-footer__social-buttons .gb-button { padding: .25em; margin-right: 1em; min-inline-size: unset; background-color: var(--white); color: var(--primary); } .trp-site-footer__social-buttons .gb-button:hover { background-color: var(--action); color: var(--white); border-color: var(--action); } @media (max-width: 767px) { .trp-site-footer .trp-site-footer__navigation-menu ul li { width: 100%; justify-content: center; } .trp-site-footer .trp-site-footer__where-we-serve-container { flex-direction: column; margin-bottom: calc(var(--spacing-base) * 4); } .trp-site-footer .trp-site-footer__where-we-serve-container .gb-headline { inline-size: auto; } } form[role="search"] { width: 100%; } /* --------------- * Sponsors page * --------------- */ .sponsors-loop-grid__logo { aspect-ratio: 4/3; } /* ----------------------- * Dallas Region page * ----------------------- */ .dallas-region__address-text {} .dallas-region__address-text.center-text { text-align: center; } /* table with seasonal warehouse start times */ .warehouse-check-in-times { margin-inline: auto; border-collapse: collapse; } .warehouse-check-in-times tr:nth-of-type(2) { color: #088a08; } .warehouse-check-in-times tr:nth-of-type(3) { color: #8904b1; } .warehouse-check-in-times, .warehouse-check-in-times td { width: auto; font-weight: 700; } .warehouse-check-in-times, .warehouse-check-in-times td { border: 0; padding-inline: 1.5rem; padding-block: 0.5rem; } /* faq list spacing */ .dallas-region__faq-list li { margin-block-end: 0.75rem; } /* build calendar headings */ .volunteer_need_column, .volunteer_scheduled_column { display: flex; flex-wrap: wrap; max-width: 12rem; } td.no-text-wrapping { text-wrap: nowrap; } /* ------------------ brought in from Customizer --------------------- */ /* news page image position fix */ .page-id-47 #page-header.txr-page-header { background-position: center bottom; } .fluentform .frm-fluent-form .ff-btn { background-color: var(--accent); } .fluentform .frm-fluent-form .ff-btn:hover { background-color: var(--contrast); } /* ------------------- * Fluent Forms * ------------------- */ .fluentform .ff-message-success { border: 1px solid green; border-left: 6px solid green; background-color: rgb(0 128 0 / 10%); } /* * Links */ /* external */ a[target="_blank"]::after { content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAQElEQVR42qXKwQkAIAxDUUdxtO6/RBQkQZvSi8I/pL4BoGw/XPkh4XigPmsUgh0626AjRsgxHTkUThsG2T/sIlzdTsp52kSS1wAAAABJRU5ErkJggg==); margin: 0px 3px 0px 5px; } /* * BLOG POST HEADER */ .block__page-hero-blog-posts__container { overflow: visible; padding-block: var(--section-space-m); padding-inline: var(--section-padding-x); } .block__page-hero-blog-posts__container:before { filter: blur(5px) } /* var(--secondary-ultra-light, var(--gp-base)) */ .block__page-hero-blog-posts__featured-image { /* test */ } .block__page-hero-blog-posts__featured-image img { box-shadow: 0px 5px 22px -2px rgba(0,0,0,.5); height: 100%; width: auto; max-width: 100%; max-height: 500px; object-fit: cover; } /* * BLOG SIDEBAR */ @media screen and (min-width: 769px) { .is-right-sidebar { position: sticky; top: calc(90px + 0.5rem); align-self: flex-start; } } /* Utility Classes */ body:not(.logged-in) .hide-unless-logged-in { display: none; }