/*
	Theme Name: Renters United!
	Theme URI: http://www.rentersunited.org.nz
	Description: Custom theme for Renters United organisation.
	Version: 1.2
	Author: Robert Whitaker
	Author URI: http://leftalign.cc
	Tags: Custom, HTML5, CSS3

*/

/*------------------------------------*\
    MAIN
\*------------------------------------*/

/* global box-sizing */
*,
*:after,
*:before {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}

h1, h2, h3 {
	font-weight: normal;
}

html {
    background-color: #FFEB9C;
}

body {
    font-family: 'CooperHewitt-Light', 'Helvetica', 'Arial', sans-serif;
    font-size: 20px;
    line-height: 28px;
}

/* clear */
.clear:before,
.clear:after {
    content:' ';
    display:table;
}

.clear:after {
    clear:both;
}
.clear {
    *zoom:1;
}
img {
	max-width:100%;
	vertical-align:bottom;
}
a {
	color:#444;
	text-decoration:none;
}
a:hover {
	color:#444;
}
a:focus,
button:focus {
	outline-width: 2px;
        outline-color: #04A4CC;
}
a:hover,
a:active {
	outline:0;
}
input:focus {
	outline:0;
	border:1px solid #04A4CC;
}

/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/

/* wrapper */

.wrapper {
	max-width:1280px;
	width:95%;
	margin:0 auto;
	position:relative;
}

/*------------------------------------*\
    NAVIGATION
\*------------------------------------*/

nav.top-nav {
    font-family: 'CooperHewitt-Light', 'Helvetica', 'Arial-Black', sans-serif;
    width: 100%;
    border-bottom: 3px dashed #958854;
    padding: 20px 0px 20px 0px;
}

/*------------------------------------*\
    BASIC INLINE STYLES
\*------------------------------------*/

sup {
    font-size: 10px;
    padding-left: 2px;
    top: -0.7em
}

a {
    text-decoration: none;
    color: #0c34ff;
}

a:hover {
    text-decoration: none;
    color: #96A4EC;
}

em {
    font-family: 'CooperHewitt-LightItalic', 'Helvetica', 'Arial-Black', sans-serif;
    font-style: normal;
}

strong {
    font-family: 'CooperHewitt-Semibold', 'Helvetica', 'Arial-Black', sans-serif;
    font-weight: normal;
}

blockquote {
    font-family: 'CooperHewitt-LightItalic', 'Helvetica', 'Arial-Black', sans-serif;
    background-color: #FFF6CE;
    padding: 15px 15px 0px 15px;
}

h1 {
    font-family: 'CooperHewitt-Semibold', 'Helvetica', 'Arial-Black', sans-serif;
    font-size: 40px;
    line-height: 40px;
    color: black;
}

h2 {
    font-family: 'CooperHewitt-Thin', 'Helvetica', 'Arial-Black', sans-serif;
    font-size: 40px;
    color: #000;
    margin: 8px 0 10px 0;
    line-height: 36px;
}

h2 a {
	color: black;
}

h1 a {
	color: black;
}

hr {
	border: 0;
	border-top: 1px dashed black;
}

p {
	margin: 0;
}

.bold {
    font-family: 'CooperHewitt-SemiBold', 'Helvetica', 'Arial-Black', sans-serif;
    letter-spacing: -3px;
}

.heavy {
    font-family: 'CooperHewitt-Heavy', 'Helvetica', 'Arial-Black', sans-serif;
    letter-spacing: -3px;
}


/*------------------------------------*\
    HOMEPAGE STYLES
\*------------------------------------*/

h2.subtitle {
    font-family: 'CooperHewitt-Thin', 'Helvetica', 'Arial-Black', sans-serif;
    color: #000;
    font-size: 20px;
    font-weight: normal;
    line-height: 20px;
    margin: 0;
}

.category {
    display: block;
    min-height: 150px;
    border-top: 1px dashed #958854;
    padding-top: 20px;
    padding-bottom: 20px;
    width: 100%;
}
nav ul {
	margin: 20px 20px 0px 20px;
	padding: 0;
}

