/*
Theme Name: Connection Church 2023
Theme URI: https://www.connectionchurchsnowhill.com
Template: Divi
Author: Raymond Daugherty
Author URI: https://www.raymondlane.com
Description: The 2023 build for the ConnectionChurchSnowHill.com website. This is a child theme of the Divi Theme package.
Version: 1.01.1691255356
Updated: 2023-08-05 22:09:16

*/
@import url("https://fonts.googleapis.com/css2?family=Antonio:wght@100;200;300;400;500;600;700&family=Lora:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap");
:root {
  --teal-color: #00B3AF;
  --event-date-border-color: #c88306;
  --event-date-background-color: #fba405;
  --background-grey-lt: #ddd;
  --text-white: #fff;
  --text-black: #000;
  --text-lt-teal: #00a09d;
  --text-teal: #00B3AF;
  --text-med-teal: #169D9A;
  --text-dark-teal: #1a5e5c;
}

/*****************
 * CUSTOM CSS STYLES
 * ***************/
/***** Display based on screen size *******/
@media (min-width: 1px) and (max-width: 670px) {
  .hide-sm {
    display: none !important;
  }
}

@media (min-width: 671px) {
  .hide-md {
    display: none !important;
  }
}

@media (min-width: 981px) {
  .hide-lg {
    display: none !important;
  }
}

/**** Header Elements ****/
header#main-header {
  background-color: var(--text-teal);
}
@media only screen and (min-width: 981px) {
  header#main-header {
    padding: 0.25rem;
  }
}
header#main-header img#logo {
  max-width: 28vw;
}
@media (min-width: 671px) and (max-width: 980px) {
  header#main-header img#logo {
    max-width: 70%;
    max-height: 100% !important;
    height: 90%;
  }
}
@media (min-width: 1px) and (max-width: 670px) {
  header#main-header img#logo {
    max-width: 70%;
    max-height: 100% !important;
    height: 90%;
  }
}
header#main-header nav #top-menu .sub-menu a {
  font-size: 0.9rem;
  font-weight: normal;
}
header#main-header nav #top-menu li ul {
  top: 4vh !important;
}
header#main-header nav #top-menu li.current-menu-ancestor > a {
  color: rgba(0, 0, 0, 0.6) !important;
}
header#main-header nav #top-menu li.current-menu-item > a {
  color: #000;
}
header#main-header nav #top-menu li.current_page_item > a {
  color: rgba(0, 0, 0, 0.6) !important;
}
/***** SGV Colors 
https://codepen.io/sosuke/pen/Pjoqqp
***********/
/****** Homepage Calandar widget ********/
.et_pb_with_border.et_pb_module.et_pb_text.et_pb_text_1.et_pb_text_align_left.et_pb_bg_layout_light {
  padding-bottom: 1rem !important;
}

.tribe-common-g-row.tribe-events-widget-events-list__event-row {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  width: 100%;
}

.tribe-events-widget-events-list__event-date-tag.tribe-common-g-col {
  min-width: 50%;
  width: 100% !important;
}

div.tribe-events-widget-events-list__event-date-tag.tribe-common-g-col time {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row !important;
  width: 100%;
  padding: 5px;
}

.tribe-events .tribe-events-calendar-series-archive__container {
  margin: 0 12px !important;
}

a.tribe-events-widget-events-list__event-title-link.tribe-common-anchor-thin {
  display: flex;
  width: 100%;
  text-align: center !important;
  flex-direction: column;
}

.tribe-events-widget-events-list__event-datetime-wrapper {
  display: flex;
  flex-direction: row-reverse;
  justify-content: left;
}

time.tribe-events-widget-events-list__event-datetime {
  font-size: 14px;
}

/***** Calendar CSS *****/
div.tribe-events-widget-events-list__event-date-tag.tribe-common-g-col time, .tribe-events-pro-summary__event-row .tribe-events-pro-summary__event-date-tag, .tribe-events .tribe-events-calendar-list__event-datetime-wrapper {
  border: solid 1px var(--event-date-border-color) !important;
  margin: 5px !important;
  display: flex !important;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
  background-color: var(--event-date-background-color);
  color: var(--text-white) !important;
  font-weight: bold;
}

.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-list__event-row .tribe-events-calendar-list__event-date-tag.tribe-common-g-col {
  display: none !important;
}

