#menu-button-container {
	display: none;
	text-align: right;
	padding-top: 30px;
	z-index: 999;
}

/*
	###########
	Start ipad-mini style
	###########
*/

@media all and (max-width: 1300px) {

	#navigation .search-field {
		margin: 0 20px;
		min-width: 200px;
	}

}


@media all and (max-width: 1200px) {

	.card {
		display: block;
	}

	ul#menu a {
		padding: 0 10px;
	}

	#navigation .search-field {
		margin: 0px;
		min-width: 200px;
	}

	#cta-container .heading.one br {
		display: none;
	}

	.cta-text {
		flex: 1 0 60%
	}

	.leader-container {
		flex-flow: row wrap;
	}

	.leader-container .card {
		/* width: 33.333%; */
	}

	.card {
		padding: 20px;
	}

	.candidate-header {
		flex-flow: wrap;
	}

	.header-candidate-image {
		flex: 0 0 100%;
	}

	.candidate-title-header {
		padding: 15px 0;
	}

}


@media all and (max-width: 1100px) {

	.background-spotlight{
		background: #a90a0a !important;
		background-image: none;
		padding: 20px 20px;

	}

	#menu-button-container {
		display: block;
	}

	.background-spotlight {
		background: #a90a0a !important;
		background-image: none;
		padding: 20px 20px;
	}

	#header.unstick {
		position: absolute;
	}

	button.menu-trigger {
		background: transparent;
		border: none;
		cursor: pointer;
		display: inline-block;
		height: 40px;
		overflow: hidden;
		/*outline: none;*/
		position: relative;
		text-indent: -900em;
		vertical-align: top;
		width: 40px;
	}

	button.menu-trigger span {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 5px;
		margin: 8px 0;
		background: #231f20;
		display: block;
		opacity: 1;
		border-radius: 1px;
		-webkit-transform-origin: left center;
		-moz-transform-origin: left center;
		-o-transform-origin: left center;
		transform-origin: left center;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: all .25s ease-in-out;
		-moz-transition: all .25s ease-in-out;
		-o-transition: all .25s ease-in-out;
		transition: all .25s ease-in-out;
	}

	button.menu-trigger.active span {
		background: #ee3b36;
	}

	button.menu-trigger span:first-child {
		top: 0;
	}

	button.menu-trigger span:nth-child(2) {
		top: 12px;
	}

	button.menu-trigger span:nth-child(3) {
		top: 24px;
	}

	button.menu-trigger.active span:first-child {
		top: -3px;
		left: 8px;
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
	}

	button.menu-trigger.active span:nth-child(2) {
		opacity: 0;
		width: 0%;
	}

	button.menu-trigger.active span:nth-child(3) {
		top: 26px;
		left: 8px;
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}

	#navigation {
		display: none;
		height: auto;
		left: 0;
		margin: 0px;
		padding: 0px;
		position: absolute;
		text-align: left;
		top: 100px;
		width: 100%;
		z-index: 9999;
	}

	#navigation.open {
		display: block;
	}

	/* nav resets */

	ul#menu {
		display: block;
		height: auto;
	}

	ul#menu ul li {
		padding: 0 0 0 15px;
	}

	ul#menu li,
	ul#menu li ul li,
	ul#menu li ul li ul li,
	ul#menu li ul li ul li ul li {
		background-color: #f0f0f1; /*background color of menu */
		display: block;
		float: none;
		height: auto;
		text-align: left;
		width: 100%;
	}

	ul#menu ul,
	ul#menu ul ul,
	ul#menu ul ul ul,
	ul#menu ul ul ul ul {
		background-color: #f0f0f1; /*background color of menu */
		display: block;
		left: auto;
		position: relative;
		width: 100%;
	}

	ul#menu li a,
	ul#menu li ul li a,
	ul#menu li ul li ul li a,
	ul#menu li ul li ul li ul li a {
		background-color: #f0f0f1; /*background color of menu */
		color: #231f20;
		display: block;
		float: none;
		font-size: 12pt;
		height: auto;
		line-height: 1.1em;
		padding: 15px;
		/*text-transform: uppercase;*/
	}

	ul#menu li:hover ul ul,
	ul#menu li:hover ul ul ul,
	ul#menu li.iehover ul ul,
	ul#menu li.iehover ul ul ul {
		display: block;
	}

	ul#menu li a {
		padding: 15px;
	}

	/* okay, lets start styling roll overs */

	ul#menu li.has_submenu > a {
		background-image: url( ../images/mobile-arrow.svg );
		background-size: 20px auto;
		background-position: calc(100% - 10px) 50%;
		background-repeat: no-repeat;
	}

	ul#menu li.has_submenu > a:hover,
	ul#menu li.has_submenu.clicked_menu > a {
		background-image: url( ../images/mobile-arrow-hover.svg );
	}

	ul#menu ul.closed_menu {
		display: none !important;
	}

	ul#menu ul.open_menu {
		display: block !important;
	}

	ul#menu a:hover,
	ul#menu li:hover a,
	ul#menu li.iehover a {
		color: #ee3b36;
		padding: 15px 30px 15px 15px;
	}

	/* 2nd Menu */
	ul#menu li:hover li a,
	ul#menu li.iehover li a {
		color: #231f20;
		padding: 15px 30px 15px 15px;
	}

	/* 2nd Menu Hover Persistence */
	ul#menu li:hover li:hover,
	ul#menu li.iehover li.iehover {
		background-color: #f0f0f1;
		color: #ee3b36;
	}

	ul#menu li:hover li a:hover,
	ul#menu li:hover li:hover a,
	ul#menu li.iehover li a:hover,
	ul#menu li.iehover li.iehover a {
		color: #ee3b36;
	}

	/* 3rd Menu */
	ul#menu li:hover li:hover li a,
	ul#menu li.iehover li.iehover li a {
		background-color: #f0f0f1;
		color: #231f20;
	}

	/* 3rd Menu Hover Persistence */
	ul#menu li:hover li:hover li a:hover,
	ul#menu li:hover li:hover li:hover a,
	ul#menu li.iehover li.iehover li a:hover,
	ul#menu li.iehover li.iehover li.iehover a {
		background-color: #f0f0f1;
		color: #ee3b36;
	}

	/* 4th Menu */
	ul#menu li:hover li:hover li:hover li a,
	ul#menu li.iehover li.iehover li.iehover li a {
		background-color: #f0f0f1;
		color: #231f20;
	}

	/* 4th Menu Hover */
	ul#menu li:hover li:hover li:hover li a:hover,
	ul#menu li.iehover li.iehover li.iehover li a:hover {
		background-color: #f0f0f1;
		color: #ee3b36;
	}

	#homepage-party-leader-rating .heading.one {
		margin: calc(1.5em - 20px) 0 1.5em;
	}

	div#homepage-party-leader-rating {
		background-color:rgb(169, 10, 10);
		background-image: none;
	}

	div#homepage-postal-code .title-container {
		padding-top:20px;
	}
}

