/*   
Theme Name: Habari
License: Located in the 'Licensing' folder
License URI: Located in the 'Licensing' folder
Description: Premium Blogging Theme.
Author: Promola
Author URI: http://themeforest.net/user/promola
Theme URI: http://themeforest.net/user/promola
Version: 1.0.2
Tags: light, responsive-layout, three-columns, threaded-comments, right-sidebar
*/

/*

[Table of contents]

1. Import Google Fonts
2. Reset
3. HTML5 Tags Declaration
4. WordPress Classes Styling
5. Generic Styling
6. Top Wrap Styling
7. Main Header Styling
8. Featured Slider Styling
9. Content Styling
10. Posts Styling
11. Main Sidebar Styling
12. Widgets Styling
13. Second Section Styling
14. Third Section Styling
15. Single Page Styling
16. Pages Styling
17. Footer Social Styling
18. Main Footer Styling

*/

/*-------------------------------------------*\
	1. Import Google Fonts
\*-------------------------------------------*/

@import url(https://fonts.googleapis.com/css?family=Slabo+27px|Lato:400,400italic,700);

/*-------------------------------------------*\
	2. Reset
\*-------------------------------------------*/

* {
	margin: 0;
	padding: 0;
}

a img,
iframe,
fieldset {
	border: none;	
}

li {
	list-style: none;
}

.group:before,
.group:after {
    content: "";
    display: table;
}

.group:after {
    clear: both;
}

/*-------------------------------------------*\
	3. HTML5 Tags Declaration
\*-------------------------------------------*/

article,
aside,
figure,
footer,
header,
hgroup,
menu,
nav,
section { 
    display: block; 
}

/*-------------------------------------------*\
	4. WordPress Classes Styling
\*-------------------------------------------*/

.screen-reader-text{}

.sticky{}

.gallery-caption a {
	display: inline;
}

img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img {
	max-width: 100%; /* When images are too wide for containing element, force them to fit. */
	height: auto; /* Override height to match resized width for correct aspect ratio. */
}

.alignleft,
img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 4px;
}

.alignright,
img.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 4px;
}

.aligncenter,
img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.alignright {
	margin: 12px 0 6px 12px;
}

img.alignleft {
	margin: 12px 12px 6px 0;
}

img.aligncenter {
	margin-top: 12px;
	margin-bottom: 12px;
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.alignnone {
	margin: 12px 0 6px 0;
	text-align: center;
}

.wp-caption {
	max-width: 100%;
	margin: 22px 0 16px 0;
}

.wp-caption-text {
  	font-size: 13px;
	font-style: italic;
	color: #ccc;
}

/*-------------------------------------------*\
	5. Generic Styling
\*-------------------------------------------*/

h1, h2, h3, h4, h5 {
	font-family: 'Slabo 27px', serif;
	font-weight: 700;
	color: #333;
}

h1 {
	font-size: 28px;
	line-height: 38px;
}

h2 {
	font-size: 24px;
	line-height: 32px;
}

h3 {
	font-size: 20px;
	line-height: 28px;
}

h4 {
	font-size: 16px;
	line-height: 24px;
}

h5 {
	font-size: 14px;
	line-height: 20px;
}

p {
	line-height: 22px;
}

.wrapper {
	width: 1010px;
	margin: 0 auto;
}

body {
	font-size: 14px;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	color: #666;
	background-color: #F7F7F7;
	-webkit-font-smoothing: antialiased;
}

a {
	color: #C9AF7E;
	text-decoration: none;
	transition: color .3s; 
}

a:hover {
	color: #bbb;
	text-decoration: none;
}

/*** Default Text Styling ***/

.entry {
	word-wrap: break-word;
}

.entry h1,
.entry h2 {
	margin-bottom: 10px; 
}

.entry h3,
.entry h4 {
	margin-bottom: 8px; 
}

.entry ol,
.entry ul {
	margin-bottom: 20px;
	margin-left: 20px;
}

.entry
blockquote p {
	color: #BABABA;
	padding-left: 16px;
	clear: both;
	background: url(images/quotes.png) no-repeat left 4px;
	font-size: 16px;
	text-transform: uppercase;
	line-height: 26px;
}

.entry p,
.widget p {
	margin-bottom: 12px;
}

.entry iframe,
.entry img {
	max-width: 100%;
}

select {
	max-width: 100%;
}

/*** Lists Styling ***/

.entry
ul li,
.comment-text
ul li {
	list-style: disc;
}

.entry
ol li,
.comment-text
ol li {
	list-style: decimal;
}

.entry
li,
.comment-text
li {
	list-style-position: inside;
	line-height: 24px;
}

.entry
dt,
.comment-text
dt {
    font-weight: bold;
    text-decoration: underline;
    margin-bottom: 2px;
}

.entry
dd,
.comment-text
dd {
	margin: 0;
	padding: 0 0 0.5em 0;
}

/*** Tables Styling ***/

.entry
table,
.comment-text
table {
	margin: 20px 0;
	width: 100%;
	text-align: left;
	border-collapse: collapse;
}

.entry
table
thead th,
.comment-text
table
thead th {
	font-weight: 700;
}

.entry
table th,
.comment-text
table th {
	font-size: 14px;
	font-weight: normal;
	padding: 10px 8px;
}

.entry
table td,
.comment-text
table td {
	padding: 2%;;
}

.entry
tbody tr:nth-child(odd),
.comment-text
tbody tr:nth-child(odd) {
	background: #F7F7F7; 
}

/*-------------------------------------------*\
	6. Top Wrap Styling
\*-------------------------------------------*/

#top-wrap {
	position: relative;
	z-index: 5;
	width: 100%;
	height: 27px;
	background-color: #fff;
}

#top-wrap 
.wrapper {
	position: relative;
	height: 27px;
	background-color: #F7F7F7;
	overflow: hidden;
	border-right: 1px solid #F0F0F0;
	border-bottom: 1px solid #F0F0F0;
	border-left: 1px solid #F0F0F0;
}

/*** Header Social Styling ***/

#header-social {
	position: absolute;
	right: 0;
	top: 0;
}

#header-social li {
	float: left;
}

