/*
You can add your own CSS here.

Click the help icon above to learn more.
*/

@import url('https://fonts.googleapis.com/css?family=Rammetto+One');

@import url('https://fonts.googleapis.com/css?family=Walter+Turncoat');

/* stops it from double-showing the cover */
.attachment-project-single {display:none;}

/* hides the page title at top of the portfolio which just wastes room*/
.page-title {	
 display:none;visibility:hidden;height:0;width:0; 
}
/* Fancy bold font top menu woo */
.site-title, .entry-title {
font-family: 'Rammetto One', Karla, sans-serif; 
}
.site-branding {
	padding-top:0.5em;
	padding-bottom:0.5em;
}

/* and then paint it black */
.site-title a, .site-title a:visited, .site-title a:hover {
color:#000;	
}

/* it's not easy being the green advertisement bar */
.header-widget-area {
	background-color: #b6d223;
		/* #bada0d #b6d223*/	
}



.header-widget-area-wrapper {
	padding:1em;
}
.header-widget-area a {
font-size:1.2em;	
	line-height:100%;
}

body {
background-color:#f1f1f1;
} 

.site-main {
	background-color:#fff;
	padding:10px;
}

 /* if we want to do the pale grey with white on it background body {
background-color:#f1f1f1;	or #fafafa
} */

/* purple raaaiin purple... bar */
.top-bar {
background-color: #9f84a7;	
}

.site-footer, .footer-widgets-wrapper {
	background-color:#9f84a7;
	background-image: url("http://static.tumblr.com/7218c6ce08d76fa6699a86011dc9d822/xxebunl/Gcxo3mvb3/tumblr_static_6zcrpjhh3qww0g4k4s0s0kos4.png");
}



#menu-social li {
	background-color: #9f84a7;
	
}

/* making the text on the coloured bars white */
.top-bar a, .header-widget-area a {
	color:#fff !important;
}

/* more purple */
a, a:visited {
color:	#6E3367;
}
/* more green */
a:hover {
	color: #b6d223;
}

/* buttons */
button, input[type="button"], input[type="reset"], input[type="submit"], .button
{
	color: #6E3367;
	border-color: #6E3367;
}

button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, .button:hover {
		color: #b6d223;
	border-color: #b6d223;
}


/* futzing with space */
.main-navigation ul {
margin-top:10px;	
}

.projects ul.projects li.project img, .projects-page ul.projects li.project img {
margin:0;	
} 

.gallery, .summary {
	width:100% !important;
	float:none;
}

.gallery img {
/* width:30%; */
	float:left;
	margin:1%;
	
}

/* those  project icons can be MUCH more multi-purpose if you hide the big ugly words */
div.client h3, div.url h3 {
	display:none;
}

/* and we want to hide the big ugly description on the main page */
li.project .short-description {display:none;visibility:hidden;height:0;width:0;}

/* and then prettify that pretty title */
li.project h3 {
	/* font-family: 'Walter Turncoat', Karla, sans-serif; */
	line-height:120%;
		font-size:1rem;
	font-size:16px;
	color: #000 !important;
	padding:10px;
}

.projects li {
	background-color:#fff;
	max-width:300px;
}

.projects_list_widget img {
	display:none;
}

.projects_list_widget li, .projects_categories_list_widget li, .footer-widgets li {
	background-color:inherit;
	padding:0 !important;
}




.projects_list_widget .project-title {
	font-size:1em !important;
}


/* scaling - no dragons though. sad */
@media screen and (min-width: 768px) {
.site-title {
		font-size:36px;
		font-size:2.325rem;
	}
li.project h3 {
	font-size:1.3rem;
	font-size:22px;
}

.project h1 {
	font-size:1.5em;
}

}

@media screen and (max-width: 475px) {
	.main-navigation {
		padding:0;
	}
.site-title {
		font-size:24px;
		font-size:1.8rem;
	}
.header-widget-area a {
font-size:1em;	
}
.header-widget-area .textwidget {
	line-height:80% !important;
}
button.menu-toggle {
padding:0.8em !important;	
}

.projects.columns-3 ul.projects li.project {
  width: 100% !important;
}

.projects ul.projects li.project:nth-child(2n), .projects-page ul.projects li.project:nth-child(2n) {
float:left;	
}
}

.webcomic-media {
	width: 130% !important;
	margin-right:-20% !important;
}

.webcomic-navigation {
	width:90% !important;
}

.webcomic img.custom-header {
	display:none;
}

.webcomic .entry-title {
	position: absolute;
	top: 4.8em;
	color: black;
}

.webcomic-integrate-universal .site-main {background-color: #f1f1f1;}

.webcomic-integrate-universal .post-navigation {
	display:none;
	height:0;
	visibility: hidden;
}

.sharecode {
	display:none;
}