@import  "//fonts.googleapis.com/css?family=Roboto:400,700";

/* No text-shadow please */
.pique-panel-content,
.site-branding .site-title, 
.site-branding .site-description {
	text-shadow: none;
}

/* Hero panel */
#pique-hero .pique-panel-content {
	padding-top: 288px;
}

#pique-hero,
 #masthead {
	background: #fffef7 url(https://thenewnow.org/wp-content/uploads/2018/10/logo_cutout_1.png) no-repeat 500px 0;
	background-size: cover;
}

#masthead {
	background-color: #fffef7;
}

#pique-hero .entry-content {
	color: #444;
}

/* Inner pages font color (News) */
.pique-panel:nth-of-type(odd) .pique-panel-content h2 a,
.pique-panel:nth-of-type(odd)  .edit-link a,
.pique-panel:nth-of-type(odd)  .pique-panel-content {
	color: #444;
}

@media screen and (min-width: 768px) {
	.home .main-navigation:not(.sticky) a {
		color: #000;
	}
}

@media screen and (min-width: 768px) {
	.home .main-navigation:not(.sticky) .sub-menu a {
		color: #fcfbf9;
	}
}

.main-navigation ul ul a {
	color: #fcfbf9;
}

.main-navigation.sticky a {
	color: #FFF;
}

.main-navigation .current_page_item > a, .main-navigation .current-menu-item > a, .main-navigation .current_page_ancestor > a {
	color: #83b6cc;
}

.main-navigation.sticky .current_page_item > a, .main-navigation.sticky  .current-menu-item > a, .main-navigation.sticky  .current_page_ancestor > a {
	color: #83b6cc;
}

/* Default panel bg beige */
.pique-panel, #masthead {
	background-color: #fffef7;
	color: #000;
}

.pique-panel6 .pique-panel-content {
	color: #fff;
}

/* Homepage logo */
.site-branding .site-logo-link img {
	max-height: 175px;
}

@media screen and (min-width: 768px) {
	#masthead .site-branding {
		margin-top: 1.5em;
	}
}

/* Hero panel */
#pique-hero .pique-panel-content .entry-content p:first-of-type {
	font-style: normal;
}

/* Homepage Heading spacing on mobile */
@media screen and (max-width: 768px) {
	.pique-panel-content .entry-content {
		margin-top: 0;
	}
	
	.pique-panel-content .entry-footer {
		padding: 0;
	}
}

/* Panel titles */
.pique-panel2 .pique-panel-content .entry-title,
.pique-panel3 .pique-panel-content .entry-title,
.pique-panel4 .pique-panel-content .entry-title,
.pique-panel7 .pique-panel-content .entry-title {
	color: #444;
}

/* Panel title bottom borders */
.pique-panel-content h2,
.pique-panel-content .entry-title:before,
.pique-panel-content .entry-title:after {
	border: none;
}

/* Panel body color */
.pique-panel2 .pique-panel-content,
.pique-panel3 .pique-panel-content,
.pique-panel4 .pique-panel-content,
.pique-panel7 .pique-panel-content {
	color: #444;
}

/* Panel-6 Form */
.pique-panel-content form {
	background-color: transparent;
	border-top-width: 0;
}

/* Panel-2 Subscribe */
.pique-panel2 {
	min-height: 35vh;
}

/* Team - Front page */
.pique-panel3 .display-posts-listing {
	list-style: none;
	margin: 0;
}

.pique-panel3 .display-posts-listing li {
	padding-bottom: 20px;
}

@media screen and (min-width: 768px) {
	.pique-panel3 .display-posts-listing {
		display: flex;
		flex-wrap: wrap;
	}
	
	.pique-panel3 .display-posts-listing li {
		padding: 0 20px 20px;
	}
}

@media screen and (min-width: 768px) {
	.pique-panel3 .display-posts-listing {
		display: flex;
		flex-wrap: wrap;
	}
	
	.pique-panel3 .display-posts-listing li {
		flex: 1 1 0;
		padding: 0 20px 20px;
	}
}

@media screen and (min-width: 768px) and (max-width: 1280px) {
	.pique-panel3 .display-posts-listing li {
		flex: 0 0 50%;
	}
}

@media screen and (min-width: 1280px) {
	.pique-panel3 .display-posts-listing li {
		flex: 1 1 0;
	}
}

.pique-panel3 .display-posts-listing .image {
	display: block;
	margin-bottom: 15px;
}

.pique-panel3 .display-posts-listing .image:hover {
	border-bottom: none;
}

.pique-panel3 .display-posts-listing .alignleft {
	margin-right: 0;
}

