/* ACF Blocks
--------------------------------------------------------------------------- */
/* Program Entry titles for Post Editor */

.entry-header img {
	width: 100%;
	object-fit: cover;
	margin-bottom: 1.2em;
}

.av_program-avenidas-blooms .entry-title,
.grid-post.avenidas-blooms .entry-title {
	background-color: var(--green);
	color: #fff;
}

.av_program-avenidas-village .entry-title,
.grid-post.avenidas-village .entry-title {
	background-color: var(--village);
	color: #fff;
}

.av_program-care-partners .entry-title,
.grid-post.care-partners .entry-title {
	background-color: var(--care-partners);
	color: #fff;
}

.av_program-chinese-community .entry-title,
.grid-post.chinese-community .entry-title {
	background-color: var(--chinese);
	color: #fff;
}

.av_program-door-to-door .entry-title,
.grid-post.door-to-door .entry-title {
	background-color: var(--blue);
	color: #fff;
}

.av_program-social-work-services .entry-title,
.grid-post.social-work-services .entry-title {
	background-color: var(--social-work);
	color: #fff;
}

.av_program-health-wellness .entry-title,
.grid-post.health-wellness .entry-title {
	background-color: var(--wellness);
	color: #fff;
}

.av_program-legacy-society .entry-title,
.grid-post.legacy-society .entry-title {
	background-color: var(--legacy);
	color: #fff;
}

.av_program-learning-leisure .entry-title,
.grid-post.learning-leisure .entry-title {
	background-color: var(--learning);
	color: #fff;
}

.av_program-lgbtq-seniors .entry-title,
.grid-post.lgbtq-seniors .entry-title {
	background-image: var(--lgbtq);
	color: #fff;
	font-family: var(--heavy)
}

.av_program-redwood-cafe .entry-title,
.redwood-cafe h4.entry-title {
	background-color: var(--cafe);
	color: #fff;
}

.av_program-rose-kleiner-center .entry-title,
.grid-post.rose-kleiner-center .entry-title {
	background-color: var(--rkc);
	color: #fff;
}

.av_program-senior-planet .entry-title,
.grid-post.senior-planet .entry-title {
	background-color: var(--tech);
	color: #fff;
}

.av_program-volunteer-corps .entry-title,
.grid-post.volunteer-corps .entry-title {
	background-color: var(--green);
	color: #fff;
}

.av_program-avenidas-without-walls .entry-title,
.grid-post.avenidas-without-walls .entry-title {
	background-color: var(--wow);
	color: #fff;
}

/* Misc Styles */

.category-announcements.entry {
	padding: 1.25rem;
	border: 8px solid var(--orange);
}

.tag-from-the-president.entry {
	background-color: var(--p99);
	padding: 1.25rem;
}


/* Conference Blocks */

.blocks-date-time {
	margin: 1rem 0 2rem;
	padding: .75rem;
	background-color: var(--p99);
	border: 1px solid var(--purple);
}

.conference-date,
.conference-time,
.venue-address,
.venue-phone {
	display: grid;
	gap: 1.25rem;
	grid-template-columns: min-content 1fr;
	align-items: center;
	margin: 1rem 0;
}

.conference-date {
	font-family: var(--heavy);
	font-size: 2.125rem;
}

.conference-time {
	font-size: 2rem;
}

.conference-date::before {
	font-family: dashicons;
	font-size: 3rem;
	color: var(--purple);
	line-height: 3rem;
	content: '\f508';
	padding: .25rem;
}

.conference-time::before {
	font-family: dashicons;
	font-size: 3rem;
	color: var(--purple);
	line-height: 3rem;
	padding: .25rem;
	content: '\f469';
}

.blocks-venue {
	margin: 2.5rem 0;
}

.venue-address,
.venue-phone p {
	font-size: 1.5rem;
	line-height: 1.2;
	margin-bottom: 0;
}

.venue-address::before {
	font-family: dashicons;
	font-size: 2rem;
	color: var(--purple);
	padding: .25rem;
	content: '\f512';
}

.venue-phone::before {
	font-family: dashicons;
	font-size: 2rem;
	color: var(--purple);
	padding: .25rem;
	content: '\f525';
}

