/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.001
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* GLOBAL */
.elementor-widget-theme-post-content ul {padding:0 0 0 1.25em; margin:0 0 1.4em 0; list-style-type:disc;}
.elementor-widget-theme-post-content ul li {padding-bottom:15px;}
.elementor-widget-text-editor ul {padding:0 0 0 1.25em; margin:0 0 1.4em 0; list-style-type:disc;}
.elementor-widget-text-editor ul li {padding-bottom:15px;}
.elementor-widget-theme-post-content ul li::marker, .elementor-widget-text-editor ul li::marker, .wc-tab ul li::marker {color:#222;}
.light ul li::marker, .elementor-widget-text-editor.light ul li::marker {color:#fff;}

.elementor-widget-theme-post-content ol, .elementor-widget-text-editor ol {padding:0; margin:0 0 1em 0; list-style:none; counter-reset:ol-counter;}
.elementor-widget-theme-post-content ol li, .elementor-widget-text-editor ol li {padding:0 0 15px 1.25em; counter-increment:ol-counter; position:relative;}
.elementor-widget-theme-post-content ol li::before, .elementor-widget-text-editor ol li::before {
  content:counter(ol-counter);
  color:#222; font-weight:700;
  padding:0; margin-right:15px;
  width:1.5em; line-height:1.8em;
  display:block; position:absolute; left:0; top:.45em;
  text-align:left; font-size:.7em;
}

@media (max-width:767px){
  .elementor-widget-theme-post-content ul, .elementor-widget-text-editor ul, .elementor-widget-theme-post-content ol, .elementor-widget-text-editor ol {margin-left:0;}
}

.elementor-widget-theme-post-content h2 {margin:2.7em 0 .6em;}
.elementor-widget-theme-post-content h3 {margin:1.25em 0 .6em;}

.elementor-widget-theme-post-content a,
.elementor-widget-uael-table a span.uael-table__text-inner,
.elementor-widget-text-editor a,
.elementor-widget-heading a {color:#000; font-weight:500; text-decoration:underline; transition:all 0.3s ease;}
.elementor-widget-theme-post-content a:hover,
.elementor-widget-uael-table a:hover span.uael-table__text-inner,
.elementor-widget-text-editor a:hover,
.elementor-widget-heading a:hover {color:#5fc18e; text-decoration:none;}

/* GRAVITY FORMS BUTTONS - match Trinity Connect exactly, sitewide (any form: */
/* Job Openings, Media page, etc.) */
.gform_button,
.gform_save_link,
.gform-theme-button {
  background-color: #5FC18E !important;
  border-color: #5FC18E !important;
  color: #FFFFFF !important;
  border-radius: 50px !important;
  padding: 12px 22px !important;
  font-family: 'Roboto', sans-serif !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1.4em !important;
  text-decoration: none !important;
  text-align: center;
  display: inline-block;
  transition: background-color 0.75s ease, color 0.75s ease;
}
.gform_button:hover,
.gform_button:focus,
.gform_save_link:hover,
.gform_save_link:focus,
.gform-theme-button:hover,
.gform-theme-button:focus {
  background-color: #215536 !important;
  border-color: #215536 !important;
  color: #FFFFFF !important;
  text-decoration: none !important;
}

/* EXCEPTION: the Gravity Forms datepicker calendar icon toggle button */
/* shares the .gform-theme-button class with real buttons, so it was */
/* wrongly getting the full green pill treatment too. Reset it back to a */
/* small plain icon button. Higher specificity (two classes) wins over the */
/* single-class .gform-theme-button rule above without needing !important. */
.gform-theme-button.gform-datepicker-toggle {
  background-color: transparent !important;
  border-color: transparent !important;
  color: #545454 !important;
  border-radius: 4px !important;
  padding: 4px !important;
  font-size: inherit !important;
  line-height: normal !important;
}
.gform-theme-button.gform-datepicker-toggle:hover,
.gform-theme-button.gform-datepicker-toggle:focus {
  background-color: #EFEFEF !important;
  border-color: transparent !important;
  color: #215536 !important;
}

/* Tighten the gap between Submit and Save and Continue Later */
.gform-footer.gform_footer,
.gform_footer.top_label {
  gap: 8px;
}
.elementor-widget-theme-post-content strong,
.elementor-widget-text-editor strong {color:#000; font-weight:700 !important;}
.light strong {color:#fff !important;}

.elementor-widget-text-editor p, .elementor-widget-theme-post-content p,
.elementor-widget-text-editor ul, .elementor-widget-theme-post-content ul,
.elementor-widget-text-editor ol, .elementor-widget-theme-post-content ol {
  margin-bottom:1.7em;
}
.elementor-widget-text-editor > p:last-of-type:last-child,
.elementor-widget-text-editor > ul:last-of-type:last-child,
.elementor-widget-text-editor > ol:last-of-type:last-child,
.elementor-text-editor.elementor-inline-editing p:last-of-type:last-child,
.elementor-text-editor.elementor-inline-editing ul:last-of-type:last-child,
.elementor-text-editor.elementor-inline-editing ol:last-of-type:last-child {
  margin-bottom:0;
}


/* HEADER */
#mainnav .sub-arrow {fill:#ddd; opacity:.85;}
.elementor-location-popup .sub-arrow {display:none;} /* hide the icon on the mobile popup nav */
ul.elementor-nav-menu--dropdown a {border-left:0 !important;}

/* GUTENBERG BUTTONS (wp:button blocks in post/event content) */
/* Pixel-matched to the "Trinity Connect" header button. Uses !important */
/* because Gutenberg's button block writes its own inline background-color */
/* per-instance (e.g. style="background-color:#545454"), which would */
/* otherwise win over a plain class rule. */
.wp-block-button__link {
  background-color: #5FC18E !important;
  color: #FFFFFF !important;
  border-radius: 50px !important;
  padding: 12px 22px !important;
  font-family: 'Roboto', sans-serif !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1.4em !important;
  text-decoration: none !important;
  text-align: center;
  display: inline-block;
  transition: background-color 0.75s ease, color 0.75s ease;
}
.wp-block-button__link:hover,
.wp-block-button__link:focus {
  background-color: #215536 !important;
  color: #FFFFFF !important;
  text-decoration: none !important;
}
@media (max-width: 767px) {
  .wp-block-button__link {
    padding: 8px 16px !important;
    font-size: 12px !important;
  }
}

/* NATIVE + MEDIAELEMENT AUDIO PLAYER - force a neutral gray accent instead of */
/* whatever pink/colored default the browser or OS otherwise applies. */
audio {
  accent-color: #808080;
}
/* MediaElement's own (WordPress-branded) player skin, in case it renders */
.mejs-time-current,
.mejs-time-handle-content {
  background: #808080 !important;
  border-color: #808080 !important;
}
.mejs-controls .mejs-button button {
  color: #808080 !important;
}


/* GRAVITY FORMS LINKS (field descriptions, consent text, etc.) */
/* Bold black text with an underline, hover to green. This is separate from */
/* the general sitewide content-link rule above, deliberately more specific */
/* to this form's own text so it always wins regardless of source order. */
.gform_wrapper a,
.gform_wrapper .gfield_description a,
.gform_wrapper .gfield_consent_description a {
  color: #000000 !important;
  font-weight: 700 !important;
  text-decoration: underline !important;
}
.gform_wrapper a:hover,
.gform_wrapper .gfield_description a:hover,
.gform_wrapper .gfield_consent_description a:hover {
  color: #5FC18E !important;
}
/* Exclude the buttons themselves from the link-text rule above, since */
/* .gform_save_link is an <a> tag styled as a button, not body text. */
.gform_wrapper a.gform_button,
.gform_wrapper a.gform_save_link,
.gform_wrapper a.gform-theme-button {
  color: #FFFFFF !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}
.gform_wrapper a.gform_button:hover,
.gform_wrapper a.gform_save_link:hover,
.gform_wrapper a.gform-theme-button:hover {
  color: #FFFFFF !important;
}

/* Single sermon: hide the Scripture References label when the sermon has no verses. */
/* Elementor drops the empty value widget, so the label is the only thing left. */
.elementor-element-ss-scripture-label:not(:has(+ .elementor-element-ss-scripture-value)) {
  display: none;
}