/*
Theme Name: Traditional Blog Theme
Theme URI: http://www.viastudios.co.uk
Description: A responsive wordpress theme for use on My Councillor websites. If editing or amending please respect and refer to the Liberal Democrats brand guidelines. <strong>Using an alternative theme voids ALDC support and liabilty</strong>
Author: Via Studios
Version: 500
*/
/* =Reset
-------------------------------------------------------------- */
body, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, a, img, dl, dt, dd, ol, ul, li, fieldset, form, legend, table, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; list-style: none; }

body { background: #fff; /* Ensures the background of the WordPress customizer is correct */ }

b, strong { font-weight: bold; }

/* =Force HTML5 elements block
-------------------------------------------------------------- */
header, nav, article, footer, address { display: block; }

nav ul { margin: 0; }

nav ul li { list-style: none; }

/* =Hidden sections
-------------------------------------------------------------- */
.assistive-text, .assistive-text { display: none; }

/* =Links
-------------------------------------------------------------- */
a { text-decoration: none; color: #ffb602; }

a:hover { text-decoration: underline; }

.cf:before, #site-header nav.header-menu:before, .cf:after, #site-header nav.header-menu:after { content: " "; /* 1 */ display: table; /* 2 */ }

.cf:after, #site-header nav.header-menu:after { clear: both; }

/** For IE 6/7 only Include this rule to trigger hasLayout and contain floats. */
.cf, #site-header nav.header-menu { *zoom: 1; }

/* =Header
-------------------------------------------------------------- */
#site-header { display: block; margin: 0 auto; overflow: auto; background: #fa9d24; background: -moz-linear-gradient(45deg, #fa9d24 0%, #fdb415 40%, #ffdc02 100%); background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #fa9d24), color-stop(40%, #fdb415), color-stop(100%, #ffdc02)); background: -webkit-linear-gradient(45deg, #fa9d24 0%, #fdb415 40%, #ffdc02 100%); background: -o-linear-gradient(45deg, #fa9d24 0%, #fdb415 40%, #ffdc02 100%); background: -ms-linear-gradient(45deg, #fa9d24 0%, #fdb415 40%, #ffdc02 100%); background: linear-gradient(45deg, #fa9d24 0%, #fdb415 40%, #ffdc02 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fa9d24', endColorstr='#ffdc02',GradientType=1 ); }

#site-header .hgroup { overflow: hidden; margin: 2em auto 1em auto; max-width: 1080px; }

#site-header h1 { float: left; font-family: "proxima-nova", sans-serif; font-size: 2.8em; line-height: 1em; font-weight: bold; margin: 0 3% 10px; }

#site-header h1 a { color: #000000; color: rgba(0, 0, 0, 0.85); }

#site-header h1 a:hover { text-decoration: none; }

#site-header h1 a span { color: #ffb602; }

#site-header h1 a small { font-size: 65%; }

#site-header h2 { font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 1em; line-height: 1.5em; float: left; clear: both; font-weight: normal; margin: 0 3%; color: #FFF; }

#site-header nav.header-menu { margin: 0 auto; max-width: 1080px; clear: both; }

#site-header nav.header-menu ul { margin: 3%; }

#site-header nav.header-menu ul li { display: inline-block; }

#site-header nav.header-menu ul li a { color: #9e6e0f; color: rgba(0, 0, 0, 0.4); margin-right: 1em; }

#site-header .sidebar { border-color: #e4a90f; border-color: rgba(0, 0, 0, 0.1); }

/* =Contents
-------------------------------------------------------------- */
body.page-template-full-width-php .site-content { width: 94%; padding: 0 3%; }

.content-area { font-size: 1em; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; line-height: 1.8em; color: #333; }

h1, h2, h3, h4, h5, h6 { font-family: "proxima-nova", sans-serif; color: #333; line-height: 1em; }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #333; }

h1.widget-title { font-size: 1.4em; font-weight: bold; }

h1 { font-size: 1.6em; margin: 1em 0 0.3em; }

h2 { font-size: 1.5em; margin: 1em 0 0.3em; }

h3 { font-size: 1.4em; margin: 1em 0 0.3em; }

h4 { font-size: 1.3em; margin: 0.7em 0 0.2em; }

h5 { font-size: 1.2em; margin: 0.7em 0 0.2em; }

h6 { font-size: 1.1em; margin: 0.5em 0 0.15em; }

p, li, dd, dt, .page-links, caption, th, td { font-size: 1em; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; color: #333; }

.page-links, p, li { margin: 1.5em 0; }

.page-links { clear: both; }

p { line-height: 1.8em; word-wrap: break-word; }

ul, ol { margin: 1em 0 1em 1.2em; }

ul li { list-style: square; line-height: 2em; margin: 0; padding: 0; }

ol li { list-style-type: decimal; line-height: 2em; margin: 0; padding: 0; }

dt { font-weight: bold; }

blockquote { position: relative; margin: 1.5em 0 1.5em 2.5em; padding: 0 1em 0 1em; }

blockquote p:before, blockquote p:after { font-family: serif; position: absolute; font-size: 3em; }

blockquote p:before { left: -0.3em; top: 0.05em; content: "\201C"; }

blockquote p:after { margin-top: 0.1em; margin-left: 0.05em; content: "\201D"; }

blockquote, blockquote p { color: #999; font-style: italic; }

code, pre { max-width: 100%; overflow: auto; font-family: monospace; font-size: 0.9em; }

input[type=text], input[type=email], input[type=tel], textarea, select { border: 1px solid #ddd; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; padding: 3% 4%; margin-bottom: 10px; width: 100%; max-width: 500px; box-sizing: border-box; -webkit-appearance: none; }

.search-form input[type=submit], .search-form label { display: none; }

.search-form input[type=text] { width: 90%; max-width: 400px; font-size: 0.9em; }

iframe { max-width: 100%; padding: 0; margin: 0; }

img { max-width: 100%; height: auto; padding: 0; margin: 0; }

body .wp-caption { max-width: 94%; margin: 1em auto; padding: 2% 2% 0 2%; border: 1px solid #ddd; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; }

.wp-caption p { margin: 0.4em 0; padding: 0 0.8em; font-size: 0.8em; line-height: 1.5em; color: #666; }

.wp-caption img { display: block; margin: 0 auto; margin: 0.4em auto 0; }

/* =Post contents
-------------------------------------------------------------- */
.feeds { border: 1px solid #DDD; border-radius: 5px; background: #EFEFEF; margin-top: 30px; padding: 0; }

.feeds .head-post { width: 46%; padding: 2%; float: left; }

.page .content-area article, .single .content-area article { border-bottom: none; }

article { margin: 0 0 2em 0; padding: 0 0 2em 0; border-bottom: 1px solid #ddd; }

.entry-content { width: 100%; overflow: auto; }

.thumbnail, .attachment-excerpt-thumb { float: right; max-width: 38%; margin: 0 0 1em 2em; }

.entry-meta { color: #888; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 0.8em; }

.alignleft { float: left; margin: 0 1em 1em 0; }

.aligncenter { margin: 0 auto; display: block; }

.alignright { float: right; margin: 0 0 1em 1em; }

table { border-collapse: collapse; border-spacing: 0; line-height: 1.7em; }

caption, th, td { font-weight: normal; text-align: left; vertical-align: top; }

caption { font-size: 1em; margin: 1.5em 0; }

th { font-weight: bold; text-transform: uppercase; }

/* =Sidebar
-------------------------------------------------------------- */
.content-area { margin: 0 auto; max-width: 1080px; }

.site-content { width: 63%; padding: 0 0 0 3%; float: left; overflow: hidden; }

.sidebar { padding: 3%; width: 24%; float: right; border-left: 1px solid #ddd; }

.sidebar aside { margin-bottom: 1.2em; }

.sidebar ul li { line-height: 1.5em; }

.sidebar .profile-img { border-radius: 5px; }

.social-link { line-height: 1.15em; display: inline-block; white-space: nowrap; position: relative; cursor: pointer; vertical-align: top; }

.social-link:hover .icon { opacity: 1; }

.social-link:hover .tooltip { display: block; }

.social-link.block { width: 100%; margin-top: 30px; border-top: 1px solid #DDD; padding-top: 30px; }

.social-link ul { width: 71%; float: right; }

.social-link ul li { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.social-link i { width: 30%; float: left; }

.icon { background: url(images/icons.png) no-repeat; background-size: 35px; height: 22px; opacity: 0.6; float: left; margin: 15px 23px 0 0; }

.icon.login { width: 51px; height: 51px; margin: 0; background-position: 0 -316px; background-position: 0 0\9; background: url(images/login-ie.png) \9; opacity: 1; background-color: black; border: 8px solid black; border-radius: 50%; z-index: 10000; }

.icon.address { width: 22px; height: 22px; margin: 10px 10px 0 0; background-image: url(images/address.png); background-repeat: no-repeat; background-size: 100%; }

.icon.lib-dem { width: 35px; height: 27px; margin: 10px 10px 0 0; }

.icon.lib-dem.light { background-position: 0 -159px; background-position: 0 0\9; background: url(images/lib-dems-ie.png) \9; }

.icon.lib-dem.dark { background-position: 0 -1px; background-position: 0 0\9; background: url(images/lib-dems-black-ie.png) \9; }

.icon.user_email { width: 27px; height: 17px; margin: 8px 18px 0 0; }

.icon.user_email.light { background-position: 0 -187px; background-position: 0 0\9; background: url(images/email-ie.png) \9; }

.icon.user_email.dark { background-position: 0 -29px; background-position: 0 0\9; background: url(images/email-black-ie.png) \9; }

.icon.telephone { width: 18px; height: 22px; margin: 8px 27px 0 0; }

.icon.telephone.light { background-position: 0 -206px; background-position: 0 0\9; background: url(images/phone-ie.png) \9; }

.icon.telephone.dark { background-position: 0 -49px; background-position: 0 0\9; background: url(images/phone-black-ie.png) \9; }

.icon.facebook { width: 10px; }

.icon.facebook.light { background-position: 0 -229px; background-position: 0 0\9; background: url(images/facebook-ie.png) \9; }

.icon.facebook.dark { background-position: 0 -71px; background: url(images/facebook-black-ie.png) \9; }

.icon.twitter { width: 22px; height: 20px; }

.icon.twitter.light { background-position: 0 -251px; background-position: 0 0\9; background: url(images/twitter-ie.png) \9; }

.icon.twitter.dark { background-position: 0 -94px; background-position: 0 0\9; background: url(images/twitter-black-ie.png) \9; }

.icon.google { width: 24px; }

.icon.google.light { background-position: 0 -271px; background-position: 0 0\9; background: url(images/google-ie.png) \9; }

.icon.google.dark { background-position: 0 -114px; background-position: 0 0\9; background: url(images/google-black-ie.png) \9; }

.icon.instagram { width: 22px; }

.icon.instagram.light { background-position: 0 -293px; background-position: 0 0\9; background: url(images/instagram-ie.png) \9; }

.icon.instagram.dark { background-position: 0 -136px; background-position: 0 0\9; background: url(images/instagram-black-ie.png) \9; }

.icon.linkedin { width: 22px; }

.icon.linkedin.light { background-position: 0 -407px; background-position: 0 0\9; background: url(images/instagram-ie.png) \9; }

.icon.linkedin.dark { background-position: 0 -386px; background-position: 0 0\9; background: url(images/instagram-black-ie.png) \9; }

.icon.pinterest { width: 19px; }

.icon.pinterest.light { background-position: 0 -450px; background-position: 0 0\9; background: url(images/instagram-ie.png) \9; }

.icon.pinterest.dark { background-position: 0 -428px; background-position: 0 0\9; background: url(images/instagram-black-ie.png) \9; }

.icon.youtube { width: 18px; }

.icon.youtube.light { background-position: 0 -494px; background-position: 0 0\9; background: url(images/youtube-ie.png) \9; }

.icon.youtube.dark { background-position: 0 -472px; background-position: 0 0\9; background: url(images/youtube-black-ie.png) \9; }

.icon.tumblr { width: 14px; }

.icon.tumblr.light { background-position: 0 -537px; background-position: 0 0\9; background: url(images/tumblr-ie.png) \9; }

.icon.tumblr.dark { background-position: 0 -516px; background-position: 0 0\9; background: url(images/tumblr-black-ie.png) \9; }

/* =Numeric pagination
-------------------------------------------------------------- */
#numeric-pagination { margin: 4em 0 0 0; padding: 0 0 4em 0; }

#numeric-pagination li { float: left; list-style: none; margin: 0 0.3em; padding: 0; height: 1.6em; line-height: 1.6em; text-align: center; border: 1px solid #ddd; }

#numeric-pagination a { float: left; height: 1.3em; margin: 0; padding: 0.1em 0.5em 0.2em 0.5em; }

#numeric-pagination li.active a, #numeric-pagination li a:hover { background: #ffb602; text-decoration: none; color: #fff; }

/* =Comments
-------------------------------------------------------------- */
#comments { margin: 3em 0 0 0; overflow: auto; }

#comments h3 { margin: 0 0 20px; }

ol.commentlist { margin: 0; padding: 0; list-style: none; }

ol.commentlist li.trackback, ol.commentlist li.pingback, ol.commentlist li.comment { list-style: none; background: #fafafa; border: 1px solid #ddd; margin: 0 0 1.5em 0; padding: 0; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; font-size: 0.9em; color: #999; }

ol.commentlist li.trackback ul, ol.commentlist li.pingback ul, ol.commentlist li.comment ul { margin: 0 1.5em 1.5em 1.5em; padding: 0; }

ol.commentlist li.trackback .comment-body, ol.commentlist li.pingback .comment-body, ol.commentlist li.comment .comment-body { padding: 1.5em; }

ol.commentlist li.comment li.comment { font-size: 1em; background: #f6f6f6; margin: 1.5em 0 0 0; }

ol.commentlist li.comment li.comment li.comment { background: #f3f3f3; }

ol.commentlist cite { font-style: normal; }

ol.commentlist img.avatar { float: right; border: 1px solid #ddd; margin: 0 0 1.5em 1.5em; }

ol.commentlist .comment-reply-link { background: #eee; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border: 1px solid #ddd; font-size: 0.8em; padding: 0.4em 0.8em; color: #333; }

ol.commentlist .comment-reply-link:hover { background: #ffb602; color: #fff; text-decoration: none; }

.comment-author, .comment-meta { line-height: 1.5em; }

.comment-meta { font-size: 0.8em; }

/* =Response
-------------------------------------------------------------- */
.gform_wrapper, .contact-form, #respond { margin: 3em 0 2em 0; overflow: auto; }

.comment #respond { margin: 3em 1.5em 2em 1.5em; }

.gform_wrapper ul { margin: 1em 0; }

.gform_wrapper li { list-style: none; }

.gform_validation_container { display: none; }

.gform_wrapper label, .contact-form label, #respond label { display: block; line-height: 1.5em; margin: 1.5em 0 0 0; }

.gform_wrapper input[type=email], .gform_wrapper input[type=text], .gform_wrapper input[type=submit], .gform_wrapper textarea, .contact-form input[type=email], .contact-form input[type=text], .contact-form input[type=submit], .contact-form textarea, .wpcf7-form input[type=submit], #respond input[type=email], #respond input[type=text], #respond input[type=submit], #respond textarea { display: block; margin: 0 0 0.8em; padding: 0.5em 0.8em; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; background: #fafafa; border: 1px solid #ddd; color: #666; }

.gform_wrapper input[type=email], .contact-form input[type=email], #respond input[type=email], .gform_wrapper input[type=text], .contact-form input[type=text], #respond input[type=text] { width: 300px; }

.gform_wrapper textarea, .contact-form textarea, #respond textarea { max-width: 700px; width: 95%; height: 200px; }

.gform_wrapper input[type=email], .contact-form input[type=email], #respond input[type=email], .gform_wrapper input[type=text], .contact-form input[type=text], #respond input[type=text], .gform_wrapper textarea, .contact-form textarea, #respond textarea { font-size: 0.9em; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; }

.gform_wrapper input[type=submit], .contact-form input[type=submit], .wpcf7-form input[type=submit], #respond input[type=submit] { font-size: 1.2em; background: #eee; color: #333; border: 1px solid #ddd; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; margin: 1.5em 0 0 0; padding: 0.4em 1em; }

.gform_wrapper input[type=submit]:hover, .contact-form input[type=submit]:hover, .wpcf7-form input[type=submit]:hover, #respond input[type=submit]:hover { background: #ffb602; color: #fff; cursor: pointer; }

.comment-notes, .form-allowed-tags { font-size: 1em; color: #999; }

.wpcf7-form input[type=submit] { margin: 0 auto; }

/* =Third party plugins
-------------------------------------------------------------- */
.metro-tabs a { height: 16px; }

#respond .subscribe-to-comments label { display: inline; }

/* =Footer
-------------------------------------------------------------- */
#site-footer { clear: both; margin: 0 auto; max-width: 1180px; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 1em; }

#site-footer > div { border-top: 1px solid #ddd; padding: 1.6em 3%; }

#site-footer p { color: #9a9a9a; }

.party-sprite { background-image: url(images/ld_fed_sprite.png); background-size: 300px; float: left; }

.party-sprite.logo { height: 64px; width: 135px; background-position: top right; }

.party-sprite.strapline { background-position: 0 -140px; margin-top: 26px; height: 43px; width: 180px; float: right; }

/* =Helpers
-------------------------------------------------------------- */
.responsive-embed { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; }

.responsive-embed iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/*	Paypal buttons
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.paypal-button button { border-radius: 6px  !important; font-style: normal  !important; border: 0  !important; color: #FFFFFF  !important; background: #0070BA !important; text-shadow: none  !important; }

.paypal-button button:before { background: url(../images/ppcom-white.svg) !important; background-size: cover !important; height: 29px !important; width: 24px !important; top: 8px !important; left: 13px !important; border-radius: 0 !important; }

.paypal-button button:after { content: normal !important; }

.paypal-button button.large { padding: 15px 35px 15px 60px !important; }

/* =Responsive
-------------------------------------------------------------- */
@media (min-width: 900px) { body { font-size: 120%; } }

@media (max-width: 650px) { .site-content { width: 94%; padding: 0 3%; float: left; }
  .sidebar { padding: 3%; width: 94%; border-left: none; } }

@media (max-width: 350px) { article .attachment-excerpt-thumb { float: none; display: block; margin: 0 auto; max-width: 100%; } }

/* =Right to left language support
-------------------------------------------------------------- */
.rtl #site-header h1 { float: right; margin: 0 2% 0 0; }

.rtl #site-header h2 { float: left; margin: 1.5em 0 0 2%; }

.rtl .site-content { padding: 0 3% 0 0; float: right; }

.rtl .sidebar { float: left; border-right: 1px solid #ddd; border-left: none; }

.rtl #numeric-pagination li { float: right; }

/* =Print styles
-------------------------------------------------------------- */
@media print { #respond, .sep, #numeric-pagination, .comments-link, .sidebar { display: none; } }