nav ul li {
	list-style: none;
	list-style-position: inside;
	float: left;
	margin-left: 0px;
	margin-right: 20px;
}

/*------------------------------------*\
    FOOTER
\*------------------------------------*/


ul.social li {
	float: right;
	margin-left: 20px;
	margin-right: 0px;
}

p#copyright {
	font-size: 14px;
	padding: 20px 20px 40px 20px;
	clear: both;
}

.nav-right {
	float:right;
	margin-top: 65px;
	margin-left: 20px;
	margin-right: 0px;
}

#free {
	font-size: 20px;
	line-height: 6px;
	padding-left: 40px;
}

#header-logo {
	height: 80px;
}

#about-us {
	clear: both;
	padding: 20px 20px 0px 20px;
}

.footer {
    border-top: 3px dashed #958854;
    border-left: 3px dashed #958854;
    border-right: 3px dashed #958854;
}

/*------------------------------------*\
    FORMS
\*------------------------------------*/

input {
	background-color: #FFEB9C;
	border-style: solid;
	border-color: black;
	border-width: 1px;
}

input.gform_button {
	background-color: #0c34ff;
	border-style: none;
	padding-top: 5px;
	color: white;
    font-family: 'CooperHewitt-Semibold', 'Helvetica', 'Arial-Black', sans-serif;
    width: 300px;
    height: 41px;
}

input.gform_button:hover {
	background-color: #96A4EC;
}

input:focus {
	background-color: #FFF;
	border-color: #0c34ff;

}

div.gform_wrapper textarea {
        padding: 20px;
}

textarea {
	background-color: #fff7ed;
	border-style: solid;
	border-color: black;
	border-width: 1px;
	padding: 10px;
}

textarea:focus {
	background-color: #FFF;
	border-color: #0c34ff;

}

.renters-form ul li label {
    font-family: 'CooperHewitt-SemiBold', 'Helvetica', 'Arial-Black', sans-serif;
    font-weight: normal;
	margin-bottom: 2px;
	padding-top: 20px;
}

.renters-form .gfield_description {
    color: #666;
}

.notice {
	background-color: #FFF6CE;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	margin-top: 20px;
	border-left: 4px solid black;
}

.gfield_label {
    font-family: 'CooperHewitt-SemiBold', 'Helvetica', 'Arial-Black', sans-serif;
    padding-top: 20px;
}

/*------------------------------------*\
    COMMENT FORM
\*------------------------------------*/

input.submit {
	background-color: #0c34ff;
	border-style: none;
	padding-top: 5px;
	color: white;
    font-family: 'CooperHewitt-Semibold', 'Helvetica', 'Arial-Black', sans-serif;
    width: 200px;
    height: 41px;
}

input.submit:hover {
	background-color: #96A4EC;
}

.form-allowed-tags {
	font-size: 14px;
	line-height: 18px;
}

.comments {
	margin-bottom: 20px;
}

/*------------------------------------*\
    FEATURED AREA (FRONT PAGE)
\*------------------------------------*/

.featured {
	background-color: #FFEB9C;
	min-height: 430px;
    border-bottom: 3px dashed #958854;
    padding: 60px 0px 60px 0px;
}

.slogan {
    font-family: 'CooperHewitt-Thin', 'Helvetica', 'Arial', sans-serif;
	font-size: 100px;
	line-height: 85px;
	padding-bottom: 40px;
	letter-spacing: -5px;
}

.call-to-action {
	font-size: 40px;
	line-height: 60px;
}

article p {
	padding-bottom: 10px;
}

#feature-logo {
	height: 50px;
	position: relative;
	top: 10px;
}


/*------------------------------------*\
    HEADER
\*------------------------------------*/

#join {
    font-family: 'CooperHewitt-Semibold', 'Helvetica', 'Arial-Black', sans-serif;
}

.nav-right li {
	margin-left: 20px;
	margin-right: 0px;
}

