/*
Theme Name: TNP
Theme URI: https://www.thenewprogressive.net/
Version: 2.0
Description: Minimal post design, responsive, feature box, parallax.
Author: Josh Tucker
Author URI: https://www.thenewprogressive.net
Details URI: https://www.thenewprogressive.net/
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: TNP
Tags: white, feature box, parallax
*/

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,figure,footer,header,hgroup,menu,nav,section,menu,time,mark,audio,video{background:transparent;border:0;font-size:100%;margin:0;outline:0;padding:0;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}audio,canvas,video{display:inline;}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;font-size:100%}button,input,select,textarea{-webkit-appearance:none;border-radius:0;font-size:100%;line-height:normal!important;margin:0;vertical-align:middle}html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;}img#wpstats{border:none;height:0;overflow:hidden;padding:0;width:0}.ir{background-repeat:no-repeat;direction:ltr;display:block;overflow:hidden;text-align:left;text-indent:-9999em}.hidden{display:none!important;visibility:hidden}.clearfix:before,.clearfix:after{content:" ";display:table}.clearfix:after{clear:both}.clearfix{}h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{line-height:1.2}a:active,a:hover{outline:0}b,strong{font-weight:700}em{font-style:italic}li{list-style:none}small{font-size:100%}sub,sup{font-size:0.45em;line-height:0;position:relative;vertical-align:baseline}sup{vertical-align: super; padding: 0 0.2em;}sub{vertical-align: sub;}img{-ms-interpolation-mode:bicubic;border:0;height:auto;vertical-align:middle}svg:not(:root){overflow:hidden}legend{border:0;margin-left:-7px;padding:0;white-space:normal}button,input{line-height:1}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;overflow:visible;vertical-align:top}button[disabled],input[disabled]{}input[type=checkbox],input[type=radio]{box-sizing:border-box;height:13px;padding:0;width:13px}input[type=search]{-moz-box-sizing:content-box;-webkit-appearance:textfield;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input[type=submit]::-moz-focus-inner{border:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}h1 a,h2 a,h3 a,h4 a,h5 a,h6 a,.h1 a,.h2 a,.h3 a,.h4 a,.h5 a,.h6 a,a{text-decoration:none}th,td{text-align:left;vertical-align:top}
@media print{*{background:transparent!important;color:#000!important;text-shadow:none!important}body{background:#fff;color:#000;font:12pt Georgia, "Times New Roman", Times, serif;line-height:1.3}section.post-content a:after{content:" (" attr(href) ")"}tr,img{page-break-inside:avoid}img{border:0;max-width:100%!important}nav,aside{display:none}}





/* = html5 ----------------------- */

::-moz-selection { background: yellow; text-shadow: none; }
::selection { background: yellow; text-shadow: none; }





/* = structure ----------------------- */

html, body { height: 100%; width: 100%; text-align: center; background: #fff; }

body { font: 300 18px/1.62 'Lato', sans-serif; color: #404040; text-align: center; }
body#tinymce.wp-editor { text-align: left; margin: 30px; height: auto; width: auto; }

.wrap { padding: 15px; text-align: left; margin: 0 auto; }
.home .wrap { padding: 0; max-width: none; min-height: 100vh; }

header { margin: 60px 0; }
#screen1, #screen2 { height: 100vh; position: relative; }
#screen2 { padding-top: 7vh; }
	.home #screen2 { padding-top: 0; }
article { margin-bottom: 60px; }
footer * { color: #adadad; font-size: 14px; }





/* = typography ----------------------- */

h1, h2, h3, h4, h5 { font-weight: 700; color: #262626; font-size: 34px; margin: 15px 0; }
h1 a, h2 a, h3 a, h4 a, h5 a { font-weight: 700; color: #262626; border: none !important; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover { color: #adadad; }

h1 { font-size: 34px; }
h2 { font-size: 24px; }
h3 { font-size: 18px; }
h3 span, p.date span { font-weight: 300; color: #adadad; }
	header h3 { font-size: 14px; }

.home h2 {
	font-size: 2em;
	margin-bottom: 0;
}

article p, article ul, article ol, blockquote, iframe, body#tinymce.wp-editor p, body#tinymce.wp-editor ul, body#tinymce.wp-editor ol, body#tinymce.wp-editor blockquote { margin-bottom: 25px; }

strong { font-weight: 700; }
em { font-style: italic; }
small, .wp-caption-text { display: block; font-size: 14px; color: #adadad; }

blockquote { margin: 0 30px; color: #adadad; }
blockquote p { }
cite { display: block; font-size: 14px; font-weight: 700; font-style: normal; }

article img, .wp-caption, body#tinymce.wp-editor img, body#tinymce.wp-editor .wp-caption, #aside img { max-width: 100%; margin-bottom: 15px; height: auto; }
	article li img { margin-bottom: 0; }

article img a, article a img { opacity: 1; transition: opacity .4s; }
article img a:hover, article a:hover img { opacity: .5; }

ul, ol {}
	li {}

body#tinymce.wp-editor ul, body#tinymce.wp-editor ol { margin-left: 8%; }
article ul, article ol { margin-bottom: 0; margin-left: 8%; }

article ol li, body#tinymce.wp-editor ol li { list-style: decimal; padding-bottom: 10px; }
article ul li, body#tinymce.wp-editor ul li { list-style: disc; padding-bottom: 10px; }

hr { border: none; border-top: 2px solid #f8f8f8; width: 30px; text-align: center; margin: 30px auto; outline: none; }

a, body#tinymce.wp-editor a { color: #077DD5; transition: color .4s; }
	.menu a, article a, body#tinymce.wp-editor a { border-bottom: 1px solid #e5e5e5; font-weight: 500; }
	footer a { border-bottom: 1px solid #e5e5e5; color: #adadad; }
	article a:hover, footer a:hover, .menu a:hover, body#tinymce.wp-editor a:hover { color: #adadad; }

.sup {
	border-bottom: none;
}




/* = forms ----------------------- */

form, p.space { margin: 15px auto; }

input, button { vertical-align: top; font: 300 16px/1.62 'Lato', sans-serif; width: 100%; margin-bottom: 5px; transition: all .4s; border-radius: 0; border: 2px solid #dedede; outline: none; }

input { padding: 10px; -webkit-box-sizing : border-box; -moz-box-sizing : border-box; box-sizing : border-box; }

button, .button, input[type=submit] { background: transparent; padding: 13px 30px; cursor: pointer; font-weight: 700; transition: background .4s; text-decoration: none; border-radius: 0; background: #404040; border: 0; color: #fff; font-size: 14px; text-transform: uppercase; letter-spacing: 2px; display: inline-block; }
	button:hover, .button:hover, input[type=submit]:hover { background: #262626; color: #fff; }





/* = common ----------------------- */

.wp-caption {}
.sticky {} 
.gallery-caption {} 
.bypostauthor {}
.wp-caption-text {}
.screen-reader-text {}
.alignright {}
.alignleft {}
.aligncenter {}

.gallery { display: block; margin: 15px auto; }
.gallery-item { display: inline-block; }
.gallery-item img { width: 100%; margin-bottom: 0; }





/* = collage & opt-in -------------------- */

.collage {
	position: relative;
}

img#transparent-banner {
	width: 100%;
}
#collage-wide, #collage-tall {
	width: 100%;
}
#collage-tall {
	display: none;
}
#collage-wide {
	display: none;
}
#collage-img {
	background: url('_img/Collage3.jpg') no-repeat;
	width: 100vw;
	height: 35.9375vw;
	background-size: contain;
}
#collage-sizer {
	width: 100vw;
	height: 35.9375vw;
}
nav {
	background-color: black;
	top: 35.9375vw;
	bottom: 0;
	position: absolute;
}
	nav.fixed {
		position: fixed;
		top: 0;
		height: 7vh;
		bottom: revert;
		background-color: transparent;
		width: 100%;
		z-index: 10;
	}
		nav.fixed div.outer { background-color: black; position: relative; box-shadow: rgba(0,0,0,0.5) 0px 3px 5px; }
		nav.fixed div.middle { position: relative; width: 100%; }
		nav.fixed div.inner { position: relative; }
		nav.fixed div.flex-item { position: relative; }
		nav.fixed img#click-to-scroll, #screen1 nav.fixed #opt-in-text, #screen1 nav.fixed #opt-in-landscape, #screen1 nav.fixed #opt-in-compact { display: none; }
		nav.fixed #opt-in-fixed { display: inline; height: 7vh; width: auto; padding-right: 0; margin-right: 0; }
		nav.fixed #mc_embed_signup { width: auto; display: inline-block; height: 5vh; position: relative; vertical-align: middle; }
		#screen1 nav.fixed .flex-item #mc_embed_signup input { height: 5vh !important; }
		
#opt-in-landscape, #re-opt-in-landscape, #re-opt-in-landscape-big, #opt-in-compact {
	display: none;
	width: 100%;
}
#opt-in-fixed {
	display: none;
	height: 100%;
}
#opt-in-text, #re-opt-in-text {
	display: block;
	width: 100%;
}
#about {
	position: relative;
}
#support {
	bottom: 0;
	top: 80vh;
	position: absolute;
}


.opt-in form { }
#standard-opt-in, #custom-opt-in { }

#mc_embed_signup { clear:left; font:14px Helvetica,Arial,sans-serif; width:100%; }

	form#mc-embedded-subscribe-form {
		padding: 0 !important;
		margin: 0 !important;
	}

#mc_embed_signup input[type="email"], #custom-opt-in #mc_embed_signup input[type="email"], #standard-opt-in #mc_embed_signup input[type="email"] { }

#mc_embed_signup input[type="submit"], #custom-opt-in #mc_embed_signup input[type="submit"], #standard-opt-in #mc_embed_signup input[type="submit"] {
	background-color: #808080;
}
	#screen2 #mc_embed_signup input[type="submit"] { background-color: #EB514F; }
	#screen2 #mc_embed_signup input[type="submit"]:hover { background-color: #BA403F; }
	
.mailing-list { }
input[type="submit"], input[type="button"], input[type="email"], input[type="password"], input[type="search"] { }


@media (max-width: 768px) {
	#mc_embed_signup_scroll {margin:0 auto;}
}

@media screen and (max-width: 23em) {
	.opt-in #mc_embed_signup input[type="email"], #custom-opt-in #mc_embed_signup input[type="email"], #standard-opt-in #mc_embed_signup input[type="email"] { }
	#mc_embed_signup input[type="submit"], #custom-opt-in #mc_embed_signup input[type="submit"], #standard-opt-in #mc_embed_signup input[type="submit"] { }
}





/* = flexboxes --------------------------- */

.flex-container {
	width: 100%;
	height: 100vh;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-content: center;
	align-items: flex-start;
}
.flex-item {
	width: 100%;	
	order: 0;
	flex: 1 1 auto;
	align-self: stretch;
	position: relative;
}
	.flex-item img {
		width: 100%;
	}
		.flex-item img#click-to-scroll {
			width: revert;
			margin-top: 2%;
		}
.flex-container-2 {
	width: 100%;
	height: 80vh;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-content: center;
	align-items: flex-start;
}
.flex-item-2 {
	width: 100%;	
	order: 0;
	flex: 1 1 auto;
	align-self: stretch;
	position: relative;
	
	text-align: center;
	justify-content: space-between;
	display: flex;
}
.outer {
	display: table;
	height: 100%;
	width: 100%;
}
.middle {
	display: table-cell;
	vertical-align: middle;
}
.inner {
	margin-left: auto;
	margin-right: auto;
	width: 80%;
}
.outer-2 {
	display: table;
	position: absolute;
	height: 100%;
	width: 100vw;
}
	#support .outer-2 {
		background-color: #077DD5;
	}
