/**
 * Theme Name: Chun
 * Theme URI: http://themehybrid.com/themes/chun
 * Description: A responsive CSS3 and HTML5 blogging and portfolio theme.  It supports all post formats and has layout, font, and color options built into the theme customizer. The theme also supports the <a href="http://wordpress.org/extend/plugins/custom-content-portfolio">Custom Content Portfolio</a> plugin, giving artists and other creative people the ability to share their work.
 * Version: 0.1.2
 * Author: Justin Tadlock
 * Author URI: http://justintadlock.com
 * Tags: custom-background, custom-colors, custom-menu, full-width-template, microformats, sticky-post, theme-options, threaded-comments, translation-ready, orange, black, one-column, two-columns, left-sidebar, right-sidebar, flexible-width
 * License: GNU General Public License v2.0
 * License URI: http://www.gnu.org/licenses/gpl-2.0.html
 */

/* This stylesheet is not loaded when SCRIPT_DEBUG is set to false. 'style.min.css' is used instead. */

/**
 * Defaults
 *
 *	Font sizes are calculated based on a 16-pixel base.
 *	44 / 16   =   2.75rem
 *	19 / 16   =   1.1875rem
 *	18 / 16   =   1.125rem
 *	17 / 16   =   1.0675rem
 *	16 / 16   =   1rem
 *	15 / 16   =   0.9375rem
 *	14 / 16   =   0.875rem
 *	13 / 16   =   0.8125rem
 *
 * --------------------------------------------------------------------------- */

html {
	font-size: 16px;
}

/* === Body === */

body {
	overflow-x:       hidden;
	font-family:      Georgia, Times, 'Times New Roman', serif;
	font-size:        1rem;
	line-height:      1.5;
	color:            #454545;
	background-color: #e5e5e5;
	border-top:       10px solid #cb5700;
	border-bottom:    10px solid #050505;

		background: -webkit-linear-gradient(
			top,
			#e5e5e5 12.5%,
			#d5d5d5 25%,
			#c5c5c5 37.5%,
			#b5b5b5 50%,
			#a5a5a5 62.5%,
			#959595 75%,
			#858585 87.5%,
			#757575 100%
		);
		background: -moz-linear-gradient(
			top,
			#e5e5e5 12.5%,
			#d5d5d5 25%,
			#c5c5c5 37.5%,
			#b5b5b5 50%,
			#a5a5a5 62.5%,
			#959595 75%,
			#858585 87.5%,
			#757575 100%
		);
		background: -o-linear-gradient(
			top,
			#e5e5e5 12.5%,
			#d5d5d5 25%,
			#c5c5c5 37.5%,
			#b5b5b5 50%,
			#a5a5a5 62.5%,
			#959595 75%,
			#858585 87.5%,
			#757575 100%
		);
	background: linear-gradient(
		top,
		#e5e5e5 12.5%,
		#d5d5d5 25%,
		#c5c5c5 37.5%,
		#b5b5b5 50%,
		#a5a5a5 62.5%,
		#959595 75%,
		#858585 87.5%,
		#757575 100%
	);
}

/* === Links === */

a {
	color: #cb5700;

		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition:    all 0.5s ease-in-out;
		-o-transition:       all 0.5s ease-in-out;
	transition:  all 0.5s ease-in-out;
}

	a:hover {
		color: #656565;
		text-decoration: underline;

			-webkit-transition: all 0.5s ease-in-out;
			-moz-transition:    all 0.5s ease-in-out;
			-o-transition:       all 0.5s ease-in-out;
		transition:  all 0.5s ease-in-out;
	}

/* === Headers === */

h1, 
h2, 
h3, 
h4, 
h5, 
h6 {
	/**font-family: 'MuliRegular';/**/
	font-weight: normal;
}

	h1 { font-size: 2.5rem; }
	h2 { font-size: 2.25rem;}
	h3 { font-size: 2rem;}
	h4 { font-size: 1.75rem; }
	h5 { font-size: 1.5rem; }
	h6 { font-size: 1.25rem; }

/* === Blockquotes, quotes, and cites === */

blockquote {
	font-style: normal;
	color:      #959595;
}

	blockquote cite {
		padding:      0 10px;
		font-variant: small-caps;
		font-style:   normal;
		color:        #656565;
	}

/* === Acronyms and abbreviations === */

acronym,
abbr {
	border-bottom: 1px dotted #959595;
}

/* === Code === */