@media all and (max-width: 992px) {



	img.left {
		margin: 0px 15px 15px 0px;
		max-width: 415px;
	}

	img.right {
		margin: 0px 0px 15px 15px;
		max-width: 415px;
	}

	h1,
	.heading.one {
		font-size: 240%;
	}

	.footer-logo {
		max-width: 375px;
	}

	.footer-item-container {
		margin-bottom: 20px;
	}

	.candidate-header {
		flex-flow: wrap;
	}

	.candidate-title-header {
		flex: 1 1 100%;
	}

	.header-volunteer, .header-light-rating {
		flex: 1 1 50%;
	}

/*	.header-volunteer img, .header-light-rating img {
		max-height: 45px;
	}*/

	ul.ui-tabs-nav {
		margin: 0px !important;
	}

	ul.ui-tabs-nav li {
		font-size: 90%;
		padding: 6px 12px;
	}

	table.decisionTable thead th {
		min-width: 0;
	}

	body#home .tab-content{
		display: none;
		background: #fff;
		padding: 30px 15px;
		text-align: center;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}

	div#homepage-postal-code.content-container {
    padding: 20px 0;
	}

	#homepage-party-leader-rating .heading.one {
		margin: 1em 0;
	}
}

@media all and (max-width: 850px) {

	ul.ui-tabs-nav li {
		font-size: 90%;
		padding: 6px 8px;
	}

}