/*------------------------------------*\
    CATEGORY PAGES
\*------------------------------------*/

.article-list {
    border-top: 1px dashed #958854;
    padding-top: 20px;
    padding-bottom: 20px;
}

.intro {
	font-size: 30px;
	line-height: 36px;
	margin-bottom: 40px;
}

.post-details {
	margin: 10px 0 20px 0;
	font-size: 14px;
    border-bottom: 1px dashed #958854;

}

/*------------------------------------*\
    SINGLE POST
\*------------------------------------*/

.classifications {
	margin: 10px 0 20px 0;
	padding-top: 10px;
	font-size: 14px;
	line-height: 14px;
    border-top: 1px dashed #958854;

}

h2.biography {
    font-family: 'CooperHewitt-SemiBold', 'Helvetica', 'Arial-Black', sans-serif;
    color: #000;
    font-size: 24px;
    font-weight: normal;
    line-height: 24px;
    padding-top: 10px;
    margin: 0;
}

p.biography {
    font-family: 'CooperHewitt-LightItalic', 'Helvetica', 'Arial', sans-serif;
}

h3.about{
	font-family: 'CooperHewitt-Light', 'Helvetica', 'Arial-Black', sans-serif;
    color: #000;
    font-size: 14px;
    font-weight: normal;
    line-height: 14px;
    margin: 0;
    border-top: 1px dashed #958854;
    padding-top: 20px;
    margin-top: 20px;
}

/*------------------------------------*\
	TYPOGRAPHY
\*------------------------------------*/

@font-face {
  font-family: 'CooperHewitt-Light';
  src:  url('fonts/CooperHewitt-Light.eot') format('embedded-opentype'),
        url('fonts/CooperHewitt-Light.woff') format('woff'),
        url('fonts/CooperHewitt-Light.svg') format('svg');
}

@font-face {
  font-family: 'CooperHewitt-LightItalic';
  src:  url('fonts/CooperHewitt-LightItalic.eot') format('embedded-opentype'),
        url('fonts/CooperHewitt-LightItalic.woff') format('woff'),
        url('fonts/CooperHewitt-LightItalic.svg') format('svg');
}
@font-face {
  font-family: 'CooperHewitt-SemiBold';
  src:  url('fonts/CooperHewitt-Semibold.eot') format('embedded-opentype'),
        url('fonts/CooperHewitt-Semibold.woff') format('woff'),
        url('fonts/CooperHewitt-Semibold.svg') format('svg');
}
@font-face {
  font-family: 'CooperHewitt-Heavy';
  src:  url('fonts/CooperHewitt-Heavy.eot') format('embedded-opentype'),
        url('fonts/CooperHewitt-Heavy.woff') format('woff'),
        url('fonts/CooperHewitt-Heavy.svg') format('svg');
}
@font-face {
  font-family: 'CooperHewitt-Book';
  src:  url('fonts/CooperHewitt-Book.eot') format('embedded-opentype'),
        url('fonts/CooperHewitt-Book.woff') format('woff'),
        url('fonts/CooperHewitt-Book.svg') format('svg');
}

@font-face {
  font-family: 'CooperHewitt-Thin';
  src:  url('fonts/CooperHewitt-Thin.eot') format('embedded-opentype'),
        url('fonts/CooperHewitt-Thin.woff') format('woff'),
        url('fonts/CooperHewitt-Thin.svg') format('svg');
}

@font-face {
  font-family: 'CooperHewitt-Bold';
  src:  url('fonts/CooperHewitt-Bold.eot') format('embedded-opentype'),
        url('fonts/CooperHewitt-Bold.woff') format('woff'),
        url('fonts/CooperHewitt-Bold.svg') format('svg');
}

/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

@media only screen and (min-width:320px) {
	.wrapper {
		padding-left: 10px;
		padding-right: 10px;
	}
}
@media only screen and (min-width:480px) {

}
@media only screen and (min-width:768px) {
	.wrapper {
		padding-left: 20px;
		padding-right: 20px;
	}

}
@media only screen and (min-width:1024px) {
	.wrapper {
		margin: auto;
		max-width: 960px;
	}

}
@media only screen and (min-width:1140px) {

}
@media only screen and (min-width:1280px) {

}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),
	   only screen and (min-resolution:144dpi) {

}