#header-social a {
	display: block;
	width: 28px;
	height: 28px;
	border-left: 1px solid #F0F0F0;
	background: url(images/header-social.png) no-repeat #fff;
	text-indent: -9999px;
	transition: background .3s;
}

#header-social 
.twitter a:hover {
	background-color: #40BFF4;
	background-position: 0 -56px;
}

#header-social
.facebook a {
	background-position: -29px 0;
}

#header-social
.facebook a:hover {
	background-color: #5C82D0;
	background-position: -29px -56px;
}

#header-social
.google a {
	background-position: -58px 0;
}

#header-social
.google:hover a {
	background-color: #EA5D4B;
	background-position: -58px -56px;
}

#header-social
.instagram a {
	background-position: -87px 0;
}

#header-social
.instagram a:hover {
	background-color: #548BB5;
	background-position: -87px -56px;
}

/*** Breaking News Styling ***/

#breaking-news {
	font-size: 11px;
	font-weight: 700;
	line-height: 27px;
}

#breaking-title {
	display: block;
	height: 27px;
	padding: 0 10px;
	float: left;
	color: #555;
	background-color: #fff;
	border-right: 1px solid #F0F0F0;
	text-transform: uppercase;
}

#breaking-news
.slides li {
	display: none;
	margin-left: 10px;
}

.breaking-post {
	color: #888;
}

.breaking-post:hover {
	color: #C9AF7E;
}

/*** Breaking News Nav Styling ***/

#breaking-nav {
	width: 58px;
	height: 28px;
	float: left;
}

#breaking-nav a {
	position: static;
	width: 28px;
	height: 28px;
	float: left;
	background: url(images/breaking-nav.png) no-repeat #fff;
	border-right: 1px solid #F0F0F0;
}

#breaking-nav a:hover {
	background-color: #C9AF7E;
}

#breaking-nav
.flex-next {
	background-position: -168px 0;
}

#breaking-nav
.flex-next:hover {
	background-position: -112px 0;
}

#breaking-nav
.flex-prev:hover {
	background-position: -56px 0;
}

/*-------------------------------------------*\
	7. Main Header Styling
\*-------------------------------------------*/

#main-header {
	height: 150px;
	margin-bottom: 20px;
	background-color: #fff;
	border-bottom: 1px solid #F0F0F0;
}

#main-header
.wrapper {
	position: relative;
	height: inherit;
}

/*** Logo Styling ***/

#logo {
	float: left;
	margin-top: 28px;
}

#logo h1 {
	float: left;
    font-size: 38px;
    line-height: 54px;
}

#logo a {
	color: #333;
}

#logo span {
	margin-left: 6px;
	line-height: 76px;
}

#logo span a {
	color: #BABABA;
}

/*** Header Banner Styling ***/

#header-banner {
	float: right;
	margin-top: 23px;
}

/*** Main Nav Styling ***/

#main-nav {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 46px;
	background-color: #333;
	font-size: 12px;
}

#main-nav li {
	position: relative;
	float: left;
	line-height: 46px;
}

#main-nav a {
	float: left;
	color: #fff;
	padding: 0 16px;
	text-transform: uppercase;
}

#main-nav a:hover,
#main-nav 
.current-menu-item > a {
	color: #C9AF7E;
}

#main-nav li::after {
	content: '';
	display: inline-block;
	width: 0;
	height: 10px;
	line-height: 10px;
	border-right: 1px solid #3A3A3A;
	border-left: 1px solid #292929;
}

#main-nav 
.current-menu-item > a::after {
	content: '';
	display: block;
	width: 20px;
	height: 3px;
	margin-top: -3px;
	margin-right: auto;
	margin-left: auto;
	background-color: #C9AF7E;
}

/*** Drop Menu Styling ***/

.drop-sign {
	color: #C9AF7E;
}

#main-nav ul li ul {
	display: none;
	position: absolute;
	left: 0;
	top: 46px;
	z-index: 100;
	background-color: #2F2F2F;
}

#main-nav ul li ul
.drop-sign {
	float: right;
	margin: 0;
}

#main-nav ul li:hover > ul {
   display: block;
}

#main-nav ul li ul li {
	height: auto;
	clear: both;
	margin-left: 0;
	line-height: normal;
	border-right: none;
	border-bottom: 1px dotted #3A3A3A;
}

#main-nav ul li 
ul li:last-child {
	border-bottom: none;
}

#main-nav ul li ul li::after {
    content: '';
    display: none;
}

#main-nav ul li ul a {
	min-width: 208px;
	padding: 0 16px;
	margin-top: 0;
	font-size: 12px;
	font-weight: 400;
	line-height: 38px;
	transition: all .3s;
	border: none;
}

#main-nav 
ul li ul 
.current-menu-item 
a::after {
	content: '';
	display: none;
}

#main-nav 
ul li ul 
.current-menu-item a {
	color: #fff;
}

#main-nav 
ul li ul 
.current-menu-item a:hover {
	color: #C9AF7E;
}

/*** Second Level Styling ***/

#main-nav ul li ul ul {
	left: 100%;
	top: 0;
}

/*** Sticky Menu Styling ***/

.stick-it {
	animation-name: slideInDown;
  	animation-duration: .6s;
  	animation-fill-mode: both;
}

@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.stick-it {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 2000;
	width: 100%;
	background-color: #333;
	opacity: .95;
}

.stick-it
#main-nav {
	position: relative;
	width: 1010px;
	margin: 0 auto;
}

/*** Main Nav Search Form Styling ***/

#search-icon {
	position: absolute;
	right: 0;
	top: 0;
	display: block;
	width: 46px;
	height: 46px;
	background: url(images/search-icon.png) no-repeat;
	cursor: pointer;
	transition: opacity .3s;
}

#search-icon:hover {
	opacity: .6;
}

#search-icon::before {
	content: '';
	display: inline-block;
	width: 0;
	height: 10px;
	margin-top: 17px;
	line-height: 10px;
	border-right: 1px solid #3A3A3A;
	border-left: 1px solid #292929;
}

#nav-search {
	position: absolute;
	right: 0;
	top: 53px;
	z-index: 50;
	display: none;
	width: 302px;
	height: 74px;
	background-color: #2F2F2F;
}

