/*   
Theme Name: FutureMag
License: Located in the 'Licensing' folder
License URI: Located in the 'Licensing' folder
Description: Premium Magazine Theme.
Author: Promola
Author URI: http://promola.co.za
Theme URI: http://themeforest.net/user/promola
Version: 1.1.0
Tags: two-columns, three-columns, threaded-comments, right-sidebar
Text Domain: futuremag
*/

/*

[Table of contents]

1. Import Google Fonts
2. Reset
3. HTML5 Tags Declaration
4. WordPress Classes Styling
5. Generic Styling
6. Top Nav Styling
7. Main Header Styling
8. Hot News Styling
9. Homepage 1 Featured Styling
10. Homepage 1 Content Styling
11. Homepage 2 Featured Styling
12. Homepage 2 Content Styling
13. Homepage 3 Featured Styling
14. Homepage 3 Content Styling
15. Content Styling
16. Main Sidebar Styling
17. Widgets Styling
18. Single Post Page Styling
19. Pages Styling
20. Main Footer Styling

*/

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

@import url(https://fonts.googleapis.com/css?family=Roboto:400,500,400italic,700|Roboto+Condensed:400,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: 12px 0;
}

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

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

h1, h2, h3, h4, h5 {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 400;
	color: #444;
}

#main-footer h1,
#main-footer h2,
#main-footer h3,
#main-footer h4,
#main-footer h5 {
	color: #fff;
}

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

h2 {
	font-size: 28px;
	line-height: 36px;
}

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

h4 {
	font-size: 20px;
	line-height: 26px;
}

h5 {
	font-size: 18px;
	line-height: 26px;
}

p {
	line-height: 26px;
}

.wrapper {
	position: relative;
	width: 1200px;
	margin: 0 auto;
}

body {
	color: #888;
	background-color: #fff;
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	font-weight: 400;
	-webkit-font-smoothing: antialiased;
}

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

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

/*** Default Text Styling ***/

.entry {
	clear: both;
	overflow: hidden;
	word-wrap: break-word;
}

.entry h1,
.entry h2,
.entry h3,
.entry h4,
.entry h5 {
	margin-bottom: 16px; 
}

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

.entry
blockquote p {
	padding: 16px 0 16px 24px;
	clear: both;
	border-top: 2px solid #eee;
	border-bottom: 2px solid #eee;
	background: url(images/quotes.png) no-repeat left 18px;
}

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

.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 Nav Styling
\*-------------------------------------------*/

#top-nav {
	height: 35px;
	border-bottom: 1px solid #eee;
	background-color: #F8F8F8;
	font-size: 11px;
}

#top-nav-menu {
	float: left;
}

#top-nav-menu li {
	position: relative;
	float: left;
	border-left: 1px solid #eee;
	text-transform: uppercase;
	line-height: 35px;
}

#top-nav-menu 
li:last-child {
	border-right: 1px solid #eee;
}

#top-nav-menu a {
	display: inline-block;
	height: 35px;
	padding: 0 10px;
	color: #aaa;
}

#top-nav-menu a:hover {
	color: #444;
}

/*** Sticky Menu Styling ***/

.stick-it {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 20000;
	width: 100%;
	height: 41px;
	box-shadow: 0px 2px 4px rgba(0,0,0,0.05);
}

.admin-bar 
.stick-it {
	top: 32px;
}

#top-nav.stick-it {
	font-size: 12px;
}

#top-nav.stick-it,
.stick-it
#nav-search, 
.stick-it
#nav-search #s,
.stick-it 
#nav-search 
#searchsubmit,
.stick-it #nav-social a {
	height: 41px;
}

.stick-it 
#top-nav-menu a {
	height: 41px;
	padding: 0 12px;
}

.stick-it
#top-nav-menu li {
	line-height: 41px;
}

.stick-it
#top-nav-menu ul li ul {
	top: 41px;
}

.stick-it #nav-social a {
	width: 41px;
	background-position: 2px 3px;
}

.stick-it 
#nav-social .facebook a {
    background-position: -34px 3px;
}

.stick-it 
#nav-social .instagram a {
    background-position: -70px 3px;
}

.stick-it 
#nav-social .youtube a {
    background-position: -106px 3px;
}

.stick-it 
#nav-social .soundcloud a {
    background-position: -142px 3px;
}

.stick-it 
#nav-social .google a {
    background-position: -178px 3px;
}

.stick-it 
#nav-social .vimeo a {
    background-position: -214px 3px;
}

.stick-it 
#nav-search #s {
	width: 96px;
    padding: 0 14px;
	font-size: 12px;
}

.stick-it
#nav-search 
#searchsubmit {
	background-position: 0 3px;
}

.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);
  }
}

/*** Drop Menu Styling ***/

#top-nav-menu
.drop-sign {
	margin-left: 3px;
}

#top-nav-menu ul li ul {
	position: absolute;
	left: -1px;
	top: 35px;
	z-index: 100;
	display: none;
	float: none;
	border: 1px solid #eee;
	background-color: #fff;
}

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

#top-nav-menu ul li ul li {
	height: auto;
	clear: both;
	margin-left: 0;
	line-height: normal;
	border-right: none;
	border-left: none;
	border-bottom: 1px solid #eee;
}

#top-nav-menu ul li 
ul li:last-child {
	border-right: none;
	border-bottom: none;
}

#top-nav-menu ul li ul a {
	min-width: 208px;
	height: 38px;
	padding: 0 12px;
	margin-top: 0;
	border: none;
	line-height: 39px;
	transition: all .3s;
}

#top-nav-menu 
ul li ul 
.current-menu-item a {
	background-color: transparent;
}

#top-nav-menu 
ul li ul 
.current-menu-item a:hover {
	background-color: #F5F5F5;
}

/*** Second Level Styling ***/

#top-nav-menu ul li ul ul,
.stick-it 
#top-nav-menu ul li ul ul {
	left: 100%;
	top: -1px;
}

/*** Nav Elements Styling ***/

#nav-elements {
	float: right;
}

/*** Nav Social Media Styling ***/

#nav-social {
	float: left;
}

#nav-social li {
	float: left;
	margin-left: -1px;
	border-right: 1px solid #eee;
    border-left: 1px solid #eee;
}

#nav-social a {
	display: block;
	width: 36px;
	height: 35px;
    background: url(images/nav-social.png) no-repeat;
    text-indent: -9999px;
    opacity: .3;
    transition: opacity .3s;
}

#nav-social a:hover {
	opacity: 1;
}

#nav-social 
.facebook a {
	background-position: -36px 0;
}

#nav-social 
.instagram a {
	background-position: -72px 0;
}

#nav-social 
.youtube a {
	background-position: -108px 0;
}

#nav-social 
.soundcloud a {
	background-position: -144px 0;
}

#nav-social 
.google a {
	background-position: -180px 0;
}

