/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/






/* TYPOGRAPHY */

@font-face {
	font-family: "TriviaGroteskC6";
	src: url('/wp-content/uploads/fonts/TriviaGroteskC6.woff2') format('woff2'), 
		 url('/wp-content/uploads/fonts/TriviaGroteskC6.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Inclusive Sans";
    src: url('/wp-content/uploads/fonts/InclusiveSans-VariableFont_wght.ttf') format('truetype');
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Trio Grotesk";
    src: url('/wp-content/uploads/fonts/TrioGrotesk-Medium.eot');
    src: url('/wp-content/uploads/fonts/TrioGrotesk-Medium.eot?#iefix') format('embedded-opentype'),
         url('/wp-content/uploads/fonts/TrioGrotesk-Medium.woff2') format('woff2'),
         url('/wp-content/uploads/fonts/TrioGrotesk-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Inclusive Sans";
    src: url('/wp-content/uploads/fonts/InclusiveSans-Italic-VariableFont_wght.ttf') format('truetype');
    font-weight: 100 900;
    font-style: italic;
    font-display: swap;
}



html {
	text-rendering: optimizeLegibility;
	-moz-osx-font-smoothing: grayscale;
	font-smoothing: antialiased;
	-webkit-font-smoothing: antialiased;
}

h1, h2 {
	font-family: "TriviaGroteskC6", sans-serif;
    font-weight: normal;
    font-style: normal;
    text-transform: uppercase;
    font-size: 12rem;
    line-height: 0.85;
}

.bannersectionheading {
  text-align: center;
}

.bannersectionheading h2 {
  display: inline-block;
  background: #B28CFD;
  padding: 2rem 2rem;
  margin-bottom: 2rem !important;
  transform: rotate(-2.5deg);
  transform-origin: center center;
}

h3 {
    font-family: "Trio Grotesk", sans-serif ;
    letter-spacing: -2px;
    font-weight: 500;
    font-style: normal;
}

h4, h5, h6, body, p {
    font-family: "Inclusive Sans", sans-serif;
    font-weight: 400;
}

blockquote {
    font-family: "Inclusive Sans", sans-serif;
    font-weight: 700;
}

strong {
	font-weight: 700;
}

.light {
	font-weight: 300;
}

::placeholder {
	color: rgba(25, 20, 20, 0.50) ;
}


.contactpageheading {
	margin: 2rem 0 3rem 0 !important;
}

.tagline {
    font-family: "Trio Grotesk", sans-serif ;
    font-weight: 500;
    font-style: normal;
	font-size: 4rem;
	line-height: 1.2;
    letter-spacing: -2px;
}





/* BUTTONS — unified system */

/* Base styles for ALL buttons */
#submitButton,
.nectar-button,
.nectar-post-grid-wrap .load-more,
#ajax-content-wrap .nectar-cta .link_wrap a,
#header-outer .nectar-cta .link_wrap a {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  font-family: "Trio Grotesk", sans-serif;
  font-weight: 500;
  font-style: normal;

  padding: 12px 24px;
  border-radius: 12px;
  border: 0;

  text-decoration: none;

  transition:
    transform 0.35s ease,
    box-shadow 0.35s ease,
    background-color 0.3s ease,
    color 0.3s ease,
    opacity 0.3s ease;
    
    transform-origin: 50% 50% !important;
}

body[data-form-submit=regular] .container-wrap button[type=submit], body[data-form-submit=regular] .container-wrap input[type=submit] {
  padding: 12px 24px !important;
  font-size: 1.5rem;
  line-height: 1.5;
}


/* Ensure CTA wrapper behaves properly */
#ajax-content-wrap .nectar-cta .link_wrap,
#header-outer .nectar-cta .link_wrap {
  border-radius: 12px !important;
}

/* =========================
   COLOUR VARIANTS ONLY
   ========================= */

/* Primary buttons */
#submitButton,
.nectar-button,
#ajax-content-wrap .nectar-cta .link_wrap a,
#header-outer .nectar-cta .link_wrap a {
  background-color: rgba(25,20,20,1);
  color: rgba(250,250,250,1);
}


/* Load more (inverted) */
.nectar-post-grid-wrap .load-more {
  background-color: rgba(255,255,255,1);
  color: rgba(25,20,20,1);
}



/* =========================
   SHARED HOVER BEHAVIOUR
   ========================= */
.nectar-button:hover,
#ajax-content-wrap .nectar-cta .link_wrap:hover a,
#header-outer .nectar-cta .link_wrap:hover a,
#submitButton:hover,
button[type=submit]:hover {
  transform: rotate(-1deg) scale(1.025);
  box-shadow: 0 0px 20px rgba(25,20,20,0.3);
  background-color: rgba(25,20,20,1) !important;
}

/* Keep load-more colour stable on hover */
.nectar-post-grid-wrap[data-load-more-color=black] .load-more:hover,
.nectar-post-grid-wrap .load-more:hover {
  transform: rotate(-1deg) scale(1.025);
  box-shadow: 0 0px 20px rgba(25,20,20,0.3);
  background-color: rgba(255,255,255,1);
  color: rgba(25,20,20,1);
}

body[data-form-submit=regular] button[type=submit]:hover, body[data-form-submit=regular] input[type=submit]:hover {
	opacity: 1.0 !important;
}

/* =========================
   ACTIVE (PRESS) STATE
   ========================= */
.nectar-button:active,
.nectar-post-grid-wrap .load-more:active,
#ajax-content-wrap .nectar-cta .link_wrap:active a,
#header-outer .nectar-cta .link_wrap:active a,
#submitButton:active {
  transform: rotate(-1deg) scale(1.025);
  box-shadow: 0 0px 20px rgba(25,20,20,0.3);
}