.pique-panel3 .display-posts-listing .title {
	color: #385864;
	border-bottom: 3px solid #ffde00;
	display: block;
	font-family: Karla, Arial, sans-serif;
	font-weight: bold;
	margin-bottom: 20px;
	padding-bottom: 10px;
	text-transform: uppercase;
}

.pique-panel3 .display-posts-listing .title:hover {
	border-width: 3px;
}

.read-more {
	color: #385864;
	font-size: .875rem;
	font-weight: bold;
	display: block;
	margin-top: 10px;
	text-transform: uppercase;
}

.read-more a:hover {
	color: #83b6cc;
	border-color: #83b6cc;
}

.excerpt-dash {
	display: none;
}

/* Image only panels - hide title */
.pique-panel1 .entry-title,
.pique-panel5 .entry-title,
.pique-panel8 .entry-title {
	display: none;
}

/* Team - Front page and inner */
.pique-grid-three img.size-pique-square {
	border-radius: 0;
	display: block;
	max-width: inherit;
	width: 100%;
}

.leader-title {
	border-bottom: 3px solid #ffde00;
	color: #726b60;
	font-family: Karla, Arial, sans-serif;
	margin: -28px 0 28px;
	padding-bottom: 15px;
	text-align: left;
}

/* Team page */
.page-template-template-grid .site-content .content-area {
	width: auto;
}

/* Single team member page */
body.page:not(.home) .entry-title,
.single .entry-title {
	text-align: left;
}

.parent-pageid-21 #pique-header-image,
.parent-pageid-199 #pique-header-image {
	visibility: hidden;
}

.parent-pageid-199 .site-content,
.parent-pageid-21 .site-content {
	background: url('https://thenewnow.org/wp-content/uploads/2018/09/logo_cutout_4.png') no-repeat right bottom;
	background-size: 70%;
}

@media screen and (max-width: 768px) {
	.parent-pageid-21 .alignleft {
		float: none;
		margin-bottom: 20px;
		width: 100%;
	}
}

/* Move button below Team*/
.pique-panel3 .entry-content,
.pique-template-grid.page {
	display: flex;
	flex-direction: column;
}

.see-more-leaders,
.pique-template-grid.page  .entry-content {
	order: 2;
}

/* No overlay on panels */
.pique-panel-background::before {
	background: transparent;
}

/* Contact page */
.page-id-2 .pique-header img {
	display: none;
}

/* Main navigation styling */
.main-navigation .current_page_item > a, .main-navigation .current-menu-item > a, .main-navigation .current_page_ancestor > a {
	color: #ffde00;
}

/* Contact page sidebar */
.social-sidebar a[href*='facebook.com'] {
	display: inline-block;
	height: 32px;
	margin-right: 5px;
	overflow: hidden;
	vertical-align: middle;
	width: 80px;
}

.social-sidebar a[href*='facebook.com']:before {
	content: '\f204';
	background: #385864;
	border: 2px solid #385864;
	border-radius: 3px;
	color: #fff;
	display: inline-block;
	display: block;
	font-family: Genericons;
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	height: 32px;
	line-height: 1;
	line-height: 1;
	padding: 6px;
	text-align: center;
	text-decoration: none;
	transition: .2s all ease-in-out;
	vertical-align: text-bottom;
	width: 80px;
	text-rendering: auto;
}

.social-sidebar a:hover::before {
	background-color: #FFF;
	border: 2px solid #385864;
	color: #385864;
}

/* Social Media footer */
.secondary-links li a[href*='facebook.com']:before,
.secondary-links li a[href*='instagram.com']:before,
.secondary-links li a[href*='twitter.com']:before {
	border-color: #385864;
	color: #fff;
	background-color: #385864;
}

.secondary-links li a:hover[href*='facebook.com']:before,
.secondary-links li a:hover[href*='instagram.com']:before,
.secondary-links li a:hover[href*='twitter.com']:before {
	border-color: #FFF;
	color: #385864;
	background-color: #FFF;
}

.leader-social-media-title {
	color: #000;
	border-bottom: 3px solid #ffde00;
	padding-bottom: 15px;
}

.entry-content .secondary-links li a:hover:before {
	border: 2px solid #385864;
}

.entry-content .secondary-links a:not(.button):hover {
	border-bottom: none;
}

/* Forms */
input[type="tel"], input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], textarea {
	border-width: 1px;
}

input[type="submit"],
.button {
	border-radius: 0;
	background-color: #385864;
}

.button.minimal {
	background-color: #fff;
	color: #385864;
}

/* General site */
h1, h2, h3, blockquote cite, .pique-template-testimonials .pique-testimonials article .entry-content cite, .site-branding .site-title, .widget-title, h4, h5, h6, .more-link {
	color: #385864;
}