#nav-social 
.vimeo a {
	background-position: -216px 0;
}

/*** Nav Search Styling ***/

#nav-search {
	position: relative;
	width: 160px;
	height: 35px;
	float: right;
	margin-left: -1px;
	border-right: 1px solid #eee;
	border-left: 1px solid #eee;
	background-color: #fff;
}

#nav-search #s {
	width: 100px;
	height: 35px;
	padding: 0 12px;
	color: #aaa;
	border: none;
	border-right: 1px solid #eee;
	background-color: #fff;
	font-family: 'Roboto', sans-serif;
	font-size: 11px;
	text-transform: uppercase;
}

#nav-search #s:focus {
	color: #444;
	text-transform: none;
	outline: none;
}

#nav-search 
#searchsubmit {
	position: absolute;
	right: 0;
	top: 0;
	display: block;
	width: 36px;
	height: 35px;
	border: none;
	background: url(images/nav-search.png) no-repeat;
	text-indent: -9999px;
	cursor: pointer;
	opacity: .3;
	transition: opacity .3s;
}

#nav-search 
#searchsubmit:hover {
	opacity: 1;
}

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

#main-header {
	height: 90px;
	border-bottom: 1px solid #eee;
	background-color: #fff;
}

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

#logo h1 {
	float: left;
	font-size: 39px;
	line-height: 45px;
}

#logo h1 a {
	color: #444;
}

#tagline {
	float: left;
    clear: both;
}

#tagline a {
	color: #aaa;
}

/*** Main Nav Styling ***/

#main-nav {
	float: right;
	text-transform: uppercase;
}

#main-nav li {
	position: relative;
	display: inline-block;
	height: 90px;
	float: left;
	border-left: 1px solid #eee;
	line-height: 90px;
}

#main-nav li:last-child {
	border-right: 1px solid #eee;
}

#main-nav a {
	display: block;
	height: 88px;
	padding: 0 14px;
	float: left;
	color: #444;
	border-bottom: 2px solid transparent;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 15px;
	font-weight: 700;
	transition: background .4s;
}

#main-nav a:hover {
	background-color: #F8F8F8;
}

#main-nav
.current-menu-item a {
	color: #E94B4B;
	background-color: #F8F8F8;
}

/*** Drop Menu Styling ***/

#main-nav
.drop-sign {
	display: inline-block;
	width: 8px;
	height: 90px;
	float: right;
	margin-left: 4px;
	background: url(images/drop-sign.png) no-repeat;
	opacity: .3;
}

#main-nav ul li ul
.drop-sign {
	height: 34px;
	color: #444;
	background: url(images/drop-sign-2.png) no-repeat 0 0;
}

#main-nav ul li ul {
	position: absolute;
	left: -1px;
	top: 90px;
	z-index: 100;
	display: none;
	float: none;
	border: 1px solid #eee;
	background-color: #fff;
}

#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-left: none;
	border-bottom: 1px solid #eee;
}

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

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

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

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

/*** Second Level Styling ***/

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

/*-------------------------------------------*\
	8. Hot News Styling
\*-------------------------------------------*/

#hot-news-wrap {
	position: relative;
	width: 1198px;
	height: 70px;
	margin: 0 auto 35px auto;
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
	border-left: 1px solid #eee;
	background-color: #F8F8F8;
}

#hot-news-icon {
	position: absolute;
	left: 0;
	top: 0;
	width: 60px;
	height: 70px;
	background: url(images/hot-news-icon.png) no-repeat #E94B4B;
}

#hot-news-text {
	position: absolute;
	bottom: 6px;
	display: inline-block;
	width: 100%;
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	text-align: center;
}

#hot-news {
	margin-top: 9px;
	margin-left: 109px;
	overflow: hidden;
}

#hot-news ul {
	position: relative;
	height: 52px;
	overflow: hidden;
}

#hot-news li {
	width: 257px;
	float: left;
	margin-right: 14px;
}

#hot-news
.post-thumb {
	width: 62px;
	height: 52px;
	float: left;
	margin-right: 8px;
}

#hot-news
.post-title {
	margin-top: 4px;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 14px;
	font-weight: 700;
	line-height: 20px;
	text-transform: uppercase;
}

/*** Hot News Nav ***/

#hot-news-nav {
	position: absolute;
	top: 0;
	left: 60px;
	width: 38px;
	height: 70px;
	background-color: #fff;
}

#hot-news-nav span {
	display: block;
	width: 36px;
	height: 35px;
	border: 1px solid #eee;
	background: url(images/hot-news-nav.png) no-repeat #fff;
	cursor: pointer;

}

#hot-news-nav
.hot-next,
#hot-news-nav
.hot-prev {
	margin-top: -1px;
	border-bottom: none;
}

#hot-news-nav
.hot-prev {
	background-position: -36px -35px;
}

#hot-news-nav
.hot-next:hover {
	background-position: -36px 0;
	transition: background .4s;
}

#hot-news-nav
.hot-prev:hover {
	background-position: 0 -35px;
	transition: background .4s;
}

/*-------------------------------------------*\
	9. Homepage 1 Featured Styling
\*-------------------------------------------*/

#feat-wrapper {
	margin-bottom: 32px;
}

#large-feat {
	width: 600px;
	height: 502px;
	float: left;
	margin-right: 2px;
}

#small-feat-posts-1,
#small-feat-posts-2 {
	float: left;
}

#small-feat-posts-1 {
	margin-bottom: 2px;
}

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

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

.small-feat-post {
	width: 298px;
	height: 250px;
	float: left;
	margin-right: 2px;
}

#small-feat-posts-1
.small-feat-post + 
.small-feat-post,
#small-feat-posts-2
.small-feat-post + 
.small-feat-post {
	margin-right: 0;
}

/*** Category Ribbon Styling ***/

.feat-post
.cat-ribbon {
	top: 20px;
}

/*** Feat Caption Styling ***/

.feat-caption {
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 3;
	margin: 20px;
}

#large-feat 
.post-title {
	font-size: 30px;
	line-height: 40px;
}

.feat-caption
.post-title {
	margin-bottom: 10px;
	font-weight: 700;
	text-transform: uppercase;
}

.small-feat-post
.post-title {
	margin-bottom: 11px;
	font-size: 20px;
	line-height: 28px;
}

.small-feat-post
.feat-caption {
	margin: 14px;
}

.feat-caption
.post-title a {
	color: #fff;
	transition: all .3s;
}

.feat-caption
.post-title a:hover {
	color: #fff;
	text-shadow: 0px 0px 6px rgba(255,255,255,.6);
}

.feat-caption
.post-meta li {
	float: left;
	padding-left: 22px;
	margin-bottom: 0;
	color: #fff;
	background: url(images/post-meta.png) no-repeat;
	font-size: 13px;
	font-weight: 400;
	text-transform: uppercase;
}

