/* begin full width template
#sidebar-right-inner { display: none!important; }
#node-body-top p.clear-floats {clear: both; margin-top: 10px;}
#content-area, #node-header-data {width: 960px;}
#content-inner {border-right: none;}
#sidebar-right {display: none;}
p.author-bio, #block-block-49 {width: 960px;}
#block-block-49 .block-inner, #newsletter-banner {width: 630px; margin: 0 auto;}
#node-footer {width: 960px; margin: 0 auto;}
#node-footer .comment-tool {margin-left: 520px;}
#block-disqus-disqus_comments, #block-block-416 {width:960px;}


#node-footer ul.article-tools {margin: 0 0 0 162px;}
#node-header-data {width: 280px; float:left;}
#node-header-data p.byline {float: left; margin: 0; padding: 0.6em 3em 0 0; display: inline;}
#node-header-data ul.article-tools {float: left; margin: 0; padding: 0.2em 0 0 0; display: inline;}
#node-header-data div.comment-bar {float: left; margin: 0; padding: 0; display: inline;}
p.dek, #dateline {display:none;}
#node-body-top p.clear-floats {clear: both; margin-top: 10px;}
#content-area, #node-header-data {width: 960px;}
#content-inner {border-right: none;}
#sidebar-right {margin-top: 1510px; margin-left: 660px; border-left: 2px dotted #CCDAD7;}
p.author-bio, #block-block-49 {width: 620px;}
div.node-master-image {display: none;}
#node-body-break {float: none; width:630px;}

#content-header {width: 960px;}
#content-inner {width:960px;}
#node-body-break {float: none;}
#node-body-break #related-articles {width:630px;}
#node-bottom-block {text-align: center;}
/* end full width template */



/* svg map tracker global */
#map_container {
    font-family: 'Raleway', Helvetica, Arial, sans-serif;
    margin: 0 auto;
    font-weight: inherit;
}
#map_container header, #map_container svg, #map_container section {
    margin-bottom: 1em;
}
#map_container > header *, #map_container > section * {
    margin: 0em;
    margin-bottom: .2em;
}

/* map */
#map_container svg {
width: 80%;
max-height: 100%;
display: block;
margin: auto;
padding-bottom: 1.5em;
}

/* header and legend */

#map_container header {
    text-align: center
}
#map_container h2 {
    font-weight: bold;
font-size:2.5em;
}
#map_container dl {
    margin-top: .6em;
    font-weight: lighter;
}
#map_container dt, #map_container dd {
    display: inline;
}
#map_container dd {
    padding-right: 1em;
}


/* map interaction styling */
#map_container .selected {
opacity: .5;
}
#map_container .clickable {
    cursor: pointer;
}



/* tooltips */
#map_container #state_specific_area {
    width:90%;
    margin: 0 auto;
    background: #f7f7f7;
    padding: 1em;
}
#map_container #state_specific_headline {
}
#map_container #state_specific_body {
}


/* sourceline */
#map_container aside {
    font-size: .8em;
}


/* fade */
#map_container .fade-out {
    opacity : 0;
    transition-property : opacity; 
    transition-duration : 0.3s ease-in-out;
    -moz-transition: opacity .3s ease-in-out;
    -webkit-transition: opacity .3s ease-in-out;
}
#map_container .fade-in {
    opacity : 1;
    transition-property : opacity; 
    transition-duration : 0.3s ease-in-out;
    -moz-transition: opacity .3s ease-in-out;
    -webkit-transition: opacity .3s ease-in-out;
}
#map_container path:hover, #map_container path:active {
    opacity: .5;
}



/*  project-specific styles */
#map_container .Trump {	
	fill:#4d0066;
    background:#4d0066;
    color: #4d0066;
}
#map_container .Cruz { 
    fill:#e60000;
    background:#e60000;
    color:#e60000;
}
#map_container .Rubio {
	fill: #ff751a;
    background:#ff751a;
    color:#ff751a;
}
#map_container .Kasich { 
    fill:#ff9933;
    background:#ff9933;
    color:#ff9933;
}
#map_container .Carson { 
    fill:#ffcc00;
    background:#ffcc00;
    color:#ffcc00;
}
#map_container .Clinton { 
    fill:#1a75ff;
    background:#1a75ff;
    color:#1a75ff;
}
#map_container .Sanders { 
    fill:#00cc44;
    background:#00cc44;
    color:#00cc44;
}
#map_container .noVote { 
    fill:#d9d9d9;
    background:#d9d9d9;
    color:#d9d9d9;
}
#map_container .noCall { 
    fill:#0033cc;
    background:#0033cc;
    color:#0033cc;
}


/* mobile styles */
@media only screen and (max-width: 568px) {

#map_container h2 {
        font-size: 1.1em;
    }
}

/* mobile portrait mode styles */
@media only screen and (max-width: 320px) 
and (orientation : portrait) {
#map_container h2 {
        font-size: 1.1em;
    }
#map_container svg {
width: 100%;
}
}