/*---------------------------------------------------------------

	Theme Name: Trevillion
	Theme URI: http://themethings.xyz/trevillion/
	Description: A blog theme
	Author: themethings
	Author URI: http://themethings.com
	Version: 1.0.0
	Text Domain: trevillion
	License: Themeforest Licence
	License URI: http://themeforest.net/licenses

---------------------------------------------------------------

	01. Browser Reset
	02. Global Type
	03. Global Layout
	04. Header
	05. Featured Posts Slider
	06. Posts
		- Post Entry
		- Social Sharing
		- Author
		- Related Posts
		- Tags
		- Pagination
		- Comments
		- Masonry Grid
		- Content Block Post-Type
		- Dark/Light Options
	07. Pages
		- Page Headers
		- Archive Header
		- 404 Not Found
	08. Widgets
	09. Footer
		- Instagram
		- Social Icons
		- Widgets
		- Copyright
	10. Forms
	11. WordPress Core
	12. Plugin Support
		- Contact Form 7
		- Slicknav
	13. Media Queries

---------------------------------------------------------------*/


/*---------------------------------------------------------------
	01. Browser Reset
---------------------------------------------------------------*/

/* Global reset */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }
q:before, q:after { content:''}
strong { font-weight: bold }
em { font-style: italic }
a img { border:none }
strong, b, strong *, b * { font-weight: bold; } em, i, em *, i * { font-style: italic; }


/*---------------------------------------------------------------
	02. Global Type
---------------------------------------------------------------*/

body {
	font-family: 'PT Serif Caption', serif;
	font-size: 14px;
	color: #242424;
	background: #fff;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Poppins', sans-serif;
}

#nav-wrapper .menu li a, 
.feat-more, 
.thumb-more,
.cat, 
.post-share .post-share-comments,
.about-title, 
#footer-social a, 
.more-link, 
.post-comments span.reply a, 
.widget-title, 
.widget .tagcloud a,
.pagination a, 
.post-tags a,
.slicknav_nav a, 
.post-pagination a, 
.the-timestamp,
.instagram-title,
.masonry-item .post-header .cat a,
.post-header .post-date a,
.masonry-item .cb-post-header .cb-cat,
.cb-bubble span.bubble-text-small,
#footer .widget ul li a,
input[type=submit],
.post-share-box.share-author,
.post-share-box.share-comments {
	font-family: 'Poppins', sans-serif;
	font-weight: 600;
}

p {
	line-height: 24px;
}

a {
	color: #47c9e5;
	text-decoration: none;
}

/* Small titles & subheadings */
#nav-wrapper .menu li a,
.the-timestamp,
.widget-title,
.instagram-title,
#footer .widget-title,
.post-tags a,
.widget .tagcloud a,
#footer-social a,
.thumb-more,
.feat-more,
.post-box-title,
.author-content h5 a,
.post-share-box.share-author a,
.post-share-box.share-comments a span,
.post-header .cat a,
.post-header .post-date a,
.masonry-item .cb-post-header .cb-cat,
.post-pagination a,
#respond #submit,
input[type=submit],
#respond h3,
#footer .widget ul li a,
.post-share-box.share-author,
.post-share-box.share-comments,
.item-related h3 a {
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.05em;
	text-transform: uppercase;
}
.thumb-more,
.feat-more {
	letter-spacing: 1px;
}
.thumb-more {
	font-size: 10px;
}

.clearfix:after {
	content: " ";
	display: block;
	clear: both;
}

pre,
dl,
address {
	margin-bottom: 20px;
}

dt {
	font-weight: bold;
}
dd {
	padding-left: 50px;
}

.post-entry ul li ul,
.post-entry ol li ol {
	margin-top: 12px;
}


/*---------------------------------------------------------------
	03. Global Layout
---------------------------------------------------------------*/

.container {
	width: 1080px;
	margin: 0 auto;
}
#top-bar .container {
	width: 95%;
}
#content {
	margin-bottom: 50px;
}
#main {
	width: 740px;
	float: left;
	margin-top: 0;
	padding-top: 0;
}
#main.fullwidth {
	width: 100%;
}
#sidebar {
	width: 300px;
	float: right;
}


/*---------------------------------------------------------------
	04. Header
---------------------------------------------------------------*/

#header-master {
	width: 100%;
	position: absolute;
	z-index: 9999;
}

#top-bar {
	height: 60px;
	width: 100%;
	-webkit-backface-visibility: hidden;
}
#top-bar .container {
	position: relative;
}

/**
 * Timestamp
 */
.the-timestamp {
	color: #fff;
	line-height: 60px;
	font-size: 11px;
}
	
/**
 * Social Icons
 */
#top-social {
	position: absolute;
	right: 0;
	top: 0;
}
#top-social a {
	color: #fff;
	margin-left: 10px;
	font-size: 16px;
	line-height: 60px;
	display: inline-block;
	-o-transition: .25s;
	-ms-transition: .25s;
	-moz-transition: .25s;
	-webkit-transition: .25s;
	transition: .25s;
}
#top-social a:hover {
	color: #47c9e5;
}

/**
 * Header Layout & Logo
 */
.home #header, 
.page-template-page-slider #header, 
.page-template-page-fullwidth-slider #header,
.page-template-home-sidebar #header {
	margin-bottom: 0;
	padding-bottom: 40px;
	border-bottom: 1px solid rgba(255, 255, 255, .2);
}
#header {
	text-align: center;
}
#logo {
	padding-bottom: 20px;
}
#logo img {
	max-width: 100%;
	height: auto;
	vertical-align: middle;
}

/**
 * Navigation
 */
.slicknav_menu {
	display:none;
}
#nav-wrapper .menu li {
	display: inline-block;
	margin-right: 30px;
	position: relative;
}
#nav-wrapper .menu li a {
	color: #fff;
	line-height: 30px;
	display: block;
	-o-transition: .25s;
	-ms-transition: .25s;
	-moz-transition: .25s;
	-webkit-transition: .25s;
	transition: .25s;
}
#nav-wrapper .menu li a:hover {
	color: #47c9e5;
}
#nav-wrapper .menu > li.menu-item-has-children > a:after {
	font-family: FontAwesome;
    content: "\f107";
	margin-left: 7px;
	color: #47c9e5;
	font-size: 13px;
}

	/**
	 * Child Menu Items
	 */
	#nav-wrapper .menu .sub-menu,
	#nav-wrapper .menu .children {
		background-color: #161616;
		display: none;
		padding: 0;
		position: absolute;
		margin-top:0;
		left: 0;
		z-index: 99999;
		
	}
	#nav-wrapper ul.menu ul a,
	#nav-wrapper .menu ul ul a {
		color: #fff;
		margin: 0;
		font-size: 10px;
		letter-spacing: 1px;
		padding: 8px 10px;
		min-width: 175px;
		line-height: 20px;
		-o-transition: .25s;
		-ms-transition: .25s;
		-moz-transition: .25s;
		-webkit-transition: .25s;
		transition: .25s;
		border-top: 1px solid;
		border-color: #333;
	}
	#nav-wrapper ul.menu ul li,
	#nav-wrapper .menu ul ul li {
		padding-right: 0;
		margin-right: 0;
	}
	#nav-wrapper ul.menu ul a:hover,
	#nav-wrapper .menu ul ul a:hover {
		color: #fff;
		background: #333;
	}
	#nav-wrapper ul.menu li:hover > ul,
	#nav-wrapper .menu ul li:hover > ul {
		display: block;
	}
	#nav-wrapper .menu .sub-menu ul,
	#nav-wrapper .menu .children ul {	
		left: 100%;
		top: 0;
		
	}


