.elementor-1592 .elementor-element.elementor-element-d9d3913{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1592 .elementor-element.elementor-element-7c29410{--display:flex;--overlay-opacity:0.53;--overlay-mix-blend-mode:color-dodge;--border-radius:24px 24px 24px 24px;--padding-top:120px;--padding-bottom:40px;--padding-left:50px;--padding-right:50px;}.elementor-1592 .elementor-element.elementor-element-7c29410::before, .elementor-1592 .elementor-element.elementor-element-7c29410 > .elementor-background-video-container::before, .elementor-1592 .elementor-element.elementor-element-7c29410 > .e-con-inner > .elementor-background-video-container::before, .elementor-1592 .elementor-element.elementor-element-7c29410 > .elementor-background-slideshow::before, .elementor-1592 .elementor-element.elementor-element-7c29410 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1592 .elementor-element.elementor-element-7c29410 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://atfundedstg.wpenginepowered.com/wp-content/uploads/2024/09/16351.jpg");--background-overlay:'';background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Arial, Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1592 .elementor-element.elementor-element-04cc514 > .elementor-widget-container{margin:0px 0px 3px 0px;}.elementor-1592 .elementor-element.elementor-element-04cc514{text-align:center;}.elementor-1592 .elementor-element.elementor-element-04cc514 .elementor-heading-title{font-family:var( --e-global-typography-35110f9-font-family ), Arial, Sans-serif;font-size:var( --e-global-typography-35110f9-font-size );font-weight:var( --e-global-typography-35110f9-font-weight );text-transform:var( --e-global-typography-35110f9-text-transform );color:var( --e-global-color-56da287 );}.elementor-1592 .elementor-element.elementor-element-189b8cd{width:var( --container-widget-width, 450px );max-width:450px;--container-widget-width:450px;--container-widget-flex-grow:0;}.elementor-1592 .elementor-element.elementor-element-189b8cd > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1592 .elementor-element.elementor-element-189b8cd.elementor-element{--align-self:center;}.elementor-1592 .elementor-element.elementor-element-f368ca4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Arial, Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Arial, Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Arial, Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-1592 .elementor-element.elementor-element-da669f8{--grid-columns:1;}@media(min-width:768px){.elementor-1592 .elementor-element.elementor-element-d9d3913{--content-width:1466px;}.elementor-1592 .elementor-element.elementor-element-f368ca4{--content-width:833px;}}@media(min-width:1025px){.elementor-1592 .elementor-element.elementor-element-7c29410::before, .elementor-1592 .elementor-element.elementor-element-7c29410 > .elementor-background-video-container::before, .elementor-1592 .elementor-element.elementor-element-7c29410 > .e-con-inner > .elementor-background-video-container::before, .elementor-1592 .elementor-element.elementor-element-7c29410 > .elementor-background-slideshow::before, .elementor-1592 .elementor-element.elementor-element-7c29410 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1592 .elementor-element.elementor-element-7c29410 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-attachment:scroll;}}@media(max-width:1024px){.elementor-1592 .elementor-element.elementor-element-04cc514 .elementor-heading-title{font-size:var( --e-global-typography-35110f9-font-size );}.elementor-1592 .elementor-element.elementor-element-da669f8{--grid-columns:2;}}@media(max-width:767px){.elementor-1592 .elementor-element.elementor-element-04cc514 .elementor-heading-title{font-size:var( --e-global-typography-35110f9-font-size );}.elementor-1592 .elementor-element.elementor-element-da669f8{--grid-columns:1;}}/* Start custom CSS for shortcode, class: .elementor-element-189b8cd */#search-input{ 
background: rgba(255, 255, 255, 0.02);
box-shadow: 0px 0px 26.6px 5px #F2672A;
backdrop-filter: blur(68.9px);
border-radius: 100px;
    padding: 20px 24px 20px 24px;
    border-radius: 8px 8px 8px 8px; 
    width:100%;
    color: white !important;
    font-family: "gotham";
    font-weight: 300;
    font-size: 16px;
   
}/* End custom CSS */
/* Start custom CSS */.e-loop-item {
    border-radius: 22px; /* Make corners rounded for the glow to look good */
    transition: box-shadow 0.4s ease-in-out;
}

/* 2. Make the header section clickable */
.e-loop-item > .e-con:first-of-type {
    cursor: pointer;
}

