/**
 * Theme:	Flat Bootstrap
 * File:	theme-base.css
 * 
 * The stylesheet for basic WordPress styles
 *
 * Contains padding, margins, list styles, etc.
 *
 * @package flat-bootstrap
 */
 
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Typography
# Accessibility
# Alignments
# Clearings
# Content
	## Header
	## Sidebars
	## Footer
	## Posts and pages
	## Asides (not used)
	## Comments
# Media
	## Captions and Galleries
	## Profile Pictures ("avatars")
# Widgets & Plugins
	## Widgets
	## Plugins

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/

/*
 * Bootstrap handles basic typography and theme-specific typography should be set in the
 * theme's style.css
 */

/* Set some basic body styles */
body {
    -webkit-font-smoothing: antialiased;
    -webkit-overflow-scrolling: touch;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/

/* 
 * Text meant only for screen readers. Required only for WordPress as Bootstrap uses
 * .sr-only and we apply that in this theme.
 */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
}
p.screen-reader-text {
	margin-bottom: 0;
}
.screen-reader-text:focus {
	background-color: #f1f1f1;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-weight: 700;
	height: auto;
	line-height: normal;
	padding: 15px 23px 14px;
	position: absolute;
	left: 5px;
	top: 5px;
	text-decoration: none;
	text-transform: none;
	width: auto;
	z-index: 100000; /* Above WP toolbar */
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/

/* 
 * Note that bootstrap.css has alignment as well (such as text-center, pull-left, pull-
 * right), but these are required by WordPress for all themes. Note we have included
 * versions both with a dash as well to make them easier for users to remember. 
 */
.alignleft, 
.align-left {
	display: inline;
	float: left;
	margin-right: 10px; /*1.5em*/
}
.alignright, 
.align-right {
	display: inline;
	float: right;
	margin-left: 10px; /*1.5em*/
}
.aligncenter, 
.align-center {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

/*
 * Note that these were moved here from theme-flat.css in Flat Bootstrap v1.9.
 * 
 * TO-DO: Consider deprecating this as Bootstrap already has text-center class
 */
.centered {
    text-align: center;
}

.nocenter {
	text-align: left;
}

/* For reference purposes, this is what core Bootstrap has for centering text
.text-center {
  text-align: center;
}
*/

/* For reference purposes, this is what core Bootstrap has for centering blocks
.center-block { // Bootstrap
  display: block;
  margin-left: auto;
  margin-right: auto;
}*/

/* For reference purposes, this is what WordPress core has
.aligncenter { // WordPress _S
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
*/

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/

/*
 * Note that bootstrap.css clears its floats. These are extra ones for WordPress.
 */

/* Clearing floats */
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.entry-meta:before,
.entry-meta:after,
.pager:before,
.pager: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;
}

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

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## Header
--------------------------------------------------------------*/

/* 
 * Limit the entire page for really wide screens, such as an iMac.
 *
 * TO-DO: Consider having #page wrap absolutely everything, so we wouldn't need to limit
 * page bottom, footer, etc.
 */
 ul.nav.navbar-nav.navbar-right.social-nav {
    margin-right: 25px;
}
.social-nav.nav li a {
    padding-left: 12px;
    padding-right: 12px;
}

#page, 
.navbar, 
.after-footer {
	max-width: 1600px;
	margin: 0 auto;
}

/* Prevent the page layout from breaking even if the user's CSS is bad */
#page {
	width: 100%;
	overflow: hidden;
	max-width: 100% !important;
}
div#page.not-home {
    background-image: none !important;
    background: #eee;
}
.not-home {
    /* padding-top: 48px; */
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
}
/* 
 * Site Branding is a wrapper for both site title and description so they can be hidden
 * together more easily.
 */
/*.site-branding {
	padding-top: 3px;
	padding-bottom: 14px;
}*/

.site-title {
	margin-top: 50px;
}

.site-description {
	color: white;
	margin-top: 10px;
	margin-bottom: 25px;
}

.site-title a, .site-title a:hover, .site-title a:active {
	text-decoration: none;
}

header.site-header.page-header {
	border-bottom: 0;
}

.site-branding-text {
    text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
}

.custom-header-text-color a:hover,
.custom-header-text-color a:focus {
	opacity: 0.75;
}

.custom-header-image {
	/* background: fixed; */
	box-shadow: inset 0 20px 30px rgba(0,0,0,0.6);
	margin: 0 auto;
	background-repeat: no-repeat;
	background-position: center center;
	width: 100%;
	background-size: cover;
}
 .custom-header-image h1 {
	font-size: 72px;
	display: inline-block;
	box-shadow: 2px 1px 6px rgba(0,0,0,0.6);
	text-shadow: none;
	padding: 12px 60px 10px;
	color: white !important;
	line-height: 0.9;
	font-weight: 700;
	background: #fbba4a /* Yellow */;
}

ul.nav.navbar-nav.navbar-right.social-nav {
    margin-right: 25px;
}

