/* =Defaults
-------------------------------------------------------------- */
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	outline: none;
}

*:before,
*:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.screen-reader-text {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}

/* =Elements
-------------------------------------------------------------- */
html {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	font-size: 100%;

	@media (max-width: 600px) {
		font-size: 95%;
	}
}

body {
	font-family: $font;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.7;
	color: $col_text;
	background: $col_sidebar_background;
}

a {
	color: $col_text;
	text-decoration: none;
}

a,
button,
input[type="submit"],
.comment-reply-link {
	@include transition( all .15s linear );
}

p {
	margin: 0 0 25px 0;
}

h1, h2, h3, h4, h5, h6 {
	font-family: $headers_font;
	font-weight: normal;
	line-height: 1.2;
	clear: both;

	.entry-content & {
		font-weight: normal;
		letter-spacing: -0.0250em;
	}
}

h1 {
  font-size: 50px;
  font-size: 3.125rem;
}

h2 {
  font-size: 40px;
  font-size: 2.5rem;
}

h3 {
  font-size: 30px;
  font-size: 1.875rem;
}

h4 {
  font-size: 22px;
  font-size: 1.375rem;
}

h5 {
  font-size: 18px;
  font-size: 1.125rem;
}

h6 {
  font-size: 16px;
  font-size: 1rem;
}

input,
textarea,
textarea.wp-editor-area,
select,
.comment-reply-link {
	@include box-shadow( inset 0 1px 1px black(.075) );
    @include transition( border-color ease-in-out .15s,box-shadow ease-in-out .15s );

	border-radius: 4px;
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;

	&[type="submit"] {
		width: auto;
	}

	&:focus {
	    @include box-shadow( inset 0 1px 1px black(.075),0 0 8px rgba(102,175,233,.6) );

	    border-color: #66afe9;
	    outline: 0;
	}

	&::-moz-placeholder {
	    color: #999;
	    opacity: 1;
	}

	&:-ms-input-placeholder {
	    color: #999;
	}

	&::-webkit-input-placeholder {
	    color: #999;
	}
}

textarea {
	height: auto !important;
}

cite {
	text-align: right;
	display: block;
	font-size: 18px;

    &:before {
        content: '\2013 \00A0';
    }
}

pre {
	padding: 10px;
	background: #f2f2f2;
	border: 1px solid #e6e6e6;
	white-space: pre-wrap;
}

table {
    background-color: transparent;
	width: 100%;
    max-width: 100%;
    margin-bottom: 20px;

	caption {
	    padding-top: 8px;
	    padding-bottom: 8px;
	    color: #777;
	    text-align: left;
	}

	th {
	    text-align: left;
	}

	> tbody > tr > td,
	> tbody > tr > th,
	> tfoot > tr > td,
	> tfoot > tr > th,
	> thead > tr > td,
	> thead > tr > th {
	    padding: 8px;
	    vertical-align: top;
	    border-top: 1px solid $col_border;
	}

	> thead > tr > th {
	    vertical-align: bottom;
	    border-bottom: 2px solid $col_border;
	}

	> caption + thead > tr:first-child > td,
	> caption + thead > tr:first-child > th,
	> colgroup + thead > tr:first-child > td,
	> colgroup + thead > tr:first-child > th,
	> thead:first-child > tr:first-child > td,
	> thead:first-child > tr:first-child > th {
	    border-top: 0;
	}

	> tbody + tbody {
	    border-top: 2px solid $col_border;
	}
}

dl {
	margin-top: 0;
	margin-bottom: 20px;
}

dt {
	font-weight: bold;
}

dd {
	margin-left: 25px;
}

i.fa {
	font-style: normal;
}

.left-side,
.right-side {
	text-align: left;
}

.left-side {
	float: left;
}

.right-side {
	float: right;
}

@include breakpoint(600px) {
	.left-side,
	.right-side {
		text-align: center;
	}
}

#page {
	@include transition( all .5s );

	position: relative;
	right: 0;
	background: #FCFCFC;
    border-top: 5px solid #303738;
	z-index: 99;

	.open-sidebar & {
		right: 320px;
		left: auto;
	}
}

/* =Images
-------------------------------------------------------------- */
figure {
	margin: 0;
}

img {
	max-width: 100%;
	height: auto;
	vertical-align: middle;
}

.img-circle {
	border-radius: 50%;
}

