/*** Table of content ***/

/* 
1. header 
2. accessibility	
3. footer
4. iframe size
5. Font Awesome
6. Location card
7. Content block
8. Button
9. Modal
10. Advance voting locations
*/

html {
	scroll-behavior: auto !important;
}

/* 1. header */
header .container-fluid,
.nav-app-logo .container {
	background-color: #92278F;
}

.container-fluid.nav-cov-logo {
	display: block;
}

.nav-item.active .nav-link {
	background-color: #fff;
	border-top: 5px solid #6DC8BF !important;
}

.navbar-light .navbar-nav .nav-link:hover {
    color: #fff;
}

.nav-item a.nav-link:hover,
.nav-item a.nav-link:active,
.nav-item a.nav-link:focus {
	background-color: #652067;
}

.nav-item a.nav-link:active {
	box-shadow: inset 0 0 0 3px #f5a623;
	outline: none;
}

a.dropdown-item {
	background-color: #92278F;
}

a.dropdown-item:hover,
a.dropdown-item:active,
a.dropdown-item:focus {
	background-color: #652067;
}

a.cov-logo-blue:active,
a.cov-logo-blue:focus {
	background-color: transparent;
	outline:3px solid #F5A623;
	box-shadow: 0 0 0 3px #F5A623;
}

/* 2. accessiblity */
.sr-only {
	border: 0;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

.sr-only-focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto
}

/* footer */
footer.container-fluid {
	background-color: #fff;
	border-top: 1px solid #d9d9d5;
}

footer .container {
	color: #444444;
	background-color: #fff
}

footer a:link,
footer a:visited,
footer a:hover,
footer a:visited:hover,
footer a:visited:focus,
footer a:visited:active {
	color: #444444;
}

footer a:active {
	background-color: transparent;
	outline: 3px solid #f8c165;
}

/* 4. iframe size */
.iframe-ovs {
	min-height: 600px;
}

/* 5. Font Awesome */

a:focus [class^="fa"],
a:link [class^="fa"] {
	background-color: #0279B1;
}

a:visited [class^="fa"] {
	background-color: #8C53CA;
}

a:hover [class^="fa"],
a:visited:active [class^="fa"],
a:active [class^="fa"] {
	background-color: #015982;
}


.icon-primary.fa-icon {
	background-color: #0279b1;
}

.icon-secondary.fa-icon {
	background-color: #f5a623;
}

.icon-info.fa-icon {
	background-color: #92278F;
	
}

.btn-secondary:hover .fa-icon, .btn-secondary:focus .fa-icon, .btn-secondary:active .fa-icon
{
	background-color: #FFF;
}

.alert .fa-icon {
	display: inline-block;
	height: 36px;
	width: 36px;
	margin-right: 20px;
	flex-shrink: 0;
}

.fa-circle-exclamation {
	-webkit-mask-size: cover;
	mask-size: cover;
	-webkit-mask-image: url("../fa/circle-exclamation.svg");
	mask-image: url("../fa/circle-exclamation.svg");
}

.fa-info-circle {
	-webkit-mask-size: cover;
	mask-size: cover;
	-webkit-mask-image: url("../fa/info-circle-solid.svg");
	mask-image: url("../fa/info-circle-solid.svg");
}

.info-circle-light {
	-webkit-mask-size: cover;
	mask-size: cover;
	-webkit-mask-image: url("../fa/info-circle-light.svg");
	mask-image: url("../fa/info-circle-light.svg");
	letter-spacing: 11px;
}

.info-circle-light:before {
	content: "\f05a";
	font-size: 0.3em;
	margin-right: 8px;
}

.icon-menu.fa-icon {
	background-color: #fff;
	display: inline-block;
}

.fa-external-link-alt {
	-webkit-mask-repeat: round;
	/* mask-repeat: no-repeat; */
	-webkit-mask-image: url("../fa/external-link-alt-solid.svg");
	mask-image: url("../fa/external-link-alt-solid.svg");
	letter-spacing: 7px;
}

.fa-external-link-alt:before {
	content: "\f35d";
}

.fa-arrow-up-to-line {
	-webkit-mask-size: cover;
	mask-size: cover;
	-webkit-mask-image: url("../fa/arrow-up-to-line-solid.svg");
	mask-image: url("../fa/arrow-up-to-line-solid.svg");
	/*letter-spacing: 4px;*/
	/* background-color: #0279b1 !important; */
	-webkit-mask-repeat: no-repeat;
}

/*.btn-secondary:hover .fa-arrow-up-to-line {
	background-color: #fff !important;
}*/

.fa-arrow-up-to-line:before {
	content: "\f341";
}

