/****
 * 
 * Modification of CSS by Brian
 * 
****/

/* changes to the menu appearance */
#main-menu ul.sub-menu {
  border-width: 2px;
  border-color: #000000;
  border-style: none;
  top: 39px;
}
#main-menu ul.sub-menu li {
  background-color: #000000;
  border-width: 1px;
  border-color: #ffffff;
  border-style: solid;
}

#main-menu ul.sub-menu li a {
  padding: 10px;
  color: #ffffff;
}

#main-menu ul.sub-menu li a:hover {
  padding: 10px;
  background-image: none;
  color: #ff4162;
}

#main-menu ul.sub-menu li a:active {
  color: #ff4162;
}

#main-menu ul.sub-menu li a:focus {
  color: #ff4162;
}

/* Reposition second level menu items. */

#main-menu ul.sub-menu li.menu-item ul {
	top: 3px;
	left: 205px;
}

/* change the size of the page title */
h1.post-title {
  font-size: 22pt;
}

.mt-5,
.my-5 {
  margin-top: 1rem !important;
}

.menu-toggle {
  font-size: 14pt;
  background-image: none;
  color: #ffffff;
  background-color: #000000;
  border-width: 2px;
  border-style: solid;
  border-color: #ffffff;
}

/* change the appearance of a tablepress title */
.tablepress>:where(thead,tfoot)>*>th {
  background-color: black;
  color: white;
}

h2.tablepress-table-name {
  font-size: 18pt;
}

/* button appearances */
button.close-menu {
  font-size: 14pt;
  background-image: none;
  color: #ffffff;
  background-color: #000000;
  border-width: 2px;
  border-style: solid;
  border-color: #ffffff;
}

/* list style for category list pages */
ul.lcp_catlist {
  list-style: square outside;
}

ul.lcp_catlist li a {
  color: #000000;
}

/* Remove tags from the bottom of posts
.post-meta-bottom .post-tags {
  display: none;
}
*/

div.post-tags {
  display: none;
}

/****
 * increase the size of the tagine on the header
 * 
****/
.logo span {
		font-size: 20pt;
		font-weight: bold;
		line-height: 22pt;
}

/****
 * Change form instructions to red text
 ****/
div.pm-field-input p {
		color: red;
}

/****
 * Change the CM Downloads download button
 ****/
a.cmdm-download-button {
		background: none;
    background-color: black;
		color: white;
		height: 35px;
		width: 125px;
		line-height: 33px;
}

/****
 * Modify the blockquote to add a line on the left border
 ****/
blockquote {
    border-left: 6px;
    border-left-style: solid;
		margin-left: 25px;
    padding-left: 10px;
}

/****
 * formatting for the custom user list in functions.php
 ****/
/* Style for the custom user pagination container */
.custom-user-pagination ul.page-numbers {
    list-style: none; /* Removes bullet points */
    margin: 0;
    padding: 0;
    display: flex; /* Uses Flexbox for easy horizontal alignment */
    justify-content: center; /* Centers the pagination links */
    gap: 5px; /* Adds a small space between numbers */
}

/* Style for individual list items */
.custom-user-pagination ul.page-numbers li {
    display: inline-block; /* Makes list items sit side-by-side */
    margin: 0;
    padding: 0;
}

/* Optional: Add basic styling for the links/spans themselves */
.custom-user-pagination .page-numbers a, 
.custom-user-pagination .page-numbers span {
    padding: 5px 10px;
    border: 1px solid #ccc;
    text-decoration: none;
    background-color: #f9f9f9;
    color: #333;
    border-radius: 4px;
}

.custom-user-pagination .page-numbers .current {
    background-color: #0073aa; /* Current page background color */
    color: white;
    border-color: #0073aa;
}

/* Style for pagination buttons that are not functional on the current page */
.custom-user-pagination .disabled-button a {
    pointer-events: none; /* Prevents clicks */
    opacity: 0.5;         /* Visually dims the button */
    cursor: default;      /* Changes cursor back to default pointer */
}

/* Optional: Ensure all LI items display inline (horizontal layout) */
.custom-user-pagination ul.page-numbers li {
    display: inline-block;
    margin: 0 2px;
}