/* =========================
   FORCE RADIUS CONSISTENCY
   ========================= */

body[data-button-style*=slightly_rounded] 
.nectar-post-grid-wrap .load-more,
body[data-button-style*=slightly_rounded] 
.nectar-post-grid-wrap .load-more:before {
  border-radius: 12px;
}




/* LINKS */

.wpb_text_column a,
p a,
.nectar-fancy-box .inner a,
.nectar-fancy-ul a,
.nectar_team_member_overlay .team-desc a,
.main-content > .row > h1 a,
.main-content > .row > h2 a,
.main-content > .row > h3 a,
.main-content > .row > h4 a,
.main-content > .row > h5 a,
.main-content > .row > h6 a,
.wp-block-quote a,
.wp-block-list a {
  position: relative;
  text-decoration: none;
  color: inherit;
}

.wpb_text_column a::after,
p a::after,
.nectar-fancy-box .inner a::after,
.nectar-fancy-ul a::after,
.nectar_team_member_overlay .team-desc a::after,
.main-content > .row > h1 a::after,
.main-content > .row > h2 a::after,
.main-content > .row > h3 a::after,
.main-content > .row > h4 a::after,
.main-content > .row > h5 a::after,
.main-content > .row > h6 a::after,
.wp-block-quote a::after,
.wp-block-list a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 100%;
  height: 1px;
  background: currentColor;

  opacity: 0.2;
  transform: translateY(0);
  transition: transform 0.3s ease, opacity 0.3s ease;
}

.wpb_text_column a:hover::after,
p a:hover::after,
.nectar-fancy-box .inner a:hover::after,
.nectar-fancy-ul a:hover::after,
.nectar_team_member_overlay .team-desc a:hover::after,
.main-content > .row > h1 a:hover::after,
.main-content > .row > h2 a:hover::after,
.main-content > .row > h3 a:hover::after,
.main-content > .row > h4 a:hover::after,
.main-content > .row > h5 a:hover::after,
.main-content > .row > h6 a:hover::after,
.wp-block-quote a:hover::after,
.wp-block-list a:hover::after {
  transform: translateY(3px);
  opacity: 0;
}

.nectar-post-grid-filters a:after {
  transform: none; /* 👈 removes scale animation */
}

.nectar-post-grid-filters a {
  position: relative;
  text-decoration: none;
}

.nectar-post-grid-filters a:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 100%;
  height: 1px;
  background: currentColor;

  opacity: 0;
  transform: translateY(3px); /* start slightly lower */
  transition: transform 0.3s ease, opacity 0.3s ease;
}

.nectar-post-grid-filters a:hover:after {
  opacity: 0.2;
  transform: translateY(0);
}

.nectar-post-grid-filters a.active:after,
.nectar-post-grid-filters .active a:after {
  opacity: 0.2;
  transform: translateY(0);
}


/* NAV UNDERLINES */

#header-outer[data-lhe="animated_underline"] #top nav > ul > li > a .menu-title-text,
#header-secondary-outer[data-lhe="animated_underline"] nav > .sf-menu > li > a .menu-title-text,
#header-outer .mobile-header li:not([class*="button_"]) > a .menu-title-text {
  position: relative;
}

#header-outer[data-lhe="animated_underline"] #top nav > ul > li > a .menu-title-text:after,
#header-secondary-outer[data-lhe="animated_underline"] nav > .sf-menu > li > a .menu-title-text:after,
#header-outer .mobile-header li:not([class*="button_"]) > a .menu-title-text:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -5px;
  width: 100%;
  height: 1px !important;
  background: currentColor;
  backface-visibility: hidden;
  border-top-width: 0px;
  opacity: 0;
  transform: translateY(3px);
  transition: transform 0.25s ease, opacity 0.2s ease;
}

#header-outer[data-lhe="animated_underline"] #top nav > ul > li > a:hover .menu-title-text:after,
#header-outer[data-lhe="animated_underline"] #top nav > ul > li.sfHover > a .menu-title-text:after,
#header-secondary-outer[data-lhe="animated_underline"] nav > .sf-menu > li > a:hover .menu-title-text:after,
#header-secondary-outer[data-lhe="animated_underline"] nav > .sf-menu > li > a:focus .menu-title-text:after,
#header-outer .mobile-header li:not([class*="button_"]) > a:hover .menu-title-text:after {
  opacity: 0.2;
  transform: translateY(0);
}

#header-outer[data-lhe="animated_underline"] .sf-menu .current_page_ancestor > a .menu-title-text:after,
#header-outer[data-lhe="animated_underline"] .sf-menu .current-menu-ancestor > a .menu-title-text:after,
#header-outer[data-lhe="animated_underline"] .sf-menu .current-menu-item > a .menu-title-text:after,
#header-outer[data-lhe="animated_underline"] .sf-menu .current_page_item > a .menu-title-text:after,
#header-outer[data-lhe="animated_underline"] .sf-menu .current_page_parent > a .menu-title-text:after,
#header-outer[data-lhe="animated_underline"] .buttons .current-menu-item > a .menu-title-text:after,
#header-outer[data-lhe="animated_underline"] .buttons .current-menu-ancestor > a .menu-title-text:after {
  opacity: 0.2;
  transform: translateY(0);
}




/* HEADER NAV */