/*---------------------------------------------------------------
	05. Featured Posts Slider
---------------------------------------------------------------*/

.featured-area {
	position: relative;
	margin: 0 0 60px;
}
.feat-item {
	display: table;
	width: 100%;
	height: 800px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.feat-overlay {
	height: 100%;
	background: rgba(0,0,0,0.2);
    display: table-cell;   
    vertical-align: middle;   
	text-align: center;
	-o-transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	transition: .3s;
}
.feat-inner {
	max-width: 60%;
	margin: 9% auto 0;
}
.feat-overlay .cat a {
	display: inline-block;
	margin: 0 3px 10px;
	color: #fff;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 2px;
	padding-bottom: 2px;
}
.feat-overlay h2 {
	color: #fff;
	font-size: 46px;
	line-height: 1.2em;
	font-weight: 700;
	letter-spacing: -1px;
	margin-bottom: 10px;
}
.feat-overlay h2 a {
	color: #fff;
	display: block;
}
.feat-excerpt {
	color: #fff;
	font-style: italic;
	margin: 0 0 25px;
}
.feat-more {
	color: #fff;
	padding: 17px 38px;
	border: none;
	background: #000;
	display: inline-block;
	-o-transition: .25s;
	-ms-transition: .25s;
	-moz-transition: .25s;
	-webkit-transition: .25s;
	transition: .25s;
	border-radius: 100px;
}
.feat-more:hover {
	background: #fff;
	color: #000;
}


/*---------------------------------------------------------------
	06. Posts
---------------------------------------------------------------*/

.post {
	margin-bottom: 60px;
}
.post-header {
	text-align: center;
}
.post-header h2, 
.post-header h1 {
	margin-bottom: 10px;
	display: inline-block;
	max-width: 80%;
}
.post-header h2 a, 
.post-header h1 {
	font-size: 40px;
	color: #000;
	font-weight: 600;
	line-height: 1.2em;
	-o-transition: .25s;
	-ms-transition: .25s;
	-moz-transition: .25s;
	-webkit-transition: .25s;
	transition: .25s;
	letter-spacing: -1px;
}
.post-header h2 a:hover {
	opacity: .6;
}
.post-header .cat {
	display: inline-block;
}
.post-header .cat a {
	display: inline-block;
	margin: 0 3px 3px;
}
.post-header .cat a:hover {
	text-decoration: none;
}
.post-date {
	display: inline- block;
}
.post-header .post-date a {
	display: inline-block;
	padding-left: 2px;
}
.single-meta {
	margin-bottom: 20px;
}
.post-img {
	text-align: center;
	position: relative;
}
.single .post-img {
	margin: 0 0 30px;
}
.post-img img {
	vertical-align: middle;
	max-width: 100%;
	height: auto;
}
.post-img.audio iframe {
	height: 166px;
	width: 100%;
}

/**
 * Post Entry
 */
.post-entry p, 
.post-entry hr {
    margin-bottom: 20px;
}
.post-entry h1, 
.post-entry h2, 
.post-entry h3, 
.post-entry h4, 
.post-entry h5, 
.post-entry h6 {
	color: #000;
	font-weight: 700;
	margin-bottom: 14px;
}
.post-entry h1 {
	font-size: 24px;
}
.post-entry h2 {
	font-size: 21px;
}
.post-entry h3 {
	font-size: 19px;
}
.post-entry h4 {
	font-size: 17px;
}
.post-entry h5 {
	font-size: 15px;
}
.post-entry h6 {
	font-size: 13px;
}
.post-entry hr {
	border: 0;
	height: 0;
	border-bottom: 1px solid #c6c6c6;
	clear: both;
}
.post-entry blockquote {
	border-left: 3px solid;
	border-color: #ddd;
	padding: 0 18px;
}
.post-entry blockquote p {
	font-size: 18px;
	line-height: 28px;
	font-style: italic;
	color: #888;
}
.post-entry a:hover {
	text-decoration: underline;
}
.post-entry ul, 
.post-entry ol {
	padding-left: 45px;
	margin-bottom: 20px;
}
.post-entry ul li {
	margin-bottom: 12px;
	list-style: square;
}
.post-entry ol li {
	margin-bottom: 12px;
	list-style: decimal;
}
.sticky.post {
	border: 1px dashed #000;
}
.bypostauthor  {}
.post-entry pre {
	overflow: auto;
}
.post-entry table { 
	width: 100%; 
	margin-bottom: 22px; 
	border-collapse: collapse; 
}
.post-entry td, 
.post-entry th { 
	padding: 12px; 
	border-bottom: 1px #c6c6c6 solid; 
}
.post-entry th { 
	font-weight: bold; 
	font-size: 14px; 
	background: #f5f5f5;
}
.post-entry tr:hover {
	background: #f9f9f9;
}
.post-entry img {
	max-width: 100%;
	height: auto;
}

/**
 * Social Sharing
 */
.post-share {	
	border: 1px solid #c6c6c6;
	margin-top: 38px;
	overflow: hidden;
}
.post-share-box {
	float: left;
	height: 54px;
	line-height: 54px;
	border-left: 1px solid #c6c6c6;
	text-align: center;
}
.post-share-box:first-child:nth-last-child(1) {
	width: 100%;
}
.post-share-box:first-child:nth-last-child(2),
.post-share-box:first-child:nth-last-child(2) ~ div {
    width: 49.5%;
}
.post-share-box:first-child:nth-last-child(3),
.post-share-box:first-child:nth-last-child(3) ~ div {
    width: 33%;
}
.post-share-box:first-child {
	border-left: none;
}
.post-share-box.share-comments a {
	color: #000;
}
.post-share-box.share-buttons a {
	color: #000;
	margin: 0 5px;
	-o-transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	transition: .3s;
}
.post-share-box.share-buttons a:hover {
	color: #47c9e5;
}

.post-share-box.share-author a {
	color: #000;
}

/**
 * Author
 */
.post-author {
	margin-bottom: 60px;
	margin-top: 60px;
	overflow: hidden;
}	
.author-img {
	float: left;
	margin-right: 30px;
}
.author-img img {
	border-radius: 50%;
}
.author-content  {
	overflow: hidden;
}
.author-content h5 a {
	margin-bottom: 6px;
	color: #000;
	display: block;
}
.author-content p {
	margin-bottom: 9px;
	color: #666;
}
.author-content .author-social {
	font-size: 15px;
	color: #000;
	margin-right: 8px;
}

/**
 * Similar Posts
 */
.post-related {
	overflow: hidden;
	margin-bottom: 60px;
	margin-top: 60px;
}
.post-box { 
	text-align: center; 
}
.post-box-title {
	margin-bottom: 30px;
	position: relative;
	line-height: 1em;
}
.post-box-title:before {
	content: "";
	display: block;
	border-top: solid 1px #c6c6c6;
	width: 100%;
	height: 1px;
	position: absolute;
	top: 50%;
	z-index: 1;
}
.post-box-title span {
	background: #fff;
	padding: 0 24px;
	position: relative;
	z-index: 5;
}

.item-related {
	width: 232px;
	float: left;
	margin-right: 22px;
}
.item-related:last-child {
	margin-right:0;
}

	#main.fullwidth .item-related {
		width:340px;
		margin-right:30px;
	}
	#main.fullwidth .item-related:last-child {
		margin-right:0;
	}

