/*
Theme Name: AP Theme Child
Description: AP Theme Child is a child theme of Hello Elementor
Author: ActionsProve
Author URI: https://www.actionsprove.com/
Template: hello-elementor
Version: 2.0.8
*/

/* Remap our Custom Brand Palette using more usable naming conventions (vs. a randomly generated ID from Elementor)
*/

/* Extended the class from the generated Kit CSS */
.elementor-kit-5 {
  --e-ap-gray-01: var(--e-global-color-da7a05c);
  --e-ap-link: var(--e-global-color-f85043a);
  --e-ap-gray-02: var(--e-global-color-4079dec);
  --e-ap-blue-01: var(--e-global-color-f662f89);
  --e-ap-blue-02: var(--e-global-color-b510880);
  --e-ap-brand-01: var(--e-global-color-d1810f2);
  --e-ap-white: var(--e-global-color-7298e82);
  --e-ap-black: var(--e-global-color-f01b4ea);
}

/*
 *  Custom AP Styles to work with Gutenberg
 */

.has-ap-yellow-color {
  color: var(--e-ap-brand-01);
}

.has-ap-yellow-background-color {
  background-color: var(--e-ap-brand-01);
}

.has-ap-gray-color {
  color: #656c7b;
}

.has-ap-gray-background-color {
  background-color: #656c7b;
}

.has-ap-gray-01-color {
  color: var(--e-ap-gray-01);
}

.has-ap-gray-01-background-color {
  background-color: var(--e-ap-gray-01);
}

.has-ap-gray-02-color {
  color: var(--e-ap-gray-02);
}

.has-ap-gray-02-background-color {
  background-color: var(--e-ap-gray-02);
}

.has-ap-blue-01-color {
  color: var(--e-ap-blue-01);
}

.has-ap-blue-01-background-color {
  background-color: var(--e-ap-blue-01);
}

.has-ap-blue-02-color {
  color: var(--e-ap-blue-02);
}

.has-ap-blue-02-background-color {
  background-color: var(--e-ap-blue-02);
}

.has-ap-black-color {
  color: var(--e-ap-black);
}

.has-ap-black-background-color {
  background-color: var(--e-ap-black);
}

.has-black-color {
  color: #000000;
}

.has-black-background-color {
  background-color: #000000;
}

.has-ap-white-color {
  color: var(--e-ap-white);
}

.has-ap-white-background-color {
  background-color: var(--e-ap-white);
}

.has-white-color {
  color: #ffffff;
}

.has-white-background-color {
  background-color: #ffffff;
}

p {
  margin-block-end: 1.5rem;
  line-height: 1.4;
}

/* ***** Reusable UI COMPONENTS / Blocks *****/

/* List Groups */
/*  -- Numbered, Icon based, etc. */

/*
 * Numbered List Group
 */

.ap-list-group--numbered {
  counter-reset: count;
}
.ap-list-group--numbered .ap-list-item {
  counter-increment: count;
  border-bottom-color: rgba(17, 17, 17, 0.23);
}

.ap-list-group--numbered .ap-list-item__heading {
  display: flex;
}

.ap-list-group--numbered
  .ap-list-item
  .ap-list-item__heading
  .elementor-heading-title {
  color: var(--e-ap-gray-02);
}

.ap-list-group--numbered
  a.ap-list-item:hover
  .ap-list-item__heading
  .elementor-heading-title {
  color: var(--e-ap-blue-02) !important;
  transition: color 200ms;
}

.ap-list-group--numbered .ap-list-item__heading::before {
  content: counter(count, decimal-leading-zero);
  color: var(--e-ap-gray-02);
  font-size: 20px;
  line-height: 24px;
  font-weight: 500;
  display: flex;
  align-items: center;
  padding-right: 1rem;
  transition: all 200ms;
}

.ap-list-group--numbered a.ap-list-item:hover .ap-list-item__heading::before {
  color: var(--e-ap-blue-02);
}

.ap-list-group--numbered .ap-list-item .ap-list-item__heading::after {
  transition: all 500ms;
  transform: translateX(-100%);
}