h1.entry-title {
	font-family: "Roboto", sans-serif;
	font-style: normal;
	text-align: center;
}

.pique-grid-three img.size-pique-square.hide {
	display: none;
}

/* Footer menu */
@media screen and (min-width: 768px) {
	.widget .menu-footer-menu-container ul {
		display: flex;
		justify-content: center;
	}
	
	.widget .menu-footer-menu-container li {
		padding: 0 10px;
	}
	
	.widget .menu-footer-menu-container ul a {
		border: none;
		padding-left: 10px;
		padding-right: 10px;
	}
}

/*hide page title on /subscribe page*/
.page .post-227 .entry-title {
	display: none;
}

/* Change the Leader page headings to black instead of their blue default */
.pique-panel .display-posts-listing .title,
.pique-panel .pique-grid-three h3,
.pique-grid-three h3,
.entry-title {
	color: #000;
	text-transform: none;
}

/* fix the logo overflow issue on mobile by removing absolute positioning that's unneeded*/
#masthead {
	height: auto !important;
}

.site-branding {
	position: static;
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
}

#site-navigation-wrapper {
	position: static;
}

#pique-hero .pique-panel-content .entry-content {
	padding-top: 0;
}

body:not(.home) .site-branding .site-logo-link {
	margin-bottom: 1rem;
}

/* fix bug where the text for the leaders panel is wrapping around the image at certain screen widths */
.pique-panel-content .listing-item a {
	float: none;
}

/* Format the "Leaders" panel on the homepage to add the title of the leader. Use flex to change the order of the elements and hide the main post content */
.display-posts-listing .listing-item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.display-posts-listing .listing-item > * {
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
}

/* Move the Leader post excerpt to the bottom of the Leader listing so it appears last */
.display-posts-listing .listing-item .excerpt {
	-ms-flex-order: 99;
	order: 99;
}

/* Hide the post content after the Leader Title and when the Leader title is wrapped in a Recipe Notes shortcode so we can show the leader title on the single post and hide the leader title when displayed in an excerpt on the frontpage panel*/
.display-posts-listing .listing-item .leader-title ~ *,
.display-posts-listing .listing-item .jetpack-recipe-notes ~ * {
	display: none;
}

.display-posts-listing .listing-item .leader-title {
	margin-bottom: 15px;
}

.display-posts-listing .listing-item .title {
	border-bottom: none;
}

/* Fix the hover state of the Leader panel page title link so it doesn't cause a shift when the title is hovered over */
.pique-panel .display-posts-listing .title,
.pique-panel .display-posts-listing .title:hover {
	border: 0;
}

.pique-panel .display-posts-listing .title:hover {
	text-decoration: underline;
}

/* Change the site font-family to Roboto per brand guidelines */
body,
.wf-active .archive .read-more a, .wf-active .blog .read-more a, .wf-active .search-results .read-more a, .wf-active body, .wf-active button, .wf-active input, .wf-active select, .wf-active textarea, h1, h2, h3, blockquote cite, .pique-template-testimonials .pique-testimonials article .entry-content cite, .site-branding .site-title, .widget-title, h4, h5, h6,
.leader-title {
	font-family: "Roboto", "Open Sans", -apple-system, BlinkMacSystemFont, sans-serif;
}

/* Remove the uppercase from the headings per brand guidelines*/
.pique-panel-content h2 {
	text-transform: none;
}

/* Style for small text*/
h6 {
	font-size: 12px;
	line-height: 18px;
}

.pique-panel6 .pique-panel-content h6 {
	color: #fff;
}

/* hide archive widget on 404 page */
.error-404 .widget:nth-of-type(odd) {
	display: none;
}

.search .page-title {
	font-style: normal;
	color: #000;
}

.search-results .read-more a {
	border-radius: 0;
	background: #385864;
	border-color: #385864;
}

.search-results .read-more a:hover {
	border-color: #385864;
	color: #385864;
}

.gallery-caption {
	padding: 20px;
	text-align: left;
	font-style: normal;
	font-size: .9em;
	margin-left: 15px;
}

figure.gallery-item div.gallery-icon.portrait a img {
	width: 75%;
}

@media screen and (max-width: 600px) {
	.gallery-caption {
		display: block;
		padding: 10px;
		text-align: left;
		font-style: normal;
		font-size: .75em;
		margin-left: 15px;
	}
	
	figure.gallery-item div.gallery-icon.portrait a img {
		width: 75%;
	}
}

.site-footer .site-info {
	font-size: 13px;
	font-style: normal;
	font-variant: small-caps;
	text-transform: lowercase;
}