body {
	font-family: 'Heebo', sans-serif
}

:focus-visible {
	-webkit-box-shadow: none;
	box-shadow: none;
	outline: 3px solid rgba(38,143,255,.5);
	text-decoration: none
}

a.btn,a.btn:focus {
	text-decoration: none !important
}

hr{
	margin: 3rem 0 !important;
	border-color: #e6e6e6
}

.skip-nav {
	background-color: #005b88;
	color: #fff;
	transform: translateY(-100%);
	z-index: 10000;
	text-align: center;
	padding: 8px 0;
	width: 100%;
	display: block;
	font-size: 14px;
	position: absolute;
	text-decoration: none !important;
	font-weight: 500
}

.main-content ul,.main-content ol {
	margin: 15px 0;
	line-height: 1.5
}

.main-content li {
	margin-bottom: 10px
}

.skip-nav:focus{
	position: relative;
	display: inline-block;
	transform: translateY(0%)
}

.skip-nav i{
	font-size: 14px;
	font-weight: 500;
	display: block
}

a.skip-nav:hover {
	color: #fff
}

.bounce {
	-moz-animation: bounce 3s infinite;
	-webkit-animation: bounce 3s infinite;
	animation: bounce 3s infinite
}

@keyframes bounce {
	0%, 20%, 50%, 80%, 100% {
	transform: translateY(0)
	}

	40% {
	transform: translateY(-2px)
	}

	60% {
	transform: translateY(-1px)
	}

}

.fade-in-down {
	animation: fade-in-down 1s ease infinite
}

@keyframes fade-in-down {
	0% {
	opacity: 0;
	transform: translateY(-20px)
	}

	100% {
	opacity: 1;
	transform: translateY(0)
	}

}

a {
	color: #005897;
	font-weight: 500
}

.table thead th{
	background-color: #3f3f3f;
	color: #fff
}

table {
	font-size: .95rem
}

.modal h2 {
	margin: 0 !important
}

.home-alerts {
	font-size: 14px;
	background-color: #ecf4fa;
	padding: 8px 0;
	color: #0c5460
}

.home-alerts p {
	margin: 0;
	line-height: 1.4em;
	font-weight: 500
}

.alert.alert-danger .fa, .alert.alert-danger b {
	color: #721c24
}

.alert.alert-danger {
	background-color: #f8d7da;
	border-color: #f5c6cb
}

.video-wrapper {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 0;
	overflow: hidden
}

.video-wrapper iframe, .video-wrapper object, .video-wrapper embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

/*******************************Articulate Presentations ***********************/
body.eligibility aside.overview {
	display: block
}

.card {
	border: 1px solid #ddd
}

.card.hovercard {
	text-align: center;
	padding-bottom: 15px;
	border-radius: 0
}

.card.hovercard .info {
	padding: 10px
}

.card.hovercard .info .title {
	margin: 10px 0;
	font-size: 1.1rem;
	line-height: 1.2em;
	color: #333;
	font-weight: 600
}

/**********************************End Articulate Card*******************************/
.employer-tab {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 3px;
	text-align: center;
	background-color: #fcce01;
	height: 35px;
	color: #fcce01;
	width: 100px;
	display: inline-block;
	padding: 7px;
	margin-top: -7px
}

.btn-link {
	padding-inline-start: 0
}

figure img {
	max-height: 400px
}

figure figcaption {
	text-align: center;
	margin-bottom: 15px
}

figure .btn-primary {
	color: #fff;
	margin: 15px 0
}

.header .navbar-nav {
	display: flex;
	align-items: center;
	justify-content: end
}

.brownbg {
	background: #443b31;
	border-bottom: 30px solid #94B6D2
}

#header.slideDown,#header.slideUp{
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	z-index: 2
}

#header.headroom--not-top .brownbg {
	border-bottom: 4px solid #94B6D2;
	box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .1) !important;
	background: #443b31;
	height: 70px
}

#header.headroom--not-top .brownbg img{
	height: 50px
}

#header.headroom--not-top .brownbg span.icons{
	font-size: .95rem
}

#header,.brownbg img,.brownbg span,.brownbg {
	transition: .3s
}