code {
	padding:    1px 2px;
	font-size:  0.9375rem;
	color:      #cb5700;
	background: #f5f5f5;
}

pre {
	word-wrap:   normal;
	padding:     25px;
	color:       #cb5700;
	background:  #f5f5f5;
	border:      1px solid #e5e5e5;
	border-left: 5px solid #cb5700;
}


	pre code {
		padding:   0;
		font-size: 1rem;
	}

/* === <address> tag === */

address {
	margin: 0 0 25px !important; /* Not sure what's overwriting this. */
	}

/* === Lists === */

.comment-text ul,
.comment-text ol {
	margin-bottom: 25px;
}

	.comment-text ul ul,
	.comment-text ol ol {
		margin-bottom: 0;
	}

dl {}

	dt {
		font-size: .9375rem;
	}

	dd {
		color: #656565;
	}

/* === Tables === */

table {
	width:         100%;
	border:        1px solid #e5e5e5;
	border-bottom: none;
	}

	table caption {
		margin:       0 0 5px;
		font-size:    0.9375rem;
		font-variant: small-caps;
		color:        #858585;
	}

	th,
	td {
		padding:    10px;

			-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.widget th,
	.widget td {
		padding: 5px 2px;
	}

	th {
		font-family:   'MuliRegular';
		font-size:     0.9375rem;
		font-weight:   normal;
		border-bottom: 1px solid #e5e5e5;
		border-right:  1px solid #e5e5e5;
		text-align:    left;
	}

	td {
		color:         #656565;
		background:    #fafafa;
		border-bottom: 1px solid #e5e5e5;
		border-right:  1px solid #e5e5e5;
	}

	/* wp-calendar */

	#wp-calendar th,
	#wp-calendar td {
		text-align: center;
	}

	#wp-calendar thead {
		border-top: 1px solid #e5e5e5;
	}

	#wp-calendar thead,
	#wp-calendar tbody {
		border-left: 1px solid #e5e5e5;
	}

		#wp-calendar thead th {
			background: #454545;
			color:      #f5f5f5;
		}

		#wp-calendar tbody td.pad {
			background: #fafafa;
		}

		#wp-calendar tbody td {
			font-size:  0.9375rem;
			background: #fff;
		}

		#wp-calendar tbody a {
			display:     block;
			font-weight: bold;
		}

		#wp-calendar,
		#wp-calendar tfoot tr,
		#wp-calendar tfoot td {
			background: transparent;
			border:     none;
		}

/**
 * Images
 * --------------------------------------------------------------------------- */

img {
	max-width:  100%;
	height:     auto;

		-moz-box-sizing: border-box;
	box-sizing: border-box;
}

	a img {
		padding:    15px;
		background: #fafafa;
		border:     1px solid #e5e5e5;
		box-sizing: border-box;

			-webkit-transition: all 0.5s ease-in-out;
			-moz-transition:    all 0.5s ease-in-out;
			-o-transition:       all 0.5s ease-in-out;
		transition:  all 0.5s ease-in-out;
	}

	a img.size-large,
	a img.size-full {
		padding: 25px;
	}

	a:hover img {
		background: #efefef;
		border:     1px solid #d5d5d5;

			-webkit-transition: all 0.5s ease-in-out;
			-moz-transition:    all 0.5s ease-in-out;
			-o-transition:       all 0.5s ease-in-out;
		transition:  all 0.5s ease-in-out;
	}

/* === Thumbnails === */

.thumbnail,
.post-thumbnail {
	float:      right;
	max-width:  190px; /* 160 (size) + 30 (padding) - account for the border-box sizing */
	max-height: 150px; /* 120 + 30 */
	margin:     0 0 25px 25px;
}

.portfolio-large {
	float:      none;
	display:    block;
	height:     auto;
	max-width:  100%;
	max-height: 100%;
	margin:     0 auto 25px;
}

/* === Captions === */

.wp-caption {
	max-width: 100%;
}

	.wp-caption-text {
		margin:     0;
		padding:    0 25px;
		text-align: center;
		font-size:  1.0625rem;
		font-style: italic;
		color:      #959595;
	}

		.wp-caption-text a {
			font-style:    normal;
			font-size:     1.125rem;
			border-bottom: 1px solid transparent;
		}

		.wp-caption-text a:hover {
			background:      #e5e5e5;
			border-bottom:   1px solid #d5d5d5;
			text-decoration: none;
		}

/* === Gallery === */