.social-nav.nav li a:hover {
color:#061528;
}
.social-nav.nav li a {
    padding-left: 12px;
    padding-right: 12px;
}

ul.nav.navbar-nav.navbar-right.social-nav {
    margin-right: 25px;
}
.social-nav.nav li a {
    padding-left: 12px;
    padding-right: 12px;
    color: #0e2c4e /* Dark Blue */;
}


.site-title a {
    color: #0e2c4e /* Dark Blue */;
}
@media (max-width: 778px) {	
	.social-nav.nav>li {
		float: left;
	}
	ul.nav.navbar-nav.navbar-right.social-nav {
		float: right;
	}
	.social-nav.nav>li a {
		padding: 15px 9px;
		font-size: 30px;
}
}
@media (min-width: 1200px) {
    div#main-grid {
        border-radius:4px;
        padding-right: 15px;
        background: white;
        margin-top: -125px;
    }
}
@media (min-width: 778px) {
	.navbar-brand {
		padding: 0px 5px;
	}
	.navbar-default {
	}
}
.custom-header-image .site-description {box-shadow: inset 0px 1px 2px rgba(0,0,0,0.6);text-shadow: none;color: #0e2c4e;background: #fbba4a /* Yellow */;font-size: 22px;margin-top: 15px;display: inline-block;padding: 30px 40px 30px;line-height: 1;margin-bottom: 50px;}

/* 
 * This is our scroll down arrow for a custom header on the home page, but also match it
 * to a carousel that might be at the top of a page instead.
 */
a.scroll-down, 
a.scroll-down:hover span, 
a.scroll-down:focus span, 
.carousel-control:hover, 
.carousel-control:focus {
	color: #fff;
	font-size: 20px;
}

/* 
 * This is our content header that is below the header and before the content area. Top
 * margin is set to 24px because Bootstrap already has 22px top margin on h1-h3 tags.
 * It also adds 11px bottom margin. So this equates to 46px top and bottom spacing.
 */
 .not-home > * {
    /* background: url('http://www.betaexposetpp.org/wp-content/themes/flat-bootstrap/img-overlay.png'); */
}

.not-home header.site-header {
    padding-top: 48px;
    padding-bottom: 10px;
}

.not-home div#main-grid {
    margin-bottom: 25px;
    border-radius: 0 4px 4px 4px;
    overflow: visible;
    margin-top: 0;
}

.not-home #main-grid #primary:before {
    left: 25px;
    z-index: 999999;
    content: '';
    display: block;
    height: 0;
    top: 0;
    position: absolute;
    border-left: 25px solid transparent;
    border-right: 25px solid transparent;
    border-top: 15px solid #fbba4a /* Yellow */;
    width: 0;
}
a span.page-title:hover {
    color: black;
}

.page-title {
    color: #0e2c4e;
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 4px 4px 0 0;
    margin-left: -15px;
    padding: 4px 40px 20px 10px;
    background: #fbba4a /* Yellow */;
    display: block;
    margin-bottom: 0;
    font-size: 32px;
}
.content-header {
    padding-top: 40px;
    padding-bottom: 0px;
}
header.content-header {
	min-height: 82px;
}
.content-header i {
    font-size: 35px;
    text-align: center;
}

/* Set initial image background so light text is readable before image loads */
.content-header-image {
	background-color: #e7e7e7;
}

/*
 * These are our cover (home page) and section (other page) large content-header images.
 */
