/* CSS sheet for the GE16 Coalition Builder */

@font-face { font-family:'Glyphicons Halflings'; src:url(../fonts/glyphicons-halflings-regular.eot); src:url(../fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'), url(../fonts/glyphicons-halflings-regular.woff2) format('woff2'), url(../fonts/glyphicons-halflings-regular.woff) format('woff'), url(../fonts/glyphicons-halflings-regular.ttf) format('truetype'), url(../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg') }

@font-face { font-family: "Open Sans"; font-style: normal; font-weight: normal; src: url("/static/general-election/fonts/OpenSans-Regular.eot?#iefix") format("embedded-opentype"), url("/static/general-election/fonts/OpenSans-Regular.woff2") format("woff2"), url("/static/general-election/fonts/OpenSans-Regular.woff") format("woff"), url("/static/general-election/fonts/OpenSans-Regular.ttf") format("truetype"), url("/static/general-election/fonts/OpenSans-Regular.svg#Open Sans") format("svg") }

/*quick fix for IT hit area on the sticky nav*/
#primary-navigation.affix nav.main-nav ul .homepage-section a{overflow:hidden;}

.coalition-builder {
    margin-bottom: 20px;
}

.coalition-builder *{
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;	
}

.coalition-builder .glyphicon { position:relative; top:1px; display:inline-block; font-family:'Glyphicons Halflings'; font-weight:400; line-height:1; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale }

.coalition-builder .glyphicon-plus:before { content:"\002b" }
.coalition-builder .glyphicon-plus-sign:before { content:"\e081" }
.coalition-builder .glyphicon-minus:before { content:"\2212" }
.coalition-builder .glyphicon-minus-sign:before { content:"\e082" }
.coalition-builder .glyphicon-repeat:before { content:"\e030" }