.navbar-brand>img {
	margin-inline-end: 10px;
	height: 60px
}

.navbar-brand .icons-logo {
	margin: 0;
	font-weight: 700;
	font-size: 1.4rem
}

.navbar-brand {
	display: flex;
	justify-content: start;
	align-items: center;
	padding: 0
}

.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
	color: #fff;
	background-color: transparent
}

.fa-file-pdf {
	color: #b30b00;
	font-weight: 300
}

.disclaimer {
	font-size: 11px;
	line-height: 20px
}

h1, h2, h3, h4 {
	font-family: "Roboto", sans-serif;
	font-style: normal
}

h1 {
	font-size: 2.6rem;
	font-weight: 700;
	margin: 0
}

h2 {
	font-size: 1.5rem;
	font-weight: 700;
	margin: 2em 0 .5em;
	font-weight: 700
}

h3 {
	font-size: 1.25rem;
	margin: 2em 0 .5em;
	font-weight: 700
}

caption {
	margin: 0 0 5px;
	color: #333;
	font-weight: bold;
	font-size: 16px
}

.main-img {
	position: relative;
	max-height: 300px
}

.jumbotron {
	min-height: 280px;
	color: white;
	background-size: cover ! Important;
	padding: 0;
	background-position: 0% 25%;
	background-repeat: no-repeat;
	margin: 0;
	border-radius: 0
}

.banner-overlay {
	background-color: rgba(0, 0, 0, .4);
	height: 100%;
	display: flex;
	justify-content: start;
	align-items: flex-end;
	box-sizing: border-box;
	box-shadow: inset 0 0 150px 20px rgba(0, 0, 0, .8);
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0
}

.photo-cred {
	position: absolute;
	top: 10px;
	right: 12px;
	padding: 4px 8px;
	font-size: .7rem;
	border-radius: 4px;
	color: #fff;
	background: rgba(0, 0, 0, 0.75);
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 99
}

.photo-cred i {
	font-size: 14px
}

.logo {
	float:inline-start;
	margin: 10px 0;
	height: 60px
}

.logo img {
	height: 60px
}

.top-menu {
	background-color: #222;
	height: 30px;
	display: flex;
	align-items: center;
	justify-content: end;
	text-align:end
}

.top-menu a:hover {
	color: #fff
}

.top-menu a {
	color: #fff;
	font-size: .75rem
}

.top-menu span {
	color: #FFF;
	margin: 0 8px;
	font-size: .75rem
}

.breadcrumb {
	margin: 0 0 15px 0;
	border: none;
	background: none;
	padding: 0;
	font-size: 12px;
	text-transform: uppercase
}

.breadcrumb-item+.breadcrumb-item {
	padding-inline-start: 0
}

.breadcrumb-item+.breadcrumb-item::before {
	display: none
}

.breadcrumb span {
	margin: 0 5px;
	font-size: 12px
}

.breadcrumb .fa-angle-double-right {
	margin: 0 5px
}

.breadcrumb .fa-home {
	margin-inline-end: 5px
}

.home-contentbox p {
	font-size: 1.6rem;
	color: #343a40;
	font-weight: 300;
	margin: 0
}

.main-content {
	min-height: 600px
}

/*--------------------------Callout Styling-------------------------------*/
.callout-body p a {
	padding-top: 15px
}

.callout-body {
	background-color: #fff;
	border: 1px solid #ddd;
	padding: 20px;
	font-size: .95rem
}

.callout-body ul {
	list-style: none;
	margin: 0;
	padding: 0
}

.callout-body ul li a,.callout-body ul li article{
	padding-inline-start: 15px
}

.callout-body ul li {
	display: flex;
	border-bottom: 1px dotted #e6e6e6;
	padding: 10px 0;
	position: relative;
	justify-content: start;
	align-items: baseline
}

.callout-body ul li:last-of-type {
	border-bottom: none
}

.container-callout {
	margin-bottom: 25px
}

.callout h2 {
	margin: 0;
	font-size: 1.1rem;
	font-weight: 700;
	color: #443b31
}

.callout-title {
	padding: 20px;
	border: 1px solid #ddd;
	border-bottom: none;
	text-align: center
}

