/* Extra css file for personal jemdoc customizations. */
/* Copyright (C) Jacob Mattingley 2007. */





a, a > tt {
	color: #305080;
}
a:hover {
	border-bottom: 1px #305080 dotted;
}

div#toptitle {
	margin-bottom: 1.3em;
	border-bottom: 1px solid #c0c0c0;
}

div#alter_title {
	margin-top: -0.7em;
	font-size: 150%;
	font-weight: normal;
	color: #203060;
}

div#links_title {
	margin-top: -0.7em;
	font-size: 110%;
	font-weight: normal;
}

div#subtitle {
	margin-top: -0.7em;
	font-size: 130%;
	font-weight: normal;
	color: #707070;
}

h1, h2, h3, #layout-menu a.current:link, #layout-menu a.current:visited {
	color: #203060;
}


div#footer-text {
	padding-bottom: 0;
}

div.blocktitle {
	color: #203070;
}

div.blockcontent {
	border: 1px solid #c0c0c0;
}

div#footer-text {
	font-size: 8pt;
    padding-bottom: 8px;
}


/* Make menu buttons larger on mobile devices */
@media (max-width: 768px) {
    #layout-menu a {
        display: block;
        padding: 15px 20px;      /* Larger padding for touch-friendly buttons */
        font-size: 1.2em;        /* Larger font for readability */
        margin: 5px 0;           /* Spacing between buttons */
        background-color: #fafafa; /* Light background for better visibility */
        color: #305080;          /* Button text color */
        text-align: center;      /* Center-align text */
        text-decoration: none;   /* Remove underline */
        border: 1px solid #dddddd; /* Optional border for button shape */
        border-radius: 5px;      /* Rounded corners for a modern look */
        transition: background-color 0.3s; /* Smooth highlight transition */
    }

    /* Highlight effect on hover and active state */
    #layout-menu a:hover,
    #layout-menu a:focus {
        background-color: #e0e0e0; /* Slightly darker background on hover */
        color: #203060;            /* Darker text color for emphasis */
    }
}

/* Style adjustments for smaller screens, such as phones */
@media (max-width: 480px) {
    #layout-menu a {
        display: block;
        padding: 15px 20px;      /* Larger padding for touch-friendly buttons */
        font-size: 1.2em;        /* Larger font for readability */
        margin: 5px 0;           /* Spacing between buttons */
        background-color: #fafafa; /* Light background for better visibility */
        color: #305080;          /* Button text color */
        text-align: center;      /* Center-align text */
        text-decoration: none;   /* Remove underline */
        border: 1px solid #dddddd; /* Optional border for button shape */
        border-radius: 5px;      /* Rounded corners for a modern look */
        transition: background-color 0.3s; /* Smooth highlight transition */
    }

    /* Highlight effect on hover and active state */
    #layout-menu a:hover,
    #layout-menu a:focus {
        background-color: #e0e0e0; /* Slightly darker background on hover */
        color: #203060;            /* Darker text color for emphasis */
    }
}