@import url("./styles-push-in-titles.css");

.theme-refresh {
	--nhm-width-section-right-column: calc( var( --nhm-width-mural-featured-title-panel ) - var( --nhm-margin-from-line-outside-edge-to-right ) );
	--nhm-width-sidebar-block-title: calc( ( 100% - var(  --nhm-width-from-date-to-description ) ) * 0.6 );
	--nhm-padding-from-content-feature-to-date-box: calc( var( --nhm-margin-from-date-box-right-edge-to-description ) * 2 );
	--nhm-width-content-feature-maximum: calc( 50vw - var( --nhm-margin-from-left-to-section-content ) );
	--nhm-height-line-top-curve-offset: calc( 84px - 0.7576 * var( --nhm-font-size-featured-title-header ) );

	--nhm-margin-from-header-to-content-area: 40px;
	--nhm-font-size-meta-text: 14px;
}
@media ( min-width: 1200px ) {
	.theme-refresh {
		--nhm-padding-from-content-feature-to-date-box: 0px;
	}
}
@media ( max-width: 990px ) {
	.theme-refresh {
		--nhm-width-content-feature-maximum: 100%;
		--nhm-width-section-right-column: 100%;
	}
}
@media ( min-width: 991px ) {
	.theme-refresh {
		--nhm-margin-from-header-to-content-area: 60px;
		--nhm-font-size-meta-text: 18px;
	}
}

/**************** FEATURE SLIDER TITLE BOXES **********************************/

.panel-stretcher {
	overflow: visible;
}

.featured-title-panel.panel-below {
	max-height: calc( var( --nhm-height-spacer ) + var( --nhm-margin-from-header-to-content-area ) ) !important;
}
.featured-title-panel.panel-above > *:last-child {
	padding-bottom: 0px !important;
}
.featured-title-panel.panel-below {
	padding-top: 0px !important;
}
.featured-title-panel.panel-below > *:first-child {
	padding-top: var( --nhm-padding-featured-title-panel-inner ) !important;
}

.featured-title-panel.panel-below.placeholder {
	min-height: calc( var( --nhm-height-spacer ) + var( --nhm-margin-from-header-to-content-area ) ) !important;
}

@media ( min-width: 769px ) {
	.featured-title-panel.panel-below {
		max-height: calc( var( --nhm-height-spacer-double ) + var( --nhm-margin-from-header-to-content-area ) ) !important;
	}
	.featured-title-panel.panel-below {
		padding-top: 9px !important;
	}
	.featured-title-panel.panel-above > *:last-child {
		padding-bottom: 4px !important;
	}
	.featured-title-panel.panel-below > *:first-child {
		padding-top: 0px !important;
	}

	.featured-title-panel.panel-below.placeholder {
		min-height: calc( var( --nhm-height-spacer-double ) + var( --nhm-margin-from-header-to-content-area ) ) !important;
	}
}

.featured-title-panel.panel-below.placeholder::after {
	top: var( --nhm-height-line-top-curve-offset );
}

.featured-title-panel.panel-above.placeholder {
	bottom: calc( var( --nhm-height-spacer-double ) + var( --nhm-margin-from-header-to-content-area ) - var( --nhm-height-line-top-curve-offset ) ) !important;
}

.theme-refresh .site-content .with-sidebar {
	padding-top: 0px !important;
}

/********************** MAIN LAYOUT  & RED LINE *******************************/

.content-feature {
	flex-grow: 1 !important;
}

.sidebar-column {
	margin-left: 0px !important;
}

.theme-refresh .content-area .sidebar-1 h1 {
	margin-right: calc( -1 * var(--nhm-margin-from-section-content-to-right)) !important;
	width: calc( 60vw + var( --nhm-margin-from-section-content-to-right ) ) !important;
}

.beige-block .spacer-element.follows-after-spacer:first-child {
	display: none; /* /* not needed for spacing of elements in mobile/tablet due to bottom padding of right sidebar element */ */
}

