.art-number {
    font-family: "Century Gothic", Sans-serif;
    font-size: 12px;
    font-weight: 400;
    font-style: normal;
    fill: rgb(88,124,152, 0.4);
    fill: rgb(88,124,152, 0.4);
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    fill: rgb(88,124,152, 0.4);
    border-radius: 5px 5px 5px 5px;
    padding: 2px 4px 2px 4px;
    margin-right: 8px;
    line-height: 1; /* Simplified line-height to prevent extra space */
    white-space: nowrap; /* Prevents the text within from wrapping */
    flex-shrink: 0; /* Prevents the element from shrinking */
    min-width: 45px;
}

.article-list-actual,.recital-number-list {
    font-family: "Century Gothic", Sans-serif;
    font-size: 18px;
    font-weight: 400;
    font-style: normal;
}
.regulation-list li, .article-list-actual > li, .recital-number-list > li, .recital-list > li {
    list-style: none;
}
ul.regulation-list, ul.article-list-actual {
    margin-top:0;
}
.regulation-list, .article-list, .article-list-actual, .recital-number-list {
    padding:5px 0px 0px 0px;
}
.regulation-list a, .recital-number-list a, .article-list-actual a {
    color: var( --e-global-color-primary ) !important;
}
.article-list li, .recital-number-list li {
    padding:5px 5px 5px 10px;
}
.article-title {
    display: flex;
    align-items: start; /* Vertically centers items */
    flex-wrap: nowrap;           /* Prevents items from wrapping to the next line */
}
.art-name {
    font-size: 16px;
}
.regulation-item, .article-item, .recital-item {
    padding:0px 0px 5px 0px;
}
.article-text, .recital-text {
    font-family: "URW Garamont Pro", Sans-serif;
    line-height: 1.5;
}
.article-text ol ol,.recital-text ol ol {
    list-style-type: lower-alpha;
}
.article-text ol ol ol,.recital-text ol ol ol {
    list-style-type: lower-roman;
}
/* Hide the article list by default */
.regulation-list .article-list, .article-list-actual .article-text, .recital-number-list .recitals-text {
    display: none;
    overflow: hidden;
    transition: max-height 0.5s ease-out;
}
.regulation-list .active > .article-list, .article-list-actual .active > .article-text {
    display: block; /* or your desired display property */
    /* Optionally, add other styles to enhance visibility */
}

/* Style the parent link to use flexbox for alignment */
.regulation-item > a, .article-item  > a, .recital-item > a, .recitals-container > a {
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative; /* Ensure positioning context for ::after */
    padding: 10px; /* Adjust padding as needed for spacing */
    min-height: 40px; /* Ensure consistent height across all items */
    text-decoration: none; /* Optional: Remove underline from links */
    color: inherit; /* Optional: Inherit text color */
    border-radius: 5px;
    font-size:18px;
}
.recitals-container > a {
    width:fit-content;
    margin:10px;
    font-size:16px;
}
.regulation-item.active a, .article-item.active a, .recital-item.active a {
    background-color:#EEE4D5;
}
.regulation-item > a:hover, .article-item > a:hover, .recital-item > a:hover {
    background-color:#EEE4D5;
}
.regulation-item.active li.article:hover, .article-item.active li.article:hover {
    background-color:#F9F3E9;
}
.article-item .article-toggle, .recital-item .recitals-toggle {
    background-color: #F3EBDF;
}
.recitals-toggle, .recital-toggle-inner {
    font-family: "Century Gothic";
}
li.article {
    border-radius: 5px;
}
li.article.active {
    background-color:#F9F3E9;
}
/* Add an SVG indicator for the dropdown */
.regulation-item > a::after, .article-item > a::after, .recital-item a::after, .recitals-container a::after {
    content: '';
    display: inline-block;
    flex-shrink: 0; /* Prevent the icon from shrinking */
    width: 24px; /* Fixed width for consistency */
    height: 24px; /* Fixed height for consistency */
    background-image: url('/wp-content/uploads/2024/10/rightarrow-1.svg');
    background-size: contain; /* Ensure the SVG scales within the set dimensions */
    background-repeat: no-repeat;
    background-position: center;
    margin-left: 10px;
    transition: transform 0.3s ease;
}

/* Rotate the SVG when active */
.regulation-item.active > a::after, .article-item.active > a::after, .recital-item.active > a::after, .recitals-container.active > a::after  {
    transform: rotate(90deg); /* Rotates the SVG 180 degrees */
}
.outlink-cta:hover {
    cursor: pointer;
}
.recitals-container {
    display:flex;
}
.associated-article-items-inner {
    flex-direction: row;
    display: flex;
}
@media (min-width: 1366px) {
    .main-menu .e-n-menu-content > div > div.e-con-inner {
        align-self:center;
    }
    .main-menu .e-n-menu-content > div  {
        margin-left:85px;
    }
}
.e-search-submit:hover{
    cursor:pointer;
}
.recitals-link {
    font-family:var( --e-global-typography-primary-font-family ), Sans-serif;
    font-size:var( --e-global-typography-primary-font-size );
    color:var( --e-global-color-primary ) !important;
}