.blocks-agenda {
	display: grid;
	grid-template-columns: min-content 1fr;
	gap: 1.25rem;
	padding: 1rem 0;
	margin: 1.25rem 0;
}

.agenda_time {
	color: var(--purple);
	font-family: var(--medium);
	font-size: 1.125rem;
}

h4.agenda-title,
h4.event-title {
	line-height: 1;
	margin-top: 0;
	margin-bottom: 0.5rem;
}

.agenda_description {
	border-bottom: 1px dotted var(--warm-gray);
}

.agenda_description p {
	font-size: 1.125rem;
	margin: 0 0 1.125rem;
}

.sessions {
	margin-top: 1.25rem;
	margin-bottom: 1.25rem;
}

@media (min-width:640px) {
	.sessions {
		display: grid;
		grid-template-columns: min-content 1fr;
		row-gap: 1rem;
	}
	.blocks-venue {
		display: grid;
		grid-template-columns: max-content 1fr;
		gap: 1.25rem;
	}
}

.session-info {
	background-color: var(--p99);
	border: 1px solid var(--light-gray);
	padding: .5rem;
}
.session-time {
	font-family: var(--medium);
	color: var(--purple);
	font-size: 1.3125rem;
}

.tracks {
	display: flex;
	flex-wrap: wrap;
	border-left: 1px solid var(--light-gray);
	border-right: 1px solid var(--light-gray);
	border-bottom: 1px solid var(--light-gray);
}

.presentation {
	padding: 1rem;
	border-top: 1px solid var(--light-gray);
}

.presentation:nth-child(even) {
	background-color: var(--lighter-gray);
}

.speaker-name {
	font-family: var(--italic);
	font-style: normal;
	margin-bottom: 1.25rem;
}

.event-details p:not(.speaker-name) {
	font-size: 1.125rem;
	margin-bottom: 1.25rem;
}

/* Contact CTA Block */

.contact-area {
	border-bottom: 8px solid var(--purple);
	background-color: #fff;
	box-shadow: 1px 3px 10px rgba(53, 53, 47, 0.2);
	padding: 2.5rem 2rem;
	margin-top: 1.5rem;
	margin-bottom: 2.5rem;
	max-width: 90%;
	text-align: center;
	font-size: 1.5rem;
	font-family: var(--heavy);
}

.contact-cta {
	font-size: 1.5rem;
	margin-bottom: .5rem;
	padding-left: 5%;
	padding-right: 5%;
}

.tel {
	font-size: 1.5rem;
	margin-bottom: .5rem;
}

.tel a {
	font-family: var(--heavy);
	text-decoration: none;
}

.tel a:hover {
	text-decoration: underline;
}

.contact-area .dashicons {
	display: block;
	text-align: center;
	width: auto;
	height: auto;
	font-size: 2.25rem;
	color: var(--thunder);
	margin-bottom: 0;
}

/* File Download Block */

.newsletter-pdf {
	margin-top: 1.25rem;
	margin-bottom: 1.25rem;
	width: auto;
}


a.download-link {
	display: flex;
	align-items: center;
	margin-bottom: 1em;
	padding: 1em;
	background-color: #fff;
	color: var(--thunder);
	border-bottom: 8px solid var(--purple);
	box-shadow: 1px 3px 10px rgba(53, 53, 47, 0.2);
	transition: all 0.3s cubic-bezier(0.5, 0, 0.5, 1);
	text-decoration: none;
	font-family: var(--heavy);
	font-size: 1.375rem;
}

a.download-link:hover,
a.download-link:focus {
	color: var(--purple);
	background-color: var(--link-alt);
}

a.download-link:visited {
	color: var(--purple);
}

.download-link::before {
	display: block;
	flex: 0 1 auto;
	color: var(--purple);
	font-family: dashicons;
	font-size: 60px;
	content: "\f316";
	margin-right: 0.5rem;
}

/* PDF Thumbnail Block */

.pdf-thumbnail {
	margin-top: 1rem;
	margin-bottom: 1.75rem;
}

.link-to-pdf img {
	box-shadow: 2px 2px 5px rgba(53, 53, 47, 0.2);
}

.alignleft .link-to-pdf img {
	margin-right: 1.25rem;
}

.alignright .link-to-pdf img {
	margin-left: 1.25rem;
}