@media all and (max-width: 768px) {

	div#homepage-party-leader-rating,
	div#homepage-party-leader-rating .wrapper{
		text-align: center;
    	display: block;
    	justify-content: center;

	}
	.home-page-spotlight-text {
		max-width: 100%;
	}

	body {
		font-size: 11pt;
	}

	h1,
	.heading.one {
		font-size: 200%;
	}

	h2,
	.heading.two {
		font-size: 160%;
	}

	h3,
	.heading.three {
		font-size: 120%;
	}

	h4,
	.heading.four {
		font-size: 80%;
	}

	h5,
	.heading.five {
		font-size: 100%;
	}


	/*--- HEADER ---*/

	img.left {
		max-width: 315px;
	}

	img.right {
		max-width: 315px;
	}

	img.right,
	img.left {
		float: none!important;
		margin-left: 0;
		margin-bottom: 10px;
		max-width: 100%;
		padding: 0px;
	}

	#menu-button-container {
		padding-top: 20px;
	}

	#navigation {
		top: 80px;
	}

	#navigation .search-field {
		background-color: #f0f0f1;
		padding: 0 15px 10px 15px;
	}

	#navigation .search-field form.notify input[type="search"] {
		border: 4px solid #ebebeb;
		vertical-align: middle;
		max-width: calc(100% - 51px);
	}

	#logo {
		width: 250px;
		padding: 11px 0;
	}

	#header {
		height: 80px;
	}

	#content-container {
		margin-top: 80px;
	}

	#content-container.inside {
		margin-top: 80px;
	}

	div.content ~ div.wrapper > h4 {
		margin: 0;
	}

	div.content {
		padding: 20px 0;
	}

	div.form-close-container {
		position: absolute;
		top: 20px;
		right: 20px;
	}

	button.form-close,
	a.form-close {
		height: 40px;
		width: 40px;
	}

	.content-container,
	#footer-container,
	#cta-container {
		padding: 20px 0;
	}

	.party-container,
	.leader-container {
		margin: 20px 0;
	}

	div#homepage-postal-code .postal-code-container {
		-ms-grid-columns: 1fr;
		grid-template-columns: 1fr;
	}

	div#homepage-postal-code .postal-code-search-container {
		text-align: center;
	}

	div#homepage-postal-code div.tab-container {
		width: 545px;
		margin: 20px auto;
	}

	div#homepage-postal-code .icon {
		width: 75px;
	}

	.tab-content {
		padding: 15px;
	}

	div#homepage-party-platform-comparison .title-container {
		background-size: 100% 108px;
		padding: 30px;
	}

	.logo-container {
		flex-flow: row wrap;
	}

	.logo-container .logo {
		width: 25%;
	}

	.card {
		padding: 10px;
	}

	.cta-content {
		flex-flow: row wrap;
		align-items: flex-start;
	}

	.cta-text {
		flex: 1 1 100%;
	}

	.footer-item-container {
		margin-bottom: 20px;
	}

	.footer-item-container .search-field input[type=search] {
		border: 4px solid #ebebeb;
		vertical-align: middle;
		max-width: calc(75% - 77px);
	}

	#content-container table.party-comparison td {
		min-height: 100px;
		position: relative;
	}

	#content-container table.party-comparison td:after {
		content: ' ';
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background-repeat: no-repeat;
		background-size: 70px auto;
		background-position: center;
		opacity: 0.2;
	}

	#content-container table.party-comparison td.conservative:after {
		background-image: url('../images/logo/conservative.png');
	}

	#content-container table.party-comparison td.liberal:after {
		background-image: url('../images/logo/liberal.png');
	}

	#content-container table.party-comparison td.ndp:after {
		background-image: url('../images/logo/ndp.png');
		background-size: 150px auto;
	}

	#content-container table.party-comparison td.chp:after {
		background-image: url('../images/logo/chp.png');
		background-size: 125px auto;
	}

	#content-container table.party-comparison td.ppc:after {
		background-image: url('../images/logo/ppc.png');
		background-size: 100px auto;
	}

	#content-container table.party-comparison td.green:after {
		background-image: url('../images/logo/green.png');
		background-size: 120px auto;
	}

	/*blog*/

	div.blog-view-container {
		margin-top: 0;
	}

	div.blog-view-container h1 {
		line-height: 1.4em;
	}


	/*party leader*/

	div.party-leader div.leader-metric {
		margin: 0 auto 10px;
		padding: 0 10px;
	}

	div.party-leader .score-icon {
		margin-bottom: 40px;
	}

	/*find */

	div.light-desktop {
		float: none!important;
		margin: 10px 0;
	}

	.candidate-image {
		width: 150px;
		height: 150px;
		margin: 10px auto;
	}

	.candidate-list-image {
		background-color: #fff;
		background-position: center top;
		background-size: cover;
		background-repeat: no-repeat;
		border-radius: 50%;
		border: 1px solid #303030;
		height: 60px;
		float: right;
		margin-left: 20px;
		width: 60px;
		height: 60px;
	}

	td.candidate-list-image-container a {
		width: 80px;
		height: 80px;
		padding-bottom: 0;
	}

	#content-container td.mop {
		background-position: 20px 26px;
	}

	/*tables*/

	#content-container table {
		padding: 0;!important;
	}

	table,
	table tr,
	table td,
	table th,
	table tfoot,
	table tbody,
	table thead {
		display: block;
		height: auto !important;
		text-align: left!important;
	}

	table thead {
		display: none;
	}

	table.table tfoot {
		background-color: #eee;
	}

	table td,
	table th {
		padding: 1px 0;
		word-break: normal;
		width: 100%!important;
	}

	table tr {
		padding: 0;
		position: relative;
	}

	#content-container tr:first-child {
		color: #000000;
	}

	#content-container td.volunteer img,
	#content-container td.lawn img,
	#content-container td.compare img {
		margin: 5px 0;
	}

	/*	table tr td.mobile img {
			border: 1px solid #111;
			border-radius: 50%;
			position: absolute;
			right: 10px;
			top: 10px;
			max-width: 35%;
			max-height: 50%;
		}*/

	table tr td.mobile div.candidate-image {
		background-color: #fff;
		background-position: center top;
		background-repeat: no-repeat;
		background-size: cover;
		border: 1px solid #111;
		border-radius: 50%;
		height: 150px;
		width: 150px;
		margin: 0 auto;
		max-width: 150px;
		position: absolute;
		right: 10px;
		top: 10px;
	}

	table td {
		padding: 5px 10px!important;
		font-weight: normal!important;
		font-size: 10pt!important;
	}

	table td.issue {
		font-weight: bold !important;
		text-align: center !important;
	}

	.table td.mobile {
		display: block;
		padding: 0!important;
	}

	table.table td span {
		font-weight: normal!important;
	}

	span.decisionNameToggle {
		font-weight: bold;
	}