.gallery {
	margin: 0 0 20px !important;
}

	.gallery .gallery-item {
		margin-bottom: 5px;
	}

		.gallery-icon {
			margin-bottom: 5px;
		}

			.gallery .gallery-icon img {
				margin: 0;
			}

			.gallery .gallery-item .gallery-icon img {
				padding: 5px;
			}

			.gallery .col-1 .gallery-icon img,
			.gallery .col-2 .gallery-icon img,
			.gallery .col-3 .gallery-icon img {
				padding: 15px;
			}

			.gallery .col-4 .gallery-icon img,
			.gallery .col-5 .gallery-icon img,
			.gallery .col-6 .gallery-icon img {
				padding: 10px;
			}

		.gallery .gallery-caption {
			margin-bottom: 5px;
			font-size:     .9375rem;
			color:         #959595;
		}

		.singular-attachment .gallery-caption {
			display: none;
		}

/* === Avatars === */

.avatar {
	width:         80px;
	height:        80px;
	padding:       9px;
	background:    #fafafa;
	border:        1px solid #efefef;

	border-radius: 50%;
}

li.comment .avatar {
	float:  left;
	margin: 0 25px 10px 0;
}

.format-status .avatar {
	float:  left;
	margin: 0 25px 25px 0;
}

a .avatar {
	border-color: #e5e5e5;
}

a:hover .avatar {
	background:   #efefef;
	border-color: #d5d5d5;
}

/**
 * Layout
 * --------------------------------------------------------------------------- */

	#container {
		width:     93.5%;
		max-width: 1100px;
		margin:    0 auto;
	}

		#container > .wrap {
			width: 750px;
			width: 68.18%;
		}

		.layout-1c #container > .wrap {
			width: 100%;
		}

		.layout-2c-l #container > .wrap {
			float: left;
		}

		.layout-2c-r #container > .wrap {
			float: right;
		}

			#menu-primary {
				margin: 0 0 25px;
			}

		#sidebar-primary {
			float:  right;
			width:  300px;
			width:  27.27%;
			margin: 0 0 50px;
		}

		.layout-2c-r #sidebar-primary {
			float: left;
		}

		/* Don't show on theme customizer. */
		.layout-1c #sidebar-primary {
			display: none;
		}

		#footer {
			clear: both;
		}

/**
 * Header
 * --------------------------------------------------------------------------- */

#header {
	text-align: center;
}

	#branding {
		display:    inline-block;
		margin:     0 0 25px;
		padding:    5px 37px 10px;
		background: #cb5700;

			-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

		#site-title {
			margin:     0;
			font-size:  1.1875rem;
		}

			#site-title a:link,
			#site-title a:visited {
				display:       inline-block;
				color:         #050505;
			}

				#site-title a:hover {
				}

		#site-description {
			margin:       0;
			font-family:  Georgia, Times, 'Times New Roman', serif;
			font-size:    0.875rem;
			font-variant: small-caps;
			color:        #f5f5f5;
		}

/**
 * Menus
 * --------------------------------------------------------------------------- */

/* ====== Primary Menu ====== */

	#menu-primary ul {
		list-style: none;
		margin:     0;
		text-align: center;
	}

	#menu-primary .menu-items {
		zoom: 1;
	}

	#menu-primary .menu-items::before,
	#menu-primary .menu-items::after {
		content: "";
		display: table;
	}

	#menu-primary .menu-items::after {
		clear: both;
	}

		#menu-primary .menu-items > ul {
			width:  100%;
			margin: 60px auto;
		}

		#menu-primary ul ul {
			margin:     20px 0 0;
			opacity:    0;
			visibility: hidden;
			position:   absolute;
			top:        48px;
			z-index:    1;
			text-align: left;

				-webkit-transition: all 0.1s ease-out;
				-moz-transition:    all 0.1s ease-out;
				-o-transition:       all 0.1s ease-out;
			transition:  all 0.1s ease-in-out;
		}

		#menu-primary li:hover > ul {
			opacity:    1;
			visibility: visible;
			margin:     0;

				-webkit-transition: all 0.35s ease-in;
				-moz-transition:    all 0.35s ease-in;
				-o-transition:       all 0.35s ease-in;
			transition:  all 0.35s ease-in-out;
		}

			#menu-primary ul ul ul {
				top:    0;
				left:   230px;
				margin: 0 0 0 20px;
			}

		#menu-primary li {
			display:  inline-block;
			position: relative;
		}

			#menu-primary li a {
				display:         inline-block;
				padding:         12px 25px;
				font-family:     'MuliRegular';
				color:           #00393e;
				text-decoration: none;
			}

			#menu-primary li a:hover,
			#menu-primary li:hover > a,
			#menu-primary li.current-menu-item > a {
				color: #00666f;
			}

			#menu-primary li li.current-menu-item > a {
				color: #e5e5e5;
			}

			#menu-primary li li a {
				font-size:      .6875rem;
				text-transform: uppercase;
				color:          #e5e5e5;
				background:     #00666f;
				opacity:        0.98;
			}

			#menu-primary li li a:hover,
			#menu-primary li li:hover > a {
				color:      #e5e5e5;
				background: #00393e;
			}

			#menu-primary ul ul li {
				float:   none;
				display: block;
			}

				#menu-primary ul ul li a {
					width:   180px;
					display: block;
					float:   none;
				}

				#menu-primary-items ul li:first-child > a::after {
					content:       '';
					position:      absolute;
					left:          25px;
					top:           -6px;
					border-right:  6px solid transparent;
					border-bottom: 6px solid #00666f;
					border-left:   6px solid transparent;
				}

				#menu-primary-items ul ul li:first-child a::after {
					left:         -6px;
					top:           50%;
					margin-top:    -6px;
					border-top:    6px solid transparent;
					border-right:  6px solid #00666f;
					border-bottom: 6px solid transparent;
					border-left:   0;
				}