.item-related img {
	margin-bottom: 10px;
	width: 100%;
	height: auto;
}
.item-related h3 {
	margin-bottom: 4px;
	line-height: 1.1em;
}
.item-related h3 a {
	font-weight: 600;
	color: #242424;
}
.item-related span.date {
	font-size: 13px;
	font-style: italic;
	color: #999;
}

/**
 * Tags
 */
.post-tags {
	margin-top: 25px;
	margin-bottom: -15px;
	padding-bottom: 13px;
	clear: both;
}
.post-tags a {
	font-size: 10px !important;
	background: #f2f2f2;
	color: #777;
	padding: 9px 10px 10px 11px;
	margin-right: 5px;
	margin-bottom: 8px;
	display: inline-block;
	-o-transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	transition: .3s;
}
.post-tags a:hover {
	text-decoration: none;
	background: #47c9e5;
	color: #fff;
}

/**
 * Post Paging
 */
.post-pagination {
	border: 1px solid #c6c6c6;
	padding: 20px 28px;
	overflow: hidden;
	margin-bottom: 70px;
	margin-top: 60px;
}
.post-pagination a {
	color: #999;
}
.post-pagination a:hover {
	color: #000;
}
.post-pagination .prev {
	float: left;
}
.post-pagination .next {
	float: right;
}

/**
 * Comments
 */
.post-comments {
	margin-bottom: 60px;
	margin-top: 70px;
}
.comments {
	margin-bottom: 40px;
}
.thecomment {
	border-bottom: 1px solid #eee;
	padding-bottom: 34px;
	margin-bottom: 34px;
}
.thecomment .author-img {
	float: left;
	margin-right: 20px;
}
.thecomment .author-img img {
	border-radius: 50%;
}
.thecomment .comment-text {
	overflow: hidden;
}
.thecomment .comment-text h6.author, 
.thecomment .comment-text h6.author a {
	display: block;
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-bottom: 6px;
	color: #333;
}
.thecomment .comment-text span.author a:hover {
	text-decoration: underline;
}
.thecomment .comment-text span.date {
	font-size: 12px;
	color: #999;
	font-style: italic;
	display: block;
	margin-bottom: 10px;
}
.thecomment .comment-text em {
	font-size: 13px;
	margin-bottom: -14px;
	display: block;
	color: orange;
	letter-spacing: 1px;
}
.thecomment .comment-text em i {
	font-size: 14px;
	color: #f3bd00;
}
.post-comments span.reply a {
	float: right;
	font-size: 10px;
	color: #fff;
	padding: 2px 5px 2px;
	border-radius: 2px;
	margin-left: 7px;
	-o-transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	transition: .3s;
}
.post-comments span.reply a.comment-edit-link {
	background: #c5c5c5;
}
.post-comments span.reply a:hover {
	opacity: .8;
}
.post-comments ul.children { 
	margin: 0 0 0 5%;
}
.post-comments ul.children li.thecomment { 
	margin: 0 0 8px 0; 
}

/**
 * Comment Form
 */
#respond {
	margin-bottom: 20px;
	overflow: hidden;
}
#respond h3 {
	color: #000;
	margin-bottom: 20px;
}
#respond h3 a {
	color: #000;
	display: inline-block;
}
#respond h3 small a {
	text-transform: uppercase;
	font-size: 11px;
	background: #333;
	color: #fff;
	padding: 4px 6px 5px;
	border-radius: 3px;
	margin-left: 7px;
	letter-spacing: 1px;
	-o-transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	transition: .3s;
}
#respond h3 small a:hover {
	opacity: .8;
}

#respond label {
	color: #000;
	width: 80px;
	font-size: 13px;
	display: inline-block;
	font-weight: 300;
}
#respond input {
	padding: 8px 10px;
	margin-right: 10px;
	color: #999;
	margin-bottom: 15px;
	font-size: 11px;
	width: 250px;
}
#respond input:focus {
	outline: none;
}
#respond .comment-form-url {
	margin-bottom: 10px;
}
#respond textarea {
	padding: 14px;
	height: 130px;
	font-size: 13px;
	color: #777;
	margin-bottom: 14px;
	line-height: 20px;
}
#respond textarea:focus {
	outline: none;
}
#respond #submit {
	padding: 11px 20px;
	width: auto;
	margin-top: 0;
	background: #000;
	color: #fff;
}
#respond #submit:hover {
	background: #333;
	color: #fff;
}

/**
 * Post Paging
 */
.pagination {
	margin: 20px 0 0;
	overflow: hidden;
}
.pagination a {
	display: inline-block;
	color: #242424;
	text-transform: uppercase;
	font-size: 11px;
	letter-spacing: 1px;
	border: 1px solid #c6c6c6;
	padding: 10px 15px 8px 15px;
	font-weight: 700;
	-o-transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	transition: .3s;
}
.pagination a:hover {
	color: #999;
}
.pagination .newer {
	float: left;
	
}
.pagination .older {
	float: right;
}

/**
 * Masonry Grid
 */
