/*
Theme Name: Divi-mainsite-child
Template: Divi
Theme URI: http://www.lifeatvictory.com
Version: 6.01
Description: This is a child theme of divi, created for the main website. This incorporates CSS for the Victory 2022 rebranding
Author: Dirk Kiesewetter
Author URI: http://www.none.com
*/

/* TABLE OF CONTENTS
- COLORS
- TYPOGRAPHY
  - ORDERED/UNORDERED LISTS
- NAV AND MENUS
- BUTTONS & LINKS
  - CLASSES FOR BUTTON WIDTHS
- ROWS & SECTIONS
  - CHEVRON HEADER & FOOTER
- SPECIFIC & CUSTOM MODULES
  - LOCATION CARDS
  - DIVI SLIDER
  - YOUTUBE VIDEOS PRO
  - MAILCHIMP FORMS
  - CSS FOR NEXT GEN & FAMILY MIN. RESOURCE PAGES
  - CSS FOR BLOG POSTS
- POSITIONING CSS
  - FLEXBOX CONTAINERS
  - CSS GRID CONTAINERS
- SCREEN-READER ONLY CONTENT
- SPECIAL EVENT LANDING PAGE STYLING
*/

/************* COLORS *************/

:root {
  --color-accents-alert-100: rgba(210, 180, 103, 1);
  --color-accents-warning-100: rgba(207, 123, 105, 1);
  --color-accents-warning-50: rgba(239, 212, 196, 1);
  --color-accents-success-100: rgba(66, 255, 229, 1);
  --color-accents-primary-100: rgba(215, 178, 89, 1); /* updated 6/12/2023 */
  --color-accents-call-to-action-100: rgba(255, 0, 85, 1);
  --color-accents-secondary-100: rgba(
    37,
    42,
    54,
    1
  ); /* changed from green to grit blue */
  --color-backgrounds-black-100: rgba(37, 42, 54, 1);
  --color-backgrounds-black-80: rgba(106, 113, 117, 1);
  --color-backgrounds-black-50: rgba(141, 145, 147, 1);
  --color-backgrounds-black-10: rgba(214, 214, 214, 1);
  --color-backgrounds-dark-gray-100: rgba(71, 86, 90, 1);
  --color-backgrounds-medium-gray-100: rgba(140, 137, 133, 1);
  --color-backgrounds-light-gray-100: rgba(214, 214, 214, 1);
  --color-backgrounds-white-100: rgba(255, 255, 255, 1);
  --backgrounds-white: rgba(255, 255, 255, 1);

  /* from Overlay component */
  --backgrounds-black-100: rgba(37, 42, 54, 1);
  --backgrounds-dark-gray: rgba(51, 51, 51, 1);
  --backgrounds-white: rgba(255, 255, 255, 1);

  --color-discover-green: rgba(71, 86, 90, 1);
  --color-grit-blue: rgba(37, 42, 54, 1);
  --color-placeholder: orange;
}

/************* END - COLORS *************/

/*************** TYPOGRAPHY ***************/

:root {
  /* content-screen-size-desktop-h5 */
  --content-screen-size-desktop-h5-family: "Open Sans", sans-serif;
  --content-screen-size-desktop-h5-size: 20px; /* was 21px */
  --content-screen-size-desktop-h5-weight: 700;
  --content-screen-size-desktop-h5-line-height: normal;

  /* content-screen-size-desktop-small */
  --content-screen-size-desktop-small-family: "Gotham Medium", sans-serif;
  --content-screen-size-desktop-small-size: 11px; /* was 10px */
  --content-screen-size-desktop-small-weight: 500;
  --content-screen-size-desktop-small-line-height: normal;

  /* content-screen-size-mobile-h6 */
  --content-screen-size-mobile-h6-family: "Gotham Medium", sans-serif;
  --content-screen-size-mobile-h6-size: 12px;
  --content-screen-size-mobile-h6-weight: 700;
  --content-screen-size-mobile-h6-line-height: normal;

  /* hamburger-nav-child-menu-item */
  --hamburger-nav-child-menu-item-family: "Abel";
  --hamburger-nav-child-menu-item-size: 14px;
  --hamburger-nav-child-menu-item-weight: 400;
  --hamburger-nav-child-menu-item-line-height: 16px;

  /* navigation-hamburger-child-menu-item */
  --navigation-hamburger-child-menu-item-family: "Open Sans", sans-serif;
  --navigation-hamburger-child-menu-item-size: 14px;
  --navigation-hamburger-child-menu-item-weight: 400;
  --navigation-hamburger-child-menu-item-line-height: 16px;
}

@font-face {
  font-family: "Abel";
  src: url("/wp-content/themes/divi-mainsite-child/fonts/Abel-Regular.ttf");
}

@font-face {
  font-family: "Gotham Bold";
  src: url("/wp-content/themes/divi-mainsite-child/fonts/Gotham-Bold.otf");
}

@font-face {
  font-family: "Gotham Book";
  src: url("/wp-content/themes/divi-mainsite-child/fonts/Gotham-Book.otf");
}

@font-face {
  font-family: "Gotham Black";
  src: url("/wp-content/themes/divi-mainsite-child/fonts/Gotham-Black.otf");
}

@font-face {
  font-family: "Gotham Medium";
  src: url("/wp-content/themes/divi-mainsite-child/fonts/Gotham-Medium.otf");
}

@font-face {
  font-family: "Larken Extra Bold";
  src: url("/wp-content/themes/divi-mainsite-child/fonts/Larken-ExtraBold.otf");
}

@font-face {
  font-family: "Larken Extra Bold Italic";
  src: url("/wp-content/themes/divi-mainsite-child/fonts/Larken-ExtraBoldItalic.otf");
}

@font-face {
  font-family: "Open Sans Regular";
  src: url("/wp-content/themes/divi-mainsite-child/fonts/OpenSans-Regular.ttf");
}

@font-face {
  font-family: "Open Sans Medium";
  src: url("/wp-content/themes/divi-mainsite-child/fonts/OpenSans-Medium.ttf");
}

@font-face {
  font-family: "Open Sans Bold";
  src: url("/wp-content/themes/divi-mainsite-child/fonts/OpenSans-Bold.ttf");
}

@font-face {
  font-family: "Open Sans Extra Bold";
  src: url("/wp-content/themes/divi-mainsite-child/fonts/OpenSans-ExtraBold.ttf");
}

@font-face {
  font-family: "Gotham Light";
  src: url("/wp-content/fonts/Gotham-Light.ttf");
}

h1.text-style-h1,
h1.fullwidth-header,
div .header-content h1.et_pb_module_header {
  font-size: 4.206rem; /* 67.3px per Artspeak */
  font-family: "Gotham Black", Arial, Helvetica, sans-serif;
  /*font-weight: 900;*/
  font-style: normal;
  text-decoration: none;
}

span.header-larken-text,
.larken-text {
  font-family: "Larken Extra Bold", Times, serif;
}

h2.scripture-reference {
  font-family: "Gotham Medium", Arial, Helvetica, sans-serif;
  text-transform: none;
  font-size: 2.056rem;
  text-decoration: none;
  font-weight: 100;
  line-height: 1.25;
}

span.scripture-chapter-and-verse {
  font-family: "Larken Extra Bold", Times, serif;
  color: var(--color-accents-primary-100);
  font-size: 2.3rem;
}

h2.text-style-h2 {
  font-family: "Gotham Bold", Arial, Helvetica, sans-serif;
  font-size: 3.125rem;
  text-decoration: none;
  text-transform: uppercase;
}

h2.legal-doc-block__title {
  font-family: "Gotham Bold", Arial, Helvetica, sans-serif;
  font-size: 2.5rem;
  text-decoration: none;
  text-transform: uppercase;
  color: var(--color-grit-blue);
  padding-top: 20px;
}

h3.text-style-h3 {
  font-size: 2.056rem;
  font-family: "Gotham Bold", Arial, Helvetica, sans-serif;
  font-style: normal;
  letter-spacing: 2px;
  text-decoration: none;
  text-transform: uppercase;
  line-height: 2.6rem;
}

h3.text-style-h3-scripture {
  font-size: 2.056rem;
  font-family: "Gotham Bold", Arial, Helvetica, sans-serif;
  font-style: normal;
  letter-spacing: initial;
  text-decoration: none;
  text-transform: none;
  line-height: 2.6rem;
  padding-bottom: 15px;
}

