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





h1, .content.archive-content h2, .lead .title, .site-title, .tagline, header nav, .mean-nav {
font-family: "Great Vibes", "cursive";}


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

	Theme CSS Options

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

/* Background Colours */

/* Content Wrapper - Background covers entire page, use this for image tiles + full size cover too */
section#main {
background: #fafafa; 
}



/* More and announcements footer and search top */
li.more a, a .read-more, .form-submit button, .form-submit input {
background:  #b20101; 
}
li.more a:hover, a .read-more:hover, .form-submit button:hover, .form-submit input:hover {
background: #363f48; 
}
.announce {
background: #b20101; 
}
.announce.social-header {
background: #363f48; 
}
footer {
background: #b20101;
}

/* Main Content Area */
/* Flexslider navigation buttons */
.flex-direction-nav a {
background: #b20101;
}





header nav {
	background: #000000;
		background: rgba(0,0,0,0.5);
	}



header nav ul ul {
background-color: #ffffff}

.mean-container .mean-bar, .mean-container .mean-nav {
background-color: #363f48}


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

/* Links */
a {
color: #b20101;
}
a:hover {
color: #363f48;
}

/* Site title */
.site-title, .site-title a {
color: #ffffff;
}
.site-title a:hover {
color: #b20101;
}
.tagline {
color: #ffffff;
}
.announce {
color: #ffffff;
}
.announce a {
color: #ffffff;
}
.announce a:hover {
color: #ffffff;
}
.meta {
color: #363f48;
}
.meta a {
color: #363f48;
}
.meta a:hover {
color: #b20101;
}
.pagination a {
color: #fafafa;
}
.pagination a:hover {
color: #363f48;
}
footer {
color: #d6d6d6;
}
footer a {
color: #ffffff;
}
footer a:hover {
color: #cfcfcf;
}
.sidebar {
color: #363f48;
}
.sidebar a {
color: #b20101;
}
.sidebar a:hover {
color: #363f48;
}
li.more a, a .read-more, .form-submit button, .form-submit input {
color: #ffffff;
}
li.more a:hover, a .read-more:hover, .form-submit button:hover, .form-submit input:hover {
color: #ffffff;
}
h1 {
color: #363f48;
}
.archive-content h2 a {
color: #b60202;
}
.archive-content h2 a:hover {
color: #363f48;
}

/* 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: #b20101;
}
/* Header */
header nav a {
color: #444141;
}

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: #080808;
}
.archive-content article .post-content .meta.bottom, .navigation, .comment-system, .contact-form, .meta.top li, .single .meta.bottom, header nav, .time a, .navigation a, .pagination li a, .pagination li span {
border-color: #e1e1e1}
.webicon {
color: #afafaf}
header nav ul ul li a, header nav li.sfHover li a {
color: #363d48;
}
h1.searching span, .highlight {
background-color: #fbf8ce;
}
.portfolio-content {
background-color: #363f48;
}

header nav {
	font-size: 29px}

/* Main body font size */
body, 
input, 
button,
textarea {
font-size: 20px;
}
.meta, .announce, footer {
font-size: 12px;
}
h1, .archive-content h2, .archive-content h2 a {
font-size: 39px;
}
h2 {
font-size: 28px;
}
h3 {
font-size: 26px;
}
h4 {
font-size: 24px;
}
h5, .portfolio-content h2 {
font-size: 22px;
}
h6 {
font-size: 21px;
}
.meta li.more, .time a, .navigation a, .pagination li a, .pagination li span, .comment-reply a, a .read-more {
font-size: 12px;
}
.sidebar h5 {
font-size: 20px;
}
.site-title {
font-size: 33px;
}



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

	
.sidebar { font-size: 14px } .form-submit input, a.comment-reply-link { background: #b20101; } header nav { background: rgba(0,0,0,0.0) }