.ap-list-group--numbered a.ap-list-item:hover .ap-list-item__heading::after {
  content: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14 5L21 12M21 12L14 19M21 12L3 12" stroke="%231E2238" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  position: absolute;
  right: 0;
  transform: translateX(0);
}
/* top: 30%; */

/*
 * Icon Leading List Group
 */

.ap-list-group--icon .ap-list-item {
  display: flex;
  transition: all 500ms;
}

.ap-list-group--icon .ap-list-item .ap-list-item__desc::after {
  content: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14 5L21 12M21 12L14 19M21 12L3 12" stroke="%237E8492" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');

  position: absolute;
  right: 0;
  top: 5%;
  transition: all 500ms;
}

.ap-list-group--icon .ap-list-item:hover {
  border-bottom-color: var(--e-ap-brand-01) !important;
}

.ap-list-group--icon .ap-list-item:hover .ap-list-item__desc {
  color: #fff;
  transition: all 500ms;
}

/* Leave room for right arrow */
.ap-list-group--icon .ap-list-item .ap-list-item__desc p {
  padding-right: 2rem;
}

.ap-list-group--icon .ap-list-item:hover .ap-list-item__desc::after {
  content: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14 5L21 12M21 12L14 19M21 12L3 12" stroke="%23EFC01E" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  transition: all 500ms;
}

.ap-list-group--icon
  .ap-list-item:hover
  .ap-list-item__heading
  .elementor-heading-title {
  color: var(--e-ap-brand-01);
  transition: all 500ms;
}

.ap-list-group--icon .ap-list-item:hover .ap-list-item__icon svg path,
.ap-list-group--icon .ap-list-item:hover .ap-list-item__icon svg circle {
  transition: all 500ms;
}

.ap-list-group--icon .ap-list-item:hover .ap-list-item__icon svg path {
  fill: var(--e-ap-brand-01);
}
.ap-list-group--icon .ap-list-item:hover .ap-list-item__icon svg circle {
  stroke: var(--e-ap-brand-01);
}

/*
 * Contact forms - 1: Mailing list, 2: Contact form
 */

.grecaptcha-badge {
  visibility: hidden !important;
}

.ap-form,
.ap-form_wrapper {
  --gf-form-validation-heading-color: #ff5656;
  --gf-form-validation-heading-icon-color: #ff5656;
}

.ap-form_wrapper .gform_validation_errors {
  margin: 0;
  border: 0;
  padding: 0;
}

#gform_fields_1 .validation_message,
#gform_fields_4 .validation_message {
  display: none !important;
}

 .gform_confirmation_message_1.gform_confirmation_message,
 .gform_confirmation_message_4.gform_confirmation_message {
  color: #00ffab !important;
}

/* border: 1px solid #000;
          border-radius: 58px;
          --gf-ctrl-border-color: #fff;
          --gf-ctrl-bg-color: #000;
          padding: 6px;
          background: #000;
          --gf-ctrl-color: #fff; */

#gform_1,
#gform_4 {
  --gf-form-validation-heading-color: #ff5656;
  --gf-form-validation-heading-icon-color: #ff5656;
  border: 1px solid #f4f4f4;
  border-radius: 58px;
  --gf-ctrl-border-color: #656c7b;
  --gf-ctrl-bg-color: #f4f4f4;
  padding: 6px;
  background: #f4f4f4;
  --gf-ctrl-color: #656c7b;
}

.form--dark #gform_1,
.form--dark #gform_4 {
  border: 1px solid #000;
  background: #000;
  --gf-ctrl-color: #fff;
  --gf-ctrl-border-color: #fff;
  --gf-ctrl-bg-color: #000;
}

#gform_1 input[type="text"],
#gform_1 input[type="email"],
#gform_4 input[type="text"],
#gform_4 input[type="email"] {
  border-radius: 58px;
  padding: 1.5rem;
}

#gform_1 .gf-button.ap-button,
#gform_4 .gf-button.ap-button,
#gform_2 .gf-button.ap-button {
  display: flex;
  align-items: center;
  align-self: flex-start;
  font-weight: 600;
  line-height: 1;
  color: #000000;
  transition-duration: 0.8s;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  border-radius: 58px;
  padding: 17px 54px 17px 24px;
  flex: 0 0 auto;
  justify-content: center;
  min-width: 150px;
  text-align: center;
  vertical-align: middle;
  position: relative;
  width: 100%;
}