.small-feat-post
.post-meta {
	margin-bottom: 5px;
	overflow: hidden;
}

.feat-caption
li.post-date {
	margin-right: 24px;
	background-position: 0 0;
}

.feat-caption
li.post-comments {
	background-position: 0 -56px;
}

/*** Feat Overlays Styling ***/

.gradient-overlay,
.color-overlay {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	display: block;
	width: 100%;
	height: inherit;
}

.color-overlay {
	z-index: 1;
	opacity: .3;
	transition: opacity .4s;
}

.feat-post:hover
.color-overlay {
	opacity: .1;
}

#large-feat
.gradient-overlay {
	background: url(images/large-feat-gradient-overlay.png) repeat-x;
}

#large-feat
.color-overlay {
	background-color: #E94B4B;
}

.small-feat-post
.gradient-overlay {
	background: url(images/small-feat-gradient-overlay.png) repeat-x;
}

/*** Small Feat Colors ***/

#small-feat-posts-1 
.small-feat-post:nth-child(1)
.color-overlay,
#small-feat-posts-1 
.small-feat-post:nth-child(1)
.cat-ribbon {
	background-color: #17BB9A;
}

#small-feat-posts-1 
.small-feat-post:nth-child(2)
.color-overlay,
#small-feat-posts-1 
.small-feat-post:nth-child(2)
.cat-ribbon {
	background-color: #ECB937;
}

#small-feat-posts-2 
.small-feat-post:nth-child(1)
.color-overlay,
#small-feat-posts-2 
.small-feat-post:nth-child(1)
.cat-ribbon {
	background-color: #C3A279;
}

#small-feat-posts-2 
.small-feat-post:nth-child(2)
.color-overlay,
#small-feat-posts-2 
.small-feat-post:nth-child(2)
.cat-ribbon {
	background-color: #E94B4B;
}

#small-feat-posts-1 
.small-feat-post:nth-child(1)
.cat-ribbon:hover,
#small-feat-posts-1 
.small-feat-post:nth-child(2)
.cat-ribbon:hover,
#small-feat-posts-2 
.small-feat-post:nth-child(1)
.cat-ribbon:hover,
#small-feat-posts-2 
.small-feat-post:nth-child(2)
.cat-ribbon:hover {
	background-color: #444;
}

/*-------------------------------------------*\
	10. Homepage 1 Content Styling
\*-------------------------------------------*/

#home-1-block-1 {
	width: 600px;
	float: left;
}

#home-1-block-1
.special-header h4 {
	width: 571px;
}

#home-1-block-1
.special-header-shadow {
	width: 590px;
}

#home-1-block-1
.post:last-child {
	padding-bottom: 0;
	margin-bottom: 15px;
	border-bottom: none;
}

#home-1-block-1
.post-thumb {
	height: 340px;
	margin-bottom: 14px;
}

#home-1-block-1
.cat-ribbon {
	bottom: 30px;
}

#home-1-block-1
.post-title {
	margin-bottom: 10px;
}

/*** Post Meta Styling ***/

#home-1-block-1
.post-meta li {
	margin-right: 8px;
}

#home-1-block-1
.post-meta
.post-date,
.post-meta
.meta-divider {
	padding-left: 0;
	background-image: none;
}

/*** Format Icon Styling ***/

#home-1-block-1
.format-icon {
	left: 278px;
	top: 148px;
}

/*** Second Block Of Posts Styling ***/

#home-1-block-2 {
	width: 566px;
	float: right;
}

#home-1-block-2 
.special-header h4 {
    width: 537px;
}

#home-1-block-2 
.special-header-shadow {
    width: 556px;
}

#home-1-block-2 
.post {
	width: 266px;
	float: left;
	margin-right: 34px;
}

#home-1-block-2 
.post:nth-child(2n) {
	margin-right: 0;
}

#home-1-block-2 
.post-divider {
	margin-top: 8px;
	margin-bottom: 30px;
}

#home-1-block-2 
.post-thumb {
	width: 266px;
	height: 168px;
	margin-bottom: 8px;
}

#home-1-block-2 
.cat-ribbon {
	bottom: 20px;
	background-color: #6FBF7C;
}

#home-1-block-2 
.cat-ribbon:hover {
	background-color: #444;
}

#home-1-block-2
.post-title {
	margin-bottom: 8px;
	font-size: 20px;
    line-height: 28px;
}

#home-1-block-2
.post-meta
.post-comments {
	float: left;
	margin-left: 2px;
}

#home-1-block-2
.inline-ad {
	width: 266px;
	float: left;
	margin-right: 34px;
}

#home-1-block-2
.format-icon {
	left: 111px;
	top: 62px;
}

/*** View All Button Styling ***/

.view-all-btn {
	position: relative;
	width: 100%;
	height: 41px;
	margin-bottom: 34px;
	overflow: hidden;
	text-align: center;
}

.view-all-btn a {
	display: inline-block;
	height: 39px;
	padding: 0 34px;
	color: #B9B9B9;
	border: 1px solid #eee;
	background-color: #fff;
	font-size: 14px;
	font-weight: 500;
	line-height: 39px;
	text-transform: uppercase;
	transition: all .3s;
}

.view-all-btn a:hover {
	color: #444;
	border-color: #444;
}

/*** Third Block Of Posts Styling ***/

#home-1-block-3 {
	height: 502px;
	padding: 34px 0;
	margin-bottom: 34px;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	background-color: #F8F8F8;
}

#large-picks {
	position: relative;
	width: 600px;
	height: 502px;
	float: left;
	overflow: hidden;
}

#large-picks h1 {
	font-size: 30px;
    line-height: 40px;
}

.small-picks {
	position: relative;
	width: 298px;
	height: 502px;
	float: left;
	margin-left: 2px;
	overflow: hidden;
}

.small-picks h2 {
	font-size: 22px;
    line-height: 30px;
}

#home-1-block-3 img {
	width: 100%;
	height: auto;
}

#home-1-block-3 
.gradient-overlay {
    background: url(images/large-feat-gradient-overlay.png) repeat-x;
}

#home-1-block-3 
.cat-ribbon {
    top: 20px;
}

#large-picks
.color-overlay {
	background-color: #E94B4B;
}

.small-picks
.cat-ribbon,
.small-picks 
.color-overlay {
	background-color: #17BB9A;
}

.small-picks +
.small-picks
.cat-ribbon,
.small-picks +
.small-picks 
.color-overlay {
	background-color: #ECB937;
}

#home-1-block-3
.cat-ribbon:hover {
	background-color: #444;
}

#large-picks
.format-icon {
	left: 278px;
	top: 229px;
}

.small-picks
.format-icon {
	left: 127px;
	top: 229px;
}

/*** Fourth Block Of Posts Styling ***/

#home-1-block-4 {
	width: 789px;
	float: left;
}

#home-1-block-4
.special-header h4 {
	width: 760px;
}

