/*
Theme Name: Shark Reef 2
Theme URI: 
Description: Child Theme of Editor by WordPress.com
Version: 1.0.2
Author: Cloud Islands
Author URI: http://cloudislands.com/
Template: editor-wpcom
Template version: 1.0.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: shark-reef-2
Tags: two-columns, left-sidebar, editor-style, featured-images, theme-options, threaded-comments, translation-ready, blog, news
*/

/* --------------------------------------------------------------
TABLE OF CONTENTS
----------------------------------------------------------------
1.0 - Reset
2.0 - Typography
3.0 - Elements
4.0 - Forms
5.0 - Navigation
5.1 - Links
5.2 - Menus
5.3 - Post Navigation
5.4 - Page Navigation
5.5 - Comment Navigation
5.6 - Toggle Menus
6.0 - Accessibility
7.0 - Alignments
8.0 - Clearings
9.0 - Widgets
10.0 - Content
10.1 - Posts and pages
10.2 - Comments
10.3 - Post formats
11.0 - Infinite scroll
12.0 - Media
13.0 - Header
14.0 - Footer
15.0 - Content
16.0 - Posts
17.0 - Archives
18.0 - Attachments
19.0 - Animations
20.0 - Plugins
-------------------------------------------------------------- */

/* ------------------Site Colors------------------------------
Very light gray: f6f6f6
Light gray: d8d8d8
Gold: fadf81  
Lighter gold: faedbe
Taupe: 817c73
Medium blue: 0176cb
Dark blue: 015999
-------------------------------------------------------------- */

/* --------------------------------------------------------------
2.0 Typography [Line 137]
-------------------------------------------------------------- */
pre {
	background:none;
	font-family:"Source Sans Pro","Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size:inherit;
	line-height:inherit;
	margin-bottom:1.6em;
	max-width:100%;
	overflow:auto;
	padding:0;
}

.more-link {
	font-family:"Source Sans Pro","Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size:14px;
	font-style: italic;
	letter-spacing:1px;
	text-transform:uppercase;
}

/* Text meant only for screen readers */
.assistive-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

/* --------------------------------------------------------------
5.2 Menus [line 590]
-------------------------------------------------------------- */

.main-navigation .sub-menu li a:before,
.main-navigation .children li a:before {
	content:"\2013\00a0";
	color:#015999;
}

/* --------------------------------------------------------------
5.3 Post Navigations [Line 653]
-------------------------------------------------------------- */
.post-navigation {
	border-top:solid 4px #fadf81;
	overflow:hidden;
}

.post-navigation .nav-next a:hover,
.post-navigation .nav-previous a:hover,
.post-navigation .nav-next a:focus,
.post-navigation .nav-previous a:focus {
	border-top:4px solid #faedbe;
	color:#555;
	-webkit-transition:.07s ease-in;
	-moz-transition:.07s ease-in;
	transition:.07s ease-in;
}

.post-navigation .meta-nav {
	margin-bottom:10px;
	width:100%;
	color:#0176cb;
	font-family:"Source Sans Pro","Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size:14px;
	font-style:normal;
	letter-spacing:1px;
	text-transform:uppercase;
}

/* --------------------------------------------------------------
5.6 Toggle Menus [Line 829]
-------------------------------------------------------------- */
.toggle-tabs {
	position:relative;
}

.toggle-bar {
	background:#d8d8d8;
	margin:0;
	padding:8px 30px 0;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	z-index:20;
}

@media (max-width: 840px) {
.toggle-bar {
	padding:8px 6% 0;
	position:absolute;
}
}

.toggle-bar li {
	display:inline-block;
	list-style-type:none;
}

@media (min-width: 990px) {
.toggle-bar li {
	margin-right:8px;
}
}
.toggle-bar a {
	background-color:#e7e7e7;
	color:#babfc2;
	display:inline-block;
	padding:2px 8px 2px 8px;
}
.toggle-bar a:hover,
.toggle-bar a:focus {
	color:#80858a;
}

