/*
========================================
COLORS - WCAG AA COMPLIANT
========================================

ACCESSIBLE LINK COLORS:
#005a9c - Primary links (7.04:1 on white - PASSES AAA)
#b55013 - Hover state (4.59:1 on white - PASSES AA)
#990000 - Emphasis/Red text (7.0:1 on white - PASSES AAA)
#E8F4F8 - Footer links (10.5:1 on #4C6A92 - PASSES AAA)

BACKGROUNDS:
#E2E9EE - Light blue background
#4C6A92 - Dark blue background
#F2F5F8 - Topic header background

ACCENTS:
#C86000 - Orange (decorative)
#b55013 - Brownish orange
*/


/*------------- Common-CSS----------------*/

.vertical-align {
	display: block;
	align-items: center;
}

html {
	scroll-behavior: smooth;
}

body {
	font-family: 'Roboto', sans-serif;
	color: #000;
	font-size: 14px;
	font-weight: 300;
}

li {
	list-style: none;
}

a:hover {
	text-decoration: none;
}

/*Headers*/
h1, h2, h3, h4, h5, h6 {
	font-family: 'Yanone Kaffeesatz', sans-serif;
	color: #000;
}

h1 {
	font-size: 50px;
}

h2 {
	font-size: 40px;
}

h3 {
	font-size: 35px;
}

h4 {
	font-size: 30px;
}

h5 {
	font-size: 25px;
}

h6 {
	font-size: 20px;
}

ul {
	padding-left: 0;
}

/* ========================================
   GLOBAL LINK STYLES FOR ACCESSIBILITY
   ======================================== */

/* Default link styles for content areas */
a {
	color: #005a9c;
	text-decoration: underline;
}

a:hover,
a:focus {
	color: #b55013;
	text-decoration: underline;
}

/* Navigation links - override to remove underlines */
nav a,
.navbar a,
.nav-main a,
.dropdown-menu a {
	text-decoration: none;
}

/* Modal heading adjustments */
.modal-title {
	margin-top: 0;
	font-size: 28px;
}

.modal-body h3 {
	font-size: 22px;
	margin-top: 10px;
	margin-bottom: 10px;
}

/* Modal buttons - match quick links color scheme
   ========================================== */

.modal-body .btn-primary {
	background-color: #4C6A92;
	border-color: #4C6A92;
	color: #fff;
	font-weight: 400;
	transition: all 0.3s ease;
}

.modal-body .btn-primary:hover,
.modal-body .btn-primary:focus {
	background-color: #E2E9EE;
	border-color: #4C6A92;
	color: #4C6A92;
}

.modal-body .btn-primary:active,
.modal-body .btn-primary.active {
	background-color: #E2E9EE;
	border-color: #4C6A92;
	color: #4C6A92;
}

/* Quick links block - override */
#quick-links a {
	text-decoration: none;
}

/* Buttons - override */
.btn,
button {
	text-decoration: none;
}

/*Add space between sections*/
section + section {
	margin-top: 50px;
}

table {
	font-size: medium;
}

/* Skip to main content link */
a#skip,
a#skip:hover,
a#skip:visited {
	position: absolute;
	top: -500px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

a#skip:active,
a#skip:focus {
	position: static;
	width: auto;
	height: auto;
}
/* Screen reader only - becomes visible on focus */
/* Screen reader only - visually hidden but accessible */
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}
.sr-only-focusable {
	position: absolute;
	top: -500px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

.sr-only-focusable:focus,
.sr-only-focusable:active {
	position: fixed;  /* Changed from static */
	top: 10px;
	left: 10px;
	z-index: 9999;
	padding: 10px 20px;
	background: #000;
	color: #fff;
	text-decoration: none;
	border: 2px solid #fff;
	width: auto;
	height: auto;
}
/* Skip to main content link - accessible and visible on focus */
a#skip {
	position: absolute;
	top: -500px;
	left: 0;
	width: 1px;
	height: 1px;
	overflow: hidden;
	background: #4C6A92;
	color: #fff;
	padding: 10px 20px;
	text-decoration: none;
	font-weight: bold;
	z-index: 9999;
}

a#skip:focus,
a#skip:active {
	position: fixed;
	top: 10px;
	left: 10px;
	width: auto;
	height: auto;
	clip: auto;
	overflow: visible;
}

a#skip:hover {
	background: #E2E9EE;
	color: #4C6A92;
}



.block-heading {
	background-image: url("../images/titleBorderdark.png");
	background-repeat: repeat-x;
	height: 20px;
	margin: 40px 0 40px 0;
	text-align: center;
}

.block-heading h2 {
	background: #fff;
	display: inline-block;
	color: #777;
	margin-top: -28px;
	padding: 5px 10px 5px 10px;
	border: 1px solid #dedede;
}

.block-heading h2:hover {
	box-shadow: 0 0 5px #dedede;
}

#back-top {
	position: fixed;
	bottom: 40px;
	left: 40px;
	color: #555;
	height: 40px;
	width: 40px;
	border-radius: 50%;
	background-color: #bbb;
	display: none;
	text-align: center;
	vertical-align: middle;
	opacity: 0.7;
}

#back-top i {
	margin-top: -2px;
	margin-right: auto;
	margin-left: auto;
}

#back-top:hover {
	color: #888;
}

#announcement .block-heading {
	background-image: url("../images/titleBorderRed.png");
}

#announcement .block-heading h2 {
	color: #b93a32;
	border: 1px solid #b93a32;
}

#announcement p {
	color: #b93a32;
	font-weight: 600;
	font-size: 12pt;
}

#announcement ul {
	color: #b93a32;
	font-weight: 600;
	font-size: 12pt;
}

#announcement li {
	color: #b93a32;
	font-weight: 600;
	font-size: 12pt;
}

#announcement a:hover {
	text-decoration: underline;
}

header {
	padding: 5px 0;
	text-align: center;
	background-color: #4c6a92;
}

/*	Nav Start
    ==================================================*/
nav {
	z-index: 9;
}

.nav-main li {
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-ms-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
	font-size: 17px;
}

.nav-main > li::before {
	top: 0px;
	-webkit-transform: translateY(-5px);
	-moz-transform: translateY(-5px);
	transform: translateY(-5px);
}

.nav-main > li:after {
	bottom: -2px;
	-webkit-transform: translateY(10px);
	-moz-transform: translateY(10px);
	transform: translateY(10px);
}

.nav-main > li::before,
.nav-main > li::after {
	position: absolute;
	left: 0;
	width: 100%;
	height: 5px;
	background: #4c6a92;
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
	-moz-transition: opacity 0.3s, -moz-transform 0.3s;
	transition: opacity 0.3s, transform 0.3s;
}

.nav-main > li:hover:before,
.nav-main > li:hover:after {
	opacity: 1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transform: translateY(0px);
}

.nav-main > li a:hover,
.nav-main > li a:focus {
	color: #4c6a92;
}