.section-image, 
.cover-image {
  	display: table;
	background-repeat: no-repeat;
	text-align:center;
	background-attachment: scroll;
	background-position: top center;
	background-color: #e7e7e7; /*gray*/
	width: 100%;
  	position: relative;
  	vertical-align: top;
	
	-webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;

    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.section-image-overlay, 
.cover-image-overlay {
  	display: table-cell;
  	vertical-align: middle;
	overflow: hidden;
	padding: 50px;
	padding: 5%;
	z-index: 2;	
}
.thankyouform h3, .thankyouform h4 {
    margin-top: 0;
}
.panel-body .read-more {
    display: none;
}
.spltt .panel-body p {
    display: inline;
}
.thankyouform span.fa.fa-chevron-circle-right.pull-right, .thankyouform h3, .thankyouform h4, .thankyouform .btn {
    display: inline-block;
}
.row.tyform {
    background-size: 32%;
    background-repeat: no-repeat;
    background-image: url(http://www.betaexposetpp.org/wp-content/themes/flat-bootstrap/cropped-No-TPP-2.png);
    background-position-y: 24px;
}
.cover-image, 
.cover-image-overlay {
  height: 100%; /* For at least Firefox */
  min-height: 480px;
}
.section-image, 
.section-image-overlay {
	min-height: 340px;
}
.section-image h1, 
.cover-image h1 {
	font-size: 42px;
	color: #fff;
	line-height: 1.1;
}
.section-image h2, 
.cover-image h2 {
	font-size: 30px;
	color: #fff;
	line-height: 1.1;
}
.section-image h3, 
.section-image h4, 
.section-image p, 
.cover-image h2, 
.cover-image h3, 
.cover-image h4, 
.cover-image p {
	color: #fff;
}

.cover-image .spacer {
    margin-top: 100px
}

.section-featured h1 {
	font-size: 42px;
	line-height: 1.1;
}
.section-featured h2 {
	font-size: 30px;
	line-height: 1.1;
}
.section-featured {
	padding-top: 60px;
	border-bottom: #bdc3c7 solid 5px;
}

/* For larger screens, increase font size and spacing */
@media (min-width: 768px) {

	.cover-image h1,
	.section-image h1,
	.wp-caption-text-fullwidth h1 {
		font-size: 70px;
		letter-spacing: 3px;
	}
	.cover-image h2,
	.section-image h2,
	.wp-caption-text-fullwidth h2 {
		font-size: 42px;
		letter-spacing: 2px;
	}
	.cover-image .spacer {
		margin-top: 200px;
	}
	.cover-image, .cover-image-overlay {
		min-height: 700px;
	}
	.section-image, .section-image-overlay {
		min-height: 400px;
	}
}

/*--------------------------------------------------------------
## Sidebars
--------------------------------------------------------------*/

/* For main sidebar, add some whitespace */
.not-home #secondary {
    margin-top: 0;
}
.not-home #secondary {
	padding-top: 35px;
	padding-bottom: 35px;
}
#secondary aside.widget {
	margin-bottom: 10px; /* Heading will add 25px */
}
.twitter-tl-sidebar {
    height: 325px;
    overflow-y: scroll;
    overflow-x: hidden;
}
.widget-title {
    color: #0e2c4e /* Dark Blue */;
    padding: 5px 25px 0;
    background: rgba(229, 229, 229,0.4);
    font-weight: bold;
    margin-bottom: 0;
    margin-top: 25px;
    text-transform: uppercase;
}
/* Get rid of bullets on sidebars, footer, page top, page bottom, and home page */
#secondary ul, 
#sidebar-pagetop ul,
#sidebar-pagebottom ul,
#sidebar-home ul,
footer#colophon.site-footer ul {
	list-style: none;
	padding-left: 0;
}
#secondary ul ul, 
#sidebar-pagetop ul ul,
#sidebar-pagebottom ul ul,
#sidebar-home ul ul,
footer#colophon.site-footer ul ul {
	list-style: none;
	padding-left: 25px;
}

#secondary ul li, 
footer#colophon.site-footer ul li {
	margin-top: 10px;
}
footer div h4, footer div h3 {
	color: #fbba4a /* Yellow */;
	border-bottom: 1px solid #fbba4a /* Yellow */;
}
footer a {
	color:#fbba4a;
}

footer a:hover {
    color: #ffffff;
}
footer .search-field + input.search-submit.btn.btn-block.btn-primary {

    border-radius: 0 0 4px 4px;
}

footer input.search-field.form-control {
    min-width: 100%;
    max-width: 100%;
}
@media (min-width: 992px) {
	footer div h3 {
			margin-top: 0px;
			margin-bottom: 4px;
	}
}
/* Make custom menus in page top, page bottom, and home page inline (horizontal). */
/*
#sidebar-pagetop ul > li,
#sidebar-pagebottom ul > li,
#sidebar-home ul > li { 
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px
}
.#sidebar-pagetop ul > li:first-child, 
.#sidebar-pagebottom ul > li:first-child,
.#sidebar-home ul > li:first-child {
    padding-left: 0
}

#sidebar-pagetop .widget_nav_menu,
#sidebar-pagebottom .widget_nav_menu, 
#sidebar-home .widget_nav_menu { 
	margin-top: 11px;
}
*/

/*--------------------------------------------------------------
## Footer
--------------------------------------------------------------*/

/* Format the footer widget area */
.sidebar-footer {
	padding-top: 35px;
}
.sidebar-footer h1, 
.sidebar-footer h2, 
.sidebar-footer h3, 
.sidebar-footer h4, 
.sidebar-footer h5, 
.sidebar-footer h6 {
	margin-top: 11px;
	padding-bottom: 11px;
}
.sidebar-footer aside.widget {
	margin-bottom: 35px;
}

/* Format the "after footer", which has the footer nav menu and site credits */
.after-footer {
	padding-top: 15px;
	padding-bottom: 15px;
}

/* Let's put dividers between footer menu items */
#footer-navigation ul.dividers > li:nth-child(n+2):before {
  content: "";
  display: inline-block;
  height: 10px;
  margin-right: 10px;
  border-left: 1px solid #dddddd;
}

/* 
 * Format the sample footer menu "top of page" icon. Since this stylesheet is WordPress
 * rather than relying on font-awesome, make the caret icon look the same. For some
 * reason the WordPress glyphicons are twice as large as the font-awesome ones.
*/
#footer-navigation .glyphicon-menu-up {
	font-size: 50%;
}

/* Need to pad site credits to line up with the footer nav menu */
#site-credits {
	padding-top: 10px;
}