h4.text-style-h4 {
  font-family: "Gotham Bold", Arial, Helvetica, sans-serif;
  font-size: 1.556rem;
  text-decoration: none;
  text-transform: uppercase;
  line-height: 2.85rem;
  line-height: 1.3;
}

h5.text-style-h5 {
  font-family: "Gotham Bold", Arial, Helvetica, sans-serif;
  font-size: 1.19rem; /* was 1.22rem */
  text-decoration: none;
  text-transform: uppercase;
  line-height: 1.75rem;
  /*color: #404141;*/
}

/* changes toggle titles from capitalize */
h5.et_pb_toggle_title {
  text-transform: none;
  line-height: 1.2;
}

h6.text-style-h6 {
  font-family: "Gotham Bold", Arial, Helvetica, sans-serif;
  font-size: 0.889rem;
  text-decoration: none;
  text-transform: uppercase;
  line-height: 1.5;
}

h6.roadmap-resource-category {
  font-family: "Gotham Bold", Arial, Helvetica, sans-serif;
  font-size: 1.1rem;
  color: var(--color-grit-blue);
  text-transform: uppercase;
  line-height: 1.5;
  margin-top: 25px;
}

/* h1-h6 element mobile sizing */
@media screen and (max-width: 500px) {
  h1.text-style-h1 {
    /* font-size: 3.125rem; /* 50px */
    font-size: 2.6875rem;
  }
  h2.text-style-h2 {
    font-size: 2.4rem;
  }
  h3.text-style-h3 {
    font-size: 1.8rem;
  }
}

p.text-style-paragraph {
  font-size: 1rem;
  font-family: "Open Sans Regular", Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-style: normal;
  line-height: 1.7; /* was 2 */
  text-decoration: none;
  text-transform: none;
}

p.text-style-blurb {
  font-size: 1.1rem;
  font-family: "Open Sans Regular", Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-style: normal;
  line-height: 1.5;
  text-decoration: none;
  text-transform: none;
}

p.text-style-bullets {
  font-size: 1.3rem;
  font-family: "Open Sans Regular", Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-style: normal;
  line-height: 1.5;
  text-decoration: none;
  text-transform: none;
}

p.text-style-testimonials {
  font-size: 1.25rem;
  font-family: "Open Sans Regular", Arial, Helvetica, sans-serif;
  font-weight: bolder;
  font-style: normal;
  line-height: 1.5;
  text-decoration: none;
  text-transform: none;
}

p.text-style-small-font {
  font-size: 0.8rem;
  font-family: "Open Sans Regular", Arial, Helvetica, sans-serif;
  font-weight: bolder;
  font-style: normal;
  line-height: 2;
  text-decoration: none;
  text-transform: none;
}

p.text-style-medium-font {
  font-size: 0.92rem;
  font-family: "Open Sans Regular", Arial, Helvetica, sans-serif;
  /*font-weight: bolder;*/
  font-style: normal;
  line-height: 2;
  text-decoration: none;
  text-transform: none;
}

h4.line-height-1_3 {
  line-height: 1.3;
}

.pp-tos-text,
li.legal-doc-block__list-item {
  font-size: 1rem;
  font-family: "Open Sans Regular", Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-style: normal;
  line-height: 1.7; /* was 2 */
  text-decoration: none;
  text-transform: none;
  color: #404141;
}

.legal-doc-block__subheading {
  font-family: "Gotham Bold", Arial, Helvetica, sans-serif;
  font-size: 1.556rem;
  text-decoration: none;
  text-transform: uppercase;
  line-height: 2.85rem;
  line-height: 1.3;
  padding-top: 25px;
  padding-bottom: 5px;
  color: var(--color-accents-secondary-100);
}

a.legal-doc-block__link {
  color: var(--color-accents-secondary-100);
  font-weight: bold;
  text-decoration: underline;
}

a.location-card-title-link {
  color: var(--color-grit-blue);
  font-size: 19px;
}

a.location-card-title-link:hover,
a.campus-name-link:hover {
  text-decoration: underline;
}

.larken-text {
  font-family: "Larken Extra Bold" !important;
}

.beige-text {
  color: var(--color-accents-primary-100);
}

.white-text {
  color: var(--color-backgrounds-white-100);
}

.green-text {
  color: var(--color-accents-secondary-100);
}

.black-text {
  color: #404141;
}

.grit-blue-text {
  color: var(--color-grit-blue);
}

.roadmap-body-text.all-caps {
  text-transform: uppercase;
}

p.bolded-text,
span.bolded-text {
  font-family: "Open Sans Extra Bold", Arial, Helvetica, sans-serif;
}

/* custom ordered & unordered lists */
ol.numbered-list {
  list-style-position: outside;
  padding-left: 16px;
  padding-bottom: 0;
}

ol.numbered-list li {
  padding-bottom: 10px;
  font-size: 15px;
  font-family: "Open Sans Medium", Arial, Helvetica, sans-serif;
  color: #404141;
}

ol.no-bullets {
  list-style-type: none;
}

ol.styled-list,
ul.styled-list {
  font-family: "Gotham Bold", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  font-size: 0.889rem;
  line-height: 1.5;
}

ol.custom-ordered-list {
  list-style: none;
  counter-reset: item;
}

ol.custom-ordered-list li {
  counter-increment: item;
  margin-bottom: 10px;
}

ol.custom-ordered-list li:before {
  content: counter(item);
  background-color: var(--color-backgrounds-black-100);
  margin-right: 10px;
  width: 1.5em;
  text-align: center;
  display: inline-block;
  color: white;
}

ul.square-bullet-list {
  list-style-type: none;
}

/* styling for the nested footer links */
ul.nested-footer-link {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  transition: all 0.5s ease;
  left: 0;
  display: none;
  background-color: var(--color-grit-blue);
  padding: 4px 10px 10px 10px;
}

.condensed-text {
  letter-spacing: -0.25px;
  word-spacing: -1px;
}

.footer-indicator-open {
  display: none;
}

li.footer-secondary-link:hover .footer-indicator-closed {
  display: none;
}

li.footer-secondary-link:hover .footer-indicator-open {
  visibility: visible;
  opacity: 1;
  display: block;
}

ul li:hover > ul,
ul li ul:hover {
  visibility: visible;
  opacity: 1;
  display: block;
}

ul li ul.nested-footer-link li {
  clear: both;
  width: 100%;
}

.footer-secondary-link:hover {
  text-decoration: underline;
}

ul.square-bullet-list li::before {
  font-size: 30px;
  color: red;
  /*content: "◾ "; /* this displays as black */
  content: "\25A0";
}

/* highlighted text */

span.highlight {
  padding: 0.438rem; /* 7px */
}

span.gray-highlight {
  background-color: var(--color-backgrounds-black-80);
}

span.green-highlight {
  background-color: var(--color-accents-secondary-100);
}

span.beige-highlight {
  background-color: var(--color-accents-primary-100);
  color: var(--color-backgrounds-white-100);
}

/* Fontawesome icons styling */
.fa-facebook-square,
.fa-youtube-square,
.fa-instagram-square {
  color: var(--color-grit-blue);
  color: var(--color-accents-secondary-100);
  padding-right: 15px;
  padding-left: 15px;
}

.fa-circle-check {
  color: var(--color-grit-blue);
  padding-right: 5px;
}

.fa-icon-padding-25px {
  padding-left: 25px;
  padding-right: 25px;
}

.fa-cross,
.fa-handshake-angle,
.fa-circle-info,
.fa-water,
.fa-book-bible,
.fa-trophy-star {
  color: var(--color-accents-primary-100);
  margin-bottom: 25px;
}

.fa-people-group,
.fa-podcast,
.fa-book-open,
.fa-youtube,
.fa-list-music,
.fa-school,
.fa-baby,
.fa-memo,
.fa-globe,
.fa-family,
.fa-people,
.fa-map-location-dot {
  color: var(--color-grit-blue);
  margin-bottom: 25px;
}

/************* END - TYPOGRAPHY *************/

/************* NAV AND MENUS *************/