#home-1-block-4
.special-header-shadow {
	width: 779px;
}

#home-1-block-4-posts
.medium-post {
	margin-right: 33px;
}

#home-1-block-4-posts
.medium-post + .medium-post {
	margin-right: 0;
}

#home-1-block-4
.large-inline-ad {
	width: 728px;
	height: 90px;
	margin: 0 auto 33px auto;
	clear: both;
}

#home-1-block-4 
#posts-wrap
.medium-post:last-child,
#home-1-block-4 
#posts-wrap
.medium-post:nth-last-child(2) {
	padding-bottom: 0;
	border-bottom: none;
}

/*-------------------------------------------*\
	11. Homepage 2 Featured Styling
\*-------------------------------------------*/

#second-feat-wrap {
	position: relative;
	height: 502px;
	margin-bottom: 33px;
	overflow: hidden;
}

#second-feat {
	margin-right: -2px;
}

.second-feat-post {
	position: relative;
	width: 599px;
	height: 502px;
	float: left;
	margin-right: 2px;
}

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

#second-feat
.cat-ribbon {
	top: 20px;
}

#second-feat
.cat-ribbon:hover {
    color: #fff;
    background-color: #444;
}

.second-feat-post
.color-overlay {
	background-color: #E94B4B;
}

.second-feat-post:nth-child(2n) 
.color-overlay,
.second-feat-post:nth-child(2n) 
.cat-ribbon {
	background-color: #C3A279;
}

.second-feat-post:hover 
.color-overlay {
    opacity: .1;
}

#second-feat
.gradient-overlay {
	background: url(images/large-feat-gradient-overlay.png) repeat-x;
}

/*** Second Feat Nav Styling ***/

#second-feat-nav 
span {
	position: absolute;
	top: 230px;
	z-index: 10;
	display: block;
	width: 42px;
	height: 42px;
	background: url(images/second-feat-nav.png) #fff;
	cursor: pointer;
	transition: opacity .3s;
}

.second-feat-next {
	left: 0;
}

#second-feat-nav
.second-feat-prev {
	right: 0;
	background-position: -84px 0;
}

#second-feat-nav 
span:hover {
	opacity: .8;
}

/*-------------------------------------------*\
	12. Homepage 2 Content Styling
\*-------------------------------------------*/

#home-2-block-1,
#home-2-block-2 {
	width: 583px;
	float: left;
}

#home-2-block-2 {
	float: right;
}

/*** Block Headings Stylings ***/

.home-2-wrap 
.special-header h4 {
    width: 554px;
}

.home-2-wrap
.special-header-shadow {
	width: 573px;
}

/*** Posts Styling ***/

.home-2-wrap 
.post-thumb {
    height: 330px;
    margin-bottom: 14px;
}

.home-2-wrap
.format-icon {
    left: 270px;
    top: 143px;
}

.home-2-wrap
.cat-ribbon {
    bottom: 20px;
}

.home-2-wrap 
.post-title {
    margin-bottom: 10px;
}

.home-2-wrap 
.post-meta .post-date {
    padding-left: 0;
    background-image: none;
}

/*** Second Column Color ***/

#home-2-block-2 
.cat-ribbon,
#home-2-block-2 
.read-more a {
	background-color: #6FBF7C;
}

#home-2-block-2 
.cat-ribbon:hover,
#home-2-block-2 
.read-more a:hover {
	background-color: #444;
}

#home-2-block-2
.excerpt a:hover,
#home-2-block-2
.post-author:hover {
    color: #bbb;
}

/*** Banner Ad Styling ***/

.home-2-wrap
.large-inline-ad {
	width: 728px;
	height: 90px;
	margin: 0 auto 33px auto;
	clear: both;
}

/*-------------------------------------------*\
	13. Homepage 3 Featured Styling
\*-------------------------------------------*/

#third-feat {
	margin-bottom: 33px;
}

#third-feat img {
	width: 100%;
	height: auto;
}

#third-feat-large {
	clear: both;
	margin-right: -2px;
}

#third-feat-large > li {
	position: relative;
	width: 599px;
	height: 330px;
	float: left;
	margin-right: 2px;
	margin-bottom: 2px;
	overflow: hidden;
}

#third-feat-large 
> li:nth-child(2) .cat-ribbon,
#third-feat-large 
> li:nth-child(2) .color-overlay {
	background-color: #C3A279;
}

#third-feat-large 
> li:nth-child(2) 
.cat-ribbon:hover {
	background-color: #444;
}

#third-feat-large
.gradient-overlay {
	background: url(images/third-feat-large.png) repeat-x;
}

#third-feat
.color-overlay {
	background-color: #E94B4B;
}

#third-feat
.cat-ribbon {
	top: 20px;
}

/*** Small Featured Posts ***/

#third-feat-small {
	clear: both;
	margin-right: -2px;
}

#third-feat-small > li {
	position: relative;
	width: 398px;
	height: 258px;
	float: left;
	margin-right: 2px;
	overflow: hidden;
}

#third-feat-small 
> li:nth-child(2) {
	width: 400px;
}

#third-feat-small 
> li:nth-child(1) .cat-ribbon,
#third-feat-small 
> li:nth-child(1) .color-overlay {
	background-color: #17BB9A;
}

#third-feat-small 
> li:nth-child(1) 
.cat-ribbon:hover {
	background-color: #444;
}

#third-feat-small 
> li:nth-child(2) .cat-ribbon,
#third-feat-small 
> li:nth-child(2) .color-overlay {
	background-color: #ECB937;
}

#third-feat-small 
> li:nth-child(2) 
.cat-ribbon:hover {
	background-color: #444;
}

#third-feat-small
.gradient-overlay {
	background: url(images/third-feat-small.png) repeat-x;
}

/*-------------------------------------------*\
	14. Homepage 3 Content Styling
\*-------------------------------------------*/

#home-3-block-1 {
	width: 789px;
    float: left;
}

.special-header h4 {
	width: 760px;
}

#home-3-block-1 
.special-header-shadow {
	width: 779px;
}

/*-------------------------------------------*\
	15. Content Styling
\*-------------------------------------------*/

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

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

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

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

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

.cat-ribbon {
	position: absolute;
	left: 0;
	z-index: 4;
	display: block;
	height: 22px;
	color: #fff;
	padding: 0 8px;
	background-color: #E94B4B;
	font-size: 11px;
	text-transform: uppercase;
	line-height: 22px;
	transition: background .3s;
}

.cat-ribbon:hover {
	color: #fff;
	background-color: #444;
}

.post-content {
	position: relative;
}

.large-post 
.post-title,
.large-post 
.excerpt {
	margin-right: 60px;
}

.post-comments-wrap {
	position: absolute;
	right: 0;
	top: 3px;
	display: block;
	width: 32px;
	margin-top: 4px;
	background: url(images/large-posts-comments.png) no-repeat;
}