#primary > article {
	word-wrap: break-word;

	div.break-out {
		@include breakpoint(1200px) {
			width: 1160px;
		}
	}

	.break-out {
		margin-bottom: 40px;

		img {
			display: block;
			margin: auto;
		}

		@include breakpoint(1200px) {
			max-width: 1160px;
			margin-left: -240px;
		}

		video,
		iframe,
		embed,
		object {
			max-width: 1160px;
			margin-top: 20px;
		}
	}

	footer {
		clear: both;
	}
}

/* =Header
-------------------------------------------------------------- */
#masthead {
	background: $col_background;
	color: $col_light_text;
	padding: 20px 0;
}

.site-meta {
	display: table;

	float: left;
}

.custom-logo-link,
.site-title,
.site-description {
	line-height: 1.2;
	margin: 0;
	display: table-cell;
	vertical-align: middle;
}

.custom-logo {
	margin-right: 10px;
}

.site-title {
	margin: 0;
	font-size: 32px;
	padding-right: 10px;

	a,
	a:hover {
		color: $col_light_text;
	}
}

.site-description {
	display: none;
	font-weight: 300;

	@include breakpoint(600px) {
		display: table-cell;
	}
}

/* =Offcanvas Toggle
-------------------------------------------------------------- */
.offcanvas-toggle {
	@include transform( translate( 0, -50% ) );

	position: absolute;
	right: 20px;
	top: 50%;
	background: none;
	border: 0;
	cursor: pointer;

	i {
		font-size: 24px;
	}

	#sidebar & {
		@include transform( translate( 0, 0 ) );

		width: 22px;
		height: 22px;
		background: url(images/x.png) no-repeat;
		display: block;
		position: relative;
		top: 20px;
		left: 20px;
		margin-bottom: 60px;
	}
}

/* =Main Navigation
-------------------------------------------------------------- */
.main-navigation {
	font-size: 16px;

	.sub-menu {
		display: none;
		margin-left: 20px !important;
		padding-top: 5px;
	}

	i {
		position: absolute;
		top: 0;
		right: 0;
		padding: 13px 15px;
		cursor: pointer;
	}

	li {
		padding: 0 !important;

		a {
			padding: 10px 0 !important;
			display: block;
		}

		&.menu-item-has-children > a {
			margin-right: 40px;
		}
	}

	.current-menu-parent > a,
	.current-menu-item a {
		color: #fff !important;
	}
}

/* =Social Menu
-------------------------------------------------------------- */
.abc-social-icons {
	padding: 0 40px;
	margin-bottom: 40px;

	ul {
		list-style: none;
		padding: 0;
		margin: 0;
		text-align: center;

		li {
			display: inline-block;
			position: relative;
		}
	}

	a {
		color: #444 !important;
		float: left;
		text-align: center;
		margin: 0 0 0 5px;
		font-size: 14px;
		width: 30px;
		height: 30px;
		line-height: 30px;
		border-radius: 50%;
		background-color: white(.7);

		&:hover {
			color: #444 !important;
			background-color: #fff;
		}
	}
}

/* =Sidebar
-------------------------------------------------------------- */
#sidebar {
	@include transition( all 0.5s );

	position: fixed;
	top: 0;
	right: -160px;
	width: 320px;
	height: 100%;
	z-index: 1;
	padding-bottom: 40px;
	visibility: hidden;
	color: #f3f6f8;
	font-size: 14px;

	a {
		color: inherit;
		text-decoration: underline;
	}

	.open-sidebar & {
		right: 0;
		left: auto;
		visibility: visible;
		overflow: scroll;
		-webkit-overflow-scrolling: touch;
	}

	.admin-bar & {
		top: 32px;

		@media screen and (max-width: 782px) {
			top: 46px;
		}
	}

	ul {
		margin: 0;

		&,
		a {
			color: #99999B;
		}

		a {
			text-decoration: none;
		}
	}
}

.upper-sidebar {
	padding: 20px 0 0;
	margin-bottom: 20px;
}