#header-outer[data-box-shadow="small"] {
	box-shadow: 0 0px 20px rgba(25,20,20,0.2);
}

 #header-outer[data-lhe="animated_underline"] #top nav > ul > li > a .menu-title-text:after {
	border-color: rgba(25,20,20,0.2);
}

.sf-menu > li > a:hover > .sf-sub-indicator i,
.sf-menu > li > a:active > .sf-sub-indicator i,
.sf-menu > .sfHover > a > .sf-sub-indicator i {
	color: rgba(25,20,20,1.0) !important;
}

#top nav ul li a, body[data-header-color=light] .mobile-header, body[data-header-color=light] .span_9>.slide-out-widget-area-toggle a .label {
	color: rgba(25,20,20,1.0);
}

body #header-outer, #header-outer #top {
	border-radius: 12px;
}

.sf-menu li {
	
}

#header-outer:not([data-format=centered-menu-under-logo]):not([data-format=centered-menu-bottom-bar]) #top .slide-out-widget-area-toggle[data-custom-color=true] a:before, #header-outer:not([data-format=centered-menu-under-logo]):not([data-format=centered-menu-bottom-bar]) #top nav>ul>li[class*=button_]>a:before {
}

#header-outer:not([data-format=centered-menu-under-logo]):not([data-format=centered-menu-bottom-bar]) #top .slide-out-widget-area-toggle[data-custom-color=true] a:before, #header-outer:not([data-format=centered-menu-under-logo]):not([data-format=centered-menu-bottom-bar]) #top nav>ul>li[class*=button_]>a:before {
	background-color: #191414 !important;
    transition: background-color 0.3s ease;
	border-radius: 6px !important;
}

#header-outer:not([data-format=centered-menu-under-logo]):not([data-format=centered-menu-bottom-bar]) #top .slide-out-widget-area-toggle[data-custom-color=true] a:before,
#header-outer:not([data-format=centered-menu-under-logo]):not([data-format=centered-menu-bottom-bar]) #top nav>ul>li[class*=button_]>a:before {
	background-color: rgba(25, 20, 20, 1.0) !important;
}

#header-outer[data-header-button_style=default] #top nav>ul>li[class*=button_solid_color]>a:hover:before, #header-outer[data-header-button_style=default].transparent #top nav>ul>li[class*=button_solid_color]>a:hover:before {
	background-color: rgba(25, 20, 20, 0.2) !important;
}

#header-outer.dark-text #top nav>ul>li[class*=button_solid_color]>a:hover,
#header-outer[data-lhe=animated_underline] #top nav>ul>li[class*=button_solid_color]>a:hover,
#header-outer[data-lhe=default] #top nav .sf-menu .current_page_item[class*=button_solid_color]>a:hover,
#top nav>ul>li[class*=button_solid_color]>a:hover,
body #header-outer.transparent #top nav>ul>li[class*=button_solid_color]>a:hover {
    color: rgba(25, 20, 20, 1.0) !important;
}


#header-outer[data-lhe="animated_underline"] #top nav > ul > li[class*="button_solid_color"] > a {
	font-family: "Trio Grotesk", sans-serif;
	letter-spacing: 0.05em;
	font-size: 0.875rem;
	font-weight: 500;
	font-style: normal;
	text-transform: uppercase;
}

#top nav > ul > li[class*="button_solid_color"] > a:before, #header-outer.transparent #top nav > ul > li[class*="button_solid_color"] > a:before, #header-outer #top .slide-out-widget-area-toggle[data-custom-color="true"] a:before {
	height: 1.5rem;
}



#header-outer[data-full-width=true] header>.container, body[data-slide-out-widget-area-style=simple] #header-outer[data-full-width=true] #mobile-menu {
	padding: 0 0 0 28px;
}

#header-outer.dark-text #top nav>ul>li[class*=button_solid_color]>a, #header-outer[data-lhe=animated_underline] #top nav>ul>li[class*=button_solid_color]>a, #header-outer[data-lhe=default] #top nav .sf-menu .current_page_item[class*=button_solid_color]>a, #top nav>ul>li[class*=button_solid_color]>a, body #header-outer.transparent #top nav>ul>li[class*=button_solid_color]>a {
	padding-left: 12px;
	padding-right: 12px;
}





/* FOOTER */

#footer-outer #footer-widgets .col p {
	font-size: 1.125rem;
	line-height: 1.5;
}

#footer-outer .widget {
	margin-bottom: 1.5;
}

#footer-outer #copyright a:hover:not(.nectar-button) {
	color: inherit;
}

#footer-outer .row {
	padding: 4rem 0 0 0;
}

.widget_media_image {
  bottom: 0;
  right: 0;
}

#footer-outer #copyright {
	font-size: 0.95rem;
	padding: 2rem 0;
	color: #191414;
}

@media (min-width:691px) {
	
#footer-outer .span_5 {
	width: 98% !important;
}

#footer-outer .span_7 {
	width: 0% !important;
}

}


/* CATEGORY LABELS */