.post-comments-wrap 
span {
	display: block;
	padding-top: 34px;
	color: #B8B8B8;
	font-size: 14px;
	font-weight: 500;
	text-align: center;
}

.post-title {
	text-transform: capitalize;
}

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

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

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

/*** Medium Posts Styling ***/

.medium-post {
	width: 378px;
	float: left;
}

.medium-post 
.post-thumb {
	width: 378px;
	height: 228px;
	margin-bottom: 12px;
}

.medium-post 
.cat-ribbon {
	bottom: 25px;
}

.medium-post 
.format-icon {
	left: 167px;
	top: 92px;
}

.medium-post 
.post-meta li {
	margin-right: 8px;
}

.medium-post 
.post-meta 
.post-date {
    padding-left: 0;
    background-image: none;
}

.medium-post
.excerpt {
	margin-bottom: 16px;
}

#posts-wrap 
.medium-post {
	margin-right: 33px;
}

#posts-wrap 
.medium-post:nth-child(2n) {
	margin-right: 0;
}

.medium-post 
.post-title,
.medium-post 
.excerpt {
	margin-right: 58px;
}

.medium-post
.post-comments-wrap {
	width: 29px;
	background: url(images/medium-posts-comments.png) no-repeat;
}

.medium-post
.post-comments-wrap 
span {
	padding-top: 30px;
	font-size: 13px;
}

.medium-post
.post-title {
	margin-bottom: 11px;
	font-size: 24px;
    line-height: 32px;
}

/*** Format Icons Styling ***/

.format-icon {
	display: none;
}

.format-video
.format-icon,
.format-audio
.format-icon,
.format-gallery
.format-icon {
	position: absolute;
	z-index: 6;
	display: block;
	width: 44px;
	height: 45px;
	background: url(images/format-icons.png) no-repeat;
}

.format-gallery
.format-icon {
	background-position: 0 -119px;
}

.format-audio
.format-icon {
	background-position: 0 -60px;
}

/*** Post Meta Styling ***/

.post-meta {
	width: 100%;
	overflow: hidden;
}

.post-meta li {
	float: left;
	padding-left: 21px;
	margin-right: 12px;
	margin-bottom: 12px;
	color: #B9B9B9;
	background: url(images/post-meta.png) no-repeat;
	font-size: 13px;
	font-weight: 500;
	text-transform: uppercase;
}

.post-meta li:last-child {
	margin-right: 0;
}

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

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

.post-meta
.post-author {
	background-position: 0 -116px;
}

.post-meta
.post-date {
	background-position: 0 -173px;
}

.post-meta
.post-comments {
	float: right;
	background-position: 0 -231px;
}

/*** Read More Buttons Styling ***/

.read-more {
	display: inline-block;
	height: 34px;
	padding: 0 16px;
	color: #444;
	border: 1px solid #eee;
	background-color: #fff;
	font-size: 13px;
	font-weight: 500;
	line-height: 34px;
	text-transform: uppercase;
	transition: all .3s;
}

.read-more:hover {
	color: #444;
	border-color: #444;
}

/*** Special Headers Styling ***/

.special-header {
	position: relative;
	width: 100%;
	margin-bottom: 27px;
}

.special-header h4 {
	position: relative;
	z-index: 2;
	height: 38px;
	color: #fff;
	padding: 0 12px;
	background-color: #444;
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
	font-weight: 700;
	text-transform: uppercase;
	line-height: 38px;
}

.special-header
.down-arrow {
	position: absolute;
	left: 30px;
	bottom: -12px;
	z-index: 2;
	border-top: 12px solid #444;
	border-left: 12px solid transparent;
    border-right: 12px solid transparent;
}

.special-header-shadow {
	position: absolute;
	right: 0;
	bottom: -5px;
	z-index: 1;
	height: 38px;
	background-color: #E9E9E9;
}

.special-header-shadow
.down-arrow {
	position: absolute;
	left: 30px;
	bottom: -12px;
	z-index: 1;
	border-top: 12px solid #E9E9E9;
	border-left: 12px solid transparent;
    border-right: 12px solid transparent;
}

.about-block {
	display: block;
	width: 100%;
	color: #BABABA;
	margin-bottom: 28px;
	font-size: 16px;
	text-transform: uppercase;
}

/*** Post Divider Styling ***/

.post-divider {
	display: block;
	width: 100%;
	height: 5px;
	clear: both;
	margin-top: 28px;
	margin-bottom: 34px;
	border-top: 1px solid #eee;
}

.post-divider span {
	display: block;
	width: 50%;
	height: 3px;
	margin-top: 1px;
	background-color: #eee;
}

/*** Pagination Styling ***/

.pagination {
	width: 100%;
	float: left;
	color: #B9B9B9;
	margin-bottom: 33px;
	font-size: 13px;
    font-weight: 700;
	text-transform: uppercase;
}

.pagination a {
	display: block;
	float: left;
	color: #B9B9B9;
	margin-right: 8px;
	border: 1px solid #eee;
	background-color: #fff;
	text-decoration: none;
	padding: 9px 13px;
	transition: all .3s;
}

.pagination
.current,
.pagination a:hover {
	color: #444;
	border: 1px solid #444;
	background-color: #fff;
}

.pagination
.current {
	display: block;
	float: left;
	padding: 9px 13px;
	margin-right: 8px;
}

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

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

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

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

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

.nothing-found 
.widgettitle {
	margin-bottom: 12px;
	font-size: 18px;
	line-height: 22px;
	text-transform: uppercase;
}

.nothing-found 
.widget_recent_entries li {
	margin-bottom: 10px;
  	padding-bottom: 10px;
  	border-bottom: 1px dotted #dedede;
    font-size: 14px;
}

/*** Large Ad Styling ***/

.large-inline-ad {
	margin-bottom: 33px;
}

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

#main-sidebar {
	width: 378px;
	float: right;
}

#main-sidebar img,
#main-sidebar iframe {
	max-width: 100%;
}

#main-sidebar 
.special-header {
	margin-bottom: 42px;
}

#main-sidebar 
.special-header h4 {
	width: 349px;
}

#main-sidebar 
.special-header-shadow {
    width: 368px;
}

/*-------------------------------------------*\
	17. Widgets Styling
\*-------------------------------------------*/

#main-sidebar
.widget {
	margin-bottom: 33px;
}

/*** Popular / Recent Posts ***/

.widget 
.medium-post:last-child {
	margin-bottom: 0;
}

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

#main-footer 
.post-title a:hover,
#main-footer 
.post-meta a:hover {
	color: #e6e6e6;
}

#main-footer
.post-meta
.post-author {
	background-position: 0 -290px;
}

#main-footer
.medium-post 
.post-comments-wrap {
    background: url(images/footer-medium-posts-comments.png) no-repeat;
}

#main-footer
.read-more {
	color: #fff;
    border-color: #444;
	background-color: #1B1B1B;
}