.nav-main > li a {
	padding: 20px 1px 20px 1px;
	font-size: 15px;
	font-weight: 400;
	color: #4C6A92;
}

.navbar-nav {
	float: none;
	text-align: center;
}

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

.nav-main .navbar-brand,
.nav-main i {
	color: #4c6a92;
	font-weight: 700;
}

.navbar-header:hover {
	cursor: pointer;
}

.nav-main .dropdown-menu a:hover {
	background: #4c6a92;
}

.nav-main .dropdown-menu li a {
	color: #4c6a92;
	text-align: left;
	padding: 6px 10px;
}

.nav-main .dropdown-menu li:hover {
	color: #fff;
}

.navbar-nav .active {
	border-top: 2px solid #4C6A92;
	border-bottom: 2px solid #4C6A92;
	margin: -1px 0;
}

.navbar-nav .active a {
	background: #fff;
}

.nav-main .dropdown-menu li a:hover {
	color: #fff;
	background: #4c6a92;
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
	background: transparent;
}

.nav-main .dropdown-menu {
	margin-top: 5px;
	padding: 0;
}

.navbar-nav > li > .dropdown-menu {
	margin-top: 2px;
}
/* Mobile navbar - align MENU and hamburger to the right
   ========================================== */

@media only screen and (max-width: 767px) {
	.navbar-header {
		text-align: right;
	}
	
	.navbar-brand {
		float: right;
		margin-right: 10px;
	}
	
	.navbar-toggle {
		float: right;
		margin-right: 10px;
	}
}

/* Semantic main element support */
main,
.main-content {
	min-height: 500px;
}

/* ACCESSIBILITY - Focus states for keyboard navigation */
.nav-main > li:focus-within:before,
.nav-main > li:focus-within:after {
	opacity: 1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transform: translateY(0px);
}

/* Visible focus indicator for links */
.nav-main > li a:focus {
	color: #4c6a92;
	outline: 2px solid #4c6a92;
	outline-offset: 4px;
}

/* Focus state for dropdown toggle */
.dropdown-toggle:focus {
	color: #4c6a92;
	outline: 2px solid #4c6a92;
	outline-offset: 4px;
}

/* Dropdown menu item focus */
.nav-main .dropdown-menu li a:focus {
	color: #fff;
	background: #4c6a92;
	outline: 2px solid #4c6a92;
	outline-offset: -2px;
}

/* Better focus visibility for all interactive elements */
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
a:focus-visible {
	outline: 2px solid #005a9c;
	outline-offset: 2px;
}

/* Remove outline for mouse clicks, keep for keyboard */
button:focus:not(:focus-visible),
a:focus:not(:focus-visible) {
	outline: none;
}

/*	 Slider Start
    ==================================================*/

#slider-area {
	margin-top: 30px;
}

.nivo-prevNav,
.nivo-nextNav {
	height: 40px;
	width: 40px;
	text-indent: 9999px;
	background-position: 0px 0px;
	-webkit-transition: margin 0.3s ease-in-out;
	-moz-transition: margin 0.3s ease-in-out;
	-ms-transition: margin 0.3s ease-in-out;
	-o-transition: margin 0.3s ease-in-out;
	transition: margin 0.3s ease-in-out;
	background-repeat: no-repeat;
}

.nivo-prevNav {
	background: url("../images/large_left.png");
	margin-left: -60px;
}

.nivo-nextNav {
	background: url("../images/large_right.png");
	margin-right: -60px;
}

.nivo-prevNav:hover {
	background-position: 0px -40px;
}

.nivo-nextNav:hover {
	background-position: 0px -40px;
}

#slider:hover .nivo-prevNav {
	margin-left: 20px;
}

#slider:hover .nivo-nextNav {
	margin-right: 20px;
}

.nivo-controlNav {
	display: none;
}

.nivo-caption {
	background: none;
}

.nivo-directionNav a {
	display: block;
}

.nivoSlider {
	border: 10px solid #fff;
	-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .3);
	-moz-box-shadow: 0 0 4px rgba(0, 0, 0, .3);
	box-shadow: 0 0 4px rgba(0, 0, 0, .3);
}

/*	 QuickLinks Start
    ==================================================*/
#quick-links .block-message {
	background: #eeb7b3;
	color: black;
	padding: 4px;
	margin: 5px;
	width: auto;
	border: 1px solid #fff;
	outline: 3px solid #e1938f;
	min-height: 75px;
}

#quick-links .block {
	background: #4C6A92;
	color: #fff;
	padding: 4px;
	margin: 5px;
	width: auto;
	border: 1px solid #fff;
	outline: 3px solid #4C6A92;
	min-height: 90px;
}

#quick-links .block:hover,
#quick-links .block:focus-within {
	background: #E2E9EE;
	color: #4C6A92;
	padding: 4px;
	margin: 5px;
	cursor: pointer;
	border: 1px solid #4C6A92;
	outline: 3px solid #E2E9EE;
	text-decoration: none;
}

#quick-links .block .media {
	display: table;
}

#quick-links .block .media-body {
	display: table-cell;
	vertical-align: middle;
}

#quick-links .block .media-heading {
	margin-top: 10px;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
	font-size: 28px;
	color: inherit;
	text-align: center;
}

#quick-links .block i {
	font-size: 30px;
	margin: 15px 3px 15px 5px;
	vertical-align: middle;
}

#quick-links .icon {
	font-size: 30px;
	margin: 15px 3px 15px 5px;
	vertical-align: middle;
}
#quick-links a:hover .block,
#quick-links a:focus .block {
    background: #E2E9EE;
    color: #4C6A92;
    padding: 4px;
    margin: 5px;
    cursor: pointer;
    border: 1px solid #4C6A92;
    outline: 3px solid #E2E9EE;
    text-decoration: none;
}
a:focus img {
    box-shadow: 0 0 0 3px #005a9c;
}
header a:focus img {
    box-shadow: 0 0 0 3px #ffffff;
}



/*	 Locations Start
    ==================================================*/

#locations .block {
	margin-top: 30px;
}

#locations .block .thumbnail {
	border: none;
	cursor: pointer;
}

#locations .block .thumbnail:hover .catagotie-head img {
	opacity: 0.7;
}

#locations .block .thumbnail a img {
	width: 100%;
	border: 1px solid #dedede;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

#locations .block .thumbnail a img:hover {
	opacity: 0.7;
}

#locations .block .thumbnail:hover h3 {
	color: #4C6A92;
}

#locations .block .thumbnail a h3 {
	font-weight: 500;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

#locations .block .thumbnail .caption p {
	font-size: 14px;
	color: #4b4b4b;
	font-weight: 300;
}

#locations .block .thumbnail .caption {
	padding: 0;
}

.locations-box p span {
	font-weight: bold;
}

#locations .branch i {
	font-size: 45px;
	margin-left: -20px;
	margin-top: 20px;
	vertical-align: middle;
}

#locations .address {
	margin-top: -11px;
}