.fa-bars-solid {
	-webkit-mask-size: cover;
	mask-size: cover;
	-webkit-mask-image: url("../fa/bars-solid.svg");
	mask-image: url("../fa/bars-solid.svg");
	width: 18px;
	height: 18px;
}

.navbar-toggler-icon:before {
	display: none;
}

.fa-solid.text-primary {
	color: #0279b1 !important;
}

/* 6. Location card */
.voting-locations .card-body>p {
	font-weight: bold;
}

.advance-date-info{
	display: revert;
}

/* Content block */

.padding {
	padding: 20px 10px;
}

.card.border-primary {
	border-color: #0279B1 !important;
}
.border-plan-your-vote {
	border: 10px solid !important;
    border-image-slice: 1 !important;
    border-width: 10px !important;
    border-image-source: linear-gradient(90deg, #92278F 30.69%, #F9A921 100%) !important;
}

/* 8. back to top */
.btn-secondary.btn-back-to-top {
	float: right;
	margin-right: 0;
}

.btn-secondary.btn-back-to-top .fa-icon {
	margin-right: 5px;
}

.btn-secondary > i[class*="fa-"] {
	padding-right: 5px;
}

.card .btn-success {
	color: #fff;
	border: 1px solid #4B8516;
}

/*.card a.btn-success:hover::before,
.card .btn-success:active:focus,*/
.card .btn-success:active
.card .btn-success:focus {
	border-radius: 5px;
}

/* responsive */
@media screen and (max-width: 767px) {

	/* 1. header */
	.cov-logo-blue-block {
		display: flex;
		-ms-align-items: flex-end;
		align-items: flex-end;
		-webkit-align-items: flex-end;
	}

	button.navbar-toggler {
		background: #652067;
	}

	.info-circle-light:before {
		font-size: 0.3em;
		margin-right: 8px;
	}	
	.info-circle-light {
		letter-spacing: 8px;
	}
}

@media screen and (max-width: 599px) {

	/* 1. header */
	.navbar-toggler+.cov-logo-blue-block {
		align-items: flex-start;
		flex-direction: column;
	}

	a.cov-title-blue {
		margin-top: 5px;
	}

	/* 4. iframe size */
	.iframe-ovs {
		min-height: 780px;
	}

	/* Font Awesome */
	/* alert icon */
	.alert .fa-icon {
	    display: none;
        }
        
        .voting-locations .img-link + div + .img-link {
		margin-top: 20px;
	}
}

/* firefox only for info icon */
@-moz-document url-prefix() {
	.info-circle-light:before {
		margin-right: 0px;
	}

	@media screen and (max-width: 599px) {
		.info-circle-light {
			padding-bottom: 3px;
		}
	}
}

/* safari only for info icon */
@media not all and (min-resolution:.001dpcm) {
	@media screen {
		.info-circle-light:before {
			font-size: 0.2em;
			margin-right: 10px;
		}
	}	

	@media (max-width: 820px) {
		.info-circle-light:before {
			margin-right: 13px;
		}
	}
}

@supports (-webkit-touch-callout: none) {
	.info-circle-light:before {
		font-size: 0.1em;
		margin-right: 13px;
		/*^original 10px*/
	}

	@media (max-width: 844px) {
		.info-circle-light:before {
			margin-right: 11px;
		}
	}

	@media (max-width: 1024px) and (min-width: 768px) {
		.info-circle-light:before {
			margin-right: 13px;
		}
	}
  }

/*
footer.container-fluid {
    background-color: transparent;
    border-top: 1px solid #B2B2B2;
}

footer .container {
    background-color: transparent;
    font-color: #444;
}
*/

/* 9. Modal */
.img-link {
	display: inline-block;
	margin-right: 20px;
}

.img-link:focus {
	border-radius: 5px;
}

.img-thumb {
	width: 180px;
	height: 100px;
	object-fit: cover;
	border-radius: 5px;
}

.modal-body {
	padding: 20px;
}

.modal-content {
	border: 0;
	box-shadow: 0px 0px 16px grey;
	text-align: center;
}

.btn-close:focus {
	box-shadow: 0 0 0 3px #f5a623;
}

.card-img {
	object-fit: contain;
	max-width: 640px;
	max-height: 700px;
	border-radius: 5px;
}

.modal-title.display-4{
	margin: 0;
}

@media (min-width: 576px) {
	.modal-dialog {
		max-width: 680px;
	}

	.card-img {
		width: auto !important;
	}
}

@media (max-width: 461px) {
	div a.img-link:first-child {
		margin-bottom: 20px;
	}
}

/* 10. advance voting locations */
.advance-date-info {
	/*display: none;*/
}