#main-footer
.read-more:hover {
	border-color: #fff;
}

#main-footer 
.post-divider {
	border-top-color: #444;
}

#main-footer 
.post-divider span {
	background-color: #444;
}

/*** Facebook Widget ***/

.pu_facebook_widget {
	min-height: 294px;
}

/*** Video Widget Styling ***/

.video-widget-wrap {
	height: 220px;
}

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

/*** Tag Cloud Styling ***/

.widget
.tagcloud {
	margin-bottom: -4px;
	overflow: hidden;
}

.tagcloud a {
	position: relative;
	display: block;
	height: 26px;
	padding: 0 10px;
	margin: 0 4px 4px 0;
	color: #fff;
	float: left;
	background-color: #E94B4B;
	font-size: 12px !important;
	text-transform: uppercase;
	line-height: 28px;
	transition: background .3s;
}

#main-footer
.tagcloud a {
	background-color: #272727;
}

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

#main-footer
.tagcloud a:hover {
	background-color: #E94B4B;
}

/*** Search Form Styling ***/

.widget
#searchform {
	position: relative;
	width: 100%;
	height: 36px;
}

.widget
#s {
	width: 282px;
	height: 36px;
	padding: 0 80px 0 14px;
	color: #bbb;
	border: 1px solid #eee;
    background-color: #FBFBFB;
	font-size: 14px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-style: italic;
}

.footer-widgets
.widget #s {
    width: 270px;
}

.footer-widgets
.widget #s {
	color: #aaa;
	border-color: #333;
	background-color: #242424;
}

.widget
#s:focus {
	outline: none;
	color: #999;
	font-style: normal;
}

.footer-widgets
.widget
#s:focus {
	color: #ddd;
}

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

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

/*** Calendar Widget ***/

#wp-calendar {
	width: 100%;
	color: #888;
}

.footer-widgets
#wp-calendar {
	color: #ddd;
}

#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 {
	border: 1px solid #eee;
	background-color: #F9F9F9;
	text-align: center;
	padding: 8px;
	transition: all .3s;
}

#wp-calendar tfoot #next {
	border: 1px solid #eee;
	background-color: #F9F9F9;
	text-transform: uppercase;
	text-align: right;
	padding: 10px;
}

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

.footer-widgets
#wp-calendar tbody td,
.footer-widgets
#wp-calendar .pad,
.footer-widgets
#wp-calendar tfoot #next,
.footer-widgets
#wp-calendar tfoot #prev {
	border-color: #333;
	background-color: #242424;
}

/*** About Authors Widget ***/

.about-img {
	display: block;
	width: 130px;
	height: 130px;
	float: left;
	margin-right: 12px;
	border-radius: 130px;
	overflow: hidden;
}

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

.about-widget-wrap {
	margin-bottom: 30px;
	padding-bottom: 30px;
	border-bottom: 1px solid #eee;
	overflow: hidden;
}

.about-widget-wrap + 
.about-widget-wrap {
	margin-bottom: 0;
}

#main-footer 
.about-widget-wrap {
	border-bottom-color: #272727;
}

.about-widget-txt {
	margin-top: 5px;
	overflow: hidden;
}

.about-widget-txt p {
	margin-bottom: 10px;
}

.abt-author-name {
	margin-bottom: 8px;
	text-transform: uppercase;
}

.about-social li {
	float: left;
	margin-top: 6px;
	margin-right: 28px;
}

.about-social a {
	display: inline-block;
	width: 18px;
	height: 18px;
	background: url(images/about-social.png) no-repeat;
	transition: opacity .3s;
}

#main-sidebar 
.about-social a {
	background-position-y: -28px;
}

.about-social a:hover {
	opacity: .6;
}

.about-social
.twitter {
	width: 21px;
}

.about-social
.facebook {
	background-position: -49px 0;
}

.about-social
.google {
	background-position: -95px 0;
}

.about-social
.instagram {
	background-position: -141px 0;
}

/*** 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 solid #eee;
	list-style: none;
	line-height: 21px;
	color: #ccc;
	font-size: 13px;
	text-transform: uppercase;
}

#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 {
	color: #fff;
	border-bottom-color: #272727;
}

.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: 20px;
}

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

#main-footer .widget
.children li:first-child,
#main-footer .widget
.sub-menu li:first-child {
	border-top-color: #272727;
}

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

.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: #999;
	margin-right: 2px;
	text-decoration: none;
}

.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: #E94B4B;
	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: #aaa;
}

#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: #E94B4B;
}

/*-------------------------------------------*\
	18. Single Post Page Styling
\*-------------------------------------------*/

#single-large-ad {
	width: 970px;
	margin: 4px auto 38px auto;
}

.single-wrap 
.entry {
	padding-bottom: 20px;
	margin-bottom: 32px;
	border-bottom: 1px solid #eee;
}

.single-post-title {
	margin-bottom: 18px;
	font-size: 40px;
    line-height: 50px;
}

#single-info
.avatar-wrap {
	margin-bottom: 26px;
}

.single-line-divider {
	display: block;
	width: 100%;
	height: 1px;
	clear: both;
	margin-bottom: 34px;
	border-top: 1px solid #eee;
	border-bottom: 3px solid #eee;
}

.single-post-meta {
	width: auto;
	height: 32px;
	float: left;
}

.single-post-meta li {
	padding-left: 0;
	margin-right: 17px;
	margin-bottom: 22px;
	background: transparent;
	font-weight: 400;
	line-height: 32px;
}

.single-thumb {
	width: 789px;
	height: 460px;
	clear: both;
	margin-bottom: 24px;
	overflow: hidden;
}

/*** Single Share Styling ***/

.single-share {
	float: right;
	text-indent: -9999px;
}

.single-share li {
	float: left;
	margin-left: 12px;
	margin-bottom: 22px;
}

.single-share a {
	display: block;
	width: 32px;
	height: 32px;
	border-radius: 32px;
	background: url(images/single-share.png) no-repeat #40BFF4;
	transition: background .3s;
}

.single-share a:hover {
	background-color: #444;
}

.single-share
.facebook {
	background-color: #5C82D0;
	background-position: -35px 0;
}

.single-share
.google {
	background-color: #EA5D4B;
	background-position: -70px 0;
}

.single-share
.pinterest {
	background-color: #E03037;
	background-position: -105px 0;
}

/*** Post Tags Styling ***/

#post-tags {
	display: block;
	width: 100%;
	min-height: 24px;
	padding-bottom: 30px;
	margin-bottom: 26px;
    border-bottom: 1px solid #eee;
}

#tags-name {
	display: block;
	float: left;
	color: #B8B8B8;
	margin-right: 8px;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 14px;
	font-weight: 700;
	line-height: 24px;
	text-transform: uppercase;
}