/* Locations banner spacing */
.locations-banner {
	width: 95%;
	margin-top: 10px;
	margin-bottom: 15px;
}

/* Locations hours table column spacing */
.branch table td,
.branch table th {
	padding: 2px 12px 2px 0;
}

/* Locations heading style */
.branch h3 {
	font-size: 30px;	
	text-transform: uppercase;
	margin: 0 0 5px 0;
}
/*	Footer Start
    ================================================== */

footer {
	background: #383838;
	color: #fff;
	padding-top: 40px;
}

footer .block {
	color: #fff;
}

footer .block p i {
	color: #747474;
	margin-right: 10px;
	background: #fff;
	width: 24px;
	line-height: 24px;
	text-align: center;
}

footer .block h4 {
	margin-bottom: 20px;
	color: #fff;
}

footer .block .logo img {
	text-align: left;
	display: block;
}

footer .block .media-object {
	border: 1px solid #747474;
	padding: 2px;
	height: 75px;
}

footer .block .media > .pull-left {
	margin-bottom: 10px;
}

footer .block span {
	color: #fff;
}

footer .block a {
	color: #E8F4F8;
	text-decoration: underline;
}

footer .block a:hover {
	color: #fff;
	text-decoration: underline;
}

footer .block a:focus {
	color: #fff;
	text-decoration: underline;
	outline: 2px solid #fff;
	outline-offset: 2px;
}

.footer-bottom {
	width: 100%;
	margin-top: 70px;
	border-top: 1px solid #2C2C2C;
	box-shadow: 0 -1px 0 #575656;
	padding-top: 10px;
}

/* ========================================
   FOOTER ACCESSIBILITY FIXES
   ======================================== */

/* Footer H2 headings - styled like original H4 */
footer h2 {
	font-size: 30px;
	margin-bottom: 20px;
	color: #fff;
	font-family: 'Yanone Kaffeesatz', sans-serif;
}

/* Footer links list */
footer .footer-links {
	list-style: none;
	padding: 0;
	margin: 0;
}

footer .footer-links li {
	margin-bottom: 10px;
}

footer .footer-links li a {
	font-size: 20px;
	font-family: 'Yanone Kaffeesatz', sans-serif;
	color: #E8F4F8;
	text-decoration: underline;
	display: block;
	line-height: 1.2;
}

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

footer .footer-links li a:focus {
	color: #fff;
	text-decoration: underline;
	outline: 2px solid #fff;
	outline-offset: 2px;
}

.copyright-text {
	margin-top: 12px;
	color: #B6B6B6;
}

.copyright-text a {
	color: #4C6A92;
}

.copyright-text a:hover {
	color: #fff;
	text-decoration: underline;
}

.copyright-text a:focus {
	color: #fff;
	text-decoration: underline;
	outline: 2px solid #fff;
	outline-offset: 2px;
}

.footerp {
	text-align: justify;
	margin-top: -15px;
	font-size: small;
}

.copyright-text {
	margin-top: 12px;
	color: #B6B6B6;
}

.copyright-text a {
	color: #4C6A92;
}

.copyright-text a:hover,
.copyright-text a:focus {
	text-decoration: underline;
	outline: 2px solid #4C6A92;
	outline-offset: 2px;
}

.footerp {
	text-align: justify;
	margin-top: -15px;
	font-size: small;
}

.copyright-text {
	margin-top: 12px;
	color: #B6B6B6;
}

.copyright-text a {
	color: #4C6A92;
}

.copyright-text a:hover {
	text-decoration: underline;
}

.footerp {
	text-align: justify;
	margin-top: -15px;
	font-size: small;
}

/*	Shutter Button Start
    ==================================================*/

.shutter {
	position: relative;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-ms-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}

.shutter:before {
	width: 100%;
	height: 0;
	top: 0;
	left: 0;
	display: block;
	content: "";
	position: absolute;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-ms-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
	z-index: -1;
}

.shutter:hover:before {
	height: 100%;
	background: #4C6A92;
	color: #fff;
}

.shutter:hover {
	color: #fff;
}

.btn-transparent {
	position: relative;
	border-radius: 0;
}

.btn-transparent:hover {
	border-color: #4C6A92;
}

.btn-transparent:before {
	position: absolute;
	width: 100%;
	height: 0;
	content: "";
	display: block;
	top: 0;
	left: 0;
	z-index: 3;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-ms-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}

.btn-transparent:hover:before {
	height: 100%;
	background: #4C6A92;
	color: #fff;
}

.btn-transparent:hover span {
	color: #fff;
}

.btn-transparent span {
	z-index: 5;
	position: relative;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-ms-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}

/* Owl Slider Start
   ================================================== */

#owl-example img {
	width: 100%;
}

.owl-theme .owl-controls {
	margin-top: 0;
	margin-bottom: 20px;
}

.connect-heading {
	margin-top: 40px;
}

#owl-example figure.comment {
	margin-left: 15px;
	margin-right: 15px;
	text-align: left;
	font-size: 14px;
	font-weight: 400;
}

#owl-example figure.comment blockquote {
	border-left: none;
	padding: 0;
	margin: 0;
	font-size: 14px;
	font-weight: 400;
	color: inherit;
}

#owl-example figure.comment blockquote p {
	margin-bottom: 5px;
}

#owl-example figure.comment figcaption {
	font-style: italic;
	color: #555;
	font-size: 13px;
}

/*	End Of Home Page.......
    ==================================================*/

ol {
	font-size: medium;
}

ul.bullet {
	font-size: medium;
}

ul.nobullet {
	font-size: medium;
}

ul.number {
	font-size: medium;
}

ul.bullet li {
	list-style: disc;
	margin-bottom: 5px;
	margin-top: 5px;
	font-size: medium;
	margin-left: 50px;
}

ul.nobullet li {
	list-style: none;
	margin-bottom: 5px;
	margin-top: 5px;
	font-size: medium;
	margin-left: 15px;
}

ul.number li {
	list-style: decimal;
	margin-bottom: 5px;
	margin-top: 5px;
	font-size: medium;
	margin-left: 50px;
}

ul.check {
	font-size: medium;
}

ul.check li {
	margin-bottom: 5px;
	margin-top: 5px;
	font-size: medium;
	margin-left: 50px;
}

ul.check li:before {
	left: 5px;
	content: '✓';
	margin-right: 8px;
}

.bold {
	font-weight: bold;
}

/*	Blog Page Start.......
    ==================================================*/

#topic-header {
	background: #F2F5F8;
	width: 100%;
}

#topic-header h1 {
	font-size: 45px;
}

#topic-header p {
	margin: 0;
	font-size: medium;
	margin-bottom: 10px;
}

#topic-header .breadcrumb {
	background: transparent;
	padding: 5px 0 0;
}

#topic-header .breadcrumb li a {
	color: #005a9c;
}

#topic-header a {
	color: #005a9c;
	text-decoration: underline;
}

#topic-header a:hover {
	color: #b55013;
}

#blog {
	margin-bottom: 50px;
}

