/* contractorexam/css/breadcrumbs.css */

.breadcrumbs ol {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin: 0;
  padding: 0;
}
.breadcrumbs { color: #fff; font-family: 'Open Sans', Arial, sans-serif;} 
.breadcrumbs li + li::before {
  content: ">>";
  margin: 0 0.3rem;
  color: #fff;  /* white */
}
.breadcrumbs a { color: inherit; background: transparent; } 
.breadcrumbs a {text-decoration: none;}
.breadcrumbs a:hover {text-decoration: underline;}

/* Media Breakpoints */
/* Base size (applies under 360px automatically) */
.breadcrumbs { font-size:8pt; }

/* between 360 and 520 */
@media screen and (min-width: 360px){
.breadcrumbs{ font-size:9pt; }
}
/* between 520 and 670 */
@media screen and (min-width: 520px){
.breadcrumbs{ font-size: 10pt; }
}
/* between 670 and 860 */
@media screen and (min-width: 670px){
.breadcrumbs{font-size:11pt; }
}
/* between 860 and 1160 */
@media screen and (min-width: 860px){
.breadcrumbs{ font-size: 11pt; }
}
/* between 1160 and 1440 */
@media screen and (min-width: 1160px) {
.breadcrumbs{ font-size:12pt; }
}
/* greater than 1440 */
@media screen and (min-width: 1440px) {
.breadcrumbs{ font-size: 14pt; }
}