/* styles the Main Nav menu at the top */
li.menu-item a,
#top-menu li a {
  font-family: "Gotham Bold", Arial, Helvetica, sans-serif;
  font-size: 1.125rem; /* 18px */
}

#top-menu li {
  padding-right: 30px;
}

span.mobile_menu_bar,
.mobile_menu_bar:before,
header .mobile_menu_bar:before {
  color: var(--color-grit-blue);
}

h4.footer-add-links-category {
  font-family: "Gotham Bold", Arial, Helvetica, sans-serif;
  color: var(--color-backgrounds-white-100);
  text-transform: uppercase;
  font-size: 18px;
}

a.footer-add-link {
  color: var(--color-backgrounds-white-100);
  font-size: 0.075rem;
}

a.footer-main-link {
  text-transform: uppercase;
  color: var(--color-backgrounds-white-100);
  font-size: 14px;
  font-weight: bold;
  /* line-height: 200px; */
  margin-bottom: 25px;
}

li a.footer-secondary-link {
  color: var(--color-backgrounds-white-100);
}

li.footer-link-item {
  padding-bottom: 7px;
}

/* style dropdown menu for mobile */
ul#mobile_menu.et_mobile_menu {
  background-color: #8c8985;
  background-color: #d3d3d3;
}

/* makes the mobile hamburger menu icon grit blue */
header .mobile_menu_bar:before {
  color: #fff;
  color: var(--color-grit-blue);
}

@media (max-width: 768px) {
  #et_mobile_nav_menu {
    display: block;
  }

  #top-menu {
    display: none;
  }
}

/************* END - NAV AND MENUS ************/

/************* BUTTONS & LINKS *************/

/* base style for all buttons */
.button {
  font-family: "Gotham Bold", Arial, Helvetica, sans-serif;
  font-size: 0.889rem;
  display: inline-block; /* this may be causing centering issues on 1 button */
  text-transform: uppercase;
  padding: 8px 10px;
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 20px;
  text-align: center;
}

span.button-second-line {
  font-family: "Gotham Book", Arial, Helvetica, sans-serif;
  font-size: 0.889rem;
  display: inline-block; /* this may be causing centering issues on 1 button */
  text-align: center;
}

.button:hover,
.image-button:hover {
  opacity: 0.5;
}

.fullwidth-button {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.block-level {
  display: block;
}

/* beige button with white type & white rule below */
.primary-button {
  background-color: var(--color-accents-primary-100);
  color: var(--color-backgrounds-white-100);
  box-shadow: 0 0.5rem var(--color-backgrounds-white-100);
}

/* transparent button w/ beige border & shadow */
.outlined-button {
  color: var(--color-backgrounds-white-100);
  border: solid 0.125rem var(--color-accents-primary-100); /* added 3/10/2023 */
  border-bottom: 0; /* added 3/10/2023 */
  box-shadow: 0 0.625rem var(--color-accents-primary-100); /* changed from 0.5 to 0.625 on 3/10/2023 */
}

.white-normal-button {
  background-color: var(--color-backgrounds-white-100);
  color: var(--color-backgrounds-black-100);
  border: solid 0.125rem var(--color-backgrounds-white-100);
  border-bottom: solid 0.125rem var(--color-accents-primary-100); /* added 3/10/2023 */
  border-bottom: 0; /* added 3/10/2023 */
  box-shadow: 0 0.625rem var(--color-accents-primary-100); /* changed from 0.5 to 0.625 on 3/10/2023 */
}

.white-hollow-button {
  color: var(--color-backgrounds-white-100);
  border: solid 0.125rem var(--color-backgrounds-white-100);
  box-shadow: 0 0.5rem var(--color-backgrounds-white-100);
}

.dark-normal-button {
  background-color: var(--color-backgrounds-black-100);
  color: var(--color-backgrounds-white-100);
  box-shadow: 0 0.5rem var(--color-accents-primary-100);
}

.dark-hollow-button {
  color: var(--color-backgrounds-black-100);
  border: solid 0.125rem var(--color-backgrounds-black-100);
  box-shadow: 0 0.5rem var(--color-backgrounds-black-100);
}

.primary-normal-button {
  background-color: var(--color-accents-primary-100);
  color: var(--color-backgrounds-white-100);
  box-shadow: 0 0.5rem var(--color-backgrounds-black-100);
}

.primary-hollow-button {
  color: var(--color-accents-primary-100);
  border: solid 0.125rem var(--color-accents-primary-100);
  box-shadow: 0 0.5rem var(--color-accents-primary-100);
}

.secondary-normal-button {
  background-color: var(--color-accents-secondary-100);
  color: var(--color-backgrounds-white-100);
  box-shadow: 0 0.5rem var(--color-backgrounds-black-100);
}

.secondary-hollow-button {
  color: var(--color-accents-secondary-100);
  border: solid 0.125rem var(--color-accents-secondary-100);
  box-shadow: 0 0.5rem var(--color-accents-secondary-100);
}

.inline-link {
  text-decoration: underline;
  text-transform: uppercase;
  font-family: "Gotham Bold", Arial, Helvetica, sans-serif;
  font-size: 0.889rem;
  padding-bottom: 10px;
}

/* these are referred to as "quiet buttons" by Artspeak */
.inline-link-primary {
  color: var(--color-accents-primary-100);
}

.inline-link-white {
  color: var(--color-backgrounds-white-100);
}

.inline-link-dark {
  color: var(--color-backgrounds-black-100);
}

/* CUSTOM BUTTON WIDTH CLASSES */
.width-100px {
  width: 100px;
}

.width-150px {
  width: 150px;
}

.width-160px {
  width: 160px;
}

.width-170px {
  width: 170px;
}

.width-180px {
  width: 180px;
}

.width-190px {
  width: 190px;
}

.width-205px {
  width: 205px;
}

.width-220px {
  width: 220px;
}

.width-230px {
  width: 230px;
}

.width-240px {
  width: 240px;
}

.width-250px {
  width: 250px;
}

.width-300px {
  width: 300px !important;
}

.width-100pct {
  width: 100%;
}

/* CSS for positioning multiple elements */

/* add padding between 2 buttons, one above the other */
.button:not(:last-of-type) {
  margin-bottom: 30px;
}

.inline-link:not(:last-of-type) {
  padding-right: 25px;
}

/* remove left margin for flush-left buttons  */
button.no-side-margin,
.no-side-margin {
  margin-left: 0;
  /*margin-right: 0;*/
}

/************* END - BUTTONS & LINKS *************/

/**************** ROWS AND SECTIONS ****************/

/* to vertically center the content in the hero image */

div.hero-section {
  height: 540px;
}

/* make the section vertically smaller on mobile */
@media screen and (max-width: 768px) {
  div#nextgen-roadmap-hero-section {
    height: 350px;
    /*width: 90%;*/
  }
  h1.text-style-h1 {
    padding-bottom: 0;
  }
}

.section-20px-padding {
  padding: 20px;
}

div.section-ghosted-white-bkgrnd {
  background-color: rgba(255, 255, 255, 0.55);
}

div.no-vertical-padding {
  padding-top: 0;
  padding-bottom: 0;
}

div.no-top-padding {
  padding-top: 0;
}

div.no-btm-padding {
  padding-bottom: 0;
}

/* positions the chevron image on the footer so it is partly visible */
.chevron-bottom-divider {
  /*margin-top: -60px;*/
  position: relative;
  bottom: 65px;
  object-fit: cover;
  width: 100vw;
}

/* to verticaly center the content in the bottom section */
.et_pb_equal_columns > .et_pb_column {
  margin-top: auto;
  margin-bottom: auto;
}

/* to remove padding from We'd Love to Meet Section on home page */
.et_pb_row .no-top-btm-padding-row,
.no-top-btm-padding-row {
  padding-top: 0;
  padding-bottom: 0;
}

div#footer-bottom {
  display: none;
}

/* chevron header */
.chevron-header::after {
  height: 2.55rem;
  /* top: 0; */
  bottom: 0;
  left: 0;
  right: 0;
  content: "";
  background: url(/wp-content/uploads/2022/06/20220616-white-chevron-half-220x50-1.png);
  position: absolute;
  background-size: contain;
  transform: translateY(1rem);
  z-index: 1000;
}

