/*
 Theme Name:   Twenty Twenty-Four Child
 Template:     twentytwentyfour
 Description:  A custom child theme for Twenty Twenty-Four
 Version:      1.0.0
 Author:       Your Name
 Author URI:   https://yourwebsite.com
 Text Domain:  twentytwentyfour_child
*/

/* =Theme customization starts here ————————————————————– */
/* Add your custom CSS below this line */

body {
   }

a {
    color: blue; /* Example: Change the color of H1 links */
}

h3 {
	/* Sub-headers (also used as post headers, but defined later) */
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	border-bottom: 1px solid #CCCCCC;
	margin-bottom: 3px;
	padding-bottom: 2px;
	font-size: 1.15em;
	color: #00008B;
	margin-top: 10px;
}

h3 {
	/* Sub-headers (also used as post headers, but defined later) */
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	border-bottom: 1px solid #CCCCCC;
	margin-bottom: 3px;
	padding-bottom: 2px;
	font-size: 1.15em;
	color: #00008B;
	margin-top: 10px;
}

p {
    color: black;
}

/* Add a dot after each menu item except the last one */
.wp-block-navigation-item:not(:last-child)::after {
	content: "\25CF";   /* type of dot */
	position: absolute;
	right: -13px;
	top: 5px;
	font-size: 6px;
}

/* Change color and font size for all top-level menu items */
.wp-block-navigation .wp-block-navigation-item__content {
    color: blue;
    font-size: 13px; /* Your desired font size */
    text-decoration: none;
    font-weight: 500;
}

/* Change color on hover */
.wp-block-navigation .wp-block-navigation-item__content:hover {
    color: red;
}