/*
Welcome to Custom CSS!

CSS (Cascading Style Sheets) is a kind of code that tells the browser how to render a web page. You may delete these comments and get started with your customizations.

By default, your stylesheet will be loaded after the theme stylesheets, which means that your rules can take precedence and override the theme CSS rules. Just write here what you want to change, you don't need to copy all your theme's stylesheet content.
*/
/* Adding the CUPEFont */
@font-face {
	font-family: cupe2012;
	src: url("/wp-content/fonts/1557622/d4930540-9981-48d6-848c-30f8654507a1.eot?#iefix");
	src: url("/wp-content/fonts/1557622/d4930540-9981-48d6-848c-30f8654507a1.eot?#iefix") format("eot"), url("/wp-content/fonts/1557622/5f04d5ef-1177-417b-ba37-ecca14afc51d.woff2") format("woff2"), url("/wp-content/fonts/1557622/996ac1fc-f526-430f-a89a-bd3e3fdda841.woff") format("woff"), url("/wp-content/fonts/1557622/e008e032-098d-4973-89b5-f4822682b18e.ttf") format("truetype");
}

body {
	font-weight: 500;
}

h3 {
	font-weight: 600;
}

h4 {
	font-weight: 700;
}

table caption {
	font-weight: 600;
}

.main-title {
	font-family: cupe2012, Verdana, Arial, Helvetica, sans-serif;
	font-style: italic;
}

/* Adding an over-ride for the Mailchimp subscribe button spacing.  */
#ns_widget_mailchimp_form-2 input.button {
	margin-top: 10px;
}

#ns_widget_mailchimp_form-2 label input {
	display: block;
}

/*line spacing for rss feed between links */
.widget_rss ul li .rsswidget {
	line-height: 20px;
	display: block;
	margin: 15px 0 0;
}

/* Ensure all inline hyperlinks are underlined for those with vision impairments */
div.entry-content a {
	text-decoration: underline;
}

/* but not the headings. */
div.entry-content h2 a,
div.entry-content h3 a {
	text-decoration: none;
}

/* To center anything without using inline styling */
.text-center {
	text-align: center;
}

/* For tables where you want all text centered */
.text-center th,
.text-center td,
.text-center caption {
	text-align: center;
}

/* To make things small */
small, .small {
	font-size: .75em;
}

/* To make the alternating table rows striped to help with focus */
table.striped>tbody>tr:nth-of-type(odd) {
	background-color: #f9f9f9;
}

table.striped>thead>tr:nth-of-type(odd) {
	background-color: #EDEDED;
}

/* Floating things */
.float-left {
	float: left;
}

.float-right {
	float: right;
}

/* To help people focus on their own pay level */
td:hover {
	background-color: #F4DDE9;
}

/* So the browser treats whatever's in the summary tag as a hyperlink */
details summary {
	text-decoration: underline;
	cursor: pointer;
}

figure.border {
	border: 1pt solid lightgray;
	padding: .25em;
}

figure.border figcaption {
	text-align: center;
}

details {
	margin-bottom: 1em;
}

details div {
	margin-left: 1em;
	padding-top: 1em;
}

table td {
	font-weight: 500;
}

details table {
	background-color: #ffffff;
	font-size: 80%;
	height: 100%;
	margin-top: .5em;
	overflow-y: scroll;
	width: 100%;
}

details table caption {
	background-color: #ffffff;
}

/* Holiday announcement box */
div.holiday-2024 {
	background-color: lightgreen;
	color: #000000;
	margin-left: 1em;
	margin-top: 1em;
	border: 1pt solid lightgray;
	padding: 1.5em 1em 0;
}

div.holiday-2024 figure figcaption {
	font-size: 80%;
	text-align: center;
}

.main-navigation ul ul {
	width: auto;
	white-space: nowrap;
}

ol.paragraph li,
ul.paragraph li,
dl.paragraph dd {
	margin-bottom: .75em;
}

ol.paragraph ol,
ol.paragraph ul,
ul.paragraph ul,
ul.paragraph ol,
dl.paragraph dl,
dl.paragraph ol,
dl.paragraph ul {
	margin-top: .85em;
}

article.list {
	column-width: 175px;
	padding-top: 1em;
}

article.wide-list {
	column-width: 180px;
	padding-top: 1em;
}

ol.no-bullet li,
ul.no-bullet li {
	list-style-type: none;
}

.note {
	background-color: whitesmoke;
	border: 1pt solid lightgray;
	margin-bottom: 1em;
	padding: 1em;
}

.icons8 {
	background-image: url(https://goodies.icons8.com/web/common/header/logo/logo-icons8.svg);
	background-position: right center;
	background-repeat: no-repeat;
	background-size: 10px;
	display: block;
	padding: 0 3em 0 0;
}

.email {
	background-image: url(https://img.icons8.com/fluency/100/filled-message.png);
	background-position: .5em .75em;
	background-repeat: no-repeat;
	background-size: 50px;
	display: block;
	margin: -.5em .75em 1.5em .1em;
	padding: 1.75em 1em .75em 4.5em;
}

.form {
	background-image: url(https://img.icons8.com/color/480/google-forms.png);
	background-position: .5em 1em;
	background-repeat: no-repeat;
	background-size: 50px;
	display: block;
	margin: -.5em .75em 1.5em .1em;
	padding: 2em 1em 2em 4em;
}

.pdf {
	background-image: url(https://img.icons8.com/external-fauzidea-flat-fauzidea/100/external-pdf-file-file-extension-fauzidea-flat-fauzidea.png);
	background-position: .5em 1em;
	background-repeat: no-repeat;
	background-size: 50px;
	display: block;
	margin: -.5em .75em 1.5em .1em;
	padding: 2em 1em .75em 4em;
}