#post-tags a {
	display: block;
	height: 24px;
	color: #fff;
	float: left;
	padding: 0 8px;
	margin-right: 3px;
	border-radius: 24px;
	background-color: #DADADA;
	font-size: 11px;
	font-weight: 500;
	line-height: 25px;
	text-transform: uppercase;
	transition: background .3s;
}

#post-tags a:hover {
	background-color: #E94B4B;
}

/*** Single Elements Styling ***/

#single-elements 
.single-share {
	float: right;
	clear: none;
	margin-bottom: 0;
} 

#single-elements 
.single-line-divider {
	margin-bottom: 24px;
}

/*** About Author Styling ***/

#about-author {
	display: inline-block;
    width: 70%;
    margin-bottom: 18px;
}
 
.avatar-wrap {
	width: 38px;
	height: 38px;
	float: left;
	margin-right: 8px;
	overflow: hidden;
	border-radius: 38px;
}

#about-author h5 {
	float: left;
	margin-right: 10px;
	font-size: 14px;
	font-weight: 700;
	line-height: 20px;
	text-transform: uppercase;
}

#about-author h5 a {
	color: #444;
}

#about-author h5 a:hover {
	color: #B9B9B9;
}

#author-icons a {
	display: inline-block;
	width: 17px;
	height: 14px;
	margin-top: 2px;
	margin-right: 16px;
	background: url(images/author-icons.png) no-repeat;
	text-indent: -9999px;
	transition: opacity .3s;
}

#author-icons a:hover {
	opacity: .8;
}

#author-icons 
.facebook-link {
	width: 7px;
	background-position: -33px 0;
}

#author-icons 
.google-link {
	width: 14px;
	background-position: -56px 0;
}

#author-icons 
.instagram-link {
	width: 14px;
	background-position: -86px 0;
}

#about-author p {
	overflow: hidden;
	font-size: 13px;
	line-height: 23px;
}

/*** Related Posts Styling ***/

#related-header {
	margin-bottom: 25px;
	font-size: 20px;
	font-weight: 700;
	text-transform: uppercase;
}

#related-posts {
	margin-right: -24px;
}

.related-post {
	width: 247px;
	float: left;
	margin-right: 24px;
}

.related-post 
.post-thumb {
	width: 247px;
	height: 157px;
	margin-bottom: 10px;
}

.related-post 
.cat-ribbon {
	top: 120px;
}

.related-post 
.format-icon {
    left: 103px;
    top: 59px;
}

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

.related-post 
.post-divider {
	margin-top: 8px;
}

/*** Comments Styling ***/

#comments-heading {
	margin-bottom: 30px;
	font-size: 20px;
	font-weight: 700;
	text-transform: uppercase;
}

.bypostauthor {}

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

.comment-body
.avatar {
	float: left;
	margin-right: 12px;
}

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

.comment-contents {
	overflow: hidden;
}

.comment-meta {
	margin-bottom: 3px;
	line-height: 23px;
	text-transform: uppercase;
}

.comment-author {
	float: left;
	margin-right: 10px;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 14px;
    font-weight: 700;
    color: #444;
}

.comment-author a {
	color: #444;
}

.comment-author a:hover {
	color: #E94B4B;
}

.comment-date {
	color: #BABABA;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 14px;
	font-weight: 400;
}

.comment-reply-link {
	display: inline-block;
    height: 21px;
   	padding: 0 9px;
    margin-top: 10px;
    color: #fff;
    border-radius: 21px;
    background-color: #DADADA;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 11px;
    text-transform: uppercase;
    line-height: 21px;
    transition: background .3s;
}

.comment-reply-link:hover {
	color: #fff;
	background-color: #E94B4B;
}

.comment-text {
	clear: both;
}

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

/*** Comment Form Stylng ***/

#reply-title {
	margin-bottom: 12px;
    font-size: 20px;
    font-weight: 700;
    line-height: 20px;
    text-transform: uppercase;
}

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

#cancel-comment-reply-link {
	display: inline-block;
	padding-left: 16px;
	margin-left: 10px;
    background: url(images/cancel-comment-reply-link.png) no-repeat left center;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    cursor: pointer;
    transition: color .3s;
}

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

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

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

#respond
.required {
	color: #FF223A;
	font-family: 'Roboto', sans-serif;
    font-weight: 400;
	font-size: 14px;
	line-height: 0;
}

#respond
.comment-form-url {
	margin-right: 0;
}

#author,
#email,
#url,
#comment {
	padding-left: 10px;
	border: 1px solid #eee;
    background-color: #FBFBFB;
	font-size: 16px;
	font-family: 'Roboto', sans-serif;
    font-weight: 400;
	color: #bbb;
	margin-bottom: 14px;
	transition: background .3s;
}

#author:focus,
#email:focus,
#url:focus,
#comment:focus {
	outline: none;
    color: #888;
    border-color: #ccc;
    background-color: #fff;
}

#author,
#email,
#url {
	width: 50%;
	height: 38px;
	clear: both;
}

#comment {
	width: 98.4%;
	height: 204px;
	padding: 10px 0 10px 10px;
	line-height: 22px;
}

#respond p label {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 14px;
    font-weight: 700;
    color: #444;
}

#respond p label,
#respond p label + .required {
	display: block;
	margin-right: 8px;
	margin-bottom: 8px;
	text-transform: uppercase;
}

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

#submit {
    height: 35px;
    padding: 0 20px;
    margin-top: 16px;
    color: #fff;
    border: none;
    border-radius: 35px;
    background-color: #E94B4B;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 37px;
    text-transform: uppercase;
    cursor: pointer;
    transition: all .3s;
}

#submit:hover {
	color: #fff;
	background-color: #444;
}

/*-------------------------------------------*\
	19. Pages Styling
\*-------------------------------------------*/

.page-wrap .entry {
	margin-bottom: 30px;
}

.page-temp-wrap
.single-thumb {
	margin-bottom: 19px;
}

.page-title {
	text-transform: uppercase;
}

/*** Full Page Styling ***/

.full-width-page {
	margin-bottom: 30px;
}

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

.wpcf7 p {
	float: left;
	clear: both;
	margin-bottom: 10px;
}

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

.wpcf7-form
label {
	display: inline-block;
	margin-bottom: 5px;
	color: #444;
	font-family: 'Roboto Condensed', sans-serif;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
}

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

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

.wpcf7-text,
.wpcf7-textarea {
	padding-right: 10px;
	padding-left: 10px;
	margin-bottom: 10px;
	border: 1px solid #eee;
    background-color: #FBFBFB;
	font-size: 16px;
	font-family: 'Roboto', sans-serif;
    font-weight: 400;
	color: #bbb;
}

.wpcf7-text:focus,
.wpcf7-textarea:focus {
	outline: none;
	color: #888;
	border-color: #ccc;
	background-color: #fff;
}

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