.widget {
	width: 100%;
	margin-bottom: 40px;
	padding: 0 40px;

	ul {
		padding: 0;
		list-style: none;

		&.children {
			padding-left: 25px;
		}

		& ul {
			padding-right: 0;
		}

		li {
			position: relative;
			margin-left: 0;
			border-bottom: 1px solid #4D4F4E;
			padding: 10px 0;

			& li {
				border: 0;
				border-top: 1px solid #4D4F4E;

				&:first-child {
					border: 0;
				}
			}

			a:hover {
				color: #f3f6f8;
			}
		}
	}

	> ul > li:last-child {
		border: 0;
	}

	.search-field {
		max-width: 256px;
	}

	.search-submit {
		display: none;
	}

	.recentcomments {
		color: #ccc;
	}

	&.widget_nav_menu .sub-menu {
		padding-left: 25px;
	}
}

.widget-title {
	font-size: 18px;
}

.widget-title,
.widget h2 {
	color: #f3f6f8;
}

.display-author {
	text-align: center;

	h2 {
		margin-bottom: 10px;
	}

	p {
		font-size: 14px;
		line-height: 1.4;
	}
}

.tagcloud {
	text-align: center;

	a {
		text-decoration: none !important;
		padding: 2px 12px;
		border-radius: 10px;
		background: rgba(255,255,255,0.15);

		&:hover {
			background: rgba(255,255,255,0.1);
		}
	}
}

.widget_rss {
	ul {
		list-style: none;
		padding: 0;
		margin: 0;

		li {
			padding-bottom: 15px;

			.rsswidget {
				display: block;
				font-size: 16px;
				line-height: 1.3;
			}

			.rsswidget,
			.rss-date {
				color: #ccc !important;
			}

			.rssSummary {
				margin-top: 5px;
			}

			.rss-date {
				font-size: 12px;
			}

			cite {
				font-style: italic;
				font-size: inherit;
			}
		}
	}
}

/* =Main elements
-------------------------------------------------------------- */
.bbpress #primary,
.buddypress #primary,
.woocommerce #primary {
	margin-top: 40px;

	@include breakpoint(768px) {
		margin-top: 80px;
	}
}

/* =Article
-------------------------------------------------------------- */
article.big-header,
.search section,
.archive section {
	> header {
		background-repeat: no-repeat;
		background-position: 50%, 50%;
		background-size: cover;
		position: relative;
		height: 200px;
		margin-bottom: 80px;

		@include breakpoint(600px) {
			height: 600px;
		}
	}

	.header-meta {
		position: absolute;
		bottom: 20px;
		width: 100%;

		@include breakpoint(600px) {
			bottom: 80px;
		}

		.entry-title,
		.entry-title a,
		.archive-title {
			line-height: 1;
			color: #fff;
			margin: 10px 0 5px;
		}

		.entry-meta {
			&,
			a {
				color: #fff;
			}
		}

		.entry-category a {
			font-size: 8px;
			font-style: normal;
			letter-spacing: 2px;
			padding: 1px 6px 0;
			border: 2px solid #fff;
			display: inline-block;
			text-transform: uppercase;
			color: #fff;

			&:hover {
				background: rgba(255,255,255,0.2);
			}
		}

		.content-thin {
			font-size: 14px;
		}

		.author {
			font-style: italic;

			a {
				color: inherit;
			}
		}
	}
}

article {
	margin-bottom: 40px;
}

.entry-meta {
	font-family: Georgia, serif;
	font-style: italic;
	font-size: 12px;

	.bbpress & {
		display: none;
	}

	&,
	a {
		color: #fff;
	}

	i {
		margin-right: 5px;
	}

	.author {
		margin-right: 15px;
	}

	.comment-count {
		display: none;

		@include breakpoint(480px) {
			display: inline;
		}
	}

	.fa-comment {
		margin-left: 0;

		@include breakpoint(480px) {
			margin-left: 15px;
		}

		@include breakpoint(768px) {
			margin-left: 30px;
		}
	}
}

.entry-content {
	a {
		text-decoration: underline;
		color: #1e8cbe;

		&:hover {
			border-bottom: 0;
		}
	}

	h1:first-child,
	h2:first-child,
	h3:first-child,
	.gallery:first-child {
		margin-top: 0;
	}

	> p > img {
		margin-top: 0 !important;
	}
}

.more-link {
	display: inline-block;
	margin-top: 10px;

	.archive & {
		margin-top: 0;
	}
}

.entry-title {
	i {
		margin-right: 20px;
	}
}

.entry-title,
.archive-title {
	font-size: 28px;

	@include breakpoint(600px) {
		font-size: 48px;
	}
}

blockquote {
	border-left: 10px solid black(.2);
	margin: 2em 0;
	padding: 10px 0 10px 20px;

	p {
		margin: 0;
	}
}