.blog-body .block {
	border: 1px solid #dedede;
	box-shadow: 0 0 3px #C4C4C4;
	padding: 5px;
}

.blog-body .block img {
	width: 100%;
}

.blog-text {
	padding: 20px;
}

#blog .blog-zone {
	margin: 30px 0 0 0;
	position: relative;
}

/* The line */
#blog .blog-zone:before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	width: 6px;
	background: #E2E9EE;
	left: 1%;
	margin-left: -8px;
}

/* Right content */
#blog .blog-zone > li .blog-box {
	margin: 0 0 30px 8%;
	background: #fff;
	border: 1px solid #dedede;
	color: #fff;
	padding: 8px;
	font-size: 1.2em;
	font-weight: 300;
	line-height: 1.4;
	position: relative;
	border-radius: 2px;
}

#blog .blog-zone > li:nth-child(odd) .blog-box {
	background: #fff;
	border: 1px solid #dedede;
}

#blog .blog-zone > li:nth-child(odd) .blog-box:after {
	border-right-color: #4C6A92;
}

/* The icons */
#blog .blog-zone > li .blog-icon {
	width: 40px;
	height: 40px;
	font-size: 1.4em;
	line-height: 40px;
	position: absolute;
	color: #fff;
	background: #4C6A92;
	border-radius: 50%;
	box-shadow: 0 0 0 8px #E2E9EE;
	text-align: center;
	left: 1%;
	top: 0;
	margin: 0 0 0 -25px;
}

#blog .blog-zone > li .bullet {
	list-style: disc;
	margin-bottom: 5px;
	margin-top: 5px;
	font-size: medium;
	margin-left: 50px;
}

.blog-box img {
	width: 100%;
}

.blog-box p {
	color: #555;
}

.blog-post-tag {
	background: #eee;
	padding-left: 17px;
	padding-top: 10px;
	border-left: 3px solid #4C6A92;
}

.blog-post-tag .block i {
	color: #4C6A92;
}

.blog-post-tag .block p {
	display: inline-block;
	color: #555;
	font-size: 14px;
}

.blog-post-tag .block p a {
	color: #555;
}

.blog-post-tag .block {
	margin-right: 10px;
	display: inline-block;
}

.blog-post-body {
	padding: 15px;
}

.blog-post-body a h2 {
	color: #4C6A92;
	margin-bottom: 20px;
}

.blog-post-body p {
	font-size: 16px;
	color: #555;
	padding-top: 10px;
}

#blog .pagination > .active > a {
	background: #4C6A92;
	border-color: #4C6A92;
	color: #fff;
}

#blog .pagination > li > a {
	color: #333;
}

#blog .blog-zone > li:last-child .blog-box {
	margin-bottom: 0;
}

/*	Blog Single Page Start.......
    ==================================================*/

.blog-post-body blockquote {
	font-size: 13px;
	border-left: 5px solid #4C6A92;
	padding: 0 0 0 25px;
	margin: 20px 0 20px 20px;
	color: #AFAFAF;
}

.blog-post-body blockquote p {
	color: #AFAFAF;
	font-size: 18px;
}

.author-id,
.comments-box,
.leave-comment {
	border: 1px solid #dedede;
	margin-top: 30px;
	padding: 10px;
}

.author-id .media h4 {
	margin: 0;
}

.author-id .media img,
.comments-box .media img {
	width: 64px;
	height: 64px;
}

.author-id .media-heading {
	color: #555;
}

.author-id .media-body p {
	color: #777;
	font-size: 13px;
}

.author-id .media h5 {
	background: #EEE;
	margin: 0 0 20px;
	padding: 0 0 0 20px;
	line-height: 38px;
	color: #999;
	text-shadow: 1px 1px 1px #FFF;
}

.comments-box .media-heading span,
.comments-box .media-heading a {
	font-style: italic;
	font-size: 13px;
	color: #4C6A92;
}

.comments-box .media {
	background: #f7f7f7;
	padding: 10px;
	border-bottom: 3px solid #dedede;
	color: #878787;
}

.comments-box .media-body {
	padding: 0 20px;
}

.comments-box .reply {
	margin-left: 75px;
	border-bottom: none;
}

.leave-comment .form-group textarea {
	resize: none;
}

/*-------- Blog Sidebar-------------*/

.blog-sidebar .block {
	margin-bottom: 15px;
	margin-top: 20px;
	padding: 10px;
	border: 1px #777 solid;
}

.blog-sidebar .block .media-heading {
	color: #666;
	font-size: 17px;
	display: block;
	margin: 0;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-ms-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}

.blog-sidebar .block .media-heading:hover {
	color: #4C6A92;
}

.blog-sidebar .block .media-list {
	padding-top: 10px;
}

.blog-sidebar .block .media-body p {
	color: #777;
	font-size: 13px;
}

.blog-sidebar .block .media a img {
	width: 64px;
	border-radius: 2px;
}

.blog-sidebar {
	padding: 20px 0;
}

.blog-sidebar .block .list-group-item:first-child,
.blog-sidebar .block .list-group-item:last-child {
	border-top-right-radius: 0px;
	border-top-left-radius: 0px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
}

.blog-sidebar .block .list-group .list-group-item {
	color: #333;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-ms-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}

.blog-sidebar .block .list-group .list-group-item i {
	margin-right: 5px;
}

.blog-sidebar .block .list-group .list-group-item:hover {
	background: #4C6A92;
	color: #fff;
	padding-left: 20px;
}

/*-------- Page Navigation-------------*/

.page-navigation .block {
	margin-bottom: 15px;
	margin-top: 20px;
	padding: 10px;
	border: 1px #777 solid;
}

.page-navigation .block .media-heading {
	color: #666;
	font-size: 17px;
	display: block;
	margin: 0;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-ms-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}

.page-navigation .block .media-heading:hover {
	color: #4C6A92;
}

.page-navigation .block .navigation-list {
	padding-top: 10px;
}

.page-navigation .navigation-list li {
	margin-bottom: 10px;
}

.page-navigation .block .media-body p {
	color: #777;
	font-size: 13px;
}

.page-navigation .block .media a img {
	width: 64px;
	border-radius: 2px;
}

.page-navigation {
	padding: 20px 0;
}

.page-navigation .block .list-group-item:first-child,
.page-navigation .block .list-group-item:last-child {
	border-top-right-radius: 0px;
	border-top-left-radius: 0px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
}

.page-navigation .block .list-group .list-group-item {
	color: #333;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-ms-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}

.page-navigation .block .list-group .list-group-item i {
	margin-right: 5px;
}

.page-navigation .block .list-group .list-group-item:hover {
	background: #4C6A92;
	color: #fff;
	padding-left: 20px;
}
/* Page navigation heading - keep visual size smaller */
.page-navigation .navigation-heading {
	font-size: 30px; /* Same as original H4 size */
	margin-top: 0;
}


/*-------- Tag-----------*/

.tag-link h2 {
	margin-top: 0px;
	margin-bottom: 20px;
}

.tag-link a {
	color: #fff;
	background: #4C6A92;
	padding: 8px 10px;
	display: inline-block;
	margin-bottom: 5px;
}

.tag-link a:hover {
	text-decoration: underline;
}

.mission {
	color: white;
	font-family: 'Roboto', sans-serif;
	padding: 5px;
	font-size: 30px;
	text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}

.mission-bold {
	text-decoration: underline;
}

.mission-bold-job {
	text-decoration: underline;
	font-weight: bold;
}

.mission-divider {
	color: black;
	font-size: 30px;
	font-family: 'Roboto', sans-serif;
	padding: 5px;
}

/*	Shop Single Page Start.......
    ==================================================*/

#single-section .tab-content {
	padding: 10px;
	border-left: 1px solid #dedede;
	border-right: 1px solid #dedede;
	border-bottom: 1px solid #dedede;
}

#single-section .nav-tabs {
	margin-top: 30px;
}

