/*
 Theme Name: Christie PET-CT Academy
 Theme URI: https://the-christie-pet-ct.onyx-sites.io/
 Description:  Kadence child theme for PET-CT Academy
 Author: Jenn Armour
 Author URI: lidconsulting.dev
 Template: kadence
 Version: 1.0.0
*/

/* Ensure all links have pointer behavior on hover */
/* Ensure all links have pointer behavior */
a {
    pointer-events: auto !important;
    cursor: pointer !important;
}

a:hover {
    cursor: pointer !important;
}


/* Ensure footer links are clickable and styled */
.site-footer-wrap a {
    color: #ffffff !important; /* Force white color for links */
    cursor: pointer !important; /* Force hand cursor */
    pointer-events: auto !important; /* Ensure links are clickable */
    z-index: 10; /* Ensure links are on top */
}


.site-footer-wrap a:hover {
    color: #f76a0c; /* Change link color on hover */
    text-decoration: none; /* Keep no underline */
}


/* Style for the custom learner welcome message */
.custom-learner-welcome {
    display: flex; /* Enable flexbox */
    justify-content: left; /* Center horizontally */
   /* align-items: center; /* Center vertically */
   /* text-align: center;  Center text inside the div */
    
}

.learndash-wrapper .ld-alert-success {
    border-color: #cacace !important;
    background-color: transparent !important;
    color: #8a1538;
}

#ld-cg-m2ccgr96ek .image img {
    width: 100%; /* Ensure the images fill the container width */
    height: 200px; /* Set a consistent height for all images */
    object-fit: cover; /* Maintain proportions while cropping excess */
    display: block; /* Remove any extra spacing */
    border-radius: 4px; /* Optional: add rounded corners */
}

/* Remove bottom margin for learndash-wrapper under unique grid ID */
#ld-cg-m2ccgr96ek .learndash-wrapper.learndash-widget.lds-template-default {
    margin-bottom: 0 !important;
}

  
  /* Reduce top and bottom padding in the content box */
  .learndash-course-grid .items-wrapper .grid-2 .content {
      padding-top: 10px;   /* Reduce top padding */
      padding-bottom: 20px; /* Reduce bottom padding */
  }
  
  /* Main grey background box for the course meta (no background on entire grid) */
  #ld-cg-m2ccgr96ek {
    position: relative;
    background-color: #f2ba4940; /* Grey background */
    padding: 10px 5px;
    box-sizing: border-box;
    margin-top: 0; /* No space between image and box */
    margin-bottom: 15px; /* Increased space below each card */
    border-radius: 0; /* Remove rounded corners */
}

  
 /*
Commented out original column-based CSS for reference

#ld-cg-m2ccgr96ek .course-meta-container {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
}

#ld-cg-m2ccgr96ek .course-meta-column {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex: 1;
    text-align: center;
}

#ld-cg-m2ccgr96ek .course-meta-items {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f2ba49;
    color: #333;
    font-size: 12px;
    font-weight: normal;
    border-radius: 4px;
    text-align: center;
    min-height: 50px;
    padding: 5px 10px;
    width: 100%;
    box-sizing: border-box;
}

#ld-cg-m2ccgr96ek .course-meta-column {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 48%;
    margin-bottom: 5px;
    border: 0;
}

#ld-cg-m2ccgr96ek .course-meta-column strong {
    font-size: 11px;
    font-weight: bold;
    color: #333;
    margin-bottom: 2px;
    text-align: center;
    width: 100%;
}

#ld-cg-m2ccgr96ek .course-meta-column .course-meta-items {
    margin-top: 0;
}
*/

#ld-cg-m2ccgr96ek .items-wrapper {
    row-gap: 50px !important; /* Adds space between rows */
}

/* Remove bottom rounding on the course image */
#ld-cg-m2ccgr96ek .thumbnail img {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

/* Remove top rounding on the yellow meta box */
#ld-cg-m2ccgr96ek .course-meta-items:last-child {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
}

/* Updated CSS for refined spacing and styling within Grid ID */
#ld-cg-m2ccgr96ek .course-meta-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 3px;
    margin-top: 0px !important; /* Removes the -5px margin */
    margin-bottom: 0px !important; /* Removes the -5px margin */
    padding-top: 5px !important;
    padding-bottom: 10px !important;

}
#ld-cg-m2ccgr96ek .entry-title a {
    color: #424d5c !important; /* Apply grey color */
    text-align: center !important;
}
#ld-cg-m2ccgr96ek .entry-title  {
    color: #424d5c !important; /* Apply grey color */
    text-align: center !important;
    margin-top: 20px !important;
    margin-bottom: 12px !important;
}