.tribe-events-calendar-list__event-datetime-wrapper.tribe-common-b2 {
  font-size: 18px;
  font-weight: bold;
}

.tribe-events-pro .tribe-events-pro-summary__event-date-tag-weekday, .tribe-events-pro-summary__event-date-tag-daynum, .tribe-events-calendar-list__event-date-tag-weekday, .tribe-events-calendar-list__event-date-tag-daynum {
  color: #fff !important;
}

.entry-title {
  Font-size: 2.5rem;
  background-color: var(--background-grey-lt);
  padding: 1rem;
  border-radius: 5px;
}

.post-meta {
  display: none;
}

.tribe-common--breakpoint-medium.tribe-events .tribe-events-c-events-bar, .tribe-events-header__events-bar {
  flex-direction: row;
}

.tribe-common--breakpoint-medium.tribe-events .tribe-events-c-search {
  align-items: center;
  display: flex;
}

button.tribe-common-c-btn.tribe-events-c-search__button, button.tribe-common-c-btn.tribe-events-c-search__button, .tribe-common-h3.tribe-common-h--alt.tribe-events-c-top-bar__datepicker-button {
  display: flex !important;
  border-radius: 0 5px 5px 0 !important;
  border: none !important;
  align-items: center !important;
  font-size: 14px !important;
  color: #666 !important;
  padding: 0.7em !important;
  background-color: var(--background-grey-lt) !important;
}

/*** We need to remove the border from the posting events page ***/
.tribe-common--breakpoint-medium.tribe-events .tribe-events-c-events-bar--border {
  border: none !important;
}

/**** And add it globally ****/
#tribe-events-search-container .tribe-common-form-control-text__input, .tribe-common-form-control-text__input .tribe-events-c-search__input {
  padding: var(--tec-spacer-1) var(--tec-spacer-1) var(--tec-spacer-1) var(--tec-spacer-8);
  border: solid 1px var(--background-grey-lt) !important;
}

.tribe-events-c-view-selector__list {
  padding: 0 !important;
}

.tribe-events-c-view-selector__list::before {
  content: "Or Search By:";
  display: flex !important;
  align-self: stretch;
  position: relative;
  align-items: center;
}

.tribe-events-c-view-selector__list li {
  border: solid 1px var(--background-grey-lt) !important;
  border-radius: 5px !important;
  margin: 0.25rem !important;
  display: flex !important;
  max-height: 42px !important;
  font-weight: 600 !important;
}

.tribe-events-c-view-selector__list li:hover {
  background-color: var(--text-med-teal) !important;
}

.tribe-events-c-view-selector__list li.tribe-events-c-view-selector__list-item--active {
  background-color: var(--text-dark-teal) !important;
}

.tribe-events-c-view-selector__list li:hover a span.tribe-events-c-view-selector__list-item-text, .tribe-events-c-view-selector__list li.tribe-events-c-view-selector__list-item--active a span.tribe-events-c-view-selector__list-item-text {
  color: #fff !important;
}

.tribe-events-c-view-selector__list-item-link::after {
  display: none !important;
}

h2.tribe-events-calendar-list__month-separator, .tribe-events-pro-summary__month-separator {
  background-color: var(--background-grey-lt) !important;
  border-radius: 0.25rem !important;
  padding: 10px !important;
  font-weight: 700 !important;
}

.tribe-events-calendar-list__month-separator .tribe-common .tribe-common-h--alt, .tribe-events-pro-summary__month-separator-text {
  font-weight: 700 !important;
}

.tribe-events .tribe-events-calendar-list__month-separator::after, .tribe-events-pro .tribe-events-pro-summary__month-separator::after {
  display: none !important;
}

.tribe-events-widget-events-list__event-datetime {
  color: #fff;
}

.tribe-events-widget-events-list__event-datetime .tribe-event-date-start {
  color: #000;
}

.tribe-events-widget-events-list__event-title a[rel=bookmark] {
  font-size: 1rem;
}

@media (max-width: 780px) {
  .et_pb_sidebar_0.et_pb_widget_area {
    min-height: 1080px !important;
  }
  .tribe-common.tribe-events.tribe-events-view .tribe-events-calendar-list__event-datetime {
    padding-left: 1rem !important;
  }
}
/****
TODO: Tablet footer fix
***/
/***** Body CSS ****/
.et_pb_module.et_pb_tabs.et_pb_tabs_0 {
  min-height: unset !important;
}

