@charset "utf-8";
/* CSS Document */

/* Banner */
.banner-wrapper{text-align: center;}
.banner-wrapper h2{color:white;text-shadow: 1px 1px 2px black;}
.banner-wrapper form label{color:white;text-shadow: 1px 1px 2px black;}
.banner-wrapper i{font-size:.4em;}
.banner-wrapper a{text-decoration:underline;font-size:.8em;text-shadow: 1px 1px 2px black;}
.banner-wrapper a:link{color:white;}
.banner-wrapper a:hover{color:white;}
.banner-wrapper a:visited{color:white;}
.banner-wrapper a:active{color:white;}
.banner-links{line-height:1.1em !important;}

@media (max-width: 768px) {
	#census-banner{display:inline-block;height:auto;width:100%;}
    .banner-wrapper{background:#476585;}
    .banner-wrapper h2{font-size: 1.3em !important;}
}
@media (min-width: 768px) {
	#census-banner{display:none;}
    
	.banner-wrapper{
	background: linear-gradient(
          rgba(0, 0, 0, 0.4), 
          rgba(0, 0, 0, 0.4)
        ), url("/images/homepage/cpop-banner.jpg") right top;
	min-height:270px;
	position: relative;
    height:auto;
    width:100%;
    display:block; 
    color:white;
	}
    
    .banner-wrapper h2{font-size: 2.5em !important;}
    .banner-links{font-weight:bold;}

	.banner-overlay{
	border:none;
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	}
}

input#GEONAME::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  font-size: 85%;
}
input#GEONAME::-moz-placeholder { /* Firefox 19+ */
  font-size: 85%; text-overflow:ellipsis;
}
input#GEONAME:-ms-input-placeholder { /* IE 10+ */
  font-size: 85%;text-overflow:ellipsis;
}
input#GEONAME:-moz-placeholder { /* Firefox 18- */
  font-size: 85%;text-overflow:ellipsis;
}
input[placeholder]#GEONAME {text-overflow:ellipsis;}

.ui-autocomplete {
    max-height: 120px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
 }
/* IE 6 doesn't support max-height
 * we use height instead, but this forces the menu to always be this tall
 */
* html .ui-autocomplete {
    height: 100px;
 }  

/* Census navigation bar */
#censusnavbanner.row{margin-left:0px;margin-right:0px;}
#censusnavbanner>.col-md-2,#censusnavbanner>.col-sm-4,#censusnavbanner>.col-xs-6{padding-left:0px;padding-right:0px;}
#censusnavbanner{background:#F2F5F8;min-height:50px; padding:0px;text-align:center;font-size:16px !important;line-height:1.5em;}
.censusnavitemtext{font-size:18px;}
.censusnavitemicon,.censusnavitemtext{display:block;}
a.censusnavitemlink{display:block;text-decoration:underline;padding:15px 3px;}
a:link.censusnavitemlink{color:#1c578a;}
a:hover.censusnavitemlink{color:#1c578a;text-decoration:underline;background:#E0E0E0;}
a:visited.censusnavitemlink{color:#1c578a !important;}
a:active.censusnavitemlink{color:#1c578a !important;}
.font150{font-size:150%;color:#1c578a;font-weight:600;}

/* Census news */
.datecard{border:1px solid #f3f3f3;background:#f3f3f3;padding:5px 1px;line-height:1.2;}
.datecard-day, .datecard-month, .datecard-year{display:inline-block;text-align:center;width:100%;}
.datecard-day{font-size:1.5em;font-weight:bold;}
.datecard-month{font-size:.8em;text-transform:uppercase;}
.datecard-year{font-size:.9em;margin-top:5px;}
.text-large{font-size:2.5em;}

/* Upcoming releases */
.card-box {
    position: relative;
    color: #fff;
    padding: 20px 10px 35px;
    margin: 20px 0px;
}
.card-box:hover {
    color: #f1f1f1;
}
.card-box:hover .icon i {
    font-size: 100px;
    transition: 1s;
    -webkit-transition: 1s;
}
.card-box .inner {
    padding: 5px 10px 0 10px;
}
.card-box .icon {
    position: absolute;
    top: auto;
    bottom: 5px;
    right: 5px;
    z-index: 0;
    font-size: 72px;
    color: rgba(0, 0, 0, 0.15);
}
.card-box .card-box-footer {
    position: absolute;
    left: 0px;
    bottom: 0px;
    text-align: center;
    padding: 3px 0;
    color: rgba(255, 255, 255, 0.8);
    background: rgba(0, 0, 0, 0.1);
    width: 100%;
    text-decoration: underline;
}
.card-box:hover .card-box-footer {
    background: rgba(0, 0, 0, 0.3);
}
.bg-blue {
    background-color: #006Db2 !important;
}

/* Heading with adjacent link */
.releaseLink{
margin-top:38px;
}
.headertitle{
display:inline-block;
}

/* Key indicators */
#keystats #indicatorsGeography select{}
#keystats{background:#F2F5F8;}
#keystats .splide{padding-top:1em;}
#keystats .splide__slide{background:#FFF;}
#keystats .splide__slide__container{background:#d7e0ea;}
#keystats-prov .form-inline{margin:1em auto;text-align:center;}
#keystats .ind-number{font-size:1.5em;text-align:center;padding:1em 0;}
#keystats .ind-text{text-align:center; font-size:.9em;line-height:1.3;padding:1em 0;}
#keystats .ind-text a{text-decoration:none;}
#keystats .ind-text a:hover{text-decoration:underline;}
#keystats-footer-button{text-align:right;padding-bottom:1em;}

/* Find data */
#find-trouver{min-height:300px;margin-left:0px;margin-right:0px;}
#find-trouver h2{font-size:200%;}
@media (max-width: 992px) {
	#find-trouver{background:#F2F5F8;}
	#find-trouver{padding-bottom:50px;}
}
@media (min-width: 992px) {
	#find-trouver{background:#F2F5F8 url(/images/homepage/finddata.png) right no-repeat;}
}

/* Data viz */
#dataviz .thumbnail{margin-bottom:5px;}