#ld-cg-m2ccgr96ek .course-meta-items:first-child {
    font-weight: bold;
    font-size: 11px;
    color: rgba(68, 68, 68, 0.8);
    background: none;
    text-transform: uppercase;
}

#ld-cg-m2ccgr96ek .course-meta-items:last-child {
    background-color: rgba(242, 186, 73, 0.5);
    color: #333;
    font-size: 12px;
    font-weight: normal;
    border-radius: 4px;
    text-align: center;
    min-height: 35px;
    padding: 4px 8px;
    width: auto;
    box-sizing: border-box;
    display: flex;
    align-items: center;
}

/* Reduce title margin only within this grid */
#ld-cg-m2ccgr96ek .entry-title {
   /*  margin-top: 0.5em !important; Reduce space above title */
}


/* Ensure equal height cards and center the button */
#ld-cg-m2ccgr96ek .ld-course-list .ld-course-card {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

/* Target the "Continue Study" button inside the specific LearnDash Course Grid */
#ld-cg-m2ccgr96ek .button {
    text-align: center; /* Center the button */
    margin-top: auto; /* Push it to the bottom to maintain equal heights */
}

#ld-cg-m2ccgr96ek .button a {
    background-color: #8a1538 !important;
    color: #ffffff !important;
    padding: 6px 14px !important; /* Reduce padding */
    border-radius: 4px !important; /* Slightly smaller border-radius */
    display: inline-block !important;
    text-align: center !important;
    font-weight: bold !important;
    text-decoration: none !important;
    font-size: 14px !important; /* Reduce font size */
    width: auto !important; /* Make it fit the text */
    min-width: 120px !important; /* Ensure minimum size */
    max-width: 160px !important; /* Prevent it from being too wide */
    margin: 0 auto !important; /* Keep it centered */
}

/* Hover effect */
#ld-cg-m2ccgr96ek .button a:hover {
    background-color: #6e102c !important; /* Darker red on hover */
    color: #ffffff !important;
    box-shadow: none !important;
}


/* Style the "Load More" button */
.pagination .load-more {
    background-color: #8a1538 !important;
    color: #ffffff !important;
    padding: 12px 24px !important;
    border: none !important;
    border-radius: 6px !important;
    font-size: 16px !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
    cursor: pointer !important;
    display: block !important;
    margin: 20px auto !important; /* Centers the button */
}

/* Hover effect */
.pagination .load-more:hover {
    background-color: #6e102c !important; /* Slightly darker red */
    color: #ffffff !important;
}


/* Force equal heights on all course grid cards */
#ld-cg-m2ccgr96ek .ld-course-list {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: stretch !important;
}

/* Make each course card stretch to equal height */
#ld-cg-m2ccgr96ek .ld-course-card {
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    height: 100% !important;
}

/* Ensure course content fills available space */
#ld-cg-m2ccgr96ek .ld-course-card .ld-course-content {
    flex-grow: 1 !important;
}

/* Make sure the button stays at the bottom */
#ld-cg-m2ccgr96ek .ld-course-card .button {
    margin-top: auto !important;
    text-align: center !important;
}
.learndash-course-grid .items-wrapper .grid-3 .content {
    padding-top: 0px !important;
}

#ld-cg-m2ccgr96ek .item.grid-3 {
    transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
    /* Remove will-change and backface-visibility completely */
}

#ld-cg-m2ccgr96ek .item.grid-3:hover {
   
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
    }
    

#ld-cg-m2ccgr96ek .item.grid-3 {
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    height: 100% !important;
}



#ld-cg-m2ccgr96ek .content {
    flex-grow: 1 !important;
    display: flex;
    flex-direction: column;
}

#ld-cg-m2ccgr96ek .button {
    margin-top: auto !important; /* Pushes button to the bottom */
    text-align: center !important;
}



/* Ensure content fills available space */
#ld-cg-m2ccgr96ek .content {
    flex-grow: 1 !important;
}

/* Force the button to always stay at the bottom */
#ld-cg-m2ccgr96ek .button {
    margin-top: auto !important;
    text-align: center !important;
}