/* ====== Portfolio Menu ====== */

#menu-portfolio {
	text-align: center;
}

	#menu-portfolio ul {
		margin:     0 0 15px;
		list-style: none;
	}

		#menu-portfolio li {
			display:  inline-block;
			position: relative;
			margin:   0 0 10px;
		}

			#menu-portfolio li a {
				display:     inline-block;
				margin:      0 5px;
				padding:     7px 12px;
				/**font-family: 'MuliRegular';/**/
				font-size:   0.875rem;
				background:  #f5f5f5;
				border:      1px solid #e5e5e5;

					-moz-box-sizing: border-box;
				box-sizing:  border-box;
			}

			#menu-portfolio a:hover {
				background:   #efefef;
				border-color: #d5d5d5;
			}

			#menu-portfolio li.current-cat a,
			#menu-portfolio li.current-menu-item a {
				color: #050505;
			}
	

/**
 * Content
 * --------------------------------------------------------------------------- */

/* ====== BREADCRUMBS ====== */

.breadcrumb-trail {
	padding:     10px 50px 0;
	/**font-family: 'MuliRegular';/**/
	font-size:   0.875rem;
	color:       #c5c5c5;
	background:  #050505;

		-moz-box-sizing: border-box;
	box-sizing:  border-box;
	}

	.breadcrumb-trail .sep,
	.breadcrumb-trail a,
	.breadcrumb-trail .trail-end {
		margin-left: 5px;
	}

	.breadcrumb-trail .trail-end {
		color: #f5f5f5;
	}

	.breadcrumb-trail a {
		color:           #cb5700;
		/*border-bottom: 1px solid transparent;*/
	}

	.breadcrumb-trail a:hover {
		/*background:      transparent;*/
		/*border-bottom:   1px solid #cb5700;*/
		/*text-decoration: none;*/
	}

/* ====== POSTS ====== */

.hentry,
.loop-meta,
.attachment-meta {
	margin:        0 0 50px;
	padding:       40px 50px 25px 50px;
	font-size:     1.0625rem;
	background:    #fff;
	border-top:    10px solid #050505;

		-moz-box-sizing: border-box;
	box-sizing:    border-box;
}

.layout-1c.archive-portfolio_item .hentry,
.layout-1c.taxonomy-portfolio .hentry,
.layout-1c.page-template-portfolio .hentry.portfolio_item {
	clear: both;
	float: left;
	width: 47.75%;
}

.layout-1c.archive-portfolio_item .hentry:nth-child(odd),
.layout-1c.taxonomy-portfolio .hentry:nth-child(odd),
.layout-1c.page-template-portfolio .hentry.portfolio_item:nth-child(odd) {
	clear: none;
	float: right;
}