/* Center the text after the footer for smartphones */
@media (max-width: 640px) {
	.footer-nav-menu, .site-credits {
		text-align: center;
		float: none !important;
	}
	.site-credits {
		padding-bottom: 15px;
	}
}

/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/

/*posts */
.ffwd_blog_style_object_from_0 {
    margin-top: 25px;
    width: 90px;
    float: left;
}

.ffwd_blog_style_object_info_container_0 {
    float: left;
    width: calc(100% - 90px);
}

.clearfix.blog_style_object_container_0 {
    margin-bottom: 35px;
    border-bottom: 2px solid #e5e5e5;
}


header.entry-header.resourcehr {
    margin-top: 10px;
    margin-bottom: 25px;
    margin-right: -40px;
    background: #47bfab;
    margin-left: -40px;
    padding-left: 50px;
    padding-right: 50px;
}

header.entry-header a {
    color: white;
}

.entry-content p:first-child {
    font-size: 32px;
}
.entry-content #can_embed_form p, .entry-content #donate_auto_modal p {
    font-size: 14px !important;
    margin-bottom: 15px!important;
}
/* Content areas */
div#primary + #primary {
    padding-top: 0;
}
.content-area {
	padding-top: 35px;
}
.content-area-wide .comments-area {
	padding-bottom: 35px;
}

.page .entry-content {
	padding-top: 0;
}

.entry-summary {
	margin-bottom: 25px;
}

article.post {
	margin-bottom: 25px;
}

/* When full-width pages are changed back to have a sidebar, fix the layout */
.content-area .entry-content .container {
	max-width: 100%;
	padding-left: 0;
	padding-right: 0;
}
.content-area .entry-content .container .row {
	margin-left: 0;
	margin-right: 0;
}

/* Entry meta */
footer.entry-meta, 
div.entry-meta, 
.edit-link {
	font-size: 16px;
}
.edit-link a {
	color: #7f8c8d;
}
.edit-link a:hover, 
.edit-link a:focus {
	color: #3bc492;
}

.cat-links, .tags-links {
	margin-right: 10px;
}

.posted-on {
	margin-right: 5px;
}
.by-line, .comments-link {
	margin-left: 5px;
	margin-right: 5px;
}

/* Style tables like TwentyEleven theme with lines between entries */
.entry-content table,
.comment-content table {
	border-bottom: 1px solid #ddd;
	margin: 0 0 1.625em;
	width: 100%;
}
.entry-content th,
.comment-content th {
	font-weight: 500;
	letter-spacing: 0.1em;
	line-height: 2.6em;
	text-transform: uppercase;
}
.entry-content td,
.comment-content td {
	border-top: 1px solid #ddd;
	padding: 6px 10px 6px 0;
}

/* Mark "sticky" (featured) posts as "Featured" */
.sticky .entry-title:after {
	content: "Featured";
	display: inine-block;
	font-size: 20px;
	margin-left: 15px;
	padding: 10px;
	vertical-align: middle;
}

/* When sidebar not collapsed, add more padding. Make sure this is below both the #sidebar
 * and #posts and pages CSS sections as it applies to both
 */

 	.not-home .content-area #main {
	}
		.not-home .content-area {border-radius: 0 4px 4px 4px;background: white;}

@media (min-width: 768px) {
	.not-home .content-area {padding: 25px 40px 35px;}

}
@media (min-width: 992px) {


	.content-area {
		padding-left: 25px;
		padding-bottom: 35px;
	}
	#secondary {
		margin-top: 5px;
	}
}

/*--------------------------------------------------------------
## Asides
--------------------------------------------------------------*/

/* 
 * This theme doesn't provide templates or styles for any post formats, but it's easy
 * to add them to a child theme
 */
aside {
    color: #111111;
    background: #e5e5e5;
    padding: 18px 25px 30px;
}
.center {
    text-align: center;
}
/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/

/* Get rid of bullets on comment <ul> and set some padding and indenting */
.comment-list,
.comment-list .children {
	list-style-type: none;
	padding: 0;
}

/* Set child comment indent to a percentage for better responsive handling */
.comment-list .children {
	/*margin-left: 25px;*/
	margin-left: 5%;
}

/* Style the standard WordPress comment form. Note Jetpack comments styled later. */
.comment-form [for="author"],
.comment-form [for="email"],
.comment-form [for="url"],
.comment-form [for="comment"] {
	float: left;
	width: 80px;
}
.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"] {
	max-width: 310px;
	width: 70%;
}

.comment-form, 
.comment-textarea, 
textarea {
	max-width: 100%;
	border-color: #ccc;
}

/* Styles for default WordPress comments */
textarea#comment {
	max-width: 743px; /*largest width of content area w/sidebar*/
	width: 100%;
	max-height: 140px;
}

/* Hide the label "Comment" above the comment box as its pretty obvious already */
.comment-form-comment label {
	display: none;
}
p.comment-subscription-form {
	margin-bottom: 10px;
}

.reply {
	margin-bottom: 25px;
}

/* Get rid of the word "says" from comments */
.says {
	display: none;
}

