/*
Theme Name: Focuz
Theme URI: http://codexcoder.com
Author: CodexCoder
Author URI: http://codexcoder.com
Description: Focuz is multipurpose wordpress theme.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: focuz
Tags: light, gray, white, one-column, two-columns, right-sidebar, fluid-layout, responsive-layout, custom-background, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

 TutorialFor.Me is based on Underscores http://underscores.me/, (C) 2012-2014 Automattic, Inc.
 */

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Reset Wordpress
2.0 Widgets
3.0 Comments
4.0 Media
   4.1 Captions
   4.2 Galleries
   --------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 Reset Wordpress
--------------------------------------------------------------*/
.admin-bar  #top-menu-container.fix-menu {
	top: 32px;
}
body.admin-bar .navbar-fixed-top {
	top: 32px;
}
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}
.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto;
}
.tags-links {
	text-transform: capitalize;
}
.error-404 h1 {
	text-align: center;
}
.featured-image {
	position: relative;
}
.sticky {
	background: #eee;
	padding: 10px;
}

.post-meta-box .category .fa {
	color: #ccc;
}
/*--------------------------------------------------------------
2.0 Widgets
--------------------------------------------------------------*/

/* Make sure select elements fit in widgets */

/* Search widget */
.widget_search .search-submit {
	display: none;
}
.widget_nav_menu li {
	border-bottom: 1px solid #ebebeb;
}
.widget_pages li a, .widget_nav_menu li a {
	color: #606060;
	display: inline-block;
	padding: 18px 0;
	font-weight: 700;
}
.widget_pages li a:before, .widget_nav_menu li a:before {
	content: "";
	width: 12px;
	height: 12px;
	display: inline-block;
	border: 2px solid #00a1cb;
	margin-right: 10px;
}
.widget_nav_menu li .sub-menu{
	margin-left: 20px;
}
.widget_pages li:hover a, .widget_nav_menu li:hover a {
	color: #00a1cb;
}
.widget_pages li:hover .badge, .widget_nav_menu li:hover .badge {
	background: #00a1cb;
}
.widget_archive li, .widget_meta li, .widget_recent_entries li, .widget_recent_comments li, .widget_rss li {
	padding: 10px 0;
	border-bottom: 1px solid #E8E8E8;
}
.widget_archive select,
.widget_text select, 
.widget_categories select {
	text-transform: none;
	padding: 10px 15px;
	width: 100%;
	border: 1px solid #E0E0E0;
}
.rssSummary {
	margin-top: 10px;
}
cite {
	background: rgb(234, 234, 234);
	padding: 2px 10px;
	display: block;
}
/*--------------------------------------------------------------
3.0 Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}
.bypostauthor {
	display: block;
}
.avater-img {
	border-radius: 100%;
	overflow: hidden;
}
.comment-respond h3 {
	 font-size: 1.125em;
}
.comment-respond .stripe-over:after, .comment-respond .stripe-over:before {
	content: "";
	position: absolute;
	bottom: -18px;
}
/*--------------------------------------------------------------
4.0 Media
--------------------------------------------------------------*/
.page-content img.wp-smiley,
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}
/*--------------------------------------------------------------
4.1 Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 0 auto;
}
.wp-caption-text {
	text-align: center;
}
.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}
/*--------------------------------------------------------------
4.2 Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}
.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}
.gallery-columns-2 .gallery-item {
	max-width: 50%;
}
.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
	max-width: 25%;
}
.gallery-columns-5 .gallery-item {
	max-width: 20%;
}
.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}
.gallery-caption {
	display: block;
}


/*===========================================
=            Styles for main.css            =
===========================================*/

/* Pagination */
ul.pagination > li a.next,
ul.pagination > li a.prev {
    padding: 0 10px;
}

/* Iframe Embed */
.focuz-post-type-status > iframe,
.focuz-post-type-audio .post-thumbnail > iframe {
	width: 100% !important;
}
.focuz-post-type-audio .post-thumbnail > iframe {
	max-height: 150px
}
/* Video Player */
.focuz-post-type-video .post-thumbnail > .wp-video,
.focuz-post-type-video .post-thumbnail > .wp-video > .mejs-container {
    width: 100% !important;
}

/* Post Meta */
.entry-meta > div {
    display: inline-block;
    margin-right: 5px;
}
.entry-meta .category > a > i,
.entry-meta .comments-link > a > i {
    padding-right: 5px;
}
article.post .comments-link a {
	margin-left: 0;
}
.format-aside .entry-content {
	padding-top: 0;
}
/*-----  End of Styles for main.css  ------*/


/* Create Column for Blog Layout */
.focuz-column-2[data-columns]::before {
	content: '2 .column.size-1of2';
}

.focuz-column-3[data-columns]::before {
	content: '3 .column.size-1of3';
}
.focuz-column-4[data-columns]::before {
	content: '4 .column.size-1of4';
}

@media screen and (max-width: 480px){
	.focuz-column-2[data-columns]::before {
		content: '1 .column.size-1of1';
	}
}

@media screen and (min-width: 481px) and (max-width: 768px) {
	.focuz-column-2[data-columns]::before {
		content: '1 .column.size-1of1';
	}
}
@media screen and (min-width: 769px) {
	.focuz-column-2[data-columns]::before {
		content: '2 .column.size-1of2';
	}
}

/* These are the classes that are going to be applied: */
.column { float: left; padding-left: 15px; padding-right: 15px;}
.size-1of2 { width: 50%; }
.size-1of3 { width: 33.33333333333333%; }
.size-1of4 { width: 25%; }

/* Post Style Custom */
article.post .post-thumbnail .entry-date {
	left: auto;
	bottom: -1px;
	background: transparent;
	border: none;
	border-radius: 0px;
	height: auto;
    width: 100%;
}
article.post .post-thumbnail .entry-date time {
	background: #ffffff; 
	border-top: 2px solid #00a1cb;
	color: #2d2d2d;
	line-height: 40px;
	font-size: 14px;
	font-weight: bold;
	display: inline-block;
	padding: 0 20px;
	width: auto;
	height: auto;
}

.qoute-name {
    padding: 20px 0px;
}
.qoute-name a {
    font-weight: bold;
}
.qoute-name a:before {
    content: "-";
    padding-right: 5px;
}
.qoute-name a:after {
    content: "-";
    padding-left: 5px;
}
article.post .post-thumbnail:hover .entry-date {
    display: none;
}
.style-3 article.post {
    position: relative;
    padding-top: 70px;
}