#ld-cg-m2ccgr96ek .button {
    box-shadow: none !important;
}

#ld-cg-m2ccgr96ek .button a {
    box-shadow: none !important;
}


/* 
  learnder dashboard remove top and bottom before element insertion */
  .kb-row-layout-id2824_a4c543-06 > .kt-row-column-wrap
  {
      padding-bottom:0px;
      padding-top:0px;
  }
  
/* Filter Button */
.toggle-filter {
    background-color: #8A1538 !important; /* Red background */
    color: #FFFFFF !important; /* White text */
    border: 2px solid #8A1538 !important; /* Red border */
    text-transform: uppercase !important; /* Uppercase text */
    letter-spacing: 1px !important; /* 1px letter spacing */
}

/* Apply and Clear Buttons - Red Border, White Background */
.learndash-course-grid-filter .buttons .button {
    background-color: #FFFFFF !important; /* White background */
    color: #8A1538 !important; /* Red text */
    border: 2px solid #8A1538 !important; /* Red border */
    text-transform: uppercase !important; /* Uppercase text */
    font-weight: 600; /* Slightly bolder text for buttons */
    letter-spacing: 1px; /* 1px letter spacing */
    transition: all 0.3s ease-in-out; /* Smooth transition for hover effect */
}

/* Hover Effect - Fill Red Background with White Text */
.learndash-course-grid-filter .buttons .button:hover {
    background-color: #8A1538 !important; /* Red background */
    color: #FFFFFF !important; /* White text */
    border-color: #8A1538 !important; /* Red border */
}

/* Checkbox Customization */
.learndash-course-grid-filter input[type="checkbox"] {
    accent-color: #8A1538 !important; /* Red color for checkboxes */
}
/* Reduce font size for labels and items inside the filter container */
.learndash-course-grid-filter label,
.learndash-course-grid-filter .buttons .button {
    font-size: 0.875rem !important; /* Smaller font size (14px) */
}

/* Reduce font size for the terms and checkboxes */
.learndash-course-grid-filter .terms li label {
    font-size: 0.875rem !important; /* 14px for consistency */
    line-height: 1.4; /* Adjust spacing between lines */
}



.button.apply.blue {
    background-color: #8A1538 !important; /* Red background */
    color: #FFFFFF !important; /* White text */
    border: none; /* Remove borders */
}

.button.apply.blue:hover {
    background-color: #6e112c !important; /* Darker red on hover */
}
input[type="checkbox"] {
    appearance: none; /* Remove default styles */
    width: 16px;
    height: 16px;
    border: 2px solid #8A1538; /* Red border */
    border-radius: 3px; /* Optional: rounded corners */
    outline: none; /* Remove focus outline */
    cursor: pointer;
}

input[type="checkbox"]:checked {
    background-color: #8A1538; /* Red background when checked */
    border-color: #8A1538; /* Keep border color consistent */
    position: relative;
}