@media ( min-width: 991px ) {
	.with-sidebar-home .content-feature {
		width: calc( 100% - var( --nhm-width-mural-featured-title-panel ) ) !important;
		min-width: unset !important;
	}
}

@media ( min-width: 769px ) {
	.beige-block .spacer-element.follows-after-spacer:first-child {
		display: block; /* needed for spacing of elements in desktop due to difference over bottom padding in flex-box */
	}

	.content-feature {
		max-width: var( --nhm-width-content-feature-maximum );
		padding-right: var( --nhm-padding-from-content-feature-to-date-box );
	}
	
	.content-2-column {
		justify-content: space-between !important;
	}
	.content-2-column.landscape-layout .left-column {
		width: calc( 100% - var( --nhm-width-mural-featured-title-panel ) ) !important;
		max-width: var( --nhm-width-content-feature-maximum ) !important
	}
	.content-2-column.landscape-layout .right-column {
		width: calc( var( --nhm-width-section-right-column ) - var( --nhm-padding-from-content-to-right-line-outside-edge ) ) !important;
		max-width: calc( var( --nhm-width-section-right-column ) - var( --nhm-padding-from-content-to-right-line-outside-edge ) ) !important;
	}
	
	.right-column {
		width: var( --nhm-width-section-right-column ) !important;
		max-width: var( --nhm-width-section-right-column ) !important;
	}

	.theme-refresh .content-area .sidebar-1 h1 {
		margin-right: 0px !important;
		width: var( --nhm-width-sidebar-block-title ) !important;
	}

}

.content-2-column.blog-grid {
	display: block;
}
 /* in vertical layout, last item in blog grid shouldn't add more extra padding (intended for spacing *within* grid) to bottom before next section */
.content-2-column .content-2-column > *:last-child {
	padding-bottom: 0px !important;
}
@media ( min-width: 769px ) {
	.content-2-column.blog-grid {
		display: flex;
	}
}

.content-2-column.blog-grid > * {
	/*margin-right: 0px !important;*/
	/*flex-grow: unset !important;*/
}

@media ( max-width: 990px ) {
	.content-2-column.landscape-layout {
		flex-wrap: wrap !important;
	}
}
@media ( max-width: 768px ) {
	.sidebar-home {
		width: auto !important;
		max-width: 100%;
		
		--nhm-width-sidebar-block-title: 100%;
	}
	.content-2-column.landscape-layout {
		flex-wrap: wrap !important;
	}
}

.sidebar-1 {
	padding-left: 0px !important;
}

.sidebar-1 > .block-title {
	margin-left: auto !important;
	width: var( --nhm-width-sidebar-block-title );
}

.content-area a {
	color: var( --nhm-palette-red ) !important;
}

.content-area h1,
.content-area h2,
.content-area h3,
.content-area h4,
.content-area h5,
.content-area h6 {
	color: var( --nhm-palette-black ) !important;
}

.content-area h1 a,
.content-area h2 a,
.content-area h3 a,
.content-area h4 a,
.content-area h5 a,
.content-area h6 a {
	color: inherit !important;
}

.content-area h1.video-title,
.content-area h2.video-title,
.content-area h3.video-title,
.content-area h4.video-title,
.content-area h5.video-title,
.content-area h6.video-title {
	color: #fff !important;
}

@media ( min-width: 991px ) {
	.featured-section article + article {
		margin-top: 80px;
		margin-top: max( 10px, 100px - 2vw ); /* it's more of a problem at narrower windows */
	}
}

#from-the-blog h2.entry-title {
	font-size: var( --nhm-font-size-sidebar-title );
	padding-top: var( --nhm-height-spacer-half );
	padding-bottom: var( --nhm-height-spacer-half );
}
@media ( min-width: 769px ) {
	#from-the-blog h2.entry-title {
		font-size: 20px;
	}
}

.content-2-column.landscape-layout {
	align-items: stretch !important;
}

.theme-refresh .content-2-column .right-column {
	position: relative;
	
	display: flex;
	flex-direction: column;
}
.theme-refresh .content-2-column .right-column > * {
	width: 100% !important;
}