.deco-line {
	position: absolute;
	left: 0;
	top: -1px;
	display: block;
	width: 100%;
	height: 3px;
	background-color: #C9AF7E;
}

.arrow-up {
	position: absolute;
	top: -7px;
	right: 17px;
	width: 0; 
	height: 0; 
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-bottom: 7px solid #C9AF7E;
}

#nav-search
#searchform {
	width: 262px;
}

#nav-search
#searchform {
	position: absolute;
	left: 20px;
	top: 20px;
}

#searchform {
	position: relative;
	height: 36px;
	overflow: hidden;
}

#nav-search #s {
	width: 166px;
}

#s {
	position: relative;
	height: 34px;
	padding-left: 12px;
	padding-right: 82px;
	border: 1px solid #383838;
	background-color: #2B2B2B;
	font-family: 'Lato', sans-serif;
	font-size: 13px;
	color: #666;
}

#s:focus {
	color: #fff;
	outline: none;
}

#searchsubmit {
	position: absolute;
	right: 2px;
	top: 2px;
	height: 32px;
	padding: 0 10px;
	color: #fff;
	background-color: #C9AF7E;
	font-family: 'Lato', sans-serif;
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	border: none;
	cursor: pointer;
	transition: background .3s;
}

#searchsubmit:hover {
	background-color: #383838;
}

/*-------------------------------------------*\
	8. Featured Slider Styling
\*-------------------------------------------*/

#featured-slider {
	position: relative;
	width: 1010px;
	height: 480px;
	margin-top: -41px;
	margin-bottom: 30px;
	margin-left: -20px;
	overflow: hidden;
	background-color: #fff;
}

#featured-slider
.slides img {
	width: 100%;
	height: auto;
}

#featured-slider
.slides > li {
	position: relative;
	display: none;
	width: 1010px;
	height: 480px;
}

.slide-overlay {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
	width: 100%;
	height: 480px;
	background-color: rgba(34,34,34,0.1);
	transition: background .5s;
}

.slide-overlay:hover {
	background-color: rgba(34,34,34,0);
}

/*** Slider Nav Styling ***/

.flex-direction-nav a {
	position: absolute;
	top: 203px;
	z-index: 15;
	display: block;
	width: 33px;
	height: 33px;
	background: url(images/slider-nav.png) no-repeat #C9AF7E;
	transition: background .3s;
}

.flex-direction-nav a:hover {
	background-color: #333;
}

#slider-nav
.flex-prev {
	left: 20px;
}

#slider-nav
.flex-next {
	right: 20px;
	background-position: -66px 0;
}

.flex-control-paging {
	position: absolute;
	right: 20px;
	bottom: 76px;
	z-index: 15;
	text-indent: -9999px;
}

.flex-control-paging li {
	float: left;
	margin-left: 4px;
}

.flex-control-paging a {
	display: block;
	width: 6px;
	height: 6px;
	border: 1px solid #C9AF7E;
}

.flex-control-paging
.flex-active {
	background-color: #C9AF7E;
}

/*** Slider Caption Styling ***/

.flex-active-slide
.slide-cap h1,
.flex-active-slide
.slide-cap
.post-meta {
	animation-name: slideInLeft;
  	animation-duration: 1.4s;
  	animation-fill-mode: both;
}

.flex-active-slide
.slide-cap
.post-meta {
	animation-delay: 1s;
}

@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slide-cap-bg {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 150px;
	background: url(images/slide-cap-bg.png) repeat-x;
}

.slide-cap {
	position: absolute;
	left: 0;
	bottom: 30px;
	z-index: 20;
}

.slide-cap a {
	color: #fff;
}

.slide-cap a:hover {
	color: rgba(255,255,255,.80);
}

.slide-cap h1 a {
	display: inline-block;
	padding: 6px 20px 8px 20px;
	background-color: #333;
}

.slide-cap
.post-meta {
	color: #fff;
	float: left;
	padding: 11px 20px;
	background-color: #C9AF7E;
	overflow: hidden;
	font-size: 11px;
	text-transform: uppercase;
}

.slide-cap
.post-meta li {
	float: left;
}

.slide-cap
.post-meta a {
	color: #fff;
}

.slide-cap
.post-meta a:hover {
	color: rgba(255,255,255,.80);
}

.slide-cap
.meta-divider {
	color: #fff;
	opacity: .45;
}

/*-------------------------------------------*\
	9. Content Styling
\*-------------------------------------------*/

#content {
	width: 970px;
	padding: 20px;
	background-color: #fff;
}

.meta-divider {
	color: #C9AF7E;
	margin: 0 8px;
}

#footer-banner {
	clear: both;
	margin-bottom: 10px;
}

#footer-banner img {
	max-width: 100%;
	margin: 0 auto;
}

/*** Section Titles Styling ***/

.section-title {
	position: relative;
	margin-bottom: 30px;
	clear: both;
	line-height: 31px;
	text-transform: uppercase;
}

.section-title h3 {
	position: relative;
	z-index: 2;
	display: inline-block;
	height: 31px;
	padding-right: 10px;
	background-color: #fff;
}

.section-line {
	position: absolute;
	left: 0;
	top: 14px;
	z-index: 1;
	display: block;
	width: 100%;
	height: 2px;
	background-color: #EFEFEF;
}

.section-subs {
	display: block;
	height: 23px;
	clear: both;
	color: #ccc;
	font-family: 'Slabo 27px', serif;
    font-weight: 400;
	font-size: 16px;
	line-height: 23px;
}

/*-------------------------------------------*\
	10. Posts Styling
\*-------------------------------------------*/

#posts-wrap {
	width: 640px;
	float: left;
}

/*** Post Thumbnail Styling ***/

#posts-wrap img {
	max-width: 100%;
}

.post-thumb {
	position: relative;
	overflow: hidden;
}

.post-thumb img {
	width: 100%;
	height: auto;
}

.thumb-overlay {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 5;
	width: 100%;
	background-color: rgba(34,34,34,0.05);
	transition: background .3s;
}

.thumb-overlay:hover {
	background-color: rgba(34,34,34,0);
}

.post-with-thumb {
	background-color: #fff;
}

/*** Post Category Styling ***/

.post-cat {
	display: inline-block;
	margin-bottom: 5px;
	font-size: 11px;
	text-transform: uppercase;
}