input[type="checkbox"]:checked::after {
    content: '\2713'; /* Unicode for checkmark */
    color: #FFFFFF; /* White checkmark */
    font-size: 12px;
    position: absolute;
    left: 3px;
    top: -1px;
}

  
.kb-row-layout-id2824_a4c543-06 {
      padding-top: 0 !important;
  }
  

  ul.wp-block-social-links-is-layout-flex
  {
      margin-bottom: 0px;
  }
  
  .learndash-wrapper:not(.ld-registration__outer-wrapper) .ld-button
  {
      border-radius: 6px;
  }
  
  /* Container for the metadata */
  .course-meta-container {
      display: flex;
      justify-content: space-between;
      align-items: center; /* Center content vertically */
      background-color: #f2ba4940; /* Light amber */
      padding: 15px;
      border-radius: 6px;
      margin-bottom: 15px;
      font-size: 14px;
      color: #333; /* Darker text color for readability */
  }
  
  /* Equal column widths (50% each) */
  .course-meta-column {
      flex: 1; /* Equal width for both columns */
      text-align: center; /* Center content horizontally */
      padding: 0 10px;
      border-right: 1px solid #e0a140; /* Vertical dividing line */
  }
  
  .course-meta-column:last-child {
      border-right: none; /* Remove dividing line on the last column */
  }
  
  /* Titles for each column */
  .course-meta-column strong {
      display: block;
      margin-bottom: 5px; /* Less space between titles and boxes */
      font-size: 13px;
      color: #8a1538; /* Custom title color */
      text-transform: uppercase; /* Uppercase titles */
  }
  
  /* Individual metadata boxes */
  .course-meta-box {
      display: inline-block;
      background-color: #8a1538; /* Red background */
      color: #fff; /* White text */
      padding: 6px 10px;
      margin: 3px 5px;
      border-radius: 4px;
      font-size: 12px;
      text-align: center; /* Center text inside the box */
      box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); /* Subtle shadow */
  }
  
 
  
  /* Adjust the content box to overlap the featured image on course pages */
  .sfwd-courses .entry-content-wrap {
      margin-top: -250px; /* Increased negative value for higher overlap */
      position: relative;
      z-index: 2; /* Ensure it appears above the image */
  }
  
  /* Ensure the content box does not break the layout */
  .sfwd-courses .content-bg {
      background-color: rgba(255, 255, 255, 0.9); /* Semi-transparent white for better readability */
      padding: 20px;
      border-radius: 8px; /* Optional: rounded corners for the box */
      box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Optional: subtle shadow */
  }
  
  /* Adjust title positioning to look good with overlap */
  .sfwd-courses .entry-title {
      margin-bottom: 15px; /* Reduce space between the title and content box */
  }
  
  
  /* Meta Styling for Author (if applicable) */

  #ld-cg-m2ccgr96ek .meta .author {
    display: none !important; /* Hides the entire author container including the "By" text */
}

  .meta .author {
      display: flex;
  }
  
  .meta .author img,
  .meta .author .name {
      display: none !important; /* Hides the author's avatar and name */
  }
  
  .meta .author .inner-wrapper {
      margin-left: 0;
  }
  #ld-cg-m2ccgr96ek .thumbnail img {
    width: 100%; /* Ensure the images fill the width of the container */
    height: 200px; /* Set a consistent height for all images */
    object-fit: cover; /* Maintain aspect ratio while cropping overflow */
    display: block; /* Remove any extra spacing caused by inline-block images */
    border-radius: 4px; /* Optional: add rounded corners */
}

#ld-cg-m2ccgr96ek .meta.price-wrapper {
    display: none !important; /* Completely hides the price wrapper */
}

  
#ld-cg-m2ccgr96ek .ribbon {
    display: block !important; /* Ensures the ribbon is visible */
    position: absolute; /* Makes the ribbon overlay the thumbnail */
    top: 0; /* Position at the top */
    left: 0; /* Position at the left */
    background-color: #8a1538; /* Ribbon color, using your site's red hex color */
    color: #fff; /* White text for contrast */
    padding: 5px 10px; /* Padding for spacing inside the ribbon */
    font-size: 14px; /* Adjust font size */
    font-weight: bold; /* Make text bold */
    z-index: 10; /* Ensure it appears above other elements */
    border-radius: 0 0 4px 0; /* Optional: Rounded corner at the bottom right */
}


/* Style for the entire categories section */
#ld-cg-m2ccgr96ek .categories {
    color: #8a1538; /* Site red color */
    font-weight: normal; /* Optional: Customize the text weight */
    text-transform: uppercase; /* Make all text uppercase */
}

/* Add pipe separator after each span except the last one */
#ld-cg-m2ccgr96ek .categories span:not(:last-child)::after {
    content: " | "; /* Adds the pipe separator */
    color: #8a1538; /* Pipe matches the text color */
}

/* Remove extra pipes from any processed spans */
#ld-cg-m2ccgr96ek .categories[data-processed="true"] span:not(:last-child)::after {
    content: ""; /* Ensures pipes are not added again by CSS after JS processing */
}

/* Ensure no extra margin issues and spacing consistency */
#ld-cg-m2ccgr96ek .categories span {
    margin-right: 0; /* Reset any margin-right */
}

/* Add margin-right to the first category */
#ld-cg-m2ccgr96ek .categories span:first-child {
    margin-right: 5px; /* Adds spacing after the first category */
}

/* Add margin-left to all spans except the first one */
#ld-cg-m2ccgr96ek .categories span:not(:first-child) {
    margin-left: 5px; /* Adds spacing before each subsequent span */
}

/* Ensure no trailing pipes */
#ld-cg-m2ccgr96ek .categories span:last-child::after {
    content: ""; /* Removes the trailing pipe */
}


