/* Hide action bar */
#actionbar {
	display: none;
}

/* Site title & tagline - widen */
.site-branding {
	width: 100%;
}

/* Menu size */
.main-navigation a {
	font-size: 13px;
}

/* Search box */
.header-search .search-field {
	padding-left: 30px;
	height: 46px;
}

/* Widget titles */
.wf-active .widget-title {
	font-size: 16px;
}

/* Project archives - hide page title */
.tax-jetpack-portfolio-type .page-header {
	display: none;
}

/* Entry meta - hide */
.entry-header .entry-meta {
	display: none;
}

/* Video post format - hide play button */
.archive .format-video .entry-format::before {
	content: unset;
}

/* Portfolio shortcode - 4 columns */
@media screen and ( min-width: 70em ) {
	.jetpack-portfolio-shortcode .portfolio-featured-image img {
		overflow: hidden;
		object-fit: cover;
		max-width: 281px;
		width: 281px;
		height: 211px;
	}
	
	.portfolio-featured-image + .portfolio-entry-title {
		width: 281px;
	}
}

/* Fix smaller screen display */
@media screen and ( min-width: 35em ) and ( max-width: 70em ) {
	.jetpack-portfolio-shortcode.column-4 .portfolio-entry {
		margin-right: 0;
		width: 48%;
	}
	
	.jetpack-portfolio-shortcode.column-4.column-4 .portfolio-entry:nth-child(2n+1) {
		clear: both;
	}
}

.jetpack-portfolio-shortcode.column-4 .portfolio-entry {
	margin-bottom: 0;
	margin-top: -30px;
}

.portfolio-featured-image + .portfolio-entry-title {
	margin-top: 0;
}

.jetpack-portfolio-shortcode .portfolio-entry:nth-of-type(2n) .portfolio-entry-title {
	background-color: #f3f3f3;
}

.jetpack-portfolio-shortcode .portfolio-entry-header {
	display: flex;
	flex-direction: column;
}

.jetpack-portfolio-shortcode .portfolio-entry-title {
	order: 1;
}

.jetpack-portfolio-shortcode .portfolio-featured-image {
	order: 2;
}

.jetpack-portfolio-shortcode h2.portfolio-entry-title {
	font-size: 18.2px;
	font-weight: 400;
	font-style: normal;
	background-color: #e4e4e2;
	margin-bottom: 0;
	height: auto;
	min-height: 37px;
	z-index: 2;
}

.jetpack-portfolio-shortcode h2.portfolio-entry-title a {
	color: #666;
	font-size: 16px;
	padding: 15px 10px;
	line-height: 1;
	display: block;
}

/* Portfolio hover */
.jetpack-portfolio-shortcode .portfolio-entry:hover {
	opacity: .9;
	-webkit-transition: .3s opacity ease-in-out;
	-moz-transition: .3s opacity ease-in-out;
	transition: .3s opacity ease-in-out;
}

/* Site title & tagline line height */
.site-title,
.site-description {
	line-height: 1.2;
}

.site-title {
	margin-bottom: 10px;
}

/* Site title & tagline - centre on small screens */
@media screen and ( max-width: 767px ) {
	.site-branding {
		text-align: center;
		float: none;
	}
}

/* Tablet menu */
@media screen and ( min-width: 768px ) and ( max-width: 1124px ) {
	.main-navigation {
		width: 100%;
		float: none;
	}
}

/* Mobile header tweaks */
@media screen and ( max-width: 767px ) {
	/* Menu spacing */
	.menu-toggle {
		position: inherit;
		margin-top: -15px;
	}
	
	.menu-menu-container {
		margin-top: 25px;
	}
	
	/* Search box */
	.header-search .search-field {
		border-bottom: 1px solid #e4e4e2;
	}
	
	.wf-active .site-title a {
		font-size: 24px;
	}
	
	.site-title {
		line-height: .8;
	}
	
	.wf-active .site-description {
		font-size: 18px;
	}
	
	/* menu toggle */
	.wf-active h1.menu-toggle {
		font-size: 20px;
	}
	
	/* Remove redundant line below menu */
	.header-wrapper {
		border-bottom: none;
	}
}

