/* Makes the header container transparent */
.header-container {
  background: transparent;
}

/* Semi-transparent layer at top of site, using UF Blue with slight opacity for depth */
.site-header {
  background: rgba(0, 33, 165, 0.4); /* UF Blue (#0021A5) with 40% opacity */
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;
}

/* Highlight Page Numbers, using UF Orange for active state */
.pagination-current {
  font-weight: normal;
  background-color: #FA4616; /* UF Orange */
  color: white;
  font-size: 14px;
  border-radius: 0.2em;
  box-shadow: 3px 3px 3px gray;
}

/* Pagination number links, hover state uses UF Blue */
a.pagination-number {
  font-size: 14px;
  border-radius: 0.2em;
}

a.pagination-number:hover {
  background-color: #0021A5; /* UF Blue */
  color: white;
  box-shadow: 3px 3px 3px gray;
}

/* Input Page Number Box Style, using UF Orange for border */
.pagination input {
  width: 3.5em;
  height: 2em;
  border-width: 0.1em;
  border-radius: 5px;
  background: transparent;
  border: solid;
  border-color: #FA4616; /* UF Orange */
  padding: 0.2em;
  font-size: 14px;
  text-align: center;
}

/* Hover and focus states for input, using a light orange tint for contrast */
.pagination input:hover {
  background-color: #FFF5F0; /* Light orange-tinted background */
  box-shadow: 3px 3px 3px gray;
}

.pagination input:focus {
  background-color: #FFF5F0; /* Light orange-tinted background */
  box-shadow: 3px 3px 3px gray;
}

/* H3 Links Hover */
LI.tabContainerSection-tab:hover,
p a:hover,
span a:hover {
  position: relative;
  top: 2px;
}

/* H3 Titles of posts on hover, using UF Orange for emphasis */
h3.entry-title > a:hover {
  color: #FA4616 !important; /* UF Orange */
}

/* Makes the header container transparent */
.header-container {
  background: transparent;
}

/* Semi-transparent layer at top of site, using UF Blue with slight opacity for depth */
.site-header {
  background: rgba(0, 33, 165, 0.4); /* UF Blue (#0021A5) with 40% opacity */
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;
}

/* Highlight Page Numbers, using UF Orange for active state */
.pagination-current {
  font-weight: normal;
  background-color: #FA4616; /* UF Orange */
  color: white;
  font-size: 14px;
  border-radius: 0.2em;
  box-shadow: 3px 3px 3px gray;
}

/* Pagination number links, hover state uses UF Blue */
a.pagination-number {
  font-size: 14px;
  border-radius: 0.2em;
}

a.pagination-number:hover {
  background-color: #0021A5; /* UF Blue */
  color: white;
  box-shadow: 3px 3px 3px gray;
}

/* Input Page Number Box Style, using UF Orange for border */
.pagination input {
  width: 3.5em;
  height: 2em;
  border-width: 0.1em;
  border-radius: 5px;
  background: transparent;
  border: solid;
  border-color: #FA4616; /* UF Orange */
  padding: 0.2em;
  font-size: 14px;
  text-align: center;
}

/* Hover and focus states for input, using a light orange tint for contrast */
.pagination input:hover {
  background-color: #FFF5F0; /* Light orange-tinted background */
  box-shadow: 3px 3px 3px gray;
}

.pagination input:focus {
  background-color: #FFF5F0; /* Light orange-tinted background */
  box-shadow: 3px 3px 3px gray;
}

/* H3 Links Hover */
LI.tabContainerSection-tab:hover,
p a:hover,
span a:hover {
  position: relative;
  top: 2px;
}

/* H3 Titles of posts on hover, using UF Orange for emphasis */
h3.entry-title > a:hover {
  color: #FA4616 !important; /* UF Orange */
}