/* Add spacing below the progress bar within the specific grid */
#ld-cg-m2ccgr96ek .ld-progress {
    margin-bottom: 20px !important; /* Adjust the value as needed */
}


  /* Enrolled Ribbon */
  .thumbnail .ribbon.enrolled {
      background-color: #8A1538 !important; /* Background color for enrolled ribbon */
      color: #FFFFFF !important; /* Text color for enrolled ribbon */
      text-transform: uppercase; /* Optional: Makes text uppercase */
      font-weight: bold; /* Optional: Emphasizes text */
  }
  
  /* Completed Ribbon */
  .thumbnail .ribbon.completed {
      background-color: #F2BA49 !important; /* Background color for completed ribbon */
      color: #424D5C !important; /* Text color for completed ribbon */
      text-transform: uppercase; /* Optional: Makes text uppercase */
      font-weight: bold; /* Optional: Emphasizes text */
  }
  h3.entry-title {
      margin-bottom: 10px !important; /* Change 10px to your desired spacing */
  }
  .ld-progress-stats {
      line-height: 1.5; /* Adjusts spacing within progress stats */
  }
  .learner-welcome-text {
      color: #424d53;
  }
  .learndash-course-grid {
      background: none !important;
  }
  
  /* Remove bottom margin for the ld-progress-inline container */
.ld-progress.ld-progress-inline {
    margin-bottom: 0 !important;
}


.ribbon {
    background-color: #8A1538 !important; /* Your red color */
}



  /*EVERYTHING ABOVE THIS WORKS*/
  /*unique styling for meta for the single course page styling */
  /* Target the course grid images using the unique grid ID */

  
  
 /* Style the custom GFUR activation page */

#gfur-activation-page {
    max-width: 600px;
    margin: 50px auto;
    padding: 20px;
    text-align: center;
    border: 1px solid #ddd;
    border-radius: 8px;
    background: #f9f9f9;
}
#gfur-activation-page h2 {
    margin-bottom: 20px;
    color: #333;
}
#gfur-activation-page p {
    margin: 10px 0;
}
#gfur-activation-page a.ld-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: #0073aa;
    color: #fff;
    text-decoration: none;
    border-radius: 5px;
    margin-top: 15px;
}
#gfur-activation-page a.ld-button:hover {
    background-color: #005177;
}


/* Styling the container of each list item */
.wp-block-kadence-iconlist ul.kt-svg-icon-list .kt-svg-icon-list-item-wrap {
    display: flex; /* Use flexbox for layout alignment */
    align-items: flex-start; /* Align icon and text to the top */
    gap: 10px; /* Add space between the icon and the text */
    margin-bottom: 20px; /* Add vertical space between each list item */
}

/* Styling the icon within each list item */
.wp-block-kadence-iconlist ul.kt-svg-icon-list .kt-svg-icon-list-item-wrap .kt-svg-icon-list-single {
    flex-shrink: 0; /* Prevent the icon from resizing unexpectedly */
    display: flex; /* Use flexbox for consistent alignment */
    align-items: flex-start; /* Align icon to the top of the container */
    justify-content: center; /* Center the icon within its own container */
}

/* Styling the text within each list item */
.kt-svg-icon-list-text {
    display: block; /* Ensure text wraps properly if too long */
    margin-top: 0; /* Align text flush with the icon */
}


/* Custom Register Section */
#login + div { /* Assuming your register area is on the right */
    background-color: #5E6A76; /* Match modal background */
    color: #ffffff;
    padding: 20px;
    text-align: center;
    border-radius: 10px;
}

#login + div h2 {
    font-size: 24px;
    margin-bottom: 15px;
}

#login + div a {
    display: inline-block;
    background-color: #8A2C42;
    color: #ffffff;
    padding: 10px 20px;
    text-decoration: none;
    border-radius: 5px;
    font-weight: bold;
}

#login + div a:hover {
    background-color: #6E1F32;
}



/* General Login Page Styling */
body.login {
    background-color: #5E6A76; /* Match your modal background */
    font-family: 'Arial', sans-serif;
}

/* Login Form Container */
.login #login {
    background-color: #ffffff;
    border-radius: 10px;
    padding: 20px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
}

/* Form Fields */
.login form .input, .login form input[type="password"] {
    background-color: #f7f9fc;
    border: 1px solid #ddd;
    border-radius: 5px;
    box-shadow: none;
}