/* 3. Hide the content container by default */
.e-loop-item .display_texts_rule {
    display: none;
    padding: 15px 10px 0 10px; /* Added some padding */
}

/* 4. Default arrow state (pointing DOWN) */
.e-loop-item > .e-con:first-of-type .arrow_more img {
    transform: rotate(90deg); /* Rotate the arrow to point down */
    transition: transform 0.4s ease-in-out;
}

/* 5. Open arrow state (pointing UP) */
.e-loop-item.rule-open > .e-con:first-of-type .arrow_more img {
    transform: rotate(-90deg); /* Rotate the arrow to point up */
}

/* 6. Glow effect for the OPEN item ✨ */
.e-loop-item.rule-open {
    /* Format: h-offset | v-offset | blur | spread | color */
    box-shadow: 0 0 20px 6px rgba(45, 156, 255, 0.3); 
}



#rules-search-input {
    /* Your provided styles for the glass effect */
    background: rgba(255, 255, 255, 0.02);
    backdrop-filter: blur(68.9px);
    -webkit-backdrop-filter: blur(68.9px); /* For Safari compatibility */
    
    /* Your font and color styles */
    color: white !important;
    font-family: "gotham", sans-serif; /* Added a fallback font */
    font-weight: 300;
    font-size: 16px;
    
    /* Layout and sizing */
    width: 100%;
    max-width: 500px; /* You can adjust this if needed */
    margin: 20px auto 40px auto;
    padding: 20px 24px;
    border-radius: 8px;
    
    /* Setting the default glow effect */
    box-shadow: 0px 0px 26.6px 5px #F2672A;
    border: 1px solid transparent; /* Prevents layout shift on focus */

    /* Smooth transition for the focus effect */
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

/* Styling for the placeholder text to make it visible */
#rules-search-input::placeholder {
    color: rgba(255, 255, 255, 0.7);
    opacity: 1; /* Ensures placeholder is not faded in some browsers */
}

/* Enhanced glow effect when the search bar is active/focused */
#rules-search-input:focus {
    border-color: rgba(242, 103, 42, 0.8); /* Adds a subtle, solid border color on focus */
    box-shadow: 0px 0px 30px 8px #F2672A;  /* Makes the glow slightly larger and more intense */
    outline: none; /* Removes the default browser outline */
}
/* ✨ New "blurred" highlight style */
.search-highlight {
    color: inherit; /* Use the original text color */
    background-color: transparent;
    /* This gradient creates the soft, blurred effect */
    background-image: radial-gradient(circle at center, rgba(42, 103, 43, 1) 30%, rgba(42, 103, 43, 0) 80%);
    background-size: 180% 180%;
    background-position: center;
    border-radius: 5px;
    padding: 0 2px;
}

details summary {
    cursor: pointer;
}

/* --- Dark Glass Effect Table Style --- */

/* 1. The main glass container */
figure.wp-block-table {
    /* The glass effect using a semi-transparent dark blue */
    background: rgba(10, 25, 47, 0.75) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important; /* For Safari browsers */
    
    /* A subtle white border to define the glass edge */
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    
    /* Rounded corners and a subtle shadow to lift it off the page */
    border-radius: 12px !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.3) !important;
    
    padding: 10px !important; /* Adds some space inside the glass pane */
    margin: 2em 0 !important;
    overflow: hidden; /* Hide anything that spills out */
}

/* 2. Make the table itself transparent to see the glass behind it */
figure.wp-block-table table {
    width: 100% !important;
    border-collapse: collapse !important;
    background-color: transparent !important;
}

/* 3. Style for all cells */
figure.wp-block-table td,
figure.wp-block-table th {
    color: #FFFFFF !important;
    padding: 16px !important;
    text-align: center !important;
    background-color: transparent !important;
    
    /* Use subtle lines between rows instead of full cell borders */
    border: none !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}

/* 4. Remove the bottom border from the last row for a clean look */
figure.wp-block-table table tr:last-child td {
    border-bottom: none !important;
}

/* 5. Header row highlight */
figure.wp-block-table table tbody tr:first-child {
    font-size: 1.1em !important;
    /* Give the header a subtle highlight overlay */
    background: rgba(255, 255, 255, 0.07) !important;
}

/* 6. Hover effect for data rows */
figure.wp-block-table tbody tr:not(:first-child):hover {
    background-color: rgba(255, 255, 255, 0.1) !important;
    transition: background-color 0.2s ease-in-out !important;
}/* End custom CSS */