/* Space out pingbacks ("trackbacks") */
li.pingback {
	margin-bottom: 15px;
}

/* Come on now, of course we need a margin before their name and comment */
.avatar {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

/* 
 * Not used here, but required for inclusion by WordPress. Set this in the theme's
 * stylesheet if you want 
 */
.bypostauthor {
}

/* Set the comment box height via CSS for consistency across browsers */
form.contact-form textarea {
	height: 108px;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/

/* Make sure these elements don't break the layout */
img, embed, iframe, media, swf, pre, code, container, select, .videopress-placeholder {
	/*display: block;*/
	max-width: 100%;
	overflow: hidden;
	white-space: pre;           /* CSS 2.0 */
	white-space: pre-wrap;      /* CSS 2.1 */
	white-space: pre-line;      /* CSS 3.0 */
	white-space: -pre-wrap;     /* Opera 4-6 */
	white-space: -o-pre-wrap;   /* Opera 7 */
	white-space: -moz-pre-wrap; /* Mozilla */
	white-space: -hp-pre-wrap;  /* HP Printers */
	word-wrap: break-word;      /* IE 5+ */
}

/* Set images and videopress videos to auto-height to preserve proper aspect ratio */
img, 
.videopress-placeholder {
	/* height: auto; */
}

/*--------------------------------------------------------------
## Captions and Galleries
--------------------------------------------------------------*/

/* Normal WordPress captions and galleries */
.wp-caption {
	max-width: 100%;
}
.wp-caption-text,
.gallery-caption {
	text-shadow: none;
	font-size: 16px;
	font-weight: 500;
	text-align: center;
	/*margin-top: -22px;*/ /* Offset Bootstrap .thumbnail class */
	margin-bottom: 22px;
}

/* Center the thumbnails since WordPress centers the caption text */
.gallery-icon img {
	margin: auto;
}

/* For standard WordPress slideshow, get rid of black background. We want to leave 
 * whatever color background we have 
 */
.slideshow-window {
	background-color: transparent !important; 
	border: none !important;
}

/* Style Bootstrap carousel's ("sliders") */

.widget_carousel {
    margin-top: -35px;
    margin-bottom: 35px;
}

.widget_carousel aside {
    min-height: 650px;
}


.carousel-inner img {
	margin-left: auto;
	margin-right: auto;
}
.carousel-caption {
	max-width: 100%;
	text-shadow: none;
	padding-left: 10px;
	padding-right: 10px;	
}

/* Push the carousel indicators down below the image or content */
.carousel-indicators {
	bottom: -35px;
}

/* 
 * Get rid of gradient on Bootstrap carousel left and right buttons
 */
.carousel-control.left, .carousel-control.right {
	background-image: none;
	background-repeat: none;
}

/*--------------------------------------------------------------
## Profile Pictures ("avatars")
--------------------------------------------------------------*/

/* Make user profile pics (avatars) circles */
.avatar {
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
img.avatar.thumbnail {
	border: none;
	padding: 0;
}

/*--------------------------------------------------------------
# Widgets and Plugins
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## Widgets
--------------------------------------------------------------*/

/* 
 * Style the WordPress calendar widget because Bootstrap doesn't even add a 'table'
 * class to tables. Ugh.
 */
#calendar_wrap {
	font-size: 14px;
	max-width: 300px;
}
.widget_calendar #wp-calendar {
	color: #555;
	width: 95%;
	text-align: center;
}
.widget_calendar #wp-calendar caption,
.widget_calendar #wp-calendar td,
.widget_calendar #wp-calendar th {
	text-align: center;
}
.widget_calendar #wp-calendar caption {
	font-weight: 500;
	padding: 5px 0 5px 0;
	text-transform: uppercase;
}
.widget_calendar #wp-calendar th {
	background: #f4f4f4;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	font-weight: bold;
}
.widget_calendar #wp-calendar tfoot td {
	background: #f4f4f4;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

/*--------------------------------------------------------------
## Plugins
--------------------------------------------------------------*/

/* Hide JetPack's sharing module from pages with posts */
.page-posts .sharedaddy {
	display: none;
}