/* Post Grid Block */
.post-grid-block {
	display: grid;
	gap: 1.5rem;
	grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
	margin-top: 2rem;
	margin-bottom: 2.5rem;
}

.grid-post {
	box-shadow: 2px 2px 5px rgba(53, 53, 47, 0.2);
	background-color: #fff;
	margin-bottom: 0;
}

.grid-post .entry-header {
	margin-bottom: 1rem;
}

.grid-post .entry-header img {
	margin-bottom: 0;
}

.grid-post .entry-title {
	padding: 1rem;
}

.grid-post h4.entry-title {
	margin-top: 0;
}

.grid-post .entry-image-link img {
	width: 100%;
	object-fit: fill;
}

.grid-post:not(.av_program) .entry-title {
	background-color: var(--purple);
	color: #fff;
}

.grid-post .entry-title a {
	color: #fff;
	text-decoration: none;
}

.grid-post .entry-title a:focus,
.grid-post .entry-title a:hover {
	text-decoration: underline;
	color: #fff;
}

.grid-post:not(.av_program) .entry-title {
	background-color: var(--purple);
	color: #fff;
}

.grid-post .entry-meta {
	margin-bottom: 0.75rem;
}

.grid-post .grid-excerpt {
	padding-left: 1rem;
	padding-right: 1rem;
}

.grid-post .vlp-link-container.vlp-template-default {
	display: block;
}

.grid-post .vlp-template-default .vlp-link-image {
}

.grid-post .vlp-template-default .vlp-link-image img {
	object-fit: fill;
}

/* Event Grid Block */

.tag-virtual .entry-title::before {
	display: inline-block;
	line-height: 1.2;
	margin-right: 4px;
	font-family: dashicons;
	content: "\f472";
	vertical-align: top;
}

.tag-telephone .entry-title::before {
	display: inline-block;
	line-height: 1.2;
	margin-right: 4px;
	font-family: dashicons;
	content: "\f525";
	vertical-align: top;
}

.tag-in-person .entry-title::before {
	display: inline-block;
	line-height: 1.2;
	margin-right: 4px;
	font-family: dashicons;
	content: "\f230";
	vertical-align: top;
}

.tag-hybrid .entry-title::before {
	display: inline-block;
	margin-right: 4px;
	width: 1em;
	content: url("icons/hybrid-white.svg");
	vertical-align: middle;
}

.post-grid-block.event-grid .event-info {
	padding-left: 1rem;
	padding-right: 1rem;
}

.post-grid-block.event-grid .event-info > .tribe-event-schedule-details,
.post-grid-block.event-grid .event-info > .tribe-recurrence-schedule {
	font-size: 1.25rem;
	letter-spacing: -.5px;
	font-family: var(--medium);
	padding: 8px;
	background-color: var(--lighter-gray);
	border: 1px solid var(--warm-gray);
	text-align: center;
	margin-bottom: 1rem;
}

.tribe-recurrence-schedule h2,
.tribe-recurrence-schedule h5 {
	margin-bottom: 0;
}

.post-grid-block.event-grid .tribe-events-event-cost {
	font-size: 1.38rem;
	font-family: var(--heavy);
	color: var(--purple);
}

.post-grid-block.event-grid .tribe-events-venue-details {
	color: var(--dark-gray);
	font-family: var(--light);
	margin-bottom: 1rem;
}

/* Position Info */
.position-listings {
    font-size: 1.125rem;
}

.position-listings tbody {
	border: 1px solid var(--light-gray);
}

.position-listings td, 
.position-listings th {
	line-height: 1.6;
	padding:  0.5em;
	vertical-align: top;
}

.position-listings th {
	text-align:  left;
	font-family:  var(--heavy);
}
.position-listings tbody tr:nth-of-type(odd) {
    background-color: var(--lighter-gray);
}

.position-listings td p {
	margin-bottom: 0;
	font-size: 1.125rem;
}

@media screen and (max-width: 600px) {
  .position-listings tr {
    display: block;
    border-bottom: none;
    border-left: none;
    border-right: none;
    border-collapse: collapse;
    margin-bottom: 0;
  }
   
  .position-listings td, .position-listings th {
    display: block;
    border-collapse: collapse;
  }

  .position-listings td::before {
  	display: none;
  }
   
}