/* Chevron footer */
.chevron-footer::before {
  height: 5rem;
  top: 0;
  left: 0;
  right: 0;
  content: "";
  background: url(/wp-content/uploads/2022/06/20220617-grit-blue-chevron-220x95-1.png);
  position: absolute;
  background-size: contain;
  transform: translateY(-1.7rem);
  z-index: 1000;
}

/* grit blue chevron header  added 6/12/2023 */
.grit-blue-chevron-header::after {
  height: 2.55rem;
  /* top: 0; */
  bottom: -8px;
  left: 0;
  right: 0;
  content: "";
  background: url(/wp-content/uploads/2023/06/20230612-grit-blue-chevron-half-220x50-1.png);
  position: absolute;
  background-size: contain;
  transform: translateY(1rem);
  z-index: 1000;
}

/* light chevron header  added 6/21/2023 */
.light-gray-chevron-header::after {
  height: 2.55rem;
  bottom: 1px;
  left: 0;
  right: 0;
  content: "";
  background: url(/wp-content/uploads/2023/06/20230621-d6d6d6_light_gray-chevron-half-220x50-1.png);
  position: absolute;
  background-size: contain;
  transform: translateY(1rem);
  z-index: 1000;
}

/************* END - ROWS AND SECTIONS ************/

/**************** CUSTOM MODULES ****************/

/* DIVI BLURB MODULE */

/* centers text over blurb module */
.divi-blurb .et_pb_blurb_content {
  display: flex;
  flex-direction: row;
  justify-content: center;
}

.divi-blurb .et_pb_blurb_container {
  position: absolute;
  align-self: center;
  padding-top: 30%;
}

@media screen and (max-width: 500px) {
  .divi-blurb .et_pb_blurb_container {
    position: absolute;
    align-self: center;
    padding-top: 18%;
  }
}

/* ARTSPEAK BLURB PHOTO CONTAINER */
div.blurb-photo-container {
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

img.blurb-photo {
  flex-shrink: 0;
  min-width: 100%;
  min-height: 100%;
  object-fit: cover;
}

@media only screen and (min-width: 981px) and (max-width: 1327px) {
  img.blurb-photo {
    min-height: 488px;
  }
}

@media only screen and (min-width: 981px) and (max-width: 1100px) {
  img.blurb-photo-height-adjust {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
}

/* END OF BLURB PHOTO CONTAINER */

/* LOCATION CARDS */

#card-image-cranberry {
  background-image: url("/wp-content/uploads/2022/06/20220614-Cranberry-Campus-320x188-1.png");
}

#card-image-meadville {
  background-image: url("/wp-content/uploads/2022/06/20220614-Movies-at-Meadville-entrance.png");
}

#card-image-new-castle {
  background-image: url("/wp-content/uploads/2026/07/Screenshot-2026-07-06-at-9.55.40-AM.png");
}

#card-image-online {
  background-image: url("/wp-content/uploads/2022/05/20220509-onlineimage-300x300-1.jpg");
}

/* filter to reduce saturation of campus images */
div.card-image,
.desaturated-image {
  filter: grayscale(0.7);
}

/* to change phone/email/location graphics to Grounded Green 
.vector {
  filter: invert(43%) sepia(7%) saturate(2524%) hue-rotate(126deg)
    brightness(89%) contrast(81%);
} */

/* to change phone/email/location graphics to grit blue */
.vector {
  filter: invert(10%) sepia(5%) saturate(4302%) hue-rotate(181deg)
    brightness(90%) contrast(82%);
}

/* MOBILE - considered 767 px wide & below, 
per https://www.divithemeexamples.com/divi-breakpoints-media-queries/ */