.wpcf7-submit {
	height: 35px;
    padding: 0 20px;
    margin-top: 5px;
    color: #fff;
    border: none;
    border-radius: 35px;
    background-color: #E94B4B;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 37px;
    text-transform: uppercase;
    cursor: pointer;
    transition: all .3s;
}

.wpcf7-submit:hover {
	color: #fff;
    background-color: #444;
}

input::-moz-focus-inner { 
	border: 0; 
	padding: 0; 
	margin-top:-2px; 
	margin-bottom: -2px; 
}

/*** Error Page ***/

.error-wrap {
	margin-bottom: 30px;
}

.error-content-wrap {
	margin: 20px 0 40px 0;
	text-align: center;
}

.error-wrap h1 {
	height: 58px;
	margin-bottom: 15px;
	font-size: 44px;
	line-height: 54px;
	text-transform: uppercase;

}

.error-wrap p {
	margin-bottom: 10px;
	text-align: center;
}

.error-wrap
#searchform {
	position: relative;
	width: 342px;
	margin: 25px auto 30px auto;
}

.error-wrap
#s {
	width: 246px;
	height: 34px;
	padding: 0 82px 0 12px;
	color: #bbb;
	border: 1px solid #EFEFEF;
	background-color: #fff;
	font-size: 14px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
}

.error-wrap
#s:focus {
	color: #777;
	outline: none;
	border-color: #ccc;
	font-style: normal;
}

.error-wrap
#searchsubmit {
	position: absolute;
  	right: 3px;
    top: 3px;
    height: 30px;
    padding: 0 12px;
  	border: none;
  	color: #fff;
  	background-color: #444;
  	font-size: 13px;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    cursor: pointer;
    transition: background .3s;
}

.error-wrap
#searchsubmit:hover {
	color: #fff;
	background-color: #E94B4B;
}

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

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

#main-footer {
	clear: both;
	color: #aaa;
	background-color: #1B1B1B;
}

#footer-line {
	display: block;
	width: 100%;
	height: 3px;
	border-bottom: 1px solid #272727;
	background-color: #121212;
}

#main-footer
.widget {
	width: 366px;
	float: left;
	padding: 33px 25px 33px;
	border-right: 1px solid #272727;
}

#main-footer
.widget:first-child {
	padding-left: 0;
}

#main-footer
.widget:last-child {
	padding-right: 0;
	border-right: none;
}

#main-footer 
.special-header {
	margin-bottom: 43px;
}

#main-footer 
.special-header h4 {
	width: 337px;
	background-color: #272727;
}

#main-footer 
.special-header-shadow {
	width: 356px;
}

#main-footer 
.special-header
.down-arrow {
	border-top-color: #272727;
}

#main-footer 
.special-header-shadow {
	background-color: #363636;
}

#main-footer 
.special-header-shadow
.down-arrow {
	border-top-color: #363636;
}

/*** Copyright DIV Styling ***/

#copyright {
	height: 52px;
	clear: both;
	color: #777;
	overflow: hidden;
	border-top: 1px solid #272727;
	background-color: #121212;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
}

#copyright p, 
#copyright li {
	line-height: 52px;
}

#copyright p {
	float: left;
}

#copyright ul {
	float: right;
}

#copyright li {
	float: left;
	margin-left: 10px;
}

#copyright li::after {
	content: "\02022";
	margin-left: 10px;
}

#copyright li:last-child::after {
	content: "";
	margin-left: 0;
}

#copyright a {
	color: #777;
}

#copyright a:hover {
	color: #fff;
}

/*** Back To Top Button Styling ***/

#back-to-top {
	position: fixed;
	right: 30px;
	bottom: 3%;
	display: none;
	width: 42px;
	height: 42px;
	border: 1px solid #B9B9B9;
	cursor: pointer;
	transition: all .3s;
}

#back-to-top
span {
	display: block;
	width: 38px;
	height: 38px;
	margin: 2px;
	background: url(images/back-to-top.png) no-repeat #B9B9B9;
	transition: background .3s;
}

#back-to-top:hover {
	border-color: #E94B4B;
}

#back-to-top:hover 
span {
	background-color: #E94B4B;
}

/*ARRANCA MIS CAMBIOS*/
#logo img{max-height: 80px; margin-top: 8px}
#logo{margin-top: 0}
#main-header{background: #1c1b1a; border-bottom: 0px}
body{background: #1c1b1a}
#hot-news-wrap{margin-top: 10px; margin-bottom: 10px; border-radius: 0 5px 5px 0;}
#hot-news-icon{top: 1px; height: 69px}
#hot-news-nav{top: 1px}
#main-nav a{color: #e4e4e4;}
#hot-news .post-title{line-height: 15px; font-size: 11px;}
.attachment-futuremag-small-car-thumb{min-height:52px}
.post-title a {color: #f3f3f3;}
.large-inline-ad{display: none}
#hot-news .post-title a {color: white !important;}
.post-date{display: none}
#home-1-block-3 #large-picks{height: 380px}
#home-1-block-3 #large-picks img{height: 380px}

#home-1-block-3 .small-picks{height: 380px}
#home-1-block-3 .small-picks img{height: 380px; width: auto; margin: 0 0px 0px -50%;}
#home-1-block-3 {height: 380px}
.post-comments{display: none}

#home-1-block-4 .post-comments-wrap{display: none}
#home-1-block-4 .medium-post .post-title, .medium-post .excerpt{margin-right: 0}
#home-1-block-4 .post-meta{display: none}
#home-1-block-4 .read-more{display: none}
#home-1-block-4 .excerpt{display: none}

.inline-ad{display: none}
.sub-menu a{color: black !important;}
#main-nav a:hover{color: black}


#cd_fbsp_like_widget-4 .special-header{display: none}

#text-15{height: 275px !important;}
#text-17{height: 275px !important;}

#nav-social .soundcloud a{background: url(/wp-content/themes/futuremag/images/twitchback.png); background-size: 90%; background-position: 0px;}

body.single .single-thumb{width: 100%}
body.single .entry{color: black}
#main-nav li{border-left:0}
#main-nav li:last-child{border-right:0}

#hot-news-wrap{background: black; border-bottom: 0; border-right: 0; border-left: 0}
.post-divider span{background-color: unset}
#hot-news-nav span{background: url(/wp-content/themes/futuremag/images/flechas.png) no-repeat black; border: 0; width: 39px; height: 36px;}

#media_image-2 img{width: 100%}
#media_image-2{height: unset !important}
#text-19 {margin-bottom: 0 !important}
#copyright .menu{display: none !important}
#home-1-block-3 {height: unset !important}
@media screen and (max-width: 600px){
	#home-1-block-3 img{width:auto}
	.izq{width: 100% !important}
}
#custom_html-2{height: unset !important}
#footer-line{display: none}

body.page-id-15 article{background: #f8f8f8; padding: 20px;}
body.page-id-15 .page-title{display: none}

.post-title {text-transform: unset;}