/*--------------------------End Callout Styling-------------------------------*/
.navbar-nav.active li a {
	background: none
}

.navbar-nav .dropdown-menu li a.active {
	color: #fff;
	background-color: #006c68
}

#navbar {
	border: none;
	border-radius: 0px;
	margin-bottom: 0px;
	float:inline-end;
	background: none;
	margin: 30px 0
}

.navbar-default {
	border: none;
	background: none;
	position: absolute;
	right: 0
}

.navbar-collapse {
	flex-grow: unset
}

.navbar-nav li {
	display: inline-block;
	margin: 0 0 0 10px
}

.navbar-nav li:first-of-type {
	margin: 0
}

.navbar-nav li:last-of-type {
	margin-inline-start: 30px
}

.navbar-default .navbar-nav>li>a {
	color: #fff
}

.navbar-dark .navbar-nav .nav-link {
	display: inline-block;
	color: #fff;
	font-weight: 700;
	text-transform: uppercase;
	text-align: center;
	padding: 15px 20px;
	font-size: .95rem
}

.navbar-dark .navbar-nav a.nav-link.page-employers {
	background-color: #fcce01;
	color: #333 !important;
	padding: 10px 20px;
	border-radius: 3px;
	font-weight: 700;
	text-transform: uppercase
}

.employers-btn a:hover {
	background-color: #f9a600;
	color: #fff
}

.navbar-dark .navbar-nav .nav-link:hover,.navbar-dark .navbar-nav .nav-link.active,.navbar-dark .navbar-nav .nav-link:focus{
	color: #fcce01
}

/* ------------------------------Footer Styling ------------------------------------------*/
.footer {
	background: #e7e1de url('/media/valoda/images/footer-bg.gif') repeat;
	background-size: 240px;
	font-weight: 500;
	font-size: .95rem;
	border-top: 3px solid #333
}

.footer p {
	font-weight: 500
}

.footer a {
	color: #fff
}

.footer a:hover, .footer a:focus {
	text-decoration: none
}

.footer .col-sm-3 {
	padding: 10px 15px
}

.footer2 {
	background: #333
}

.footer2 a:hover {
	color: #ccc
}

.footer3 {
	background: #fff
}

.footer3 .container {
	text-align: center;
	padding: 10px 0;
	font-size: 12px;
	color: #000
}

.footer .footer-title {
	color: #fcce01;
	font-size: 16px;
	font-weight: 600;
	display: block;
	margin: 0 0 10px 0
}

.footer .padded {
	padding: 25px 20px 0
}

.footer .footer-title span {
	font-size: 12px;
	text-transform: none
}

.footer i{
	margin-inline-end: 5px
}

.footer {
	color: #fff
}

.footer-links {
	font-size: .85rem
}

.footer-links li {
	display: inline-block
}

.footer-links li a {
	color: #fff;
	text-decoration: none
}

.footer-links li span {
	color: #fff;
	font-weight: 500;
	padding: 0 5px
}

.footer-links li:last-of-type span {
	display: none
}

.footer1 .container-fluid{
	background-color: #333
}

.footer-vrs hr {
	margin: 10px 0;
	border-top: 1px solid #666
}

.footer-vrs .footer-title {
	color: #fff;
	padding-bottom: 0px
}

.footer-vrs address {
	margin: 0
}

.footer-vrs .footer-title {
	font-size: 1.1rem
}

.footer-links li a.active {
	color: #fcce01
}

/*--------------------Note Styles----------------------------*/
.note {
	padding: 25px;
	border: none;
	border-left: 4px solid #f8c41f;
	display: inline-block;
	font-weight: 400;
	width: 100%;
	color: #262626;
	background: #fffbf0;
	margin: 15px 0 25px;
	font-size: 0.95em
}

.note > p:last-of-type {
	margin: 0
}

.note > b:first-of-type,.note > strong:first-of-type,.mid-gutter > .alert-info > b:first-of-type,.mid-gutter > .alert-info > strong:first-of-type{
	display: block;
	text-transform: uppercase;
	margin-bottom: 5px
}

.alert-info {
	border-left: 4px solid #3e94cf;
	color: #262626;
	background-color: #f5f9fc
}

