/* Don't look too deep in here... It's a mess right now! - July, 2017 */
/* Still a mess! But thanks for checking in - November, 2018 */

/* Main Styles
/*---------------------------------------------*/
body {
	font: 14px/1.8em 'Open Sans', Helvetica, Arial, Helvetica, sans-serif;
	color: #333;
	background: #333;
	-webkit-font-smoothing: antialiased;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Raleway', sans-serif;
  font-weight: 300;
}

p {
  font-family: 'Lato', sans-serif;
  font-weight: 300;
  font-size: 1.2rem;
  line-height: 1.6;
  padding: 1rem 0 0 0;
}

li {
  font-family: 'Lato', sans-serif;
  font-weight: 300;
  font-size: 1rem;
  line-height: 1.4;
  padding: .5rem 0 0 0;
}

.anchor {
	visibility: hidden;
}

.badge {
	font-size: 50%;
	text-transform: uppercase;
	border-color: #d10000;
	border-radius: 100px;
	border-style: solid;
	border-width: 1px;
	padding: 0 .5rem;
	margin: 0 1rem;
}

.gray {
	color: #333333;
}

.red {
	color: #d10000;
}

a {
	color: #D10000;
	text-decoration: none;
}

.unt {
  font-weight: 800;
  color: #00853E;
}

.oak {
  font-weight: 800;
  color: #F48E46;
}

.mochila {
  font-weight: 800;
	color: #C23824;
}

.cb {
  font-weight: 800;
  color: #F26458;
}

.dfta {
  font-weight: 800;
  color: #FF2614;
}

.beto {
  font-weight: 800;
  /*color: #FC3655;*/
  color: #3558FB; 
}

.cristina {
  font-weight: 800;
  color: #553C84; 
}

.delia {
	font-weight: 800;
	color: #FF9F19;
}

.hilary {
	font-weight: 800;
	color: #009590;
}

.littlefish {
  font-weight: 800;
  color: #2EAE9B; 
}

.cst, .rfs{
  font-weight: 800;
  color: #000; 
}