/*	table.table tr:nth-child(odd) {
		background-color: #f3f3f3!important;
	}

	table.table tr:nth-child(2n) {
		background-color: #ffffff!important;
	}*/

	table.table td:before {
		font-weight: bold;
	}

	table#recaptcha_table {
		display: table;
	}

	table#recaptcha_table  tr {
		display: table-row;
	}

	table#recaptcha_table  td{
		display: table-cell;
	}

	table.contact-table tbody tr,
	table.decisionTable tr.topRow th.incumbent {
		background: transparent!important;
	}

	table.decisionTable tbody td {
		background: transparent!important;
		border: 0;!important;
	}

	#content-container table.decisionTable thead th.spacer {
		display: none;
	}

	table.decisionTable thead th {
		text-transform: none!important;
	}

	table.decisionTable tr.votingRecord td {
		border: 0;!important;
	}

	/* customized handout - one page style */

	.table#handout-table tr td:nth-of-type(1):before {
		content: "Riding: ";
		display: block;
	}

	.table#handout-table tr td:nth-of-type(2):before {
		content: "MPP: ";
		display: block;
	}

	.table#handout-table tr td:nth-of-type(3):before {
		content: "Party: ";
		display: block;
	}

	.table#handout-table tr td:nth-of-type(4):before {
		content: "Download: ";
		display: block;
	}

	/* GSA Motion table style */

	.table.tcdsb tr td:nth-of-type(1):before {
		content: "Trustee: ";
	}

	.table.tcdsb tr td:nth-of-type(2):before {
		content: "Phone: ";
	}

	.table.tcdsb tr td:nth-of-type(3):before {
		content: "Fax # (416): ";
		display: block;
	}

	.table.tcdsb tr td:nth-of-type(4):before {
		content: "E-Mail: ";
		display: block;
	}

	.table.tcdsb tr td:nth-of-type(5):before {
		content: "Ward: ";
		display: block;
	}

	/* questionairre table style */

	.table.decisionTable.questionnaire tr td:nth-of-type(1):before {
		content: "Question: ";
	}

	.table.decisionTable.questionnaire tr td:nth-of-type(2):before {
		content: "Response: ";
	}

	/* GSA Motion table style */

	.table.decisionTable.votes tr:nth-of-type(1) td:nth-of-type(1):before {
		content: "Votes, Surveys and Policy Decision: ";
		padding-bottom: 10px;
		display: block;
	}

	.table.decisionTable.votes tr td:nth-of-type(2):before {
		content: "Vote: ";
	}

	.table.decisionTable.votes tr td:nth-of-type(3):before {
		content: "Score: ";
	}


	/* other table styles */


	.table.join-party-eda tr td:nth-of-type(1):before {
		content: "Join The Party";
		display: block;
	}

	.table.join-party-eda tr td:nth-of-type(2):before {
		content: "Join an EDA";
		display: block;
	}

	.table.chronology-of-laws tr td:nth-of-type(1):before {
		content: "Year";
		text-transform: uppercase;
	}

	.table.chronology-of-laws tr td:nth-of-type(2):before {
		content: "Milestone";
		text-transform: uppercase;
	}

	.table.marriage tr td:nth-of-type(1):before {
		content: "Title";
		display: block;
		text-transform: uppercase;
		font-size: 120%;
	}

	.table.marriage tr td:nth-of-type(2):before {
		content: "Press Play To Listen";
		display: block;
		text-transform: uppercase;
		font-size: 120%;
	}

	.table.tyranny tr td:nth-of-type(1):before {
		content: "Year";
		display: block;
		text-transform: uppercase;
		font-size: 120%;
	}

	.table.tyranny tr td:nth-of-type(2):before {
		content: "Documented Case";
		display: block;
		text-transform: uppercase;
		font-size: 120%;
	}

	.table.mini-rallies tr:nth-of-type(1) {
		display: none;
	}

	.table.mini-rallies tr td {
		width: 100%;
	}

	.table.mini-rallies tr:nth-of-type(2) td:nth-of-type(1):before {
		content: "Photos, Articles and Videos";
		display: block;
		text-transform: uppercase;
		font-size: 120%;
	}

	.table.rally-list tr td:nth-of-type(1):before, .table.rally-list-car tr td:nth-of-type(1):before {
		content: "No.";
		display: block;
	}
	.table.rally-list tr td:nth-of-type(2):before, .table.rally-list-car tr td:nth-of-type(2):before {
		content: "Riding Name";
		display: block;
	}
	.table.rally-list tr td:nth-of-type(3):before, .table.rally-list-car tr td:nth-of-type(3):before {
		content: "MPP Currently Elected";
		display: block;
	}
	.table.rally-list tr td:nth-of-type(4):before, .table.rally-list-car tr td:nth-of-type(4):before {
		content: "Address/Meeting Place";
		display: block;
	}
	.table.rally-list tr td:nth-of-type(5):before, .table.rally-list-car tr td:nth-of-type(5):before {
		content: "Team Leader";
		display: block;
	}
	.table.rally-list tr td:nth-of-type(6):before, .table.rally-list-car tr td:nth-of-type(6):before {
		content: "Date & Time";
		display: block;
	}
	.table.rally-list tr td:nth-of-type(7):before, .table.rally-list-car tr td:nth-of-type(7):before {
		content: "Attendees";
		display: block;
	}

	/*mp or riding list tables*/