/* Portfolio Archives - Entry titles */
.wf-active .tax-jetpack-portfolio-type .entry-title a {
	font-size: 16px;
	padding: 15px 10px;
	line-height: 1;
}

/* Sizzle reel archive text */
.tax-jetpack-portfolio-type.term-sizzles .site-main::before {
	content: "If you'd like access to the sizzle reels, please visit the Contact page and get in touch.";
	margin-bottom: 20px;
	font-size: 18px;
}

/* Genres menu - hide on wider screens */
@media screen and ( min-width: 768px ) {
	.wp-block-navigation.genres-menu {
		display: none;
	}
}

/* Hide header & title on AI page */
body.page-id-13688 .site-header,
body.page-id-13688 .entry-header,
body.page-id-13688 .site-footer {
	display: none;
}

/* Transform Your Listings - hide sidebar and make 100% wide */
.postid-20697 #secondary,
.postid-20661 #secondary,
.postid-20023 #secondary,
.postid-19990 #secondary,
.postid-19993 #secondary,
.postid-20457 #secondary,
.postid-20438 #secondary,
.postid-20453 #secondary,
.postid-20661 #secondary {
	display: none;
}
.postid-20697 .site-content, 
.postid-20661 .site-content, 
.postid-20023 .site-content,
.postid-19990 .site-content,
.postid-19993 .site-content,
.postid-20438 .site-content,
.postid-20453 .site-content,
.postid-20661 .site-content 
  {
  margin-right: 0;
}

/* Hide single post/project navigation */
.post-navigation {
  display: none;
}
/* Make post/project title size match widget title size */
.entry-title {
  font-size: 16px;
}

/* Hide remnant of Related Posts */
.jp-relatedposts { 
  display: none !important;
}

/* Hide header on Framewalk page */
.page-id-20917 .site-header,
.page-id-20917 .entry-header {
  display: none;
}
/*hide header on listnig page*/
.page-id-21189 #masthead {

  display: none !important;

}

/* Deadline tile - bias crop right so window text reads */
.portfolio-featured-image img[src*="deadline"] {
  object-position: 96% 50%;
}

/* Cedar Falls page: hide header + sidebar, center content */
.page-id-22207 #masthead { display: none; }
.page-id-22207 #secondary { display: none; }
.page-id-22207 #page { max-width: 1240px; width: 96%; }
.page-id-22207 #primary { width: 100%; max-width: 1240px; float: none; margin: 0 auto; padding-top: 12px; }
.page-id-22207 #primary .site-content { width: 100%; }
.page-id-22207 #primary .entry-content img { width: 100%; height: auto; }
.page-id-22207 .entry-header { display: none; }