/*** Post Comments Counter Styling ***/

.post-comments {
	position: relative;
	display: block;
	height: 16px;
	float: right;
}

.comments-num {
	position: relative;
	z-index: 2;
	display: block;
	min-width: 16px;
	height: 16px;
	border-radius: 16px;
	color: #fff;
	background-color: #C9AF7E;
	font-size: 11px;
	text-align: center;
	line-height: 16px;
}

.comments-deco {
	position: absolute;
	right: 5px;
	top: 0;
	z-index: 1;
	display: inline-block;
	width: 16px;
	height: 16px;
	border-radius: 16px;
	background-color: #C9AF7E;
	opacity: .5;
}

/*** Post Title Styling ***/

.post-title a {
	color: #333;
}

.post-title a:hover {
	color: #555;
}

/*** Post Meta Styling ***/

.post-meta {
	color: #bbb;
	overflow: hidden;
	font-size: 11px;
	text-transform: uppercase;
}

.post-meta li {
	float: left;
}

.post-meta a {
	color: #bbb;
}

.post-meta a:hover {
	color: #C9AF7E;
}

/*** Post Excerpt Styling ***/

.excerpt {
	clear: both;
	margin-bottom: 15px;
}

/*** Read More Button Styling ***/

.read-more-btn {
	display: inline-block;
	height: 30px;
	float: left;
	padding: 0 12px;
	color: #666;
	border: 1px solid #EFEFEF;
	background-color: #fff;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 30px;
	transition: border .3s;
}

.read-more-btn:hover {
	color: #666;
	border-color: #C9AF7E;
}

.share-icon {
	position: relative;
	z-index: 2;
	display: inline-block;
	width: 30px;
	height: 30px;
	margin-left: 1px;
	float: left;
	border: 1px solid #EFEFEF;
	background: url(images/share-icon.png) no-repeat #fff;
	cursor: pointer;
	transition: border .3s;
}

.share-icon:hover {
	border-color: #C9AF7E;
}

/*** Share Post Icons Styling ***/

.share-post a.share-show {
	display: block;
	animation-name: slideInLeft;
  	animation-duration: 1s;
  	animation-fill-mode: both;
}

@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.share-post {
	position: relative;
	z-index: 1;
	height: 32px;
	float: left;
}

.share-post a {
	display: none;
	float: left;
	margin-left: 1px;
}

.share-post a {
	width: 30px;
	height: 30px;
	border: 1px solid #EFEFEF;
	background: url(images/share-post.png) no-repeat #fff;
    transition: border .3s;
}

.share-post a:hover {
	border-color: #C9AF7E;
}

.share-post
.facebook {
	background-position: -33px 0;
}

.share-post
.google {
	background-position: -66px 0;
}

.share-post
.pinterest {
	background-position: -99px 0;
}

/*** Large Posts Styling ***/

.large-post {
	width: 640px;
	margin-bottom: 35px;
	padding-bottom: 35px;
	border-bottom: 1px solid #EFEFEF;
}

.last-large
.large-post {
	padding-bottom: 0;
	border-bottom: none;
}

.large-post
.post-thumb {
	width: 100%;
	height: 360px;
}

.large-post
.thumb-overlay {
	height: inherit;
}

.post-rating {
	position: absolute;
	left: 10px;
	top: 10px;
	z-index: 10;
	width: 46px;
	height: 46px;
	border-radius: 46px;
	color: #fff;
	background-color: #C9AF7E;
	overflow: hidden;
	font-size: 13px;
	text-align: center;
	line-height: 46px;
}

.post-rating span {
	display: inline-block;
	width: 10px;
	height: 10px;
	margin-left: 2px;
	background: url(images/rating-star.png) no-repeat;
}

.large-post
.post-with-thumb {
	position: relative;
	z-index: 20;
	width: 560px;
	padding: 15px 20px 0 20px;
	margin-top: -40px;
	margin-right: auto;
	margin-left: auto;
}

.large-post 
.post-title {
	margin-bottom: 10px;
}

.large-post 
.post-meta li {
	margin-bottom: 10px;
}

/*** Medium Posts Styling ***/

.medium-post {
	width: 305px;
	margin-bottom: 35px;
	padding-bottom: 35px;
	float: left;
	border-bottom: 1px solid #EFEFEF;
}

.medium-post:nth-child(odd) {
	margin-right: 30px;
}

.medium-post
.post-thumb {
	width: 100%;
	height: 248px;
}

.medium-post
.thumb-overlay {
	height: inherit;
}

.medium-post
.post-with-thumb {
	position: relative;
	z-index: 20;
	width: 225px;
	padding: 13px 20px 0 20px;
	margin-top: -30px;
	margin-right: auto;
	margin-left: auto;
}

.medium-post
.post-cat {
	margin-bottom: 7px;
}

.medium-post 
.post-title {
	margin-bottom: 10px;
	font-size: 18px;
	line-height: 26px;
}

.medium-post 
.post-meta li {
	margin-bottom: 10px;
}

.medium-post
.meta-divider {
	margin: 0 6px;
}

.medium-post 
.pinterest {
	display: none !important;
}

/*** Pagination Styling ***/

.pagination {
	width: 100%;
	float: left;
	margin-bottom: 30px;
	font-weight: 700;
	font-size: 11px;
	color: #666;
}

.pagination a {
	display: block;
	margin-right: 1px;
	float: left;
	color: #666;
	background-color: #fff;
	border: 1px solid #EFEFEF;
	text-transform: uppercase;
	text-decoration: none;
	padding: 8px 12px;
	transition: all .3s;
}

.pagination
.current,
.pagination a:hover {
	color: #C9AF7E;
}

.pagination
.current {
	display: block;
	float: left;
	padding: 8px 12px;
	margin-right: 1px;
	background-color: #fff;
	border: 1px solid #EFEFEF;
}

.pagination .dots {
	margin: 12px 12px 0 12px;
	float: left;
}

/*** No Posts Found Styling ***/

.nothing-found {
	margin-bottom: 280px;
}

.nothing-found p {
	color: #bbb;
	margin: 8px 0 18px 0;
	font-size: 17px;
	font-weight: 700;
}

