/*
Theme Name: Brexit Central 2.0
Author: Girin Consulting Ltd
Author URI: http://girincon.com
Description: A custom theme created for Brexit Central by Girin Consulting based on framework elements of Ultrabootstrap
Version: 1.0
License: Modified version of Ultrabootstrap available under GNU General Public License v2 or later - any modifications and general designs remains the exclusive domain and copyright of Brexit Central.
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: brexitcentral

*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets1
# Content
    ## Posts and pages
	## Asides
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
	font-family: 'Open Sans', sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;
}

body {
	margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}

a {
	background-color: transparent;
}

a:active,
a:hover {
	outline: 0;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

mark {
	background: #ff0;
	color: #000;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 1em 40px;
}

hr {
	box-sizing: content-box;
	height: 0;
}

pre {
	overflow: auto;
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
html input[disabled] {
	cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input {
	line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

input[type="search"] {
	-webkit-appearance: textfield;
	box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td,
th {
	padding: 0;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
	color: #404040;
	font-family: 'Open Sans', sans-serif !important;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	font-family: 'PT Serif', serif;
	color: #282828;
}

p {
	margin-bottom: 1.5em;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 0.9375rem;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
}

*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

blockquote:before,
blockquote:after,
q:before,
q:after {

}

blockquote,
q {
	quotes: "" "";
	color: #e1346e;
	display: inline-block;
	margin-left: -25%;
	font-size: 30px;
	padding: 40px 0;
	border: none;
	line-height: 1.5;
	font-weight: 600;
	
}

hr {
	background-color: #d3d3d3;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul,
ol {
	margin: 0 0 1.5em 3em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
	color: royalblue;
}

a:visited {
	color: purple;
}

a:hover,
a:focus,
a:active {
	color: midnightblue;
}

a:focus {
	outline: thin dotted;
}

a:hover,
a:active {
	outline: 0;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation {
	clear: both;
	display: block;
	float: left;
	width: 100%;
}

.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation li {
	float: left;
	position: relative;
}

.main-navigation a {
	display: block;
	text-decoration: none;
}

.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 1.5em;
	left: -999em;
	z-index: 99999;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul a {
	width: 200px;
}

.main-navigation ul ul li {

}

.main-navigation li:hover > a,
.main-navigation li.focus > a {
}

.main-navigation ul ul :hover > a,
.main-navigation ul ul .focus > a {
}

.main-navigation ul ul a:hover,
.main-navigation ul ul a.focus {
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	left: 100%;
}

.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a,
.main-navigation .current-menu-ancestor > a {
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

@media screen and (min-width: 37.5em) {
	.menu-toggle {
		display: none;
	}
	.main-navigation ul {
		display: block;
	}
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
}

/* Make sure select elements fit in widgets. */
.widget select {
	max-width: 100%;
}

/*--------------------------------------------------------------
## Donation Form
--------------------------------------------------------------*/



/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.hentry {
	margin: 0 0 1.5em;
}

.byline,
.updated:not(.published) {
	display: none;
}

.single .byline,
.group-blog .byline {
	display: inline;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
## Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
    font-size: 13px;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}


/*--------------------------------------------------------------
## Main style starts here
--------------------------------------------------------------*/