.toggle-bar a.current {
	background-color:#f5f5f5;
	border-radius:6px;
	color:#80858a;
}
.toggle-bar a.current:focus {
	outline:0;
}

.toggle-bar .fa-folder-open {
	display:none;
}

.admin-bar .toggle-bar {
	top:32px;
}

@media (max-width: 840px) {
	.admin-bar .toggle-bar {
		top:0;
	}
}

.tab-content {
	display:none;
}

.tab-content.current {
	display:inherit;
}
/* show the menu toggle text */
@media (max-width: 840px) {
	.toggle-bar .screen-reader-text {
		clip:auto;
		position: relative !important;
		padding-left: 8px;
		font-size: 80%;
	}
}


/* --------------------------------------------------------------
9.0 Widgets [Line 1015]
-------------------------------------------------------------- */
.site-header .widget-area .widget:last-child {
	margin-bottom:40px;
	padding-bottom:0;
	border-bottom:none;
}

.header-widgets .cat-post-author a { color: #404040;}

.header-widgets .widget-area li {  }

.widget-area .widget_search .search-field {
	width:100%;
	border:none;
	border-bottom:solid 1px #e8e8e8;
	border-radius:2px;
	text-transform:uppercase;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	color:#015999;
	font-family:"Source Sans Pro","Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size:14px;
	font-style:normal;
	letter-spacing:1px;
	text-transform:uppercase;
	-webkit-appearance:none;
}

.widget-area .featured-post a {
	color:#015999;
}


.widget-area .featured-post .featured-post-meta {
	color:#015999;
	line-height:1.4;
}
/* --------------------------------------------------------------
10.0 Content [Line 1269]
-------------------------------------------------------------- */
.entry-header .author a {color: #015999}

/* --------------------------------------------------------------
12.0 Media [Line 1625]
-------------------------------------------------------------- */

.wp-caption-text,
.gallery-caption {
	color:#015999;
	display:inline-block;
	font-family:"Source Sans Pro","Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size:13px;
	font-style:normal;
	letter-spacing:1px;
	line-height:1.4;
	text-align:center;
	text-transform:uppercase;
	width:100%;
}

/* --------------------------------------------------------------
13.0 Header [Line 1762]
-------------------------------------------------------------- */
.site-header::-webkit-scrollbar {
	display:none;
}
.site-header {
	background:#d8d8d8;
	position:fixed;
	top:0;
	height:100%;
	width:20%;
	padding:90px 2% 2%;
	overflow:scroll;
	overflow-x:hidden;
	-webkit-overflow-scrolling:touch;
	z-index:10;
	-webkit-transform:translate(0px,0px);
	-moz-transform:translate(0px,0px);
	-o-transform:translate(0px,0px);
	-ms-transform:translate(0px,0px);
	transform:translate(0px,0px);
}
.admin-bar .site-header {
	padding-top:122px;
}
@media (max-width: 840px) {
.site-header {
	margin-left:0;
	overflow:inherit;
	overflow-x:inherit;
	padding:70px 5% 25px;
	position:relative;
	width:100%;
}
.admin-bar .site-header {
	padding-top:70px;
}
}

.site-branding {
	width:100%;
}

.site-logo-link {
	display:block;
	margin-bottom:1em;
}

@media (min-width: 600px) and (max-width: 840px) {
.site-logo {
	display:block;
	height:auto;
	margin:0 auto;
	max-height:320px;
	max-width:320px;
	width:auto;
}
.site-logo-link + .site-title,
.site-logo-link + .site-title + .site-description {
	text-align:center;
}
}

@media (max-width: 600px) {
.site-logo {
	display:block;
	height:auto;
	margin:0 auto;
	max-height:120px;
	max-width:120px;
	width:auto;
}
.site-logo-link + .site-title,
.site-logo-link + .site-title + .site-description {
	text-align:center;
}
}

.site-title {
	font-family:"Roboto Condensed","Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size:44px;
	font-weight:400;
	letter-spacing:-1px;
	line-height:1;
	text-transform:uppercase;
	margin:0;
	position:relative;
}

@media (max-width:840px) {
.site-title {
	font-size:54px;

}
}
.site-title a {
	position:relative;
	text-decoration:none;
	color:#404040;
}

.site-description {
	color:#015999;
	line-height:1.4;
	font-family:"Source Sans Pro","Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size:16px;
	font-weight:600;
	margin:10px 0 0;
}

/* --------------------------------------------------------------
14.0 Footer [Line 1876]
-------------------------------------------------------------- */
.site-footer {
	display:inline-block;
	padding:0 6% 4% 26%;
	width:100%;
	color:#015999;
	font-family:"Source Sans Pro","Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size:14px;
	font-style:normal;
	letter-spacing:1px;
	text-transform:uppercase;
}
.site-footer .site-info {
	background:#d8d8d8;
	padding:2.5%;
}

/* --------------------------------------------------------------
15.0 Content [Line 1923]
-------------------------------------------------------------- */
.entry-date {
	margin-bottom:2%;
	color:#015999;
	font-family:"Source Sans Pro","Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size:14px;
	font-style:normal;
	letter-spacing:1px;
	text-transform:uppercase;
}

.entry-date a {
	color:#015999;
	text-decoration:none;
}

.meta-title {
	font-size: 24px;
	color: #015999;
}

.meta-title,
.page-template .entry-title,
.page-template-default .entry-title {
	border-bottom: 15px solid #f6f6f6;
	padding-bottom: 12px;
}

.entry-title {
	font-family:"Roboto Condensed","Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size:44px;
	font-weight:400;
	letter-spacing:-1px;
	line-height:1.1;
	margin-bottom:4%;

}

.page-header {
	background:#d8d8d8;
	margin-bottom:8%;
	padding:2%;
}

.meta-list {
	color:#015999;
	font-family:"Source Sans Pro","Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size:14px;
	font-style:normal;
	letter-spacing:1px;
	list-style-type:none;
	margin:0;
	text-transform:uppercase;
}

/* --------------------------------------------------------------
17.0 Archives [Line 2196]
-------------------------------------------------------------- */
.page-header.profile {
	display:none;
}

.entry-author-info {
	border-top: 2px solid #d8d8d8;
	padding-top: 20px;
}

.author-info {
	background:#f9f9f9;
	display:inline-block;
	margin-bottom:8%;
	padding:5% 8%;
	width:100%;
}

.author-avatar {
	display:inline-block;
	margin-right:2%;
	vertical-align:top;
	width:15%;
}

.author-avatar img {
	border-radius:250px;
}

.author-description {
	display:inline-block;
	color:#888;
	font-size:18px;
	width:80%;
}

.archive .author a,
.archive .more-link { color: #015999 }

@media (max-width: 840px) {
.author-description {
	font-size:18px;
}
}

.author-description h2 {
	color:#404040;
	font-size:34px;
}

@media (max-width: 840px) {
.author-description h2 {
	font-size:28px;
}
}

/* --------------------------------------------------------------
20.0 - Plugins
-------------------------------------------------------------- */
/*----- ( Term and Category Based Post Widget )-----*/

.cat-post-pro-widget a.cat-post-title {
	color: #015999;
}

/*----- ( Simple User Listing plugin styles )-----*/
	
.author-search { margin: 24px 0 }

.author-block { 
	border-bottom: 2px solid #f6f6f6;
	margin-bottom: 24px;
	padding-bottom: 12px; }
	
	.author-block .post-count { display: none }
	
	.author-block h2 {
		font-size: 22px;
		font-weight: bold;
		display: inline; }
		
		.author-block h2 a { color: #015999;}
		
	.author-block p { display: inline }
	
.author-list a {
	color: #4b3c30;
	font-style: italic;
	margin-left: 16px; }