.sticky,
.loop-meta,
.page-template-portfolio .hentry.page {
	background:    #fafafa;
	border-bottom: 4px double #cb5700;
}

	/* === Header and footer === */

	.entry-footer {
		clear: both;
	}

	/* === Post Titles === */

	.entry-title {
		word-wrap:  break-word;
		text-align: center;
		font-size:  2.75rem;
		color:      #050505;
	}

		.entry-title a {
			padding: 0 2px;
			color:   #050505;
		}

		.entry-title a:hover {
			color:           #454545;
			background:      #e5e5e5;
			border-bottom:   1px solid #d5d5d5;
			text-decoration: none;
		}

	/* === Post content and excerpts === */

	.entry-content,
	.entry-summary {
		word-wrap: break-word;
	}

	.page-template-portfolio .hentry.page .entry-content {
		margin:     0 0 25px;
		text-align: center;
		font-size:  1.5rem;
		font-style: italic;
		color:      #959595;
	}

		.page-template-portfolio .hentry.page em {
			border-bottom: 1px solid #d5d5d5;
		}
		.page-template-portfolio .hentry.page strong {
			font-weight: normal;
			color:       #454545;
		}
		.page-template-portfolio .hentry.page a {
			font-style:    normal;
			border-bottom: 1px solid transparent;
		}

		.page-template-portfolio .hentry.page a:hover {
			color:           #656565;
			background:      #e5e5e5;
			border-bottom:   1px solid #d5d5d5;
			text-decoration: none;
		}

	.portfolio_item .entry-summary {
		font-style: italic;
		color:      #959595;
		text-align: center;
	}

	.search .hentry .entry-summary {
		font-size: inherit;
		font-style: normal;
		text-align: left;
		color:      inherit;
	}

	/* === Byline and meta */

	.entry-byline {
		margin:        0 0 25px;
		padding:       0 0 25px;
		text-align:    center;
		border-bottom: 1px solid #e5e5e5;
		}

	.entry-meta {
		margin:     0 0 25px;
		padding:    25px 0 0;
		border-top: 1px solid #e5e5e5;
		}

	.entry-byline,
	.entry-meta,
	.comment-meta {
		font-style: italic;
		color:      #959595;
		}

		.entry-byline a,
		.entry-meta a,
		.comment-meta a {
			padding:       0 2px;
			font-style:    normal;
			font-size:     1.0625rem;
			border-bottom: 1px solid transparent;
			}

		.entry-byline a:hover,
		.entry-meta a:hover,
		.comment-meta a:hover {
			color:           #656565;
			background:      #e5e5e5;
			border-bottom:   1px solid #d5d5d5;
			text-decoration: none;
		}

		.entry-byline .published,
		.entry-meta .published,
		.entry-meta abbr,
		.comment-meta .published abbr {
			font-style:    normal;
			font-variant:  small-caps;
			font-size:     1.0625rem;
			border-bottom: 1px dotted #d5d5d5;
			}

		.entry-meta .category,
		.entry-meta .post_tag {
			display: block;
			}

		.entry-meta .project-url {
			display: block;
		}

	/* === Asides === */

	.format-aside .entry-content {
		font-size: 1.5rem;
		color: #858585;
	}

		.format-aside .entry-content a.permalink {
			font-weight: bold;
		}

	/* === Chats === */

	.singular-post .format-chat .entry-summary {
		font-style: italic;
		color:      #959595;
	}

	.format-chat .chat-row {}

	.format-chat .chat-text {
		margin-left: 25px;
		color:       #666;
	}

	.format-chat cite {
		padding:       0 0 2px;
		font-style:    normal;
		font-weight:   bold;
		font-variant:  small-caps;
		border-bottom: 1px solid #00717E;
	}

	.format-chat .chat-speaker-1 cite {
		color:        #00717E; 
		border-color: #00717E; 
	}
	.format-chat .chat-speaker-2 cite { 
		color:        #7E3600; 
		border-color: #7E3600; 
	}
	.format-chat .chat-speaker-3 cite { 
		color:        #34D3B8; 
		border-color: #34D3B8; 
	}
	.format-chat .chat-speaker-4 cite { 
		color:        #D8270B; 
		border-color: #D8270B; 
	}
	.format-chat .chat-speaker-5 cite { 
		color:        #00393e; 
		border-color: #00393e; 
	}
	.format-chat .chat-speaker-6 cite { 
		color:        #005b64; 
		border-color: #005b64; 
	}
	.format-chat .chat-speaker-7 cite { 
		color:        #050505; 
		border-color: #050505; 
	}

	/* === Links === */

	.format-link .entry-title {
		text-align: left;
		margin:     0 0 23px;
	}

	.singular .format-link .entry-title {
		text-align: center;
	}

		.format-link .entry-title a .meta-nav {
			font-size: 3.25rem;
			color:     #cb5700;
		}

	/* === Galleries === */

	.format-gallery .image-count {
		font-style: italic;
		color:      #959595;
	}

	/* === Quotes === */

	.format-quote blockquote {
		margin:     0;
		font-size:  1.5rem;
		font-style: italic;
	}

		.format-quote blockquote cite {
			text-align: right;
			font-size:  1.375rem;
		}

	/* === Status updates === */

	.format-status .entry-header a:hover {
		background: none;
	}

	.format-status .entry-content {
		margin-top: 12px;
		font-size:  1.25rem;
		color:      #858585;
	}

	/* === Audio and Video === */

	object,
	embed,
	iframe,
	video {
		max-width:     100%;
		margin-bottom: 25px;
	}

	p object,
	p embed,
	p iframe,
	p video {
		margin: 0;
	}

	.embed-wrap {
		position:       relative;
		margin-bottom:  25px;
		padding-bottom: 56.25%;
		padding-top:    30px;
		height:         0;
		overflow:       hidden;
	}

	.embed-wrap iframe,
	.embed-wrap object,
	.embed-wrap embed {
		position: absolute;
		top:      0;
		left:     0;
		width:    100%;
		height:   100%;
	}

	.format-video .entry-summary,
	.format-audio .entry-summary {
		font-style: italic;
		text-align: center;
		color:      #858585;
	}

	.format-video .entry-summary a,
	.format-audio .entry-summary a {
		font-style: normal;
	}