/*------------------ACCORDION AND TAB STYLES-----------------------------------------*/


.accordion-block {
	border-top: 1px solid #ccc
}


.accordion-block:last-of-type {
	border-bottom: 1px solid #ccc
}

.accordion-block .ui-accordion-content {
	padding: 20px 15px;
	border-bottom: none
}

.accordion-block a.menuitem {
	cursor: pointer;
	padding: 20px 80px 20px 15px;
	margin: 0;
	position: relative;
	color: initial;
	text-decoration: none
}

.accordion-block a.menuitem {
	display: block
}

.accordion-block a.menuitem:hover,.accordion-block a.menuitem:active,.accordion-block a.menuitem:focus {
	text-decoration: none
}

.accordion-block .ui-icon {
	position: absolute;
	right: 30px;
	font-size: 20px
}

.accordion-block a.menuitem h3{
	padding: 0;
  	margin: 0;
}

.btn-primary {
	color: #fff;
	text-decoration: none;
	background-color: #143a74;
	border: 1px solid #193a6d;
	border-radius: 30px
}

.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
	color: #FFF;
	background-color: #28415B;
	border-color: #253C54
}

.print-btn span:after {
	font-family: "Font Awesome 6 Pro";
	content: '\f02f';
	margin-inline-start: .5rem;
	font-weight: 400
}

.scroll-down:before {
	position: absolute;
	top: calc(50% - 8px);
	left: calc(50% - 6px);
	transform: rotate(-45deg);
	display: block;
	width: 12px;
	height: 12px;
	content: ""
}

#scroll-top-link {
	color: #fff;
	background-color: #466985
}

#scroll-top-link {
	transition: all 0.8s ease-out;
	z-index: 9999
}

.cd-top {
	height: 60px;
	position: fixed;
	opacity: 0;
	right: 25px;
	bottom: 25px;
	z-index: 1030;
	border-radius: 30px;
	width: 60px;
	display: flex;
	align-items: center;
	justify-content: center
}

.cd-top i {
	font-size: 18px;
	font-weight: 300
}

.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
	-webkit-transition: opacity .5s 0s, visibility 0s 0s;
	-moz-transition: opacity .5s 0s, visibility 0s 0s;
	transition: opacity .5s 0s, visibility 0s 0s;
	text-decoration: none
}

.cd-top.cd-is-visible {
	visibility: visible;
	opacity: .6;
	background-color: #e3e3df
}

.cd-top.cd-fade-out {
	/* if the user keeps scrolling down, the button is out of focus and becomes less visible */
	opacity: .85
}

.cd-top:hover {
	background-color: #ffffff;
	opacity: 1;
	text-decoration: none
}

/*-------------------Web Policy Page Styles----------------*/
.listnav.alphaindex li {
	display: inline-block;
	list-style: none
}

/********************Glossary Page Styles******************/
.glossary span {
	display: block;
	padding-top: 5px
}

.sticky {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	background: #fff
}

.glossary-list.sticky,.alphaindex.sticky {
	top: 70px;
	z-index: 1;
	box-shadow: 0px 0px 0px rgb(255 255 255 / 100%)
}

.alphaindex ul span {
	margin: 0 5px
}

.page.Policy .main-content-body h2 {
	scroll-margin: 180px
}

.fancy {
	height: 1px;
	background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
	text-align: center;
	margin: 0;
	width: 100%;
	scroll-margin: 160px;
	visibility: hidden
}

ul.pagination,.alphaindex ul{
	padding: 25px 0 10px;
	margin: 0;
	display: inline-block
}

ul.pagination li {
	display: inline-block
}

ul.pagination li a,#participating-datatable_wrapper .dt-paging .dt-paging-button {
	color: #fff !important;
	text-decoration: none;
	border-radius: 5px;
	width: 50px;
	margin: 5px;
	background-color: #143a74;
	height: 50px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 1em;
	border: none !important
}

ul.pagination li a:hover:not(.active) {
	background-color: #f5f5f5;
	color: #343a40
}

ul.pagination li.disabled a:hover {
	background-color: #fff;
	color: #006c68
}

ul.pagination li.trunc a {
	width: auto
}