.masonry-sizer,
.masonry-item { 
	width: 48.5%;
	position: relative;
}
.post.masonry-item,
.content-blocks.masonry-item {
	margin-bottom: 4% !important;
}
.gutter-sizer {
	width: 3%;
}
.masonry-item .post-img {
	min-height: 450px;
	background-color: #c1c1c1;
}
.masonry-item .masonry-post-noimg {
	background: #c1c1c1;
	min-height: 50px;
	padding: 120px 0 40px;
}
.masonry-item .post-img .post-header {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 85%;
	padding: 0 7.5%;
	margin-bottom: 40px;
}
.masonry-item .masonry-post-noimg .post-header {
	position: relative;
	bottom: 0;
	left: 0;
	width: 85%;
	padding: 0 7.5%;
	margin-bottom: 0;
}
.masonry-item .post-header .cat a {
	color: #fff;
}
.masonry-item .post-header .cat {
	margin-bottom: 6px;
	display: block;
}
.masonry-item .post-header h2 {
	margin-bottom: 5px;
}
.masonry-item .post-header h2 a {
	display: inline-block;
	font-size: 40px;
	font-weight: 700;
	line-height: 1.2;
	color: #fff;
}
.masonry-item p {
	margin-bottom: 15px;
	font-size: 12px;
	color: #fff;
	font-style: italic;
	letter-spacing: 1px;
}
.thumb-more {
	color: #fff;
	padding: 12px 20px;
	border: none;
	background: #000;
	display: inline-block;
	-o-transition: .25s;
	-ms-transition: .25s;
	-moz-transition: .25s;
	-webkit-transition: .25s;
	transition: .25s;
	border-radius: 100px;
}
.thumb-more:hover {
	background: #fff;
	color: #000;
}

/**
 * Content Blocks Post-Type
 */
.content-blocks.masonry-item {
	margin-bottom: 4% !important;
	overflow: visible;
}

.masonry-item .cb-post-img {
	display: table;
	width: 100%;
	padding: 20% 0;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	overflow: visible;
}
.masonry-item .cb-post-img.cb-post-noimg {
	height: 100px;
	background: #222;
}
.masonry-item .cb-post-img .cb-post-header {
	height: 100%;
    display: table-cell;   
    vertical-align: middle;   
	text-align: center;
	z-index: 99;
}
.masonry-item .cb-post-header .cb-cat {
	color: #fff;
	margin-bottom: 6px;
	display: block;
	display: inline-block;
}
.masonry-item .cb-post-header h2 {
	font-size: 40px;
	line-height: 1.2;
	color: #fff;
	font-weight: 700;
}
.masonry-item p.cb-text {
	margin-bottom: 0px;
	font-size: 12px;
	color: #fff;
	font-style: italic;
	letter-spacing: 1px;
}
.content-blocks .thumb-more {
	margin-top: 15px;
}
.no-bubble .cb-bubble {
	display: none;
}
.cb-bubble {
	position: absolute;
	top: 40px;
	background: #000;
	z-index: 9999;
	border-radius: 50%;
	width: 100px;
	height: 100px;
}
.cb-bubble.bubble-right {
	right: -45px;
}
.cb-bubble.bubble-left {
	left: -45px;
}
.cb-bubble span {
	color: #fff;
	display: block;
	text-align: center;
}
.cb-bubble span.bubble-text-big {
	font-size: 30px;
	line-height: 1em;
	font-family: 'PT Serif Caption', serif;
	margin: 25px 0 3px;
}
.cb-bubble span.bubble-text-small {
	font-size: 10px;
	text-transform: uppercase;
	letter-spacing: 1px;
}

/**
 * Dark/Light Options for Posts & Content Blocks
 */
.masonry-item .post-header.color-dark .cat a,
.content-blocks .cb-post-header.color-dark .cb-cat,
.masonry-item .post-header.color-dark p,
.content-blocks .cb-post-header.color-dark p,
.masonry-item .post-header.color-dark h2 a,
.content-blocks .cb-post-header.color-dark h2 {
	color: #000;
}
.thumb-more.color-light,
.feat-more.color-light {
	color: #000;
	background: #fff;
}
.thumb-more.color-light:hover,
.feat-more.color-light:hover {
	color: #fff;
	background: #000;
}
.thumb-more.color-accent,
.feat-more.color-accent {
	background: #47c9e5;
}
.thumb-more.color-accent:hover,
.feat-more.color-accent:hover {
	color: #fff;
	background: #000;
}


/*---------------------------------------------------------------
	07. Pages
---------------------------------------------------------------*/

/**
 * Page Headers
 */
.trevillion-page-header {
	height: 180px;
	margin-bottom: 60px;
	position: relative;
	background: #c1c1c1;
	background-size: cover;
}

.page-header-inner {
	height: 100%;
	width: 100%;
	position: absolute;
	background: rgba(0,0,0,0.4);
}

.page-title {
	text-align: center;
	margin-bottom: 40px;
	border: 1px solid #c6c6c6;
	padding: 28px;
}
.page-title h1 {
	font-size: 16px;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 700;
	margin-bottom: 0;
}

/**
 * Archive page header
 */
.archive-box {
	text-align: center;
	margin-bottom: 40px;
	border: 1px solid #c6c6c6;
	padding: 28px;
}
.archive-box h1 {
	font-size: 16px;
	color: #000;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 700;
	display: inline;
}
.archive-box span {
	font-size: 17px;
	font-style: italic;
	color: #999;
	display: inline-block;
	margin-right: 4px;
}
.post-entry.nothing {
	font-size: 14px;
	color: #242424;
	text-align: center;
}

/**
 * 404 Not Found
 */
.error-page {
	text-align: center;
	padding: 30px 0;
}
.error-page h1 {
	font-size: 70px;
	line-height: 40px;
	margin-bottom: 10px;
	text-transform: uppercase;
}
.error-page h2 {
	display: block;
	font-size: 30px;
	margin-bottom: 10px;
	text-transform: uppercase;
}
.error-page p {
	margin-bottom: 25px;
	color: #888;
}
.error-page .feat-more:hover {
	color: #fff;
}


/*---------------------------------------------------------------
	08. Widgets
---------------------------------------------------------------*/

.widget {
	margin-bottom: 50px;
}
.widget-title {
	background: #000;
	text-align: center;
	color: #fff;
	padding: 13px 0;
	position: relative;
	margin-bottom: 25px;
}
.widget p {
	font-size: 13px;
	line-height: 22px;
}
.widget ul li {
	margin-bottom: 12px;
	padding-bottom: 12px;
	border-bottom: 1px solid #d5d5d5;
}
.widget ul li:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
}
.widget ul li a {
	color: #242424;
}
.widget img {
	max-width: 100%;
	height: auto;
}
.widget .screen-reader-text {
	display: none;
}

/**
 * About Author
 */
.about-widget {
	text-align: center;
}
.about-img {
	margin-bottom: 14px;
}
.about-title {
	display: block;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: 700;
	margin-bottom: 10px;
}
.about-autograph {
	margin-top: 14px;
	display: inline-block;
}

/**
 * Social
 */
.social-widget {
	text-align: center;
}
.social-widget a {
	color: #000;
	font-size: 16px;
	margin: 0 10px;
	-o-transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	transition: .3s;
}
.social-widget a:hover {
	color: #47c9e5;
}

/**
 * Category List
 */
.widget_categories ul li, 
.widget_archive ul li {
	color: #999;
}
.widget_categories a, 
.widget_archive a {
	margin-right: 5px;
}