.entry-content {
	.intro {
		font-size: 28px;
		font-size: 1.75rem;
		line-height: 1.4;
		font-weight: 300;
	}

	.dropcap {
		float: left;
		padding: 6px 6px 0 0;
		font-size: 67px;
		font-size: 4.1875rem;
		line-height: .7;
		font-weight: bold;
	}

	blockquote {
		width: 100%;
		margin: 2em 0;
		padding: 0;
		border: 0;

		blockquote {
			margin-left: 40px;
			width: calc( 100% - 40px );
		}

		&:before {
			content: "\f10d";
			display: inline-block;
			height: 43px;
			width: 43px;
			line-height: 43px;
			text-align: center;
			font-family: FontAwesome;
			font-size: 14px;
			background: $col_background;
			border-radius: 50%;
			color: $col_light_text;
			margin-bottom: 10px;
		}

		p {
			font-size: 24px;
		}

		@include breakpoint(600px) {
			&.pullquote {
				width: 50%;
				margin-right: 40px;
				margin-left: -20px;
				float: left;

				&.alignright {
					margin-left: 40px;
					margin-right: -20px;
					float: right;
				}
			}
		}
	}
}

/* =404
-------------------------------------------------------------- */
article.error404 {
    i {
        font-size: 200px;
        display: block;
        margin-bottom: 20px;
        text-align: center;
    }
}

/* =Video
-------------------------------------------------------------- */
video {
	height: auto;
}

video,
iframe,
embed,
object {
	max-width: 100%;
}

/* =Gallery
-------------------------------------------------------------- */
.gallery {
	@extend %clearfix;

	margin: 20px -20px;

	> p {
		margin: 0;
		height: 0;
	}
}

.gallery-item {
	margin-bottom: 20px;
	float: left;
	padding: 0 20px;

	.gallery-icon img {
		width: 100%;
	}

	.gallery-caption {
		display: none;
	}

	.gallery & {
		width: 100%;
		margin-bottom: 20px;
	}

	.gallery-columns-1 & {width:100%}
	.gallery-columns-2 & {width:50%}
	.gallery-columns-3 & {width:33.33%}
	.gallery-columns-4 & {width:25%}
	.gallery-columns-5 & {width:20%}
	.gallery-columns-6 & {width:16.66%}
	.gallery-columns-7 & {width:14.28%}
	.gallery-columns-8 & {width:12.5%}
	.gallery-columns-9 & {width:11.11%}

	.gallery-columns-2 &:nth-child(2n+1),
	.gallery-columns-3 &:nth-child(3n+1),
	.gallery-columns-4 &:nth-child(4n+1),
	.gallery-columns-5 &:nth-child(5n+1),
	.gallery-columns-6 &:nth-child(6n+1),
	.gallery-columns-7 &:nth-child(7n+1),
	.gallery-columns-8 &:nth-child(8n+1),
	.gallery-columns-9 &:nth-child(9n+1) {clear:both}
}

/* =Tags
-------------------------------------------------------------- */
.tags {
	margin: 10px 0;
	font-size: 14px;
	font-weight: bold;

	span {
		margin-right: 10px;
	}

	a {
		font-weight: normal;
		margin: 0 5px 3px 0;
		display: inline-block;
		color: $col_text;
		text-decoration: underline;

		&:before {
			content: "#";
		}
	}
}

/* =Pagination
-------------------------------------------------------------- */
.infinite-loader {
	@include transform( translate( -50%, -50% ) );

	border-radius: 12px;
	background: white(0.4);
	position: fixed;
	top: 50%;
	left: 50%;
	padding: 50px;
	z-index: 99;

	.spinner {
		left: 50% !important;
		top: 0 !important;
	}
}

#infinite-handle {
	width: 100%;
	position: absolute;
	bottom: 0;
}

#primary #infinite-handle span {
	border-radius: 3px;
	width: 160px;
	margin: auto;
	display: block;
	text-align: center;
	font-size: 16px;
	padding: 8px 0;
	background: #666;
}