.theme-refresh .content-2-column .right-column > #twitter-timeline-link {
	flex-grow: 1;
	min-height: min( 100vh, 600px ) !important;
	max-height: 100% !important;
}
@media ( min-width: 991px ) {
	.theme-refresh .content-2-column .right-column > #twitter-timeline-link {
		min-height: min( 100vh, 400px ) !important;
	}
}

#twitter-timeline-link a.twitter-timeline:first-child {
	display: block;
	position: relative;
	
	font-size: var( --nhm-font-size-big-title );
	font-family: var( --nhm-header-typeface );
	background-color: white;
	padding: 12px;
	border: 1px solid rgb(207, 217, 222);
	border-radius: 12px;
	
	color: black !important;
	text-align: left !important;
}
#twitter-timeline-link a.twitter-timeline:first-child::after {
	content: " ";
	display: block;
	position: relative;
	min-height: 200px;
	
	background-image: url(../external/naa/img/prettyPhoto/loader.gif);
	background-position: center center;
	background-repeat: no-repeat;
}

.theme-refresh .content-area .content-feature-with-sidebar .sidebar-1 article {
	margin-right: max( calc( var( --nhm-width-sidebar-block-title ) - 220px ), 0px );
}
@media ( max-width: 990px ) {
	.theme-refresh .content-area .content-feature-with-sidebar .sidebar-1 article {
		margin-right: 0;
	}
}

.theme-refresh .event-dateline {
		margin-right: var( --nhm-margin-from-date-box-right-edge-to-description ) !important;
}

.featured-title-panel h1 p,
.featured-title-panel h2 p,
.featured-title-panel h1 > *,
.featured-title-panel h2 > * {
	padding-top: 0px !important;
	padding-bottom: 0px !important;
	margin-top: 0px !important;
	margin-bottom: 0px !important;
	line-height: inherit !important;
}

.videos-home {
	max-width: calc( 1200px + 2 * var( --nhm-blog-grid-article-spacing ) );
}

.videos-home .video-grid {
	position: relative;

	/* image constraint; 4:3 aspect ratio */
	max-width: 400px !important;

	padding-bottom: 0px;
	margin-bottom: var( --nhm-height-spacer );
}

.pp_pic_holder article {
	display: flex;
	flex-wrap: no-wrap;
	flex-direction: column;
	justify-content: stretch;
	
	width: auto !important;
	margin-left: var( --nhm-margin-from-left-to-section-content ) !important;
	margin-right: var( --nhm-margin-from-section-content-to-right ) !important;
}
.pp_pic_holder .video-wrapper-outer {
	position: relative;
	width: auto;
	height: auto;
	margin-bottom: 40px;
}
.pp_pic_holder .wp-post-image-featured-video-wrapper {
	position: absolute; width: 100%;
}
.pp_pic_holder .entry-content {
	padding-left: 0px !important;
	width: auto;
	height: 48vh;
	overflow-y: auto;
}

@media ( min-width: 991px ) {
	.pp_pic_holder article {

		width: 80% !important;
		max-width: 1400px !important;
		display: flex;
		flex-wrap: wrap;
		flex-direction: row;
		justify-content: flex-end;

	}
	.pp_pic_holder .video-wrapper-outer {
		position: relative;
		height: 600px;
		width: 60% !important;
		height: 600px;
		min-width: 480px;
		margin-bottom: 0px;
	}
	
	.pp_pic_holder .entry-content {
		padding-left: 60px !important;
		padding-right: 60px !important;
		width: 39% !important;
		height: 600px;
		overflow-y: auto;
		
		font-size: calc( var( --nhm-font-size-writing-text ) - 2px );
	}

}

.theme-refresh .red-line-left.closing {
	height: max( 16vw, 100px ) !important;
}

.theme-refresh .content-feature-with-sidebar .sidebar-1 .sidebar-title {
	line-height: 1.1em !important;
}