form label, .woocommerce-checkout-review-order-table .product-info .amount, .nectar-progress-bar p, .nectar-progress-bar span strong i, .nectar-progress-bar span strong, body.material .nectar_single_testimonial[data-style="basic"] span.wrap, body.material .nectar_single_testimonial[data-style="basic_left_image"] span.wrap, .testimonial_slider:not([data-style="minimal"]) blockquote span, .woocommerce-ordering .select2-container--default .select2-selection--single .select2-selection__rendered, .woocommerce-ordering .select2-container .select2-choice>.select2-chosen, body[data-fancy-form-rcs="1"] .woocommerce-ordering select, .tabbed[data-style="minimal_alt"] > ul li a, .material .widget .nectar_widget[class*="nectar_blog_posts_"] > li .post-title, body.material .tagcloud a, .material .main-content .widget li a, .material #footer-outer .widget li a, .nectar-recent-posts-slider_multiple_visible .recent-post-container.container .strong a, .material .recentcomments .comment-author-link, .single .post-area .content-inner > .post-tags a, .masonry.material .masonry-blog-item .grav-wrap a, .masonry.material .masonry-blog-item .meta-category a, .post-area.featured_img_left article .meta-category a, .post-area.featured_img_left article .grav-wrap .text a, .related-posts[data-style="material"] .meta-category a, .masonry.auto_meta_overlaid_spaced article.post.quote .author, .masonry.material article.post.quote .author, .nectar-post-grid-wrap[data-style="vertical_list"] .nectar-link-underline, .nectar-post-grid.vert_list_counter .item-main:before, body.search-results #search-results[data-layout="list-no-sidebar"] .result .inner-wrap h2 span, .material .tabbed >ul li a, .post-area.featured_img_left article.post.quote .author, .single .post.format-quote .author, .related-posts[data-style="material"] .grav-wrap .text a, .auto_meta_overlaid_spaced .masonry-blog-item .meta-category a, [data-style="list_featured_first_row"] .meta-category a, .nectar-recent-posts-single_featured .strong a, .nectar-recent-posts-single_featured.multiple_featured .controls li .title, body .woocommerce .nectar-woo-flickity[data-controls="arrows-and-text"] .woo-flickity-count, body.woocommerce ul.products li.minimal.product span.onsale, .nectar-ajax-search-results ul.products li.minimal.product span.onsale, .nectar-woo-flickity ul.products li.minimal.product span.onsale, .nectar-quick-view-box span.onsale, .nectar-quick-view-box .nectar-full-product-link a, body .nectar-quick-view-box .single_add_to_cart_button, .nectar-quick-view-box .single_add_to_cart_button, body .cart .quantity input.qty, body .cart .quantity input.plus, body .cart .quantity input.minus, body .woocommerce-mini-cart .quantity input.qty, body .woocommerce-mini-cart .quantity input.plus, body .woocommerce-mini-cart .quantity input.minus, .style_slide_in_click .product-meta > .quantity .amount, .pum-theme-salient-page-builder-optimized .pum-container .pum-content+.pum-close, .woocommerce-account .woocommerce-form-login .lost_password, .woocommerce div.product .woocommerce-tabs .full-width-content[data-tab-style="fullwidth"] ul.tabs li a, .woocommerce div.product_meta, .woocommerce table.shop_table th, #header-outer .widget_shopping_cart .cart_list a, .woocommerce .yith-wcan-reset-navigation.button, .single-product .entry-summary p.stock.out-of-stock, .nectar-post-grid.layout-stacked[data-text-layout="all_middle"] .nectar-post-grid-item__meta-wrap, .nectar-post-grid .nectar-post-grid-item .content .meta-category a, .nectar-post-grid-item .item-main > .meta-author .meta-author-name, .nectar-post-grid-item .post-heading-wrap .meta-author-name, .nectar-slide-in-cart.style_slide_in_click ul.product_list_widget li dl dt, .woocommerce-tabs ol.commentlist li .comment-text p.meta strong, #ajax-content-wrap .nectar-inherit-label {
	font-family: "Trio Grotesk", sans-serif ;
    letter-spacing: 0.05em;
    font-size: 0.875rem;
    font-weight: 500;
    font-style: normal;
    text-transform: uppercase;
}

.nectar-post-grid-wrap[data-style=content_next_to_image] .nectar-post-grid[data-text-color=dark] .nectar-post-grid-item .content *, .nectar-post-grid-wrap[data-style=content_under_image] .nectar-post-grid[data-text-color=dark] .nectar-post-grid-item .content *, .nectar-post-grid-wrap[data-style=vertical_list] .nectar-post-grid[data-text-color=dark] .nectar-post-grid-item:not(:hover) .content *,
body[data-button-style*=slightly_rounded] #page-header-bg[data-post-hs=default_minimal] .inner-wrap>a, body[data-button-style*=slightly_rounded].single .heading-title[data-header-style=default_minimal] .meta-category a {
	border-radius: 6px !important;
}

.nectar-post-grid .meta-category .style-button {
	padding: .5em .75em;
}

.nectar-post-grid .meta-category a {
	margin-bottom: 0px;
}





/* DONORFY FORMS */

input[type=date],
input[type=email],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=url],
textarea,
input {
	font-family: "Inclusive Sans", sans-serif !important;
	font-weight: 400;
}

.donorfy-form {
  max-width: 100%;
  margin: 0 auto;
}

.donorfy-form iframe {
  width: 100%;
  min-height: 2000px;
  border: none;
}

/* White framed panels */
.donation-form-panel {
  background: #fafafa;
  border: 0px solid #d9d9d9;
  padding: 4rem 4rem 3rem 4rem;
  margin-bottom: 4rem;
  box-sizing: border-box;
}

.donation-panel-amount {
  margin-bottom: 2rem;
}

.form-field {
	margin-bottom: 1.5rem;
}

form label, .form-field label, .gift-aid-intro {
  font-family: "Inclusive Sans", sans-serif;
  font-weight: 400;
  font-style: normal;
  text-transform: none;
  letter-spacing: 0em;
  font-size: 1.125rem !important;
  line-height: 1.333 !important;
  display: block;
  margin-bottom: 0.5rem;
  cursor: pointer;
}

.gift-aid-intro {
  margin-bottom: 0rem;
  padding-bottom: 1.333rem;
}