#posts-pagination {
	@extend %clearfix;

	padding: 0;

	.previous,
	.next {
		width: 50%;
		float: left;
		padding: 20px 20px 20px 0;
		font-size: 14px;
		margin: 40px 0;
	}

	.next {
		text-align: left;
		padding: 20px 0 20px 20px;
	}

	.previous {
		text-align: right;
		border-right: 1px solid $col_border;
	}

	&.single-pagination {
		.previous,
		.next {
			height: 100px;
			padding: 20px;
			position: relative;
			background: #000;
			overflow: hidden;
			margin-bottom: 0;

			@include breakpoint(600px) {
				height: 300px;
			}

			a {
				position: absolute;
				top: 0;
				right: 0;
				bottom: 0;
				left: 0;

				&:after {
					@include transition( background .15s linear );

					content: "";
					position: absolute;
					top: 0;
					right: 0;
					bottom: 0;
					left: 0;
					background: rgba(0,0,0,0.6);
					z-index: 5;
				}


				&:hover:after {
					background: rgba(0,0,0,0.5);
				}
			}

			.pagination-content {
				@include transform( translate( -50%, -50% ) );

				position: absolute;
				top: 50%;
				left: 50%;
				padding-left: 40px;
				z-index: 10;
				width: 90%;

				@include breakpoint(768px) {
					width: 60%;
				}
			}


			i {
				@include transform( translateY( -50% ) );

				font-size: 24px;
				position: absolute;
				left: 0;
				top: 50%;
			}

			&,
			a {
				color: #fff !important;
			}

			strong {
				font-size: 18px;
			}

			p {
				margin: 0;
			}

			em {
				font-family: Georgia, serif;
				font-size: 12px;
			}
		}

		.next {
			text-align: right;

			.pagination-content {
				padding: 0 40px 0 0;
			}

			i {
				left: auto;
				right: 0;
			}
		}

		.previous {
			text-align: left;
			border-color: #fff;
		}
	}
}

.page-links {
	clear: both;

	a,
	> span {
		border: 1px solid #eaeaea;
		border: 1px solid rgba(51, 51, 51, 0.1);
		display: inline-block;
		font-size: 14px;
		height: 2em;
		line-height: 2;
		margin: 0 0.3333em 0.3333em 0;
		text-align: center;
		width: 2em;
	}

	a {
		-webkit-tap-highlight-color: rgba(255, 255, 255, 0.3);
		background-color: #333;
		border-color: #333;
		color: #fff;

		&:hover,
		&:focus {
			background-color: #707070;
			background-color: rgba(51, 51, 51, 0.7);
			border-color: transparent;
			color: #fff;
		}
	}

	> .page-links-title {
		border: 0;
		height: auto;
		font-weight: bold;
		margin: 0;
		padding-right: 0.5em;
		width: auto;
	}
}

/* =Comments
-------------------------------------------------------------- */
.comments-area {
	.centered-top {
		margin-top: 60px;
		margin-bottom: 30px;
	}

	.centered-bottom {
		margin-top: 30px;
		margin-bottom: 60px;
	}

	.comment-list,
	.children {
		margin: 0;
		padding: 0;
		list-style: none;
	}

	.children {
		margin-left: 40px;
	}

	.comments-title {
		margin-bottom: 40px;
		line-height: 1.2;

		@include breakpoint(600px) {
			font-size: 36px;
		}
	}

	.avatar {
		border-radius: 50%;
		float: left;
		margin-right: 10px;
	}

	.comment-author  a {
		color: inherit;
	}

	span.says {
		display: none;
	}

	.comment-meta {
		min-height: 56px;
		margin-bottom: 20px;

		a {
			text-decoration: none;
		}
	}

	.comment-metadata {
	    color: #b3b3b1;
		font-size: 14px;
	}

	.comment-body {
		padding-bottom: 30px;
		border-bottom: 1px solid $col_border;
	}

	.comment-content {
		@extend %clearfix;
	}

	a {
		color: inherit;
		text-decoration: underline;
	}

	.comment-reply-link {
		text-decoration: none;
		width: auto;
		display: inline-block;
	}

	#cancel-comment-reply-link {
		float: right;
	}

	.comment-respond {
		margin-bottom: 40px;
	}

	.bypostauthor .comment-body {
		border-left: 10px solid rgba(0,0,0,0.1);
		padding-left: 15px;
	}
}


/* =Archives
-------------------------------------------------------------- */
.archive-meta {
	color: #fff;
}