/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-webkit-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-moz-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
	margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
a img.alignnone {
	margin:5px 20px 20px 0;
}
a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.wp-caption {
	background:#FFF;
	border:1px solid #F0F0F0;
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center;
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}
.wp-caption.alignright {
	margin:5px 0 20px 20px;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}
.sticky {

}
.bypostauthor {

}

/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
	* {
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	a,
	a:visited {
		text-decoration:underline;
	}
	a[href]:after {
		content:" (" attr(href) ")";
	}
	abbr[title]:after {
		content:" (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content:"";
	}
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr,img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
	}
	@page {
		margin:0.5cm;
	}
	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}
}

/*------------------------------------*\
    VOTING CARDS
\*------------------------------------*/


body.page-template-vote-cards {
	color: #000;
}
body.page-template-vote-cards a[target="_blank"]:after {
    display: inline-block;
    content: "↗";
    font-size: 0.6em;
    vertical-align: middle;
    margin: 0 0.5em 0px;
}
body.page-template-vote-cards #header-logo.double-the-size {
 	height: 110px;
 }
body.page-template-vote-cards .nav-right {
    margin-top: 91px;
}
body.page-template-vote-cards .on-this-page {
	padding: 1em 0 0.5em 0;
	border-top: 1px dashed #958854;
	border-bottom: 1px dashed #958854;
	margin: 2em 0;
}
p.backtotop {
	border-bottom: 1px dashed #958854;
	margin-bottom: 3em;
}

.candidate-cards-wrapper {
	clear: left;
	display: block;
	overflow: hidden;
	padding: 1em 0;
	margin: 1em -0.25em 0;
}
.candidate-card {
	float: left;
	width: 100%;
	font-size: 0.8em;
    line-height: 1.14;
	padding: 0;
    margin: 0 0 1em;
}
.candidate-card:nth-child(3n+1) {
	clear: left;
}
.candidate-card .liner {
	background-color: #fff;
	border-radius: 3px;
	padding: 1.5em;
    box-shadow: 0 0 3px #a7a7a7;
	margin: 0 0.5em 1em;
}
.candidate-card .thumb {
	float: left;
	width: 30%;
    max-height: 100px;
    max-width: 100px;
    overflow: hidden;
    border-radius: 50%;
    padding: 0;
    margin: 0 5% 0 0;
}
.candidate-card .thumb img {
	width: 100%;
	height: auto;
}
.candidate-card h3 {
	display: inline-block;
    width: 65%;
    font-family: 'CooperHewitt-SemiBold', 'Helvetica', 'Arial', sans-serif;
    font-size: 1.8em;
    margin-top: 0.5em;
}
.candidate-card ul.subjects {
	clear: left;
	list-style-type: none;
	padding: 0;
	margin: 0 0 2.5em 0;
}
.candidate-card ul.subjects > li {
	position: relative;
	font-family: 'CooperHewitt-SemiBold', 'Helvetica', 'Arial', sans-serif;
	font-size: 1em;
	font-weight: normal;
	line-height: 1.14;
	list-style-type: none;
	padding: 1.5em 3.4em 0 1.1em;
	margin: 0;
}
.candidate-card ul.subjects > li > span {
	cursor: pointer;
}
.candidate-card ul.subjects > li > span:focus,
.candidate-card ul.subjects > li > span:hover {
	color: #666;
}
.candidate-card ul.subjects button.show-hide {
	display: inline-block;
	position: relative;
	background-color: transparent;
	color: #000;
	font-size: 0.75em;
	border: none;
	border-radius: 3px;
	padding: 1px 4px;
	margin: 0px 0.5em -1px -26px;
}
.candidate-card ul.subjects button.show-hide:after {
	position: relative;
	display: inline-block;
	width: 1em;
	height: 1em;
	font-size: 0.8em;
	content: "❯";
	-webkit-transition: -webkit-transform 0.25s ease;
	transition: -webkit-transform 0.25s ease;
	transition: transform 0.25s ease;
	transition: transform 0.25s ease, -webkit-transform 0.25s ease;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}