.middle-2 {
	display: table-cell;
	vertical-align: middle;
}
.inner-2 {
	margin-left: auto;
	margin-right: auto;
	width: 80%;
}





/* = tri-section ------------------------- */

.tri-section {
	display: inline;
}
.tri-img {
	max-width: 15vw;
}
.home .tri-section p {
	line-height: 1.2em;
	padding: 0 7%;
}





/* = post-specific ----------------------- */

.redirected {
	background-color: rgba(7, 125, 213, 0.5);
	padding: 1em;
	font-size: 0.7em;
	line-height: 1em;
	font-weight: normal;
}
.redirected p {
	margin-bottom: 0.7em;
}
.redirected p a {
	border-bottom: thin #404040 dotted;
}
.redirected p a:hover {
	border-bottom-style: solid;
}





/* = floatnotes & footnotes -------------- */

	/* FLOATNOTES — floating footnotes in the body of the text */
	.single article ol.floatnotes, body#tinymce.wp-editor ol.floatnotes {
		font-size: 0.6875em;
		color: #999;
		margin: 0 3.8em 2em 8%;
		line-height: 1.1em;
	}
		.single article ol.floatnotes > li, body#tinymce.wp-editor ol.floatnotes > li {
			padding-bottom: 0.7em;
			margin-bottom: 0;
			margin-left: 2em;
		}
			.single article ol.floatnotes > li a, body#tinymce.wp-editor ol.floatnotes > li a {
				color: #666666;								
			}							
					.single article ol.floatnotes > li a:hover, .single article ol.floatnotes > li a:active, body#tinymce.wp-editor ol.floatnotes > li a:hover, body#tinymce.wp-editor ol.floatnotes > li a:active {
						color: #8A1919;
						transition: 1s;
					}
	
	/* asterisk or footnote paragraph at bottom of post — styles ⁋ like an <li>, removes bullet */
	.single article p.asterisk, .single article ol.footnotes > li, .page article p.asterisk, .page article ol.footnotes > li, body#tinymce.wp-editor p.asterisk, body#tinymce.wp-editor ol.footnotes > li {
		font-style: italic;
		font-size: 0.8125rem;
		line-height: 1.1em;
		display: list-item;
		list-style: none;
		padding-left: 1em;
		margin-left: 0;
		margin-bottom: 1em;
	}
		/* adds custom text bullet ('*') to .asterisk ⁋ */
		.single article p.asterisk:before, .single article ol.footnotes > li:before, .page article p.asterisk:before, .page article ol.footnotes > li:before, body#tinymce.wp-editor p.asterisk:before, body#tinymce.wp-editor ol.footnotes > li:before {
			content: "* ";
			font-size: 1.5em;
			font-weight: bolder;
			float: left;
			margin-left: -0.67em;
			-webkit-touch-callout: none;
			-webkit-user-select: none;
			-khtml-user-select: none;
			-moz-user-select: none;
			-ms-user-select: none;
			user-select: none;							
		}
		/* styles asterisk / footnote divider */
		.single article ol.footnotes, .single article p.asterisk, .page article ol.footnotes, .page article p.asterisk, body#tinymce.wp-editor ol.footnotes, body#tinymce.wp-editor p.asterisk {
			counter-reset: li;
			border-top: solid 2px #999999;
			padding-top: 1em;
			margin-top: 3em;
		}
		/* substitutes counter for custom text bullets in footnotes */
		.single article ol.footnotes > li:before, .page article ol.footnotes > li:before, body#tinymce.wp-editor ol.footnotes > li:before {
			content: counter(li);
			counter-increment: li;
			font-size: 1.25em;
			margin-top: -0.25em;
		}





