/* Being The Church USA — page styles: /resources. Plain CSS (no theme framework). Built by clean.py + clean2.py from the rules the pages use. */

:root {
  --color1: #ffffff;
  --color2: #f9f9fb;
  --color3: #f2f3f5;
  --color4: #65bd7d;
  --color5: #198fd9;
  --color5-h: 203;
  --color5-s: 79%;
  --color5-l: 47%;
  --color5-a: 100%;
  --color6: #7b007b;
  --color7: #ffd700;
  --color8: #141617;
  --color8-h: 200;
  --color8-s: 7%;
  --color8-l: 8%;
  --color8-a: 100%;
  --typography1-font-family: Inter, Arial, Helvetica, sans-serif;
  --typography1-font-size: 48px;
  --typography1-font-weight: 600;
  --typography1-font-style: normal;
  --typography1-line-height: 1.2;
  --typography1-letter-spacing: -0.015em;
  --typography3-font-family: Inter, Arial, Helvetica, sans-serif;
  --typography3-font-size: 16px;
  --typography3-font-weight: 500;
  --typography3-font-style: normal;
  --typography3-line-height: 1.2;
  --typography3-letter-spacing: 0.015em;
  --typography3-text-transform: none;
  --typography4-font-family: Inter, Arial, Helvetica, sans-serif;
  --typography4-font-size: 16px;
  --typography4-font-weight: 400;
  --typography4-font-style: normal;
  --typography4-line-height: 1.72;
  --typography4-letter-spacing: 0.015em;
  --site_width: 1200px;
  --main_padding-top: 0px;
  --main_padding-bottom: 60px;
  --hundredp_padding: 30px;
  --hundredp_padding-fallback_to_zero: 30px;
  --hundredp_padding-hundred_percent_negative_margin: -30px;
  --grid_main_break_point: 1000;
  --content_break_point: 800;
  --typography_sensitivity: 0;
  --typography_factor: 1.5;
  --primary_color: #7b007b;
  --bg_image: none;
  --bg_repeat: no-repeat;
  --bg_color: var(--color3);
  --bg-color-overlay: normal;
  --content_bg_color: var(--color1);
  --content_bg_image: none;
  --content_bg_repeat: no-repeat;
  --body_typography-font-family: var(--typography4-font-family);
  --body_typography-font-size: var(--typography4-font-size);
  --base-font-size: 16;
  --body_typography-font-weight: var(--typography4-font-weight);
  --body_typography-font-style: var(--typography4-font-style);
  --body_typography-line-height: var(--typography4-line-height);
  --body_typography-letter-spacing: var(--typography4-letter-spacing);
  --body_typography-color: var(--color8);
  --link_color: var(--color6);
  --link_hover_color: var(--color7);
  --h1_typography-font-family: var(--typography1-font-family);
  --h1_typography-font-weight: var(--typography1-font-weight);
  --h1_typography-line-height: var(--typography1-line-height);
  --h1_typography-letter-spacing: var(--typography1-letter-spacing);
  --h1_typography-font-style: var(--typography1-font-style);
  --h1_typography-font-size: 64px;
  --h1_typography-color: var(--color8);
  --h1_typography-text-transform: none;
  --h1_typography-margin-top: 0.67em;
  --h1_typography-margin-bottom: 0.67em;
  --h2_typography-font-family: var(--typography1-font-family);
  --h2_typography-font-weight: var(--typography1-font-weight);
  --h2_typography-line-height: var(--typography1-line-height);
  --h2_typography-letter-spacing: var(--typography1-letter-spacing);
  --h2_typography-font-style: var(--typography1-font-style);
  --h2_typography-font-size: var(--typography1-font-size);
  --h2_typography-color: var(--color8);
  --h2_typography-text-transform: none;
  --h2_typography-margin-top: 0em;
  --h2_typography-margin-bottom: 1.1em;
  --h3_typography-font-family: var(--typography1-font-family);
  --h3_typography-font-weight: var(--typography1-font-weight);
  --h3_typography-line-height: var(--typography1-line-height);
  --h3_typography-letter-spacing: var(--typography1-letter-spacing);
  --h3_typography-font-style: var(--typography1-font-style);
  --h3_typography-font-size: 36px;
  --h3_typography-color: var(--color8);
  --h3_typography-text-transform: none;
  --h3_typography-margin-top: 1em;
  --h3_typography-margin-bottom: 1em;
  --h4_typography-font-family: var(--typography1-font-family);
  --h4_typography-font-weight: var(--typography1-font-weight);
  --h4_typography-line-height: var(--typography1-line-height);
  --h4_typography-letter-spacing: var(--typography1-letter-spacing);
  --h4_typography-font-style: var(--typography1-font-style);
  --h4_typography-font-size: 24px;
  --h4_typography-color: var(--color8);
  --h4_typography-text-transform: none;
  --h4_typography-margin-top: 1.33em;
  --h4_typography-margin-bottom: 1.33em;
  --post_title_typography-font-family: var(--typography1-font-family);
  --post_title_typography-font-weight: var(--typography1-font-weight);
  --post_title_typography-line-height: var(--typography1-line-height);
  --post_title_typography-letter-spacing: var(--typography1-letter-spacing);
  --post_title_typography-font-style: var(--typography1-font-style);
  --post_title_typography-font-size: 48px;
  --post_title_typography-color: var(--color8);
  --post_title_typography-text-transform: none;
  --post_titles_extras_typography-font-family: var(--typography1-font-family);
  --post_titles_extras_typography-font-weight: var(--typography1-font-weight);
  --post_titles_extras_typography-line-height: var(--typography1-line-height);
  --post_titles_extras_typography-letter-spacing: var(--typography1-letter-spacing);
  --post_titles_extras_typography-font-style: var(--typography1-font-style);
  --post_titles_extras_typography-font-size: 20px;
  --post_titles_extras_typography-color: var(--color8);
  --post_titles_extras_typography-text-transform: none;
  --meta_font_size: 13px;
  --social_bg_color: var(--color2);
  --social_sharing_padding-top: 1.25em;
  --social_sharing_padding-right: 1.25em;
  --social_sharing_padding-bottom: 1.25em;
  --social_sharing_padding-left: 1.25em;
  --slider_nav_box_dimensions-width: 30px;
  --slider_nav_box_dimensions-height: 30px;
  --slider_arrow_size: 14px;
  --form_input_height: 50px;
  --form_text_size: 16px;
  --form_bg_color: var(--color1);
  --form_text_color: var(--color8);
  --form_border_width-top: 1px;
  --form_border_width-bottom: 1px;
  --form_border_width-left: 1px;
  --form_border_width-right: 1px;
  --form_border_color: var(--color3);
  --form_focus_border_color: var(--color4);
  --form_border_radius: 6px;
  --pagination_width_height: 30px;
  --pagination_border_width: 1px;
  --pagination_border_radius: 0px;
  --pagination_font_size: 13px;
  --timeline_bg_color: rgba(255,255,255,0);
  --timeline_color: var(--color2);
  --grid_separator_color: var(--color3);
  --carousel_nav_color: hsla(var(--color8-h),var(--color8-s),var(--color8-l),calc(var(--color8-a) - 30%));
  --carousel_hover_color: hsla(var(--color5-h),var(--color5-s),var(--color5-l),calc(var(--color5-a) - 20%));
  --alert_border_size: 1px;
  --button_padding-top: 13px;
  --button_padding-bottom: 13px;
  --button_padding-left: 29px;
  --button_padding-right: 29px;
  --button_typography-font-family: var(--typography3-font-family);
  --button_typography-font-weight: var(--typography3-font-weight);
  --button_typography-letter-spacing: var(--typography3-letter-spacing);
  --button_typography-font-style: var(--typography3-font-style);
  --button_font_size: var(--typography3-font-size);
  --button_line_height: var(--typography3-line-height);
  --button_text_transform: var(--typography3-text-transform);
  --button_gradient_top_color: var(--color5);
  --button_gradient_bottom_color: var(--color5);
  --button_gradient_top_color_hover: hsla(var(--color5-h),calc(var(--color5-s) - 5%),calc(var(--color5-l) - 10%),var(--color5-a));
  --button_gradient_bottom_color_hover: hsla(var(--color5-h),calc(var(--color5-s) - 5%),calc(var(--color5-l) - 10%),var(--color5-a));
  --button_gradient_start: 0%;
  --button_gradient_end: 100%;
  --button_gradient_angle: 180deg;
  --button_accent_color: var(--color1);
  --button_accent_hover_color: var(--color1);
  --button_border_width-top: 0px;
  --button_border_width-right: 0px;
  --button_border_width-bottom: 0px;
  --button_border_width-left: 0px;
  --button_border_color: var(--color1);
  --button_border_hover_color: var(--color1);
  --checklist_icons_color: var(--color1);
  --checklist_circle_color: var(--color4);
  --checklist_text_color: var(--color8);
  --checklist_item_size: 16px;
  --checklist_item_padding-top: 0.35em;
  --checklist_item_padding-bottom: 0.35em;
  --checklist_item_padding-left: 0;
  --checklist_item_padding-right: 0;
  --checklist_odd_row_bgcolor: rgba(255,255,255,0);
  --checklist_even_row_bgcolor: rgba(255,255,255,0);
  --col_margin-top: 0px;
  --col_margin-bottom: 20px;
  --col_spacing: 4%;
  --container_padding_default_top: 0px;
  --container_padding_default_bottom: 0px;
  --container_padding_default_left: 0px;
  --container_padding_default_right: 0px;
  --container_padding_100_top: 0px;
  --container_padding_100_bottom: 0px;
  --container_padding_100_left: 30px;
  --container_padding_100_right: 30px;
  --full_width_bg_color: rgba(255,255,255,0);
  --full_width_border_sizes_top: 0px;
  --full_width_border_sizes_bottom: 0px;
  --full_width_border_sizes_left: 0px;
  --full_width_border_sizes_right: 0px;
  --full_width_border_color: var(--color3);
  --sep_color: var(--color3);
  --text_user_select: auto;
  --title_border_color: var(--color3);
  --title_margin-top: 10px;
  --title_margin-right: 0px;
  --title_margin-bottom: 15px;
  --title_margin-left: 0px;
  --title_margin_mobile-top: 10px;
  --title_margin_mobile-right: 0px;
  --title_margin_mobile-bottom: 10px;
  --title_margin_mobile-left: 0px;
}

@media screen and (max-width:767px) {
  .hero-title h1,
  .hero-title h2 {
    font-size: 35px !important;
  }
}

/* Element styles (formerly inline style attributes) */
.s74 {
  --border-radius-top-left: 0px !important;
  --border-radius-top-right: 0px !important;
  --border-radius-bottom-right: 0px !important;
  --border-radius-bottom-left: 0px !important;
  --padding-top: 125px !important;
  --padding-bottom: 180px !important;
  --background-image: url("../images/resources2.jpg") !important;
  --background-size: cover !important;
  --flex-wrap: wrap !important;
}

.s75 {
  --border-radius-top-left: 0px !important;
  --border-radius-top-right: 0px !important;
  --border-radius-bottom-right: 0px !important;
  --border-radius-bottom-left: 0px !important;
  --padding-top: 60px !important;
  --flex-wrap: wrap !important;
}

.s76 {
  --margin-top-small: 10px !important;
  --margin-right-small: 0px !important;
  --margin-bottom-small: 10px !important;
  --margin-left-small: 0px !important;
  --font-size: 30px !important;
}

.s77 {
  margin: 0 !important;
  text-transform: uppercase !important;
  font-size: 1em !important;
}