/**handles:divi-style**/
/* 
 Theme Name:     FaithCultureKiss™ Studio, LLC Home of The SpeakEasy Cooperative®
 Author:         Keith Eldridge
 Author URI:     https://keithdream.tech
 Template:       Divi
 Version:        2.2

*/
/*  Color Scheme */
:root {
  --hex-green: #0a6263;
  --hex-orange: #f37129;
  --hex-yellow: #ffcb05;
  --hex-off-white: #ede5da;
  --hex-pink: rgb(204, 41, 144);
  --hex-purple: #cc2990;
  --hex-red: #eb1d25;

  --green: 10, 98, 99;
  --orange: 243, 113, 41;
  --yellow: 255, 203, 5;
  --off-white: 237, 229, 218;
  --red: 235, 29, 37;
  --purple: 204, 41, 144;
}

/* Headings */
.single h2,
.single h3,
.single h4:not(.et_pb_blurb_container h4),
.single h5,
.single h6 {
  margin-top: 1.5rem;
  margin-bottom: .5rem;
}

/* Body */
.page ul li ul,
.page ol li ol,
.page ul li ul li {
  padding-bottom: 0;
}

/* Highlighted Text */
.highlight {
  background: linear-gradient(transparent 87%, #f37129 70%);
  display: inline;
}

.pink {
  background: linear-gradient(transparent 87%, #cc2990 70%);
}

.yellow {
  background: linear-gradient(transparent 87%, #ffcb05 70%);
}

.green {
  background: linear-gradient(transparent 87%, #0a6263 70%);
}

.red {
  background: linear-gradient(transparent 87%, #eb1d25 70%);
}

div.yellow_background {
  background-color: rgba(255, 203, 5, 0.35);
  padding: 1em 2em !important;
  color: #0a6263;
  border: 2px solid #0a6263;
}

div.yellow_background>a {
  color: #cc2990 !important;
}

/* Font Awesome */
.fas {
  padding-right: .4em;
}

/** All Font Awesome icons **/
.font-awesome-all ul li:before,
.welcome-section ul li::before,
.welcome-section ul ul li::before {
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 600;
  padding-right: .7em
}


/* Bullets & icons */
.bullet-icon ul li::before {
  display: inline-block;
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 400;
  font-size: 1em;
  content: "\f14a";
  padding-right: 0.8em;
}

.bullet-icon_green,
.bullet-icon_green ul li::before {
  color: #0a6263;
}

.bullet-icon_orange {
  color: #f37129;
}

.bullet-icon_pink {
  color: #cc2990;
}

.bullet-icon_purple {
  color: #cc2990;
}

.bullet-icon_yellow {
  color: #ffcb05;
}

.bullet-icon_red {
  color: #eb1d25;
}

.bullet-icon_off-white {
  color: #ede5da;
}

.bullet-icon ul li:hover::before {
  opacity: 0.7;
}

.bullet-highlight ul li {
  padding: .7em;
  background-color: rgba(#ffcb05, .49);
}

.fck-icon ul li::before,
.seco-icon ul li::before {
  display: inline-block;
  width: 0.75em;
  margin: 0 0.5em 0 0;
  vertical-align: text-top;
}

.fck-icon ul,
.seco-icon ul {
  list-style-type: none !important;
}

.fck-icon ul li:hover::before,
.seco-icon ul li:hover::hover {
  opacity: .9;
}

.fck-icon_pink-rings ul li::before {
  content: url(https://thespeakeasycooperative.com/wp-content/themes/faithculturekiss/images/icon-bullet-pink-rings.svg);
}

.fck-icon_pink ul li::before {
  content: url(https://thespeakeasycooperative.com/wp-content/themes/faithculturekiss/images/icon-fck-bullet.svg);
}

.fck-icon_gold ul li::before {
  content: url(https://thespeakeasycooperative.com/wp-content/themes/faithculturekiss/images/icon-fck-bullet-gold.svg);
  width: .7em;
}

.seco-icon ul li::before {
  content: url(https://thespeakeasycooperative.com/wp-content/themes/faithculturekiss/images/icon-seco-bubble.svg);
}

.seco-icon_green ul li::before {
  content: url(https://thespeakeasycooperative.com/wp-content/themes/faithculturekiss/images/icon-seco-bubble-green.svg);
}

/* Divi adds too much padding in multi-level bullets*/
.single-seco_training .et-l--body ul.wp-block-list {
  padding-bottom: .2em;
}

.single-seco_training .et-l--body ul.wp-block-list:not(:last-child) {
  padding-bottom: 0;
}

.blockquote {
  border-color: #cc2990;
}

.comment_avatar img {
  max-width: 80px;
}

/* Video Embeds */
.vimeo-frame .fluid-width-video-wrapper {
  border-width: 7px;
  box-shadow: 0px 3px 10px 3px #CC2990;
  border-radius: 18px;
  overflow: hidden;
}

.wp-block-embed-vimeo.wp-block-embed iframe {
  width: 100%;
  /* Center videos */
}


/* MEC */
div.mec-subscribe-to-calendar-items {
  margin-top: 0.1em;
  background: #ede5da;
  border: 1px solid #cc2990;
  border-radius: 18px;
}

div.mec-subscribe-to-calendar-items a {
  color: #0a6263;
  font-weight: 600;
}

/* Table of Contents */
#ez-toc-container ul ul,
.ez-toc div.ez-toc-widget-container ul ul {
  margin-left: 0;
}

/* CSS for a Paragraph Block with Pronounced Torn Top/Bottom and Subtle Torn Sides */
.paragraph-torn-edges {
  background-color: #fdf8f2;
  /* paper color */
  padding: 40px 27px 50px 27px;
  margin-bottom: 2em;
  /* Space below the styled paragraph block */
  position: relative;

  clip-path: polygon(
      /* === Top Edge - More Jagged (approx 0-20px depth from top) === */
      0% calc(0% + 10px), 5% calc(0% + 3px), 10% calc(0% + 16px), 15% calc(0% + 5px), 20% calc(0% + 20px),
      25% calc(0% + 8px), 30% calc(0% + 13px), 35% calc(0% + 2px), 40% calc(0% + 19px), 45% calc(0% + 7px),
      50% calc(0% + 11px), 55% calc(0% + 0px), 60% calc(0% + 17px), 65% calc(0% + 6px), 70% calc(0% + 14px),
      75% calc(0% + 4px), 80% calc(0% + 18px), 85% calc(0% + 9px), 90% calc(0% + 12px), 95% calc(0% + 1px),
      100% calc(0% + 10px),
      /* End of Top Edge points */

      /* === Right Edge - Subtle (approx 7px depth. Y spans middle section) === */
      /* Y values are calculated to be between the top tear zone (ends ~20px)
       and bottom tear zone (starts ~calc(100% - 30px)).
       The term (100% - 50px) represents this middle vertical span (TotalHeight - 20pxTop - 30pxBottom).
    */
      calc(100% - 4px) calc(20px + (100% - 50px) * 0.2),
      100% calc(20px + (100% - 50px) * 0.4),
      calc(100% - 7px) calc(20px + (100% - 50px) * 0.6),
      calc(100% - 2px) calc(20px + (100% - 50px) * 0.8),
      calc(100% - 5px) calc(100% - 30px),
      /* Connects to start of bottom tear zone (top-right of bottom tear) */

      /* === Bottom Edge - More Jagged (approx 0-30px depth from bottom) === */
      /* Starts from where Right Edge connected */
      95% calc(100% - 10px), 90% calc(100% - 28px), 85% calc(100% - 5px), 80% calc(100% - 22px),
      75% calc(100% - 0px), 70% calc(100% - 30px), 65% calc(100% - 8px), 60% calc(100% - 18px),
      55% calc(100% - 2px), 50% calc(100% - 25px), 45% calc(100% - 12px), 40% calc(100% - 20px),
      35% calc(100% - 1px), 30% calc(100% - 29px), 25% calc(100% - 7px), 20% calc(100% - 16px),
      15% calc(100% - 4px), 10% calc(100% - 26px), 5% calc(100% - 10px),
      0% calc(100% - 20px),
      /* End of Bottom Edge points (Y is ~20px up from absolute bottom) */

      /* === Left Edge - Subtle (approx 7px depth. Y spans middle section, bottom-up) === */
      /* Y values here are calculated to span the same middle section as the Right Edge,
       connecting the end of the Bottom Edge tear to the start of the Top Edge tear.
       Top tear zone starts ~10px from top. Bottom tear zone ends ~20px from bottom.
       The (100% - 30px) term here represents roughly this middle span.
    */
      calc(0% + 3px) calc(10px + (100% - 30px) * 0.8),
      /* Y is higher up, so 80% of span from top */
      0% calc(10px + (100% - 30px) * 0.6),
      calc(0% + 7px) calc(10px + (100% - 30px) * 0.4),
      calc(0% + 2px) calc(10px + (100% - 30px) * 0.2)
      /* Last point implicitly connects to the first point: 0% calc(0% + 10px) */
    );

  /* Include the -webkit- prefix for broader compatibility */
  -webkit-clip-path: polygon(0% calc(0% + 10px), 5% calc(0% + 3px), 10% calc(0% + 16px), 15% calc(0% + 5px), 20% calc(0% + 20px),
      25% calc(0% + 8px), 30% calc(0% + 13px), 35% calc(0% + 2px), 40% calc(0% + 19px), 45% calc(0% + 7px),
      50% calc(0% + 11px), 55% calc(0% + 0px), 60% calc(0% + 17px), 65% calc(0% + 6px), 70% calc(0% + 14px),
      75% calc(0% + 4px), 80% calc(0% + 18px), 85% calc(0% + 9px), 90% calc(0% + 12px), 95% calc(0% + 1px),
      100% calc(0% + 10px),
      calc(100% - 4px) calc(20px + (100% - 50px) * 0.2), 100% calc(20px + (100% - 50px) * 0.4),
      calc(100% - 7px) calc(20px + (100% - 50px) * 0.6), calc(100% - 2px) calc(20px + (100% - 50px) * 0.8),
      calc(100% - 5px) calc(100% - 30px),
      95% calc(100% - 10px), 90% calc(100% - 28px), 85% calc(100% - 5px), 80% calc(100% - 22px),
      75% calc(100% - 0px), 70% calc(100% - 30px), 65% calc(100% - 8px), 60% calc(100% - 18px),
      55% calc(100% - 2px), 50% calc(100% - 25px), 45% calc(100% - 12px), 40% calc(100% - 20px),
      35% calc(100% - 1px), 30% calc(100% - 29px), 25% calc(100% - 7px), 20% calc(100% - 16px),
      15% calc(100% - 4px), 10% calc(100% - 26px), 5% calc(100% - 10px), 0% calc(100% - 20px),
      calc(0% + 3px) calc(10px + (100% - 30px) * 0.8), 0% calc(10px + (100% - 30px) * 0.6),
      calc(0% + 7px) calc(10px + (100% - 30px) * 0.4), calc(0% + 2px) calc(10px + (100% - 30px) * 0.2));
}

/** LearnDash */
/* Leave space between content and next/previous buttons */
.ld-tabs-content {
  min-height: 30vh;
}

/* Font Awesome Styles  */
.font-awesome-icon:before {
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 600;
  content: "\f57b";
  padding-right: 1.4rem;
}

/*
 * ===================================================================
 * Auto File Type Icons for Links
 * ===================================================================
 * Automatically prepend an icon to links based on the file type.
 *  Designed to be easily customizable and relies on js in the theme.
 */

/* --- 1. Base Icon Styles --- */
/* This is a shared style for all file link icons */
a[href$=".pdf"]::before,
a[href$=".doc"]::before,
a[href$=".docx"]::before,
a[href$=".ppt"]::before,
a[href$=".pptx"]::before,
a[href$=".xls"]::before,
a[href$=".xlsx"]::before,
a[href*="docs.google.com/document"]::before,
a[href*="docs.google.com/spreadsheets"]::before,
a[href*="notion.site"]::before,
a[href*="otter.ai"]::before {
  display: inline-block;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-size: 1em;
  /* Adjust size as needed */
  padding-right: 0.5em;
  /* Space between icon and text */

  /* Default color for FONT icons */
  color: #cc2990;
  /* Example: var(--hex-dark-blue) */

  /* Adjust vertical alignment to look good with text */
  vertical-align: text-bottom;
}

/*
 * ===================================================================
 * Auto File Type Icons for Links (v3 - Font Awesome 6)
 * ===================================================================
 * This code automatically prepends an icon to links
 * based on the file type. It's designed to be easily customizable.
 */

/* --- 1. Base Icon Styles --- */
a[href$=".pdf"]::before,
a[href$=".doc"]::before,
a[href$=".docx"]::before,
a[href$=".ppt"]::before,
a[href$=".pptx"]::before,
a[href$=".xls"]::before,
a[href$=".xlsx"]::before,
a[href*="docs.google.com/document"]::before,
a[href*="docs.google.com/spreadsheets"]::before,
a[href*="notion.site"]::before,
a[href*="otter.ai"]::before {
  display: inline-block;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-size: 1em;
  padding-right: 0.5em;
  color: #cc2990;
  vertical-align: text-bottom;
}

/* --- 2a. Font Awesome Icon Definitions --- */
a[href$=".pdf"]::before,
a[href$=".doc"]::before,
a[href$=".docx"]::before,
a[href$=".ppt"]::before,
a[href$=".pptx"]::before,
a[href$=".xls"]::before,
a[href$=".xlsx"]::before,
a[href*="docs.google.com/document"]::before,
a[href*="docs.google.com/spreadsheets"]::before,
a[href*="otter.ai"]::before {
  /* Aligned with your Font Awesome 6 Kit settings */
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
}

a[href$=".pdf"]::before {
  content: '\f1c1';
}

a[href$=".doc"]::before,
a[href$=".docx"]::before,
a[href*="docs.google.com/document"]::before {
  content: '\f1c2';
}

a[href$=".ppt"]::before,
a[href$=".pptx"]::before {
  content: '\f1c4';
}

a[href$=".xls"]::before,
a[href$=".xlsx"]::before,
a[href*="docs.google.com/spreadsheets"]::before {
  content: '\f1c3';
}

a[href*="otter.ai"]::before {
  content: '\f1c7';
}


/* --- 2b. SVG/PNG Icon Definition (Notion) --- */
a[href*="notion.site"]::before {
  content: '';
  height: 1em;
  width: 1em;
  margin-bottom: 1px;
  background-image: url('/wp-content/themes/faithculturekiss/images/notion-logo.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* Special hover effect for Notion icon */
a[href*="notion.site"]:hover::before {
  opacity: 0.6;
  transition: opacity 0.3s ease;
}

/* --- 3. Hover Effect --- */
a[href$=".pdf"]:hover,
a[href$=".doc"]:hover,
a[href$=".docx"]:hover,
a[href$=".ppt"]:hover,
a[href$=".pptx"]:hover,
a[href$=".xls"]:hover,
a[href$=".xlsx"]:hover,
a[href*="docs.google.com/document"]:hover,
a[href*="docs.google.com/spreadsheets"]:hover,
a[href*="notion.site"]:hover,
a[href*="otter.ai"]:hover {
  color: #460d5b;
}

/* --- 4. Exclusions (Optional) --- */
.wp-block-file__button::before,
.et_pb_button::before {
  display: none !important;
}

/* Sets a standard font size for the WordPress File block */
.wp-block-file:not(.wp-element-button) {
  font-size: 1em;
}

/* Ultimate Member */
.um .um-tip:hover,
.um .um-field-radio.active:not(.um-field-radio-state-disabled) i,
.um .um-field-checkbox.active:not(.um-field-radio-state-disabled) i,
.um .um-member-more a:hover,
.um .um-member-less a:hover,
.um .um-members-pagi a:hover,
.um .um-profile-subnav a.active,
.um .um-item-meta a,
.um-account-name a:hover,
.um-account-nav a.current,
.um-account-side li a.current span.um-account-icon,
.um-account-side li a.current:hover span.um-account-icon,
.um-dropdown li a:hover,
i.um-active-color,
span.um-active-color,
.um-profile.um .um-profile-headericon a:hover,
.um-profile.um .um-profile-edit-a.active {
  color: #cc2990 !important;
}

.um .um-field-group-head,
.picker__box,
.picker__nav--prev:hover,
.picker__nav--next:hover,
.um .um-members-pagi span.current,
.um .um-members-pagi span.current:hover,
.upload,
.um-modal-header,
div.uimob800 .um-account-side li a.current,
div.uimob800 .um-account-side li a.current:hover,
.um .um-field-group-head:hover,
.picker__footer,
.picker__header,
.picker__day--infocus:hover,
.picker__day--outfocus:hover,
.picker__day--highlighted:hover,
.picker--focused .picker__day--highlighted,
.picker__list-item:hover,
.picker__list-item--highlighted:hover,
.picker--focused .picker__list-item--highlighted,
.picker__list-item--selected,
.picker__list-item--selected:hover,
.picker--focused .picker__list-item--selected,
.um input[type="submit"]:disabled:hover,
.um input[type="submit"].um-button,
.um input[type="submit"].um-button:focus {
  background-color: #800f56 !important;
}

.um-header {
  padding: 2rem;
  background-color: #fdf8f2;
  border: 2px solid #0a6263;
  border-radius: 18px 18px 0 0;
}

.um .um-modal-btn,
.um .um-modal-btn.disabled {
  background-color: #cc2290 !important;
  border: none;
  color: #fff;
}

.um .um-modal-btn:hover {
  background-color: #f37129 !important;
}

label[for=um_user_bookmarks_access_type_checkbox]:before {
  border: 1px solid #0a6263;
  border-radius: 2px;
}

.um-profile .um-user-bookmarks-button.um-button.um-alt,
.um-profile-subnav,
.um .um-user-bookmarks-profile-add-folder-holder form.show {
  background-color: #EDE5DA;
  margin-top: 2em;
  border-radius: 2px;
}

.um-profile .um-user-bookmarks-button.um-button.um-alt {
  box-shadow: none;
}

.um .um-button.um-alt,
.um input[type=submit].um-button.um-alt {
  color: #fff;
}

.um-form .um-profile .um-profile-body {
  max-width: 880px !important;
}

.um-form .um-col-131 {
  width: 100% !important;
}

.um-form .um-meta-text,
.um-form .um-row-heading {
  font-size: 22px;
}

.um .um-field-value {
  color: #333;
}

.um .um-field-label label {
  color: #0a6263;
}

.um-form .um-field-label label,
.um-form .um-field-value {
  font-size: 20px !important;
}

.um-user-bookmarked-list hr {
  display: none !important;
}

.um-field-checkbox-option,
.um-icon-android-checkbox-outline-blank:before {
  color: #0a6263 !important;
}

i.um-faicon-bookmark-o::before {
  background-color: #cc2990;
  color: #EDE5DA;
  padding: 0.15em;
  border-radius: 2px;
}

.um-user-bookmarks-button .text:hover {
  font-weight: 600;
  color: #800f56;
}

i.um-faicon-bookmark-o:hover::before {
  background-color: #800f56;
}

.um a.um-link,
.um-faicon-lock,
.um-faicon-user,
.um-faicon-asterisk,
.um-account-arrow {
  color: #cc2990;
}

.um-faicon-user::before {
  color: #EDE5DA;
}

.um-account-side li a {
  background-color: #ede5da;
}

.um input[type=submit].um-button,
.um a.um-button,
.um-request-button,
.um-erase-data-button,
.um .um-profile-nav .um-profile-nav-item.active a,
.um-account-arrow:hover {
  font-size: 1.4em;
  background-color: #cc2990 !important;
  border-radius: 4px !important;
}

.um .um-profile-nav {
  background-color: #d69c5a;
  margin-bottom: 1.4em;
  border-radius: 0 0 18px 18px;
  padding: 1.2em 2em;
}

.um .um-profile-nav-item i {
  top: 13px;
}

.um-profile-nav-item a {
  padding-right: 1em;
  margin-right: 1em;
}

.um .um-profile-nav .um-profile-nav-item.active a:hover,
.um-profile-nav-item a:hover {
  background-color: #800f56 !important;
}

.um a.um-button:hover,
.um input[type="submit"].um-button:hover,
.um-request-button:hover,
.um-erase-data-button:hover {
  background-color: #f37129 !important;
}

.um-account-name a,
.um-account-title,
.um-account-heading {
  color: #0a6263 !important;
}

.um .um-tip {
  color: #ede5da;
}

div.um.um-login.um-2209,
seco-login-form {
  max-width: 400px !important;
}

/** UM Bookmark **/
a.um-user-bookmarks-button {
  padding-bottom: 1em;
  display: inline-block;
}

/* Search SECO Trainings & Teacher Dirctory */
input.um-do-search,
div .wp-block-file a.wp-block-file__button,
div .wp-block-file a.wp-block-file__button:active,
div .wp-block-file a.wp-block-file__button:focus,
div .wp-block-file a.wp-block-file__button:visited,
.widget_search input#s,
.widget_search input#searchsubmit {
  font-family: "Overlock", sans-serif;
  font-size: 1em;
  font-weight: bold;
  background-color: #ffcb05 !important;
  color: #fff;
  padding: 0.5em 1em;
  border: none;
}

input.um-do-search:hover,
.wp-block-file a.wp-block-file__button:hover {
  background-color: #cc2990 !important;
  cursor: pointer;
}

/* Ivory Search */
.is-form-style input.is-search-input {
  font-family: "Overlock", sans-serif;
  border-radius: 8px !important;
}

.is-search-form {
  margin-bottom: 2em;
}

.slide-in-menu .is-search-form {
  margin-bottom: 0;
}

.is-search-form .is-search-icon {
  border-radius: 0 8px 8px 0;
  border-left: none;
}

.is-form-style input.is-search-submit {
  border-radius: 8px;
  border: none;
}

/* Footer */
.privacy-link,
.privacy-link a {
  color: #ffcb05;
  font-size: 16px;
  font-weight: 600;
}

.privacy-link:hover {
  color: #ffcb05;
}