/*
-----------------------------------------------
---- Looking at CSS eh?       			-------
---- Found a problem? Got a suggestion?	-------
---- email robert@buglogic.com 			-------
-----------------------------------------------
*/
/*
var colors + fonts
----------------*/
:root {
--primary:#42d7f5;
--topic:#F2652A;
--gray:#727272;
--lt-gray:#ececec;
--sans:'Source Sans Pro';
--topnav:#727272;
--sidenav:#000;
}
/*
body
-----------------*/
body {font-family:'Jost', sans-serif; background:#FFF;font-size:1rem;margin:0;font-weight:300;margin:0;}
* { box-sizing: border-box;}
img {border:none;}
b {font-weight:700; }
a {text-decoration:none;color:var(--topic);}
h1,h2,h3{font-weight:600;color:var(--topic);margin:0; padding:0}
.container {display:table;width:90%;margin:auto; padding-bottom:20px;}
/*
generics
-----------------*/
.table {display:table;}
.center-table {display:table; margin:auto;}
.cell {display:table-cell;vertical-align:top;}
.center-cell {display:table-cell;vertical-align:middle;}
.padded {padding:10px;}
.pad-left {padding-left:20px;}
.pad-right {padding-right:20px;}
.margin {margin-bottom:12px;}
.margin-top {margin-top:12px;}
.margin-left {margin-left:20px;}
.margin-right{margin-right:20px;}
.clear {clear:both;}
.hidden {display:none;}
.inline {display:inline;}
.relative {position:relative;}
.full {width:100%;}
.half {width:50%;}
.small {font-size:90%;}
.smaller {font-size:80%;}
.big {font-size:120%;}
.bigger {font-size:150%;}
.center {text-align:center}
.red {color:red;}
.bold {font-weight:600;}
.border-dot {border-top:dotted 2px var(--gray);padding-top:10px;margin-top:10px;}
/*
home header
-----------------*/
.header {position:relative;}
.header a {display:block;max-width:30%;margin-bottom:10px;margin-top:10px;margin-left:auto;margin-right:auto;}
.header img {max-width:100%;margin:auto;}
.mobile-nav {display:none;}
.header input[type="text"],.sidenav input[type="text"]{background-color:var(--lt-gray);background-image:url('assets/icon-search.png');background-repeat:no-repeat;background-position:right center;color:var(--gray);padding:6px;border-radius:6px;border:solid 2px transparent;min-width:240px;}
.header input[type="text"]:focus,.sidenav input[type="text"]:focus {background-color:#FFF;outline:0;border:solid 2px var(--topic);}
.search {position:absolute;top:25%;right:0;}
/*
home
-----------------*/

.home {position:relative;display:table-cell;width:80%;min-height:100%;}
.home-side {display:table-cell;}
.home-feature {display:flex;}
.featured {display:block;margin-right:5px;padding-bottom:5px;width:19.8%;cursor:ponter;}
.featured:hover{background:var(--lt-gray);}
.featured a {display:block;width:100%;padding-bottom:100%;background-position:center;background-size:cover;}
.home-feature .featured:nth-child(5) {margin-right:0}
.featured-name, .featured-news, .body-copy {padding-top:5px;font-family:var(--sans);font-weight:300;color:var(--gray);}
.featured-name span, .featured-news span {display:block;font-weight:600;color:#000;}
.featured-news {padding:5px;}
.home-spots {display:table;width:100%;margin-bottom:10x;}
.home-spots h2 {display:block;background:#FFF;padding-bottom:5px;}
.home-quilt {display:flex;flex-wrap:wrap;background:var(--lt-gray);justify-content:center;}
.home-quilt a {border:solid 1px transparent;display:block;width:8.3%;padding-bottom:8.3%;opacity:1;margin:5px;background-position:center;background-size:cover;background-repeat:no-repeat}
.home-quilt a:hover {border:solid 1px var(--topic);opacity:0.9;box-shadow:2px 2px 3px var(--gray);}
.home-spots #inspire-name {color:var(--gray);}
a.home-discover {display:table-cell;width:25%;background-size:cover;background-position:center;background-repeat:no-repeat;}
a.home-discover:hover {text-decoration:none}
a.home-discover:hover #discover {color:var(--gray);}
.divider {margin-top:10px;margin-bottom:5px;border-top:dotted 3px var(--gray);}
a.home-member-focus {display:block;position:relative;margin-bottom:10px;color:#000;}
a.home-member-focus:hover .name{color:var(--topic);}
a.home-member-focus:hover .member{opacity:1;}
a.home-member-focus img {width:100%;position:relative;}
a.home-member-focus .member {position:absolute;left:0;top:33%;z-index:10;font-family:var(--sans);font-weight:400;line-height:110%;display:table;background:rgba(255,255,255);opacity:0.9;border-top-right-radius:10px;border-bottom-right-radius:10px; padding:10px;}
a.home-member-focus .name {display:block;font-weight:600;font-size:170%;}
/*
navigation
-----------------*/
nav {position:sticky;top:0;margin-top:10px;padding-bottom:50px;}
.nav {display:table;width:70%;margin-left:auto;margin-right:auto;margin-bottom:50px;font-family:var(--sans);font-weight:300;text-align:center;background:var(--lt-gray);border-radius:10px;padding:20px;}
.nav a {display:block;margin-bottom:5px;}
.nav-social{display:flex;justify-content:space-around;align-items:center;flex-wrap:wrap;width:90%; margin:auto;padding-bottom:50px;}
.nav-social a {display:flex;justify-content:center;align-items:center;height:40px;width:40px;border-radius:50%;}
.nav-social a:hover {text-decoration:none;background:var(--topic);}
.nav-social i {font-size:150%;color:#FFF;}
a.nav-fb {background:#315cb0;}
a.nav-pn {background:#c60514;}
a.nav-tw {background:#4db0f0;}
a.nav-in {background:#bc2a8d;}
a.nav-pn {background:#c60514;}
a.nav-li {background:#3a9ed8;}
.nav-news {display:table;width:90%;margin:auto;}
.nav-news ul {padding:0;margin-left:10px;}
.nav-news li {padding-left:10px;margin-bottom:5px;}
.nav-news li::marker{color:var(--topic);content:'\25A0';}
.side-nav {display:table-cell;background:var(--sidenav); padding:20px;}
.side-nav a {color:#FFF;}
.navigation {text-align:center;margin-bottom:50px;padding-bottom:50px;border-bottom:solid 1px #FFF;}
.navigation a {font-family:var(--sans);font-weight:400;display:block;margin-bottom:5px;}
.navigation a:hover {text-decoration:none;color:var(--topic);}
.mobile-menu {display:table;width:90%;background:#000;padding:20px;margin-left:auto;margin-right:auto;margin-bottom:20px;border-radius:10px;}
.mobile-menu a {color:#FFF;}
/*
member
-----------------*/
.member-about {background:var(--lt-gray);display:flex;justify-content:center;padding:20px;margin:20px;font-family:var(--sans);color:#000;border-radius:20px;}
.member-about-border {border-left:solid 2px var(--gray);}
.member-copyright {position:absolute;z-index:10;bottom:0;left:0;width:100%;text-align:center;font-family:var(--sans);padding:10px;border-top:solid 2px var(--gray);font-size:90%;}
.member-copy-block {height:50px;}
a.portfolio, a.portfolio-image {display:block;width:30%;padding-bottom:30%;position:relative;background-size:cover;background-position:center;margin:5px;}
.portfolio-name {position:absolute;top:0;height:100%;width:100%;padding-top:50%;color:#FFF;text-align:center;background:rgba(57,57,57,.6);display:none;}
.portfolio-wall {display:flex;flex-wrap:wrap;align-items:center;justify-content:center;width:100%;}
.portfolio-title {display:flex; justify-content:space-around; align-items:center; margin-left:20px; margin-right:20px; margin-top:10px;}
.portfolio-title h1{white-space:nowrap;font-family:var(--sans);font-weight:700;color:var(--topic);}
.portfolio-deck {width:100%; border-top:solid 2px var(--topic);}
.portfolio-description {font-family:var(--sans);width:33em;margin-top:10px;margin-bottom:10px;margin-left:auto;margin-right:auto;text-align:center;padding:10px;border-top:solid 1px #000;border-bottom:solid 1px #000;}
.portfolio-image {display:table-cell;vertical-align:middle;}
.portfolio-image-detail {display:table;width:100%;height:100vh;}
.portfolio-image-detail img {max-height:88vh;max-width:100%;margin-left:auto;margin-right:auto;}
.portfolio-nav {display:table-cell;vertical-align:middle;width:15%;}
.portfolio-nav a {margin-left:auto;margin-right:auto;display:block;width:30px;height:30px;line-height:30px;border-radius:15px;color:#FFF;background:var(--topic);text-align:center;}
.portfolio-nav a:hover {text-decoration:none;background:#000;}
.alt-menu {display:none;background:var(--gray);padding-top:10px;border-bottom-right-radius:10px;}
.alt-menu a {color:#FFF;}
a.alt-logo {display:flex; align-items:center;justify-content:center;width:15%;height:100%;}
.member-portfolios {margin-top:10px;margin-bottom:10px;padding-top:10px;padding-bottom:10px;border-top:solid 2px var(--lt-gray);border-bottom:solid 2px var(--lt-gray);}
.member-content {display:table-cell;width:80%;vertical-align:top;position:relative;}
.member-social {display:flex;justify-content:center;}
.member-social a {display:table; height:30px;width:30px;margin:5px;text-align:center;border-radius:15px;background:var(--topic);color:#FFF;}
.member-social a:hover { background:#FFF;color:#000; }
.member-social i {line-height:30px;}
.member-container-alt{display:table;min-height:100vh;width:100%;}
.member-samples {width:100%;padding:20px;}
.member-nav-alt {display:table-cell;vertical-align:top;width:20%;text-align:center;background:var(--sidenav);}
.member-nav-alt a {color:#FFF;display:block;margin-bottom:10px;font-family:var(--sans);}
.member-nav-alt a:hover {color:var(--topic);text-decoration:none;}
.nav-block {margin-top:20px;}
.altpick-header {display:flex;justify-content:space-around;align-items:center;height:10vh;background:var(--topnav);padding:5px;font-family:var(--sans);}
.altpick-header img {height:9vh;}
.altpick-header a {color:#FFF;font-weight:600;}
.altpick-header a:hover {color:var(--topic);text-decoration:none;}
.altpick-header input[type='text'] {max-height:35px;background:var(--lt-gray);outline:0;border:none;padding:5px;min-width:240px;background-image:url('/css/assets/icon-search.png');background-repeat:no-repeat;background-position:right center;}
a.top-search {width:30px;height:30px;background-image:url('/css/assets/search.svg');background-size:cover;}
a.top-search:hover {background-image:url('/css/assets/search-hover.svg');}
.member-alt-name {position:relative;text-align:center; padding:20px 0;border-bottom:dotted 3px #000;}
.member-alt-name h1 {color:#000;}
.member-alt-type {display:table;margin:auto;color:var(--gray);font-family:var(--sans);letter-spacing:.8rem;font-weight:500;}
.member-alt-share {display:table;position:absolute;top:0;right:0;}
.member-alt-share a {display:inline-table;width:20px;height:20px;text-align:center;margin-left:5px;margin-top:5px;background:var(--gray);color:#FFF;border-radius:10px;color:#FFF;}
.member-alt-share a:hover {background:var(--topic);text-decoration:none;}
.member-alt-share i {line-height:20px;font-size:14px;}
.member-alt-share-holder {padding:5px;background:var(--lt-gray);border-bottom-left-radius:10px;text-align:center;font-family:var(--sans);}
.member-mobile-nav, .altpick-mobile-top, .member-mobile-menu {display:none}
/*
mail and forms
-----------------*/
#contact, #subscribe, #subscribe-success, #login, #signup {background:var(--lt-gray);padding:20px;text-align:center;border-radius:10px;font-family:var(--sans);font-size:110%;}
#contact input[type='text'], #contact textarea, #subscribe input[type='text'], #login input[type='text'], #login input[type='password'],#signup input[type='text'],#signup input[type='password'] {font-size:110%;background:#FFF;outline:0;border:solid 1px transparent;padding:10px;width:100%;font-family:var(--sans);margin-bottom:10px;margin-top:5px;}
#contact textarea {height:200px;}
#contact input[type='text']:focus, #contact textarea:focus, #signup input[type='text']:focus, #signup input[type='password']:focus {border:solid 1px var(--topic);}
#contact button, #subscribe button, #login button, #signup button {cursor:pointer;display:table;padding:10px;font-family:var(--sans);font-weight:600;font-size:120%;border:none;background:#000;color:#FFF;margin:auto;}
#contact button:hover, #subscribe button:hover, #login button:hover, #signup button:hover {background:var(--topic);}
#contact .captcha, #contact input.captcha-words[type='text'] {display:table;text-align:center;background:var(--gray);color:#FFF;font-family:georgia;font-size:140%;padding:10px;display:table;margin-bottom:10px;margin-left:auto;margin-right:auto;width:50%;}
#contact .required, #contact input.required[type='text'] {background:#fff5d9;border:solid 1px #FFF;}
#signup input[type='text'], #signup input[type='password'] {width:50%;margin-left:auto;margin-right:auto;display:block;}
#login {border:solid 3px var(--gray);}
.question {display:inline-table;width:20px;height:20px;border-radius:10px;text-align:center;line-height:20px;color:#FFF;background:var(--topic);font-family:var(--sans);font-size:120%;font-weight:600;}
.question:hover, .close:hover {background:var(--gray);text-decoration:none;}
.close {display:table;width:40px;height:40px;text-align:center;line-height:40px;border-radius:20px;color:#FFF;background:#000;font-family:var(--sans);font-weight:600;margin-bottom:10px;}
.explain {position:absolute;top:0;left:0;}
.explanation {background:#FFF;padding:20px;font-family:var(--sans);border:solid 3px var(--topic);border-radius:20px;}
/*
footer
-----------------*/
footer {position:absolute;bottom:0;width:100%;text-align:center;padding:20px;font-family:var(--sans);}
.footer-block {height:100px;}
footer a {color:var(--gray);}
footer a:hover {text-decoration:none;color:var(--topic);}
footer span {display:block;margin-top:10px;font-size:120%;font-weight:400;color:#000;}
.footer {background:var(--lt-gray);border-top:solid 2px var(--gray);padding:0;}
.footer img {max-width:70%;}
.footer-items {display:flex;padding:20px;}
.footer-items .item {width:25%;}
.footer-items h3 {color:#000;margin-bottom:10px;}
.footer-items input[type="text"] {background-color:#FFF;padding:10px 20px;width:80%;color:var(--gray);outline:0;border:solid 2px transparent;}
.footer-items input[type="text"]:focus, .footer-items input[type="text"].footer-search:focus{border:solid 2px var(--topic);outline:0;}
.footer-items input[type="text"].footer-search {background-image:url('/css/assets/icon-search.png');background-repeat:no-repeat;background-position:right center;border:solid 2px transparent;}
.footer-topics {display:flex;width:100%;font-weight:600;}
.footer-topics a {display:table;padding:20px;width:33.3%;text-align:center;border-top:solid 1px var(--gray);border-bottom:solid 1px var(--topic);color:#FFF;background:var(--topic);}
.footer-topics a.border{border-right:solid 2px #FFF;}
.footer-topics a:hover {background:#000;}
.alt-footer {text-align:center;color:var(--lt-gray);font-family:var(--sans);font-size:85%;background:var(--gray);padding:10px;}
.alt-footer a {color:#FFF;}
.alt-footer span{font-weight:500;color:#FFF;}
/*
mobile
----------------*/
@media screen and (max-width: 699px) {
	/*
	generics
	--------------------------------------*/
	.cell, .center-cell {display:block;}
	.pad-left {padding-left:0px;}
	.pad-right {padding-right:0px;}
	.half {width:100%}
	/*
	home and main
	--------------------------------------*/
	.header {display:flex;align-items:center;width:100%;}
	.header a {display:inline-block;max-width:60%;margin-left:10px;margin-right:0;}
	.header img {max-width:100%;margin:auto;}
	.mobile-nav {display:flex;align-items:center;justify-content:center;width:40%;}
	.header .mobile-nav a {display:table;max-width:none;margin:auto;color:#000;}
	.mobile-nav i {font-size:200%;}
	.side-nav, .search {display:none;}
	.home {display:block;width:100%;}
	a.home-member-focus .member {top:20%;}
	.home-feature {flex-wrap:wrap;}
	.featured:last-child{display:none;}
	.home-feature .featured:nth-child(2) {margin-right:0}
	.home-feature .featured:nth-child(4) {margin-right:0}
	.featured {width:49.2%;}
	.feature-header {text-align:center;}
	.footer-block{height:150px;}

	/*
	member content
	---------------------------------------*/
	.member-content,.portfolio-description {display:block;width:100%;}
	.member-alt-share, .member-nav-alt, .altpick-header, .nav-block {display:none;}
	.member-mobile-nav {display:table;position:absolute;top:5px;right:10px;}
	.member-mobile-nav a, member-mobile-nav i {color:#000;font-size:200%;}
	a.portfolio {display:block;width:100%;padding-bottom:100%;}
	a.portfolio-image {display:block;width:45%;padding-bottom:45%;}
	.portfolio-name {position:absolute;top:0;height:auto;width:100%;padding-top:5px;padding-left:5px;padding-right:5px;padding-bottom:5px;color:#FFF;text-align:center;background:#000;display:block;}
	.altpick-mobile-top {display:block;padding:5px;background:var(--lt-gray);}
	.altpick-mobile-top img {max-height:15vh; display:table; margin:auto;}
	.member-mobile-menu {margin:10px;padding:10px;text-align:center;background:var(--lt-gray);border-radius:10px;}
	.member-mobile-menu a {display:block;margin-bottom:5px;color:#000;font-family:var(--sans);}
	.footer-items, .member-about {flex-direction:column;}
	.member-about-border {border-left:none;margin-top:20px;border-top:solid 2px var(--gray);padding-top:10px;}
	.footer-items .item {width:100%;margin-bottom:10px;text-align:center;}
}