.gift-aid-label {
  display: flex !important;
  align-items: baseline; /* key change */
  gap: 7px;
}

.gift-aid-content {
  flex: 1;        /* allows text to take full width */
  min-width: 0;   /* prevents weird wrapping issues */
}

.gift-aid-title {
  font-weight: 700;
  margin-left: 0px !important;
  display: inline-block;
}

.gift-aid-disclaimer {
  font-weight: 400;
  margin-left: 0px !important;
  display: inline-block;
}



/* Donation amount section */
.donation-amount-section {
  margin-bottom: 0;
}

.donation-amount-label {
  display: block;
  margin-top: 0;
  margin-bottom: 2rem;
  font-weight: 700;
  font-size: 2.4rem;
  line-height: 1.15;
}

/* Stack buttons vertically */
.donation-amount-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.25rem;
}

.donation-amount-button {
  display: grid;
  grid-template-columns: 140px 1fr;
  align-items: center;
  min-height: 86px;
  padding: 1.25rem 1.25rem;
  text-align: left;
  cursor: pointer;
  transition: border-color 0.2s ease, background-color 0.2s ease;
  border: 1px solid rgba(25,20,20,1.0);
  border-radius: 12px !important;
  background: rgba(250,250,250,1.0);
  box-sizing: border-box;
}

.donation-amount-button:hover {
  border-color: rgba(178,140,253,1.0);
  background: rgba(178,140,253,0.5);
}

.donation-amount-button.is-active {
  border-color: rgba(178,140,253,1.0);
  background: rgba(178,140,253,1.0);
  box-shadow: 0 0px 20px rgba(25,20,20,0.2);
}

.donation-amount-value,
.donation-custom-prefix,
.donation-custom-wrap input[type=number] {
    font-family: "Trio Grotesk", sans-serif !important ;
    letter-spacing: -2px !important;
    font-weight: 500 !important;
    font-style: normal !important;
	font-size: 3rem !important;
	line-height: 1 !important;
}

.donation-amount-value {
  display: block;
  margin-bottom: 0;
}

.donation-amount-note {
  display: block;
  line-height: 1.4;
  padding-left: 0.5rem;
}


/* Custom amount row */
.donation-custom-wrap {
  position: relative;
  display: grid;
  grid-template-columns: 140px 1fr;
  align-items: center;
  min-height: 86px;
  padding: 1rem 1.25rem;
  border: 1px solid #191414;
  border-radius: 12px;
  transition: border-color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease;
  background: #fafafa;
  box-sizing: border-box;
  cursor: pointer;
}

.donation-custom-wrap input[type=number] {
	border: 0 !important;
	margin-bottom: 0;
	padding: 0px;
}

.donation-custom-wrap:focus-within,
.donation-custom-wrap.is-active {
  border-color: rgba(178,140,253,1.0);
  background: rgba(178,140,253,1.0);
  box-shadow: 0 0px 20px rgba(25,20,20,0.2);
}

.donorfy-hidden-amount {
  position: absolute !important;
  left: -9999px !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
}

/* Left side: £ + input */
.donation-custom-input-wrap {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  min-width: 0;
}

.donation-custom-prefix {
  position: static;
  transform: none;
  z-index: 1;
  font-size: 2.4rem;
  line-height: 1;
  font-weight: 700;
  flex: 0 0 auto;
}

.donation-custom-input {
  width: 100%;
  min-height: auto;
  border: 0;
  padding: 0;
  font-size: 2.4rem;
  line-height: 1;
  font-weight: 700;
  text-align: left;
  box-sizing: border-box;
  background: transparent;
  color: rgba(25, 20, 20, 1) !important;
}

.donation-custom-input:focus {
  outline: none;
}

/* Remove number arrows if preferred */
.donation-custom-input::-webkit-outer-spin-button,
.donation-custom-input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.donation-custom-input[type=number] {
  -moz-appearance: textfield;
}

/* Right side: label + note */
.donation-custom-text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 0.5rem;
  min-width: 0;
}

.donation-custom-text h6,
.donation-amount-note {
  margin-top: 0;
  margin-bottom: 0;
}

.donation-custom-label,
.donation-custom-note {
  display: block;
  margin: 0;
}

.donation-custom-label {
  color: rgba(25, 20, 20, 1);
}

.donation-custom-note {
  color: rgba(25, 20, 20, 1);
}

/* Error state */
.donation-custom-input.has-error {
  background: transparent;
}

.donation-custom-wrap.has-error {
  border-color: rgba(255, 49, 49, 1.0);
  background: rgba(255, 49, 49, 0.15);
}

.donation-custom-wrap.has-error .donation-custom-input,
.donation-custom-wrap.has-error .donation-custom-prefix,
.donation-custom-wrap.has-error .donation-custom-label,
.donation-custom-wrap.has-error .donation-custom-note {
  color: rgba(255, 49, 49, 1.0) !important;
}

/* Error message directly below donation section */
.form-error {
  display: block;
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  transform: translateY(-6px);
  pointer-events: none;
  background: rgba(255, 49, 49, 0.15);
  border: 1px solid rgba(255, 49, 49, 1.0);
  color: rgba(255, 49, 49, 1.0);
  padding: 0 16px;
  margin-top: 0;
  margin-bottom: 0;
  border-radius: 0;
  text-align: center;
}

.form-error.is-visible {
  max-height: 120px;
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
  padding: 12px 16px;
}

.form-error h6 {
  margin: 0;
  color: rgba(255, 49, 49, 1.0);
}