.bbp-user-page article,
.archive article,
.search article {
	header {
		margin-left: 0;

		h2 {
			margin: 0 0 5px;
			font-size: 24px;
			line-height: 1.2;

			a {
				color: $col_text;
			}

			@include breakpoint(600px) {
				font-size: 48px;
			}
		}

		.entry-meta {
			margin-bottom: 30px;

			&,
			a {
				color: $col_text;
			}
		}

		@include breakpoint(768px) {
			margin-left: 25%;
			padding-left: 10px;
			width: 60%;
		}

		@include breakpoint(980px) {
			margin-left: 20%;
		}
	}

	.entry-content .wp-post-image.alignnone {
		margin-top: 0;
	}
}

.bbpress article header {
	@include breakpoint(768px) {
		padding-left: 0;
	}
}

/* =Footer
-------------------------------------------------------------- */
#footer {
	font-size: 14px;
	padding: 20px 0;
	background: $col_background;
	color: $col_light_text;
	text-align: center;

	a {
		color: #aaa;
	}
}

/* =Extended Footer
-------------------------------------------------------------- */
#footer {
	.extended-footer {
		@extend %clearfix;

		padding-bottom: 20px;
		margin-bottom: 20px;
		border-bottom: 1px solid rgba(255,255,255,0.2);

		.footer-widget {
			margin-bottom: 40px;
		}

		ul {
			list-style: none;
			padding: 0;

			li {
				margin: 5px 0;
			}
		}

		.widget-title {
			font-size: 24px;
		}

		@include breakpoint(768px) {
			text-align: left;

			.footer-widget {
				float: left;
				padding-left: 20px;
				padding-right: 20px;

				&:nth-child(1):nth-last-child(1) {
					width: 100%;
				}

				&:nth-child(1):nth-last-child(2),
				&:nth-child(2):nth-last-child(1) {
					width: 50%;
				}

				&:nth-child(1):nth-last-child(3),
				&:nth-child(2):nth-last-child(2),
				&:nth-child(3):nth-last-child(1) {
					width: 33.3333%;
				}


				&:nth-child(1):nth-last-child(4),
				&:nth-child(2):nth-last-child(3),
				&:nth-child(3):nth-last-child(2),
				&:nth-child(4):nth-last-child(1) {
					width: 25%;
				}

				&:nth-child(1):nth-last-child(5),
				&:nth-child(2):nth-last-child(4),
				&:nth-child(3):nth-last-child(3),
				&:nth-child(4):nth-last-child(2),
				&:nth-child(5):nth-last-child(1) {
					width: 20%;
				}

				&:nth-child(1):nth-last-child(6),
				&:nth-child(2):nth-last-child(5),
				&:nth-child(3):nth-last-child(4),
				&:nth-child(4):nth-last-child(3),
				&:nth-child(5):nth-last-child(2),
				&:nth-child(6):nth-last-child(1) {
					width: 16.6666%;
				}

			}
		}
	}
}


/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: $wp_top_margin 0 $wp_bottom_margin 0;
}

.aligncenter {
    display: block;
    margin: $wp_top_margin auto $wp_bottom_margin auto;
}

.alignright {
    float:right;
    margin: $wp_top_margin 0 $wp_bottom_margin $wp_left_margin;
}

.alignleft {
    float: left;
    margin: $wp_top_margin $wp_right_margin $wp_bottom_margin 0;
}

.wp-caption {
    background: #f2f2f2;
    border: 1px solid #e6e6e6;
    max-width: 100%;
    padding: 6px;
    text-align: center;

	img {
	    border: 0 none;
	    height: auto;
	    margin: 0;
	    max-width: 100%;
	    padding: 0;
	    width: auto;
	}

	.wp-caption-text {
	    font-size: 12px;
	    margin-top: 6px;

		.widget & {
			color: #444;
			margin-bottom: 0;
		}
	}
}

.sticky {
	display: block;
}

/* =bbPress && BuddyPress
-------------------------------------------------------------- */
#bbpress-forums {
	p.bbp-topic-meta img.avatar,
	ul.bbp-reply-revision-log img.avatar,
	ul.bbp-topic-revision-log img.avatar,
	div.bbp-template-notice img.avatar,
	.widget_display_topics img.avatar,
	.widget_display_replies img.avatar {
		margin-bottom: 0;
		border: 0;
	}
}

#bbp-search-form {
	margin-bottom: 10px;
}

#bbp_search_submit {
	display: inline-block;
}

.subscription-toggle {
	float: right;
}

.quicktags-toolbar input {
	width: auto;
}

.buddypress article header,
.single-topic article header,
.single-forum article header {
	display: none;
}