.nothing-found 
.widget {
	width: 100%;
}

.nothing-found 
.widgettitle {
	margin-bottom: 10px;
	font-size: 18px;
	line-height: 20px;
}

.nothing-found 
.widget_recent_entries li,
.nothing-found 
.widget_recent_entries 
li:last-child {
	margin-bottom: 10px;
  	padding-bottom: 10px;
  	border-bottom: 1px dotted #E4E4E4;
}

/*-------------------------------------------*\
	11. Main Sidebar Styling
\*-------------------------------------------*/

#main-sidebar {
	position: relative;
	z-index: 30;
	width: 300px;
	float: right;
	margin-top: -20px;
	margin-right: -20px;
	padding: 20px;
	background-color: #fff;
	overflow: hidden;
}

#sidebar-margin {
	float: right;
	margin-top: -66px;
}

/*-------------------------------------------*\
	12. Widgets Styling
\*-------------------------------------------*/

.widget {
	width: 300px;
}

.widget img,
.widget iframe {
	max-width: 100%;
}

/*** Sidebar Widgets Styling ***/

#main-sidebar
.widget {
	margin-bottom: 30px;
	float: right;
}

#main-sidebar
.widget-title {
	position: relative;
	height: 28px;
	margin-bottom: 30px;
	text-transform: uppercase;
}

#main-sidebar
.widget-title h5 {
	position: relative;
	display: inline-block;
	height: 28px;
	color: #fff;
	padding-right: 22px;
	padding-left: 11px;
	background-color: #C9AF7E;
	line-height: 29px;
}

.bg-corner {
	position: absolute;
	right: -14px;
	top: 0;
	display: block;
	width: 30px;
	height: 27px;
	background: url(images/sidebar-titles.png) no-repeat;
}

.ti-border {
	position: absolute;
	left: 0;
	bottom: 0;
	display: block;
	width: 100%;
	height: 2px;
	background-color: #C9AF7E;
}

/*** Footer Widgets Styling ***/

#main-footer
.widget-title {
	position: relative;
	height: 38px;
	margin-bottom: 32px;
	border-bottom: 1px solid #3A3A3A;
	text-transform: uppercase;
}

#main-footer
.widget-title h4 {
	color: #fff;
}

#main-footer
.widget-title
span {
	position: absolute;
	left: 0;
	bottom: -1px;
	display: block;
	width: 30px;
	height: 1px;
	background-color: #C9AF7E;
}

#main-footer
.widget {
	margin: 35px 35px 35px 0;
	float: left;
}

#main-footer
.widget:last-child {
	margin-right: 0;
}

/*** Video Widget Styling ***/

.widget_molavid iframe {
	width: 100%;
	height: 169px;
}

/*** Facebook Widget ***/

.pu_facebook_widget {
	min-height: 267px;
}

/*** Tag Cloud Styling ***/

.tagcloud {
	margin: 0 0 -1px -1px;
	float: left;
}

.tagcloud a {
	display: block;
	float: left;
	height: 30px;
	line-height: 30px;
	padding: 0 10px;
	margin: 0 0 1px 1px;
	color: #666;
	background-color: #fff;
	border: 1px solid #F2F2F2;
	font-size: 11px !important;
	font-weight: 700;
	text-decoration: none;
	text-transform: uppercase;
	transition: border .3s;
}

#main-footer
.tagcloud a {
	color: #fff;
	background-color: #303030;
	border-color: #3A3A3A;
}

.tagcloud a:hover,
#main-footer
.tagcloud a:hover {
	border-color: #C9AF7E;
}

/*** Search Form Styling ***/

.widget
#s {
	width: 204px;
	color: #bbb;
	background-color: #fff;
	border: 1px solid #F2F2F2;
}

#main-footer
.widget
#s {
	color: #777;
	background-color: #303030;
	border-color: #3A3A3A;
}

.widget
#s:focus {
	color: #666;
}

#main-footer
.widget
#s:focus {
	color: #fff;
}

.widget
#searchsubmit:hover {
	background-color: #333;
}

#main-footer
.widget
#searchsubmit:hover {
	background-color: #3A3A3A;
}

/*** Small Posts Widgets Styling ***/

.small-post {
	margin-bottom: 30px;
	padding-bottom: 30px;
	border-bottom: 1px dotted #E4E4E4;
}

#main-footer
.small-post {
	border-bottom-style: dashed;
	border-bottom-color: #3A3A3A;
}

#main-footer
.small-post:last-child {
	border-bottom: none;
}

.small-post:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
}

.small-post 
.post-thumb {
	width: 100px;
	height: 100px;
	float: left;
	margin-right: 10px;
}

.small-post
.thumb-overlay {
	height: inherit;
}

.small-post
.post-comments {
	position: absolute;
	right: 5px;
	top: 5px;
	z-index: 10;
}

.small-content {
	overflow: hidden;
}

.small-content
.post-cat {
	margin-bottom: 8px;
}

#main-footer
.post-meta {
	color: #777;
}

.small-content
.post-title {
	margin-bottom: 8px;
}

#main-footer
.post-title a {
	color: #fff;
}

#main-footer
.post-title a:hover {
	color: #ccc;
}

/*** Calendar Widget ***/

.widget_calendar {
	float: left;
}

#wp-calendar {
	width: 100%;
}

#wp-calendar caption {
	text-align: left;
	margin-bottom: 7px;
	margin-left: 5px;
}

#wp-calendar thead {
	font-size: 10px;
}

#wp-calendar thead th {
	padding-bottom: 10px;
}

#wp-calendar tbody td,
#wp-calendar .pad {
	background-color: #fff;
	border: 1px solid #F2F2F2;
	text-align: center;
	padding: 8px;
	transition: all .3s;
}

#main-footer
#wp-calendar tbody td,
#main-footer
#wp-calendar .pad {
	background-color: #303030;
    border-color: #3A3A3A;
}

#wp-calendar tfoot #next {
	background-color: #fff;
	text-transform: uppercase;
	text-align: right;
	padding: 10px;
}

#main-footer
#wp-calendar tfoot #next {
	background-color: #303030;
}

#wp-calendar tfoot #prev {
	background-color: #fff;
	border: 1px solid #F2F2F2;
	text-transform: uppercase;
	padding: 10px;
}