#single-section .nav-tabs .active a {
	background: #4C6A92;
	color: #fff;
}

#single-section .nav-tabs li a {
	color: #333;
	border-top: 1px solid #dedede;
	border-left: 1px solid #dedede;
	border-right: 1px solid #dedede;
}

.single-section-img {
	border: 1px solid #dedede;
}

.information-section {
	border: 1px solid #dedede;
	padding: 10px 15px 16px 15px;
	margin-bottom: 25px;
	margin-top: 5px;
}

.information-section .view-link {
	background: #4C6A92;
	color: #fff;
}

.information-section .view-link i {
	color: #fff;
}

.information-section p {
	text-align: left;
	font-size: medium;
}

.information-section a {
	color: #005a9c;
	text-decoration: underline;
}

.information-section p.tag-art-p {
	text-align: left;
	font-size: small;
}

.information-section p.empname {
	font-weight: bold;
	text-align: left;
	font-size: large;
	margin-bottom: 0px;
}

.information-section p.emptitle {
	text-align: left;
	font-size: medium;
	margin-top: -6px;
	margin-bottom: 5px;
}

.information-section .branch i {
	font-size: 45px;
	margin-left: -20px;
	margin-top: 20px;
	vertical-align: middle;
}

.information-section h2 span {
	margin-top: -10px;
	padding-bottom: 10px;
	display: block;
}

.information-section a:hover {
	text-decoration: underline;
	color: #8a3f0e;
}

.information-section p.bookappointment a {
	font-weight: 600;
	font-size: 16pt;
}
/* Q&A section headings - keep same size as body text */
.information-section h3 {
	font-size: 16px; /* Same as body text */
	font-weight: bold;
	font-family: 'Roboto', sans-serif; /* Use body font, not heading font */
	margin-top: 15px;
	margin-bottom: 5px;
	display: block; /* Keep inline like the original bold text--changed to block 2/13/26 */
}

/* Add line break after inline H3 */
.information-section h3:after {
	content: "";
	display: block;
	margin-bottom: 10px;
}

/* Tax deed table padding */
.information-section table td,
.information-section table th {
    padding: 2px 12px;
}

/* Spaced list items */
.spaced-list li {
	margin-bottom: 15px;
}

.spaced-list li:last-child {
	margin-bottom: 0;
}

.navigation-heading {
	margin-top: 0;
	/* This is now an H2 for proper document hierarchy */
}

.vertical-center {
	display: flex;
	align-items: center;
}

.hover-hand {
	cursor: pointer;
}

/* ========================================
   PRINT STYLES FOR ACCESSIBILITY
   ======================================== */

@media print {
	.hidden-print,
	nav,
	.page-navigation,
	#back-top,
	footer {
		display: none !important;
	}
	
	a[href]:after {
		content: " (" attr(href) ")";
	}
	
	a[href^="#"]:after,
	a[href^="javascript:"]:after {
		content: "";
	}
	
	body {
		font-size: 12pt;
	}
	
	h1 {
		font-size: 24pt;
	}
	
	h2 {
		font-size: 18pt;
	}
	
	h3 {
		font-size: 14pt;
	}
}
/* Alert notice - for temporary outage or important notices */
.alert-notice {
	font-weight: bold;
	font-size: 16px;
}

/* Topic header left-floated image */
.topic-header-img-left {
	float: left;
	margin-right: 20px;
}

/* Award images - left float */
.award-img-left {
	float: left;
	margin-right: 15px;
	margin-bottom: 10px;
}

/* Award images - right float */
.award-img-right {
	float: right;
	margin-left: 15px;
	margin-bottom: 10px;
}
/* Prevent hours column from wrapping */
.branch table td:last-child,
.branch table th:last-child {
    white-space: nowrap;
}

/* Wait times modal iframe */
.wait-times-frame {
	border: 0;
	width: 100%;
	height: 200px;
}
/* ========================================
   MISSION VISION VALUES PAGE
   ======================================== */

.mission-bg {
	background-image: linear-gradient(rgba(76, 106, 146, 0.55), rgba(76, 106, 146, 0.55)), url(../images/banners/mission-full-bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	margin-bottom: 25px;
	margin-top: 5px;
}

.mission-bg .information-section {
	background-color: transparent !important;
	border: none;
	margin-bottom: 0;
	margin-top: 0;
}

/* Tagline */
.mission-tagline {
	color: white;
	font-family: 'Roboto', sans-serif;
	text-align: center !important;
	font-size: 36px !important;
	padding: 10px 30px 15px 30px;
	margin: 0;
	border-bottom: 1px solid rgba(255, 255, 255, 0.5);
	text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}

/* Definition list layout */
.mission-list {
	padding: 5px 5px 5px 5px;
	margin: 0;
	color: white;
	font-family: 'Roboto', sans-serif;
	font-size: 30px;
	text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}
/* Acrostic first letters - match surrounding text size */
.mission-list strong {
	text-decoration: underline;
	font-size: inherit;
	font-weight: inherit;
}

/* Label - dt */
.mission-list dt {
	text-decoration: underline;
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight:normal;
}
.acrostic {
    text-decoration: underline;
    font-size: 30px;
    font-family: 'Roboto', sans-serif;
    font-weight: normal;
}

/* Content - dd */
.mission-list dd {
	margin-left: 0;
	padding-bottom: 15px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.5);
	line-height: 1.8;
}


/* Remove border from last dd */
.mission-list dd:last-child {
	border-bottom: none;
	padding-bottom: 0;
}


/* Acrostic first letters */
.mission-list strong {
	text-decoration: underline;
}

/* Desktop layout - side by side */
@media (min-width: 768px) {
	.mission-list {
		display: grid;
		grid-template-columns: 120px 1fr;
		grid-column-gap: 25px;
		align-items: start;
	}

	.mission-list dt,
	.mission-list dd {
		padding-top: 15px;
	}
}

/* Mobile layout - stacked */
@media (max-width: 767px) {
	.mission-list dd {
		padding-left: 15px;
	}
}