.form-error strong {
  font-weight: 700;
}

.donation-amount-error {
  max-width: 100%;
}

.donorfy-form h4 {
  font-weight: 700;
  margin-top: 0 !important;
  margin-bottom: 1.5rem !important;
  font-size: 2.2rem;
  line-height: 1.15;
}

.details-error {
  max-width: 100%;
}

.form-field.has-error input,
.form-field.has-error textarea,
#CreditCardForm input[type="text"].has-error {
  border-color: rgba(255, 49, 49, 1) !important;
  background: rgba(255, 49, 49, 0.15) !important;
}

.form-field.has-error label {
  color: rgba(255, 49, 49, 1);
}



/* Inputs */
#CreditCardForm input[type="text"],
#CreditCardForm input[type="email"],
#CreditCardForm input[type="tel"],
#CreditCardForm input[type="number"],
#CreditCardForm select,
#CreditCardForm textarea,
#card-number,
#card-expiry,
#card-cvc {
  width: 100%;
  box-sizing: border-box;
  background-color: #ffffff;
}

#CreditCardForm input[type="text"],
#CreditCardForm input[type="email"],
#CreditCardForm input[type="tel"],
#CreditCardForm input[type="number"],
#CreditCardForm textarea {
  border: 1px solid #191414;
  border-radius: 0;
  padding: 0.75rem 0.9rem;
}

/* Stripe element containers */
#CreditCardForm input[type="text"], #CreditCardForm input[type="email"], #CreditCardForm input[type="tel"], #CreditCardForm input[type="number"], #CreditCardForm select, #CreditCardForm textarea, #card-number, #card-expiry, #card-cvc {
	background-color: #fafafa !important;
}

#card-number,
#card-expiry,
#card-cvc {
  font-family: "Inclusive Sans", sans-serif !important;
  font-weight: 400 !important;
  font-style: normal !important;
  height: 50px;
  padding: 1rem 0.9rem;
  border: 1px solid #191414;
  background: #fff;
}

/* Button area */
.form-actions {
  margin-top: 2rem;
  text-align: center;
}

#submitButton {
  min-width: 220px;
}

/* Reset native checkbox */
input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  
  width: 14px;
  height: 14px;
  padding: 0px !important;

  border: 1px solid #191414;
  border-radius: 0px; /* small radius to match your system */

  background: #fafafa;
  cursor: pointer;

  display: inline-block;
  position: relative;

  transition: 
    background-color 0.2s ease,
    border-color 0.2s ease,
    box-shadow 0.2s ease;
}

label input {
	margin: 0px 7px 0 0 !important;
}

.gift-aid-label input[type="checkbox"] {
  margin-top: 0.75rem;
  flex: 0 0 14px; /* fixed width */
}

input:is([type="radio"], [type="checkbox"]) {
	padding: 0px;	
}

/* Hover (optional but nice) */
input[type="checkbox"]:hover {
  border-color: #191414;
}

/* Focus state (accessibility) */
input[type="checkbox"]:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(178,140,253,0.2);
}

/* Checked state — filled */
input[type="checkbox"]:checked {
  background: #191414;
  border-color: #191414;
}

/* Optional: subtle inner indicator */
input[type="checkbox"]:checked::after {
	display: none;
}




/* Signup Help Message if form cannot be displayed */

.signup-help {
	
}

/* Responsive */
@media (max-width: 767px) {
  .donation-form-panel {
    padding: 2rem 2rem 1.5rem 2rem;
    margin-bottom: 2rem;
  }

  .donation-amount-label,
  .donorfy-form h3 {
    font-size: 2rem;
  }

  .donation-amount-button,
  .donation-custom-wrap {
    grid-template-columns: 140px 1fr;
    min-height: 120px;
    padding: 0.85rem 1rem;
  }

  .donation-amount-value,
  .donation-custom-prefix {
    font-size: 2rem;
  }

  .donation-custom-input {
    font-size: 0.95rem;
  }

  .donation-custom-input {
    min-height: 70px;
  }
}

@media (max-width: 480px) {
  .donation-amount-button,
  .donation-custom-wrap {
    grid-template-columns: 140px 1fr;
    gap: 0.5rem;
  }

  .donation-amount-value,
  .donation-custom-prefix {
    font-size: 2rem;
  }

  .donation-custom-input {
    padding-left: 0;
  }
}











/* HERO GRADIENT – smooth continuous crossfade */

.hero-gradient-row .row-bg-wrap .row-bg-overlay {
	position: absolute;
	inset: 0;
	z-index: 3;
	overflow: hidden;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;

	/* Gradient 1 */
	background: linear-gradient(0deg, rgba(178,140,253,0.75) 10%, rgba(255,152,49,0.75) 90%);
}

/* Shared pseudo-element setup */
.hero-gradient-row .row-bg-wrap .row-bg-overlay::before,
.hero-gradient-row .row-bg-wrap .row-bg-overlay::after {
	content: '';
	position: absolute;
	inset: 0;
	display: block;
	pointer-events: none;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	will-change: opacity;
}

/* Gradient 2 */
.hero-gradient-row .row-bg-wrap .row-bg-overlay::before {
	background: linear-gradient(0deg, rgba(133,208,249,0.75) 10%, rgba(255,152,49,0.75) 90%);
	animation: fadeGradient2 12s ease-in-out infinite;
}

/* Gradient 3 */
.hero-gradient-row .row-bg-wrap .row-bg-overlay::after {
	background: linear-gradient(0deg, rgba(242,129,196,0.75) 10%, rgba(255,152,49,0.75) 90%);
	animation: fadeGradient3 12s ease-in-out infinite;
}