.macadmins {
  font-weight: 800;
  background: linear-gradient(135deg, #5EBD3E 0% 23.66%, #FFB900 23.66% 35.33%, #F78200 35.33% 49.99%, #E23838 49.99% 67.66%, #973999 67.66% 79.22%, #009CDF 79.22% 99.99%);
  color:transparent;
  background-clip: text;
}

.designer {
	font-weight: 400;
	color: #333;
	background: #999;
	padding: .6rem;
}

.hey {
	font-weight: 800;
	color: #999;
	background: #333;
	text-transform: uppercase;
	padding: .6rem;
}

.hey:hover {
	color: #fff;
	background: #444;
}

.photo {
  font-weight: 400;
  color: #0000d1;
}

a:hover, a:active {
  color: #333;
  text-decoration: none;
}

.arrow-link:after	 {
  content: " \203A ";
}

.more-link {
  padding: 0;
}

.rounded {
	border-radius: 5%;
}

.circle {
	border-radius: 100%;
}

h1, h2, h3, h5, h6 {
	color: #000;
	line-height: 1.2em;
	margin-bottom: 0.6em;
}

h1 {
	font-size: 2rem;
	font-weight: 500;
	padding: 0 1rem;
}

.photo {
	border-radius: 50%;
}

.portrait {
	margin: 0 auto;
	padding: 0;
}

.about h2 {
	padding: 120px 20px;
}

header h1 {
	font-weight: 500;
}

.front h1, .blog h1, .menu h1, .appearances h1 {
	padding: 1rem;
	font-size: 2rem;
	text-align: center;
	font-weight: 400;
}

.front h1 i {
	font-weight: 800;
}

.caption-title {
	font-variant: small-caps;
	font-weight: 500;
}

h1.page-title {
	font-size: 4rem;
	text-align: center;
	font-variant: small-caps;
}

.front h1.page-title {
	font-family: 'Playfair Display', serif;
	font-style: italic;
	font-weight: 900;
}

.front h1.page-title-sans {
	font-family: 'Heebo', sans-serif;
	/*font-style: italic;*/
	font-weight: 800;
}

.wishlist h1 {
	padding: 2rem 1rem 0;
}

.wishlist hr {
	visibility: hidden;
}

h1.section-title {
	font-family: 'Playfair Display', serif;
	font-style: italic;
	font-weight: 900;
	font-size: 4rem;
	text-align: center;
	/*font-variant: small-caps;*/
	padding: 2rem 0;
}

.section-nav {
	font-family: 'Playfair Display', serif;
	font-weight: 600;
	text-align: center;
	text-transform: lowercase;
	font-variant: small-caps;
}

.section-header-nav {
	font-family: 'Playfair Display', serif;
	font-weight: 600;
	text-align: center;
	text-transform: lowercase;
	font-variant: small-caps;
	padding: 0rem 0;
}

h2 {
	font-size: 1.5rem;
	padding: 1rem;
}
@media (max-width: 48em) {
	h2 {
		font-size: 1.25rem;
	}
}


h3 {
	font-size: 1.25rem;
	margin-top: 2rem;
}

h4 {
	padding: 1rem 1rem 0;
	color: fff;
}

p {
	margin-bottom: 1rem;
}

@media (max-width: 48em) {
	p {
		padding: 1rem;
	}
}

ol, ul {
	padding-left: 30px;
	margin-bottom: 1em;
}

b, strong {
	font-weight: 500;
}

i, em {
	font-style: italic;
	font-weight: 300;
}

u {
	text-decoration: underline;
}

abbr, acronym {
	cursor: help;
	border-bottom: 0.1em dotted;
}

td, td img {
	vertical-align: top;
}

sub {
	vertical-align: sub;
	font-size: smaller;
}

sup {
	vertical-align: super;
	font-size: smaller;
}

code {
	font-family: Courier, "Courier New", Monaco, Tahoma;
	background: #eee;
	color: #333;
	padding: 0px 2px;
}

pre {
	background: #eee;
	padding: 20px;
	margin-bottom: 1em;
	overflow: auto;
}

blockquote {
	font-style: italic;
	margin: 0 0 1em 15px;
	padding-left: 10px;
	border-left: 5px solid #dddddd;
}

/* Structure Styles
/*---------------------------------------------*/


header {
	background: #e4e3dd;
	padding: 60px 0;
	color: #fff;
}
@media (max-width: 48em) {
	header {
		padding: 15px 0;
	}
}

.hero {
	margin-bottom: 10rem;
	max-width: 100%;
}

.front .hero, {
	margin-bottom: 5rem;
}

.blog .hero {
	margin: 0 auto 5rem;
}

.photography .hero {
	margin-bottom: 16px;
}

.photo-link {
	color: #999;
}

.photo-link:hover {
	color: #fff;
}

h3 a.photo-link:before {
  content: " \00a0\00a0 ";
}

h3 a.photo-link:after {
  content: " \203A ";
}

.full-container {
  text-align: center;
}

.full-container p {
	padding: 0;
}

.sample {
	display: inline-block;
	margin: 0 10px;
	padding: 1rem;
}

.sample-wide {
	display: block;
	margin: auto;
	padding: 1rem 0;
}

section {
	background-color: #fff;
	padding: 64px 0;
	margin: 0 auto;
}
@media (max-width: 48em) {
	section {
		padding: 26px 0;
	}
}
@media (max-width: 72em) {
	section {
		padding: 24px 0;
	}
}
section p, section h4, section h6 {
	margin: auto;
	max-width: 920px;
}

hr {
	margin: 38px auto 0;
	color: #333333;
	border-style: solid;
	border-width: 1px;
	width: 460px;
}

.footnotes ol {
	list-style: none;
}

section h1, section h2, section h3, section ul {
	text-align: left;
	display: block;
	max-width: 920px;
	margin: auto;
}

section.front h2 {
	text-align: center;
	max-width: 788px;
}

section.front h4 {
	max-width: 788px;
	font-size: 1.2rem;
}

.current-status {
	font-family: 'Playfair Display', serif;
	font-style: italic;
	font-weight: 900;
	font-size: 2rem;
	text-align: left; 
	/*font-variant: small-caps;*/
	padding: 0 1rem;
}

.current-status-sans {
	font-family: 'Heebo', sans-serif;
	/*font-style: italic;*/
	font-weight: 800;
	font-size: 2rem;
	text-align: left; 
	/*font-variant: small-caps;*/
	padding: 0 1rem;
}

section h3, section h5 {
	text-align: center;
	margin: auto;
}

section.portfolio h2 {
	font-weight: 600;
}

section.portfolio a {
	font-weight: 600;
}

section.portfolio .content-wrapper {
	max-width: 920px;
	margin: 0 auto;
	padding: 0 1rem;
}

section.portfolio p {
  font-weight: 400;
  line-height: 1.8;
}

section.portfolio img {
	display: block;
	margin: 0.5rem auto;
	max-width: 100%;
}

section.photography {
	background: #111;
}

section.photography h3, section.photography h5 {
	color: #999;
}

section.error {
	color: #fff;
	background: #000;
	min-height: 400px;
}

section.error .mobile {
	display: none;
}
section.error .desktop {
	display: block;
}

@media (max-width: 48em) {
	section.error .mobile {
		display: block;
	}
	section.error .desktop {
		display: none;
	}
}

section.error h1 {
	font-family: 'VT323';
	color: #fff;
	text-align: center;
	font-variant: small-caps;
}
section.error img {
	text-align: center;
	margin: 100px auto 0;
}

section.peel {
	color: #fff;
	background: url('/media/portfolio/peel_bg.png') #0b132b;
	background-size: cover;
	background-position: bottom right;
	background-repeat: no-repeat;
}
section.peel a {
	color: #FB8642;
}
section.peel a:hover {
	color: #FFFFFF;
}

section.observer a {
	color: #696969;
}
section.observer a:hover {
	color: #1d1d1d;
}

section.observer {
	color: #1d1d1d;
	background: url('/media/portfolio/observer_bg.png') #FFFFFF;
	background-position: center center;
}

section.north-texas-app {
	color: #333;
	background: url('/media/portfolio/north-texas-app_bg.png') #b9d7ff;
	background-size: contain;
	background-position: bottom right;
	background-repeat: no-repeat;
}
@media (max-width: 48em) {
	section.north-texas-app {
		background: #b9d7ff;
	}
}

section.muse {
	color: #fff;
	background: url('/media/portfolio/muse_bg.png') #000;
	background-size: contain;
	background-position: top center;
	background-repeat: no-repeat;
}
section.muse h2 {
	color: #fff;
}
section.muse a {
	color: #E8297A;
}
section.muse a:hover {
	color: #FFFFFF;
}

section.oak {
	color: #fff;
	background: url('/media/portfolio/88-oak_bg.png');
	background-size: cover;
	background-position: center center;
}

section.oak a {
	color: #000;
}

section.mochila {
	color: #fff;
	background: #C0392B url('/media/portfolio/mochila_bg.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: top center;
}

section.mochila h2,
section.mochila .caption,
section.mochila .caption-title {
	color: #fff;
}

section.mochila a {
	color: #000000;
}

section.mochila a:hover {
	color: #FFFFFF;
}

section.* hr {
	margin: 6vh auto;
	border: none;
	height: 1px;
}

/* Mobile */
@media (max-width: 72em){
	section.* hr {
		margin: 4vh auto;
	}
}

section.palmagent {
	background: url('/media/portfolio/palmagent_bg.png') #0349A9;
	background-size: contain;
	background-position: bottom right;
	background-repeat: no-repeat;
}
section.palmagent p, section.palmagent .caption, section.palmagent a {
	color: #fff;
}
section.palmagent a:hover {
	color: #4c82fb;
}
@media (max-width: 48em) {
	section.palmagent {
		background: #0349A9;
	}
}

section.smalltoast {
	color: #333;
	background: url('/media/portfolio/smalltoast_bg.png') #fff;
	background-size: contain;
	background-position: top center;
	background-repeat: no-repeat;
}

section.smalltoast a:hover {
	color: #FAB839;
}

section.upnext a:hover {
	color: #3D1554;
}

section.dont-feed-the-artists {
	color: #333;
	background: url('/media/portfolio/dont-feed-the-artists_bg.png') #d2d2d2;
	background-size: contain;
	background-position: top center;
	background-repeat: no-repeat;
}

section.dont-feed-the-artists a {
	/*color: #FF2614;*/
}

section.dont-feed-the-artists a:hover {
	color: #FF2614;
}

section.happy-iphone {
	color: #333;
	background: #fff;
	background-size: contain;
	background-position: bottom right;
	background-repeat: no-repeat;
}
section.happy-iphone p {
	font-weight: 300;
	font-size: 1.4rem;
	line-height: 1.66;
	padding: 1.2rem 0 0;
}

section.happy-iphone strong {
	/*margin-left: 2rem;*/
}

section.happy-iphone .blue {
	color: #0EBDEE;
}

section.happy-iphone a {
	color: #0EBDEE;
}
section.happy-iphone a:hover {
	color: #82E22B;
}
section.happy-iphone .pure-title {
	margin: 0 2rem;
}
section.happy-iphone .pure-img, 
section.happy-iphone .pure-title {
	max-width: 450px;
	display: inline;
}
@media (max-width: 48em) {
	section.happy-iphone .pure-img {
		max-width: 320px;
		margin:0 auto;
	}
	section.happy-iphone p {
		padding: 1.2rem 1rem 0;
	}
}

header a { color: #d10000; }
header h1 a,
header a:hover { color: #333; }
header h1 {
	line-height: 44px;
	font-size: 3.4rem;
	margin: 0;
	float: left;
}

/* Mobile */
@media (max-width: 78em){
	header h1 {
		font-size: 2rem;
		float: none;
		text-align: center;
	}
}
/* Mobile */
@media (max-width: 100em){
	header h1 {
		font-size: 2.4rem;
	}
}

header .nav {
	float: right;
	list-style: none;
	margin: 0;
	padding: 0;
}
header .nav li { display: inline; }
header .nav a {
	line-height: 44px;
	/*margin-left: 16px;*/
	font-size: 1.4rem;
	font-family: 'Raleway', sans-serif;
	font-weight: 300;
}

header .nav li.sep {
	color: #333;
	font-size: 1.4rem;
	line-height: 44px;
	font-weight: 500;
}

/* Mobile */
@media (max-width: 72em){
	header .nav a {
		font-size: .8rem;
	}
}
/* Mobile */
@media (max-width: 100em){
	header .nav a {
		font-size: 1rem;
	}
}

.nav.menu {
	display: none;
}

.advertising .advertising a, .branding .branding a, .icons .icons a, .interface-design .interface-design a, .physical-goods .physical-goods a, .video .video a, .blog .blog a, .photography .photography a, .portfolio .portfolio a, .wishlist .wishlist a {
	font-weight: 500;
}

.nav .blog, .nav .photography, .nav .wishlist, .nav .page, .nav .cocktails, .nav .portfolio {
	display: none;
}

.nav.blog .blog, .nav.photography .photography, .nav.portfolio .portfolio, .nav.wishlist .wishlist, .nav.page .page, .nav.cocktails .cocktails, .nav.portfolio .portfolio {
	display: inline-block;
}

.cocktails .advertising, .cocktails .branding, .cocktails .icons, .cocktails .interface-design, .cocktails .physical-goods, .cocktails .video, .cocktails .sep, .page .advertising, .page .branding, .page .icons, .page .interface-design, .page .physical-goods, .page .video, .page .sep, .blog .advertising, .blog .branding, .blog .icons, .blog .interface-design, .blog .physical-goods, .blog .video, .blog .sep, .photography .advertising, .photography .branding, .photography .icons, .photography .interface-design, .photography .physical-goods, .photography .video, .photography .sep, .wishlist .advertising, .wishlist .branding, .wishlist .icons, .wishlist .interface-design, .wishlist .physical-goods, .wishlist .blog, .wishlist .video, .wishlist .sep {
	display: none;
}

header .mobile-nav {
	display: none;
}

/* Mobile */
@media (max-width: 48em){
	header .nav {
		display: none; /* hide nav on mobile, for now */
		float: none;
		text-align: center;
		margin: 20px 0 0 0;
	}
	header .nav.mobile-nav {
		display: block;
	}
	header .nav li { display: inline; }
	header .nav a {
		line-height: 34px;
		margin-left: 0px;
	}
	header .nav li:after {
		content:"\A";
		white-space: pre;
	}
	header .nav li.sep {
		display: none;
	}
}
@media (max-width: 72em){
	header .nav {
		float: none;
		text-align: center;
		margin: 10px 0 0 0;
	}
	header .nav li { display: inline; }
	header .nav a {
		font-size: 1.2rem;
		line-height: 24px;
		margin-left: 0px;
	}
	header .nav li.sep {
		color: #333;
		font-size: 1.4rem;
		line-height: 44px;
		font-weight: 500;
	}
}

footer {
	padding: 60px 0;
	color: #999;
}
@media (max-width: 48em) {
	footer {
		padding: 16px 0;
	}
}
footer p {
	font-weight: 600;
}
footer a, footer a:visited { color: #ddd; font-weight: 400;}
footer a:hover { color: #fff; }
footer .link:after {
	content:"\a \b7\a0 \a";
}
/* Mobile */
@media (max-width: 48em) {
	footer .link:after {
		content:"\A";
		white-space:pre;
	}
	footer .contact {
		padding: 4px;
	}
	footer .copyright {
		text-align: center;
	}
}

footer.menu {
	display: none;
}

/* Misc Styles
/*---------------------------------------------*/
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}
.center {
	margin: 0 auto;
	display: block;
}

.right {
	text-align: right;
}

.left {
	text-align: left;
}

.shopify-wrapper div {
	margin: 0 auto;
	text-align: center;
}

/* last minute cocktails styling, it's a fuckin' mess */

.cocktails h1, .cocktails p {
	text-align: center;
}

.cocktails li {
	font-size: 1.4rem;
	margin-left: 4rem;
}

/*
A song by Toadies:

My resolve is stripped away
No matter what I do, I
Can't find the strength to fight
The way I feel about you now

I guess it comes to this
To her, you were a littlefish
Caught in the sun
And now you're gone
Never really gone

Hey there, littlefish
I guess it comes to this
You and I, both
Kicking the same habits

And your hair
Around your head
It's all wild and spiderwebs
Signals fade
And signals cross
And you are lost

Hey there, littlefish
I guess it comes to this
You and I, both
Kicking the same habits
I guess you got your wish
Hey, littlefish

Hey little man
I know your lie
I know your drug
I've seen your face
You son of a fuck
And this is the rub
Because I had
What you had
And I lost
What you lost/lust?
So I'm a little bit
Of a littlefish
Hey

I'm kicking the same habit
Kicking the same habit
Kicking the same habit
Kicking the same habit

Hey there, littlefish
I guess it comes to this
You and I, both
Kicking the same habit
*/