/*
 Theme Name:   18 Tags Child Theme
 Description:  18 Tags Theme
 Template:     eighteen-tags
 Version:      1.0.0
 Text Domain:  eighteen-tags-child
*/

/* =Theme customization starts here
-------------------------------------------------------------- */
body.eighteen-tags-pro-active {
	color: #6f6f6f;
	font-size: small;
	background-color: #f6f6f6;
}
body.eighteen-tags-pro-active, .eighteen-tags-pro-active .panel-grid-cell {
	font-family: "Helvetica Neue","Helvetica W01",Helvetica,sans-serif;
}
h1 {
	font-size: 2em;
}
h2, h3 {
	font-size: 1em;
}
h3 {
	margin-bottom: 0;
}
.intro h1 {
	margin-top: .8rem;
	font-size: 1.15em;
}
p {
	margin-bottom: 1.5em;
}
.entry-content a, .eighteen-tags-pro-active .blog .entry-content a, .eighteen-tags-pro-active .category-foundation-news .entry-content a, .eighteen-tags-pro-active .category-grant-awards .entry-content a {
	color: #000;
	font-weight: 700;
}
p a:after, .blog .entry-content a:after, .category-foundation-news .entry-content a:after, .category-grant-awards .entry-content a:after {
	font-family: "FontAwesome";
	content: "\f0a9";
	margin-left: .53em;
	display: inline-block;
}
.annualReports p a:after /* #post-80 .entry-content a:first-child:after */ {
	content: ""
}
.entry-content a:hover {
	color: #0096db;
}
#content .alignright {
	margin-left: 2.5em;
}
.eighteen-tags-pro-active h1, .eighteen-tags-pro-active h2, .eighteen-tags-pro-active h3, .eighteen-tags-pro-active h4, .eighteen-tags-pro-active h5, .eighteen-tags-pro-active h6 {
	color: #000;
	font-weight: 600;
	font-family: "Helvetica Neue","Helvetica W01",Helvetica,sans-serif;
	letter-spacing: .01em;
}
.eighteen-tags-pro-active h2, .intro h1 {
	text-transform: uppercase;
}
#masthead, #content, .site-footer {
	background-color: #f6f6f6;
}
#masthead .col-full,  #content .col-full {
	background-color: #fff;
	padding: 1.4rem 1.3rem;
}
#content .col-full {
	padding-top: 0;
}
#primary {
	font-size: .8rem;
}
.no-wc-breadcrumb .site-header {
	margin-bottom: 0;
}
/* Buttons */
.button {
	font-size: .85em;
	text-transform: uppercase;
	background-color: #6f6f6f;
	border: 1px solid #6f6f6f;
	padding: .4rem 1.7rem;
}
#content .button {
	color: #fff;
	margin-bottom: 1.2rem;
}
.button:hover {
background-color: #656565;
	}
.entry-content .button:after {
	content: "";
}
a.wp-show-posts-read-more:after {
	font-family: "FontAwesome";
	content: "\f0a9";
	margin-left: .53em;
	display: inline-block;	
}
a.wp-show-posts-read-more, a.wp-show-posts-read-more:visited {
	border-width: 0;
	padding-left: 0;
	font-size: .9em;
}
a.wp-show-posts-read-more:hover {
	background-color: transparent;
	border-width: 0;
	padding-left: 0;
}

/* Header */
#masthead {
	 padding: 0;
}
.site-header .site-branding img, .site-header .site-logo-anchor img, .site-header .custom-logo-link img {
	max-height: 30px;
	margin-bottom: 1.2em;
}
.home.blog .site-header, .home.page:not(.page-template-template-homepage) .site-header, .home.post-type-archive-product .site-header {
	margin-bottom: 0;
	padding-bottom: 1.4rem;
}

/* Navigation */
#menu-main-menu {
	background-color:#f6f6f6;
	border: 1px solid #eee;
	border-radius:3px;
	/*margin-left: 2em;*/
}
#site-navigation.main-navigation ul, #site-navigation.main-navigation ul li a, .eighteen-tags-pro-active .header-toggle {
	font-family: "Helvetica Neue","Helvetica W01",Helvetica,sans-serif;
}
#site-navigation.main-navigation .primary-navigation ul li a {
	color: #6c6c6b;
	font-size: .85rem;
	font-weight: 700;
	padding: .7rem .9rem;
}
#site-navigation.main-navigation .primary-navigation ul li {
	border-right: 1px solid #eee;
}
#site-navigation.main-navigation .primary-navigation ul li:last-child {
	border-right: 0;
}
#site-navigation.main-navigation ul li a:hover {
	background-color: #666;
	color: #fff;
}