/**
 * Recent Posts
 */
.widget_recent_entries .post-date {
	color: #999;
	font-style: italic;
	display: block;
	font-size: 12px;
	margin-top: 5px;
}

/**
 * Recent Comments
 */
.widget_recent_comments .comment-author-link, 
.widget_recent_comments .comment-author-link a {
	color: #999;
	font-style: italic;
}

/**
 * Calendar
 */
#wp-calendar { 
	width: 100%; 
}
#wp-calendar caption { 
	text-align: right; 
	color: #777; 
	font-size: 12px; 
	margin-top: 10px; 
	margin-bottom: 15px; 
	border-bottom: 1px solid #c6c6c6; 
	padding-bottom: 8px; 
}
#wp-calendar thead { 
	font-size: 12px; 
}
#wp-calendar thead th { 
	padding-bottom: 10px; 
}
#wp-calendar tbody { 
	color: #aaa; 
}
#wp-calendar tbody td { 
	background: #f5f5f5; 
	border: 1px solid #fff; 
	text-align: center; 
	padding: 8px; 
	font-size: 12px; 
}
#wp-calendar tbody td a { 
	font-weight: 700; 
	color: #222; 
}
#wp-calendar tbody td:hover { 
	background: #fff; 
}
#wp-calendar tbody .pad { 
	background: none; 
}
#wp-calendar tfoot #next { 
	font-size: 10px; 
	text-transform: uppercase; 
	text-align: right; 
}
#wp-calendar tfoot #prev { 
	font-size: 10px; 
	text-transform: uppercase; 
	padding-top: 10px; 
}
#wp-calendar thead th { 
	padding-bottom: 10px; 
	text-align: center; 
}

/**
 * WordPress Menu
 */
.widget ul.menu li ul {
	padding-left: 15px;
	margin-top: 9px;
}

/**
 * Tagcloud
 */
.widget .tagcloud a {
	font-size: 10px !important;
	background: #f2f2f2;
	color: #777;
	padding: 9px 10px 10px 11px;
	margin-right: 5px;
	margin-bottom: 8px;
	display: inline-block;
	-o-transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	transition: .3s;
}
.widget .tagcloud a:hover {
	text-decoration: none;
	background: #47c9e5;
	color: #fff;
}

/**
 * Search
 */
#searchform input#s {
	border: 1px solid #c6c6c6;
	background: #fff url(assets/img/searchsubmit.png) no-repeat 96% 13px;
	padding: 14px 14px;
	font-size: 12px;
	font-style: italic;
	color: #999;
	width: 280px;
}
.widget #searchform #s:focus { 
	outline: none; 
}
.widget #searchform input#s { 
	width: 100%;
	box-sizing: border-box;
}

/**
 * Instagram
 */
#sidebar .instagram-pics {
	margin-left: -10px;
	overflow: hidden;
}
#sidebar .instagram-pics li {
	width: 30%;
	display: inline-block;
	border-bottom: none;
	padding: 0;
	margin: 0 0 10px 10px;
	float: left;
}
#sidebar .instagram-pics li img {
	max-width: 100%;
	vertical-align: middle;
}
#sidebar .instagram-pics li img:hover {
	opacity: .87;
}

/**
 * Latest Posts
 */
.widget ul.widget-latest-posts li {
	list-style-type: none;
	margin-bottom: 17px;
	padding-bottom: 13px;
	margin-left: 0;
}
.widget ul.widget-latest-posts li:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
}
.widget ul.widget-latest-posts li .widget-latest {
	overflow: hidden;
}
.widget ul.widget-latest-posts li .widget-latest .widget-latest-image {
	float: left;
	margin-right: 14px;
}
.widget ul.widget-latest-posts li .widget-latest .widget-latest-image img {
	width: 80px;
	height: auto;
	border-radius: 50%;
}
.widget ul.widget-latest-posts li .widget-latest .widget-latest-text {
	overflow: hidden;
}
.widget ul.widget-latest-posts li .widget-latest .widget-latest-text h4 {
	margin-bottom: 4px;
}
.widget ul.widget-latest-posts li .widget-latest .widget-latest-text h4 a {
	margin-bottom: 1px;
	color: #000;
	display: block;
	font-size: 15px;
	font-weight: 600;
	text-transform: uppercase;
}
.widget ul.widget-latest-posts li .widget-latest .widget-latest-text .widget-latest-meta {
	font-size: 12px;
	color: #999;
	font-style: italic;
}


/*---------------------------------------------------------------
	09. Footer
---------------------------------------------------------------*/

#footer {
	background: #000;
}

/**
 * Instagram
 */
#instagram-footer {
	text-align: center;
	overflow: hidden;
}
.instagram-title {
	margin-bottom: 20px;
	color: #9e9b9a;
}
#instagram-footer .instagram-pics li {
	width: 12.5%;
	display: inline;
	float: left;
}
#instagram-footer .instagram-pics li img {
	max-width: 100%;
	vertical-align: middle;
}
#instagram-footer .instagram-pics li img:hover {
	opacity: .87;
}
#instagram-footer p.clear {
	font-size: 11px;
	border-bottom: 1px solid #eee;
	display: inline-block;
	margin-top: 5px;
}

/**
 * Social Icons
 */
#footer-social {
	border-bottom: 1px solid;
	border-color: #202020;
	text-align: center;
	padding: 28px 0;
}
#footer-social a {
	color: #fff;
	margin: 0 28px;
	-o-transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	transition: .3s;
}
#footer-social a:hover {
	color: #47c9e5;
}
#footer-social a span {
	margin-left: 5px;
}

/**
 * Widgets
 */
 .footer-widgets {
 	padding: 50px 0 0px;
 	border-bottom: 1px solid;
	border-color: #202020;
 }
.footer-widget-column {
	float: left;
}
.footer-widget-column:first-child:nth-last-child(1) {
	width: 100%;
}
.footer-widget-column:first-child:nth-last-child(2),
.footer-widget-column:first-child:nth-last-child(2) ~ div {
    width: 48%;
}
.footer-widget-column:first-child:nth-last-child(2) ~ div {
	margin-left: 4%;
}
.footer-widget-column:first-child:nth-last-child(3),
.footer-widget-column:first-child:nth-last-child(3) ~ div {
    width: 30.66666666666667%;
}
.footer-widget-column:first-child:nth-last-child(3) ~ div {
	margin-left: 4%;
}

#footer .widget-title {
	background: none;
	text-align: center;
	color: #777;
	padding: 0;
	position: relative;
	margin-bottom: 25px;
}
#footer .widget p {
	font-size: 13px;
	line-height: 22px;
	margin: 0 0 20px;
	color: #6d6d6d;
}
#footer .widget ul li {
	margin-bottom: 12px;
	padding-bottom: 12px;
	border-bottom: 1px solid #202020;
}
#footer .widget ul li:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
}
#footer .widget ul li a {
	color: #fff;
}
#footer .widget img {
	max-width: 100%;
	height: auto;
}
#footer .widget .screen-reader-text {
	display: none;
}

