@import url(//fonts.googleapis.com/css?family=Roboto+Slab|Roboto+Slab);
body,
input,
textarea { font-family: "Roboto Slab", "cursive"; color:  }





h1, .content.archive-content h2, .lead .title, .site-title {
font-family: "Roboto Slab", "cursive";}


/* #######################################################################

	Theme CSS Options

####################################################################### */

/* Background Colours */

/* Content Wrapper - Background covers entire page, use this for image tiles + full size cover too */
#content-wrapper {
background: #363f48; 
}
#content-wrapper {
border-color: #f5f4f0;
}
button,
.password-protect input[type=submit],
.form-submit input, .comment-reply a {
	background-color:  #f88172;
}
button:hover,
.password-protect input[type=submit]:hover,
.form-submit input:hover, .comment-reply a:hover {
	background-color:  #363f48;
}


/* More and Book cover buttons + announcements footer and search top, by default these use rgba and transparency but can be solid backgrounds */

/* Main Content Area */
.the-content, article.format-link .the-content, .home article.format-link .the-content, .archive-content article.format-aside .the-content, article.format-link .single-link .the-content, .archive-content article.format-status .the-content, article.format-status .single-status .the-content, .page-template-template-portfolio-php .the-content {
background: #f5f4f0;
}
/* Flexslider navigation buttons */
.flex-direction-nav a {
background: #363f48;
}
header nav ul ul {
background-color: #ffffff;
}

/* Font Colours */
/* Main body font colour */
body, 
input, 
button,
textarea,
.home.page-template-template-portfolio-php .the-content {
color: ##363f48; 
}

/* Links */
a, .archive-content h2 a:hover {
color: #e47171;
}

a:hover, .archive-content h2 a {
color: #363f48;
}

/* Site title */
.site-title, .site-title a {
color: #ffffff;
}
.site-title a:hover {
color: #e8e6de;
}
.tagline {
color: #ffffff;
}
.announce {
color: #ffffff;
}
.announce a {
color: #ffffff;
}
.announce a:hover {
color: #ffffff;
}
.meta {
color: #ffffff;
}
.meta a {
color: #ffffff;
}
.meta a:hover {
color: #ffffff;
}
.pagination a {
color: #ffffff;
}
.pagination a:hover {
color: #ffffff;
}
footer {
color: #ffffff;
}
footer a {
color: #ffffff;
}
footer a:hover {
color: #ffffff;
}
.sidebar {
color: #ffffff;
}
.sidebar a {
color: #ffffff;
}
.sidebar a:hover {
color: #ffffff;
}
li.more a, .book-cover a.button,
.read-more {
color: #ffffff;
}
li.more a:hover, .book-cover a.button:hover,
.read-more:hover {
color: #ffffff;
}
h1, .archive-content h2 {
color: #363f48;
}


.home .archive-content h2 a, .home .archive-content .source a {
color: #ffffff;
}
/* Post format colours */
article.format-link .the-content h2 a, .home article.format-link .the-content h2 a, article.format-aside .the-content h2 a, .home article.format-aside .the-content h2 a, article.format-link .the-content h2 a, .home article.format-aside .the-content, article.format-link .the-content, .archive-content article.format-status .the-content {
color: #363f48;
}
article.format-link .the-content h2 a, article.format-link .the-content h1 a, .article-content article.format-link .the-content h2 a, .home article.format-link .the-content h2 a, .archive article.format-link .the-content h2 a {
color: #e47171;
}
/* White on full colour replacements */
.home .the-content, .pnf .post-content, .pnf .post-content h1, .book-cover {
color: #ffffff;
}
/* Header */
header nav a {
color: #ffffff;
}

header nav ul li.sfHover a,
header nav ul li a:hover, 
header nav li.current_page_item a,
header nav li.current-menu-item a,
header nav li.current_page_ancestor a, 
header nav li.current_page_parent a,
header nav li.current-post-ancestor a, 
header nav li.current-page-ancestor a {
color: #e9e8e3;
}
header nav ul ul li a, header nav li.sfHover li a {
color: #363d48;
}

header nav ul ul li a, header nav li.sfHover li a {
color: #363f48 !important;
}
/* Font sizes */

/* Main body font size */
body, 
input, 
button,
textarea {
font-size: 17px;
}
.meta, .announce, footer, .book-cover a.button {
font-size: 15px;
}
.book-cover, .portfolio-cat {
font-size: 14px;
}
h1, .archive-content h2, .archive-content h2 a {
font-size: 33px;
}
h2 {
font-size: 29px;
}
h3 {
font-size: 26px;
}
h4 {
font-size: 23px;
}
h5, .portfolio-content h2 {
font-size: 21px;
}
h6 {
font-size: 19px;
}
.meta li.more,
.read-more {
font-size: 17px;
}
.sidebar h5 {
font-size: 20px;
}
.site-title {
font-size: 27px;
}




@media screen and (max-width: 620px) {
header nav {
display: none;
}
}



	
#cookie-notice .cn-button { padding: 0.25em 1.0em 0.2em 1.0em; margin-top: 7px; }