/* Desktop layout - side by side */
@media (min-width: 768px) {
	.mission-list {
		display: grid;
		grid-template-columns: 120px 1fr;
		grid-column-gap: 25px;
		align-items: start;
	}

	.mission-list dt,
	.mission-list dd {
		padding-top: 15px;
	}
}

/* Mobile layout - stacked */
@media (max-width: 767px) {
	.mission-list dd {
		padding-left: 15px;
	}
}

/* Desktop layout - side by side */
@media (min-width: 768px) {
	.mission-list {
		display: grid;
		grid-template-columns: 120px 1fr;
		grid-column-gap: 25px;
		align-items: start;
	}

	.mission-list dt {
		padding-top: 15px;
	}

	.mission-list dd {
		padding-top: 15px;
	}
}

/* Mobile layout - stacked */
@media (max-width: 767px) {
	.mission-list dt {
		padding-top: 15px;
	}

	.mission-list dd {
		padding-left: 15px;
	}
}

/* Bold first letter styling for values */
.mission-list strong {
	font-size: 16px;
}
/* Meet our team row spacing */
.team-row {
	margin-bottom: 20px;
}

.team-row .empname,
.team-row .emptitle {
	text-align: center;
}

/* Appointments page important notice */
.appt-important {
	color: #b93a32;
	font-size: 22px;
	margin-top: 20px;
}

/* Red alert variation */
.alert-notice-red {
	color: #b93a32;
}

/* Appointments page quick links spacing */
#single-section #quick-links {
	margin-top: 0px;
	margin-bottom: 40px;
}
/* Kids Tag Art banner */
.kids-tag-art-banner {
    width: 95%;
    margin-top: -5px;
    margin-bottom: 5px;
}
/* Exit modal buttons */
.exit-modal-close {
	background-color: white;
	color: #4C6A92;
}

.exit-modal-continue {
	background-color: #4C6A92;
	color: white;
}

.exit-modal-continue:hover,
.exit-modal-continue:focus {
	background-color: #3a5578;
	color: white;
}

/* Announcement banner */
.announcement-bar {
    background-color: #eeb7b3;
    border-bottom: 2px solid #e1938f;
    border-top: 2px solid #e1938f;
    text-align: center;
    padding: 5px;
}

.announcement-bar p {
    font-size: 16px;
    margin: 0;
}

/* Kids Tag Art sponsor logo */
.sponsor-logo {
	width: 300px;
	margin-top: 8px;
}
/* Kids Tag Art figure sizing */
.tag-art-figure {
    margin-bottom: 20px;
}

.tag-art-img {
    width: 100%;
    max-width: 225px;
    border: 0;
    padding: 0;
    margin: 0 auto;
    display: block;
}

.tag-art-caption {
    margin-top: 8px;
}

.tag-art-caption p {
    margin-bottom: 2px;
    font-size: 14px;
}

.tag-art-label {
    font-weight: bold;
}

/* Career Values Definition List */
.career-values {
  margin: 15px 0;
}

.career-values dt {
  font-weight: bold;
  text-decoration: underline;
  margin-top: 10px;
  float: left;
  clear: left;
  min-width: 80px;
}

.career-values dd {
  margin-left: 90px;
  margin-bottom: 5px;
}

a:visited {
    color: #004070; /* Dark navy - clearly different from default #005a9c */
}

footer .block a:visited {
    color: #c8e6f0; /* Slightly different from default #E8F4F8 */
}

footer .block a:active {
    color: #fff;
}

/* ========================================
   TAX BILL EXPLANATION PAGE
   Add this block to stylev2.css
   ======================================== */

/* ------------------------------------------
   Image wrapper - contains the positioned
   callout badges over the bill image
   ------------------------------------------ */
.tax-bill-image-wrapper {
	position: relative;
	display: inline-block;
	width: 100%;
	line-height: 0; /* removes gap beneath inline image */
}

.tax-bill-img {
	width: 100%;
	height: auto;
	border: 1px solid #dedede;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
}

.tax-bill-caption {
	font-size: 12px !important;
	color: #666;
	margin-top: 8px;
	
}

/* ------------------------------------------
   Callout badges overlaid on the bill image
   aria-hidden in HTML - purely decorative
   ------------------------------------------ */
.callout-badge {
	position: absolute;
	transform: translate(-50%, -50%);
	pointer-events: none; /* overridden by JS for hover interaction */
}

.badge-number {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 26px;
	height: 26px;
	border-radius: 50%;
	background-color: #4C6A92;
	color: #fff;
	font-family: 'Yanone Kaffeesatz', sans-serif;
	font-size: 15px;
	font-weight: 700;
	border: 2px solid #fff;
	box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);
	line-height: 1;
	transition: background-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}

/* Active state triggered by JS on hover/focus */
.callout-badge.is-active .badge-number {
	background-color: #C86000;
	transform: scale(1.35);
	box-shadow: 0 0 0 4px rgba(200, 96, 0, 0.3), 0 2px 8px rgba(0, 0, 0, 0.4);
}

/* ------------------------------------------
   Explanations ordered list
   ------------------------------------------ */
.tax-bill-explanations {
	list-style: none;
	padding-left: 0;
	margin: 0;
}

.tax-bill-explanations > li {
	border-bottom: 1px solid #E2E9EE;
	border-radius: 4px;
	transition: background-color 0.15s ease;
	outline: none; /* focus ring handled below */
}

.tax-bill-explanations > li:last-child {
	border-bottom: none;
}

/* Hover state triggered by JS (mouseenter on li) */
.tax-bill-explanations > li.is-highlighted,
.tax-bill-explanations > li:hover {
	background-color: #F2F5F8;
}

/* Keyboard focus state */
.tax-bill-explanations > li:focus-within,
.tax-bill-explanations > li:focus {
	background-color: #F2F5F8;
	outline: 3px solid #C86000;
	outline-offset: 2px;
}

/* Number badge inside each list item turns orange on highlight */
.tax-bill-explanations > li.is-highlighted .callout-number,
.tax-bill-explanations > li:hover .callout-number,
.tax-bill-explanations > li:focus-within .callout-number,
.tax-bill-explanations > li:focus .callout-number {
	background-color: #C86000;
}

/* ------------------------------------------
   Callout item layout: number circle + text
   ------------------------------------------ */
.callout-item {
	display: flex;
	align-items: flex-start;
	padding: 9px 8px;
	gap: 14px;
}

.callout-number {
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background-color: #4C6A92;
	color: #fff;
	font-family: 'Yanone Kaffeesatz', sans-serif;
	font-size: 18px;
	font-weight: 700;
	margin-top: 2px; /* optical alignment with h3 cap height */
	transition: background-color 0.2s ease;
}

.callout-content {
	flex: 1;
}

.callout-content h3 {
	font-family: 'Yanone Kaffeesatz', sans-serif;
	font-size: 22px;
	color: #000;
	margin: 0 0 6px 0;
}