/* Homepage */
.mainFeature {
	margin-bottom: 2rem;
}
.intro img {
	margin-bottom:2.5em;
}
.homeFeatures img {
	margin-bottom: 1.6rem;
}
#panel-5-1-0-1 p, #panel-5-1-0-1 h2, #panel-5-1-1-1 p, #panel-5-1-1-1 h2, #panel-5-1-2-1 p, #panel-5-1-2-1 h2 {
	margin-right: 1rem;
	margin-left: 1rem;
}

/* Info Pages */
#pgc-6-1-0, #pgc-7-1-0, #pgc-9-1-0 {
	/*width: 32.5% !important;*/
	margin-right: 1rem;
}
.introRow {
	margin-bottom: 2rem;
}
/* News List */
.newsTitle h2 {
	padding-top: 2.8rem;
}
.home .newsTitle h2 {
	text-transform: none;
	font-size: 1.45rem;
}
.wp-show-posts-columns {
	margin-top: 1.8rem;
}

 /* News List and Posts Archive Page */
.wp-show-posts-columns .wp-show-posts-entry-title, .blog .entry-title, .category-foundation-news .entry-title, .category-grant-awards .entry-title {
	font-size: .8rem;
	line-height: 1.2em;
}
.wp-show-posts-meta a, .wp-show-posts-meta a:visited, .blog .post-meta-container a, .category-foundation-news .post-meta-container a, .category-grant-awards .post-meta-container a {
	color: #8e8e8e;
	font-size: .7rem;
}
.wp-show-posts-entry-meta, .blog .post-meta-container, .category-foundation-news .post-meta-container, .category-grant-awards .post-meta-container {
	margin-top: .3rem;
}
.wp-show-posts-inner *:last-child, .blog .post-meta-container, .category-foundation-news .post-meta-container, .category-grant-awards .post-meta-container {
	margin-bottom: 1.75rem;
}

/* Posts Archive Page */
.blog .entry-content a, .category-foundation-news .entry-content a, .category-grant-awards .entry-content a {
	font-weight: normal;
}
.blog .col-1-2 {
	width: 45%;
}
.blog article {
	margin-bottom: 5em;
}

/* Single Post Page */
.single .post {
	padding-top: 3rem;
}
.single .post h1 {
	font-size: 2em;
}
.single .post p, .single .post ul, .single .post ol {
	width: 66%;
}
.single #primary {
	max-width: 980px;
}

/* Trustee Bios */
.panel-row-style-bio {
	padding-bottom: 1.4rem;
	border-bottom: 1px solid #eee;
	margin-bottom: 2.2rem;
}

/* Sidebar */
#secondary .widget h3.widget-title {
	text-transform: uppercase;
	font-size: .6875rem;
	font-weight: 500;
	color: #a3a3a3;
	padding-bottom: 0;
}

#secondary .widget-area .widget a {
	color: #000;
	font-weight: 700;
}

/* Footer */
.site-info {
	padding: 0;
}

