/* start WCAG compilance */

[data-background-color="red"] {
    background-color: #B2101B;
}

.bg-danger {
	background-color: #AD1E2C !important;
}

a:hover, a:focus {
    color: #001388;
}

a {
    color: #001388;
}

.bg-gray-light {
  background-color: #F2F2F2 !important;
}

.lead {
	font-weight: 400;
}

/* end WCAG */

.navbar-brand {
	max-width: 240px;
}

.section-xs {
	padding-top: 20px;
	padding-bottom: 15px;
}
	
.section-md {
	padding-top: 40px;
	padding-bottom: 20px;
}

.partners .logo {
	max-width: 220px;
	min-height: 120px;
}

.logo-xs {
	height: 40px;
}

.logo-md {
	height: 75px;
}

.logo-lg {
	height: 120px;
}

.index-page .page-header .container>.content-center {
    top: 55%;
}

.brand .h1-seo {
	font-size: 2.8em;
    font-weight: 300;
	margin-bottom: 0;
}
.brand .h2-seo {
	font-size: 2.2em;
    font-weight: 400;
}

.brand .n-logo {
    max-width: 370px;
    margin-bottom: 40px;
	margin-top: 40px;
}

.brand .cta {
	margin-top: 50px;
	margin-bottom: 30px;
}

.brand .cta .btn {
	font-size: 22px;
}
	
.index-page .page-header {
    height: 100vh;
}

.index-page .page-header .category-absolute {
	top: 80vh;
}

.description, .card-description {
	color: #2A2A2A;
	font-weight: 400;
}

.info dd {
	font-size: 20px;
}
.info dt {
	font-weight: 400;
	font-size: 16px;
}

.panel-turns img {
	max-height: 160px;
	padding: 5px;
}

.nav-pills.citycard .nav-link:not(.btn) {
    font-size: 0.85em;
    padding: 0.7rem 0.3rem;
	font-weight: 600;
    line-height: 1.625rem;
}

.navbar .navbar-nav .nav-link:not(.btn) {
    font-size: 1em;
}
.navbar .navbar-nav .nav-link.btn {
    font-size: 1em;
}

.nav-pills.citycard .nav-item:not(:last-child), .nav-pills:not(.flex-column) .nav-item:not(:last-child) .nav-link {
    margin-right: 0px; 
}

.nav-pills.citycard .nav-link {
    border-radius: 0;
}

p {
	font-weight: 400;
}

.discount {
	font-size: 14px;
}

.discount .card-subtitle {
	font-size: 12px;
	margin-right: 10px;
}

.council-member {
	font-size: 16px;
}

.council-member .card-title {
	font-size: 15px;
}

.council-member .card-subtitle {
	font-size: 13px;
	margin-right: 10px;
}


.citycard-map { 
	height: 450px; 
}

.card-stats .card-body .numbers {
  text-align: right;
  font-size: 2em;
}

.card-stats .card-body .numbers p {
  margin-bottom: 0;
}

.card-stats .card-body .numbers .card-category {
  color: #9A9A9A;
  font-size: 16px;
  line-height: 1.4em;
}

.link-overlay .btn {
	display: none;
    position: absolute;
    top: -30px;
    left: -6px;
    right: -6px;
    bottom: -30px;
    background: rgba(203, 18, 29,.9);
    color: #FFFFFF;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 32px;
}

	.link-overlay:hover .btn {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
	}
	
@media (max-width: 64rem) {
	.link-overlay .btn {
		top: -10px;
		left: -5px;
		right: -5px;
		bottom: -10px;
	}
	.card.card-stats {
		padding-top: 0;
	}
}

.btn-accent:hover:before {
    -webkit-animation: run .8s linear infinite;
    animation: run .8s linear infinite;
}

@-webkit-keyframes run{
	0%{-webkit-transform:translateX(0);transform:translateX(0)}
	50%{-webkit-transform:translateX(70%);transform:translateX(70%)}
	to{-webkit-transform:translateX(0);transform:translateX(0)}
}
@keyframes run{
	0%{-webkit-transform:translateX(0);transform:translateX(0)}
	50%{-webkit-transform:translateX(70%);transform:translateX(70%)}
	to{-webkit-transform:translateX(0);transform:translateX(0)}
}