#gform_2 .gf-button.ap-button {
  width: inherit;
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
}

#gform_2 .gf-button.ap-button .ap-button-text {
  padding-right: 20px;
}

#gform_1 .gf-button.ap-button .ap-button-text,
#gform_4 .gf-button.ap-button .ap-button-text,
#gform_2 .gf-button.ap-button .ap-button-text {
  color: #000;
}

#gform_1 .gf-button.ap-button .ap-button-inner,
#gform_4 .gf-button.ap-button .ap-button-inner,
#gform_2 .gf-button.ap-button .ap-button-inner {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

#gform_1 .gf-button.ap-button.ap-button--icon,
#gform_2 .gf-button.ap-button.ap-button--icon,
#gform_4 .gf-button.ap-button.ap-button--icon {
  padding: 4px 8px 4px 24px;
}

/*#gform_1 .gf-button.ap-button.ap-button-icon--right {*/
/*    padding-left: 30px;*/
/*    order:2;*/
/*}*/

#gform_1
  .gf-button.ap-button.ap-button-icon--arrow_right
  .ap-button-inner::after,
#gform_4
  .gf-button.ap-button.ap-button-icon--arrow_right
  .ap-button-inner::after {
  content: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='40' height='40' rx='20' fill='black'/%3E%3Cpath d='M12 20H28M28 20L22 14M28 20L22 26' stroke='%23EFC01E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  position: absolute;
  right: 5px;
}

#gform_2 .gf-button.ap-button.ap-button-icon--airplane .ap-button-inner::after {
  content: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2240%22%20height%3D%2240%22%20fill%3D%22none%22%3E%3Crect%20width%3D%2240%22%20height%3D%2240%22%20fill%3D%22%23000%22%20rx%3D%2220%22%2F%3E%3Cpath%20stroke%3D%22%23EFC01E%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%20d%3D%22m29%2011-18%206.9%208.3%202.8M29%2011l-6.9%2018-2.8-8.3M29%2011l-9.7%209.7%22%2F%3E%3C%2Fsvg%3E");
  position: absolute;
  right: 5px;
  top: 8px;
}

#gform_1 .gf-button.ap-button.ap-button--primary,
#gform_2 .gf-button.ap-button.ap-button--primary,
#gform_4 .gf-button.ap-button.ap-button--primary {
  border-color: var(--e-ap-brand-01);
  background-color: var(--e-ap-brand-01);
}

#gform_1 .gf-button.ap-button.ap-button--primary:hover,
#gform_1 .gf-button.ap-button.ap-button--primary:focus,
#gform_2 .gf-button.ap-button.ap-button--primary:hover,
#gform_2 .gf-button.ap-button.ap-button--primary:focus,
#gform_4 .gf-button.ap-button.ap-button--primary:hover,
#gform_4 .gf-button.ap-button.ap-button--primary:focus {
  color: #000000;
  background-color: #ffffff;
  border-color: #000000;
}

#gform_1 .gform_footer,
#gform_4 .gform_footer {
  display: none;
}

#gform_2 .gform_footer {
  justify-content: end;
}

@media (max-width: 767px) {
  #gform_1,
  #gform_4 {
    padding: 20px 15px;
    border-radius: 16px;
  }
}

#gform_2 .gfield--type-choice .gfield_label.gform-field-label {
  font-size: 16px;
  line-height: 22px;
  font-weight: 700;
  color: var(--e-ap-blue-02);
}

#gform_2 .gfield--type-section {
  padding: 0;
  margin: 0;
  border: 0;
}

#gform_2 .gfield--type-section .gsection_title {
  font-size: 16px;
  line-height: 22px;
  font-weight: 700;
  margin: 0;
  border: 0;
  color: var(--e-ap-blue-02);
}
/*
 * Podcast / Blog / Single post pages
 */

.podcast-excerpt {
  margin-top: 4rem;
  margin-bottom: 4rem;
}

.elementor-location-single blockquote {
  margin: 2.5rem 0;
  border-left: 4px solid var(--wp--preset--color--ap-yellow);
  font-size: 28px;
  font-weight: 700;
  line-height: 1.4;
  padding: 1rem 2rem;
  background: #fff;
}

