/*** Table of content ***/

/* 
1. header 
2. accessibility	
3. footer
4. iframe size
5. Font Awesome
6. Location card
7. Content block
8. Buttons
9. Results page
*/


/* 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: #143B52;
	border-top: 5px solid #f5a623;
}

.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
}

/* 3. 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;
}

a.btn-primary:link .fa-icon {
	background-color: #fff;
}

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

.icon-primary.fa-icon.fa-info-circle {
	background-color: transparent;
}

.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-solid.svg");
	mask-image: url("../fa/circle-exclamation-solid.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");
}

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

/*.fa-external-link-alt {
	-webkit-mask-repeat: no-repeat;
	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: 8px;
}*/

.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;
}*/

.fa-icon {
	height: 15px;
	width: 15px;
	margin-right: 5px;
}

.fa-list {
	-webkit-mask-size: cover;
	mask-size: cover;
	-webkit-mask-image: url("../fa/list-solid.svg");
	mask-image: url("../fa/list-solid.svg");
	/*	content: url("../fa/list-solid.svg");*/
}

.fa-chart {
	-webkit-mask-size: cover;
	mask-size: cover;
	-webkit-mask-image: url("../fa/chart-column-solid.svg");
	mask-image: url("../fa/chart-column-solid.svg");
	/*content: url("../fa/chart-column-solid.svg")*/
}

.fa-bullhorn {
	content: url("../fa/bullhorn-solid.svg");
}

.fa-ballot {
	content: url("../fa/ballot-solid.svg");
}

.fa-info-circle {
	height: 16px;
	width: 16px;
	/*filter: invert(29%) sepia(19%) saturate(6810%) hue-rotate(177deg) brightness(102%) contrast(98%);*/
	filter: invert(28%) sepia(49%) saturate(3074%) hue-rotate(178deg) brightness(97%) contrast(98%);
	content: url("../fa/info-circle-light.svg");
	margin-right: 0px;
}

.fa-circle-exclamation {
	content: url("../fa/circle-exclamation-solid.svg");
	filter: invert(29%) sepia(19%) saturate(6810%) hue-rotate(177deg) brightness(102%) contrast(98%);
}

.icon-purple {
	filter: invert(18%) sepia(50%) saturate(4676%) hue-rotate(288deg) brightness(84%) contrast(85%);;
}

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

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

/* 7. Content block */
.padding {
	padding: 20px 10px;
}

.card.border-primary {
	border-color: #0279B1 !important;
}

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

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

.btn .fa-icon, #list-btn .fa-icon, #chart-btn .fa-icon {
    display: inline-block;
    height: 19px;
    width: 16px;
    margin-right: 10px;
}

#list-btn .fa-icon, #chart-btn .fa-icon  {
    height: 16px;
    width: 18px;	
}

a.btn-primary:visited [class^="fa"] {
	background-color: #fff;
}

a.btn-primary:hover [class^="fa"], a.btn-primary:focus [class^="fa"], a.btn-primary:active [class^="fa"], a.btn-primary:focus:visited [class^="fa"] {
	background-color: #0279b1;
}

a.btn-secondary:visited [class^="fa"] {
	background-color: #027b91;
}

a.btn-secondary:hover [class^="fa"], a.btn-secondary:focus [class^="fa"], a.btn-secondary:active [class^="fa"], a.btn-secondary:focus:visited [class^="fa"] {
	background-color: #fff;
}

/* 9. Results page */
.results-btn-container {
	display: flex;	
    flex-wrap: wrap;
}

.results-btn-loader {
	margin-bottom: 20px;
}

.results-btn-container .btn {
	flex-basis: content;
	flex-grow: 0;
	flex-shrink: 0;
}

.results-info-container {
	margin-right: 30px;
}

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

#v_total_places, #v_total_cast {
    font-weight: 600;
}

.card.h-100 {
    height: calc(100% - 20px) !important;
}

.alert-primary a {
	text-decoration: underline;
}

.capital-title {
	margin-bottom: 20px;
}

/* 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;
	}

	.nav-item.active .nav-link {
		border-top: 5px solid #143B52;
	}
}

@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;
     }

	/* 8. Buttons */
    #list-btn.btn, #chart-btn.btn {
        width: initial;
        max-width: initial;
    }

}

/* safari only */
/* @media not all and (min-resolution:.001dpcm) {

	@supports (-webkit-appearance:none) {
		.fa-arrow-up-to-line {
			-webkit-mask-repeat: round;
		}
	}
	
} */

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

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