.candidate-card ul.subjects li.closed button.show-hide:after {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
}
.candidate-card ul.subjects > li li {
	position: relative;
	font-family: 'CooperHewitt-Light', 'Helvetica', 'Arial', sans-serif;
	font-size: 1em;
	font-weight: normal;
	padding: 0.5em 0 10px;
}
.candidate-card ul.subjects > li:after {
    position: absolute;
    display: inline-block;
    right: 0;
    top: 0.8em;
    height: 2.5em;
    width: 2.5em;
    content: '?';
    background-color: #acacac;
    color: #000;
    color: rgba(255, 255, 255, 0.8);
    font-family: 'CooperHewitt-SemiBold', 'Helvetica', 'Arial', sans-serif;
    font-size: 1em;
    line-height: 2.7;
    text-align: center;
    font-weight: normal;
    vertical-align: middle;
    border-radius: 50%;
    border: 1px solid #757575;
}
.candidate-card ul.subjects li.subject-1 {
}
.candidate-card ul.subjects li.points-awarded-1:after {
	content: '↓';
	background-color: #e8142a;
        line-height: 2.8;
}
.candidate-card ul.subjects li.points-awarded-2:after {
	content: '2';
	background-color: #f06541;
}
.candidate-card ul.subjects li.points-awarded-3:after {
	content: '·';
	background-color: #ffed51;
    color: rgba(0, 0,0, 0.6);

}
.candidate-card ul.subjects li.points-awarded-4:after {
	content: '4';
	background-color: #6fbb84;
}
.candidate-card ul.subjects li.points-awarded-5:after {
	content: '↑';
	background-color: #14b259;
}
.candidate-card ul.subjects ul {
	display: block;
	height: auto;
	overflow: hidden;
	list-style-type: none;
	padding: 0;
	margin: 0.5em -3.4em 0 0;
	-webkit-transition: height 0.25s ease, margin-top 0.25s ease, margin-bottom 0.25s ease;
	transition: height 0.25s ease, margin-top 0.25s ease, margin-bottom 0.25s ease;
}


.candidate-card ul.subjects li.closed ul {
	height: 0;
	margin: 0;
}
.candidate-card ul.links {
	list-style-type: none;
	border-top: 1px dashed #958854;
	padding: 20px 0 0 0;
	margin: 20px 0 0 0;
}
.candidate-card ul.links li {
	list-style-type: none;
	padding: 8px 0 10px
}

p.jump-wards {
	padding-left: 76px
}
p.jump-wards a {
	white-space: nowrap;
}


	/*------------------------------------*\
	    RENTERS WARNING SYSTEM
	\*------------------------------------*/

body.page-template-warning-system {
		background-color: #FFEB9C;
		font-family: 'CooperHewitt-Book', 'Helvetica', 'Arial', sans-serif;
		background-image: url(img/pattern-grey.svg);
		background-size: cover;
	}

.page-frame {
	position: relative;
	background-color: #FFEB9C;
	padding-left: 1em;
	padding-right: 1em;
	top: 2em;
	padding-top: 1em;

	}

	#right-header-logo {
		height: 100px;
		float: right;
	}

h1.big-title {
	font-size: 4.5em;
	line-height: 0.95em;
	text-transform: uppercase;
	font-family: 'CooperHewitt-Bold', 'Helvetica', 'Arial', sans-serif;
	width: 60%;
	margin-top: 0.1em;
	float: left;
}