@media (max-width: 767px) {
  .tease {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .card-image {
    height: 188px;
    background-size: cover;
    /*background-size: contain;*/
    background-position: center;
    /*  background-image: url("https://static.overlay-tech.com/assets/9dc797f0-1c0c-4aaa-ace2-d58e2a5213c5.png");*/
    align-self: stretch;
  }

  .card-content {
    background-color: var(--backgrounds-white);
    padding: 24px 16px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    height: 170px;
    align-self: stretch;
  }

  .h4-subtitle {
    align-self: stretch;
  }

  .frame-7958 {
    padding: 0 0 4px;
    display: flex;
    align-items: center;
    align-self: stretch;
  }

  .paragraph {
    padding: 0 8px 0 0;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
  }

  p.services-callout {
    color: var(--backgrounds-black-100);
    text-align: right;
    text-transform: uppercase;
    font-family: var(--content-screen-size-desktop-small-family);
    font-family: "Gotham Medium";
    font-size: var(--content-screen-size-desktop-small-size);
    font-weight: var(--content-screen-size-desktop-small-weight);
    line-height: var(--content-screen-size-desktop-small-line-height);
  }

  .frame-7957 {
    display: flex;
    align-items: flex-start;
  }

  .meta-tag:not(:last-of-type) {
    margin-right: 10px;
  }

  .frame-7957-two {
    padding: 16px 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }

  .address {
    width: 288px;
    color: var(--backgrounds-dark-gray);
    font-family: var(--hamburger-nav-child-menu-item-family);
    font-size: var(--hamburger-nav-child-menu-item-size);
    font-weight: var(--hamburger-nav-child-menu-item-weight);
    line-height: var(--hamburger-nav-child-menu-item-line-height);
  }

  .frame-7957-three {
    display: flex;
    align-items: center;
    align-self: stretch;
  }

  .paragraph-two {
    margin-right: 17px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    width: 107px;
    align-self: stretch;
  }

  .paragraph-three {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
    flex: 1;
    align-self: stretch;
  }

  .call-to-action {
    color: var(--backgrounds-black-100);
    text-align: right;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-family: var(--content-screen-size-mobile-h6-family);
    font-size: var(--content-screen-size-mobile-h6-size);
    font-weight: var(--content-screen-size-mobile-h6-weight);
    line-height: var(--content-screen-size-mobile-h6-line-height);
  }

  /* h4 subtitle */
  .h4-subtitle-two {
    padding: 0 4px 12px;
    display: flex;
    align-items: flex-start;
  }

  .h4-subtitle {
    color: #404141;
    flex: 1;
    text-transform: uppercase;
    font-family: var(--content-screen-size-desktop-h5-family);
    font-size: var(--content-screen-size-desktop-h5-size);
    font-weight: var(--content-screen-size-desktop-h5-weight);
    line-height: var(--content-screen-size-desktop-h5-line-height);
  }

  /* meta tag 1 */
  .meta-tag {
    padding: 3px 7px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(0, 0, 0, 1);
  }

  .easy {
    color: var(--backgrounds-dark-gray);
    font-family: var(--navigation-hamburger-child-menu-item-family);
    font-size: var(--navigation-hamburger-child-menu-item-size);
    font-weight: var(--navigation-hamburger-child-menu-item-weight);
    line-height: var(--navigation-hamburger-child-menu-item-line-height);
  }

  /* meta tag 2 */
  .meta-tag {
    padding: 3px 7px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(0, 0, 0, 1);
  }

  .easy {
    color: var(--backgrounds-dark-gray);
    font-family: var(--navigation-hamburger-child-menu-item-family);
    font-size: var(--navigation-hamburger-child-menu-item-size);
    font-weight: var(--navigation-hamburger-child-menu-item-weight);
    line-height: var(--navigation-hamburger-child-menu-item-line-height);
  }

  .vector {
    width: 24px; /* was 100% */
    flex: 1;
    align-self: stretch;
    object-fit: cover;
  }

  /* icon - telephone */
  .icon-font-awesome-free-solid-p-phone-alt {
    padding: 1.67px 1.66px 1.66px 1.67px;
    display: flex;
    align-items: center;
  }

  /* icon - envelope */
  .icon-font-awesome-free-solid-e-envelope {
    padding: 3.75px 1.66px 3.75px 1.67px;
    display: flex;
    align-items: center;
  }

  /* icon - map pointer */
  .icon-font-awesome-free-solid-m-map-marke {
    padding: 1.67px 3.75px 1.66px;
    display: flex;
    align-items: center;
  }
}

/* DESKTOP & TABLET - considered above 767 px wide, 
per https://www.divithemeexamples.com/divi-breakpoints-media-queries/ */

@media (min-width: 768px) {
  .tease {
    display: flex;
    align-items: center;
  }

  .card-image {
    /*width: 227px;*/
    width: 35%; /* to fix sizing issue on tablets */
    background-size: cover;
    background-position: center;
    /* STATIC IMAGE
    background-image: url(https://static.overlay-tech.com/assets/c016134d-3644-4f0a-868b-bfb7750655b9.png);*/
    align-self: stretch;
  }

  .card-content {
    background-color: var(--backgrounds-white);
    padding: 16px 12px; /* was 18px 1px */
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    /* width: 288px; */
    width: 65%; /* to fix sizing issue on tablets */
    align-self: stretch;
    height: 166px;
  }

  .h4-subtitle {
    align-self: stretch;
  }

  .h4-subtitle-two {
    padding: 0 4px 12px;
    display: flex;
    align-items: flex-start;
  }

  .h4-subtitle {
    color: #404141;
    flex: 1;
    text-transform: uppercase;
    font-family: var(--content-screen-size-desktop-h5-family);
    font-size: var(--content-screen-size-desktop-h5-size);
    font-weight: var(--content-screen-size-desktop-h5-weight);
    line-height: var(--content-screen-size-desktop-h5-line-height);
  }

  .frame-7958 {
    padding: 0 0 4px;
    display: flex;
    align-items: center;
    align-self: stretch;
  }

  .paragraph {
    padding: 0 8px 0 0;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
  }

  p.services-callout {
    color: rgba(0, 0, 0, 1);
    text-align: right;
    text-transform: uppercase;
    font-family: var(--content-screen-size-desktop-small-family);
    font-family: "Gotham Medium";
    font-size: var(--content-screen-size-desktop-small-size);
    font-weight: var(--content-screen-size-desktop-small-weight);
    line-height: var(--content-screen-size-desktop-small-line-height);
  }

  .frame-7957 {
    display: flex;
    align-items: flex-start;
  }

  .meta-tag:not(:last-of-type) {
    margin-right: 10px;
  }

  .frame-7957-two {
    padding: 16px 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }

  .address {
    width: 288px;
    color: var(--backgrounds-dark-gray);
    font-family: var(--hamburger-nav-child-menu-item-family);
    font-size: var(--hamburger-nav-child-menu-item-size);
    font-weight: var(--hamburger-nav-child-menu-item-weight);
    line-height: var(--hamburger-nav-child-menu-item-line-height);
  }

  .frame-7957-three {
    display: flex;
    align-items: center;
    justify-content: space-between;
    align-self: stretch;
  }

  .paragraph-two {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    align-self: stretch;
  }

  .icon-font-awesome-free-solid-p-phone-alt {
    width: 20px;
    height: 20px;
  }

  .icon-font-awesome-free-solid-p-phone-alt:not(:last-of-type) {
    margin-right: 10px;
  }

  .meta-tag {
    padding: 3px 7px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(0, 0, 0, 1);
  }

  .easy {
    color: var(--backgrounds-dark-gray);
    font-family: var(--navigation-hamburger-child-menu-item-family);
    font-size: var(--navigation-hamburger-child-menu-item-size);
    font-weight: var(--navigation-hamburger-child-menu-item-weight);
    line-height: var(--navigation-hamburger-child-menu-item-line-height);
  }

  /* icons at the bottom of location cards */
  .icon-font-awesome-free-solid-p-phone-alt {
    padding: 1px;
    display: flex;
    align-items: center;
  }
  .vector {
    width: 22px;
    flex: 1;
    align-self: stretch;
    object-fit: cover;
  }

  .icon-font-awesome-free-solid-e-envelope {
    padding: 2.25px 1px;
    display: flex;
    align-items: center;
  }

  .icon-font-awesome-free-solid-m-map-marke {
    padding: 1px 2.25px;
    display: flex;
    align-items: center;
  }
}

/* END CUSTOM MODULES - LOCATION CARDS */

/* DIVI SLIDER */

/* Show slider arrows always */
.et-pb-arrow-next {
  opacity: 1 !important;
  right: 22px;
}

.et-pb-arrow-prev {
  opacity: 1 !important;
  left: 22px;
}

/* YOUTUBE VIDEOS PRO PLUGIN */
/* hide YT links etc. on video */
a.ytp-title-channel-logo,
div.ytp-title-channel,
button.ytp-button,
a.ytp-impression-link {
  display: none !important;
}

/* styles & positions the prev/next video arrows */
div.sby_items_wrap.sby_carousel.sby-owl-loaded.sby-owl-drag
  > div.sby-owl-nav
  > div.sby-owl-next,
div.sby_items_wrap.sby_carousel.sby-owl-loaded.sby-owl-drag
  > div.sby-owl-nav
  > div.sby-owl-prev {
  background-color: #fff;
  /*width: 50px;
  height: 50px;*/
}

div.sby_items_wrap.sby_carousel.sby-owl-loaded.sby-owl-drag
  > div.sby-owl-nav
  > div.sby-owl-next {
  margin-right: 20px;
}

div.sby_items_wrap.sby_carousel.sby-owl-loaded.sby-owl-drag
  > div.sby-owl-nav
  > div.sby-owl-prev {
  margin-left: 20px;
}

span.sby_video_title,
.sby_video_title_wrap,
[id^="sb_youtube_"].sb_youtube .sby_video_title {
  font-family: "Gotham Medium", Arial, Helvetica !important;
  font-size: 16px !important;
  color: var(--color-grit-blue) !important;
  /* text-align: left;*/
}

span.sby_date {
  color: #333;
  font-family: "Gotham Medium", Arial, Helvetica, sans-serif !important;
  font-size: 16px !important;
}

/* BASE BUTTON STYLING */
[id^="sb_youtube_"].sb_youtube .sby_footer .sby_load_btn,
span.sby_follow_btn a {
  font-family: "Gotham Bold";
  font-size: 14.224px !important; /*0.889rem*/
  display: inline-block;
  text-transform: uppercase;
  padding: 8px 20px !important;
  margin-left: 10px !important;
  margin-right: 10px !important;
  margin-bottom: 20px !important;
  text-align: center !important;
  border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  line-height: 1.7em;
}

/* hides icon on subscribe button */
[id^="sb_youtube_"].sb_youtube > div.sby_footer > span > a > svg {
  display: none;
}

/* PRIMARY NORMAL BUTTON STYLING - LOAD MORE BUTTON */
a.sby_load_btn {
  font-size: 14.224px !important; /*0.889rem*/
  background-color: var(--color-accents-primary-100) !important;
  color: var(--color-backgrounds-white-100) !important;
  box-shadow: 0 0.5rem var(--color-backgrounds-black-100) !important;
  width: 190px;
}

a.sby_load_btn:hover {
  opacity: 0.5;
}

/* SETS LINE HEIGHT ON BUTTONS TO MATCH SITEWIDE BUTTONS */
span.sby_btn_text,
[id^="sb_youtube_"].sb_youtube > div.sby_footer > span > a {
  line-height: 1.67em;
}

/* DARK NORMAL BUTTON STYLING - SUBSCRIBE BUTTON */
span.sby_follow_btn a {
  font-size: 14.224px !important; /*0.889rem*/
  background-color: var(--color-backgrounds-black-100) !important;
  color: var(--color-backgrounds-white-100) !important;
  box-shadow: 0 0.5rem var(--color-accents-primary-100) !important;
  width: 150px;
}

/* TESTING TO REMOVE BUTTON HOVER EFFECT */
[id^="sb_youtube_"].sb_youtube .sby_follow_btn a:focus,
[id^="sb_youtube_"].sb_youtube .sby_follow_btn a:hover {
  box-shadow: inset 0 0 20px 20px rgba(167, 24, 141, 0.25) !important;
}

/* STYLING FOR CARDS ON MESSAGE ARCHIVE PAGE */
.sby_inner_item {
  border: 1px solid #d9d9d9;
}

/* MAILCHIMP FORMS STYLING */
#mc_embed_signup {
  clear: left;
  font: 14px "Open Sans", Helvetica, Arial, sans-serif;
  /*width: 600px;*/
}

#mc_embed_signup input {
  border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  border: none !important;
}

#mc_embed_signup .small-meta {
  color: white;
}

.themed-button,
#mc_embed_signup input {
  margin-bottom: 5px !important;
}

#mc_embed_signup .size1of2 {
  width: 100% !important;
}