#main-footer
#wp-calendar tfoot #prev {
	color: #fff;
    background-color: #303030;
    border-color: #3A3A3A;
}

/*** List Widgets Styling ***/

.widget .menu li,
.widget_pages li,
.widget_recent_entries li,
.widget_recent_comments li,
.widget_archive li,
.widget_categories li,
.widget_meta li {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #E4E4E4;
	list-style: none;
	line-height: 20px;
	color: #bbb;
}

#main-footer
.widget .menu li,
#main-footer
.widget_pages li,
#main-footer
.widget_recent_entries li,
#main-footer
.widget_recent_comments li,
#main-footer
.widget_archive li,
#main-footer
.widget_categories li,
#main-footer
.widget_meta li {
	border-bottom-color: #3A3A3A;
	color: #777;
}

.widget .menu li:last-child,
.widget_pages li:last-child,
.widget_recent_entries li:last-child,
.widget_recent_comments li:last-child,
.widget_archive li:last-child,
.widget_categories li:last-child,
.widget_meta li:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
}

.widget .children,
.widget .sub-menu {
	padding-top: 10px;
	margin-left: 10px;
}

.widget
.children li:first-child,
.widget
.sub-menu li:first-child {
	padding-top: 10px;
	border-top: 1px dotted #E4E4E4;
}

.widget_recent_entries
.post-date {
	display: block;
	background: none;
	float: none;
	font-size: 13px;
}

.widget .menu li a,
.widget_pages li a,
.widget_recent_entries li a,
.widget_recent_comments li a,
.widget_archive li a,
.widget_categories li a,
.widget_meta li a {
	color: #666;
	margin-right: 5px;
	text-decoration: none;
}

#main-footer
.widget .menu li a,
#main-footer
.widget_pages li a,
#main-footer
.widget_recent_entries li a,
#main-footer
.widget_recent_comments li a,
#main-footer
.widget_archive li a,
#main-footer
.widget_categories li a,
#main-footer
.widget_meta li a {
	color: #ccc;
}

.widget .menu li a:hover,
.widget_pages li a:hover,
.widget_recent_entries li a:hover,
.widget_recent_comments li a:hover,
.widget_archive li a:hover,
.widget_categories li a:hover,
.widget_meta li a:hover {
	color: #C9AF7E;
	text-decoration: none;
}

#main-footer
.widget .menu li a:hover,
#main-footer
.widget_pages li a:hover,
#main-footer
.widget_recent_entries li a:hover,
#main-footer
.widget_recent_comments li a:hover,
#main-footer
.widget_archive li a:hover,
#main-footer
.widget_categories li a:hover,
#main-footer
.widget_meta li a:hover {
	color: #C9AF7E;
}

/*-------------------------------------------*\
	13. Second Section Styling
\*-------------------------------------------*/

#second-section {
	margin-bottom: 30px;
	color: #fff;
}

#second-section
.post-comments {
	position: absolute;
	right: 5px;
	top: 5px;
	z-index: 20;
}

#second-section a {
	color: #fff;
}

#second-section a:hover {
	color: #ccc;
}

#second-section img {
	width: 100%;
	height: auto;
}

#second-section
.thumb-overlay {
	z-index: 1;
	background-color: rgba(34,34,34,0.30);
}

#second-section
.thumb-overlay:hover {
	background-color: rgba(34,34,34,0.20);
}

.thumb-cap {
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 2;
	padding: 15px;
	background: url(images/thumb-cap.png) repeat-x;
}

#second-section
.medium-thumb {
	position: relative;
	width: 320px;
	height: 260px;
	overflow: hidden;
}

.first-row-sec
.medium-thumb {
	float: left;
}

#second-section
.thumb-overlay {
	height: inherit;
}

.medium-thumb
.thumb-cap {
	width: 290px;
}

.medium-thumb h3 {
	margin-bottom: 6px;
	font-size: 22px;
	line-height: 30px;
}

#second-section
.post-date {
	color: #fff;
}

.large-thumb {
	position: relative;
	width: 646px;
	height: 260px;
	overflow: hidden;
}

.first-row-sec {
	margin-bottom: 4px;
	overflow: hidden;
}

.first-row-sec
.large-thumb {
	float: right;
}

.large-thumb
.thumb-cap {
	width: 616px;
}

.large-thumb h2 {
	margin-bottom: 8px;
}

.second-row-sec
.large-thumb {
	float: left;
}

.second-row-sec
.medium-thumb {
	float: right;
}

/*-------------------------------------------*\
	14. Third Section Styling
\*-------------------------------------------*/

.first-sec-column {
	float: left;
}

#third-section
.post-content {
	text-align: center;
}

.sec-small-post {
	width: 250px;
	margin-bottom: 25px;
}

#third-section 
.thumb-overlay {
    height: inherit;
}

.sec-small-post
.post-thumb {
	width: 250px;
	height: 250px;
}

#third-section 
.post-comments {
	position: absolute;
	right: 16px;
	top: 18px;
	z-index: 20;
}

#third-section
.sec-large-post
.post-comments {
	right: 20px;
	top: 22px;
}

.sec-small-post
.post-content {
	position: relative;
	z-index: 25;
	width: 170px;
	margin-top: -34px;
	margin-right: auto;
	margin-left: auto;
	padding: 16px 20px;
	background-color: #fff;
}

#third-section
.post-date {
	display: inline-block;
	margin-bottom: 8px;
	color: #bbb;
	font-size: 11px;
	text-transform: uppercase;
}

.sec-large-post {
	width: 410px;
	float: left;
	margin: 0 30px;
}

.sec-large-post 
.post-thumb {
    width: 100%;
    height: 500px;
}

.sec-large-post
.post-content {
	position: relative;
	z-index: 25;
	width: 330px;
	padding: 24px 20px 20px 20px;
	margin-top: -40px;
	margin-right: auto;
	margin-left: auto;
	background-color: #fff;
}

.sec-large-post 
.post-meta {
	display: inline-block;
}

.sec-large-post 
.post-title {
	margin-bottom: 10px;
}

.third-sec-column {
	float: right;
}

/*-------------------------------------------*\
	15. Single Page Styling
\*-------------------------------------------*/

