/*
Theme Name: FCCP 
Theme URI: https://github.com/bencarlson/wp-bootstrap
Description: A wordpress 3.9+ theme built on Bootstrap 3
Author: Design Action Collective
Author URI: http://designaction.org
Version: 5.1
*/

/*
	IMPORTANT: Compass is dead. Add raw CSS here.
*/

.field_any-field input {
	max-width:100%;
}

/*
https://funderscommittee.local/staff-board/martha-gonzalez-cortes/
https://funderscommittee.local/staff-board/olajumoke-jummy-obayanju/
https://funderscommittee.local/staff-board/jocelyn-bissonnette/
https://funderscommittee.local/staff-board/sol-marie-alfonso-jones/
https://funderscommittee.local/staff-board/estevan-munoz-howard/
https://funderscommittee.local/staff-board/daaiyah-bilal-threats-2/
https://funderscommittee.local/staff-board/jenifer-fernandez-ancona/
https://funderscommittee.local/staff-board/representative-park-cannon-georgia-house-district-58/
https://funderscommittee.local/staff-board/mn-lt-governor-tina-smith/
https://funderscommittee.local/staff-board/st-paul-mayor-chris-coleman/
https://funderscommittee.local/staff-board/congressman-keith-ellison/
https://funderscommittee.local/staff-board/christine-reeves-strigaro/
https://funderscommittee.local/staff-board/esperanza-tervalon-garrett-co-chair/
https://funderscommittee.local/staff-board/A-BAYOaN-ROSSELLo-CORNIER/

special cases (3 lines): 
https://funderscommittee.local/staff-board/representative-park-cannon-georgia-house-district-58/
https://funderscommittee.local/staff-board/esperanza-tervalon-garrett-co-chair/
*/

.postid-12588 #page-title,
.postid-3829 #page-title,
.postid-3833 #page-title,
.postid-4919 #page-title,
.postid-5817 #page-title,
.postid-8147 #page-title,
.postid-9049 #page-title,
.postid-9287 #page-title,
.postid-8548 #page-title,
.postid-11990 #page-title {
	font-size: 24px;
}

.postid-3883 #page-title,
.postid-4919 #page-title,
.postid-7651 #page-title {
	font-size: 23px;
}

.postid-4523 #page-title {
	font-size: 22px;
}

.postid-4915 #page-title,
.postid-12584 #page-title,
.postid-12612 #page-title {
	font-size: 21px;
}

/*
	New header
*/
#site-header {
	/* background: linear-gradient(180deg, rgba(226,230,230,1) 0%, rgba(252,253,253,1) 100%) !important; */

	display: flex;
	flex-direction: row;
	align-content: center;
	position: fixed;
	width: 100%;
	min-width: 100%;
	background-position: 58% 50%;
}

#site-header > * {
	/* flex-grow: 1; */
	align-self: center;
}

#site-header > #logo {
	flex-grow: 1;
	width: 260px;
    height: 156px;
}

@media screen and (min-width: 800px) {
  .home-page #site-header {
    background: linear-gradient(to bottom, #e1e6e5 0%, #f0f3f2 68%, #ffffff 100%) !important;
  }

	#site-header > #logo {
		width: 190px;
		height: 197px;
	}
}

@media screen and (min-width: 992px) {
	#site-header > #logo {
		width: 350px;
		height: 98px;
	}
}

#site-header > #header-portal {
	position: initial;
	top: initial;
	right: initial;
	padding: 0;
	height: 50px;
	display: flex;
	align-items: flex-start;
	flex-direction: row;
	padding-right: 30px;
	margin-right: 100px;
	min-width: 204px;
	margin-top: -140px;
}

#main-nav-wrap {
	width: 160px;
	margin-top: -140px;
}

@media screen and (min-width: 992px) {
	#site-header > #header-portal,
	#main-nav-wrap {
		margin-top: 0;
	}
}

#site-header .navbar-toggle {
	margin: 13px 25px 20px 0;
}

/* Menu */
.menu-active #shadow-toggle {
	left: -9829px !important;
	top: -59px;
	/* top: -74px; */
	height: 101vh;
}

#site-navigation {
	margin-top: -71px; /* Try and make red space above slide-in menu */
}

.nav-inner {
	margin-top: 71px;
}

/* Main Body */
body #page-title {
	margin-top: 203px;
	background: #fff;
}

@media screen and (min-width: 992px) {
	body #page-title {
		margin-top: 163px;
		background: #fff;
	}	
}

@media screen and (min-width: 1200px) {
	body #page-title {
		/* padding: 20px 600px 40px 144px; */
		padding: 20px 0 60px 0;
	}

	body .share-buttons {
		top: -90px;
		padding-left: 15px;
	}
}

/* Aside */
#secondary.affix {
	top: 198px;
}

/* Make the page title container white and properly padded */
.white-background {
	background: #fff;
	margin-left: -15px;
}

@media screen and (min-width: 1200px) {
	.white-background {
		margin-left: 0;
	}
}