/*	.table.mpList tbody td {
		background-color: #ffffff;
	}*/

	.table.mpList tbody td a {
		max-width: 60%;
	}

	.table.mpList.evaluation thead {
		display: block;
	}

	.table.mpList tr td:nth-of-type(1):before,
	.table.mpList tr td:nth-of-type(2):before,
	.table.mpList tr td:nth-of-type(3):before,
	.table.mpList tr td:nth-of-type(4):before,
	.table.mpList tr td:nth-of-type(5):before,
	.table.mpList tr td:nth-of-type(6):before,
	.table.mpList tr td:nth-of-type(7):before,
	.table.mpList tr td:nth-of-type(8):before {
		content: attr(data-name);
		display: block;
	}


	/*evaluation tables*/

	table.decisionTable tbody td {
		background-color: #ffffff;
	}

	.table.decisionTable.evaluation thead {
		display: block;
	}

	.table.decisionTable.evaluation thead tr:nth-of-type(1),
	.table.decisionTable.evaluation thead tr:nth-of-type(2) {
		display: none;
	}

	.table.decisionTable.evaluation thead tr:nth-of-type(3) td:nth-of-type(1) {
		background-color: #303030;
		text-align: center;
		text-transform: uppercase;
		padding: 9px 9px;
		font-size: 85%;
		letter-spacing: 2px;
		color: #fff;
	}

	.table.decisionTable.evaluation tfoot tr {
		background-color: #303030!important;
		color: #fff;
	}

	.table.decisionTable.evaluation tfoot tr td:nth-of-type(1) {
		background-color: #303030;
		text-align: center;
		text-transform: uppercase;
		padding: 9px 9px;
		font-size: 85%;
		letter-spacing: 2px;
		color: #fff;
	}

	.table.decisionTable.evaluation thead tr:nth-of-type(4) th:not(:first-child) {
		display: none;
	}


	.table.decisionTable.evaluation thead tr td:nth-of-type(1):before {
		content: attr(data-name);
		display: block;
	}

	.table.decisionTable.evaluation thead tr td:nth-of-type(2):before {
		content: attr(data-name);
		display: block;
	}

	.table.decisionTable.evaluation thead tr td:nth-of-type(3):before {
		content: attr(data-name);
		display: block;
	}

	.table.decisionTable.evaluation thead tr td:nth-of-type(4):before {
		content: attr(data-name);
		display: block;
	}

	.table.decisionTable.evaluation thead tr td:nth-of-type(5):before {
		content: attr(data-name);
		display: block;
	}

	/*questions*/

	.table.decisionTable.evaluation tbody tr td:nth-of-type(1):before {
		content: "Question: ";
	}

	.table.decisionTable.evaluation tbody tr td:nth-of-type(n+2):before {
		content: attr(data-name) " Response: ";
	}

	.table.decisionTable.evaluation tfoot tr td:nth-of-type(n+2):after {
		content: attr(data-name);
		padding-left: 5px;
	}

	table.decisionTable tr.light-rating th.rating-image {
		border-top: 1px solid #fff;
	}

	.table.decisionTable.evaluation thead th.rating-image.compare-view {
		min-height: 90px;
	}

	.table.decisionTable.evaluation thead th.rating-image.compare-view:after {
		content: attr(data-name);
		line-height: 1em;
		padding-left: 5px;
	}

	.table.decisionTable.evaluation thead th.rating-image.compare-view .candidate-list-image {
		border-color: #fff;
	}

	table.decisionTable tr.candidate-links {
		display: none;
	}

	/* name search results table */
	table.name-results > thead {
		display: block;
	}

	table.name-results .search-button-container {
		display: none;
	}

	table.name-results .search-field {
		display: block;
	}

	/*end*/

	div.light-mobile {
		display: none;
		/*float: right;*/
	}

	div.light-desktop {
		display: none;
	}

	.codeSearchResult .candidateImage,
	.codeSearchResult .candidateContent {
		display: block;
		margin: 10px 0!important;
		min-height: 0;
		height: auto!important;
		width: 100%!important;
	}

	div.checkbox.inline-sm {
		margin-bottom: 10px;
	}

	img[style*="float: left"],
	img[style*="float:left"] {
		float: none!important;
		display: block;
		margin: 5px 0;
	}

	img[style*="float: right"],
	img[style*="float:right"] {
		float: none!important;
		display: block;
		margin: 5px 0;
	}

	.light-rating-container {
		padding-left: 0 !important;
	}

	body#compare_candidates tr {
		border: 1px solid #231f20;
		border-top: 0;
	}

	body#compare_candidates tr:nth-of-type(1) {
		border-top: 1px solid #231f20;
	}

	table td[data-title] {
		position: relative;
	}

	table td[data-title]:before {
		content: attr( data-title );
		font-size: 110%;
		font-weight: bold;
	}

	.campaign-bar-label {
		margin-top: 0;
	}

	.campaign-bar + hr {
		margin: 15px auto 10px;
	}

	.campaign-bar:after,
	.campaign-bar-label:before,
	.campaign-bar-label:after {
		height: 8px;
		bottom: -8px;
	}

}

@media all and (max-width: 620px) {

	div#homepage-party-platform-comparison .party-container::after {
		content: "";
		display: none;
	}

	div#homepage-party-platform-comparison .title-container .heading::after {
		padding: 0 10px;
	}

	.leader-container .card {
		/* width: 50%; */
	}

	.footer-item-container .search-field input[type=search] {
		border: 4px solid #ebebeb;
		vertical-align: middle;
		max-width: calc(100% - 77px);
	}

}

@media all and (max-width: 565px) {
	div#homepage-party-platform-comparison .title-container .heading {
		margin: 20px 0px;
	}
	div#homepage-party-platform-comparison .title-container {
		display: block;
	}
	.logo > a > img {
		max-width: 100%;
	}

	div#homepage-postal-code div.tab-container {
		width: 100%;
		margin: 20px auto;
	}

	div#homepage-postal-code .search-field {
		max-width: 100%;
		margin: 0 auto;
		text-align: left;
	}

	div#homepage-party-platform-comparison .party-container::after {
		content: "";
		display: none;
	}

}


@media all and (max-width: 400px) {

	#logo {
		width: 240px;
		padding: 18px 0;
	}

	.leader-container .card {
		width: 100%;
	}

}