/* Get rid of the smiley face when using Jetpack stats */
img.wp-smiley {
     display: inline-block;
}
.spltt {
    background: url(http://www.betaexposetpp.org/wp-content/themes/flat-bootstrap/img-overlay.png);
}

.split-home {
    background-size: cover;
    /* background-attachment: fixed; */
    background-repeat: no-repeat;
}
/* 
 * Format Jetpack infinite scroll feature. These are globally hidden elements when
 * infinite scroll is supported and in use. Older / Newer Posts Navigation is always
 * hidden. Theme Footer and Page Bottom widget area are hidden while scrolling.
 */
.infinite-scroll .paging-navigation, 
.infinite-scroll.neverending .site-footer,
.infinite-scroll.neverending .sidebar-pagebottom { 
	display: none;
}

/* 
 * When Infinite Scroll has reached its end we need to re-display elements that
 * were hidden before (via .neverending) 
 */
.infinity-end.neverending .site-footer,
.infinity-end.neverending .sidebar-pagebottom {
	display: block;
}
.page-template-page-home .fa-isds:before {
    margin: 0 ;

}
.media-left h1 {
	line-height: 0;
	margin-bottom: 0;
	margin-top:0;
}
.media-left h1 span {
    color: #47bfab;
}
.full {
    width: 100%;	
}
.gap {
	height: 30px;
	width: 100%;
	clear: both;
	display: block;
}
.footer {
	background: #EDEFF1;
	height: auto;
	padding-bottom: 30px;
	position: relative;
	width: 100%;
	border-bottom: 1px solid #CCCCCC;
	border-top: 1px solid #DDDDDD;
}
.footer p {
	margin: 0;
}
.footer img {
	max-width: 100%;
}
.footer h3 {
	border-bottom: 1px solid #BAC1C8;
	color: #54697E;
	font-size: 18px;
	font-weight: 600;
	line-height: 27px;
	padding: 40px 0 10px;
	text-transform: uppercase;
}
.footer ul {
	font-size: 13px;
	list-style-type: none;
	margin-left: 0;
	padding-left: 0;
	margin-top: 15px;
	color: #7F8C8D;
}
.footer ul li a {
	padding: 0 0 5px 0;
	display: block;
}
.footer a {
	color: #78828D
}
.supportLi h4 {
	font-size: 20px;
	font-weight: lighter;
	line-height: normal;
	margin-bottom: 0 !important;
	padding-bottom: 0;
}
.newsletter-box input#appendedInputButton {
	background: #FFFFFF;
	display: inline-block;
	float: left;
	height: 30px;
	clear: both;
	width: 100%;
}
.newsletter-box .btn {
	border: medium none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
	display: inline-block;
	height: 40px;
	padding: 0;
	width: 100%;
	color: #fff;
}
.newsletter-box {
	overflow: hidden;
}
.bg-gray {
	background-image: -moz-linear-gradient(center bottom, #BBBBBB 0%, #F0F0F0 100%);
	box-shadow: 0 1px 0 #B4B3B3;
}
.social li {
	background: none repeat scroll 0 0 transparent;
	border: 2px solid transparent;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;
	float: left;
	height: 36px;
	line-height: 36px;
	margin: 0 8px 0 0;
	padding: 0;
	text-align: center;
	width: 36px;
	transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-webkit-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
}
.social li:hover {
	transform: scale(1.15) rotate(360deg);
	-webkit-transform: scale(1.1) rotate(360deg);
	-moz-transform: scale(1.1) rotate(360deg);
	-ms-transform: scale(1.1) rotate(360deg);
	-o-transform: scale(1.1) rotate(360deg);
}
.social li a {
	color: #EDEFF1;
}

.social li:hover a i {
	color: #EDEFF1;
}
.social li:hover {
	border: 2px solid #fbba4a;
	background: #fbba4a;
}
.social li a i {
	font-size: 16px;
	margin: 0 0 0 5px;
	color: #fbba4a;
}
.footer-bottom {
	background: #E3E3E3;
	border-top: 1px solid #DDDDDD;
	padding-top: 10px;
	padding-bottom: 10px;
}
.footer-bottom p.pull-left {
	padding-top: 6px;
}

.bg-blm {
    color: black;
}
.text-blm {
    color: #fff100;
}
[class^="bg-"] {
    padding:15px;
}
.fading-side-menu.affix-top {
    opacity: 1;
    transition: opacity 1s
}
.fading-side-menu.affix {
    top: 11.5px;
}
.fading-side-menu.affix-bottom {
	position:relative!important;
}
a.scroller.progressscroll {
    margin: 0 18px;
    border-bottom: 1px solid rgba(102, 102, 102, 0.3);
    display: block;
    padding: 18px 0 0;
    height: 60px;
    position: relative;
}



#secondary .progressbar li {
    padding: 0;
}
#secondary .affix-top {
	position:relative!important;
}
#secondary.col-md-3 .affix {
    position: fixed !important;
    width: calc(25% - 50px);
}
.fading-side-menu.affix aside{
    padding-top: 5px;
    opacity: 0.09;
    transition: opacity 5s;
}
.fading-side-menu.affix:hover aside {
    opacity: 1;
    transition: opacity 0.3s
}
/* RECOMMENDED STYLING BUT NOT REQUIRED */
#secondary aside li a {
    /* text-align: right; */
    font-weight: 100;
    color: rgb(102, 102, 102);
    font-size: 14px;
}
#secondary aside li a .fa {
    width: 25px;
    padding-right: 15px;
}
#secondary.col-md-4 .affix {
    top:0;
    position: fixed !important;
    width: calc(33% - 50px);
}
/* FOR DEMO ONLY */

.animated-circle {
    background-color: #47bfab;
    background: #47bfab;
}

.fading-side-menu .title {
    font-weight: 700;
    margin-top: 0px;
}

p.small.text-muted {
    margin-bottom: 0px;
}