.coalition-builder .party-parent { padding-top: 30px; padding-bottom: 30px; }
.coalition-builder .party-list { margin: 0; padding: 0; overflow: hidden; height: 40px; width: 100%; list-style: none; position: relative; margin-bottom: 10px; }
.coalition-builder .party-item { background: #eee; width: 86%; height: inherit; margin: 0; padding: 0; display: inline-block; }
.coalition-builder .party-button, .coalition-builder .reset-button { width: 55px; margin-right: 10px; padding: 0; height: 55px; display: inline-block; vertical-align: top; }
.coalition-builder .party-name:first-child{height:100%}
.coalition-builder .party-name {display:inline-block; font-family: "DINWeb-Bold", Arial, Helvetica, sans-serif; font-weight: bold; font-size: 20px; margin-left: 3px; line-height:55px; vertical-align:top; -webkit-transition: width 0.7s ease-in-out; -moz-transition: width 0.7s ease-in-out; -o-transition: width 0.7s ease-in-out;
 transition: width 0.7s ease-in-out;}
/*.coalition-builder .party-name-selected { background-color: #eee !important; }
.coalition-builder .party-name-padding { margin-top: 16px; }*/
.coalition-builder .party-seats {display:inline-block; vertical-align: top; line-height:55px; margin-left: 1.5%; font-family: "DINWeb-Medium", Arial, Helvetica, sans-serif; color: #636363; font-size: 20px;  }
.coalition-builder span.party-name { font-weight: bold; font-size: 18px; position: absolute; top: 30%; margin-left: 5px; }
.coalition-builder div .chart-parent { display: inline-block; margin: 0; padding: 0; background: #eee; overflow: hidden; height: 55px; width: 86%; list-style: none; position: relative; }
.coalition-builder .chart-parent li { height: inherit; list-style: none; margin: 0; padding: 0; float: left; }
.coalition-builder .chart-parent li span { width: inherit; position: absolute; top: 20%; color: white; font-weight: bold; padding: 3px; font-size: 0.80em; overflow-wrap: break-word; word-wrap: break-word; display: none; }
.coalition-builder .chart-majority { display: inline-block; position: absolute; right: 30%; height: 55px; border-left: thin dashed #000000; padding-top: 60px; text-transform: uppercase; font-weight: bold; font-size: smaller; font-family: "DINWeb-Bold", Arial, Helvetica, sans-serif; }
.coalition-builder .chart-total-seats { display: inline-block; font-size: 40px; position: absolute; margin-left: -70px; font-family: "DINWeb-Bold", Arial, Helvetica, sans-serif; font-weight: bold; margin-top: 20px; color: #636363; }
.coalition-builder .white, .coalition-builder .white a { color: #fff; }
.coalition-builder span.glyphicon { padding: 20px; background: #eee; cursor: pointer; }
.coalition-builder .results-parent { padding: 25px; background: #898989; margin-right: 25px; }
.coalition-builder .alert-parent { padding: 25px; background: #898989; margin-right: 25px; }
.coalition-builder .results-majority { display: inline-block; position: absolute; left: 49.8%; height: 55px; border-left: 2px dashed #000000; padding-top: 60px; text-transform: uppercase; font-weight: bold; font-size: smaller; font-family: "DINWeb-Bold", Arial, Helvetica, sans-serif; }
.coalition-builder .results-buttons { text-align: center; padding: 15px; margin-top: 25px; }
.coalition-builder .small-text { font-size: 0.7em; text-align: center; margin: 0 auto; }
.coalition-builder .coalition-parent-heading { font-size: 0.85em; border-bottom: 1px solid black; padding-right: 10px; font-family: "DINWeb-Bold", Arial, Helvetica, sans-serif; font-weight: bold; }
.coalition-builder .coalition-parent-long .start-text,
.coalition-builder .coalition-entry { display: inline-block; padding: 20px 15px 0px 0px; text-indent: 3px; font-size: 0.8em; margin-left: -2px; font-family: "DINWeb-Medium", Arial, Helvetica, sans-serif; }
.coalition-builder .coalition-entry span { color: white; padding: 12px 10px 10px 10px; margin-right: 8px; font-weight: bold; font-family: "Open Sans","Roboto","Helvetica","Roboto",sans-serif; }
.coalition-builder ul.party-list.ng-scope { height: 55px; }
.coalition-builder .legend { margin-top: 25px; }
.coalition-builder span.small-text.restart-btn { text-transform: uppercase; font-weight: bold; font-size: smaller; font-family: "DINWeb-Bold", Arial, Helvetica, sans-serif; }
.coalition-builder span.glyphicon.glyphicon-repeat { font-weight: bold; font-size: 20px; padding: 17px; color: #636363; }
.coalition-builder h1 { margin: 0; padding: 10px 0 5px; color: #000; line-height: 1.1em; font-weight: normal; font-size: 205%; font-family: Georgia, Times New Roman, Times, serif; }
.coalition-builder h2 { font-family: "DINWeb-Bold", Arial, Helvetica, sans-serif; margin-bottom: 10px; padding: 0; color: #515151; font-weight: normal; font-size: 16px; line-height: 1.3em; -webkit-margin-before: 0.83em; -webkit-margin-after: 0.83em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; }
.coalition-builder .coalition-parent { padding-bottom: 50px; }
.coalition-builder .coalition-parent-long { padding-bottom: 30px; }
.coalition-builder .congratulations { font-family: "DINWeb-Bold", Arial, Helvetica, sans-serif; text-transform: uppercase; font-weight: bold; font-size: 35px; color: #e1e1e1; text-align: center; margin-top: 8%; }
#torso .coalition-builder .congr-text { font-family: "DINWeb-Medium", Arial, Helvetica, sans-serif; font-size: 20px; font-weight:normal; color: #e1e1e1; margin-top: -10px !important; margin-bottom: 25px; text-align: center; padding:0;}
.coalition-builder .custom-share-btn { font-family: "DINWeb-Bold", Arial, Helvetica, sans-serif; text-transform: uppercase; font-weight: bold; color: #898989; padding-top: 10px; border-radius: 0px !important; margin: 0px 5px 8px 0px; width: 150px !important; background-color: #e1e1e1; }
.coalition-builder .custom-close-btn { font-family: "DINWeb-Bold", Arial, Helvetica, sans-serif; text-transform: uppercase; font-weight: bold; color: #898989; padding-top: 10px; border-radius: 0px !important; margin: 0px 5px 8px 0px; width: 150px !important; background-color: #e1e1e1; }
.coalition-builder div#alert-overlay { width: 96%; height: 96%; position: absolute; background: rgba(0, 0, 0, 0.5); z-index: 10; top: 0; left: 0; margin-top: 10px; }
.coalition-builder .alert-overlay-content { background: rgba(0, 0, 0, 0.5); width: 50%; text-align: center; padding: 10px; border-radius: 5px; color: #ffffff; text-align: center; margin: 0 auto; font-family: "DINWeb-Medium", Arial, Helvetica, sans-serif; position: relative; top: 30%; }
.coalition-builder .alert-message-text { line-height: 135%; }
.coalition-builder #barchart_overlay { position: relative; width: inherit; height: inherit; }
.coalition-builder #overlay { width: 96%; height: 96%; position: absolute; z-index: 10; top: 0; left: 0; margin-top: 10px; }
.coalition-builder .majority-overlay { text-align: center; }
.coalition-builder .coalition-overlay { text-align: center; margin-top: 30px; padding: 0 50px; font-weight: bold; font-family: "DINWeb-Bold", Arial, Helvetica, sans-serif; color: #e1e1e1; font-size: 20px; }
.coalition-builder .coalition-overlay-content { padding-bottom: 0px; }
.coalition-builder p.share-links { display: inline-block; font-family: "DINWeb-Bold", Arial, Helvetica, sans-serif; text-transform: uppercase; font-weight: bold; color: #333; }
.coalition-builder .majority-main-bar { text-align: center; margin-top: -54px; margin-left: 15px; }
.coalition-builder .results-majority.main-bar { margin-left: 15px; }
.coalition-builder ul.chart-parent.main-bar-list { margin-left: 15px; }

@media (max-width: 767px) {
	.coalition-builder 	.party-item { width: 80%; }
	.coalition-builder 	.custom-share-btn { width: 130px !important; }
	.coalition-builder 	.congratulations { margin-top: 20px; }
	.coalition-builder 	.majority-main-bar { margin-left: 25px; }
	.coalition-builder 	.results-majority.main-bar { margin-left: 25px; }
	.coalition-builder 	ul.chart-parent.main-bar-list { margin-left: 25px; }
}

@media (max-width: 480px) {
	.coalition-builder 	.party-item { width: 78%; }
	.coalition-builder 	.party-button, .coalition-builder.reset-button { margin-right: 3px; }
	.coalition-builder 	.congratulations { margin-top: 0px; font-size: 20px; }
	#torso .coalition-builder 	.congr-text { font-size: 18px; margin-top: -15px !important; }
	.coalition-builder 	.coalition-overlay { padding: 0px; }
	.coalition-builder 	#overlay { width: 100%; }
	.coalition-builder 	.majority-main-bar { margin-left: 25px; }
	.coalition-builder 	.results-majority.main-bar { margin-left: 25px; }
	.coalition-builder 	ul.chart-parent.main-bar-list { margin-left: 25px; }
	.coalition-builder 	.alert-parent { padding: 15px; }
	.coalition-builder 	.custom-close-btn { width: 100px !important; }
}


.coalition-builder .animate-show.ng-hide-add, .coalition-builder .animate-show.ng-hide-remove { transition: all linear 0.5s;}

.coalition-builder .in-coalition.ng-hide-add, .coalition-builder .in-coalition.ng-hide-remove { transition: all linear 0.5s;}

.coalition-builder .animate-show.ng-hide { line-height: 0; opacity: 0; padding: 0 10px;}

.party-name-selected:not(.variable-seats){
  width: 0px !important;
  /*background-color: #eee !important;*/
  -webkit-transition: width 0.7s ease-in-out;
  -moz-transition: width 0.7s ease-in-out;
  -o-transition: width 0.7s ease-in-out;
  transition: width 0.7s ease-in-out;
}