/* ===== BEGIN The 212 — dark cinematic (page-scoped, postid-1376) ===== */
body.postid-1376{background:#08080a;color:#dcdcde;}
.postid-1376 #main.site-main{background:#08080a;}
.postid-1376 #secondary.widget-area{display:none!important;}
.postid-1376 #primary.content-area{float:none;width:100%;margin:0;}
.postid-1376 #content.site-content{width:100%;max-width:1122px;margin:0 auto;padding:0 0 96px;box-sizing:border-box;}
.postid-1376 #post-1376{background:transparent;padding:0;border:0;}

.postid-1376 .entry-header{background:none!important;border:0!important;padding:52px 0 26px!important;margin:0!important;}
.postid-1376 .entry-title{background:none!important;padding:0!important;margin:0;font-size:clamp(30px,4.6vw,54px);line-height:1.02;font-weight:800;letter-spacing:.01em;text-transform:uppercase;color:#fff;}
.postid-1376 .entry-title a{color:#fff;text-decoration:none;box-shadow:none;}
.postid-1376 .entry-meta,.postid-1376 .entry-header .cat-links,.postid-1376 .entry-format{display:none!important;}

.postid-1376 .entry-content{font-size:16px;line-height:1.7;color:#c9c9cc;}
.postid-1376 .entry-content a{color:#0df90d;text-decoration:none;box-shadow:none;border-bottom:1px solid rgba(13,249,13,.35);}
.postid-1376 .entry-content a:hover{border-bottom-color:#0df90d;}

.postid-1376 .wp-block-jetpack-videopress,.postid-1376 .jetpack-videopress-player{margin:0 0 34px;box-shadow:0 40px 80px -40px #000;}

.postid-1376 .t212-meta{margin:0 0 22px;font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:#0df90d;font-weight:600;}
.postid-1376 .t212-lede{max-width:760px;margin:0 0 22px;font-size:clamp(20px,2.4vw,29px);line-height:1.32;color:#fff;font-weight:300;letter-spacing:-.01em;text-indent:-.45em;}
.postid-1376 .t212-body{max-width:680px;margin:0 0 34px;color:#a9a9ae;font-size:15px;line-height:1.75;}
.postid-1376 .t212-body em{color:#fff;font-style:normal;font-weight:600;}

.postid-1376 .t212-watch{margin:0 0 56px;}
.postid-1376 .t212-watch .wp-block-button__link{background:#0df90d;color:#000;border:0;border-radius:0;padding:15px 30px;font-size:11px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;box-shadow:none;}
.postid-1376 .t212-watch .wp-block-button__link:hover{background:#fff;}

.postid-1376 .t212-banner{margin:0 0 14px;}
.postid-1376 .t212-banner img{width:100%;height:auto;display:block;}

.postid-1376 .t212-stills{display:grid!important;grid-template-columns:37fr 63fr;gap:14px;align-items:stretch;margin:0 0 56px;}
.postid-1376 .t212-stills .wp-block-column{margin:0;min-width:0;position:relative;}
.postid-1376 .t212-stills figure{margin:0;height:100%;}
.postid-1376 .t212-stills .wp-block-column:first-child img{width:100%;height:auto;display:block;}
.postid-1376 .t212-stills .wp-block-column:last-child img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;}

.postid-1376 .t212-cast{margin:0 0 10px;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:#8a8a90;}
.postid-1376 .t212-cast strong{color:#4f4f55;margin-right:14px;font-weight:700;}
.postid-1376 .t212-stream{margin:0;font-size:12px;letter-spacing:.06em;color:#6f6f76;}

.postid-1376 .sharedaddy,.postid-1376 #jp-post-flair,.postid-1376 .sd-like,.postid-1376 #comments,.postid-1376 .comments-area,.postid-1376 #jp-relatedposts,.postid-1376 .entry-footer{display:none!important;}

.postid-1376 .post-navigation,.postid-1376 .nav-links{border-top:1px solid #1c1c20;margin-top:56px;padding-top:26px;}
.postid-1376 .post-navigation a{color:#8a8a90;text-decoration:none;font-size:12px;letter-spacing:.14em;text-transform:uppercase;box-shadow:none;}
.postid-1376 .post-navigation a:hover{color:#0df90d;}
.postid-1376 .post-navigation h2,.postid-1376 .post-navigation .screen-reader-text{display:none;}

@media(max-width:782px){
.postid-1376 .t212-stills{grid-template-columns:1fr;}
.postid-1376 .t212-stills .wp-block-column:last-child img{position:static;height:300px;}
}

@media(max-width:782px){
.postid-1376 #content.site-content{padding-left:16px;padding-right:16px;}
.postid-1376 .entry-header{padding:32px 0 18px!important;}
.postid-1376 .t212-lede{text-indent:0;}
}

/* mobile header compaction */
@media(max-width:768px){
.postid-1376 .header-search{display:none!important;}
.postid-1376 #site-navigation.main-navigation{padding-top:12px!important;margin-bottom:0!important;}
.postid-1376 .menu-toggle{margin:0!important;font-size:16px!important;}
.postid-1376 .menu-menu-container{margin-top:12px!important;}
.postid-1376 .site-branding{margin-top:12px!important;}
.postid-1376 .entry-header{padding:16px 0 12px!important;}
.postid-1376 .entry-title{font-size:26px;}
}
/* ===== END The 212 ===== */


/* Logo: clickable, glowing AI over the banner image. The link is menu item 23329. */
.header-wrapper #site-navigation li.logo-ai {
	position: static;
	display: inline;
	margin: 0;
	padding: 0;
	border: 0;
}
.header-wrapper #site-navigation li.logo-ai a {
	position: absolute;
	z-index: 5;
	left: calc(min(1044px, 100%) * .19301);
	top: calc(100% + 21.3px);
	margin: calc(min(1044px, 100%) * .03688) 0 0;
	padding: 0;
	width: calc(min(1044px, 100%) * .02921);
	height: auto;
	aspect-ratio: 61 / 40;
	border: 0;
	font-size: 0;
	line-height: 0;
	color: transparent;
	background: url(https://presner.com/wp-content/uploads/2026/11/logo-ai-glow.png) center / 100% 100% no-repeat;
	opacity: 0;
	transition: opacity .2s ease, filter .2s ease;
}
.header-wrapper #site-navigation li.logo-ai a:hover,
.header-wrapper #site-navigation li.logo-ai a:focus-visible {
	opacity: 1;
	filter: drop-shadow(0 0 3px #ff9d2e) drop-shadow(0 0 9px #ff9d2e);
}
@media (max-width: 799px) {
	.header-wrapper #site-navigation li.logo-ai {
		display: none;
	}
}

/* Search as a magnifying glass at the end of the menu row. Click it to open the box. */
@media (min-width: 800px) {
	.header-wrapper { position: relative; }
	#site-navigation { width: auto !important; max-width: none; padding-right: 48px; box-sizing: border-box; }
	#menu-menu { margin-left: 0; margin-right: 0; }
	.header-search {
		position: absolute !important;
		float: none !important;
		top: 0;
		right: 0;
		width: 44px !important;
		height: 46px;
		z-index: 6;
		overflow: hidden;
		transition: width .2s ease;
		background: transparent;
	}
	.header-search .search-field {
		width: 100% !important;
		height: 46px !important;
		padding: 3px 44px 3px 12px !important;
		box-sizing: border-box;
		border: 0 !important;
		background: transparent !important;
		color: transparent;
		cursor: pointer;
	}
	.header-search .search-field::placeholder { color: transparent; }
	.header-search .search-button::before {
		color: #444 !important;
		left: auto !important;
		right: 8px !important;
		top: 8px !important;
		pointer-events: none;
	}
	.header-search .search-submit { pointer-events: none; right: 0; left: auto; }
	.header-search:hover .search-button::before { color: #000 !important; }
	.header-search:focus-within { width: 260px !important; background: #fff; box-shadow: 0 6px 20px rgba(0,0,0,.15); }
	.header-search:focus-within .search-field { color: #222; cursor: text; }
	.header-search:focus-within .search-field::placeholder { color: #666; }
	.header-search:focus-within .search-submit { pointer-events: auto; }
}
@media (min-width: 800px) and (max-width: 1124px) {
	#menu-menu > li:not(.logo-ai) > a { font-size: 13px; padding-left: 5px; padding-right: 5px; }
}

/* Banner line readable on every rebuilt page */
.njp-rl {
	font-size: 11px !important;
	letter-spacing: 1.1px !important;
	color: #d0cec6 !important;
}

/* Portfolio grid: CSS grid so hidden cards leave no holes */
.jetpack-portfolio-shortcode {
	display: grid !important;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	column-gap: 33.66px;
}
.jetpack-portfolio-shortcode::before,
.jetpack-portfolio-shortcode::after {
	display: none !important;
}
.jetpack-portfolio-shortcode .portfolio-entry {
	float: none !important;
	clear: none !important;
	width: auto !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}
@media (max-width: 1124px) {
	.jetpack-portfolio-shortcode {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		column-gap: 29px;
	}
}
@media (max-width: 767px) {
	.jetpack-portfolio-shortcode {
		column-gap: 13.5px;
	}
}
/* Removed from the thumbnail lists; the pages themselves stay reachable */
.portfolio-entry:has(a[href*="/portfolio/salon-innuendo/"]),
.portfolio-entry:has(a[href*="/portfolio/ai_brandfilms/"]),
.portfolio-entry:has(a[href*="/portfolio/stargate-atlantis-reel/"]),
.portfolio-entry:has(a[href*="/portfolio/stargate-atlantis-ep-3-01-excerpt/"]),
body.archive article.post-20453,
body.archive article.post-20438,
body.archive article.post-60,
body.archive article.post-188 {
	display: none !important;
}

/* Logo: the Emmy glows on hover. The hover target is menu item class logo-emmy. */
.header-wrapper #site-navigation li.logo-emmy {
	position: static;
	display: inline;
	margin: 0;
	padding: 0;
	border: 0;
}
.header-wrapper #site-navigation li.logo-emmy a {
	position: absolute;
	z-index: 5;
	left: calc(min(1044px, 100%) * .00048);
	top: calc(100% + 21.3px);
	margin: calc(min(1044px, 100%) * .00192) 0 0;
	padding: 0;
	border: 0;
	width: calc(min(1044px, 100%) * .04981);
	height: auto;
	aspect-ratio: 104 / 187;
	font-size: 0;
	line-height: 0;
	color: transparent;
	background: url(https://presner.com/wp-content/uploads/2026/11/logo-emmy-glow.png) center / 100% 100% no-repeat;
	opacity: 0;
	transition: opacity .2s ease, filter .2s ease;
}
.header-wrapper #site-navigation li.logo-emmy a:hover,
.header-wrapper #site-navigation li.logo-emmy a:focus-visible {
	opacity: 1;
	filter: brightness(1.08) drop-shadow(0 0 5px #ff9d2e) drop-shadow(0 0 16px #ff9d2e);
}
@media (max-width: 799px) {
	.header-wrapper #site-navigation li.logo-emmy {
		display: none;
	}
}
/* The small Emmy in the banner on rebuilt pages glows too */
.njp-em {
	transition: filter .2s ease;
}
.njp-em:hover {
	filter: brightness(1.08) drop-shadow(0 0 4px #ff9d2e) drop-shadow(0 0 12px #ff9d2e);
}

/* Logo: on hover innuendo glows orange and the i gets a crown. Hover target is menu item class logo-inn. */
.header-wrapper #site-navigation li.logo-inn {
	position: static;
	display: inline;
	margin: 0;
	padding: 0;
	border: 0;
}
.header-wrapper #site-navigation li.logo-inn a {
	position: absolute;
	z-index: 5;
	left: calc(min(1044px, 100%) * .72318);
	top: calc(100% + 21.3px);
	margin: calc(min(1044px, 100%) * -.01149) 0 0;
	padding: 0;
	border: 0;
	width: calc(min(1044px, 100%) * .27682);
	height: auto;
	aspect-ratio: 578 / 214;
	font-size: 0;
	line-height: 0;
	color: transparent;
	background: url(https://presner.com/wp-content/uploads/2026/11/logo-innuendo-glow-4.png) center / 100% 100% no-repeat;
	opacity: 0;
	transition: opacity .2s ease, filter .2s ease;
}
.header-wrapper #site-navigation li.logo-inn a:hover,
.header-wrapper #site-navigation li.logo-inn a:focus-visible {
	opacity: 1;
	filter: drop-shadow(0 0 3px #ff9d2e) drop-shadow(0 0 10px #ff9d2e);
}
@media (max-width: 799px) {
	.header-wrapper #site-navigation li.logo-inn {
		display: none;
	}
}
