/*
 Theme Name:   Weald to Waves Theme
 Theme URI:    https://wealdtowaves.co.uk
 Description:  Divi Child Theme for Weald to Waves
 Author:       Chris Lau
 Author URI:   https://wealdtowaves.co.uk
 Template:     Divi
 Version:      1.0.0
*/

/* Import component styles */
@import "css/components/cards.css";

/* Prevent click on empty Nav menu items */
.menu-item a[href="#"] {
  pointer-events: none;
  cursor: default;
  color: inherit; /* Optional: keeps the text color consistent */
  text-decoration: none;
}

/***** Hide Post Title and set Fullwidth layout by default *****/

.single:not(.bbpress) #sidebar {
  display: none !important;
}

.single:not(.bbpress) #left-area {
  width: 100% !important;
  padding-right: 0;
}

.single:not(.bbpress) #main-content .container:before {
  width: 0 !important;
}

.single:not(.bbpress) .container {
  width: 100%;
  max-width: 100%;
}

.single:not(.bbpress) #left-area .post-meta {
  display: none;
}

.single:not(.bbpress) .et_post_meta_wrapper {
  display: none;
}

.single:not(.bbpress) #main-content .container {
  padding-top: 0 !important;
}

.single:not(.bbpress) .container.et_menu_container {
  max-width: 1080px;
}

.single:not(.bbpress) .et_right_sidebar #left-area {
  padding-right: 0;
  padding-bottom: 0;
}

/******* Post styling *****/

.post-content h2,
.post-content h3 {
  margin-bottom: 10px !important;
}

.post-content p {
  margin-bottom: 5px;
}

/***** MemberPress form *****/

.hidden,
.hidden-field {
  visibility: hidden;
  height: 0;
  overflow: hidden;
  margin-bottom: 0 !important;
}

.readonly-field {
  background-color: #f0f0f0; /* Light gray background */
  cursor: not-allowed; /* Show a not-allowed cursor */
}

/**** MemberPress Account Dashboard - IN Appearance --> Customize --> Additional css section. ****/

.mepr-subscriptions,
.mepr-payments {
  display: none !important;
}

/* Change text color of grid items to black */

.mepr-courses-wrapper .grid a {
  color: black;
}

/* Change background color of user-progress to #7abbb3 */

.mepr-courses-wrapper .grid .user-progress {
  background-color: #7abbb3 !important;
}

a.navbar-brand.site-branding {
  color: white;
}

.wp-block-button a {
  color: white;
}

/* Override default Survey123 embed styles within the members area - IN Appearance --> Customize --> Additional css section. ****/

#mpcs-main .embed-container {
  position: relative !important;
  height: 0 !important;
  padding-bottom: 80% !important; /* Adjust this for default view height */
  max-width: 100% !important;
}

#mpcs-main .embed-container iframe,
#mpcs-main .embed-container object,
#mpcs-main .embed-container iframe {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
}

#mpcs-main small {
  position: absolute !important;
  z-index: 40 !important;
  bottom: 0 !important;
  margin-bottom: -15px !important;
}

/* Increase height for smaller screens within #mpcs-main */

@media (max-width: 768px) {
  #mpcs-main .embed-container {
    padding-bottom: 120% !important;
  }
}

@media (max-width: 480px) {
  #mpcs-main .embed-container {
    padding-bottom: 150% !important;
  }
}

.tags-container {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.tag-button {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 15px 20px;
  border: 2px solid #adabc2;
  border-radius: 100px;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 15px;
  line-height: 20px;
  color: #adabc2;
  text-decoration: none;
  width: 165px;
  height: 41px;
  transition: all 0.3s ease;
}

.tag-button:hover {
  background-color: #adabc2;
  color: #ffffff;
  border-color: #adabc2;
}

/* === Actions Tags Styling === */
.action-tags {
  margin-top: 10px;
}

.action-tag {
  display: inline-block;
  margin-right: 8px;
  padding: 6px 12px;
  background: #07393c;
  border: 2px solid #ffffff;
  border-radius: 20px;
  text-decoration: none;
  color: #ffffff !important;
  font-weight: 500;
  font-size: 14px;
  transition:
    background-color 0.3s ease,
    transform 0.2s ease;
}

.action-tag:hover {
  background: #0a4f53;
  transform: translateY(-2px);
  color: #ffffff !important;
}

.garden-breadcrumbs {
  font-size: 16px;
}

.garden-breadcrumbs a {
  text-decoration: none;
  transition: color 0.3s ease;
}


.garden-breadcrumbs .current {
  font-weight: bold;
}

.garden-breadcrumbs::before,
.garden-breadcrumbs::after {
  content: "";
}

/* Hide specific Elements from The Events Calendar pages */
.tribe-events-single-event-title,
.tribe-events-schedule,
.tribe-events-event-image {
  display: none !important;
}

.hidden {
  display: none !important;
}

.pledge-text {
  background: #f9f9f9;
  border: 1px solid #d6d6d6;
  padding: 1rem 1.25rem;
  margin-bottom: 1.5rem;
  line-height: 1.4;
}