/* Gradient 2 fades in/out over base */
@keyframes fadeGradient2 {
	0%, 20%   { opacity: 0; }
	33%, 53%  { opacity: 1; }
	66%, 100% { opacity: 0; }
}

/* Gradient 3 fades in/out over base */
@keyframes fadeGradient3 {
	0%, 53%   { opacity: 0; }
	66%, 86%  { opacity: 1; }
	100%      { opacity: 0; }
}







/* DOWN ARROW */

/* hide Salient's built-in SVG */
.hero-gradient-row .nectar-next-section svg.next-arrow {
	display: none !important;
}

/* centre the link */
.hero-gradient-row .nectar-next-section {
	position: relative;
	display: block;
	width: 120px;
	height: 40px;
	margin: 2rem auto 0;
	line-height: 1;
}

/* draw the chevron with two rounded strokes */
.hero-gradient-row .nectar-next-section::before,
.hero-gradient-row .nectar-next-section::after {
	content: '';
	position: absolute;
	top: 50%;
	width: 70%;
	height: 15%;
	background: #fafafa;
	border-radius: 3px;
	transform-origin: center;
}

/* left arm */
.hero-gradient-row .nectar-next-section::before {
	left: 60%;
	transform: translate(-100%, -50%) rotate(45deg);
}

/* right arm */
.hero-gradient-row .nectar-next-section::after {
	left: 40%;
	transform: translate(0, -50%) rotate(-45deg);
}




/* CTA FANCY BOX  */


.nectar-fancy-box[data-style="parallax_hover"][data-align="bottom"] .meta-wrap .inner {
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	width: calc(100% - 60px);
	background-color: #FAFAFA;
	margin-bottom: 30px;
	box-shadow: 0 0px 20px rgba(25,20,20,0.2);
}

.nectar-fancy-box[data-style=default] .inner *, .nectar-fancy-box[data-style=hover_desc] .inner *, .nectar-fancy-box[data-style=parallax_hover] .inner * {
	color: #191414;
}

.nectar-fancy-box[data-style="parallax_hover"],
.nectar-fancy-box[data-style="parallax_hover"]:after {
    transition: box-shadow 0.3s ease;
}

.nectar-fancy-box[data-style="parallax_hover"]:hover,
.nectar-fancy-box[data-style="parallax_hover"]:hover:after {
	box-shadow: 0 0px 80px rgba(25,20,20,0.2);
}



/* POST GRID  */


.nectar-post-grid-wrap[data-style=content_under_image] .nectar-post-grid[data-shadow-hover=yes][data-card=yes] .nectar-post-grid-item:hover {
	transform: rotate(0.5deg) scale(1.025);
	
}

.nectar-post-grid-wrap[data-style=content_under_image] .nectar-post-grid[data-shadow-hover=yes][data-card=yes] .nectar-post-grid-item:hover:after {
	box-shadow: 0 0px 20px rgba(25,20,20,0.2);
}

.nectar-post-grid-wrap[data-style=content_under_image] .nectar-post-grid[data-card=yes] .post-heading {
    font-family: "Inclusive Sans", sans-serif;
    font-weight: 700;
    font-size: 2.25rem;
    line-height: 1.2;
    margin: 20px 0;
}

.nectar-post-grid-wrap:not([data-style=content_overlaid]) .nectar-post-grid-item .content .meta-excerpt {
	max-width: 100%;
}

.nectar-post-grid .nectar-post-grid-item .meta-excerpt {
    font-size: 1.125rem;
    line-height: 1.333;
}

.nectar-post-grid .meta-date {
    font-size: 1.125rem;
    line-height: 1.333;
}

.category-position-before-title .item-main > .nectar-post-grid-item__meta-wrap:not(:empty) {
	margin-top:  20px;
}



/* INDIVIDUAL POST  */

#page-header-bg .span_6 {
	width: fit-content !important;
    margin: 0 auto;
    float: none;
}

@media only screen and (min-width :1px) and (max-width :1000px) {
	
	body.single-post #page-header-bg[data-post-hs=default][data-alignment-v=middle]:not(.fullscreen-header) .span_6, body.single-post #page-header-bg[data-post-hs=default_minimal][data-alignment-v=middle]:not(.fullscreen-header) .span_6 {
	transform: rotate(-1.5deg) !important;
	}
	
}

#page-header-bg[data-post-hs="default_minimal"] .inner-wrap {
	transform: rotate(-1.5deg) !important;
	background-color: #fafafa;
	padding: 40px 0px 40px 0px !important;
}

.single .heading-title[data-header-style=default_minimal] h1,
body[data-ext-responsive=true].single-post #page-header-bg[data-post-hs=default_minimal] h1 {
	padding: 25px 20px 20px 20px !important;
}

#page-header-bg h1, #page-header-bg .subheader, .nectar-box-roll .overlaid-content h1, .nectar-box-roll .overlaid-content .subheader, #page-header-bg #portfolio-nav a i, body .section-title #portfolio-nav a:hover i, .page-header-no-bg h1, .page-header-no-bg span, #page-header-bg #portfolio-nav a i, #page-header-bg span, #page-header-bg #single-below-header a:hover, #page-header-bg #single-below-header a:focus, #page-header-bg.fullscreen-header .author-section a {
	color: rgba(25,20,20,1.0) !important;
    font-weight: normal;
}

.featured-media-under-header__cat-wrap .meta-category .news,
.single .heading-title[data-header-style="default_minimal"] .meta-category .news,
#page-header-bg[data-post-hs="default_minimal"] .inner-wrap > .news {
    background-color: #ffcb98;
}