.no-margin {
    margin: 0px !important;
}

.vertical-center {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}


#secondary aside li {
    margin-top: 0;
}
#secondary .fading-side-menu aside li:hover {
    background-color:#e0e0e0;
} 
#secondary aside li {
    padding: 4px 18px;
    border-bottom: 1px solid #e0e0e0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.post-type-archive-homepageissues aside, .progressbar aside {
    padding: 5px 0 30px;
}
.bg-almost{
    color: #0e2c4e;
    background-color: rgba(251, 186, 74, 0.8);
}
.panel-body .media {
    margin: 5px;
    background: #e0e0e0;
    padding: 10px;
}
.jumbotron p {
    font-size: 18px !important;
}
.single-homepageissues  header.entry-header.resourcehr {
    background: rgba(246, 81, 29, 0.8);
    margin-top: 0;
}
#share-buttons li a b {
    color: white;
}
.single-homepageissues .content-area {
    padding-top: 0;
}
.post-type-archive-homepageissues .widget-area li a {
    font-weight: 100;
    color: rgb(102, 102, 102);
    font-size: 14px;
}
.post-type-archive-homepageissues .widget-area ul{
    list-style: none;
}
.post-type-archive-homepageissues .widget-area li a h4 {
    color: #fbba4a /* Yellow */;
    display:inline;
    margin-right: 0px;
}
.post-type-archive-homepageissues .widget-area li a:hover {
    color:#47bfab;
}
.post-type-archive-homepageissues #secondary {
    /* padding-top: 0px; */
}
.search-results header.entry-header a {
    color: #47bfab;
}

.search-results article#post-193 {
    display: none;
}
.error404 h3.page-description {
    display: inline-block;
    margin: 0 0 0 -15px;
    padding: 4px 63px 20px 10px;
    background: #47bfab;
}

.error404 .widget.widget_recent_entries {
    display: none;
}
#secondary aside li a br {
    display: none;
}
.post-type-archive-homepageissues .panel-title br{
    display:none;
}
.signuplist .bg-primary h4 {
    text-shadow: none;
    margin: 0;
}

.signuplist input#email-signup {
    border-radius: 0 0 0 4px;
}


.signuplist button#sumod {
    width: 100%;
    border-radius: 0 0 4px 0;
}
.signuplist .bg-primary {
    border-radius: 4px 4px 0 0;
}

 

.fa-power-grap:before, .fa-lower-wages:before, .fa-isds:before, .fa-social-justice:before, .fa-buy-local:before, .fa-fire:before, .fa-cloud-flash-inv:before, .fa-fire-station:before, .fa-heart-broken:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: 0.2em;
  text-align: center;
  /* opacity: .8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
     
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: 0.2em;
 
  /* you can be more comfortable with increased fas size */
  /* font-size: 120%; */
 
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
.fa-fire:before { content: '\e800'; } /* 'î €' */
.fa-cloud-flash-inv:before { content: '\e801'; } /* '' */
.fa-power-grap:before { content: '\e802'; } /* 'î ‚' */
.fa-lower-wages:before { content: '\e803'; } /* 'î ƒ' */
.fa-isds:before { content: '\e804'; } /* 'î „' */
.fa-social-justice:before { content: '\e805'; } /* 'î …' */
.fa-buy-local:before { content: '\e806'; } /* 'î †' */
.fa-fire-station:before { content: '\e817'; } /* 'î —' */
.fa-heart-broken:before { content: '\f028'; } /* '' */
@media (min-width: 1400px){
    .container {
        width: 1240px;
    }
}
@media (min-width: 1600px){
    .container {
        width: 1440px;
    }
    
}
@media (min-width: 1800px){
    .container {
        width: 1740px;
    }
    .fading-side-menu.affix {
        position: fixed !important;
        width: calc(25% - 120px);
    }
}
@media (min-width: 2100px){
    .container {
        width: 2040px;
    }
}

footer#colophon {
    background: #222222;
}
@media (min-width: 1600px){
    #page, .navbar, .after-footer {
    max-width:100%;
    }
}
@media (max-width: 778px){
    .media-left.top4m {
        display: block;
        text-align: center;
    }
}
.jumbotron .export-pdf {
    display: none;
}

.export-pdf {
    margin-bottom: 15px;
    width: 50px;
}

 .inline {
    display: inline;
}

#share-buttons a, #share-buttons input {margin: 0 0px 25px;display: inline-block;margin-bottom: 0;font-weight: normal;text-align: center;vertical-align: middle;-ms-touch-action: manipulation;touch-action: manipulation;cursor: pointer;background-image: none;border: 1px solid transparent;white-space: nowrap;padding: 1px 15px;font-size: 16px;line-height: 1.428571;border-radius: 0px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
#share-buttons h5{margin-right: 10px;}
#share-buttons .facebook {color: white;text-shadow: 1px 0px 0px #26427e;filter: dropshadow(color=#26427e, offx=1, offy=0);border: 1px solid #24417c;background: #33539a;}
#share-buttons .twitter {
    color:white;
    filter: dropshadow(color=#0077be, offx=1, offy=0); 

    background: #26c3eb;
    
}
#share-buttons .email {color: white;text-shadow: 1px 0px 0px #797979;filter: dropshadow(color=#26427e, offx=1, offy=0);border: 1px solid #797979;background: #787878;}
#share-buttons .print {color: white;text-shadow: 1px 0px 0px rgb(0, 138, 194);filter: dropshadow(color=#26427e, offx=1, offy=0);border: 1px solid rgb(0, 138, 194);background: #007bb6;}