.elementor-location-single blockquote cite {
  font-size: 20px;
}

.elementor-location-single ul {
  line-height: 2.8rem;
}

/*
 * Home - Recent Posts, Podcasts, Events
 *  - Change badge color according to post type since the slider has a mix of categories/post types. etc.
 */

.recent-posts__tag .elementor-heading-title {
  display: inline-block;
  white-space: nowrap;
  border-radius: 50px;
  padding: 6px 16px;
  line-height: 22px;
}

.e-loop-item.type-post .recent-posts__tag .elementor-heading-title,
.single-post .type-post .recent-posts__tag .elementor-heading-title {
  background: rgba(239, 192, 30, 0.25);
  color: #927100;
}

.e-loop-item.type-podcast .recent-posts__tag .elementor-heading-title {
  background: rgba(10, 92, 160, 0.25);
  color: #101e36;
}

/* Mastermind Session Recaps */
.mastermind-session.type-mastermind-session ul {
  list-style-type: none;
  padding-left: 0;
}
.mastermind-session.type-mastermind-session ul li {
  margin-bottom: 1rem;
}

.mastermind-session.type-mastermind-session .no-docs-msg {
  color: var(--e-global-color-text);
  font-size: 15px;
}

/* Nav */

/* Highlight menu item if on a sub page of a parent (probably only need this if we don't add sub pages as a dropdown under the parent page in the menu) */

.elementor-nav-menu--main .current-page-ancestor > a {
  color: var(--e-ap-brand-01) !important;
}

.elementor-nav-menu--main:not(.e--pointer-framed)
  .current-page-ancestor
  .elementor-item:after {
  background-color: var(--e-ap-brand-01) !important;
  opacity: 1 !important;
}

@media only screen and (max-width: 1024px) {
  .members-login-btn {
    padding: 1rem 0 !important;
    text-align: center;
  }

  .members-login-btn a {
    background: none;
    display: inline-block !important;
    font-weight: bold !important;
    padding: 16px 24px 16px 24px !important;
    border-radius: 100px;
    border: 1px solid var(--e-ap-brand-01);
    transition: all 0.3s;
  }

  .members-login-btn a:hover {
    background: var(--e-ap-brand-01) !important;
    color: #000 !important;
    padding: 16px 24px 16px 24px;
    border-radius: 100px;
  }
}

@media only screen and (min-width: 1025px) {
  .members-login-btn {
    display: none !important;
  }
}

/*
 *  BUTTONS
 */

/*
 *  Button - Login button in menu, not in hamburger. Yes, we're duping and need to clean it all up. Deal with it for now.
 */

.ap-member-button {
  display: flex;
  align-items: center;
  align-self: flex-start;
  font-weight: 600;
  line-height: 1;
  color: #000000;
  transition-duration: 0.8s;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  border-radius: 58px;
  padding: 17px 54px 17px 24px;
  flex: 0 0 auto;
  justify-content: center;
  min-width: 150px;
  text-align: center;
  vertical-align: middle;
  position: relative;
  cursor: pointer;
}

.ap-login-button .ap-login-button-text {
  color: #000;
}

.ap-login-button-wrapper {
  display: flex;
}

.ap-login-button-inner {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

.ap-login-button.ap-login-button--icon {
  padding: 4px 8px 4px 24px;
}

.ap-login-button-icon--right {
  padding-left: 30px;
  order: 2;
}

.ap-login-button {
  border-color: var(--e-ap-brand-01);
  background-color: var(--e-ap-brand-01);
}

.ap-login-button:hover,
.ap-login-button:focus {
  color: #000000;
  background-color: var(--e-ap-white);
  border-color: #000000;
}

/* Image slider in posts - Tweaks */
.single-post .wp-block-gutsliders-photo-carousel .swiper-container-outer img {
  object-fit: contain;
}

.single-post .wp-block-gutsliders-photo-carousel .swiper-container-outer {
  height: 100%;
}

/* Change the black horizontal rules to be less in your face until we do blog post content cleanup . */
.single-post .elementor-widget-theme-post-content hr.wp-block-separator {
  opacity: 0.05;
}