#mc_embed_signup .helper_text,
span[id^="#mce"] {
  background-color: transparent !important;
}

#mc_embed_signup .button {
  font-family: "Open Sans", Arial, sans-serif;
  font-size: 18px;
  line-height: 0;
  padding: 20px;
  border: 2px solid var(--color-grit-blue);
  border-radius: 6px;
  background-color: var(--color-grit-blue);
  color: white;
}

#mc_embed_signup .button:hover {
  border-color: var(--color-grit-blue);
  background-color: white;
  color: var(--color-grit-blue);
}

div.mc-field-group label {
  font-family: "Open Sans", Arial, sans-serif;
  color: white;
}

#mc-embed-signup .mc-field-group {
  padding-bottom: 1% !important;
}

span.asterisk {
  display: none;
}

#mc_embed_signup .helper_text {
  display: none;
}

input#mc-embedded-subscribe {
  margin-top: 0 !important;
}

.themed-button,
#mc_embed_signup input {
  font-family: "Gotham Bold";
  font-size: 0.889rem;
  display: inline-block; /* this may be causing centering issues on 1 button */
  text-transform: uppercase;
  padding: 8px 20px;
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 20px;
  width: 50%;
  border-radius: 0px;
  border: none;
}

.primary-button {
  background-color: #d2b467;
  color: white;
  box-shadow: 0 0.5rem white;
}

/* CSS FOR NEXT GEN & FAMILY MIN. ROADMAP PAGES */

/* for lining up buttons horiz. in columns of differing heights */
div.et_pb_row.row-full-height-columns .et_pb_column {
  margin-bottom: 40px;
}

@media screen and (min-width: 981px) {
  div.et_pb_row.row-full-height-columns .et_pb_column {
    margin-top: 0;
    margin-bottom: 0;
    display: flex;
    flex-direction: column;
  }

  div.et_pb_row.row-full-height-columns .et_pb_column .et_pb_module:last-child {
    margin-top: auto;
  }
}

/* indicates placeholder content */
.content-placeholder {
  color: var(--color-placeholder) !important;
}

a.dark-normal-button.content-placeholder {
  background-color: var(--color-placeholder) !important;
  color: white !important;
}

a.button.white-hollow-button.content-placeholder,
a.button.dark-hollow-button.content-placeholder {
  color: var(--color-placeholder) !important;
  border-color: var(--color-placeholder) !important;
  box-shadow: 0 0.5rem var(--color-placeholder) !important;
}

h2.nextgen-section-title {
  font-family: "Larken Extra Bold", serif;
  text-transform: uppercase;
  font-size: 3rem;
}

h4.subsection-title {
  line-height: 1.3;
  padding-bottom: 1px;
}

h4.subsection-title,
div.marriage-roadmap-toggle h5.et_pb_toggle_title {
  font-family: "Larken Extra Bold";
  text-transform: uppercase;
  font-size: 1.4rem;
  text-align: center;
}

h5.book-title {
  font-family: "Gotham Bold", Arial, Helvetica, sans-serif;
  color: var(--color-grit-blue);
  font-size: 18px;
  line-height: 1.2;
}

h5.roadmap-toggle-question {
  font-family: "Gotham Bold";
}

h6.book-author {
  font-family: "Gotham Book", Arial, Helvetica, sans-serif;
  color: var(--color-grit-blue);
  font-size: 18px;
}

p.roadmap-body-text {
  font-size: 1.1rem;
  font-family: "Open Sans Regular", Arial, Helvetica, sans-serif;
  line-height: 1.5;
  text-decoration: none;
  text-transform: none;
  text-align: center;
}

p.left-align-text {
  text-align: left;
}

p.add-btm-padding {
  padding-bottom: 1em !important;
}

p.roadmap-notice-text {
  font-size: 0.95rem;
  font-family: "Open Sans Regular", Arial, Helvetica, sans-serif;
  line-height: 1.3;
  text-decoration: none;
  text-transform: none;
  text-align: center;
}

p.roadmap-engagement-resource {
  font-size: 0.9rem;
  font-family: "Open Sans Regular", Arial, Helvetica, sans-serif;
  line-height: 1.5;
  text-align: center;
}

p.roadmap-toggle-answer {
  font-family: "Open Sans Regular", Arial, Helvetica, sans-serif;
}

li.roadmap-li {
  font-size: 1.1rem;
  font-family: "Open Sans Regular", Arial, Helvetica, sans-serif;
  line-height: 1.5;
}

span.podcast-host-name {
  text-transform: capitalize;
  font-family: "Gotham Book", Arial, Helvetica, sans-serif;
}

.family-ministry-resource-link {
  color: var(--color-accents-primary-100);
  font-family: "Open Sans Regular", Arial, Helvetica, sans-serif;
  font-size: 0.92rem;
  padding-bottom: 20px;
}

.marriage-ministry-resource-link {
  color: var(--color-accents-primary-100);
  font-family: "Open Sans Regular", Arial, Helvetica, sans-serif;
  font-size: 1.1rem;
}

p:has(a.marriage-ministry-resource-link) {
  padding-bottom: 20px;
}

.family-ministry-resource-link:hover,
.marriage-ministry-resource-link:hover {
  text-decoration: underline;
}

span.age-group-arrow {
  font-size: 24px;
}

span.nav-arrow-background {
  background-color: var(--color-grit-blue) !important;
}

a.roadmap-link {
  color: var(--color-grit-blue);
  font-weight: bold;
  text-decoration: underline;
  text-transform: uppercase;
  font-family: "Gotham Bold", Arial, Helvetica, sans-serif;
}

a.roadmap-link:hover,
a.roadmap-page-link:hover,
a.marriage-roadmap-link:hover {
  text-decoration: none;
  color: #808080;
}

a.book-details-link,
a.roadmap-page-link,
a.marriage-roadmap-link {
  font-family: "Gotham Bold", Arial, Helvetica, sans-serif;
  color: var(--color-grit-blue);
  font-size: 18px;
  text-decoration: underline;
  text-transform: uppercase;
}

a.marriage-roadmap-toggle-link {
  font-family: "Gotham Bold", Arial, Helvetica, sans-serif;
  color: var(--color-backgrounds-black-80);
  font-size: 16px;
  text-decoration: underline;
  text-transform: uppercase;
}

a.marriage-roadmap-toggle-link:hover {
  text-decoration: none;
  color: var(--color-backgrounds-black-50);
}

ul.marriage-links-ul {
  padding-bottom: 5px;
}

ul.marriage-links-ul li {
  margin-bottom: 17px;
  font-family: "Gotham Medium", Arial, Helvetica, sans-serif;
  color: var(--color-grit-blue);
  font-size: 16px;
  text-transform: capitalize;
}

@media screen and (max-width: 420px) {
  a.button.roadmap-nav-button {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 12px;
  }
}

div.et_pb_column.book-section-background {
  margin-top: 0;
  margin-bottom: 0;
}

a.book-details-link:hover {
  text-decoration: none;
}

/* Roadmap pages previous/next jump links & breadcrumb text styling */
p.btm-pg-nav-link,
a.prev-next-nav-link {
  color: var(--color-grit-blue);
  font-size: 1.35rem;
  font-family: "Gotham Book", Arial, Helvetica, sans-serif;
}

.breadcrumb-background,
.breadcrumb-background a,
.breadcrumb_last {
  color: var(--color-grit-blue);
  font-size: 0.8rem;
}

p.btm-pg-nav-link:hover,
a.prev-next-nav-link:hover,
i[class^="fa-circle-chevron"]:hover,
.breadcrumb-background:hover,
.breadcrumb-background a:hover {
  color: #808080;
}

.left-nav-link {
  text-align: left;
}

.right-nav-link {
  text-align: right;
}

.breadcrumb-background span:not(:last-child) a {
  /*font-family: "Gotham Book", Arial, Helvetica, sans-serif;*/
  font-style: normal;
}

.breadcrumb-background span:not(:last-child) a:hover {
  text-decoration: underline !important;
}

.breadcrumb_last {
  color: #d7b259;
}

@media screen and (min-width: 768px) {
  .breadcrumb-background,
  .breadcrumb-background a,
  .breadcrumb_last {
    font-size: 0.95rem;
  }
}