/* = @media queries ---------------------- */

@media screen and (orientation: landscape) {
	body { font-size: 1.5vw; }
	@media screen and (max-height: 500px) { #mc_embed_signup input.email, #mc_embed_signup .button { height: 8vh !important; } }
}

@media screen and (orientation: portrait) {
	#collage-img { background: url('_img/Collage3tall.jpg') no-repeat; width: 100vw; height: 75vw; background-size: contain; }
	nav { top: 75vw; }
	#collage-sizer { width: 100vw; height: 75vw; }
	#opt-in-text, #re-opt-in-text { display: none; }
	#opt-in-landscape, #re-opt-in-landscape { display: block; }
	.flex-item-2 { display: block; }
	body { font-size: 2.5vw; }
	.home .tri-section p { padding-bottom: 7%; }
	#screen1 .opt-in-1 .middle { vertical-align: top; }
	#screen1 .opt-in-1 .flex-item { padding-top: 15%; }
	#screen2 #support .middle-2 { vertical-align: middle; }
	#screen2 .flex-container-2 { height: 80vh; }
	#screen2 #support .title { height: 25vh; }
	#mc_embed_signup input.email, #mc_embed_signup .button { height: 8vw !important; }
}

@media screen and (max-width: 768px) {
	#mc_embed_signup input.email { width: auto !important; margin-bottom: 5px; font-size: inherit !important; }
	#mc_embed_signup .clear { display: inline !important; width: auto !important; font-size: inherit !important; }
	#mc_embed_signup .button { width: auto !important; margin: 0; font-size: inherit !important; }
}
	

	/*=== Landscape (Horizontal) ===*/

		/*==== iPhone 5 & Up ==*/
		@media screen and (orientation: landscape) and (min-aspect-ratio: 151/100) and (max-width: 800px) {
			#opt-in-text { display: none !important; }
			#screen1 nav .middle { vertical-align: middle; }
			#screen2 #support .middle-2 { vertical-align: middle; }
			#screen1 .flex-item #mc_embed_signup input { font-size: 3.5vh !important; text-align: center; height: 6.75vh !important; width: 100% !important; }
			#screen1 nav .inner { width: 80% !important; }
			#screen1 .flex-item img#click-to-scroll { width: 10%; }
			
			#opt-in-text, #opt-in-landscape-big, #opt-in-compact { display: none !important; }
			#screen1 #opt-in-landscape { display: inline-block; width: 60%; vertical-align: middle; }
			#screen2 #opt-in-compact { display: block !important; }
			#screen1 .flex-item #mc_embed_signup { width: 30%; display: inline-block; vertical-align: middle; }
			#screen1 nav.fixed .flex-item #mc_embed_signup { width: auto; }
			#screen1 nav.fixed .flex-item #mc_embed_signup input { width: auto !important; }
		}
			/*=== iPhone 6 & 6 Plus ===*/
			@media screen and (orientation: landscape) and (min-aspect-ratio: 151/100) and (min-width: 650px) and (max-width: 750px) {
				#screen1 .flex-item #mc_embed_signup input, #screen2 #support #mc_embed_signup input { font-size: 3.5vh !important; text-align: center; }

			}
		/*==== Newer Computers ==*/
		@media screen and (orientation: landscape) and (min-aspect-ratio: 151/100) and (min-width: 801px) {
			#screen1 .flex-item #mc_embed_signup input, #screen2 #support #mc_embed_signup input { font-size: 3.5vh !important; text-align: center; height: 6.75vh !important; }
			#screen1 #opt-in-text, #screen1 #opt-in-landscape, #screen2 #opt-in-text, #screen2 #opt-in-landscape { display: none; }
			#screen1 #opt-in-compact, #screen2 #opt-in-compact { display: block; }
			.wrap { max-width: 60%; }
			
			@media screen and (min-width: 1450px) {
				#screen1 .flex-item img#click-to-scroll { width: 7%; }
			}
		}
		/*==== iPhone 4 ==*/
		@media screen and (orientation: landscape) and (max-aspect-ratio: 3/2) {
			#opt-in-text { display: none !important; }
			#opt-in-compact { display: block !important; }
			#screen1 .opt-in-1 .middle { vertical-align: top; }
			#screen1 .opt-in-1 .flex-item { padding-top: 3%; }
			#screen1 .flex-item #mc_embed_signup input, #screen2 #support #mc_embed_signup input { font-size: 3.5vh !important; text-align: center; }
			#re-opt-in-landscape-big, #re-opt-in-text { display: none; }
			#re-opt-in-landscape { display: block; }
			#screen2 #support .middle-2 { vertical-align: top; padding-top: 2%; }
			#screen2 #support .title { height: 35vh; }
			#screen1 nav.fixed .flex-item #mc_embed_signup { width: auto; }
			#screen1 nav.fixed .flex-item #mc_embed_signup input { width: auto !important; }
		}
		/*==== iPad & iPad Pro, Old Computers (800x600, 1024x768) ==*/
		@media screen and (orientation: landscape) and (max-aspect-ratio: 41/30) {
			#screen1 .flex-item #mc_embed_signup input, #screen2 #support #mc_embed_signup input { font-size: 3.5vh !important; text-align: center; height: 1.75em !important; }
			#mc_embed_signup input.email, #mc_embed_signup .button { height: 6.75vw !important; }
			#mc_embed_signup input.email { width: auto !important; max-width: none; }
			#opt-in-text, #opt-in-compact { display: none !important; }
			#opt-in-landscape { display: block !important; }
			nav.fixed #opt-in-landscape { display: none !important; }
			#screen1 .flex-item img#click-to-scroll { width: 10%; margin-top: 8%; }
			#screen2 #about { height: 75vh; }
			#screen2 #support { top: 75vh; }
			.wrap { max-width: 70%; }
			nav.fixed { height: 14vh; }
			#screen2 { padding-top: 12vh; }
		}
		
	
	/*=== Portrait (Vertical) ===*/
		
		/*==== iPad, iPad Pro ==*/
		@media screen and (orientation: portrait) and (min-aspect-ratio: 101/150) {
/*			#screen1 .opt-in-1 .title { background-color: gray; }
*/			#screen1 .collage #collage-img { background: url('_img/Collage3tall.jpg') no-repeat; width: 100vw; height: 75vw; background-size: contain; }
			#screen1 .opt-in-1 #collage-sizer { width: 100vw; height: 75vw; }
			#screen2 .about  .outer-2 { padding-top: 10%; }
			.home .tri-section p { padding: 0 7% 5% 7%; }
			#screen1 .flex-item img#click-to-scroll { margin-top: 10%; }
			#screen1 .flex-item #mc_embed_signup input, #screen2 #support #mc_embed_signup input { font-size: 3.5vw !important; text-align: center; }
			#mc_embed_signup input.email, #mc_embed_signup .button { height: 6.75vw !important; }
			#mc_embed_signup input.email { width: auto !important; max-width: none; }
			#re-opt-in-landscape { display: none; }
			#re-opt-in-landscape-big { display: block; }
			.wrap { max-width: 80%; margin: 0 auto; }
			nav.fixed { height: 14vh; }
			#screen2 { padding-top: 14vh; }

		}
		/*==== iPad horizontal, uneven split, wide section ==*/
		@media screen and (orientation: portrait) and (min-aspect-ratio: 90/100) {
			#screen1 #collage-img { background: url('_img/Collage3tall.jpg') no-repeat; width: 100vw; background-size: contain; }
			#screen1 nav { top: 75vw; }
				#screen1 nav.fixed { top: 0; }
			#screen1 .flex-item img#click-to-scroll { margin-top: 2%; width: 10%; }
		}
			@media screen and (orientation: portrait) and (min-aspect-ratio: 90/100) and (min-height: 1000px) {
				#screen1 .flex-item img#click-to-scroll { width: revert; }
			}
		/*==== iPhone 4 ==*/
		@media screen and (orientation: portrait) and (max-aspect-ratio: 2/3) and (max-width: 499px) {
/*			#screen1 .opt-in-1 .title { background-color: yellow; }
*/			#screen1 .collage #collage-img { background: url('_img/Collage3tall.jpg') no-repeat; width: 100vw; height: 75vw; background-size: contain; }
			#screen1 .opt-in-1 #collage-sizer { width: 100vw; height: 75vw; }
			#screen2 .about  .outer-2 { padding-top: 15%; }
			#screen1 .flex-item #mc_embed_signup input, #screen2 #support #mc_embed_signup input { font-size: 3.5vw !important; text-align: center; }
			#re-opt-in-landscape { display: none; }
			#re-opt-in-landscape-big { display: block; }
		}
		/*==== iPad (& iPad Pro) horizontal split down the middle ==*/
		@media screen and (orientation: portrait) and (max-aspect-ratio: 2/3) and (min-width: 500px) {
			#screen2 .about .outer-2 { padding-top: 15%; }
			.home .tri-section p { padding-bottom: 5%; }
			#screen1 .flex-item img#click-to-scroll { width: 10%; }
		}
		/*==== iPhone 5 / SE, iPhone 6, iPhone 6 Plus, ALL super skinny splits ==*/
		@media screen and (orientation: portrait) and (max-aspect-ratio: 302/450) {
			#screen1 #collage-img { background: url('_img/Collage3square.jpg') no-repeat; width: 100vw; height: 100vw; background-size: contain; }
			nav { top: 100vw; }
			.flex-item img#click-to-scroll { width: 15%; margin-top: 10%; }
			.flex-item-2 { display: block; }
			.home .tri-section p { padding: 0 7% 7% 7%; }
			nav.fixed { height: 14vh; }
			nav.fixed #opt-in-fixed { height: 6vh; }
			#screen2 { padding-top: 10vh; }
		}
			/*==== iPhone 5 / SE only ==*/
			@media screen and (orientation: portrait) and (max-aspect-ratio: 2/3) and (max-height: 575px) {
				#mc_embed_signup input { font-size: 0.5em !important; height: 2.5em !important;}
				#mc_embed_signup input.email { width: 50% !important; }		
			}
			/*==== ALL super skinny splits ==*/
			@media screen and (orientation: portrait) and (max-width: 440px) and (min-height: 1000px), screen and (orientation: portrait) and (max-width: 324px) and (min-height: 750px), screen and (orientation: portrait) and (max-width: 640px) and (min-height: 1360px) {
				nav.fixed #opt-in-fixed { max-width: 100%; height: auto; }
				#screen2 { padding-top: 14vh; }


@media screen and (orientation: portrait) and (min-width: 660px) and (max-width: 698px) and (min-height: 756px) and (max-height: 796px) {

	.flex-item-2 { display: flex; }

}

@media screen and (orientation: portrait) and (min-width: 960px) and (max-width: 996px) and (min-height: 1000px) and (max-height: 1056px) {

	.flex-item-2 { display: flex; }
	
}



@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
}




@media screen and (min-width: 766px) {
	input { max-width: 300px; }	
	button, .button, input[type=submit] { width: auto; }
		
	.wrap { margin: 0 auto; text-align: left; padding: 0; }

	.gallery-columns-2 .gallery-item { width: 50%; }
	.gallery-columns-3 .gallery-item { width: 33.333%; }
	.gallery-columns-4 .gallery-item { width: 25%; }

}




@media screen and (min-width: 900px) {
	img.alignleft, img.alignright { max-width: 300px; }
	.alignleft { float: left; margin: 0 30px 30px 0; }
	.alignright { float: right; margin: 0 0 30px 30px; }
	
	.wp-caption { float: none !important; margin: 0 0 15px 0 !important; }
	img.aligncenter, .featuredimage { max-width: 100%; }
	
	h1 { font-size: 56px; letter-spacing: -1px; }
}




@media screen and (min-width: 1200px) {
	article { margin-bottom: 120px; }

}




@media screen and (min-width: 1800px) {
}