/* 2018 Annual Report */
.storyChapter, .quote, .storyDetail, .financialsDetail {
	margin-bottom: 4em;
}
/*.financialsDetail:first-child {
	margin-bottom: 0;
}*/
.introLetter, .storyOverview, .financialsIcons {
	margin-bottom: 1em;
}
.storyChapter a:after {
	content: none;
}
.eighteen-tags-pro-active .introLetter {
	padding: 3em 10em;
}
.introLetter, .financialsOverview, .financialsDetail, .financialsIcons {
	background-color: #f6f6f6;
}
.eighteen-tags-pro-active .introLetter p, .financialsOverview p {
	font-size: 175%;
	color: #0c2c3d;
	font-weight: 300;
}
.eighteen-tags-pro-active .introLetter small {
	font-size: 65%;
}
.financialsOverview .tablepress tbody td, .financialsOverview .tablepress tfoot th, .financialsOverviewMobile .tablepress tbody td, .financialsOverviewMobile .tablepress tfoot th {
	border: 0;
}
.financialsOverview table tbody tr:nth-child(2n) td {
	background: transparent;
}
.financialsOverview .table .column-1 {
	width: 10%;
}
.introLetter .button p, .financialsOverview .button p, .financialsDetail .button p {
	margin-bottom: 0;
	line-height: 1em;
}
.quote, .pullQuote, .fastFact, .ovLink a {
	color: #fff;
}
.quote {
	background: rgb(170,184,160);
	background: linear-gradient(90deg, rgba(170,184,160,1) 0%, rgba(56,130,168,1) 100%);
}
.story1quote, .page-id-148 .pullQuote {
	background: rgb(233,214,84);
	background: linear-gradient(90deg, rgba(233,214,84,1) 0%, rgba(63,84,165,1) 100%);
}
.chapter1 h3 {
	background: -webkit-linear-gradient(#e9d654, #3f54a5);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.story2quote, .page-id-152 .pullQuote {
	background: rgb(125,95,53);
	background: linear-gradient(90deg, rgba(125,95,53,1) 0%, rgba(233,214,84,1) 100%);
}
.chapter2 h3 {
	background: -webkit-linear-gradient(#7d5f35, #e9d654);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.story3quote, .page-id-153 .pullQuote {
	background: rgb(64,174,210);
	background: linear-gradient(90deg, rgba(64,174,210,1) 0%, rgba(242,106,104,1) 100%);
}
.chapter3 h3 {
	background: -webkit-linear-gradient(#40aed2, #f26a68);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.pullQuote p {
	font-size: 210%;
	margin: .5em 1em;
}
.pullQuote, .relatedStories {
	/*padding: 1.5em 2em;*/
	width: 70%;
	margin-left: 28%;
	margin-bottom: 10em;
}
.relatedStories {
	background-color: #6e6e6e;
}
.relatedStories h4 {
	color: #bdbdbd;
	text-transform: uppercase;
	margin: 2em 2em .5em 2em;
}
.relatedStories ul {
	/* margin-left: 0; */
	margin: .5em 2em 2em 2em;
}
.relatedStories li {
	list-style-type: none;
	margin-bottom: .6em;
}
.relatedStories li:last-child {
	margin-bottom: 0;
}
.relatedStories a {
	color: #fff;
}
.relatedStories a:after, #tablepress-3-no-3 a:after {
	font-family: "FontAwesome";
	content: "\f0a9";
	margin-left: .53em;
	display: inline-block;
}
.quote p, .fastFact p {
	font-size: 190%;
	line-height: 1.3em;
}
.ovLink p {
	font-size: 230%;
	line-height: 1.2em;
}
.quote p, .fastFact p, .ovLink p {
	margin-bottom: 0;
}
.quote p, .pullQuote p, .fastFact p {
	font-weight: 300;
}
.storyOverview {
	padding: 8em 2em 3em 2em; /* top 8em */
}
.storyDetail {
	padding: 2em;
	min-height: 400px;
}
.quote {
	text-align: center;
}
.financialsOverview h2, .financialsDetail h2, .introLetter h1, .introLetter h2 {
	color: #0085ad;
}
.financialsOverview h2, .financialsDetail h2, .introLetter h2 {
	font-size: 2em;
}
.financialsDetail h2 {
	margin: 2em 0;
}
.introLetter h2 {
	margin-bottom: 2em;
}
.introLetter h2 strong, .financialsOverview h2 strong {
	font-size: 2.8em;
	line-height: 1.6em;
}
.financialsIcons {
	padding: 2em 0;
}
.financialsIcons img {
	margin: 0 auto;
}
.financialsIcons h3 {
	font-size:1.3em;
	line-height: 1.2em;
	text-align: center;
}
.financialsDetail h3, .financialsOverview h3 {
	font-size: 170%;
}
.financialsDetail h3 {
	margin: 1em 0;
}
.financialsDetail .ppb-block {
	margin: 0 2em;
}
.financialsOverview .ppb-block {
	margin: 2em;
}
.financialsOverview .button, .introLetter .button, .financialsOverview a, .introLetter a {
	font-size: 60%;
}
#tablepress-4-no-3 .column-2 {
	text-align: left;
}
.quote {
	padding: 2.4em;
} 
.fastFact, .ovLink {
	padding: 1.5em 2em;
	margin-bottom: 1.5em;
}
.storyChapter h3, .introLetter h1, .introLetter h2, .storyOverview h2, .storyDetail h3, .eighteen-tags-pro-active .financialsDetail h2, .financialsDetails h1, .eighteen-tags-pro-active .financialsOverview h2 {
	font-family: 'Permanent Marker', cursive;
	line-height: 1.1em;
	letter-spacing: .05em;
	word-break: keep-all;
	overflow-wrap: normal;
}
.storyChapter h3 {
	font-size: 300%;
	text-align: center;
	margin: 0 1.1em;
}
.storyOverview h2, .storyDetail h3 {
	color: #fff;
}
.storyOverview h2, /*.financialsOverview h2,*/ .financialsOverviewMobile h2 {
	font-size: calc(24px + (90 - 24) * ((100vw - 360px) / (1600 - 360))); /*550%*/
	/*margin-top: 2em;*/
}
.storyDetail h3 {
	/*font-size: 6vw; 580%*/
	font-size: calc(24px + (90 - 24) * ((100vw - 400px) / (1600 - 400)));
	margin-bottom: 1.5em; /*70%; 5em*/
}
.storyNav {
	margin-top: 2em;
}
.financialsOverview p {
	font-size: 150%;
	margin-bottom: 1em;
}

/* Do not display for desktop */
.financialsOverviewMobile, .mobileImage {
		display: none;
}

/* Annual Report Mobile */
@media only screen and (max-width: 770px) {
	.eighteen-tags-pro-active .pullQuote, .eighteen-tags-pro-active .relatedStories {
	padding: 1.5em 2em;
	width: 100%;
	margin-left: 0;
	margin-bottom: 2em;
}
	.eighteen-tags-pro-active .introLetter {
		padding: 3em;
	}
	.introLetter .button {
		width: 70%;
	}
	.storyChapter h3 {
		margin: 0 0 2em 0;
	}
	.storyOverview h2 {
		width: 50%;
	}
	.introLetter h2 strong, .financialsOverviewMobile h2 strong {
		font-size: 2.2em;
		word-break: normal;
		overflow-wrap: break-word;
	}
	.storyDetail {
		min-height: 220px;
	}
	.financialsOverview {
		display: none;
	}
	.financialsIcons h3 {
		margin-bottom: 2em;
	}
	/* Remove image scroll effect for mobile */
	.panel-row-style.ppb-row-effect-2 {
		background-attachment: scroll;
	}
		/* Display only for mobile */
	.financialsOverviewMobile {
		display: block;
	}
	.financialsOverviewMobile h2 {
		font-family: 'Permanent Marker', cursive;
		color: #0085ad;
		line-height: 1.5em;
	}
} 

@media only screen and (max-width: 412px) {
	.mobileImage {
		display: block;
	}
	.ppb-row-effect-2 {
		background-attachment: scroll;
	}
	.storyOverview {
		background-image: none;
		background-color: #f6f6f6;
		padding: 1.5em;
	}
	#pg-145-3 .storyOverview, #pg-145-5 .storyOverview, #pg-145-7 .storyOverview {
		background-image: none !important;
	}
	.storyOverview h2 {
		color: #0085ad;
		width: 100%;
		margin-top: .5em;
	}
	.eighteen-tags-pro-active .introLetter {
		padding: 1.5em;
	}
	.eighteen-tags-pro-active .introLetter p {
	font-size: 120%;
	}
	.ovLink p, .fastFact p {
		font-size: 160%;
	}
	.storyDetail {
		min-height: 160px;
		padding: 0;
	}
	.storyDetail h3 {
		display: none;
	}
	.storyChapter, .quote, .storyDetail, .financialsDetail, .introLetter h2 {
		margin-bottom: 1em;
	}
	.eighteen-tags-pro-active .pullQuote, .eighteen-tags-pro-active .relatedStories {
		padding: 0;
	}
	.financialsOverviewMobile {
		line-height: 1.5em;
	}
	.financialsOverviewMobile h2 strong {
		font-size: 1.5em;
	}
	#tablepress-5-no-3 .column-2 {
		text-align: left;
	}
	#panel-145-12-0-0, #panel-154-3-0-0, #panel-154-6-0-0, #panel-154-8-0-0 {
		overflow-x: auto;
	}

}