/* force last breadcrumb to next line on mobile to prevent it from being split to 2 lines */
@media screen and (max-width: 768px) {
  .breadcrumb_last {
    /*display: block;*/
  }
}

/* CSS for 2-column bulleted lists */
ul.side-by-side-list {
  margin-top: 0;
  margin-bottom: 0;
}

ul.centered-list {
  font-family: "Open Sans Regular", Arial, Helvetica, sans-serif;
  font-size: 1.1rem;
  line-height: 1.5;
  display: table;
  margin: 0 auto;
  text-align: left;
  color: var(--color-grit-blue);
}

ul.no-btm-padding:nth-child(1) {
  padding-bottom: 0;
}

ul.two-column-list {
  font-family: "Open Sans Regular", Arial, Helvetica, sans-serif;
  font-size: 1.1rem;
  line-height: 1.5;
  display: table;
  text-align: left;
  color: var(--color-grit-blue);
}

/* makes bulleted lists side-by-side on desktop */
@media screen and (max-width: 599px) {
  div.desktop-flex-container {
    display: none;
  }
}

@media screen and (min-width: 600px) {
  div.mobile-container {
    display: none;
  }

  div.desktop-flex-container {
    display: flex;
    justify-content: center;
    margin: 0 auto;
  }

  ul.two-column-list:nth-child(1) {
    padding-right: 25px;
    margin-right: 0;
  }
  ul.two-column-list:nth-child(2) {
    margin-left: 0;
  }
}

@media screen and (max-width: 600px) {
  ul.two-column-list:nth-child(1) {
    padding-right: 25px;
    padding-bottom: 0;
  }
}

/* END Roadmap pages previous/next jump links & breadcrumb text styling */

/**************** END CUSTOM MODULES ****************/

/****************** BLOG POST CSS *******************/

/* hides extraneous content on sidebar */

.widget_recent_comments,
.widget_meta {
display: none;
}

.et_right_sidebar div#left-area {
  padding-right: 0;
}

.et_pb_pagebuilder_layout.single-post:not(.et-tb-has-body) #main-content .et_pb_with_background .et_pb_row, .et_pb_pagebuilder_layout.single.et_full_width_page:not(.et-tb-has-body) #main-content .et_pb_row {
   width: 90%; 
}

h2.entry-title {
font-family: "Gotham Bold";
color: #212427;
text-transform: uppercase;
}

h2.entry-title:hover {
  color: #d7b259;
}

h4.widgettitle {
font-family: "Gotham Bold";
color: #212427;
}

h1.entry-title {
  font-family: "Larken Extra Bold";
  color: #d2b467;
  font-size: 3.5rem;
}

h2.blog-main-question {
  font-family: "Larken Extra Bold";
  color: #d2b467;
  font-size: 2.5rem;
}

h3.blog-subheader {
  color: var(--color-grit-blue);
  font-weight: bold;
  text-align: left;
}

h3.blog-section-header {
  color: var(--color-grit-blue);
  font-family: "Gotham Bold", Arial, Helvetica, sans-serif;
  padding-bottom: 15px;
}

p.blog-paragraph, 
p.post-meta {
  color: #202524;
  font-family: "Gotham Book", Arial, Helvetica, sans-serif;
  font-size: 1.1rem;
}


div.post-content-inner p {
  color: #202524;
  font-family: "Gotham Book", Arial, Helvetica, sans-serif;
  font-size: 0.9rem;
}

div.blog-divi-section {
  padding: 1.1rem;
}

.blog-list li::marker {
  display: none !important;
}

.blog-ordered-list {
  list-style-position: outside;
  margin-left: 20px;
}

blockquote.blog-quotation {
  font-size: 17px;
  margin: 0 0 32px;
  border-color: #d7b259;
  color: #202524;
}

span.blog-ol-text {
  text-transform: none;
  font-family: "Gotham Book" !important;
  color: #202524;
}

ol.styled-list.blog-ordered-list {
  font-size: 17px;
  list-style-position: outside;
  color: #d7b259;
  line-height: 1.1;
}

.blog-divi-section:nth-child(even) {
  background-color: #d7b1592c;
}

/* Christmas 2023 blog styling */
/* COLORS:
--christmas-gold: #e8b968;
--christmas-red: #912a2a;
--christmas-plum: #2b2d39;
*/

@font-face {
font-family: BigShow; 
  src: url('/wp-content/fonts/Christmas2023/BigShow.otf');
}

h1.christmas-blog-intro {
  font-family: BigShow;
  font-size: 75px; 
  color: white;
  text-shadow: 3px 3px 3px #1a191957;
  margin-bottom: 0 !important;
  padding-bottom: 0;
  text-align: center;
}

@media screen and (max-width: 768px) {
  h1.christmas-blog-intro {
    font-size: 45px; 
  }

  #left-area div ol.blog-question {
    font-size: 16px;
  }

  h5.et_pb_toggle_title {
    margin-top: 10px;
    margin-bottom: 10px;
  }

  div.width-90-pct-mobile {
    width: 90% !important;
  }

  div.blog-container {
    padding: 0 !important;
  }
}

h2.christmas-blog-section-header {
  font-family: BigShow;
  font-size: 30px; 
  color: #912a2a;
}

h3.christmas-blog-subhead {
  font-family: "Gotham Bold", Arial, Helvetica, sans-serif;
  font-size: 20px;
  color: #2b2d39;
}

p.christmas-blog-paragraph {
  color: #0f0f0f;
  font-family: "Gotham Book", Arial, Helvetica, sans-serif;
  font-size: 1.1rem;
  padding-bottom: 5px;
  padding-left: 1.5em;
  text-indent: -1.5em;
}

p.christmas-blog-no-indent {
  color: #0f0f0f;
  font-family: "Gotham Book", Arial, Helvetica, sans-serif;
  font-size: 1.1rem;
  padding-bottom: 10px;
}

p.christmas-blog-event-description {
  color: #0f0f0f;
  font-family: "Gotham Book", Arial, Helvetica, sans-serif;
  font-size: 1.1rem;
  padding-bottom: 5px;
}

p.blog-toggle-answer {
  font-family: BigShow;
  font-size: 30px;
  color: #912a2a;
  line-height: 1.1;
}

#left-area div ol.blog-question {
  font-family: "Gotham Bold", Arial, Helvetica, sans-serif;
  font-size: 20px;
  color: #2e2e2f;
  padding-bottom: 0;
}

ol.blog-question li {
  list-style-position: outside;
}

ul.christmas-blog-ul,
ul.christmas-blog-secondary-ul {
  padding-bottom: 0 !important;
}

ul.christmas-blog-ul li {
  list-style-type: "🍪 ";
  font-family: "Gotham Book", Arial, Helvetica, sans-serif;
  color: #0F0F0F;
  font-size: 16px;
  line-height: 1.3;
  padding-bottom: 11px;
}

ul.christmas-blog-secondary-ul li {
  list-style-type: "🎄 ";
  font-family: "Gotham Book", Arial, Helvetica, sans-serif;
  color: #0F0F0F;
  font-size: 16px;
  line-height: 1.3;
  padding-bottom: 11px;
}

ul.recipe-directions li {
  list-style-type: "- ";
  list-style-position: outside;;
  font-family: "Gotham Book", Arial, Helvetica, sans-serif;
  color: #0F0F0F;
  font-size: 16px;
  line-height: 1.3;
  padding: 5px;
}

div.blog-question-container {
  margin-left: 30px;
  margin-bottom: 15px !important;
}

div.blog-toggle {
  margin-left: 30px;
  padding-top: 10px;
  padding-bottom: 10px;
}

div.blog-container {
  margin-bottom: 25px;
  padding: 15px !important;
}

div.et_pb_row.blog-header-image-row {
  width: 100% !important;
}

div.et_pb_row.width-90-pct {
  width: 90% !important;

}

/****************** END BLOG POST CSS *****************/

/**************** POSITIONING ELEMENTS ****************/

/* FLEXBOX CONTAINERS */
div.flex-container {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  justify-content: flex-start;
}

div.flex-content:nth-of-type(2n) {
  margin-left: 50px;
}

.float-left {
  float: left;
}

.float-right {
  float: right;
}

div.clear-float {
  clear: both;
}

/* CSS GRID CONTAINERS */
div.responsive-2-col-grid {
  display: block;
}