/* About Author */
#footer .about-widget {
	text-align: center;
}
#footer .about-img {
	margin-bottom: 14px;
}
#footer .about-title {
	display: block;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: 700;
	margin-bottom: 10px;
}
#footer .about-autograph {
	margin-top: 14px;
	display: inline-block;
}

/* Social */
#footer .social-widget {
	text-align: center;
}
#footer .social-widget a {
	color: #fff;
	font-size: 18px;
	margin: 0 10px;
	-o-transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	transition: .3s;
}
#footer .social-widget a:hover {
	color: #47c9e5;
}

/* Category List */
#footer .widget_categories ul li, 
#footer .widget_archive ul li {
	color: #999;
}
#footer .widget_categories a, 
#footer .widget_archive a {
	margin-right: 5px;
}

/* Recent Posts */
#footer .widget_recent_entries .post-date {
	color: #999;
	font-style: italic;
	display: block;
	font-size: 12px;
	margin-top: 5px;
}

/* Recent Comments */
#footer .widget_recent_comments .comment-author-link, 
#footer .widget_recent_comments .comment-author-link a {
	color: #999;
	font-style: italic;
}

/* Calendar */
#footer #wp-calendar { 
	width: 100%; 
}
#footer #wp-calendar caption { 
	text-align: right; 
	color: #777; 
	font-size: 12px; 
	margin-top: 10px; 
	margin-bottom: 15px; 
	border-bottom: 1px solid #c6c6c6; 
	padding-bottom: 8px; 
}
#footer #wp-calendar thead { 
	font-size: 12px; 
}
#footer #wp-calendar thead th { 
	padding-bottom: 10px; 
}
#footer #wp-calendar tbody { 
	color: #aaa; 
}
#footer #wp-calendar tbody td { 
	background: #f5f5f5; 
	border: 1px solid #fff; 
	text-align: center; 
	padding: 8px; 
	font-size: 12px; 
}
#footer #wp-calendar tbody td a { 
	font-weight: 700; 
	color: #222; 
}
#footer #wp-calendar tbody td:hover { 
	background: #fff; 
}
#footer #wp-calendar tbody .pad { 
	background: none; 
}
#footer #wp-calendar tfoot #next { 
	font-size: 10px; 
	text-transform: uppercase; 
	text-align: right; 
}
#footer #wp-calendar tfoot #prev { 
	font-size: 10px; 
	text-transform: uppercase; 
	padding-top: 10px; 
}
#footer #wp-calendar thead th { 
	padding-bottom: 10px; 
	text-align: center; 
}

/* WordPress Menu */
#footer .widget ul.menu li ul {
	padding-left: 15px;
	margin-top: 9px;
}

/* Tagcloud */
#footer .widget .tagcloud a {
	font-size: 10px !important;
	background: #222;
	color: #fff;
}
#footer .widget .tagcloud a:hover {
	text-decoration: none;
	background: #47c9e5;
	color: #fff;
}

/* Search */
#footer #searchform input#s {
	border: 1px solid #c6c6c6;
	background: #fff url(assets/img/searchsubmit.png) no-repeat 96% 13px;
	padding: 14px 14px;
	font-size: 12px;
	font-style: italic;
	color: #999;
	width: 280px;
}
#footer .widget #searchform #s:focus { 
	outline: none; 
}
#footer .widget #searchform input#s { 
	width: 100%;
	box-sizing: border-box;
}

/* Instagram */
#footer #sidebar .instagram-pics {
	margin-left: -10px;
	overflow: hidden;
}
#footer #sidebar .instagram-pics li {
	width: 30%;
	display: inline-block;
	border-bottom: none;
	padding: 0;
	margin: 0 0 10px 10px;
	float: left;
}
#footer #sidebar .instagram-pics li img {
	max-width: 100%;
	vertical-align: middle;
}
#footer #sidebar .instagram-pics li img:hover {
	opacity: .87;
}

/* Latest Posts */
#footer .widget ul.widget-latest-posts li {
	list-style-type: none;
	margin-bottom: 17px;
	padding-bottom: 13px;
	margin-left: 0;
}
#footer .widget ul.widget-latest-posts li:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
}
#footer .widget ul.widget-latest-posts li .widget-latest {
	overflow: hidden;
}
#footer .widget ul.widget-latest-posts li .widget-latest .widget-latest-image {
	float: left;
	margin-right: 14px;
}
#footer .widget ul.widget-latest-posts li .widget-latest .widget-latest-image img {
	width: 80px;
	height: auto;
}
#footer .widget ul.widget-latest-posts li .widget-latest .widget-latest-text {
	overflow: hidden;
}
#footer .widget ul.widget-latest-posts li .widget-latest .widget-latest-text h4 {
	margin-bottom: 4px;
}
#footer .widget ul.widget-latest-posts li .widget-latest .widget-latest-text h4 a {
	margin-bottom: 1px;
	color: #fff;
	display: block;
	font-size: 16px;
	font-weight: 600;
}
#footer .widget ul.widget-latest-posts li .widget-latest .widget-latest-text .widget-latest-meta {
	font-size: 12px;
	color: #999;
	font-style: italic;
}

/**
 * Copyright
 */
#footer #footer-copyright {
	text-align: center;
	padding: 28px 0;
}
#footer .copyright {
	color: #888;
	font-size: 12px;
}
#footer .copyright a {
	color: #fff;
}


/*---------------------------------------------------------------
	10. Forms
---------------------------------------------------------------*/

input, textarea {
	font-family: 'PT Serif Caption', serif;
}
input[type=submit] {
	text-transform: uppercase;
	letter-spacing: 2px;
	background: #000;
	border-radius: 0;
	font-size: 10px;
	color: #fff;
	padding: 11px 21px;
	margin-top: 14px;
	display: inline-block;
	border: none;
	-o-transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	transition: .3s;
	cursor: pointer;
	border-radius: 30px;
	width: auto;
}
input[type=submit]:hover {
	background: #333;
	color: #fff;
}
input, 
select, 
textarea {
	border: 1px solid #c6c6c6;
	color: #888;
	padding: 9px 10px;
	width: 100%;
	box-sizing: border-box;
}
input:focus, 
select:focus, 
textarea:focus {
	border: 1px solid #c4c4c4;
	outline: none;
}


/*---------------------------------------------------------------
	11. WordPress Core
---------------------------------------------------------------*/

.alignnone {
    margin: 5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}
