.elementor-kit-7{--e-global-color-primary:#ED1C24;--e-global-color-secondary:#D5181F;--e-global-color-text:#478C99;--e-global-color-accent:#DAD7C8;--e-global-color-522012d:#231F20;--e-global-color-4e1e0f3:#272B30;--e-global-color-1a6ab93:#5F6B78;--e-global-color-a03467d:#FBFAF8;--e-global-color-f85437b:#3F7B86;--e-global-color-0b3aebc:#FFFFFF;--e-global-color-d923662:#E5E7EA;--e-global-color-b91a5de:#94DDEA;--e-global-typography-primary-font-family:"Libre Franklin (SH)";--e-global-typography-primary-font-size:45px;--e-global-typography-primary-text-decoration:none;--e-global-typography-primary-line-height:51px;--e-global-typography-secondary-font-family:"Libre Franklin (SH)";--e-global-typography-secondary-font-size:36px;--e-global-typography-secondary-font-weight:normal;--e-global-typography-secondary-text-decoration:none;--e-global-typography-secondary-line-height:42px;--e-global-typography-text-font-family:"Libre Franklin (SH)";--e-global-typography-text-font-size:30px;--e-global-typography-text-font-weight:normal;--e-global-typography-text-text-decoration:none;--e-global-typography-text-line-height:37px;--e-global-typography-accent-font-family:"Libre Franklin (SH)";--e-global-typography-accent-font-size:22px;--e-global-typography-accent-font-weight:bold;--e-global-typography-accent-text-decoration:none;--e-global-typography-accent-line-height:26px;--e-global-typography-8ac8c01-font-family:"Libre Franklin (SH)";--e-global-typography-8ac8c01-font-size:13px;--e-global-typography-8ac8c01-font-weight:bold;--e-global-typography-8ac8c01-text-transform:uppercase;--e-global-typography-8ac8c01-text-decoration:none;--e-global-typography-8ac8c01-line-height:17px;--e-global-typography-8ac8c01-letter-spacing:1px;--e-global-typography-a6a364c-font-family:"Libre Franklin (SH)";--e-global-typography-a6a364c-font-size:16px;--e-global-typography-a6a364c-line-height:24px;--e-global-typography-54a4b44-font-family:"Libre Franklin (SH)";--e-global-typography-54a4b44-font-size:13px;--e-global-typography-54a4b44-font-weight:bold;--e-global-typography-54a4b44-text-transform:uppercase;--e-global-typography-54a4b44-text-decoration:none;--e-global-typography-54a4b44-line-height:17px;--e-global-typography-0057ffd-font-family:"Libre Franklin (SH)";--e-global-typography-0057ffd-font-size:15px;--e-global-typography-0057ffd-text-decoration:none;--e-global-typography-0057ffd-line-height:22px;background-color:var( --e-global-color-a03467d );color:var( --e-global-color-4e1e0f3 );font-family:var( --e-global-typography-a6a364c-font-family ), Sans-serif;font-size:var( --e-global-typography-a6a364c-font-size );line-height:var( --e-global-typography-a6a364c-line-height );}.elementor-kit-7 button,.elementor-kit-7 input[type="button"],.elementor-kit-7 input[type="submit"],.elementor-kit-7 .elementor-button{background-color:var( --e-global-color-primary );font-family:var( --e-global-typography-54a4b44-font-family ), Sans-serif;font-size:var( --e-global-typography-54a4b44-font-size );font-weight:var( --e-global-typography-54a4b44-font-weight );text-transform:var( --e-global-typography-54a4b44-text-transform );text-decoration:var( --e-global-typography-54a4b44-text-decoration );line-height:var( --e-global-typography-54a4b44-line-height );color:var( --e-global-color-a03467d );border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-primary );padding:11px 14px 11px 14px;}.elementor-kit-7 button:hover,.elementor-kit-7 button:focus,.elementor-kit-7 input[type="button"]:hover,.elementor-kit-7 input[type="button"]:focus,.elementor-kit-7 input[type="submit"]:hover,.elementor-kit-7 input[type="submit"]:focus,.elementor-kit-7 .elementor-button:hover,.elementor-kit-7 .elementor-button:focus{background-color:var( --e-global-color-secondary );color:var( --e-global-color-a03467d );border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-secondary );border-radius:4px 4px 4px 4px;}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-kit-7 a{color:var( --e-global-color-primary );text-decoration:underline;}.elementor-kit-7 h1{color:var( --e-global-color-4e1e0f3 );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );text-decoration:var( --e-global-typography-primary-text-decoration );line-height:var( --e-global-typography-primary-line-height );}.elementor-kit-7 h2{color:var( --e-global-color-4e1e0f3 );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );text-decoration:var( --e-global-typography-secondary-text-decoration );line-height:var( --e-global-typography-secondary-line-height );}.elementor-kit-7 h3{color:var( --e-global-color-4e1e0f3 );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );text-decoration:var( --e-global-typography-text-text-decoration );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-7 h4{color:var( --e-global-color-4e1e0f3 );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-decoration:var( --e-global-typography-accent-text-decoration );line-height:var( --e-global-typography-accent-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1240px;}.e-con{--container-max-width:1240px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-kit-7{--e-global-typography-primary-font-size:38px;--e-global-typography-primary-line-height:44px;--e-global-typography-secondary-font-size:32px;--e-global-typography-secondary-line-height:38px;--e-global-typography-text-font-size:27px;--e-global-typography-text-line-height:33px;--e-global-typography-accent-font-size:21px;--e-global-typography-accent-line-height:28px;font-size:var( --e-global-typography-a6a364c-font-size );line-height:var( --e-global-typography-a6a364c-line-height );}.elementor-kit-7 h1{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-kit-7 h2{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-kit-7 h3{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-7 h4{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-kit-7 button,.elementor-kit-7 input[type="button"],.elementor-kit-7 input[type="submit"],.elementor-kit-7 .elementor-button{font-size:var( --e-global-typography-54a4b44-font-size );line-height:var( --e-global-typography-54a4b44-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-7{--e-global-typography-primary-font-size:32px;--e-global-typography-primary-line-height:37px;--e-global-typography-secondary-font-size:28px;--e-global-typography-secondary-line-height:33px;--e-global-typography-text-font-size:24px;--e-global-typography-text-line-height:29px;--e-global-typography-accent-font-size:20px;--e-global-typography-accent-line-height:26px;font-size:var( --e-global-typography-a6a364c-font-size );line-height:var( --e-global-typography-a6a364c-line-height );}.elementor-kit-7 h1{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-kit-7 h2{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-kit-7 h3{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-7 h4{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-kit-7 button,.elementor-kit-7 input[type="button"],.elementor-kit-7 input[type="submit"],.elementor-kit-7 .elementor-button{font-size:var( --e-global-typography-54a4b44-font-size );line-height:var( --e-global-typography-54a4b44-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}} /* Start custom CSS *//* FONT SMOOTHING */ h1,h2,h3,h4,h5,h6,p,li,a,blockquote { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* Transparent Header */ #transparent-header { position: absolute; width: 100%; left: 0; z-index: 500; } /* 01 RESETS */ /* Post types content */ .elementor-text-editor h1, .elementor-text-editor h2, .elementor-text-editor h3, .elementor-text-editor h4, .elementor-text-editor h5, .elementor-text-editor h6, .elementor-widget-theme-post-content h1, .elementor-widget-theme-post-content h2, .elementor-widget-theme-post-content h3, .elementor-widget-theme-post-content h4, .elementor-widget-theme-post-content h5, .elementor-widget-theme-post-content h6 { margin-top: 40px!important; } .elementor-widget-text-editor ul, .elementor-widget-text-editor ol, .single .elementor-widget-theme-post-content ul, .single .elementor-widget-theme-post-content ol { margin: 20px 0!important; padding-left: 20px!important; } .elementor-widget-theme-post-content figure { margin: 40px 0!important; } /* Blog comments */ #comments h3.title-comments, #respond h2#reply-title { font-size: 25px; line-height: 35px; } ol.comment-list { margin-bottom: 40px!important; } textarea#comment { max-height: 125px; } /* Reset dropdown padding */ a.elementor-sub-item { padding-left: 5px!important; } /* Remove last paragraph margin-bottom */ p:last-child { margin-bottom: 0; } /* Reset icon position */ span.elementor-icon-list-icon svg { position: relative; top: 0px; } /* Fix left spacing for textarea and input fields */ .elementor-form input[type=text], .elementor-form input[type=email], .elementor-form input[type=password], .elementor-form input[type=number], .elementor-form input[type=tel], .elementor-form textarea { padding: 5px 10px 6px 8px; } .elementor-widget-text-editor h1, .elementor-widget-text-editor h2, .elementor-widget-text-editor h3, .elementor-widget-text-editor h4 { margin-top: 30px; } .elementor-widget-text-editor ol, .elementor-widget-text-editor ul { padding-left: 18px; margin-bottom: 20px; } /* Reduce Fluent Forms 2 col spacing */ @media only screen and (min-width: 768px) { .ff-t-cell.ff-t-column-1, .ff-t-cell:first-child { padding-right: 5px!important; } .ff-t-cell.ff-t-column-2, .ff-t-cell:last-child { padding-left: 5px!important; } } /* Hyperlink transition duration */ a { transition-duration: .5s!important; } a:hover { transition-duration: .5s!important; } @keyframes fadeInDown { from { opacity: 0; transform: translate3d(0, -30%, 0) } to { opacity: 1; transform: none } } @keyframes fadeInLeft { from { opacity: 0; transform: translate3d(-30%, 0, 0) } to { opacity: 1; transform: none } } @keyframes fadeInRight { from { opacity: 0; transform: translate3d(20%, 0, 0) } to { opacity: 1; transform: none } } @keyframes fadeInUp { from { opacity: 0; transform: translate3d(0, 30%, 0) } to { opacity: 1; transform: none } } /* /// GENERIC STYLING /// */ /* ul/ol and li edits */ ol li::marker, ul li::marker { color: #ED1B24; } ol, ul { padding-left: 18px; } ol li, ul li { margin-bottom: 10px; } ol li:last-child, ul li:last-child { margin-bottom: 0px; } /* Mega menu - remove extra padding around mega menus */ .jet-mega-menu-mega-container__inner { padding: 0!important; } /* Add 8px border-radius for mega menus */ .jet-mega-menu-mega-container__inner { border-radius: 8px!important; } [data-elementor-post-type] { border-radius: 8px!important; } .jet-mega-menu-mega-container { border-radius: 8px!important; } /* Change mega menu down arrow svg colour */ .jet-mega-menu-item__dropdown svg, .jet-mega-menu-item__dropdown path { fill: #FFFFFF!important; } /* Mobile menu colours */ li.menu-item-has-children a { color: #231F1F!important; } li.menu-item-has-children ul li.menu-item-has-children a { color: #488C99!important; } li.menu-item-has-children ul li.menu-item-has-children a:hover, li.menu-item-has-children ul li.menu-item-has-children a.highlighted { background: #488C99!important; color: #FFF!important; } li.menu-item-has-children ul li.menu-item-has-children li.menu-item a { text-transform: capitalize!important; font-weight: normal!important; color: #5F6B78!important; } li.menu-item-has-children ul li.menu-item-has-children li.menu-item a:hover { background: #E5E7EA!important; color: #231F1F!important; } li.menu-item-has-children ul li.menu-item-has-children li.menu-item a.elementor-item-active { color: #FFF!important; } li.menu-item-has-children ul li.menu-item-has-children li.menu-item a.elementor-item-active:hover { background: #ED1B24!important; } li.menu-item-8952 ul li a { background: #FBFAF8!important; text-transform: capitalize!important; font-weight: normal!important; color: #5F6B78!important; } li.menu-item-8952 ul li a:hover { background: #E5E7EA!important; color: #231F1F!important; } li.menu-item-8952 ul li a.elementor-item-active, li.menu-item-8952 ul li a.elementor-item-active:hover { background: #ED1B24!important; color: #FFF!important; } /* Remove underline decoration from menus */ nav a, .elementor-widget-jet-listing-dynamic-link a { text-decoration: none!important; } /* left-align dynamic link widget text */ .elementor-kit-7 .jet-listing-dynamic-link__link { display: inline-flex!important; } /* Home Carousel Styling */ #home-carousel .jet-carousel__item-inner { height: 400px; } #home-carousel .jet-carousel__content { position: absolute; max-width: calc(285px - 20px); bottom: 25px; place-content: end start; } @media only screen and (min-width: 768px) and (max-width: 1024px) { #home-carousel .jet-carousel__item-inner { height: 300px; } #home-carousel .jet-carousel__content { max-width: calc(240px - 10px); } } @media only screen and (max-width: 767px) { #home-carousel .jet-carousel__item-inner { height: 250px; } #home-carousel .jet-carousel__content { max-width: calc(290px - 10px); } } #home-carousel .jet-carousel__item-inner img { width: 100%; height: 400px; object-fit: cover; filter: grayscale(1); transition-duration: 0.5s; } #home-carousel .jet-carousel__item-inner:hover img { filter: grayscale(0); transition-duration: 0.5s; } /* Text underline or highlight */ .red-graphic { background-image: url(/wp-content/uploads/2026/05/short-red-line.png); background-repeat: no-repeat; background-position: 0 100%; background-size: 100% auto; padding-bottom: .15em; } .red-underline { border-bottom: 3px solid #ED1B24; } /* Button styles */ .ghost-btn a { padding: 0px!important; background: transparent!important; border: none!important; } .border-btn a { background: transparent!important; border: 2px solid currentColor; color: currentColor; } .border-btn a:hover { background: var( --e-global-color-secondary)!important; border: 2px solid var( --e-global-color-secondary)!important; color: #FFF!important; } /* Extra border - About Us page */ .extra-border { border-left: 1px solid #E6E8EA!important; border-bottom: 1px solid #E6E8EA!important; border-right: 1px solid #E6E8EA!important; } /* Fundraise page - Red list item */ .red-dash-list li { margin-bottom: 15px; } .red-dash-list li::marker { color: #ED1B24!important; } /* Blinking red dot */ .blinking-red svg { animation: 5s blink-red ease infinite; width: 9px; height: 9px; border-radius: 100%; top: -3px; } @media only screen and (min-width: 768px) { .blinking-red svg { top: 6px; } } @-webkit-keyframes "blink-red" { from, to { opacity: 0.7; background-color: #ED1B24; box-shadow: 0px 0px 10px 10px rgba(237, 27, 36, 0.2); } 50% { opacity: 1; } } /* Our Story - Vertical history */ @media only screen and (min-width: 769px) { .jet-timeline-list .jet-timeline-item:nth-child(odd) .timeline-item__card-content { text-align: right; } } .jet-timeline--align-middle .jet-timeline-item { -webkit-box-align: flex-start!important; -ms-flex-align: flex-start!important; align-items: flex-start!important; } /* Reset zig zag layout on prisoner profile single tempalte page */ @media only screen and (min-width: 769px) { .no-timeline-zig-zag .jet-timeline-list .jet-timeline-item:nth-child(even) .timeline-item__card-content, .no-timeline-zig-zag .jet-timeline-list .jet-timeline-item:nth-child(odd) .timeline-item__card-content { text-align: left; } } /* Add space around images in post-content */ figure.alignright { padding-left: 20px; padding-bottom: 20px; } figure.alignleft { padding-right: 20px; padding-bottom: 20px; } /* First block heading remove top spacing */ .wp-block-heading:first-child { margin-top: 0px!important; } /* Giftaid box your dashboard - gift aid */ .thankq-giftaid fieldset { border: 1px solid #d4d8dd !important; position: relative; padding: 1rem 9.38rem 1rem 1rem !important; margin-bottom: 20px; } .thankq-giftaid fieldset::after { content: ""; display: block; background-image: url(/wp-content/uploads/2026/06/giftaid.png); background-size: cover; width: 7.81rem; height: 3.44rem; position: absolute; top: 0; right: 1rem; background-repeat: no-repeat; background-position: top; } .thankq-giftaid input { vertical-align: top !important; } .thankq-giftaid .gfield_checkbox input, .gfield_radio input { width: 1.1em; height: 1.1em; } .thankq-giftaid label { margin-top: -25px; padding-left: 2rem; line-height: 22px; } @media only screen and (max-width: 767px) { .thankq-giftaid fieldset::after { top: calc(100% - 4rem)!important; right: calc(50% - 3rem)!important; } } @media only screen and (max-width: 767px) { .thankq-giftaid fieldset { border: 1px solid #d4d8dd !important; position: relative; padding: 1rem 1rem 5rem 1rem!important; } } /* Your Dashbaord - menu styling */ .your-dash-menu img.menu-icon-style { padding: 2px; background: #FFF; border-radius: 4px; width: 35px!important; height: auto!important; } .your-dash-menu nav ul li.menu-item a { background: #FFF!important; border-radius: 4px; border: 1px solid #f1f1f1; } .your-dash-menu nav ul li.menu-item a:hover { background: #DAD7C8!important; color: #272B30!important; } .your-dash-menu nav ul li.current-menu-item a { background: #D5181F!important; color: #FFF!important; } .your-dash-menu nav ul li.current-menu-item a:hover { background: #DAD7C8!important; color: #272B30!important; } /* Styling for Buttons added to Posts, Prisoner or Country items */ .repeat-buttons-for-posts .jet-listing-dynamic-repeater__items { flex-wrap: wrap!important; } /** * Gravity Forms — Release / ThankQ CRM * Compiled from theme _gforms.scss + plugin crm-forms.css * Requires Gravity Forms "Gravity Theme" (gravity-theme class) */ /* ========================================================================== Design tokens — edit these to rebrand ========================================================================== */ :root { --gf-primary: #ed1c24; --gf-primary-hover: #d5181f; --gf-secondary: #4c77b8; --gf-secondary-light: #eaeff6; --gf-accent: #005590; --gf-accent-hover: #6e7c8c; --gf-text: #272b30; --gf-text-muted: #30373e; --gf-neutral-50: #eeeff1; --gf-neutral-100: #d4d8dd; --gf-neutral-200: #b7bec6; --gf-white: #ffffff; --gf-focus: #008cff; --gf-border-radius: 4px; --gf-font-body: "Open Sans", sans-serif; --gf-font-button: "Adelle-sans", sans-serif; --gf-giftaid-image: url("path/to/giftaid.png"); /* update this path */ } /* ========================================================================== Base inputs (scoped to Gravity Forms) ========================================================================== */ .gform_wrapper.gravity-theme { accent-color: var(--gf-accent); color: var(--gf-text); } .gform_wrapper.gravity-theme [type="color"], .gform_wrapper.gravity-theme [type="date"], .gform_wrapper.gravity-theme [type="datetime"], .gform_wrapper.gravity-theme [type="datetime-local"], .gform_wrapper.gravity-theme [type="email"], .gform_wrapper.gravity-theme [type="month"], .gform_wrapper.gravity-theme [type="number"], .gform_wrapper.gravity-theme [type="password"], .gform_wrapper.gravity-theme [type="search"], .gform_wrapper.gravity-theme [type="tel"], .gform_wrapper.gravity-theme [type="text"], .gform_wrapper.gravity-theme [type="url"], .gform_wrapper.gravity-theme [type="week"], .gform_wrapper.gravity-theme [type="time"], .gform_wrapper.gravity-theme select, .gform_wrapper.gravity-theme textarea { display: block; border: 2px solid var(--gf-accent); border-radius: var(--gf-border-radius); background: var(--gf-white); font-family: var(--gf-font-body); padding: 10px; outline: none; margin: 4px 0 12px; width: 100%; max-width: 100%; line-height: 1; font-size: 16px !important; opacity: 1; } .gform_wrapper.gravity-theme [type="color"]:hover, .gform_wrapper.gravity-theme [type="date"]:hover, .gform_wrapper.gravity-theme [type="datetime"]:hover, .gform_wrapper.gravity-theme [type="datetime-local"]:hover, .gform_wrapper.gravity-theme [type="email"]:hover, .gform_wrapper.gravity-theme [type="month"]:hover, .gform_wrapper.gravity-theme [type="number"]:hover, .gform_wrapper.gravity-theme [type="password"]:hover, .gform_wrapper.gravity-theme [type="search"]:hover, .gform_wrapper.gravity-theme [type="tel"]:hover, .gform_wrapper.gravity-theme [type="text"]:hover, .gform_wrapper.gravity-theme [type="url"]:hover, .gform_wrapper.gravity-theme [type="week"]:hover, .gform_wrapper.gravity-theme [type="time"]:hover, .gform_wrapper.gravity-theme select:hover, .gform_wrapper.gravity-theme textarea:hover { border-color: var(--gf-accent-hover); } .gform_wrapper.gravity-theme [type="color"]:disabled, .gform_wrapper.gravity-theme [type="date"]:disabled, .gform_wrapper.gravity-theme [type="datetime"]:disabled, .gform_wrapper.gravity-theme [type="datetime-local"]:disabled, .gform_wrapper.gravity-theme [type="email"]:disabled, .gform_wrapper.gravity-theme [type="month"]:disabled, .gform_wrapper.gravity-theme [type="number"]:disabled, .gform_wrapper.gravity-theme [type="password"]:disabled, .gform_wrapper.gravity-theme [type="search"]:disabled, .gform_wrapper.gravity-theme [type="tel"]:disabled, .gform_wrapper.gravity-theme [type="text"]:disabled, .gform_wrapper.gravity-theme [type="url"]:disabled, .gform_wrapper.gravity-theme [type="week"]:disabled, .gform_wrapper.gravity-theme [type="time"]:disabled, .gform_wrapper.gravity-theme select:disabled, .gform_wrapper.gravity-theme textarea:disabled { cursor: not-allowed; border: 2px solid var(--gf-accent); box-shadow: none; opacity: 0.5; } .gform_wrapper.gravity-theme textarea { overflow: auto; height: auto; } .gform_wrapper.gravity-theme label { max-width: 100%; display: block; margin: 0; } .gform_wrapper.gravity-theme input[type="checkbox"], .gform_wrapper.gravity-theme input[type="radio"] { margin-right: 4px; font-size: 1em; width: 0.75em; height: 0.75em; } .gform_wrapper.gravity-theme fieldset { border: 2px solid var(--gf-neutral-200); border-radius: var(--gf-border-radius); padding: 24px; margin: 24px 0; } .gform_wrapper.gravity-theme legend { padding: 0 12px; margin-left: -12px; font-weight: 700; } .gform_wrapper.gravity-theme select { color: var(--gf-text); -webkit-appearance: none; -moz-appearance: none; background: var(--gf-white) url("data:image/svg+xml;charset=utf-8,") right 10px center no-repeat; background-size: 0.75em; line-height: 1.4; } .gform_wrapper.gravity-theme select::-ms-expand { display: none; } /* Focus states */ .gform_wrapper.gravity-theme input[type="checkbox"]:focus-visible, .gform_wrapper.gravity-theme input[type="radio"]:focus-visible, .gform_wrapper.gravity-theme [type="color"]:focus-visible, .gform_wrapper.gravity-theme [type="date"]:focus-visible, .gform_wrapper.gravity-theme [type="datetime"]:focus-visible, .gform_wrapper.gravity-theme [type="datetime-local"]:focus-visible, .gform_wrapper.gravity-theme [type="email"]:focus-visible, .gform_wrapper.gravity-theme [type="month"]:focus-visible, .gform_wrapper.gravity-theme [type="number"]:focus-visible, .gform_wrapper.gravity-theme [type="password"]:focus-visible, .gform_wrapper.gravity-theme [type="search"]:focus-visible, .gform_wrapper.gravity-theme [type="tel"]:focus-visible, .gform_wrapper.gravity-theme [type="text"]:focus-visible, .gform_wrapper.gravity-theme [type="url"]:focus-visible, .gform_wrapper.gravity-theme [type="week"]:focus-visible, .gform_wrapper.gravity-theme [type="time"]:focus-visible, .gform_wrapper.gravity-theme select:focus-visible, .gform_wrapper.gravity-theme textarea:focus-visible, .gform_wrapper.gravity-theme .gform_button:focus-visible, .gform_wrapper.gravity-theme [type="submit"]:focus-visible { outline: 3px solid var(--gf-focus); outline-offset: 2px; } .gform_wrapper.gravity-theme [type="color"]:focus, .gform_wrapper.gravity-theme [type="date"]:focus, .gform_wrapper.gravity-theme [type="datetime"]:focus, .gform_wrapper.gravity-theme [type="datetime-local"]:focus, .gform_wrapper.gravity-theme [type="email"]:focus, .gform_wrapper.gravity-theme [type="month"]:focus, .gform_wrapper.gravity-theme [type="number"]:focus, .gform_wrapper.gravity-theme [type="password"]:focus, .gform_wrapper.gravity-theme [type="search"]:focus, .gform_wrapper.gravity-theme [type="tel"]:focus, .gform_wrapper.gravity-theme [type="text"]:focus, .gform_wrapper.gravity-theme [type="url"]:focus, .gform_wrapper.gravity-theme [type="week"]:focus, .gform_wrapper.gravity-theme [type="time"]:focus, .gform_wrapper.gravity-theme select:focus, .gform_wrapper.gravity-theme textarea:focus { border-color: var(--gf-accent-hover); box-shadow: inset 1px 2px 1px 0 #9aa3af, inset -1px -2px 1px 0 #b7bec6; } /* ========================================================================== Buttons (submit / next / previous) ========================================================================== */ .gform_wrapper.gravity-theme .gform_button, .gform_wrapper.gravity-theme .gform_next_button, .gform_wrapper.gravity-theme .gform_previous_button, .gform_wrapper.gravity-theme button, .gform_wrapper.gravity-theme [type="submit"], .gform_wrapper.gravity-theme [type="reset"], .gform_wrapper.gravity-theme [type="button"] { -webkit-appearance: none; user-select: none; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; text-decoration: none; text-transform: uppercase; text-align: center; font-size: 0.875em; font-weight: 900; font-family: var(--gf-font-button); border-width: 1px; border-style: solid; border-radius: 0.25rem; line-height: 1.3; padding: 0.5em 1em; margin: 0 0 24px; transition: all 0.2s ease; background-color: var(--gf-primary); border-color: var(--gf-primary); color: var(--gf-white); } .gform_wrapper.gravity-theme .gform_button:hover, .gform_wrapper.gravity-theme .gform_button:focus, .gform_wrapper.gravity-theme .gform_next_button:hover, .gform_wrapper.gravity-theme .gform_next_button:focus, .gform_wrapper.gravity-theme button:hover, .gform_wrapper.gravity-theme button:focus, .gform_wrapper.gravity-theme [type="submit"]:hover, .gform_wrapper.gravity-theme [type="submit"]:focus { background-color: var(--gf-primary-hover); border-color: var(--gf-primary-hover); color: var(--gf-white); } .gform_wrapper.gravity-theme .gform_button:disabled, .gform_wrapper.gravity-theme [type="submit"]:disabled { opacity: 0.65; cursor: not-allowed; } /* Multi-page footer layout */ .gform_wrapper.gravity-theme .gform_page_footer { display: flex; justify-content: space-between; } .gform_wrapper.gravity-theme .gform_page_footer * { order: 2; } .gform_wrapper.gravity-theme .gform_page_footer .gform_ajax_spinner { order: 2; } .gform_wrapper.gravity-theme .gform_next_button { order: 1; margin-left: 0 !important; } .gform_wrapper.gravity-theme .gform_previous_button { order: 3; border: 0 !important; padding-left: 0 !important; padding-right: 0 !important; height: auto !important; background: transparent; color: var(--gf-text); } .gform_wrapper.gravity-theme .gform_previous_button:hover, .gform_wrapper.gravity-theme .gform_previous_button:focus { color: var(--gf-text) !important; background: transparent; border-color: transparent; } /* ========================================================================== Field helpers & descriptions ========================================================================== */ body .gform_wrapper.gravity-theme .gf-hide { display: none !important; } .gf-fauxhide, .gf-fauxhide * { height: 0 !important; overflow: hidden; padding: 0 !important; margin: 0 !important; } .gfield_description { color: var(--gf-text-muted); } .gfield_consent_description { border: none !important; font-size: inherit !important; padding: 0 !important; margin-bottom: 8px !important; } label.gfield_consent_label { display: inline-block; } .gfield_checkbox input, .gfield_radio input { width: 1.1em; height: 1.1em; } .gfield_select { background-color: transparent; } .gfield_validation_message { padding: 16px !important; } h3.gsection_title { margin-top: 16px; margin-bottom: 4px; } .name_prefix { flex: 0 0 100px !important; } /* ========================================================================== Read-only fields (CSS class: gf-readonly) ========================================================================== */ .gf-readonly input, .gf-readonly select { box-shadow: none !important; border: 0 !important; user-select: none; cursor: not-allowed; background: var(--gf-neutral-50); font-weight: 700; } .gf-readonly input:focus-visible, .gf-readonly select:focus-visible { outline: none !important; } .gf-readonly .name_prefix_select { display: none; } .gf-readonly .name_first { padding-left: 0 !important; } /* ========================================================================== Multi-step pagination ========================================================================== */ body .gform_wrapper.gravity-theme .gf_page_steps .gf_step_number { width: 2rem; height: 2rem; border-color: var(--gf-secondary-light); } body .gform_wrapper.gravity-theme .gf_page_steps .gf_step_active .gf_step_number { color: var(--gf-white); background: var(--gf-secondary); border-color: var(--gf-secondary); } body .gform_wrapper.gravity-theme .gf_page_steps .gf_step_completed .gf_step_number::before { background: var(--gf-secondary); border-color: var(--gf-secondary); width: 2rem; height: 2rem; } body .gform_wrapper.gravity-theme .gf_page_steps .gf_step_label { padding-left: 8px; } /* ========================================================================== Gift Aid field (CSS class: thankq-giftaid) ========================================================================== */ .thankq-giftaid { border: 1px solid var(--gf-neutral-100) !important; padding: 16px !important; position: relative; padding-right: 150px !important; } .thankq-giftaid input { vertical-align: top !important; } .thankq-giftaid::after { content: ""; display: block; position: absolute; background-image: var(--gf-giftaid-image); background-size: cover; width: 125px; height: 55px; top: 0; right: 16px; background-repeat: no-repeat; background-position: top; } .thankq-giftaid label { padding-left: 4px; } @media (max-width: 56.1875em) { .thankq-giftaid { padding: 1rem 1rem 5.5rem 1rem !important; } .thankq-giftaid::after { top: calc(100% - 4rem); right: calc(50% - 3rem); } } /* ========================================================================== Donation "other amount" with £ prefix (CSS class: donation-other) ========================================================================== */ .donation-other .ginput_container { position: relative; display: flex; align-items: center; } .donation-other .ginput_container::before { content: "£"; position: relative; padding: 0 0.75rem; font-weight: bold; font-size: 1.3em; background: var(--gf-neutral-50); align-self: stretch; justify-content: center; align-items: center; display: flex; border-top-left-radius: var(--gf-border-radius); border-bottom-left-radius: var(--gf-border-radius); border: 2px solid var(--gf-accent); border-right: 0; } .donation-other .ginput_container input { border-top-left-radius: 0; border-bottom-left-radius: 0; } /* ========================================================================== Donation amount radio grid (CSS class: radio-grid) ========================================================================== */ .radio-grid .gfield_radio { display: flex; flex-direction: row; flex-wrap: wrap; align-items: stretch; } .radio-grid .gchoice { overflow: hidden; width: 100%; background-color: transparent; margin: 10px 0; position: relative; } @media (min-width: 37.5em) { .radio-grid .gchoice { width: 50%; } } .radio-grid .gchoice label { max-width: calc(100% - 16px) !important; font-size: 1.25em !important; padding: 0.75em 1em; width: 100%; max-width: none; text-align: center; cursor: pointer; border-radius: 6px; border: 2px solid var(--gf-secondary); display: flex; height: 100%; align-items: center; line-height: 1.2; transition: all 0.2s ease; } .radio-grid .gchoice input { position: absolute; top: -100% !important; } .radio-grid .gchoice:hover label { background: var(--gf-secondary); color: var(--gf-white); } .radio-grid .gchoice input:checked ~ label { background: var(--gf-secondary); color: var(--gf-white); font-weight: bold; } /* ========================================================================== Callouts (used for donation summary etc.) ========================================================================== */ .callout { border-width: 1px 1px 1px 8px; border-style: solid; margin-bottom: 24px; padding: 24px; border-radius: 0 4px 4px 0; display: block; width: 100%; border-color: var(--gf-accent-hover); background-color: var(--gf-neutral-50); color: var(--gf-text); } .callout > :last-child { margin-bottom: 0; } .callout.donation-summary { font-size: 1.125em; } .callout.secondary { border-color: var(--gf-secondary); background-color: #edf1f8; } .callout.success { border-color: #19c945; background-color: #e3f9e9; } .callout.warning { border-color: #ddac24; background-color: #fbf5e5; } .callout.error { border-color: #be2d2d; background-color: #f7e6e6; } /* ========================================================================== Dashboard tables (donation history etc.) ========================================================================== */ table.table-dashboard { width: 100%; border-collapse: collapse; border: 1px solid var(--gf-neutral-100); margin-bottom: 1.5rem; } table.table-dashboard th, table.table-dashboard td { padding: 0.75em 0.8em; border-bottom: 1px solid var(--gf-neutral-100); border-right: 1px solid var(--gf-neutral-100); text-align: left; } table.table-dashboard th { border-bottom-color: #bdbdbd; font-weight: 700; } td.row-number { text-align: right; } .hide-below-md { display: none; } @media (min-width: 900px) { .hide-below-md { display: table-cell; } } /* ========================================================================== Charitable plugin fallback (legacy) ========================================================================== */ .charitable-form-fields { background-color: #fff !important; } .charitable-form-fields .charitable-form-header, .charitable-form-fields label { color: var(--gf-text); } /* ///// Globe CSS ///// */ /* #globe-wrapper { width: 100%; min-height: 400px; position: relative; } .release-globe-panels { display: grid; grid-template-columns: 1fr 1fr; gap: 1.5rem; } @media (max-width: 782px) { .release-globe-panels { grid-template-columns: 1fr; } } .release-globe-panel { min-height: 120px; } .release-globe-reset { margin-top: 1rem; } .total-prayers.has-updated { transition: color 0.3s ease; } .country-information { position: relative; } .country-information-bottom-gradient { height: 2rem; pointer-events: none; } .card-globe { margin-bottom: 1rem; }*//* End custom CSS */ /* Start Custom Fonts CSS */@font-face { font-family: 'Libre Franklin (SH)'; font-style: normal; font-weight: normal; font-display: auto; src: url('https://voiceofpersecutedchristians.org/wp-content/uploads/2026/06/LibreFranklin-Light.ttf') format('truetype'); } @font-face { font-family: 'Libre Franklin (SH)'; font-style: italic; font-weight: normal; font-display: auto; src: url('https://voiceofpersecutedchristians.org/wp-content/uploads/2026/06/LibreFranklin-LightItalic.ttf') format('truetype'); } @font-face { font-family: 'Libre Franklin (SH)'; font-style: normal; font-weight: bold; font-display: auto; src: url('https://voiceofpersecutedchristians.org/wp-content/uploads/2026/06/LibreFranklin-Black.ttf') format('truetype'); } /* End Custom Fonts CSS */