/*
Theme Name: Labour Party Template
Theme URI: http://petercarlill.co.uk
Version: 2.0
*/

@import "css/reset.css";
@import "css/typography.css";
@import "css/layout.css";

body {font-family:'Poppins';font-weight:400; color:#222;-webkit-font-smoothing:antialiased;}
#archive {text-align:center; padding:20px;}
#header {color:white; background: #77afa3; background:#b00010;background: linear-gradient(135deg, rgba(150,41,93,1) 0, rgba(147,1,60,1) 20%, rgba(160,0,90,1) 60%, #e4003b 100%);padding:0;clear:both;border-top:6px solid #e4003b;}
#header .left > span {display:inline-block;padding:5px; color: #e4003b;background:white; font-weight:400; font-size:1.2em;}
#header .left > blockquote {width:100%; font-style:italic;padding:30px 0 20px; font-size:1.4em;}
#header h1,#header h2 {width:90%; font-size:2.5em;font-weight:700;line-height:1.1;padding-bottom:10px;}
#header h1 span,#header h2 span {font-weight:800;}
#header hr { border:0;border-collapse:collapse;height:1px;margin-top:10px;margin-bottom:10px; background: #666; width: 90%;}
#header .left {float:left; width:65%;padding:30px 0 10px;}
#header .right {float:right; width:30%;}
#header .sub-header {padding:30px 0 10px;}
#header .sub-header h2 {width:90%; font-size:2.2em;font-weight:700;line-height:1.1;padding-bottom:5px;}
#header p {width:90%; padding-bottom: 5px;font-weight: 600;font-size: 1em;}

#bar {height: 42px;}

#bar .logo {width:125px; height:30px; background-color:#e4003b; text-align:center; padding-top:32px; position:absolute; z-index: 99;}

#cookies {display:none; width: 100%; background:#FFDD2E; text-align: center;  padding: 4px 0; font-size: 12px; line-height: 1.6;  color:black;}
#cookies .button {float:none;background:#e4003b;padding:3px 10px;display:inline-block;color:white;}

strong {font-weight:400;}
img {max-width:100%; height:auto; }
.alignleft {margin-right:10px; margin-bottom:3px;}
.alignright {margin-left:10px; margin-bottom:3px;}
.clear {clear:both;}

#footer {color:white;background:#494949;padding:20px 0;clear:both;}
#footer a {color:white; text-decoration:none;}
#imprint {font-size:.7em; float:right;}

.hamburger {margin:8px 5px 5px 5px; float:right; vertical-align:middle; color:#9c9c9c; text-decoration:none; font-weight:400; font-size:.85em;}
.hamburger img {vertical-align: text-bottom;}

#access {background:#494949;color:white; font-weight:400; }
#access a {color:white; text-decoration:none;font-weight:600;}
#access li {display:inline-block;padding:10px 20px 10px 0;}
#access li.button {
    float: right;   
    margin: 10px 0;
    padding: 0px 20px 0px 20px;
}

#access li.button a {
    font-weight: normal;
    color: #ccc;
}

#bar #access li {
    width: 90%;
    float: none;
    padding: 15px 10%;
    border-bottom: 1px solid #ccc;
    margin: 0;
}

#bar #access {
    width: 100%;
    position: absolute;
    left: 0;
    top: 45px;
	display:none;
	z-index: 9;
	padding-top:15px;
}
.hamburger {display:none;}

@media screen and (max-width: 768px)  { 
.hamburger {display:inline;}
	#header #access {display:none;}
}

.wrap {max-width:960px;margin:0 auto;}
.menu-header {max-width:960px;margin:0 auto;}

#content {width:100%;padding:20px 0;}
#footer-quote {width:100%;float:right;padding:20px;background:#e4003b;color:white;font-size:1em;font-weight:600;}
#footer-quote a {font-size:.95em;font-style:normal; text-decoration:none; color:white;}
.home #content  {columns:1;}

#content {width:60%; float:left;}
#content.no-sidebar {width:100%; float:left;}
#sidebar {width:30%; float: right; padding:20px 0; background:#cccccc;height:100%;color:#292929; }
.xoxo {padding:0 20px;}