div#share-buttons {
    padding: 0;
    margin: -10px 0 35px;
    text-align: left;
}

#share-buttons a:hover, #share-buttons input:hover{
    opacity: 0.6;
}
#share-buttons .pdf {
    background: #DC4E41;
    color: white;
}
@media (max-width: 778px) {
    #share-buttons a b {
        display: none;
}
    #share-buttons a h5{
        text-indent: 15px !important;
    }
}
.panel-collapse div#share-buttons {
    display:none;
}
ul#share-buttons {
    margin-bottom: 25px;
}
@media (max-width: 992px) {
    ul#share-buttons.nav-pills.affix {
    position: relative !important;
    z-index: 99;
    padding:0;
    width: 100%;
    background: transparent;
    top: 0;
}
}
ul#share-buttons.affix {
    position: fixed !important;
    z-index: 99;
    padding: 10px 0;
    width: calc(66.66666667% - 175px);
    background: rgba(255,255,255, 0.9);
    top: 0;
}
@media (min-width: 992px) {
    a.btn.btn-primary.btn-block.affix {
    bottom: 0;
    width: calc(66.66666667% - 150px);
}
    a.btn.btn-primary.btn-block.returntocontent.affix-bottom.affix {
    position: relative !important;
}
    
#whattpp .row {
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-image: url(http://www.betaexposetpp.org/wp-content/themes/flat-bootstrap/stop_tpp.png);
    background-position-x: calc(15px + -3%);
	 background-position-y: 100%;
}
}
@media (min-width: 1066px) {
#whattpp .row {
	 background-position-x: calc(15px + 2%);
	 background-position-y: 100%;
}

}
@media (min-width: 1302px) {
#whattpp .row {
	 background-position-x: calc(15px + 8%);
	 background-position-y: 100%;
}

}
@media (min-width: 1600px) {
#whattpp .row {
	 background-position-x: calc(15px + 4%);
	 background-position-y: 100%;
}
}
@media (min-width: 1702px) {
#whattpp .row {
	 background-position-x: calc(15px + 8%);
	 background-position-y: 100%;
}

}
@media (min-width: 1812px) {
#whattpp .row {
	 background-position-x: calc(15px + 3%);
	 background-position-y: 100%;
}
}
span.page-title.notactive {
    color: rgba(71, 191, 171, 0.6);
    background: rgba(99,99,99, 0.3);
}

span.page-title.notactive:hover {
    background: #47bfab;
    color:white;
}
.whatissue.active {
    color: white;
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 0px 4px 0 0;
    margin-left: -5px;
    padding: 4px 40px 20px 10px;
    background: #47bfab;
    display: inline;
    margin-bottom: 0;
}
.whatissue.active:hover{
    background:rgba(71, 191, 171, 0.8);

}

.whatissue {
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 0px 4px 0 0;
    margin-left: -5px;
    padding: 4px 40px 20px 10px;
    color: #47bfab;
    background: #e5e5e5;
}

a, a span {
    -webkit-transition: all .25s linear;
-moz-transition: all .25s linear;
-ms-transition: all .25s linear;
-o-transition: all .25s linear;
transition: all .25s linear;
}
.single-homepageissues .lead {font-style:italic;}

.progress-indicator {
	position: absolute;
	/* top: 30px; */
	right: 0px;
	width: 100%;
	height: 60px;
}
.progress-count {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	line-height: 100px;
	color: #0082FF;
}

svg {
	position: absolute;
}
circle {
	fill: rgba(255,255,255,0.9);
}

svg .animated-circle {
	fill: transparent;
	stroke-width: 40px;
	stroke: #0A74DA;
	stroke-dasharray: 126;
	stroke-dashoffset: 126;
}
.progress-indicator-2 {
	position: fixed;
	top: 0;
	left: 0;
	height: 3px;
}
#can-form-area-join-us-85 {
    margin-left: -15px;
    margin-right: -15px;
}
.gp-list-primary {
    background: #47bfab;
    color:white;
}
.gp-list-primary a {
    color:white;
}
#signup-container li.list-group-item {
    padding-bottom: 15px;
    padding-top: 20px;
}
.navbar.navbar-default.navbar-static-top {
    border-bottom: 0;
    background: #fbba4a /* Yellow */;
}
@media (min-width: 768px){
.navbar-default .navbar-nav>li>a {
    padding: 20px 25px;
}
}
b, strong, h1,  h3, h1 a, h3 a {
	color:#0e2c4e /* Dark Blue */;
}