/* Log In Button */
.login form .button-primary {
    background-color: #8A2C42; /* Match your branding color */
    border: none;
    border-radius: 5px;
    box-shadow: none;
    text-shadow: none;
    font-weight: bold;
}

.login form .button-primary:hover {
    background-color: #6E1F32;
}

/* Register Link Styling */
.login #nav a {
    color: #ffffff; /* White text for visibility */
    text-decoration: underline;
}

.login #nav a:hover {
    color: #d3d3d3;
}



/* Ensure the button container for this specific page centers its content */
.custom-login-button .learndash-wrap {
    display: flex; /* Enables flexbox layout for the container */
    justify-content: center; /* Centers the button horizontally */
    align-items: center; /* Centers the button vertically */
    height: 100%; /* Ensures the container spans its full height */
    text-align: center; /* Centers the text within the container */
}


/* Custom styles for GFUR activation page */
#content.widecolumn {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 50px auto;
    padding: 20px;
    max-width: 600px;
    background-color: #f9f9f9; /* Optional: Add a background color */
    border-radius: 8px; /* Optional: Add rounded corners */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Optional: Add a shadow */
}

#signup-welcome, .view {
    text-align: center;
    margin-bottom: 20px;
}


/* Ensure the left footer section (containing categories) aligns properly */
.kt-blocks-post-footer-left {
    display: flex;
    justify-content: center; /* Center horizontally */
    align-items: center;    /* Align vertically */
    width: 100%;            /* Take full width for centering */
}

/* Center-align the categories */
.kt-blocks-categories {
    text-align: center; /* Center the text inside the category container */
    display: flex;      /* Flex layout to align icon and text horizontally */
    align-items: center; /* Ensure icon and text are vertically aligned */
    gap: 8px;            /* Optional: Add spacing between icon and text */
}



/* Background color for the active link */
.kb-nav-link-content.active {
    background-color: #424D5C !important; /* Grey background for the active link */
}

/* Background color for the media icon (matches button background) */
.kb-nav-link-content.active .link-media-container {
    background-color: #424D5C !important; /* Grey background for the icon container */
}

/* Icon color for the active state */
.kb-nav-link-content.active .link-svg-icon {
    fill: #F2BA49 !important; /* Yellow fill for the SVG icon */
}





#post-2824 .kb-row-layout-id2824_a4c543-06 > .kt-row-column-wrap {
    padding-top: 0 !important;
}


.gfield_required .gfield_required_text {
    color: #8a1538 !important;
}



.kb-row-layout-id4501_3ac1b2-29 > .kt-row-column-wrap {
    padding-left: 0 !important; /* Remove the left padding for this specific instance */
}

.kt-modal-container .kt-modal-content p {
    margin-bottom: 20px; /* Adjust this value as needed */
}

.wp-block-details summary {
    color: #8a1538; /* Red color for the trigger text and arrow */
    cursor: pointer; /* Ensures it looks clickable */
}

.wp-block-details summary::marker {
    color: #8a1538; /* Red color for the default marker/arrow */
}

.wp-block-details summary:hover {
    text-decoration: underline; /* Optional: Adds underline on hover for better visibility */
}


.tribe-link-view-attendee {
    display: none;
}

/* Hide the category icon next to categories */
.kt-blocks-tags-icon {
    display: none !important;
}
/* Disable category links but keep the text */
.kt-blocks-above-categories a {
    pointer-events: none;
    text-decoration: none;
    color: inherit; /* Ensures it matches normal text color */
}
/* === Remove bottom margin under Hero H1 === */
.kt-adv-heading3058_e8498c-5a {
  margin-bottom: 10px !important;
}
.wp-block-kadence-header-row18203_dc3060-b6 {
    border-bottom: none !important;
}

#btn-join {
    border-radius: 12px !important;
}
.tribe-common-c-btn {
    border-radius: 12px !important;
}
.tribe-common-c-btn.tribe-common-c-btn--small {
    color: #ffffff !important; /* Changes text color to white */
}


/* Responsive adjustments for course pages */
@media (max-width: 768px) {
    .sfwd-courses .entry-content-wrap {
        margin-top: -150px; /* Adjust for smaller screens */
    }

    .sfwd-courses .content-bg {
        padding: 15px; /* Reduce padding for smaller screens */
    }
}

.kb-navigation .kb-nav-link-content .kb-nav-label-content {
    font-weight: normal !important; /* Remove bold style */
}