/* ====== Attachment Meta (on image attachment pages) ====== */

	.attachment-meta .image-gallery {
		width: 47.5%;
		float: right;
	}

	.attachment-meta .image-info {
		width: 47.5%;
		float: left;
	}

		.image-info ul {
			list-style-position: inside;
			margin-left: 0;
		}

			.image-info ul li {
				padding:       0 0 5px;
				margin:        0 0 5px;
				font-size:     0.9375rem;
				border-bottom: 1px dotted #d5d5d5;
			}

				.image-info .prep {
					font-variant: small-caps;
				}

				.image-info .image-data {
					float:      right;
					font-style: italic;
					color:      #959595;
				}

/* ====== LOOP META ====== */

.loop-meta {
	text-align: center;
}

	.loop-title {
		font-size: 2.75rem;
		color:     #050505;
	}

	.loop-description {
		font-style: italic;
		font-size:  1.125rem;
		color:      #959595;
	}

		.loop-description em {
			font-style: normal;
		}

		.loop-description a {
			display:       inline-block;
			padding:       0 2px;
			font-style:    normal;
			font-size:     1.1875rem;
			border-bottom: 1px solid transparent;
		}

		.loop-description a:hover {
			color:           #656565;
			background:      #e5e5e5;
			border-bottom:   1px solid #d5d5d5;
			text-decoration: none;
		}

/* ====== PAGINATION ====== */

/* === Single posts using <!--nextpage--> === */