.featured-media-under-header__cat-wrap .meta-category .fundraising,
.single .heading-title[data-header-style="default_minimal"] .meta-category .fundraising,
#page-header-bg[data-post-hs="default_minimal"] .inner-wrap > .fundraising {
    background-color: #f8c0e1;
}

.featured-media-under-header__cat-wrap .meta-category .events,
.single .heading-title[data-header-style="default_minimal"] .meta-category .events,
#page-header-bg[data-post-hs="default_minimal"] .inner-wrap > .events {
    background-color: #d8c5fe;
}

.featured-media-under-header__cat-wrap .meta-category .stories,
.single .heading-title[data-header-style="default_minimal"] .meta-category .stories,
#page-header-bg[data-post-hs="default_minimal"] .inner-wrap > .stories {
    background-color: #c2e7fc;
}


#page-header-bg[data-post-hs="default_minimal"] .inner-wrap {
    opacity: 1 !important;
}

.single .heading-title[data-header-style=default_minimal] .meta-category a,
#page-header-bg[data-post-hs="default_minimal"] .inner-wrap >a, .material #page-header-bg.fullscreen-header .inner-wrap >a {
    color: #191414;
	border: none;
	padding: .5em .75em;
	margin: 5px 6px 0px 5px;
	display: inline-block;
	transition: all 0.2s ease;
	-webkit-transition: all 0.2s ease;
	font-family: "Trio Grotesk", sans-serif;
	letter-spacing: 0.05em;
	font-size: 0.875rem;
	font-weight: 500;
	font-style: normal;
	text-transform: uppercase;
}

#page-header-bg[data-post-hs="default_minimal"] .inner-wrap > a:not(:hover) {
    color: #191414;
}

body[data-button-style*=slightly_rounded] #page-header-bg[data-post-hs=default_minimal] .inner-wrap>a:hover, body[data-button-style*=slightly_rounded].single .heading-title[data-header-style=default_minimal] .meta-category a:hover {
	transform: translateY(0px)!important;
	pointer-events: none;
    cursor: default;
}

body[data-button-style*=slightly_rounded] #page-header-bg[data-post-hs=default_minimal] .inner-wrap>a, body[data-button-style*=slightly_rounded].single .heading-title[data-header-style=default_minimal] .meta-category a {
    pointer-events: none;
    cursor: default;
}

.post-area {
	margin-top: 0px;
}




/* RECENT POSTS WIDGET  */

.widget .nectar_widget[class*=nectar_blog_posts_][data-style=hover-featured-image-gradient-and-counter]>li::before, .widget .nectar_widget[class*=nectar_blog_posts_][data-style=minimal-counter]>li::before,
.widget .nectar_widget[class*=nectar_blog_posts_] .arrow-circle {
	display: none !important;
}

#footer-outer #footer-widgets .widget .nectar_widget[class*=nectar_blog_posts_][data-style=minimal-counter]>li, #sidebar .widget .nectar_widget[class*=nectar_blog_posts_][data-style=minimal-counter]>li, .widget .nectar_widget[class*=nectar_blog_posts_][data-style=minimal-counter]>li {
	padding-left: 0px;
	margin-bottom: 10px;
}

#sidebar h4 {
	color: rgba(25,20,20,1.0);
	opacity: 1.0;
	font-weight: 400;
	font-size: 1.5rem;
	line-height: 1.5;
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 1px solid black !important;
}

body .widget .nectar_widget[class*=nectar_blog_posts_]>li .post-title {
	font-weight: 700;
	font-size: 1.125rem;
	line-height: 1.25;
	color: rgba(25,20,20,1.0);
}

body .widget .nectar_widget[class*=nectar_blog_posts_]>li .post-date {
	font-size: 1.125rem;
	line-height: 1.25;
	margin-top: 0px;
}

#sidebar .widget .nectar_widget[class*=nectar_blog_posts_][data-style=minimal-counter]>li, .widget .nectar_widget[class*=nectar_blog_posts_][data-style=minimal-counter]>li {
	padding-bottom: 15px;
	border-bottom: 1px solid black !important;
}




/* SHARING MENU */ 

.nectar-social.fixed {
	right: 60px !important;
	bottom: 20px;
}

.sharing-default-minimal .nectar-love.loved, body .nectar-social[data-color-override="override"].fixed > a:before, body .nectar-social[data-color-override="override"].fixed .nectar-social-inner a, .sharing-default-minimal .nectar-social[data-color-override="override"] .nectar-social-inner a:hover, .nectar-social.vertical[data-color-override="override"] .nectar-social-inner a:hover {
	background-color: #191414;
}

.nectar-social.fixed:hover >a:before {
	box-shadow: 0 0px 20px rgba(25,20,20,0.2);
}

.nectar-social.fixed >a:before {
	border-radius: 6px;
}

.nectar-social.fixed .nectar-social-inner a {
	border-radius: 6px;
}

#ajax-content-wrap .nectar-social.fixed>a>i:before, body .nectar-social.fixed>a>i:before, body .nectar-social.hover .share-btn>i:before {
	content: "SHARE";
}

#ajax-content-wrap .nectar-social.fixed>a>i, body .nectar-social.fixed>a>i, body .nectar-social.hover .share-btn>i {
	font-family: "Trio Grotesk", sans-serif !important;
    font-weight: 500;
    font-style: normal;
}

body .nectar-social.fixed a i, #ajax-content-wrap .nectar-social.fixed a i {
	color: #fafafa;
	font-size: 14px;
}