div.responsive-2-col-grid div {
  padding: 0 5px;
}

@media screen and (min-width: 768px) {
  div.responsive-2-col-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
}

/* for right-aligning sections on Beliefs page on desktop/tablet  */
@media screen and (min-width: 600px) {
  .align-right {
    text-align: right;
  }
}

/* to vertically align text in a section from 
https://joshhall.co/how-to-vertically-center-text-in-divi/ */

.et_pb_equal_columns > .et_pb_column {
  margin-top: auto;
  margin-bottom: auto;
}

/* rule to hide forced line break for highlighted text on desktop/tablet */
@media screen and (min-width: 500px) {
  br.mobile-line-break {
    display: none;
  }
}

/* rule to hide forced line break on mobile */
@media screen and (max-width: 500px) {
  br.desktop-line-break {
    display: none;
  }
}

.centered-element {
  margin: 0 auto;
  text-align: center;
}

.no-btm-padding {
  padding-bottom: 0;
}

a.button.margin-top-25px {
  margin-top: 25px;
}

/* enables the specified modules to be ordered different than the normal way on mobile
apply the custom_row class to the containing row and the first-on-mobile etc. classes 
to the columns to specify their order
*/

@media all and (max-width: 980px) {
  /*** wrap row in a flex box ***/
  .custom_row {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap; /* Safari 6.1+ */
    flex-wrap: wrap;
  }

  /*** custom classes that will designate the order of columns in the flex box row ***/
  .first-on-mobile {
    -webkit-order: 1;
    order: 1;
  }

  .second-on-mobile {
    -webkit-order: 2;
    order: 2;
  }

  .third-on-mobile {
    -webkit-order: 3;
    order: 3;
  }

  .fourth-on-mobile {
    -webkit-order: 4;
    order: 4;
  }
  /*** add margin to last column ***/
  .custom_row:last-child .et_pb_column:last-child {
    margin-bottom: 30px;
  }
}

/* to reduce vertical padding between sections on mobile */
@media screen and (max-width: 600px) {
  div.et_pb_section {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .center-on-mobile {
    margin: 0 auto;
    text-align: center;
  }
}

/* indents office hours 2nd line on contact page */
.second-line-indent {
  padding-left: 88px;
}

/**************** END POSITIONING ELEMENTS ****************/

/**************** SCREEN-READER ONLY CONTENT ****************/

/* hides content, but keeps it accessible to screen readers
per https://webaim.org/techniques/css/invisiblecontent/ */

h3.screen-reader-only {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

/************** END SCREEN-READER ONLY CONTENT **************/

/**************** Peter Pinon webpage styling ****************/

/* EVENT_SPECIFIC COLORS 
  red: #ed2529;
  black: #040404;
  */

@font-face {
  font-family: "Galano Grotesque";
  src: url(https://lifeatvictory.com/wp-content/themes/divi-mainsite-child/fonts/peter-pinion-page/Galano-Grotesque.otf);
}

@font-face {
  font-family: "Galano Grotesque Medium";
  src: url(https://lifeatvictory.com/wp-content/themes/divi-mainsite-child/fonts/peter-pinion-page/Galano-Grotesque-Medium.otf);
}

h2.event-subheader-text,
h3.event-details-h3 {
  font-family: "Galano Grotesque Medium", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
}

h3.event-details {
  font-family: "Galano Grotesque Medium", Arial, Helvetica, sans-serif;
  color: #040404;
  font-size: 22px;
}

h3.resource-category {
  font-family: "Galano Grotesque Medium", Arial, Helvetica, sans-serif;
  color: #ed2529;
  font-size: 22px;
  margin-bottom: 10px;
}

p.special-event-body-text {
  font-size: 1.1rem;
  font-family: "Galano Grotesque", Arial, Helvetica, sans-serif;
  line-height: 1.4;
  color: #040404;
}

ul.special-event-ul {
  font-size: 1rem;
  font-family: "Galano Grotesque", Arial, Helvetica, sans-serif;
  color: #040404;
}

.special-event-resource-link {
  text-decoration: underline;
  text-transform: uppercase;
  font-family: "Gotham Bold", Arial, Helvetica, sans-serif;
  font-size: 1rem;
  margin-bottom: 20px;
  color: #000;
}

p.resource-link-text {
  text-transform: uppercase;
  font-family: "Gotham Bold", Arial, Helvetica, sans-serif;
  font-size: 1rem;
  color: #000;
}

.special-event-resource-link:hover {
  text-decoration: none;
  color: #ed2529;
}

.red-text {
  color: #ed2529;
}

.black-text {
  color: #040404;
}

.white-text {
  color: #fff;
}

i.special-event-icon {
  color: #ed2529;
}

/************** end Peter Pinon webpage styling **************/

/******************* Kids Camp 2024 styling *******************/

/* 

Fonts:
headers: "Gotham Black"
body copy: "Gotham Book"
special text: "Gotham Light"

2024 Victory Kids colors:
turquoise: #008098
light blue: #7ecddc
orange: #f8b65d
magenta: #e10098
purple: #793069

secondary colors:
pale green: #cedfc1
red orange: #e86844
royal blue: #46527d
peach: #eadfd5

*/

:root {
  --vkids-turquoise: #008098;
  --vkids-lt-blue: #7ecddc;
  --vkids-orange: #f8b65d;
  --vkids-magenta: #e10098;
  --vkids-purple: #793069;
  --vkids-pale-green: #cedfc1;
  --vkids-red-orange: #e86844;
  --vkids-royal-blue: #46527d;
  --vkids-peach: #eadfd5;
}

.kids-camp-royal-blue-text {
  color: var(--vkids-royal-blue);
}

.kids-camp-turquoise-text {
  color: var(--vkids-turquoise);
}

.kids-camp-purple-text {
  color: var(--vkids-purple);
}

.kids-camp-red-orange-text {
  color: var(--vkids-red-orange);
}

.vk-header {
  font-family: "Gotham Black";
}

.vk-subhead {
  font-family: "Gotham Black";
}

h1.vk-header {
  font-size: 3.2rem;
  text-transform: uppercase;
}

h2.vk-header {
  font-size: 2rem;
  text-transform: none;
  line-height: 1.4em;
}

h3.vk-subhead {
  font-family: "Gotham Black";
  font-size: 1.5rem;
  line-height: 1.3em;
}

h4.vk-subhead {
  font-family: "Gotham Bold";
  font-size: 1.4rem;
}

h5.vk-additional-content {
  font-family: "Gotham Medium";
  font-size: 1.2rem;
  line-height: 1.3;
}

p.vk-body-text {
  font-family: "Gotham Book", Arial, Helvetica, sans-serif;
  font-size: 1.2rem;
  color: #212427;
}

ul.kids-camp-ul {
  list-style: none;
  padding: 0;
  padding-left: 20px;
}

ul.kids-camp-ul li::before {
  content: "⚫ ";
  font-size: 10px;
  position: absolute;
  left: -20px;
}

ul.kids-camp-ul li {
  font-family: "Gotham Medium", Arial, Helvetica, sans-serif;
  font-size: 1.2rem;
  color: #212427c6;
  position: relative;
}

span.uppercase-text {
  text-transform: uppercase;
  color: var(--vkids-royal-blue);
  text-decoration: underline;
  text-decoration-color: var(--vkids-red-orange);
}

div.centered-container {
  display: flex;
  justify-content: center;
}

/***************** end Kids Camp 2024 styling *****************/


/***************** pseudo Taplink page styling *****************/

a.et_pb_button.taplink-button {
  color: #FFFFFF!important;
  border-color: #0C0A06!important;
  border-radius: 20px!important;
  font-size: 17px!important;
  font-family: 'Open Sans',Helvetica,Arial,Lucida,sans-serif!important;
  font-weight: 700!important;
  background-color: #0C0A06!important;
  padding-top: 12px!important;
  padding-right: 12px!important;
  padding-bottom: 12px!important;
  padding-left: 12px!important;
  display: inline-block!important;
  transition: all 300ms ease 0ms!important;
  width: 95%!important;
  margin-bottom: 0!important;
  border: 2px solid!important;
}

.taplink-button:hover {
  background-color: #0C0A06 !important;
}

/*************** END pseudo Taplink page styling ***************/