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





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


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

	Theme CSS Options

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

/* Background Colours */

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


/* 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: #ffffff;
}
/* Flexslider navigation buttons */
.flex-direction-nav a {
background: #1C1C1C;
}

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

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

a:hover, .archive-content h2 a {
color: #582C73;
}

/* Site title */
.site-title, .site-title a {
color: #ffffff;
}
.site-title a:hover {
color: #7D3FA6;
}
.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: #582C73;
}
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: #000000;
}


.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: #1C1C1C;
}
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: #582C73;
}
/* 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: #5C5C5C;
}
header nav ul ul li a, header nav li.sfHover li a {
color: #1C1C1C;
}

/* Font sizes */

/* Main body font size */
body, 
input, 
button,
textarea {
font-size: 16px;
}
.meta, .announce, footer, .book-cover a.button {
font-size: 14px;
}
.book-cover, .portfolio-cat {
font-size: 14px;
}
h1, .archive-content h2, .archive-content h2 a {
font-size: 18px;
}
h2 {
font-size: 18px;
}
h3 {
font-size: 18px;
}
h4 {
font-size: 18px;
}
h5, .portfolio-content h2 {
font-size: 18px;
}
h6 {
font-size: 18px;
}
.meta li.more,
.read-more {
font-size: 16px;
}
.sidebar h5 {
font-size: 18px;
}
.site-title {
font-size: 18px;
}




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