/*** RESET ***/
*{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-family:inherit;vertical-align:baseline;font-size:1em;font-style:normal;-webkit-font-smoothing:antialiased;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;/*user-select:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;*/tap-highlight-color:transparent;-webkit-tap-highlight-color:transparent;-moz-tap-highlight-color:transparent;-o-tap-highlight-color:transparent;}*, *::before, *::after{-webkit-transition:.5s;-box-transition:.5s;-o-transition:.5s;transition:.5s;}:hover,:active,:focus{outline:0 !important;}html, body{min-height:100%;font-family:sans-serif;font-size:1rem;position:relative;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}body{margin:0;padding:0;line-height:1;}article, footer, header, section{display:block;}ol, ul{list-style:none;}a{display:inline-block;text-decoration:none;background-color:transparent;color:initial;}a img{border:none;}a, button, input[type="submit"]{cursor:pointer !important;}button{// background-color:transparent;}img{width:100%;height:auto;}img::selection{fill:none;color:none;display:none;background:none;}input[type="text"], input[type="number"], input[type="search"], input[type="email"], textarea{text-align:left;max-width:100%;}input[type="checkbox"], input[type="radio"]{display:none;}input[type="submit"]{background-color:transparent;}label{display:inline;}textarea{resize:vertical;}
/*** END RESET ***/

/*** JEKYLL ***/
#rdb4portfolioGroup1:checked ~ .main .services-header-portfolio-nav-button:nth-child(1),
#rdb4portfolioGroup2:checked ~ .main .services-header-portfolio-nav-button:nth-child(2),
.jekyllPlaceholderClass { background-color: #E99D14; }

.instagram-ad-menu-pricing-list-item { display: none; }
#rdb4IGEpricing1:checked ~ .main .instagram-ad-menu-pricing-list-item:nth-child(1),
#rdb4IGEpricing2:checked ~ .main .instagram-ad-menu-pricing-list-item:nth-child(2),
#rdb4IGEpricing3:checked ~ .main .instagram-ad-menu-pricing-list-item:nth-child(3),
.jekyllPlaceholderClass { display: block; }

.services-header-portfolio-wrap { display: none; }
#rdb4portfolioGroup1:checked ~ .main .services-header-portfolio-wrap.nthChild1, 
#rdb4portfolioGroup2:checked ~ .main .services-header-portfolio-wrap.nthChild2, 
.jekyllPlaceholderClass { display: block; }
/*** END JEKYLL ***/

/*** CANCEL ***/
html, body { width: 100%; height: 100%; }

a { text-decoration: underline; }
/*** END CANCEL ***/

/*** Z-INDEXES ***/
.person-photo-img { position: relative; z-index: 10; }
.person-photo-caption { position: relative; z-index: 20; }
/*** END Z-INDEXES ***/

/*** COLORS ***/
.banner-cta-button { background-color: #03EA60; }
.u-highlightText-p-span.is-color { color: #03EA60; }
main,
.banner-video,
.nav { border-color: #03EA60; }

.nav { background-color: black; }

html, body, main { background-color: #eee; }
.nav-link { color: #eee; }
/*** END COLORS ***/

/*** FONTS ***/
@font-face{font-family:"OCR A Extended";src:url("../../assets/fonts/OCRAEXT.TTF");}

* { font-family: "OCR A Extended"; }

.banner-title { font-size: 3em; }
.u-highlightText-p { font-size: 1.9em; }

.banner-title,
.person-quote-q { font-weight: bold; }
.nav,
.person { text-align: right; }
a,
.banner-title,
.person-quote-cite { text-transform: uppercase; }
/*** END FONTS ***/

/*** UTILITIES ***/
.u-highlightText {
	padding: 1em 0;
}
/*** UTILITIES ***/

/*** COMPONENTS ***/
	/*** COMMONS ***/
	/*
	main { display: flex; }
	main { flex-direction: column; }
		.person { flex: 1; }
	*/
	
	main,
	.nav {
		border-width: 0 0 .25em 0; border-style: solid;
	}
	main { position: relative; }
	
	.banner,
	.footer,
	.person {
		padding: 0 1em;
	}
		
	/*** .banner ***/
	.banner-video {
			height: auto;
		margin: 1em 0;
		border-width: .25em; border-style: solid;
	}
	.banner-cta-button {
		display: inline-block;
		padding: 1em 1.5em;
	}
	
	/*** .footer ***/
	.footer {
		position: absolute; bottom: 0; left: 0; right: 0;
		width: 100%;
		padding-bottom: .5em;
	}
	.footer-wrap { width: 35%; }

	/*** .nav ***/
	.nav {
		padding: .5em;
	}
	.nav-link {
		padding: .5em 1em;
	}
	
	/*** .person ***/
	/*
	.person-wrap { display: flex; }
	.person-wrap { flex-direction: column; }
	.person-photo { flex: 1; }
	*/

	.person-photo,
	.person-quote {
		display: inline-block;
		vertical-align: top;
	}
	.person-quote { width: 55%; }
	.person-photo { width: 40%; }
	
	.person-photo {
		position: relative;
	}
	.person-photo-caption {
		position: absolute; bottom: 0; right: 0;
	}
	.person-photo-img {
		position: relative; bottom: -.25em;
	}
/*** END COMPONENTS ***/

/*** MEDIA-QUERIES ***/
@media screen and (max-width: 50em) {
	body { font-size: 14px; }

	/*** .banner ***/
	.banner-wrap { padding-right: 3em; }
	.person-wrap { padding-left: 3em; }

	.banner-video { width: 75%; }
	
	/*** .person ***/
	.person-photo,
	.person-quote { display: block; }
	.person-photo { width: 70%; left: 30%; }
	.person-quote { width: 77%; }
}
@media screen and (min-width: 50em) {
	body { font-size: 16px; }
	
	/*** .banner */
	.banner-wrap { padding-right: 30%; }
	.person-wrap { padding-left: 30%; }
	
	.banner-video { width: 50%; }
	
	/*** .person ***/
	.person-quote { margin-bottom: 3em; }
}
/*** END MEDIA-QUERIES ***/

/*** DECORATION ***/
.d-midWrap {
	display: block;
	max-width: 77em;
	margin: 0 auto;
}
/*** END DECORATION ***/

/*** CSS-HACKS ***/
/*** END CSS-HACKS ***/

/*** TO-DELETE ***/
/*** END TO-DELETE ***/