#sidebar .textwidget ul {padding:10px 0;}
#sidebar .textwidget ul li {padding:3px 0;}
#sidebar .textwidget ul li img {padding:0 5px 0 0; vertical-align:middle;}

#sidebar strong {font-weight:600;}
#sidebar em {font-size:1.2em; text-style:italic;font-weight:600;}

#sidebar a {color:#292929;text-decoration:none;}

.widget-container {padding-bottom:40px;}

#content a {color:#e4003b;text-decoration:none;}

#content h2 {padding-bottom:5px; font-size:2em;}
#content h2 a {color:#222;}

#content h1 {padding-bottom:5px; font-size:2em;}
#content h1 a {color:#222;}

#content ul {list-style:square;}
#content ul li {
    margin-left: 30px;
    list-style: square;
    padding-left: 5px;
	padding-bottom:5px;
}

.meta { color: #888; font-size:.8em; font-style: italic; padding-bottom:5px; margin-bottom:0px; }

input, textarea {
    font-family: 'Poppins';
    font-size: 1em;
    padding: 3px;
    border: 1px solid #cccccc;
}

input[type=submit] {
    background: #292929;
    color: white;
    border: 2px solid #292929;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 1.2em;
}

input[type=submit]:hover {
    background: red;
    border-color: red;
}


#content h2 {font-size:1.5em;font-weight:700;}
.widget-title {font-size: 1.8em; text-align: left; line-height:1.2;padding-bottom:10px;}


#content h2.big-title,#content h1.big-title { font-size: 2em; background-color: #e4003b; color: white; display: inline-block; padding: 5px 10px; font-weight: 700; margin-bottom: 10px;}


.page #content p + h2 {margin-top:10px;}


#content strong {font-weight:bold;}

.post p , #sidebar p {padding:0 0 1em 0; line-height:1.6;}
.post blockquote {padding:0 0 1em 0; font-size: 1em; color:#e4003b; font-weight:400;
 color:#d51422;font-weight:bold; font-style:italic;
}
.post blockquote p {padding:0;line-height:1.4em;font-size:1.1em;}
.post {    padding-bottom: 10px; border-bottom: 1px solid #aaa; margin-bottom: 30px;}

@media screen and (min-width: 768px) and (max-width: 989px) {
	.left > * {margin-left:20px;}
	#header hr {margin-right: 30px;width:auto;}
	#header .left blockquote {margin-right: 30px;width:auto;font-size:1.1em;padding-top: 10px;padding-bottom: 5px;}
	#content {padding-left:20px;}
	#bar .logo {left:20px;}
	#content h2.big-title,#content h1.big-title { font-size: 2.5em;}
	.widget-title {font-size: 1.45em; }
}

@media screen and (max-width: 767px) {
	#header, #content, #header .left {width:100%;}
	#content > div {margin-left:20px;margin-right:20px;}
    #content > div.wdm-auction-listing-container {margin:0;}
	#content > h2.big-title,#content h1.big-title {margin-left:20px;margin-right:20px;}
	#header hr {width:auto;margin-right: 0px;}
	.wrap {padding:0 20px;}
	#header {font-size:1em;}
	#sidebar {width:100%;float:none;clear:both;display:none;}
	#header .right {display:none;}
	#header .left {padding:20px 0 10px;}
	#header .left > blockquote {width:auto; font-size:1.1em;padding:10px 0 5px;}
	#header .left br {display:none;}
	#footer-quote {padding:20px 20px;width:auto;}
	#imprint {float:none;}
	#header h1 span {font-weight:800;}
	#content h2.big-title,#content h1.big-title {font-size:1.7em;}
	#content h2 {font-size:1.5em;}
        #content h1 {font-size:1.5em;}
	.post p , #sidebar p {text-align: left;}
	body > .wrap {padding:0;}
	.widget_twitter_timeline {display:none;}

	.widget-title {font-size: 1.45em; }
	#sidebar .textwidget ul li {font-size:.85em;}
}