.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}
.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}
a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}
a img.alignnone {
    margin: 5px 20px 20px 0;
}
a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}
a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}
.wp-caption {
    max-width: 100%;
    text-align: center;
	box-sizing:border-box;
}
.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}
.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 100%;
    padding: 0;
    width: auto;
}
.wp-caption p.wp-caption-text {
    font-size: 16px;
	font-style:italic;
	color:#888;
    line-height: 17px;
    margin: 8px 0 0;
}
.gallery {
	margin-bottom:20px !important;
}
.gallery .gallery-caption {  
    font-size:12px;
	color:#888;
	margin-top:4px;
	font-style:italic;
}  
.gallery .gallery-icon img {  
    border-radius:2px;  
    border:1px solid #eee !important;  
	padding:7px;
}  
.gallery .gallery-icon img:hover {
	border:1px solid #ccc !important;  
}


/*---------------------------------------------------------------
	12. Plugin Support
---------------------------------------------------------------*/

/**
 * Contact Form 7
 */ 
.wpcf7 input {
	width: 300px;
}
div.wpcf7 {
	overflow: hidden;
	margin-top: 30px;
}
.wpcf7 input, 
.wpcf7 textarea {
	font-size: 12px;
	margin-top: 6px;
}
.wpcf7 p {
	color: #888;
	font-style: italic;
	margin-bottom: 18px;
}
.wpcf7 .wpcf7-submit {
	width: auto;
	font-size: 10px;
	margin-top: 0;
}

/**
 * Slicknav
 */
.slicknav_btn { 
	position: relative;
	vertical-align: middle; 
	line-height: 27px; 
	cursor: pointer; 
	height: 27px;
}
.slicknav_menu .slicknav_menutxt { 
	display: block; 
	line-height: 1.188em; 
	float: left; 
}
.slicknav_menu .slicknav_icon { 
	float: left; 
	margin: 0.188em 0 0 0.438em; 
	font-size: 19px;
}
.slicknav_menu .slicknav_no-text { 
	margin: 0 
}
.slicknav_menu .slicknav_icon-bar { 
	display: block; 
	width: 1.125em; 
	height: 0.125em; 
}
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { 
	margin-top: 0.188em; 
}
.slicknav_nav { 
	clear: both; 
}
.slicknav_nav ul,
.slicknav_nav li { 
	display: block 
}
.slicknav_nav .slicknav_arrow { 
	font-size: 0.8em; 
	margin: 0 0 0 0.4em; 
}
.slicknav_nav .slicknav_item { 
	cursor: pointer; 
}
.slicknav_nav .slicknav_row { 
	display: block; 
}
.slicknav_nav a { 
	display: block; 
}
.slicknav_nav .slicknav_item a,
.slicknav_nav .slicknav_parent-link a { 
	display: inline; 
}
.slicknav_menu:before,
.slicknav_menu:after { 
	content: " "; 
	display: table; 
}
.slicknav_menu:after { 
	clear: both; 
}
.slicknav_menu { 
	*zoom: 1; 
}
.slicknav_btn {
    display: inline-block;
	margin: 0 auto;
}
.slicknav_menu .slicknav_icon-bar {
  background-color: #fff;
}
.slicknav_menu {
    text-align: center;
}
.slicknav_nav {
    margin: 0;
    padding: 0;
}
.slicknav_nav, 
.slicknav_nav ul {
    list-style: none;
    overflow: hidden;
    background: #161616;
}
.slicknav_nav ul {
    padding: 0;
    margin: 0 0 0 0;
}
.slicknav_nav .slicknav_row {
    padding: 10px 10px;
}
.slicknav_nav a {
    padding: 10px 10px;
    text-decoration: none;
    color: #fff;
	font-size: 11px;
	font-weight: 400;
	letter-spacing: 2px;
	text-transform: uppercase;
}
.slicknav_nav .slicknav_item a,
.slicknav_nav .slicknav_parent-link a {
    padding: 0;
    margin: 0;
}
.slicknav_nav a:hover {
    background: #333;
    color: #fff;
}
.slicknav_nav .slicknav_txtnode {
    margin-left: 15px;   
}

.slicknav_menu .slicknav_no-text {
	margin-top: 7px;
}


/*---------------------------------------------------------------
	13. Media Queries
---------------------------------------------------------------*/

@media only screen and ( min-width: 942px ) and ( max-width: 1170px ) {
	
	/**
	 * Global Layout
	 */
	.container,
	#top-bar .container { 
		width: 940px;
	}
	#main { 
		width: 610px; 
	}

	/**
	 * Header
	 */
	.home #header, 
	.page-template-page-slider #header, 
	.page-template-page-fullwidth-slider #header {
		border-bottom: 0;
	}
	
	/**
	 * Featured Slider
	 */
	.feat-item {
		height: 550px;
	}
	.feat-inner {
		margin: 10% auto 0;
	}
	.feat-overlay h2 {
		font-size: 34px;
		margin-bottom: 10px;
	}
	.feat-overlay .cat a {
		margin: 0 3px 10px;
		padding-bottom: 0px;
	}
	.feat-excerpt {
		margin: 0 0 20px;
	}
	.feat-more {
		padding: 16px 33px;
	}
	
	/**
	 * Related Posts
	 */
	.item-related {
		width: 190px;
		margin-right: 20px;
	}
	#main.fullwidth .item-related {
		width: 292px;
		margin-right: 32px;
	}
	#main.fullwidth .item-related:last-child {
		margin-right:0;
	}
	
	/**
	 * Footer
	 */
	#footer-social a {
		margin: 0 19px;
	}
	
}

@media only screen and (min-width: 768px) and (max-width: 960px) {
	
	/**
	 * Global Layout
	 */
	.container,
	#top-bar .container { 
		width: 726px;
	}
	#main { 
		width: 100%; 
	}
	#sidebar {
		width: 480px;
		margin: 0 auto;
		float: none;
		overflow: hidden;
	}

	/**
	 * Header
	 */
	.home #header, 
	.page-template-page-slider #header, 
	.page-template-page-fullwidth-slider #header {
		border-bottom: 0;
	}
	
	/**
	 * Navigation
	 */
	#nav-wrapper {
		display: none;
	}
	.slicknav_menu {
		display: block;
	}
	
	/**
	 * Featured Slider
	 */
	.feat-item {
		height: 500px;
	}
	.feat-inner {
		margin: 12% auto 0;
	}
	.feat-overlay h2 {
		font-size: 28px;
		margin-bottom: 5px;
	}
	.feat-overlay .cat a {
		margin: 0 3px 10px;
		padding-bottom: 0px;
	}
	.feat-excerpt {
		margin: 0 0 15px;
	}
	.feat-more {
		padding: 13px 30px;
	}

	/**
	 * Masonry Posts
	 */
	.masonry-item .post-header h2 a {
		font-size: 24px;
	}

	/**
	 * Content Blocks Post-Type
	 */
	.masonry-item .cb-post-header h2 {
		font-size: 24px;
	}
	.cb-bubble {
		width: 90px;
		height: 90px;
	}
	.cb-bubble span.bubble-text-big {
		font-size: 24px;
	}
	.cb-bubble span.bubble-text-small {
		font-size: 9px;
	}
	
	/**
	 * Related Posts
	 */
	.item-related, 
	#main.fullwidth .item-related {
		width: 230px;
		margin-right: 18px;
	}
	
	#main.fullwidth .item-related:last-child {
		margin-right:0;
	}
	
	/**
	 * Footer
	 */
	#footer-social a span {
		display:none;
	}
	#footer-social a {
		font-size:18px;
	}
	
}

