/*
 Theme Name: CLZ
 Theme URI: 
 Description: A child theme for the Kadence theme
 Author: Jenn Armour
 Author URI: 
 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: #001329;
}
 


/* 
  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;
  }
  


  
.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;
  }
  


  /*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;
}

/* Logo Customization */
.login h1 a {
    background-image: url('https://yourwebsite.com/path-to-your-logo.png'); /* Update with your logo URL */
    background-size: contain;
    width: 300px;
    height: 80px;
}


/* 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 */
}


/* === CLZ — Dashboard Nav Active State (Azure icon + text only) === */
.clz-dashboard-nav .kb-nav-link-content.active {
  background-color: #001329 !important; /* Keep Midnight tile */
}

/* Remove any background behind the icon */
.clz-dashboard-nav .kb-nav-link-content.active .link-media-container {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
}

/* Icon Azure */
.clz-dashboard-nav .kb-nav-link-content.active .link-svg-icon,
.clz-dashboard-nav .kb-nav-link-content.active .link-svg-icon * {
  color: #4AACEB !important;
}

/* Text Azure */
.clz-dashboard-nav .kb-nav-link-content.active .kb-nav-link-label {
  color: #4AACEB !important;
  font-weight: 600; /* optional, for a little more emphasis */
}






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


.gfield_required .gfield_required_text {
    color: #001329 !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: #001329; /* Red color for the trigger text and arrow */
    cursor: pointer; /* Ensures it looks clickable */
}

.wp-block-details summary::marker {
    color: #001329; /* 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 */
}
.kt-row-column-wrap.kt-has-2-columns.kt-row-layout-equal {
    padding-top: 0 !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: #001329;
    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: #001329; /* 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: #001329; /* 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: #001329;
}
.gform_button.button {
    background-color: #001329 !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 */
    }
}