.single-thumb {
	height: 460px;
	overflow: hidden;
}

.single-thumb
.thumb-overlay {
	height: inherit;
}

.single-thumb
.thumb-overlay:hover {
	background-color: rgba(34,34,34,0.05);
}

.add-top-margin {
	margin-top: 17px;
}

.single-categories {
	margin-bottom: 7px;
}

.single-post-title {
	margin-bottom: 10px;
}

.single-meta {
	margin-bottom: 14px;
}

/*** Post Tags Styling ***/

.post-tags {
	display: inline-block;
	width: 100%;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #EFEFEF;
}

.tags-label {
	margin-right: 8px;
	color: #666;
	text-transform: uppercase;
}

/*** Single Share Styling ***/

#single-share {
	margin-bottom: 30px;
	padding-bottom: 20px;
	border-bottom: 1px solid #EFEFEF;
	font-size: 12px;
	line-height: 20px;
}

#single-share li {
	display: inline-block;
	height: 20px;
	float: left;
	margin-right: 25px;
}

#single-share 
li:first-child {
	margin-right: 20px;
}

#single-share span {
	display: inline-block;
	width: 20px;
	height: 20px;
	float: left;
	margin-right: 5px;
	border-radius: 20px;
	background: url(images/single-share.png) no-repeat #444;
	transition: background .3s;
}

#single-share a {
	color: #666;
}

#single-share a:hover {
	color: #C9AF7E;
}

#single-share a:hover
span {
	background-color: #C9AF7E;
}

#single-share
.facebook span {
	background-position: -50px 0;
}

#single-share
.google span {
	background-position: -100px 0;
}

#single-share
.pinterest span {
	background-position: -150px 0;
}

/*** About Author DIV Styling ***/

#about-author {
	position: relative;
    width: 100%;
    float: left;
    margin-bottom: 30px;
	padding-bottom: 30px;
	border-bottom: 1px solid #EFEFEF;
}

.avatar-wrap {
	display: inline-block;
	width: 70px;
	height: 70px;
	float: left;
	margin-right: 10px;
	border-radius: 70px;
	overflow: hidden;
}

.author-text h4 {
	margin-bottom: 4px;
}

.author-text 
h4 a {
	color: #333;
}

.author-text 
h4 a:hover {
	color: #6F6F6F;
}

.author-text {
	overflow: hidden;
}

.author-text p {
	margin-bottom: 11px;
}

/*** Author Icons ***/

.author-icons a {
	display: inline-block;
	width: 20px;
	height: 20px;
	float: left;
	margin-right: 16px;
	border-radius: 20px;
	background: url(images/single-share.png) no-repeat;
	text-indent: -9999px;
	transition: background .3s;
}

.author-icons a:hover {
	background-color: #444;
}

.author-icons
.twitter-link {
	background-color: #40BFF4;
	background-position: 0 0;
}

.author-icons
.facebook-link {
	background-color: #5C82D0;
	background-position: -50px 0;
}

.author-icons
.google-link {
	background-color: #EA5D4B;
	background-position: -100px 0;
}

.author-icons
.instagram-link {
	background-color: #548BB5;
	background-position: -200px 0;
}

/*** Related Posts Styling ***/

#related-posts
.medium-post {
	margin-bottom: 20px;
	padding-bottom: 30px;
}

/*** Comments Styling ***/

.bypostauthor {}

.comments-head {
	clear: both;
	margin-bottom: 30px;
	padding-bottom: 20px;
	border-bottom: 1px solid #EFEFEF;
	text-transform: uppercase;
}

.comment-body {
	position: relative;
	margin-bottom: 30px;
    padding-bottom: 26px;
    border-bottom: 1px solid #EFEFEF;
}

.comment
.children {
	margin-left: 30px;
}

.comment-contents {
	overflow: hidden;
}

.comment-meta
.comment-date {
	margin-bottom: 7px;
	clear: left;
	color: #bbb;
	font-size: 11px;
	text-transform: uppercase;
}

.comment-meta
.comment-author {
	margin-bottom: 8px;
	font-family: 'Slabo 27px', serif;
    font-weight: 400;
    font-size: 16px;
    color: #333;
}

.comment-meta
.comment-author a {
	color: #333;
}

.comment-meta
.comment-author a:hover {
    color: #6F6F6F;
}

.comment-reply-link {
	position: absolute;
	right: 0;
	bottom: 30px;
	display: block;
	height: 24px;
	padding: 0 10px;
	background-color: #fff;
    border: 1px solid #F2F2F2;
	color: #666;
	font-size: 11px;
	font-weight: 700;
    text-transform: uppercase;
	line-height: 24px;
	transition: border .3s;
}

.comment-reply-link:hover {
	color: #666;
	border-color: #C9AF7E;
}

.comment-text {
	width: 94%;
	clear: both;
	margin-bottom: 36px;
}

.awaiting-mod-txt {
	display: inline-block;
	color: #bbb;
	margin-top: 6px;
}

/*** Comment Form Stylng ***/

#reply-title {
	font-size: 16px;
	line-height: 20px;
	text-transform: uppercase;
}

#commentform {
	position: relative;
	margin-bottom: 30px;
}

#cancel-comment-reply-link {
	display: inline-block;
	height: 26px;
	margin-left: 10px;
    padding: 0 12px;
    color: #666;
    background-color: #fff;
    border: 1px solid #F2F2F2;
    font-family: 'Lato', sans-serif;
    font-size: 11px;
    font-weight: 700;
    line-height: 27px;
    text-transform: uppercase;
    cursor: pointer;
    transition: border .3s;
}

#cancel-comment-reply-link:hover {
	border-color: #C9AF7E;
}

#respond
.comment-notes,
.logged-in-as {
	margin-top: 10px;
	margin-bottom: 10px;
	color: #bbb;
}

.logged-in-as {
	margin-top: 5px;
	margin-bottom: 15px;
}

#respond
.required {
	color: #FF223A;
	font-size: 16px;
}

#author,
#email,
#url,
#comment {
	border: 1px solid #F3F3F3;
	padding-left: 10px;
	font-size: 14px;
	font-family: 'Lato', sans-serif;
    font-weight: 400;
	color: #666;
	margin-bottom: 10px;
}

