/* Contents: 
 *    rep-finder.css
 */
/* File: /odin/apps/cfb/template/css/rep-finder.css */ 
#map {
	width:100%; 
	height:54.4rem;
    margin: 3rem 0 0 0;
	position: relative;
    border: solid 1px #DCDCDC;
}
#map .map-area,
#map .map-aside,
#map .map-loading,
#map .map-settings{
	position: absolute;
	top:0;
	bottom:0;
}

#map .map-loading,
#map .map-area{
	left:40rem;
	right:0;
}
#map .map-aside{
	left:0;
	width:40rem;
    padding: 1rem 1.5rem 0 1.5rem;
    overflow: auto;
}
#map .map-settings{
	right:0;
	display: none;
	width:0;
}
#map .map-loading{
	z-index: 1;
	background: rgba(0, 0, 0, 0.5);
	line-height: 54.4rem;
	color:#fff;
	font-size: 5rem;
	text-align: center;
	right:0;
}

#map .map-aside .map-district
{}

#map .map-aside .map-controls > form input {
    display: inline-block;
    width: 68%;
    margin: 0 2% 0 0;
    padding: 0 .3rem;
    line-height: 2.6rem;
    font-size: 1.4rem;
    border: solid 1px #DCDCDC;
}

#map .map-aside .map-controls > form button {
    display: inline-block;
    width: 30%;
    background-color: #DCDCDC;
    border: solid 1px #DCDCDC;
    border-radius: 0;
    color: #000;
    text-align: center;
    margin: 0;
    padding: 0;
    line-height: 2.6rem;
    font-size: 1.4rem;
}

#map .map-aside .map-controls,
#map .map-district .info-data {
    margin: 0 -.8rem;
}

#map .map-aside .map-controls > form legend {
    margin: 0 0 1.8rem 0;
    font-size: 2.4rem;
    font-weight: 500;
    padding-bottom: .2rem;
}

#map .map-aside .map-district > ul {
    padding: 0 0 0 3rem;
}

#map .map-aside .map-controls > form {
    margin: 0 0 1.5rem 0;
    padding: 0 .7rem;
}

#map .map-aside .map-controls > form input {margin-right: .4rem;}

#map .map-aside .map-controls > form button .fa {margin-right: .4rem;}

#map .map-aside .map-district > .info-area {
	height: 5.4rem;
}

#map .map-aside .map-district .showing {
    display: inline-block;
    font-size: 1.5rem;
    line-height: 1.5rem;
    font-weight: bold;
    color: #5777af;
    padding-top: .8rem;
}

#map .info-area .btn-standard {
    width: 48%;
    margin: 0 2% 0 0;
    padding: .5rem 0;
}

/* District Lookup Column Headings */

#map .map-aside .info-data-headings {
    width: 100%;
    text-align: right;
    margin: 0 0 1rem 0;
}

#map .map-aside .info-data-headings span {
    display: inline-block;
    font-size: 12px;
    line-height: 12px;
    border-bottom: solid 1px #000;
}

#map .map-aside .info-data-headings .district-info-heading,
#map .map-aside .info-data-headings .district-party-heading,
#map .map-aside .info-data-headings .district-incumbent-heading {
	padding-top: 12px;
}

#map .map-aside .info-data-headings .district-incumbent-heading {
	padding-top: 0;
}

/* District Lookup Column Info Results */

#map .map-district .candidate-item {
    width: 100%;
    overflow: auto;
    margin: 0 0 .6rem 0;
    text-align: right;
}

#map .map-district .candidate-item .info-area div {
    display: inline-block;
    line-height: normal;
    margin: 0 0 .4rem 0;
}

#map .map-district .candidate-item .info-area .candidate-name {
    font-weight: bold;
}



#map .map-district .candidate-item > a.active {background-color: #B96678;}

#map .map-aside .map-district .showing
{
    display: block;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: normal;
}

/* District Lookup column shared specs */

/* Candidate Column */

#map .map-aside .info-data-headings .district-info-heading,
#map .map-district .candidate-item .info-area {
    float: left;
    clear: left;
    padding-left: .2rem;
    margin-left: 0;
    width: 15rem;
    text-align: left;
}

/* Party, incumbent, and filed to be on ballot Columns */

#map .map-aside .info-data-headings .district-party-heading,
#map .map-aside .info-data-headings .district-incumbent-heading,
#map .map-aside .info-data-headings .district-ballot-heading,
#map .map-district .candidate-item .party,
#map .map-district .candidate-item .incumbent,
#map .map-district .candidate-item .ballot {
    display: inline-block;
    text-align: center;
    margin: 0 0 0 .5rem;
}

#map .map-aside .info-data-headings .district-party-heading,
#map .map-district .candidate-item .party {
	width: 3rem;
}

#map .map-aside .info-data-headings .district-incumbent-heading,
#map .map-district .candidate-item .incumbent {
	width: 6.2rem;
}

#map .map-aside .info-data-headings .district-ballot-heading,
#map .map-district .candidate-item .ballot {
	width: 7rem;
}


@media (max-width:767px) {
	
	#map {
	    height: auto;
		padding-bottom: 40rem;
	}
	
	#map .map-aside {
	    width: 100%;
	    left: auto;
	    right: auto;
	    top: auto;
	    bottom: auto;
	    position: relative;
	    padding: 1rem 1.5rem;
	}
	
	#map .map-area {
	    top: auto;
	    bottom: 0;
	    left: 0;
	    right: 0;
	    height: 40rem;
	}
	
	
}

@media (max-width:540px) {
	
	#map .map-aside .info-data-headings span,
	#map .map-district .candidate-item > a {
		font-size: 12px;
	}
	
}