header.warning-system {
	display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

p.created {
	font-size: 1.25em;
  padding-bottom: 12px;
}

div.tablenav {
	font-size: .8em;
  text-align: right;
}

div.tablenav::after {
	content: "Most recent warnings are listed first";
}

div.tablenav:last-of-type {
	flex-basis: 100%;
}

.search-box {
		display: inline-block;
}

div.search-box label {
	font-family: 'CooperHewitt-Semibold', 'Helvetica', 'Arial', sans-serif;
	padding-right: 10px;
	position: relative;
	top: 2px
}

div.search-box label:before {
	content: "Search by ";
}
div.search-box input {
	background-color: white;
	height: 32px;
}

#lead_search_button {
	background-color: #0C34ED;
	border-width: 0;
	color: white;
	font-family: 'CooperHewitt-Semibold', 'Helvetica', 'Arial', sans-serif;
	margin-left: 6px;
	padding-top: 6px;
}

/*------------------------------------*\
		DEFINITION LIST TILES
\*------------------------------------*/

div.wrap {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
}

dl.odd, dl.even {
		background-color: white;
    padding: .5em;
    margin-bottom: 16px;
		flex-grow: 1;
		max-width: 48%;
		min-width: 40%;
		border: 1px solid #a3a4a4;
		max-height: 500px;
    overflow: scroll;
}

dt.text {
	display: none;
}

dl.odd dd, dl.even dd {
	margin-left: 0;
	font-family: 'CooperHewitt-Bold', 'Helvetica', 'Arial', sans-serif;
	padding-bottom: 0px !important;
}

dt.textarea {
	margin-top: 16px;
	padding-top: 16px;
	border-top-width: 1px;
	border-top-color: #a3a4a4;
	border-top-style: dotted;
	font-family: 'CooperHewitt-Bold', 'Helvetica', 'Arial', sans-serif;
	text-transform: uppercase;
	color: #a3a4a4;
	font-size: 0.8em;
}

dt.textarea:after {
	content: ":"
}

dl.odd dd:last-child, dl.even dd:last-child {
	font-family: 'CooperHewitt-Book', 'Helvetica', 'Arial', sans-serif;
	}

dl.odd dd a::after, dl.even dd a::after {
		content: "More details";
		text-transform: uppercase;
		color: #a3a4a4;
		font-size: 0.5em;
		padding-left: 8px;
		text-align: right;
		}


article.hentry dl dl {
	background-color: white;
	padding: .5em;
	margin-bottom: 16px;
	border: 1px solid #a3a4a4;
}

dt.entry-view-field-name {
	font-family: 'CooperHewitt-Bold', 'Helvetica', 'Arial', sans-serif;
	}

article.hentry dl dd {
		padding-bottom: 16px;
		margin-left: 0;
	}

/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

@media only screen and (min-width:480px) {
	body.page-template-vote-cards #header-logo.double-the-size {
 		height: 160px;
 	}
	body.page-template-vote-cards .nav-right {
		float: right;
		margin-top: 141px;
	}
	.candidate-card h3 {
		font-size: 2.2em;
		line-height: 1.14;
		margin-top: 0.6em;
	}

}
@media only screen and (min-width:768px) {
	.candidate-card {
		width: 33.33%;
	}
	.candidate-card h3 {
		font-size: 1.8em;
		line-height: 1.14;
		margin-top: 0.2em;
	}

}

@media only screen and (max-width:768px) {
	div.right-block {
		display: none;
	}
	.page-frame {
		top: 1em;
		padding-top: 1em;
	}
}

@media only screen and (max-width:500px) {
		h1.big-title {
			font-size: 3em;
			width: 100%;
		}
		.intro {
			font-size: 1.1em;
    	line-height: 1.3em;
    	margin-bottom: 20px;
		}

}

@media only screen and (max-width:870px) {
		div.tablenav {
			flex-basis: 100%;
			min-width: 100%;
			text-align: left;
		}

}

@media only screen and (max-width:550px) {
		div.search-box label, div.search-box input, p.search-box input {
				display: block;
		}
		dl.odd, dl.even {
				width: 100%;
				min-width: none;
				max-width: none;
		}
}

		p.intro {
			font-size: 1.1em;
    	line-height: 1.3em;
    	margin-bottom: 20px;
		}