.ticket-instruction-box {
    background-color: #fdeff1; /* Very light red */
    padding: 15px;
    border-radius: 5px;
    color: #8a1538;
    font-size: 20px;
    font-family: Arial, sans-serif;
    margin: 10px 0;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.05); /* Optional subtle shadow */
}
/* Red Box Styling */
.wp-block-kadence-modal {
    background-color: #fdeff1; /* Light red background */
    padding: 15px; /* Add spacing inside the box */
    border-radius: 5px; /* Rounded corners */
    margin: 20px 0; /* Add space above and below */
    text-align: center; /* Center the content */
}

/* Link Styling */
.wp-block-kadence-modal .modal-trigger {
    color: #8a1538; /* Red text */
    font-weight: bold; /* Bold text */
    text-transform: uppercase; /* Uppercase text */
    font-size: 12px; /* Smaller text */
    text-decoration: none; /* Remove underline */
    display: inline-flex; /* Flex for icon alignment */
    align-items: center; /* Center icon vertically */
    gap: 8px; /* Space between icon and text */
    cursor: pointer; /* Pointer cursor */
}

/* Add Font Awesome Icon Before Link Text */
.wp-block-kadence-modal .modal-trigger::before {
    content: "\f05a"; /* Font Awesome info-circle icon */
    font-family: "Font Awesome 5 Free"; /* Font Awesome family */
    font-weight: 900; /* Solid style */
    margin-right: 8px; /* Space between icon and text */
    font-size: 14px; /* Icon size */
    color: #8a1538; /* Icon color */
}

/* Hover Effect for Link */
.wp-block-kadence-modal .modal-trigger:hover {
    color: #721029; /* Darker red on hover */
    text-decoration: underline; /* Underline on hover */
}
#kt-modal2771_08b20b-5c-content {
    font-size: 14px; /* Smaller text size */
    line-height: 1.6; /* Adjust line spacing for readability */
}

#kt-modal2771_08b20b-5c-content h2,
#kt-modal2771_08b20b-5c-content h4 {
    font-size: 16px; /* Slightly larger headings for hierarchy */
    font-weight: bold; /* Ensure bold headings */
    margin-top: 15px; /* Add space above headings */
}

#kt-modal2771_08b20b-5c-content ul li {
    margin-bottom: 5px; /* Add spacing between list items */
}
/* Target all descriptions in Gravity Form ID 1 */
#gform_1 .gfield_description {
    margin-top: 0px; /* Adjust the spacing above */
    margin-bottom: 0px; /* Adjust the spacing below */
    padding-top: 0px;
    padding-bottom: 0px;
}
.ld-quiz-title {
    display: none !important;
}


.ld-virtual-instructor-chatbox__header {
    background-color: #8a1538;
}
.gform_button.button {
    background-color: #8a1538 !important;
    color: #ffffff !important; /* Ensures text is white */
    border: none;
    padding: 10px 20px;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    transition: background-color 0.3s ease-in-out;
}

.gform_button.button:hover {
    background-color: #6d102c !important; /* Slightly darker red for hover */
}


.wp-block-kadence-modal {
    background-color: #ffffff;
}

/* Ensure the items stay aligned in a responsive way */
@media (max-width: 767px) {
    #ld-cg-m2ccgr96ek .course-meta-column {
        width: 100%; /* Stack the items on smaller screens */
    }
}


/* Mobile adjustments */
@media (max-width: 768px) {
    #wppb-form-element-25,
    #wppb-form-element-26 {
        margin-left: 0 !important; /* Reset alignment for smaller screens */
    }

    #wppb-form-element-25 label,
    #wppb-form-element-26 label,
    #wppb-form-element-26 .wppb-checkboxes label {
        font-size: 13px !important; /* Slightly smaller font for mobile */
        line-height: 1.3 !important; /* Adjust spacing for smaller screens */
    }
}
 /* Responsive adjustments */
 @media (max-width: 768px) {
    .course-meta-container {
        flex-direction: column; /* Stack columns vertically on smaller screens */
        align-items: stretch; /* Align content to the full width */
    }

    .course-meta-column {
        border-right: none; /* Remove dividing line on stacked layout */
        margin-bottom: 10px;
    }

    .course-meta-column:first-child,
    .course-meta-column:last-child {
        flex: unset; /* Reset flex to full width */
        text-align: left; /* Align text to the left on smaller screens */
    }
}