.page-item.disabled .page-link {
	color: #6c757d !important;
	pointer-events: none;
	cursor: auto;
	background-color: #fff;
	border: 1px solid #dee2e6 !important
}

.tabtop {
	margin: 0;
	display: flex;
	align-items: stretch;
	justify-content: center
}

.tabtop li:has(> a.active)::after{
	font-family: "Font Awesome 6 Pro";
	content: "\f0d7";
	position: absolute;
	bottom: -30px;
	color: #082959;
	font-size: 3em;
	font-weight: 800
}

.tabtop li:has(> a.active) {
	background-color: #082959 !important
}

.tabtop li a.active {
	color: #FFF !important
}



.tabtop li {
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 300px;
	min-height: 50px;
	margin: 0 10px;
	position: relative;
	max-width: 250px;
}

.tabtop li a{
	color: #000;
	text-decoration: none;
	font-weight: 700;
	padding: 10px 15px;
	text-decoration: none;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	text-align: center;
}


/*-------------------Carousel Styles----------------*/
.swiper-wrapper>.swiper-slide>img {
	position: absolute;
	top: 0;
	left: 0;
	min-width: 100%;
	height: 500px
}

.swiper-wrapper>.swiper-slide span.photo-credit {
	position: absolute;
	top: 10px;
	right: 12px;
	padding: 4px 8px;
	font-size: 10px;
	border-radius: 3px;
	color: #fff;
	background: rgba(0, 0, 0, 0.75);
	z-index: 100
}

.swiper-wrapper>.swiper-slide span.photo-credit i {
	display: none
}

.carousel-control:hover,.carousel-control:focus {
	text-decoration: none;
	filter: alpha(opacity=90);
	outline: 0;
	opacity: .8
}

.swiper-pagination {
	position: initial;
	width: fit-content !important;
	padding: 0 25px
}

.swiper-carousel {
	width: 100%;
	height: 100%
}

.swiper-carousel .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center
}

.swiper-pagination-bullet {
	width: 25px;
	height: 25px;
	font-size: 14px;
	color: #4a4f62;
	opacity: 1;
	background: transparent;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	/* display: none;
	*/
}

.swiper-pagination-bullet-active {
	color: #343a40;
	background: #e6e6e6
}

.swiper-slide a {
	text-decoration: none
}

.swiper-horizontal > .swiper-scrollbar {
	top: 0
}

.swiper-button.swiper-button-prev:after {
	content: "\f053"
}

.swiper-button.swiper-button-next:after {
	content: "\f054"
}

.swiper-button:after {
	font-size: 25px;
	font-family: "Font Awesome 6 Pro";
	font-weight: 300;
	color: #4a4f62;
	border: 2px solid #ffffff;
	border-radius: 50px;
	height: 45px;
	width: 45px;
	display: flex;
	background: #fff;
	box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
	align-items: center;
	justify-content: center
}

.swiper-button {
	display: contents
}

.swiper-nav {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	z-index: 1
}

.swiper-slide-next .card, .swiper-slide-next .card:hover {
	transition: transform .2s ease;
	box-shadow: 0 0.5rem 1.5rem 0 rgb(33 40 50 / 15%) !important
}

.carousel-caption {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 10;
	padding: 25px;
	color: #fff;
	text-align:start;
	background-color: rgba(0, 0, 0, .75)
}

.carousel-caption h2,.carousel-caption p {
	margin-top: 0;
	color: #fff
}

.carousel-caption p {
	font-size: 1.2rem
}

.nav-link:focus, .nav-link:hover {
	text-decoration: none
}




/*-------------------FOIA Page Styles----------------*/


      .contact-cards .card:hover {
border-color: #009a90 !important;
    background-color: #009a901c;
            transition: 0.3s,transform 0.15s ease;
        }

        .contact-cards .card .card-address-title {
        font-size: 22px;
        margin-bottom: 10px;
        display: block;
        color: #333;
        }

        .contact-cards .card{
    border-color: #006d665c !important;
    border: 2px solid;
    max-width: 26em;
    margin: 0 auto;
   border-radius: 15px;
        }

        .contact-cards.contact-overview .card{
                max-width:  initial;
        }
.contact-cards.contact-overview .card ul{
    padding-inline-start: 15px !important;
}