@media only screen and (min-width: 480px) and (max-width: 768px) {
	
	/**
	 * Global Layout
	 */
	.container,
	#top-bar .container { 
		width: 480px;
	}

	/**
	 * Header
	 */
	.home #header, 
	.page-template-page-slider #header, 
	.page-template-page-fullwidth-slider #header {
		border-bottom: 0;
	}
	.the-timestamp {
		display: none;
	}
	#top-bar .container {
		text-align: center;
	}
	#top-social {
		position: relative;
		margin: 0 auto;
	}
	
	/**
	 * Featured Slider
	 */
	.feat-item {
		height: 450px;
	}
	.feat-inner {
		margin: 16% auto 0;
	}
	.feat-overlay h2 {
		font-size: 24px;
		line-height: 1em;
		margin-bottom: 5px !important;
		letter-spacing: 0;
	}
	.feat-overlay .cat a {
		margin: 0 3px 10px;
		padding-bottom: 0px;
		font-size: 10px;
	}
	.feat-excerpt {
		margin: 0 0 10px;
	}
	.feat-inner {
		max-width: 70%;
	}
	.feat-more {
		padding: 10px 27px;
	}

	/**
	 * Masonry
	 */
	.masonry-sizer,
	.masonry-item { 
		width: 100%;
	}

	/**
	 * Masonry Posts
	 */
	.masonry-item .post-header h2 a {
		font-size: 24px;
	}

	/**
	 * Content Blocks Post-Type
	 */
	.masonry-item .cb-post-header h2 {
		font-size: 24px;
	}
	.cb-bubble {
		width: 80px;
		height: 80px;
	}
	.cb-bubble span.bubble-text-big {
		font-size: 20px;
		margin-top: 20px;
	}
	.cb-bubble span.bubble-text-small {
		font-size: 9px;
	}
	
	/**
	 * Related Posts
	 */
	.item-related, 
	#main.fullwidth .item-related {
		width: 148px;
		margin-right: 18px;
	}
	
	/**
	 * Post Author
	 */
	.author-img img {
		max-width: 70px;
		height: auto;
	}
	
	/**
	 * Footer
	 */
	#footer-social a {
		font-size: 18px;
		margin: 0 18px;
	}
	.footer-widget-column {
		width: 100% !important;
		margin-left: 0 !important;
	}
	.widget ul.widget-latest-posts li .widget-latest .widget-latest-text h4 a,
	#footer .widget ul.widget-latest-posts li .widget-latest .widget-latest-text h4 a {
		font-size: 14px;
	}
	
}

@media only screen and ( max-width: 767px ) {
	
	/**
	 * Global Layout
	 */
	.container,
	#top-bar .container { 
		width: 300px;
	}
	#main { 
		width: 100%; 
	}
	#sidebar {
		width: 100%;
	}

	/**
	 * Header
	 */
	.home #header, 
	.page-template-page-slider #header, 
	.page-template-page-fullwidth-slider #header {
		border-bottom: 0;
	}
	.the-timestamp {
		display: none;
	}
	#top-bar .container {
		text-align: center;
	}
	#top-social {
		position: relative;
		margin: 0 auto;
	}

	/**
	 * Logo
	 */
	#logo img {
		max-width: 100%;
	}
	
	/**
	 * Navigation
	 */
	#nav-wrapper {
		display:none;
	}
	.slicknav_menu {
		display:block;
	}
	
	/**
	 * Featured Slider
	 */
	.feat-item {
		height: 400px;
	}
	.feat-overlay h2 {
		font-size: 22px;
		line-height: 1em;
		margin-bottom: 5px !important;
		letter-spacing: 0;
	}
	.feat-overlay .cat a {
		margin: 0 3px 10px;
		padding-bottom: 0px;
		font-size: 10px;
	}
	.feat-excerpt {
		margin: 0 0 10px;
	}
	.feat-more {
		font-size: 10px;
		padding: 8px 20px;
	}
	.feat-inner {
		max-width: 80%;
		margin: 22% auto 0;
	}

	/**
	 * Masonry
	 */
	.masonry-sizer,
	.masonry-item { 
		width: 100%;
	}

	/**
	 * Masonry Posts
	 */
	.masonry-item .post-header h2 a {
		font-size: 24px;
		letter-spacing: 0;
	}

	/**
	 * Content Blocks Post-Type
	 */
	.masonry-item .cb-post-header h2 {
		font-size: 24px;
	}
	.cb-bubble {
		width: 80px;
		height: 80px;
	}
	.cb-bubble span.bubble-text-big {
		font-size: 20px;
		margin-top: 20px;
	}
	.cb-bubble span.bubble-text-small {
		font-size: 9px;
	}
	
	/**
	 * Related Posts
	 */
	.item-related, 
	#main.fullwidth .item-related {
		width: 300px;
		margin-right: 0;
		margin-bottom: 20px;
	}
	
	/**
	 * Post Header
	 */
	.post-header h2 a, 
	.post-header h1 {
		font-size: 24px;
	}
	.post-header h2, 
	.post-header h1 {
		max-width: 100%;
	}
	
	/**
	 * Post Sharing
	 */
	.post-share-box {
		width: 100% !important;
		border-left: none;
		border-bottom: 1px solid #c6c6c6;
		height: 48px;
		line-height: 48px;
	}
	.post-share-box:last-child {
		border-bottom: none;
	}
	
	/**
	 * Post Author
	 */
	.author-img {
		margin-right: 16px;
	}
	.author-img img {
		max-width: 60px;
		height: auto;
	}
	
	/**
	 * Footer
	 */
	#footer-social a span {
		display: none;
	}
	#footer-social a {
		font-size: 18px;
		margin: 0 10px;
	}
	.footer-widget-column {
		width: 100% !important;
		margin-left: 0 !important;
	}
	.widget ul.widget-latest-posts li .widget-latest .widget-latest-text h4 a,
	#footer .widget ul.widget-latest-posts li .widget-latest .widget-latest-text h4 a {
		font-size: 14px;
	}
	
	/**
	 * Instagram
	 */
	#instagram-footer ul.instagram-pics > li {
		width: 25% !important;
	}
	#instagram-footer ul.instagram-pics > li:nth-child(8), 
	#instagram-footer ul.instagram-pics > li:nth-child(7), 
	#instagram-footer ul.instagram-pics > li:nth-child(6), 
	#instagram-footer ul.instagram-pics > li:nth-child(5) {
		display: none;
	}
	
}