#author:focus,
#email:focus,
#url:focus,
#comment:focus {
	outline: none;
	border-color: #999;
}

#author,
#email,
#url {
	width: 300px;
	height: 38px;
	float: left;
	clear: both;
}

#comment {
	width: 96.4%;
	height: 225px;
	margin-bottom: 20px;
	line-height: 24px;
}

#respond p {
	float: none;
	clear: both;
}

#respond p label {
	font-size: 13px;
}

#respond p label,
#respond p label + .required {
	color: #bbb;
	margin-right: 8px;
	float: left;
	text-transform: capitalize;
	line-height: 38px;
}

.comment
.form-submit {
	margin-bottom: 15px;
}

#submit {
	height: 32px;
    padding: 0 12px;
    color: #666;
    background-color: #fff;
    border: 1px solid #F2F2F2;
    font-family: 'Lato', sans-serif;
    font-size: 11px;
    font-weight: 700;
    line-height: 32px;
    text-transform: uppercase;
    cursor: pointer;
    transition: border .3s;
}

#submit:hover {
	border-color: #C9AF7E;
}

/*-------------------------------------------*\
	16. Pages Styling
\*-------------------------------------------*/

/*** Page Template Styling ***/

.entry
.page-title {
	margin-bottom: 20px;
	text-transform: uppercase;
}

/*** Contact Form 7 Styling ***/

.wpcf7 p {
	float: left;
	clear: both;
}

.wpcf7 p:last-child {
	margin-bottom: 0;
}

.wpcf7-form
label {
	display: inline-block;
	margin-bottom: 5px;
	color: #bbb;
    font-size: 12px;
    text-transform: uppercase;
}

.wpcf7-text {
	width: 300px;
	height: 38px;
}

.wpcf7-textarea {
	width: 614px;
	height: 240px;
	padding-top: 10px;
}

.wpcf7-text,
.wpcf7-textarea {
	border: 1px solid #F2F2F2;
	padding-right: 10px;
	padding-left: 10px;
	margin-bottom: 10px;
	font-size: 15px;
	font-family: 'Lato', sans-serif;
    font-weight: 400;
	color: #666;
}

.wpcf7-text:focus,
.wpcf7-textarea:focus {
	outline: none;
	border-color: #bbb;
}

.wpcf7-response-output {
	float: left;
}

.wpcf7-submit {
	height: 32px;
	padding: 0 12px;
	color: #666;
    background-color: #fff;
    border: 1px solid #F2F2F2;
    font-family: 'Lato', sans-serif;
    font-size: 11px;
    font-weight: 700;
    line-height: 32px;
    text-transform: uppercase;
    cursor: pointer;
    transition: border .3s;
}

.wpcf7-submit:hover {
	border-color: #C9AF7E;
}

/*** Error Page ***/

#error-wrap {
	position: relative;
    padding: 65px 0;
}

#error-wrap h1 {
	font-size: 44px;
	line-height: 54px;
	text-align: center;
	margin-bottom: 15px;
}

.error-icon {
	display: block;
	width: 80px;
	height: 80px;
	margin: 0 auto;
	background: url(images/error-icon.png) no-repeat;
}

#error-wrap p {
	color: #bbb;
	margin-bottom: 25px;
	font-size: 16px;
	text-align: center;
}

#error-wrap
#searchform {
	position: relative;
	width: 340px;
	margin: 0 auto 30px auto;
}

#error-wrap
#s {
	width: 246px;
	height: 34px;
	padding: 0 82px 0 10px;
	color: #bbb;
	background-color: #fff;
	border: 1px solid #F2F2F2;
}

#error-wrap
#s:focus {
	color: #666;
}

#error-wrap
#searchsubmit {
	position: absolute;
  	right: 2px;
  	top: 2px;
  	height: 32px;
  	padding: 0 10px;
}

#error-wrap
#searchsubmit:hover {
	background-color: #333;
}

/*-------------------------------------------*\
	17. Footer Social Styling
\*-------------------------------------------*/

#footer-social {
	width: 100%;
	height: 70px;
	background-color: #333;
	border-bottom: 1px solid #3A3A3A;
	font-size: 11px;
	text-align: center;
	text-transform: uppercase;
}

#footer-social ul {
	display: inline-block;
}

#footer-social li {
	margin-top: 20px;
	margin-left: 50px;
	float: left;
	line-height: 30px;
}

#footer-social 
li:first-child {
	margin-left: 0;
}

#footer-social a {
	display: block;
	height: 30px;
	color: #666;
}

#footer-social a:hover {
	color: #C9AF7E;
}

#footer-social span {
	display: block;
	width: 28px;
	height: 28px;
	float: left;
	margin-right: 6px;
	background: url(images/footer-social.png) no-repeat #333;
	border-radius: 28px;
	border: 1px solid #464646;
}

#footer-social 
.facebook span {
	background-position: -56px 0;
}

#footer-social 
.instagram span {
	background-position: -112px 0;
}

#footer-social 
.soundcloud span {
	background-position: -168px 0;
}

#footer-social 
.youtube span {
	background-position: -224px 0;
}

/*-------------------------------------------*\
	18. Main Footer Styling
\*-------------------------------------------*/

#main-footer {
	clear: both;
	color: #ccc;
	background-color: #2D2D2D;
}

#main-footer
.wrapper {
	width: 970px;
	overflow: hidden;
}

#footer-widgets {
	margin-bottom: 10px;
	overflow: hidden;
}

#copyright {
	width: 100%;
	height: 54px;
	color: #777;
	clear: both;
	border-top: 1px solid #3A3A3A;
	background-color: #333;
	font-size: 12px;
	text-transform: uppercase;
}

#copyright p {
	float: left;
	line-height: 54px;
}

#back-to-top {
	display: inline-block;
	float: right;
	line-height: 54px;
	cursor: pointer;
	transition: color .3s;
}

#back-to-top:hover {
	color: #fff;
}

#back-to-top
span {
	display: block;
	width: 16px;
	height: 54px;
	float: right;
	margin-left: 6px;
	background: url(images/back-to-top.png) no-repeat;
	opacity: .3;
	transition: opacity .3s;
}

#back-to-top:hover
span {
	opacity: 1;
}