.page-links {
	clear:       both;
	/**font-family: 'MuliRegular';/**/
}

	.page-links .before {
		margin-right: 5px; 
	}

	.page-links a {
		display:    inline-block;
		margin:     0 5px;
		padding:    5px 15px;
		background: #fafafa;
		border:     1px solid #efefef;

			-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	.sticky .page-links a {
		background:   #f5f5f5;
		border-color: 1px solid #e5e5e5;
	}

	.page-links a:hover {
		background:   #efefef;
		border-color: #d5d5d5;
	}

/* === Archive-type pages and single post navigation (between different posts) === */

.loop-pagination,
.loop-nav {
	clear:       both;
	margin:      0 0 50px;
	/**font-family: 'MuliRegular';/**/
	font-size:   1.25rem;
	text-align:  center;
}

	.page-numbers,
	.loop-nav a {
		display:    inline-block;
		margin:     0 5px;
		padding:    5px 15px;
		background: #fafafa;
		border:     1px solid #efefef;

			-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	.loop-nav a[rel="prev"] {
		float:  left;
		margin: 0;
	}

	.loop-nav a[rel="next"] {
		float:      right;
		margin:     0;
		text-align: right;
	}

	a.page-numbers:hover,
	.loop-nav a:hover {
		background:   #efefef;
		border-color: #d5d5d5;
	}

	.page-numbers.current {
		color: #050505;
	}

/* === Comments pagination === */

.comments-nav {
	position: relative;
	margin: -60px 0 35px;
	text-align: right;
}

	.comments-nav a {
		font-size: 0.9375rem;
	}

	.comments-nav .page-numbers {
		margin:     0 5px;
		padding:    0;
		font-style: italic;
		font-size:  0.875rem;
		color:      #959595;
		background: transparent;
		border:     none;
	}

/**
 * Sidebars and widgets
 * --------------------------------------------------------------------------- */

	.widget {
		position:   relative;
		padding:    25px 25px 0 25px;
		color:      #858585;
		background: #fff;
		border-top: 1px solid #e5e5e5;

			-moz-box-sizing: border-box;
		box-sizing: border-box;
		word-wrap:  break-word;
	}

	#sidebar-primary .widget:last-child {
		border-bottom: 1px solid #e5e5e5;
	}

		.widget-title {
			width:         100%;
			margin-left:   -25px;
			padding:       0 25px 25px;
			color:         #454545;
			border-bottom: 1px solid #e5e5e5;
			text-align:    center;
		}

		.widget li {
			margin-top: 5px;
		}

			.widget li a {
				padding: 0 2px;
			}

	.widget-tags {
		text-align: center;
	}

		.widget-tags a {
				display:    inline-block;
				margin:     0 2px 5px 2px;
				padding:    7px 12px;
				font-size:  0.875rem !important;
				background: #fafafa;
				border:     1px solid #efefef;

					-moz-box-sizing: border-box;
				box-sizing: border-box;
		}

			.widget-tags a:hover {
				background:      #eaeaea;
				border-color:    #d5d5d5;
				text-decoration: none;
			}

		.widget-search {
			padding-bottom: 25px;
		}

		.widget-search label {
			font-size:  0.9375rem;
			font-style: italic;
			color:      #959595;
		}

		.widget-search input[type="text"] {
			display:     block;
			width:       100%;
			padding:     12px;
			font-family: Georgia, Times, 'Times New Roman', serif;
			font-size:   1.0625rem;
			color:       #656565;
			background:  #efefef;
			border:      1px solid #d5d5d5;

				-moz-box-sizing: border-box;
			box-sizing:  border-box;
		}

		.widget-search input[type="submit"] {
			display: none;
		}

		.widget-search input[type="text"]:focus {
			color:        #454545;
			background:   #fafafa;
			border-color: #e5e5e5;
		}

/**
 * Comments Template
 * --------------------------------------------------------------------------- */

#comments-template {
}

/* ====== COMMENTS ======= */

#comments {
	position: relative;
	margin:     0 0 50px;
	padding:    40px 50px 25px;
	font-size:  1.0625rem;
	background: #fff;
	border-top: 10px solid #050505;
}

	/* === Comments closed message === */

	.comments-closed {
		padding:    25px 0 0;
		font-style: italic;
		color:      #959595;
		text-align: center;
		border-top: 1px solid #e5e5e5;
	}

	/* === Comment list === */

	ol.comment-list {
		list-style: none;
		margin: 0 0 25px;
	}

	ol.comment-list ol.children {
		list-style:  none;
		margin:      -25px 0 0 25px;
		padding:     25px 0 0 25px;
		border-left: 1px solid #efefef;
	}

		/* === Individual comments */

		li.comment,
		li.ping {
			clear: both;
		}

		li.ping {
			margin:     0 0 25px;
			padding:    25px 25px 0;
			background: #fafafa;
			border:     1px solid #efefef;
		}

			/* === Avatars === */

			li.ping .avatar {
				float:  right;
				margin: 0 0 25px 25px;
			}

			/* === Meta === */

			.comment-meta {
				padding: 12px 0 0;
				margin:  0 0 25px;
			}

					.comment-author {
						display: block;
					}

					.comment-author cite {
						font-size:  1.0625rem;
						font-style: normal;
						color:      #656565;
					}

			/* === Comment text/content === */

			.comment-text {
				clear:     left;
				word-wrap: break-word;
				margin:    0 0 25px;
				padding:   25px 25px 0 25px;
				border:    1px solid #efefef;
			}

			li.bypostauthor > .comment-text {
				background:   #f5f5f5;
				border-color: #e5e5e5;
			}

			/* === Reply link === */

			.comment-reply-link {
				position:   relative;
				display:    inline-block;
				float:      right;
				margin:     -25px 10px 25px 0;
				padding:    5px 25px;
				font-size:  0.8125rem;
				font-style: italic;
				color:      #f5f5f5;
				background: #cb5700;
				text-align: center;
			}

				.comment-reply-link:hover {
					color:           #f5f5f5;
					background:      #050505;
					text-decoration: none;
				}