.contact-cards.contact-overview .card ul li {
    line-height: 1.5em !important;
    color: initial;
}


        .contact-cards .card .card-title{
            display: flex;
            align-items: center;
            justify-content: center;
            color: #333;
        }

        .contact-cards .card .card-title i {
            font-size: 22px;
            color: #343633;
        }

        .contact-cards .card .card-text {
            color: initial;
            line-height: 1.5em;
            margin-top: 10px;
        }


     .contact-cards .card .card-text h3 {
    margin: 0 0 5px;
        }


.contact-cards.contact-overview .card .card-title {
justify-content: start;
 }

.contact-cards.contact-overview .card .card-title i {
    font-size: inherit;
}


/*********************** Styles for Tooltips ****************************/




@media screen and (max-width: 1400px) {
.tabtop li {

    min-width: 180px;
}
  
  
}

@media screen and (max-width: 1200px) {
	body {
	font-size: .95rem
	}

	.home-contentbox p {
	font-size: 1.4rem
	}

	.jumbotron {
	min-height: 260px
	}

	.logo img {
	height: 60px
	}

	.navbar-brand .icons-logo {
	font-size: .95rem
	}

	.tabtop li {
	margin: 0;
	max-width: 180px
	}

	.tabtop li a {
	font-size: .8rem
	}

}

@media (max-width: 992px) {
	.page-item.disabled .page-link {
	display: none
	}

	.home-alerts {
	font-size: 12px
	}

	h1 {
	font-size: 2rem
	}

	.brownbg {
	border-bottom: 0
	}

	.banner-overlay {
	background-color: rgba(0, 0, 0, .2)
	}

	.jumbotron {
	min-height: 200px
	}

	.callout-body ul li {
	padding: 6px 0
	}

	.navbar-header .navbar-link {
	display: none
	}

	.navbar-nav li {
	display: none
	}

	.accordion-block a.menuitem {
	padding: 15px 80px 15px 15px
	}

	.accordion-block .ui-icon {
	right: 25px
	}

	.swiper-wrapper .swiper-slide img {
	display: block;
	max-width: 100%;
	height: 350px;
	object-fit: cover
	}

	.carousel-caption {
	height: 100%;
	background-color: rgba(0, 0, 0, .6);
	text-shadow: 0 1px 2px rgb(0 0 0 / 60%)
	}

	.carousel-caption h2 {
	font-weight: 800;
	font-size: 1.4rem;
	margin-top: 30px
	}

	.carousel-cta {
	margin-top: 15px
	}

	.carousel-caption p {
	font-size: 1rem
	}

	.carousel-caption .btn,.carousel-caption .btn i {
	font-size: 15px;
	font-weight: 400
	}

	.tabtop li {
	max-width: 140px;
	min-width: 100px;
	margin: 0 5px
	}

	.tabtop li a i {
	display: none
	}

}

@media screen and (max-width: 768px) {
	.card.hovercard .info .title {
	margin: 5px 0;
	font-size: 1rem
	}

	.card.hovercard .info p {
	font-size: .85rem
	}

	.fancy {
	scroll-margin: 200px
	}

	.home-contentbox p {
	font-size: 1.2rem
	}

	.photo-cred {
	display: none
	}

	.footer-links li {
	display: block
	}

	.footer-links li span {
	display: none
	}

	.logo-text {
	font-size: 16px;
	width: 60%
	}

	div.dt-container div.dt-layout-row:not(.dt-layout-table) div.dt-layout-cell {
	display: flex !important;
	text-align:start !important
	}

}

@media (max-width: 568px) {
	.card-preview .card-title {
	font-size: 16px;
	font-weight: 600
	}

	.card-preview .card-text {
	font-size: 14px
	}

	.navbar-brand>img {
	margin-inline-end: 10px;
	height: 50px
	}

	.tabtop li {
	max-width: 120px;
	min-width: 100px;
	margin: 0 5px
	}

	.tabtop li a i {
	display: none
	}

	.tabtop li a {
	font-size: .6rem
	}

}

@media (min-width: 768px) {
	.sidecontent .callout {
	position: sticky;
	top: 90px
	}

	.popover {
	width: 80%;
	margin: 15px
	}

}