/****** Footer CSS *****/
footer p {
  line-height: 1.2rem;
  font-size: 0.8rem;
}
footer h4 {
  color: #fff;
  line-height: 1.7rem;
}
footer #footer-info span {
  font-size: 1rem;
}
footer .et_pb_section_0_tb_footer h2 {
  font-family: "Squada One", display;
  font-size: 40px;
  color: #fff;
}
footer .et_pb_section_0_tb_footer p {
  line-height: 1.7em;
  font-weight: 500;
  -webkit-font-smoothing: antialiased;
  color: #fff;
  font-size: 100%;
}
@media (max-width: 670px) {
  footer .et-last-child ul {
    margin-bottom: 3rem !important;
  }
  footer .et_pb_row.et_pb_row_1_tb_footer {
    display: flex;
    flex-direction: column-reverse;
  }
  footer ul.et_pb_social_media_follow_0_tb_footer::before {
    text-align: center;
    grid-column: 1/4;
  }
  footer .et_pb_module {
    display: unset;
    flex-direction: unset;
    width: unset;
  }
}
@media (max-width: 670px) {
  footer .et_pb_social_media_follow {
    display: grid;
    align-content: center;
    width: 100%;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, 1fr);
  }
  footer .et_pb_social_media_follow:before {
    width: 100%;
  }
}
@media (min-width: 671px) {
  footer .et_pb_social_media_follow li {
    display: inline-flex !important;
  }
}
@media (max-width: 670px) {
  footer .et_pb_social_media_follow li {
    display: inline-flex;
    max-width: 45px;
  }
}
footer .et_pb_social_media_follow li a {
  margin-right: unset !important;
}
footer li[class*=et-social-] {
  margin: 0 1rem;
}
@media (max-width: 670px) {
  footer li[class*=et-social-] {
    grid-row-start: 2;
  }
}
footer li[class*=et-social-] a.icon::after {
  display: none;
  content: "";
  color: #fff;
  font-weight: 600;
  font-size: 0.75rem;
  width: 100%;
  justify-content: center;
}
footer li[class*=facebook] a.icon::after {
  content: "Facebook";
}
footer li[class*=youtube] a.icon::after {
  content: "Youtube";
}
footer #wpforms-widget-4 {
  width: 100%;
}
footer div[class*=footer-contact-] input {
  min-width: 100% !important;
}
footer div.wpforms-container-full button[type=submit] {
  background-color: var(--teal-color) !important;
}

/****** END Footer CSS *****/
@media only screen and (min-width: 981px) {
  .nav li ul {
    top: 4vh;
  }
}
@media only screen and (max-width: 980px) {
  #main-header .nav li ul,
  .et-search-form {
    background-color: white;
  }
  #main-header .et_mobile_menu {
    background-color: #FFFFFF;
  }
  #et_search_icon:hover,
  .et_toggle_slide_menu::after,
  .et-social-icon a:hover,
  .et_pb_sum,
  .et_pb_pricing li a,
  .et_pb_pricing_table_button,
  .et_overlay::before,
  .entry-summary p.price ins,
  .et_pb_member_social_links a:hover,
  .et_pb_widget li a:hover,
  .et_pb_filterable_portfolio .et_pb_portfolio_filters li a.active,
  .et_pb_filterable_portfolio .et_pb_portofolio_pagination ul li a.active,
  .et_pb_gallery .et_pb_gallery_pagination ul li a.active,
  .wp-pagenavi span.current,
  .wp-pagenavi a:hover,
  .nav-single a,
  .tagged_as a,
  .posted_in a {
    color: white !important;
  }
  .mobile_menu_bar.mobile_menu_bar_toggle {
    color: var(--teal-color) !important;
  }
}
@media only screen and (min-width: 980px) {
  ul#menu-mobile-subnav {
    display: none;
  }
}
@media only screen and (max-width: 980px) {
  ul#menu-mobile-subnav {
    display: flex;
    width: 100%;
    flex-direction: row;
    justify-content: center;
    margin: 0 auto;
    gap: 5rem;
  }
}/*# sourceMappingURL=style.css.map */