#welcome, #pda-booth, #photos, #pda-technical-reports, #conference-posters, #social-media-feed { scroll-margin-top: 90px; }
.page_nav {
    position: sticky;
    top: 0;
    z-index: 2;
}
@media (min-width: 1370px) {
    body.is-scrolled .page-header {
        transform: translateY(-158px);
    }
}
.grid.onsite_list {text-align: left}
.onsite_list h5 {
	margin-bottom: 5px;
	line-height: 32px;
}
.onsite_list .card__image { height: auto }
.onsite_list a:hover img {
	transform: scale(1.05);
    transition: transform 0.3s ease-in-out;
}
.onsite_list a:hover h5 {
	color: #006699;
	transition: color 0.1s ease-in-out;
}
.onsite_list a:hover .card__body {
	background-color: #fcfdfd;
	transition: color 0.1s ease-in-out;
}
.onsite_list a:active img {
	transform: scale(1);
}
.onsite_list a:active h5 {
    transform: scale(0.98);
    transition: transform 0.1s ease-in-out;
}
.to-screen-edges.page_nav {
    background: rgb(0, 109, 152);
    background: linear-gradient(90deg, rgba(0, 109, 152, 1) 0%, rgba(23, 40, 70, 1) 100%);
	padding-top: 0;
}
.page_nav ul {
    list-style-type: none;
    overflow: hidden;
    padding: 0 0 0 .1875rem;
    margin: 0;
}
.page_nav ul li {
    display: inline-block;
}
.page_nav ul li a {
    display: block;
    font-size: 1rem;
    color: #fff;
    margin-top: 6px;
    padding: 10px 10px 0;
    font-weight: 400;
}
.nav-menu li a::after {
    content: '';
    display: block;
    width: 100%;
    border-bottom: 0.35rem solid transparent;
    padding-top: 12px;
}
.page_nav .nav-menu li a:focus {
    outline: .1875rem dotted #DF3939;
}
h5 {
    font-size: 1.4rem;
}
.featured-content iframe {
    border: 1px solid #ced9dd;
    border-radius: 6px;
}
.card.social ul {
    list-style-type: none;
    margin: 0;
    text-align: left;
}
.card.social ul li:not(:last-child) {
    padding-right: 20px;
}
.card.social ul li {
    display: inline-block;
}
.card.social ul li em {
    font-size: 2rem;
}
.card.social .fa-linkedin {color: #0077B5}
.card.social .fa-square-instagram {color: #962fbf}
.card.social .fa-square-youtube {color: #FF0000}
.card.social .fa-square-x-twitter {color: #000}
.card.social .fa-brands.fa-bluesky {color: #0078D7}
.card.social .fa-brands.fa-threads {color: #000}

ul.pr {
	list-style-type: none;
	margin: 0;
}
ul.pr li:not(:last-child) {
	margin-bottom: 20px;
}
.pda-booth-section {
	background: #003A5D;
/*	background: linear-gradient(90deg, rgba(58,141,222,1) 35%, rgba(254,58,212,1) 100%);*/
	padding-bottom: 3rem;
}
.pda-booth-section h4 {color: #fff}
.pda-booth-section .card__body {padding: 15px}
.pda-booth-section .card__body h5 {margin-bottom: 10px}
.pda-booth-section .card__image {height: auto}
/* Grid items */
.grid-container {
	display: grid;
  grid-auto-flow: column;                           /* lay out horizontally */
  grid-auto-columns: calc((100% - (3 * 24px)) / 4); /* same width as 1 of 4 columns */
  justify-content: center;                          /* center the pair/group */
  gap: 24px;
  padding-top: 1rem;
  align-items: start; 
}
.grid-item {
	display: flex;
	flex-direction: column;
	height: 100%;
}
.grid-item .card {
	display: flex; 
	flex-direction: column;
	flex-grow: 0;
	background-color: #fff;
	padding: 0;
	border-radius: 8px;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
.grid-item .card__image {
	max-width: 100%;
	height: auto;
}
.grid-item .card__body {
	flex-grow: 1;
	min-height: 100px;
}
@media (max-width: 768px) {
	.grid-container,
	.social-feed-section .grid-container {
		grid-template-columns: repeat(2, 1fr) !important;
	}
}
@media (max-width: 480px) {
	.social-feed-section .grid-container {
		grid-template-columns: 1fr !important;
	}
}
.photos-section {
	background-image: linear-gradient(rgb(255, 232, 226) 0%, rgb(255, 232, 226) 100%);
    background-repeat: no-repeat;
    background-position: center top;
}
.photos-section .flickr-wrapper {
	padding-top: 1rem;
	padding-bottom: 3rem;
}
.tr-section{
	background-color: #f2f2f2;
}
.tr-section .grid-item .card {
	border: none;
	box-shadow: none;
	padding-top: 24px;
	padding-bottom: 24px;
}
.tr-section .grid-container {
	padding-bottom: 3rem;
}
.tr-section .grid-item .card__image {
	width: auto;
	height: 220px;
	box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}
.tr-section .grid-item .card__body h5 {padding: 15px 0 0;}
.purchase {padding-left: 24px; padding-right: 24px}
.card__body h5 {line-height: 30px}
.summary { font-size: 0.96rem !important; }
.summary em {
	font-style: normal !important;
}
.summary > div,
.summary > div > span {
	font-size: 0.96rem !important;
	font-family: "Lato", Helvetica, Arial, serif !important;
	line-height: 24px !important;
}
.conf-posters-section {
	background-color: #003D5C;
	text-align: center;
	padding-bottom: 3rem;
}
.conf-posters-section h4,
.conf-posters-section p {color:#fff}
.conf-posters-section .button {
    background: #DF3939;
}
.social-feed-section {
/*	background-image: linear-gradient(rgb(255, 232, 226) 0%, rgb(255, 232, 226) 100%);*/
	background-color: #498FCC;
    background-repeat: no-repeat;
    background-position: center top;
	padding-bottom: 3rem;
}
.social-feed-section h4 { color: #fff }

.social-feed-section .grid-container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: 1rem;
  align-items: stretch;

  /* key bits */
  grid-auto-flow: row;                 /* don't auto-place into new columns */
  grid-auto-columns: minmax(0, 1fr);   /* make any implicit cols shrinkable */
}
.social-feed-section .grid-item,
.social-feed-section .card,
.social-feed-section .card_body,
.social-feed-section .feed-wrapper {
  min-width: 0;
  width: 100%;
}
.social-feed-section iframe {
  width: 100% !important;
  max-width: 100%;
  display: block;
  border: 0;
}

/* optional guard to hide any 1-px overflow */
.social-feed-section .card { overflow: hidden; }

  .social-feed-section .grid-item {
    display: flex;
  }

  .social-feed-section .card {
    display: flex;
    flex-direction: column;
    width: 100%;
    /* min-height will be set by JS */
  }

  .social-feed-section .card_body {
    flex: 1 1 auto;
    display: flex;
  }

  .social-feed-section .feed-wrapper {
    flex: 1 1 auto;
    display: flex;
  }

  .social-feed-section .feed-wrapper iframe {
    width: 100%;
    border: 0;
  }
/* end of linkedin */
.feedback-section {
	background: rgb(212,62,74);
	background: linear-gradient(90deg, rgba(212,62,74,1) 50%, rgba(173,48,165,1) 100%);
	padding-bottom: 3rem;
}
.feedback-section h4,
.feedback-section p {color: #fff}
.feedback-section .button {
	background-color: #fff;
	color: #333;
}
main.content { padding-bottom: 0 }
main.content>.page-bounds>.grid>.grid__unit {padding-bottom: 0}
/*photos*/
.flickr-embed-frame {
    width: 100%;
    height: auto;
    max-width: 100%;
    aspect-ratio: 4 / 3;
}
/* mobile nav*/
body.is-scrolled.last-scroll-down .page-header, body.is-scrolled.last-scroll-up .page-header {
    display: none;
}
/* bookshelf */
.bookshelf-wrapper {
	padding: 20px;
	display: flex;
	justify-content: center;
}
.bookshelf-container {	width: 100%; }
.books {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
	gap: 10px;
}

.book {
	background-color: #003D5C;
	border: 1px solid #ddd;
	border-radius: 6px;
	overflow: hidden;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	text-align: center;
	background-image: url("https://www.pda.org/images/default-source/ui-images/pda-logo-white.png");
	background-size: 30px;
	background-repeat: no-repeat;
	background-position: right 10px bottom 10px;
}
.book img {
	width: 100%;
	height: 225px;
	object-fit: cover;
}
.book:hover {
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
	transform: translateY(-5px);
	transition: all 0.2s ease;
}
.book a {
	display: block;
	height: 100%;
	min-height: 225px;
}
.book .title {
	display: inline-block;
	color: #fff;
	padding: 10px;
	font-size: 13px;
	line-height: 18px;
}
.booth-description {
	color: #fff;
}