.callout-content p {
	margin: 0;
	font-size: 14px;
	line-height: 1.6;
	color: #333;
}

/* ------------------------------------------
   Discount list inside callout 6 (Payment Stub)
   Reuses your existing .bullet class but
   adds the arrow prefix style
   ------------------------------------------ */
.tax-discount-list {
	margin-top: 8px;
}

.tax-discount-list li {
	font-size: 14px;
	padding: 2px 0;
}

/* ------------------------------------------
   Payment options section icons
   ------------------------------------------ */
#tax-bill-help h3 .fas {
	color: #4C6A92;
	margin-right: 6px;
}

/* ------------------------------------------
   Responsive adjustments
   ------------------------------------------ */
@media (max-width: 991px) {
	/* Give the image column breathing room before stacking */
	.tax-bill-image-wrapper {
		margin-bottom: 24px;
	}
}

@media (max-width: 767px) {
	.badge-number {
		width: 26px;
		height: 26px;
		font-size: 18px;
	}

	/* Larger invisible tap area around each badge */
	.callout-badge {
		padding: 8px;
		margin: -8px;
	}

	.callout-item {
		padding: 12px 4px;
		gap: 10px;
	}

	.callout-number {
		width: 28px;
		height: 28px;
		font-size: 16px;
	}

	.callout-content h3 {
		font-size: 19px;
	}
}

/* ------------------------------------------
   Print styles
   ------------------------------------------ */
@media print {
	/* Hide interactive badges - the image already shows the arrows */
	.callout-badge {
		display: none;
	}

	/* Force badge numbers to print in dark */
	.callout-number {
		background-color: #000 !important;
		-webkit-print-color-adjust: exact;
		print-color-adjust: exact;
	}

	/* Keep two-column layout in print */
	.col-md-6 {
		width: 50% !important;
		float: left !important;
	}
}

#single-section .block ol.tourist-steps-list {
    list-style: none !important;
    padding-left: 0 !important;
    counter-reset: steps-counter;
}

#single-section .block ol.tourist-steps-list li {
    counter-increment: steps-counter;
    padding-left: 25px;
    position: relative;
    margin-bottom: 18px;
}

#single-section .block ol.tourist-steps-list li::before {
    content: counter(steps-counter) ". ";
    position: absolute;
    left: 0;
    font-weight: bold;
}
/* ========================================
   TOURIST TAX YEAR OVER YEAR PAGE
   Add this block to stylev2.css
   ======================================== */



/* ------------------------------------------
   Chart wrapper - fixed height so it never
   shrinks too small on mobile
   ------------------------------------------ */
.tourist-chart-wrapper {
	position: relative;
	width: 100%;
	height: 420px;
	margin-bottom: 8px;
}

@media (max-width: 767px) {
	.tourist-chart-wrapper {
		height: 300px;
	}
}

/* ------------------------------------------
   Table wrapper - horizontal scroll on mobile
   ------------------------------------------ */
.tourist-table-wrapper {
	width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

/* Table caption - visible to screen readers, styled subtly for sighted users */
.tourist-tax-table caption {
	caption-side: top;
	font-size: 13px;
	color: #666;
	font-style: italic;
	text-align: left;
	padding-bottom: 6px;
}

/* ------------------------------------------
   Tourist tax data table
   ------------------------------------------ */
.tourist-tax-table {
	width: 100%;
	min-width: 0; /* removed fixed min-width - JS handles mobile columns */
	font-size: 13px;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	border-collapse: collapse;
}

.tourist-tax-table thead th {
	background-color: #4C6A92;
	color: #fff;
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
	font-weight: 700;
	text-align: center;
	white-space: nowrap;
	padding: 10px 8px;
	border-color: #3a5478;
}

/* Month row headers */
.tourist-tax-table tbody th,
.tourist-tax-table tfoot th {
	background-color: #F2F5F8;
	color: #000;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	font-weight: 700;
	white-space: nowrap;
	padding: 8px 10px;
	border-color: #dedede;
}

/* Data cells */
.tourist-tax-table td {
	text-align: right;
	padding: 7px 10px;
	border-color: #dedede;
	white-space: nowrap;
	color: #333;
}

.tourist-tax-table td.has-data {
	color: #000;
}

.tourist-tax-table td.no-data {
	color: #000;
	text-align: center;
}

/* Zebra striping */
.tourist-tax-table tbody tr:nth-child(even) {
	background-color: #F9FBFC;
}

/* Totals row */
.tourist-tax-table tfoot .totals-row th,
.tourist-tax-table tfoot .totals-row td {
	background-color: #E2E9EE;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	font-weight: 700;
	border-top: 2px solid #4C6A92;
}

.tourist-tax-table tfoot .totals-row td.total-cell {
	color: #4C6A92;
	font-weight: 700;
}

/* Grand total below table */
.tourist-grand-total {
	text-align: right;
	font-family: 'Roboto', sans-serif;
	font-size: 17px;
	color: #4C6A92;
	margin-top: 6px;
	padding: 8px 12px;
	background-color: #E2E9EE;
	border-radius: 4px;
}

/* ------------------------------------------
   Focus styles for table keyboard navigation
   ------------------------------------------ */
.tourist-tax-table:focus {
	outline: 3px solid #C86000;
	outline-offset: 2px;
}

/* ------------------------------------------
   Responsive scroll hint on mobile
   ------------------------------------------ */
/* Mobile note below table */
.tourist-table-mobile-note {
	display: none; /* shown by JS on mobile only */
	font-size: 12px !important;
	color: #666;
	margin-top: 6px;
	font-style: italic;
}

.tourist-table-mobile-note a {
	color: #005a9c;
}

@media (max-width: 767px) {
	/* Tighter cell padding on mobile so 3 columns fit */
	.tourist-tax-table th,
	.tourist-tax-table td {
		padding: 6px 8px !important;
		font-size: 12px !important;
	}

	.tourist-tax-table thead th {
		font-size: 13px !important;
	}

	/* Remove the old scroll hint since we no longer need to scroll */
	.tourist-table-wrapper::before {
		display: none;
	}
}

	/* Sponsor tier container */
	.sponsor-tier {
		margin-bottom: 24px;
	}

	/* Full-width h3 bar */
	.sponsor-tier h3 {
		background-color: #E2E9EE;
		
		padding: 10px 14px;
		margin: 0 0 12px 0;
		font-size: 18px;
		font-weight: 600;
		border-left: 5px solid #4C6A92;

		/* Negative margins to break out of any padded parent container
		   and span the full width of the .information-section div.
		   Adjust these values if your .information-section has different padding. */
		margin-left: -15px;
		margin-right: -15px;
		padding-left: 19px; /* 14px padding + 5px to compensate for left margin */
	}
/* ========================================
   BUDGET REQUEST PAGE (budget.php)
   Add this block to the bottom of stylev2.css
   ======================================== */

/* ------------------------------------------
   Year selector tab bar
   Lives inside #topic-header
   ------------------------------------------ */
.budget-year-tabs {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  margin-top: 12px;
  margin-bottom: 4px;
}

.budget-year-tabs button {
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  font-weight: 400;
  padding: 6px 16px;
  border: 2px solid #4C6A92;
  background: #fff;
  color: #4C6A92;
  border-radius: 3px;
  cursor: pointer;
  transition: background 0.15s, color 0.15s;
  text-decoration: none;
}

.budget-year-tabs button:hover {
  background: #E2E9EE;
}

.budget-year-tabs button.active {
  background: #4C6A92;
  color: #fff;
  font-weight: 700;
}

.budget-year-tabs button:focus {
  outline: 2px solid #005a9c;
  outline-offset: 2px;
}

/* ------------------------------------------
   Print Original PDF button
   ------------------------------------------ */
#topic-header a.budget-pdf-btn,
#topic-header a.budget-pdf-btn:visited {
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  font-weight: 400;
  padding: 6px 16px;
  border: 2px solid #b55013;
  background: #fff;
  color: #b55013;
  border-radius: 3px;
  cursor: pointer;
  margin-left: auto;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  transition: background 0.15s, color 0.15s, box-shadow 0.15s;
  text-decoration: none;
}