.dfn {
	font-style: normal;
	border-bottom: 1px dashed #006c68;
	color: #006c68;
	cursor: help;
	position: relative
}

a.dfn {
	text-decoration: none
}

/*---------------Camera Styles--------------*/
.photo-credit a {
color: #fff !important;
background-color: rgba(0,0,0, 0.7);
padding: 5px;
border-radius: 3px;
border: none;
position: absolute;
bottom: 15px;
right: 15px;
height: 30px;
width: 30px
}

.photo-credit a .fas{
margin: -3px 0px 0px;
font-size: 18px
}

/*********************** Styles for Tooltips ****************************/
a.glossary-popover {
color: #005897;
text-decoration: underline;
text-underline-offset: 5px;
text-decoration-style: dashed;
border: none;
cursor: pointer;
text-wrap: nowrap
}

.tooltipbox {
display: none;
width: max-content;
position: absolute;
top: 0;
left: 0;
background: #222;
color: white;
font-weight: bold;
padding: 5px;
border-radius: 4px;
font-size: 90%
}

#arrow {
position: absolute;
background: #222;
width: 8px;
height: 8px;
transform: rotate(45deg)
}

#arrow {
position: absolute;
background: #fff;
width: 8px;
height: 8px;
transform: rotate(45deg)
}

.popover.show {
z-index: 10000
}

.popover {
width: 25%;
padding: 1em;
border-radius: 15px;
box-shadow: 0 .5rem 2rem rgba(0, 0, 0, .25) !important;
/* color: #333;
*/
max-width: fit-content;
font-family: "Heebo", sans-serif;
border: none;
font-size: 1em
}

.popover-header {
background: transparent;
border: none;
margin-top: 0;
font-size: 1.2em
}

.popover-body{
color: #222
}

.popover-body p a{
color: #fff;
text-decoration: underline;
font-weight: 500;
text-decoration-thickness: 1px
}

.popover-body p a:hover{
color: #fff
}

.popover,.glossary-popover .arrow::after {
background-color: #ffffff
}

/* ----------------Site Popovers ----------------------*/
.bs-popover .arrow::after, .bs-popover .arrow::after{
border-top-color: #fff;
border-width: 0.8rem 0.8rem 0;
z-index: 1
}

.bs-popover-auto[x-placement^=bottom] .arrow::before, .bs-popover-bottom .arrow::before {
border-bottom-color: #fff;
border-width: 0px 15px 15px;
top: -2px;
z-index: 10
}

.bs-popover-auto[x-placement^=bottom] .arrow::after, .bs-popover-bottom .arrow::after {
border-bottom-color: #fff;
border-width: 0px 15px 15px;
top: 0px;
z-index: 10
}

.bs-popover-auto[x-placement^=top] .arrow::after, .bs-popover-top .arrow::after,.bs-popover-auto[x-placement^=top] .arrow::before, .bs-popover-top .arrow::before {
bottom: -2px;
border-width: 15px 15px 0;
border-top-color: #fff;
z-index: 1
}

.bs-popover-auto[x-placement^=left] .arrow::after, .bs-popover-left .arrow::after,.bs-popover-auto[x-placement^=left] .arrow::before, .bs-popover-left .arrow::before {
border-left-color: #fff;
border-width: 0.8rem 0.8rem 0;
z-index: 1
}

.bs-popover-auto[x-placement^=right] .arrow::after, .bs-popover-right .arrow::after,.bs-popover-auto[x-placement^=right] .arrow::before, .bs-popover-right .arrow::before {
border-right-color: #fff;
border-width: 0.8rem 0.8rem 0;
z-index: 1
}

#participating-datatable_wrapper .dt-search input {
height: 50px;
padding: 15px;
margin-inline-start: 0;
width: 100%;
border-radius: 15px;
color: #000;
font-weight: 600
}

div.top {
display: flex;
justify-content: space-between;
margin-bottom: 25px
}

div.dt-paging {
text-align: center;
width: 100%;
margin-top: 25px
}

div.dt-search {
width: 100%;
margin-bottom: 10px
}

#participating-datatable_wrapper .dt-input {
margin: 0 6px
}