body{font:300 13px/22px Roboto;color: #444;background-color: #FFF;}
.btn{color: #fff !important;border-radius: 0;border:none;text-transform: uppercase;font-size: 0.8em;letter-spacing: 2px;padding:5px 25px;}
a,a:visited{color:#e1346e;text-decoration: none;}
a:hover{color: #333;}
img,input,.btn,a,a:hover,a:active,a:focus{text-decoration: none;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;outline:0 ;}

h1,h2,h3,h4,h5,h6{font-weight: 300;margin: 0;}
h1{font-size: 2.5em;}
h2{font-size: 2em;}
h3{font-size: 1.5em;margin:0 0 10px 0;}
h4,h5,h6{font-size: 1em;}
h4{letter-spacing: 2px; text-transform: uppercase;display: inline-block;padding-bottom: 30px;color: #333;padding-top: 10px;}

a.readmore{font-size: 0.8em;text-transform: uppercase;letter-spacing: 3px;}
.spacer{padding-top: 150px; padding-bottom: 60px;}
.logged-in header .navbar-default{top: 32px;}


/*header*/
header img.logo {max-width: 250px; padding: 10px 0; margin: 0 auto; display: block;}
header .logo-tag{margin:5px 0;}
header .logo-tag h1{margin:6px 0;font-size: 1.5em;}
header .logo-tag h1 a:hover{text-decoration: none;}
header .logo-tag h2{margin: 0;color:#666;font-size: 0.8em;font-weight: 300;letter-spacing: 2px;text-transform: uppercase;}
header a.menutoggle img { height: 15px; float: right; margin-right: -15px; margin-top: 22px;}
header .navbar-collapse{color: #FFF; text-transform: uppercase; font-size: 30px; letter-spacing: 1px; font-weight: 400;}
header .navbar-form {margin-top: 0;margin-bottom: 0;}
header .navbar-form .main-search{position: relative;}
header .navbar-form .main-search .btn .fa{font-size: 0.8em; }
header .navbar-form .btn{background: transparent; padding: 0;box-shadow: none;border: none;color: #fff;text-shadow: none;line-height: 64px;border-radius: 0;outline: none !important; margin-left: -15px;}
header .navbar-form .search-box{position: inline-block !important;right: 0;} 
header .navbar-form .search-box .well{border: none;border-radius: 0;padding: 0;background: transparent;width: 100%;}
header .navbar-form .search-box .well input{border: 0;border-radius: 0;color: #FFF;font-size:14px;width: 100%;box-shadow: none;padding: 10px;}
header .navbar-form .nav{margin:0;}
header .navbar-default{border:none;margin: 0;background:#282828; }
header .navbar-default .navbar-nav li a{font-weight: 400;text-transform:uppercase;letter-spacing: 2px;font-size: 0.8em;    line-height: 25px;}
.navbar-nav>li>.dropdown-menu{border:none;border-radius: 0;padding: 0;}
.navbar-right .dropdown-menu{right: auto;left: 0;box-shadow: none;}
.navbar-right .dropdown-menu .dropdown-menu{left: 160px;top: -2px;border: none;border-radius: 0;padding: 0;}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover{background-color:#e1346e;}
.welcome h4, .welcome h4 a { text-transform: uppercase; letter-spacing: 1px; font-size: 12px; font-weight: 400; color: #8d8d8d; font-family: 'Open Sans', sans-serif; }
.welcome h4 a:hover { color: #1b1b1b; }

/*menu*/
menudrop { background: #232323; padding: 3% 10%; color: #FFF; display: none;  }
menudrop h3 { color: #FFF; margin-bottom: 20px; font-weight: 600;}
menudrop ul li, menudrop ul li a, menudrop ul li, menudrop ul li a:visited  { color: #8d8d8d !important; text-transform: uppercase; font-size: 12px; }
menudrop ul li a:hover { color: #FFF !important; }
menudrop ul { margin: 0; padding: 0; text-transform: uppercase; }
menudrop ul li { width: 100%; display: block; }
menudrop a img.social { max-width: 30px; margin-top: 25px; }
menudrop h3.article-header { margin-bottom: 10px; }
menudrop h3.article-header a { font-size: 16px; color: #FFF; font-weight: 400; text-transform: none; margin-bottom: 10px; }
menudrop p.meta { color: #8d8d8d; margin-bottom: 0; }

menudrop form.search .form-control { margin: 20px 0; }

.home-topics .menu li { list-style: none; display: inline; margin: 0 20px; }
.social-links-top { max-height: 31px; overflow: hidden; }


/* theme slider */
.theme-slider .carousel-control{width: 5%;background: none;}
.theme-slider .carousel-inner .item img{width: 100%;}
.theme-slider .carousel-inner .item .slide-caption{position: absolute;top: 50%;width: 100%;color: #fff;transform: translateY(-50%);-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);transform: translateY(-50%);}
.theme-slider .carousel-inner .item .slide-caption h4{color: #fff;}
.theme-slider .carousel-inner .item .slide-caption .summary{font-size: 1.75em; font-weight: 400;line-height: 30px;margin-bottom: 20px;}
.theme-slider .carousel-inner .item .slide-caption .summary p{margin: 0;}
.theme-slider .carousel-inner .item .slide-caption .slide-caption-details{width: 45%;}
.theme-slider .glyphicon-chevron-right:before,.theme-slider .glyphicon-chevron-left:before{display: none;}
/* theme slider */


/*welcome*/
.welcome{background: #f4f4f4; padding: 90px 0 20px;}
.welcome div{}
.welcome .message{background-color:#e1346e;color: #fff;padding: 30px;position: relative;}
.welcome .message h1{position: absolute;top: 50%;font-size: 1.95em; transform: translateY(-50%);-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);transform: translateY(-50%);}
.welcome img.social { max-width: 30px; margin: 0 5px; }
.welcome img.social:last-child { margin-right: 0; }
.post-block.featured.gradient {display: block;}
.post-block img.featured { width: 100%; }
a.gradientbg { display: inline-block; background-repeat: no-repeat; background-position: center center; background-size: cover; width: 100%;}
.post-block.featured .summary { position: absolute; bottom: 0; width: 92%;}
.post-block.featured .summary h3 {vertical-align: middle; font-size: 24px; color: #FFF; padding: 0 7% 0; margin-bottom: 0;  }
.post-block.featured .summary h3 a { color: #FFF; max-height: 100px; overflow: hidden; }
.post-block.featured .summary h5 { margin: 15px 7% 25px; }
.post-block.featured .summary h5 a { text-transform: uppercase; letter-spacing: 1.8px; font-size: 12px; color: #e1346e; font-family: 'Open Sans', sans-serif; }

/*home - today section */
.home-topics ul { padding: 0; margin-left: 0; margin: 2px 0 25px; }
.home-topics li a { color: #8d8d8d; text-transform: uppercase; font-size: 12px; letter-spacing: 0.5px; }
.home-topics li a:hover { color: #282828; }
.home-today { padding: 60px 0 40px; }
.before { width:40px; border-bottom: #e1346e solid 3px; margin-bottom: 10px;}
.home-today .block { display: block; }
.home-today h2 { font-weight: 700; margin-bottom: 35px; }
.home-today .text { vertical-align: top;      width: -moz-calc(100% - 100px); width: -webkit-calc(100% - 100px); width: -o-calc(100% - 100px); width: calc(100% - 100px); display: inline-block; padding: 0 20px; }
.home-today .text  h3 { margin-bottom: 5px; }
.home-today .text p { margin-bottom: 0; line-height: 150%; }
.home-today h3 a { color: #272727;  max-height: 52px; overflow-y: hidden; display: block; }


.cal { background: #e1346e; padding: 15px 10px 25px; text-align: center; color: #FFF; width: 90px; display: inline-block; }
.cal .inner { }
.cal p { margin: 0; font-family: 'Open Sans', sans-serif; font-size: 12px; }
.cal p.day { margin-bottom: 8px; }
.cal p.date { font-size: 42px; font-weight: 600; }


/*post*/
.eq-blocks{margin-bottom: 30px;}
.post-list .post-block {margin-bottom: 30px;background-color: #fff;overflow: hidden;height: 100%;}
.post-list .post-block .summary{padding:30px 30px 0 30px;}
.post-list .post-block img{transform: scale(1);}
.post-list .post-block img:hover{transform: scale(1.07);}
.post-info{font-size: 15px; line-height: 150%; color: #444; }
.post-info a{margin-right: 5px;}
.post-info ul{margin: 0; padding: 0; list-style: none; line-height: 15px;float: left;width: 100%;}
.post-info ul.post-categories { padding-bottom: 15px; }
.post-info ul.post-categories:before { content: 'Categories:'; }
.post-info ul li{display: inline-block;}

.sharelines-block { margin-bottom: 1.5em; }
.sharelines-block .sharelines { padding: 13px 2px; border-top: 1px solid #d3d3d3; font-family: 'Open Sans', sans-serif; font-size: 14px; }
.sharelines-block .sharelines i { padding: 2px 3px 0; font-size: 21px; }
.sharelines-block .sharelines i { color: #626262 !important; }
.sharelines-block .sharelines i:first-child { padding-left: 15px; }
.sharelines-block .sharelines:last-child { border-bottom: solid 1px #d3d3d3; }
/*post*/


/*sidebar box*/
.sidebar-box { border: 1px solid #d3d3d3; padding: 0 25px 20px; margin-top: 30px; width: 100%; }
.sidebar-box .row { margin-bottom: 15px; }
.sidebar-box .box { width: 100%; }
.sidebar-box h3 { margin: -12px 0 0 !important; text-align: center; position: relative; width: 100%; }
.sidebar-box h3 span { background: #FFF; padding: 10px 20px; font-weight: 700; letter-spacing: 0px; }
.sidebar-box .toggle { text-align: center; padding: 10px 0 15px; text-transform: uppercase; font-weight: 700; font-family: 'Open Sans', sans-serif; font-size: 12px; letter-spacing: -0.5px; }
.sidebar-box .toggle span { padding: 0 10px; color: #8d8d8d; font-weight: 400; }
.sidebar-box .toggle a { color: #8d8d8d; }
.sidebar-box .toggle .current { color: #e1346e; font-weight: 600; padding: 0; }
.sidebar-box .featured-row:first-child { padding-top: 25px !important; }
.sidebar-box .featured-row { }
.sidebar-box #image-over { display: inline-block; width: 80px; height: 80px; vertical-align: top; }
.sidebar-box .graph {  vertical-align: top; width: 100%; max-width: 80px; position: absolute; }
.sidebar-box .graph img.avatar { border-radius: 50%; width: 100%; }
.sidebar-box .graph-text { width: -moz-calc(100% - 90px); width: -webkit-calc(100% - 90px); width: -o-calc(100% - 90px); width: calc(100% - 90px); display: inline-block; padding: 0 0 0 15px; height: 80px; }
.sidebar-box .graph-text p { margin: 0; color: #8d8d8d; padding-bottom: 3px; }
.sidebar-box .graph-text p.author a { font-size: 11px;margin: 0; color: #8d8d8d; padding-bottom: 10px; font-family: 'Open Sans', sans-serif; }
.sidebar-box .graph-text p a { color: #272727; font-family: 'PT Serif', serif; font-size: 16px; }
.sidebar-box #elsewhere { display: none; }
.sidebar-box h4 { padding: 0; text-transform: none; letter-spacing: 0; font-size: 14px; line-height: 1.4; max-height: 56px; overflow: hidden; }
.sidebar-box p, .sidebar-box p a { margin-bottom: 1em; font-size: 11px; }
.sidebar-box img { margin-bottom: 15px; }
.sidebar-box img.author-twitter { margin-bottom: 0; position: absolute; width: 25px; left: 100px; }
.sidebar-box.elsewhere h3 { margin-bottom: 20px !important; }
.sidebar-box.elsewhere { padding-bottom: 0px; }


/* latest tweet */
.latest-tweet { background: #f6f6f6; border: 3px solid #e3e3e5; margin-top: 40px; padding: 40px 30px;}
.latest-tweet img.icon { max-width: 40px;}
.latest-tweet h3 { color: #278fd1; width: 100%; margin-top: 20px; margin-bottom: 20px; }
.latest-tweet ul { margin: 0; list-style: none; padding: 0; overflow: hidden; }
.latest-tweet #example1 { width: 100%; }
.latest-tweet p { color: #1b1b1b; }
.latest-tweet p a {color: #1b1b1b; font-weight: 600; font-size: 11px; line-height: 1.5;}


/* donate box */
.donate-home { display: block;  color: #FFF; text-align: center; background: #000; }
.donate-home .imgbg { margin-top: 40px; padding: 20% 30px; background-size: cover; background-position: center center; }
.donate-home h3 { margin: 20px 0 0 !important; width: 100% !important; font-size: 36px; font-weight: 600; max-height: inherit !important; color: #FFF; }
.donate-home p { padding: 50px 0; margin: 0; }
.donate-home a.button { background: #e1346e; padding: 10px 25px; color: #FFF; text-transform: uppercase; letter-spacing: 2px; }

/* seen elsewhere */
section.seen-elsewhere { padding: 6% 0; }
section.seen-elsewhere p { color: #8d8d8d; margin: 0; }

/*subscribe*/
section.subscribe { background-image: url(/wp-content/themes/brexitcentral/images/sub-bg.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; text-align: center; }
section.subscribe .content { padding: 10% 0; color: #FFF; }
section.subscribe h2 { color: #FFF; text-transform: uppercase; font-size: 32px; }
section.subscribe p { padding: 30px 0 60px; font-size: 16px; letter-spacing: -0.5px; margin-bottom: 0; }
.mc4wp-form input {-webkit-appearance: none;  /*REMOVES DEFAULT CHROME & SAFARI STYLE*/ -moz-appearance: none;  /*REMOVES DEFAULT FIREFOX STYLE*/ color: #FFF; font-family: 'Open Sans', sans-serif; font-weight: 300; font-size: 14px; padding: 14px 15px; width:30%; cursor: pointer; text-transform: uppercase; letter-spacing: 0.7px; border: 2px solid #FFF; border-radius: 0px; font-style: normal; -webkit-font-smoothing: antialiased; background: transparent; }
section.subscribe input[type="submit"] { width: 35% !important; background-color: #e1346e; text-align: center; color: #fff; font-family: 'Open Sans', sans-serif; font-weight: 400; font-style: normal; -webkit-font-smoothing: antialiased; font-size:  14px; text-transform: uppercase; letter-spacing: 0.7px; }
section.subscribe input[type="submit"]:hover {  background-color: #fff; color: #e1346e; border: 2px solid rgba(225, 52, 109, 0) !important;font-family: 'Open Sans', sans-serif; font-weight: 400;text-align: center;text-transform: uppercase;text-decoration: none;-moz-transition:color .8s ease-in;-o-transition:color .8s ease-in;-webkit-transition:color .8s ease-in;transition: all .2s ease-in;}
section.subscribe input[type="submit"] { background-color: #e1346e; 	color: #FFF; font-family: 'Open Sans', sans-serif; font-weight: 400; text-decoration: none; -moz-transition:color .8s ease-in; -o-transition:color .8s ease-in; 		-webkit-transition:color .8s ease-in; transition: all .2s ease-in; width: 20% !important; border: 2px solid #e1346e; margin-left: 20px; }

/*home body*/
section.home-body { padding: 60px 0; }
section.home-body #home-column { min-height: 100px; margin-bottom: 20px; }
section.home-body h3 { max-height: 72px; overflow: hidden; margin:12px 0 5px; width: 95%; }
section.home-body h3 a { font-weight: 400; color: #1b1b1b; letter-spacing: -0.2px; line-height: 1.2 }
section.home-body p.meta { margin-bottom: 0; }
p.meta { color: #8d8d8d; font-weight: 400; letter-spacing: -0px; font-size: 12px; margin-bottom: 25px;}
p.meta span.author { font-weight: 600; color: #e1346e; letter-spacing: -0.2px; }

/*related posts */
#jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post { opacity: 1 !important; }
#jp-relatedposts { margin-top: 6% !important; }
#jp-relatedposts .jp-relatedposts-items p { display: none; }
#jp-relatedposts .jp-relatedposts-items-visual h4.jp-relatedposts-post-title { margin-top: 10px; }
#jp-relatedposts .jp-relatedposts-items-visual h4.jp-relatedposts-post-title a { font-weight: 400; color: #282828; font-family: 'PT Serif', serif; font-size: 21px !important; line-height: 1.2; letter-spacing: 0; padding-top: 10px;  }
#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-title a:hover { text-decoration: none !important; }

/*video*/
section.video { background: #000; padding: 5% 0; background-repeat: no-repeat; background-size: cover; }
section.video h2 { color: #FFF; text-align: center; font-weight: 700; font-size: 2em; margin-bottom: 30px;  }
section.video iframe { border: 0 !important; }

/*philosophy*/
section.philosophy { background-repeat: no-repeat; background-size: cover; padding: 10% 0; color: #FFF !important; }
section.philosophy .container { }
section.philosophy h3 { color: #FFF; }
section.philosophy h2 { color: #FFF; margin-top: 30px; line-height: 1.4; font-weight: 600; padding-right: 10%; }
section.philosophy p {line-height: 2; padding-bottom: 20px;}
section.philosophy a.button { background: #e1346e; padding: 10px 25px; color: #FFF;}

/*footer*/
section.footer, footer { background: #000; padding: 30px 0; color: #FFF; }
.footer img.icon { max-width: 30px !important; }
.footer a { color: #FFF; }
.footer p.copyright { display: inline; padding-left: 25px; }
.footer a.rightlink { color: #FFF; text-align: right;  }
.footer a.rightlink::after { content: "/"; padding: 0 10px; text-align: right; }
.footer a.rightlink:last-child:after { content: ""; }

/*navigation*/
.navigation.posts-navigation{clear: both;}
.scroll-top-wrapper{position: fixed;right:30px;bottom:30px;background-color: #e1346e;color: #fff;border-radius: 50%;width: 30px;height: 30px;text-align: center;cursor: pointer;opacity: 0.5;}
.scroll-top-wrapper:hover{opacity: 1;}
footer{background-color: #000;padding: 15px 0;font-size: 0.8em;}
footer .social a{font-size: 15px;}
footer ul{margin:0; }

footers{background-color: #000;
    padding: 15px 0;}

/*author page */
#authorimage { background: #f4f4f4; padding: 12% 0 0%; }
#authorimage h2 { font-weight: 600; margin-bottom: 15px; }
#authorimage img.author-social { max-width: 35px; margin: 10px 5px 40px; }
#authorimage img.author-social:first-child { margin-left: 0; }
#authorimage img.featured-image { width: 100%; bottom:0; }
#authorimage .fallback-av img { border-radius: 50%; margin-bottom: 15%; margin-left: 20%; width: 80%;}
.nameplate .title p { font-weight: 600; color: #e1346e; letter-spacing: -0.2px; }
.nameplate p { font-size: 14px; color: #444; }

/*inside page*/
.page-title{margin-bottom: 30px;}
.page-title h1{font-size: 3em;font-weight: 600;color: #282828;display: inline-block; margin: 0 0 50px 0; font-family: 'PT Serif', serif;}
ul.list-inline { margin: 10px 0; }
ul.list-inline li {padding: 0 !important;}
ul.list-inline a { color: #a7a7a7; font-size: 14px; font-weight: 500; letter-spacing: -0.2px; }
.post-content.image { padding-bottom: 60px; }
article  { font-family: 'PT Serif' serif; color: #626262; font-size: 19px; line-height: 1.8; }
article p { display: inline-block; }
article h4 { line-height: 1.6; }
.sidebar.meta { color: #717171; padding-right: 20%; }
.sidebar.meta p.share { color: #a7a7a7; font-size: 13px; font-weight: 600; letter-spacing: 1.5px; text-transform: uppercase; margin-bottom: 20px; }
.sidebar.meta img { border-radius: 50%; display: inline-block; max-width: 70px; max-height: 70px; vertical-align: top; }
.sidebar.meta a { font-size: 14px; margin-top: 10px; text-transform: inherit !important; }
.sidebar.meta .description { display: block; margin-top: 20px; }
.sidebar.meta .metabox { display: inline-block; padding-left: 20px; height: 70px; position: relative;    width: -webkit-calc(100% - 90px);width:    -moz-calc(100% - 90px); width:         calc(100% - 90px); }
.sidebar.meta .metabox .inner { position:absolute; top: 50%; margin-top: -30px; }
.sidebar.meta hr { margin: 30px 0; }
.share-icons a img { max-width: 45px; padding: 0 8px; }
.share-icons a img:first-child { padding-left: 0; }
#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post:hover .jp-relatedposts-post-title a { text-decoration: none !important; }

/*inside page*/
.comments-area{margin-top: 30px;border-top: 1px dotted #ccc;padding-top: 30px;}
.comments-area h2{margin-bottom: 15px;}
.comments-area ol{margin: 0;list-style: none;}
.comments-area ol.comment-list{padding: 0;}
.comments-area ol.comment-list article{mar1gin-bottom: 15px;background: #fff;padding: 15px; border-radius: 5px;}
.comments-area footer{background: none;padding: 0;}

.comments-area .comment-form label,.comments-area .comment-form input{display: block;font-weight: 300;}
.comments-area .comment-form input,.comments-area .comment-form textarea{border:1px solid #ddd;border-radius: 0;box-shadow: none;padding: 10px;width: 100%;}
.comments-area .comment-form .form-submit input{background:#F66264;color: #fff;text-transform: uppercase;letter-spacing: 3px;border:none; }

/*inside page*/
#donate-banner { background-position: center center; background-repeat: no-repeat; background-size: cover; }
#donate-banner .cover {	background: rgba(0, 0, 0, 0.8); padding: 9% 4% 12%; text-align: center; color: #FFF !important; }
#donate-banner .cover h1 { color: #FFF; padding: 3%; }
#donate-banner .cover p { width: 60%; margin: 0 auto; font-size: 18px; line-height: 150%; }

#donate-banner.splash .cover h1 { padding: 6% 0; }
#donate-banner.splash .cover p { margin: 10px auto; }
#donate-banner.splash a.mainlink { margin-top: 6%; padding: 10px 15px; background: #e1346e; color: #fff; border-radius: 8px; font-size: 16px; clear: both; }

#dgx-donate-container { margin-top: -8%; }

/*widget*/
.widget{margin-bottom: 30px;padding: 15px;background: #fff;}
.widget ul,.widget ol{margin: 0;padding-left: 15px;}

/*pagination*/
.pagination { width: 100%; text-align: center;}
.nav-links { font-size: 15px;  }
.nav-links a.next.page-numbers, .nav-links a.prev.page-numbers  { font-weight: 600; }
.nav-links a.prev.page-numbers:after { content: 'Previous Page'; padding-left: 10px; padding-right: 20px; text-transform: uppercase; letter-spacing: 2px; }
.nav-links a.next.page-numbers:before { content: 'Next Page'; padding-left: 20px; padding-right: 10px; text-transform: uppercase; letter-spacing: 2px; }

/*contributors*/
#contributors .member-image { min-height: 150px; max-height: 150px; }
#contributors .member-image img { border-radius: 50%; max-width: 80%; }
#contributors h2 { margin-top: 15px;
min-height: 32px;
max-height: 32px;
overflow: hidden;
margin-bottom: 20px;
font-size: 25px;
color: #333; }
#contributors h3 { margin: 10px 0 40px; max-height: 22px; overflow: hidden; }
#contributors h3 a { color: #333; font-size: 17px; font-weight: 700; }
#contributors p { margin-top: -35px; padding-bottom: 15px }

/*Categories*/
ul.cats li a { font-size: 15px;}

/*Home promo banner*/
#home-banner { background: #282828; color: #FFF; }
#home-banner .padding { padding: 40px 0; }
#home-banner .col-sm-7, #home-banner .col-sm-4 { height: 100%; }

/*mobile toggle*/

	.mobile-only { display: none; }
	.desktop-only { display: block; }
	.show-tablet { display: none; }


@media (max-width: 991px){
	h1 {font-size: 2em;}
	header .navbar-default .navbar-nav>li>a{padding: 15px 10px;}
	header .logo-tag h1{font-size: 1em;margin-top: 15px;}
	header .logo-tag h2{font-size: 0.5em;letter-spacing: 1px;}
	.theme-slider .carousel-inner .item .slide-caption .summary{    font-size: 1.25em;    line-height: 20px;}
	.welcome{height: 358px;}
	
	
	section.welcome .col-sm-6:last-child { display: none; }
	section.welcome { height: auto; }
	.home-topics { max-height: 20px; overflow: hidden; margin-bottom: 30px; }
	
	.inner .tablet-hide { display: none; max-height: 0px; overflow: hidden; }
	.home-today h3 a { max-height: inherit; }
	
	.sidebar-box h3 span { padding: 0 10px; }
	.sidebar-box .graph-text { width: 100%; padding: 15px 0 0; }
	.sidebar-box p { margin-bottom: 0; }
	
	section.subscribe .content { padding: 12% 0 10%; }
	section.subscribe h2 { font-size: 28px; }
	section.subscribe p { padding: 30px 0; }
	
	.show-tablet .donate-home .imgbg { margin-top: 0; }
	
	.spacer { padding-top: 120px; }
	
	.sidebar.meta { padding-right: 10%; }
	.sidebar.meta .metabox { width: 100%; padding: 0; }
	.sidebar.meta.inner { padding: 20px 0 0; }
	.sidebar.meta .description { margin: 0; }
	
	article { font-size: 17px; }
	blockquote, q { font-size: 20px !important; padding: 20px 0 40px !important; margin-right: 0; }
	
	#jp-relatedposts .jp-relatedposts-items-visual h4.jp-relatedposts-post-title a { font-size: 17px !important; color: #626262; padding-bottom: 0 !important; }
	
	#home-column p.meta { font-size: 11px; max-height: 22px; overflow: hidden; }
	section.home-body #home-column { min-height: inherit; }
	
	.sidebar-box h3 span { padding: 0; text-align: center; }
	
	menu h3.article-header { margin-top: -5px; }
	
	.page-title h1 { margin-bottom: 30px; }
	.member-image { min-height: inherit; }
	#contributors h2 { margin-bottom: 20px; margin-top:15px; max-height: 22px; font-size: 16px; }
	#contributors p { margin-top: -30px; }
	#contributors .member-image { min-height: 130px; max-height: 130px; }
	#contributors h3 { margin: 0 0 40px; }
	#contributors h3 a { font-size: 14px; }
	
	.hide-tablet { display: none; }
	.show-tablet { display: block; }
	
}
@media (max-width: 767px){
	body{margin-top: 50px;}
	header .navbar-default .navbar-nav>li>a{padding: 5px 30px;}
	header .navbar-nav{display: block;margin-top:0; }

	header .navbar-nav .dropdown-menu{margin-left: 5px;display: none !important;}
	header .navbar-nav .open .dropdown-menu{display: block !important;}
	h4{margin-bottom: 10px;}
	.logo-tag{margin-left: 15px;}
	.navbar-default .navbar-toggle{position: absolute;right: 0;background: #e1346e;border: none;border-radius: 0;}
	.navbar-default .navbar-toggle .icon-bar{background-color:#fff;}
	.navbar-default .navbar-collapse, .navbar-default .navbar-form {border:none;}
	.main-search{display: none;}
	.theme-slider .carousel-inner .item .slide-caption{position: static;background: #333;padding:15px 0;transform: translateY(0);-moz-transform: translateY(0);-webkit-transform: translateY(0);transform: translateY(0);height: 155px;}
	.theme-slider .carousel-inner .item .slide-caption .summary {font-size: 1em;line-height: 15px;}
	.theme-slider .carousel-inner .item .slide-caption .slide-caption-details {width: 100%;}
	.theme-slider .carousel-control{display: none;}

	.spacer {padding-top: 30px;padding-bottom: 30px;}
	.welcome{height: inherit;}
	.welcome .message{height: 150px;}

	.post-list .post-block{height: auto;}

	ul{margin: 0; padding-left: 15px;}
	
	header img.logo { margin: 5px 0; max-height: 45px; }
	header a.menutoggle img { margin-right: -45px; margin-top: 20px; }
	
	menudrop { padding: 0; width: 100%; }
	menudrop .container { padding: 5% 10px; }
	menudrop form.search { padding: 0 10px; display: block; }
	menudrop input.form-control { margin: 35px 5px 0 0; display: inline-block; }
	
	section.welcome .col-sm-6:last-child { display: block; }
	.welcome { padding: 50px 0 0; }
	.home-topics { margin-bottom: 25px; }
	
	.home-topics { margin-top: -15px; }
	
	.post-block.featured .summary h3 { font-weight: 600; line-height: 1.2; padding: 0 5% 0; font-size: 21px; }
	.post-block.featured .summary h5 { margin: 10px 5% 20px; }
	
	.sidebar-box { padding: 0 25px 25px; }
	.sidebar-box #image-over { display: none; }
	.sidebar-box .graph { display: none; }
	.sidebar-box .graph-text { padding: 10px 0 0; }
	.sidebar-box .graph-text p { padding-bottom: 0; }
	.sidebar-box .featured-row:first-child { padding-top: 10px !important; }
	
	section.subscribe h2 { font-size: 21px; }
	.mc4wp-form input { width: 60%; }
	section.subscribe input[type="submit"]{
		margin-left: 0 !important;
		width: 35% !important;
	}
	
	section.home-body { padding: 5% 0; }
	.home-today { padding: 40px 5px 40px; }
	
	section.seen-elsewhere.quoted .col-sm-4 { padding: 4% 15px; }
	section.seen-elsewhere.quoted { padding: 12% 0 10%; }
	
	section.philosophy .container { padding: 0 15px; }
	
	section.philosophy h2 { margin-bottom: 30px; letter-spacing: 0 !important; }
	
	section.footer p, section.footer p a { font-size: 11px !important; }
	
	.single-post { padding-top: 10px; }
	.page-title h1 { font-size: 2em; font-weight: 600; letter-spacing: -0.5px; }
	
	#authorimage .fallback-av { width: 33%; margin-bottom: 4%; }
	#authorimage .fallback-av img { width: 100%; margin-left: 0 !important; }
	.sidebar.meta img { width: 60px; height: 60px; }
	.sidebar.meta img.avatar.avatar-thumbnail.wp-user-avatar.wp-user-avatar-thumbnail.alignnone.photo { padding: 0 !important; width: 50px !important;height: 50px !important; }
	.post-content.image { padding-bottom: 30px; }
	.sidebar.meta .metabox { display: inline-block;		padding-left: 20px;		height: 60px; 		position: relative;		width: -webkit-calc(100% - 90px); 		width: -moz-calc(100% - 90px); width: calc(100% - 90px); }
	.sidebar.meta { padding-right: 0; padding-bottom: 15px; }
	.sidebar.meta .metabox .inner { margin-top: -30px; }
	.sidebar.meta hr { margin: 20px 0; background-color: #e4e4e4; }
	.sidebar.meta p.share { display: none; }
	.share-icons { }
	.share-icons img { width: 40px !important;
margin-right: 10px !important; height: 40px !important; }
	
	section.footer { text-align: left !important; }
	section.footer p.copyright { padding-left: 0; }
	section.footer .sub { text-align: left !important; margin-top: 0px; font-size: 11px; }
	
	#contributors p { margin-top: -30px; }
	
	.mobile-only { display: block; }
	.desktop-only { display: none; }
	.mobile-hide { display: none; }
	.show-mob-not-tablet { display: block; }

	#donate-banner { top: 0; margin-top: -25px; font-size: 150%; }
	#donate-banner .cover h1 { padding: 8% 0; }
	#donate-banner .cover p { width: 100%; padding-bottom: 20px; }
	#dgx-donate-container { margin-top: -12%; }
	#header_desc p { line-height: 120%; }
	#_dgx_donate_repeating p { line-height: 120%; }
	#dgx-donate-form-donation-section span { display: block; margin-bottom: 15px; }
	.dgx-donate-form-section span.horiz { margin-left: 0; }
	#dgx-donate-form-donor-section { padding: 12% 0 8%; width: 100%; margin: 0; }


}