#topic-header a.budget-pdf-btn:hover,
#topic-header a.budget-pdf-btn:focus {
  background: #b55013;
  color: #fff;
  border-color: #b55013;
  box-shadow: inset 0 0 0 2px #fff;
  text-decoration: none;
}

#topic-header a.budget-pdf-btn:focus {
  outline: 2px solid #005a9c;
  outline-offset: 2px;
}

/* ------------------------------------------
   Form reference line (below H1 in topic
   header and above table in content area)
   ------------------------------------------ */
.budget-form-ref {
  font-size: 13px !important;
  color: #555;
  margin-top: 4px;
  margin-bottom: 12px;
}

/* ------------------------------------------
   Table wrapper - horizontal scroll on mobile
   ------------------------------------------ */
.budget-table-wrapper {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  margin-top: 10px;
}

/* ------------------------------------------
   Budget summary table
   ------------------------------------------ */
.budget-summary-table {
  width: 100%;
  table-layout: fixed;
  font-size: 13px;
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  border-collapse: collapse;
  min-width: 900px;
  margin-bottom:15px;
}

/* Table caption */
.budget-table-caption {
  caption-side: bottom;
  font-size: 12px !important;
  color: #555;
  font-style: italic;
  text-align: left;
  padding-top: 6px;
}

/* Column header cells - dark blue */
.budget-summary-table thead th {
  background-color: #4C6A92;
  color: #fff;
  font-family: 'Roboto', sans-serif;
  font-size: 13px;
  font-weight: 700;
  text-align: center;
  vertical-align: middle;
  padding: 9px 10px;
  border: 1px solid #3a5478;
  line-height: 1.35;
}

/* Increase / Decrease group headers - lighter blue */
.budget-summary-table thead th.budget-th-inc {
  background-color: #7a96b8;
}

/* Second header row (Amount / %) - slightly smaller */
.budget-summary-table thead tr:last-child th {
  font-size: 12px;
}

/* Body data cells */
.budget-summary-table tbody td,
.budget-summary-table tbody th {
  border: 1px solid #c5d3de;
  padding: 8px 10px;
  vertical-align: middle;
}

/* Category label column */
.budget-row-label {
  text-align: left;
  font-weight: 400;
  font-family: 'Roboto', sans-serif;
  background-color: #F2F5F8;
}

.budget-row-sub {
  font-size: 11px;
  font-weight: 300;
  color: #666;
  margin-top: 2px;
}

/* Numeric data cells */
.budget-cell {
  text-align: right;
  font-family: 'Courier New', monospace;
  white-space: nowrap;
}

.budget-dash {
  text-align: center;
  font-family: 'Roboto', sans-serif;
  color: #999;
}

/* Increase / decrease - no color coding, sign conveyed by parentheses or minus symbol */

/* Zebra striping */
.budget-summary-table tbody tr:nth-child(even) td,
.budget-summary-table tbody tr:nth-child(even) th {
  background-color: #f9fbfc;
}

/* Total Expenditures row */
.budget-totals-row td,
.budget-totals-row .budget-row-label {
  background-color: #E2E9EE !important;
  font-weight: 700;
  border-top: 2px solid #4C6A92 !important;
}

/* Number of Positions row - neutral, no special color */
.budget-positions-row td,
.budget-positions-row .budget-row-label {
  background-color: #fff !important;
  font-style: normal;
  color: inherit;
}

/* Note below table */
.budget-table-note {
  font-size: 12px !important;
  color: #555;
  margin-top: 8px;
  font-style: italic;
}

/* ------------------------------------------
   Focus styles
   ------------------------------------------ */
.budget-summary-table:focus {
  outline: 2px solid #005a9c;
  outline-offset: 2px;
}

/* ------------------------------------------
   Mobile
   ------------------------------------------ */
@media (max-width: 767px) {
  .budget-year-tabs {
    gap: 4px;
  }

  .budget-year-tabs button {
    font-size: 13px;
    padding: 5px 12px;
  }

  a.budget-pdf-btn {
    font-size: 13px;
    padding: 5px 12px;
    margin-left: 0;
    margin-top: 4px;
  }

  .budget-table-wrapper::before {
    content: "Scroll horizontally to view all columns \2192";
    display: block;
    font-size: 12px !important;
    color: #666;
    font-style: italic;
    margin-bottom: 6px;
  }
}

/* ------------------------------------------
   Print
   ------------------------------------------ */
@media print {
  .budget-year-tabs,
  .budget-pdf-btn {
    display: none !important;
  }

  .budget-table-wrapper {
    overflow: visible;
  }

  .budget-summary-table {
    min-width: 0;
    font-size: 9pt;
  }
}

/* ========================================
   FLORIDA TITLE EXAMPLE
   ======================================== */

/* h4 used for callout headings here since this section
   sits inside an h3 parent in the page hierarchy */
#title-transfer-examples .callout-content h4 {
	font-family: 'Yanone Kaffeesatz', sans-serif;
	font-size: 22px;
	color: #000;
	margin: 0 0 6px 0;
	font-weight: normal;
}

/* Nested bullet list inside callout 6 (Mileage Checkboxes) */
#title-transfer-examples .callout-content .bullet {
	padding-left: 18px;
	margin-bottom: 0;
}

#title-transfer-examples .callout-content .bullet li {
	font-size: 14px;
	line-height: 1.6;
}

/* Two-digit badge number — allow width to expand for "10" */
.badge-number {
	min-width: 26px;
	width: auto;
	padding: 0 4px;
}
/* Sticky image column - pins while explanation list scrolls */
.title-image-sticky {
	position: -webkit-sticky; /* Safari */
	position: sticky;
	top: 20px;
	align-self: flex-start;
}

/* Disable sticky on mobile - stacks normally */
@media (max-width: 767px) {
	.title-image-sticky {
		position: static;
	}
}