/* ====== RESPOND (COMMENT FORM) ====== */

#respond {}

	#reply-title small {
		font-family: Georgia, Times, 'Times New Roman', serif;
		font-size:   1.0625rem;
	}

	#respond .log-in-out {
		color:      #959595;
	}

		#respond .log-in-out a {
			font-size:  1.0625rem;
			font-style: normal;
		}

	#respond label {
		font-size:  0.9375rem;
		font-style: italic;
		color:      #959595;
	}

		#respond label .required {
			font-size:   1.0625rem;
			font-weight: bold;
			color:       #cb5700;
		}

	#respond input[type="text"],
	#respond input[type="password"],
	#respond input[type="email"],
	#respond input[type="submit"],
	#respond textarea {
		font-family: Georgia, Times, 'Times New Roman', serif;
		font-size:   1.0625rem;
		color:       #656565;
		background:  #efefef;
		border:      1px solid #d5d5d5;

			-moz-box-sizing: border-box;
		box-sizing:  border-box;
	}

	#respond input[type="text"]:focus,
	#respond input[type="password"]:focus,
	#respond input[type="email"]:focus,
	#respond input[type="submit"]:hover,
	#respond input[type="submit"]:focus,
	#respond textarea:focus {
		color:        #454545;
		background:   #fafafa;
		border-color: #e5e5e5;
	}

	#respond input[type="text"],
	#respond input[type="password"],
	#respond input[type="email"] {
		display:   block;
		width:     50%;
		min-width: 400px;
		padding:   10px 25px;
	}

	#respond textarea {
		width:   100%;
		padding: 25px;
	}

	#respond input[type="submit"] {
		padding:     15px 25px;
		/**font-family: 'MuliRegular';/**/
	}

/**
 * Footer
 * --------------------------------------------------------------------------- */

#footer {
		-moz-box-sizing: border-box;
	box-sizing:  border-box;

	width:       100%;
	padding:     10px 50px 0;
	/**font-family: 'MuliRegular';/**/
	font-size:   0.875rem;
	color:       #c5c5c5;
	background:  #050505;
	text-align:  center;
}

	#footer .credit {
		margin: 0;
	}

	#footer a {
		border-bottom: 2px solid transparent;
	}

	#footer a:hover {
		color: #cb5700;
	}

/**
 * Media Queries
 *
 * The breakpoints in this theme are used based on the natural design of the 
 * theme rather than to any specific devices/screens.
 * --------------------------------------------------------------------------- */

/* === 900px breakpoint === */

@media only screen and (max-width: 900px) {
	#container > .wrap {
		width: 100%;
	}
	#sidebar-primary {
		clear:  both;
		width:  100%;
		margin: 0;
	}
	#sidebar-primary .widget {
		clear:  left;
		float:  left;
		width:  47.5%;
		margin: 0 0 50px;
	}
	#sidebar-primary .widget:nth-child(odd) {
	}
	#sidebar-primary .widget:nth-child(even) {
		clear: right;
		float: right;
	}
}

/* === 800px breakpoint === */

@media only screen and (max-width:800px) {

	.layout-1c.archive-portfolio_item .hentry,
	.layout-1c.taxonomy-portfolio .hentry,
	.layout-1c.page-template-portfolio .hentry.portfolio_item {
		width: 100%;
	}

	.attachment-meta .image-info,
	.attachment-meta .image-gallery {
		width: 100%;
	}

	.attachment-meta .image-info {
		margin-bottom: 25px;
	}

	#respond input[type="text"],
	#respond input[type="password"],
	#respond input[type="email"] {
		width: 100%;
	}
}

/* === 650px breakpoint === */

@media only screen and (max-width: 650px) {
	#sidebar-primary {
		margin: 0 0 50px;
	}
	#sidebar-primary .widget {
		width: 100%;
		margin: 0;
	}
	.comments-nav {
		margin: 0 0 25px;
		text-align: left;
	}
}

/* === Clearing floats === */

.clearfix::after,
#header::after,
#branding::after,
#menu-primary::after,
.widget::after,
.hentry::after,
.entry-summary::after,
.entry-content::after,
.attachment-meta::after,
.loop-meta::after,
.loop-nav::after,
li.comment::after, li.pingback::after, li.trackback::after,
.gallery::after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}