/*
Theme Name: Activetab
Theme URI: http://web-profile.net/wordpress/themes/activetab/
Description: Activetab is Responsive and Flexible theme. Features: 6 templates (1 column, 2 columns, 3 columns, 2 sidebars), Search Engines Friendly, WooCommerce Compatible, Cross-Browser Compatible and much more. More info at http://web-profile.net/activetab/
Version: 3.2
Author: webvitaly
Author URI: http://web-profile.net/wordpress/
Tags: white, light, one-column, two-columns, three-columns, left-sidebar, right-sidebar, fluid-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, buddypress
Text Domain: activetab
License: GPLv3
License URI: http://www.gnu.org/licenses/gpl.html
*/


body {
	padding: 0 0 20px 0;
	background-color: #fff;
	color: #222;
}


/* ========== main classes ========== */
.site-wrapper {
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	padding: 20px 20px;
	background: #fff;
}

.site-container {
	max-width: 1200px; /* site width */
}


/* ========== helper classes ========== */
.box-shadow {
	box-shadow: #ccc 0 0 8px;
}
.border-radius {
	border-radius: 2px;
}
.bg-lite-blue {
	background-color: #E0EDFE;
	border: 1px solid #ccc;
}
.bg-lite-white {
	background: #fbfbfb;
	border: 1px solid #ccc;
}
.smaller-text {
	font-size: 12px;
}


blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


/* ========== text ========== */
body, html {
	font-size: 16px; /* 16px = 100% */
	line-height: 1.6em;
}
p, li {
	font-size: 16px;
	line-height: 1.6em;
}
p, ol, ul {
	margin-bottom: 25px;
}
ol ol, ul ul, ol ul, ul ol {
	margin-bottom: 0;
}
blockquote, q {
	background-color: #fafafa;
}

/* ========== table ========== */

table caption + thead tr:first-child th,
table caption + thead tr:first-child td,
table colgroup + thead tr:first-child th,
table colgroup + thead tr:first-child td,
table thead:first-child tr:first-child th,
table thead:first-child tr:first-child td {
	border-top: 0;
}
table tbody + tbody {
	border-top: 2px solid #ddd;
}
table table {
	background-color: #ffffff;
}
table td.label { /* WordPress sample data fix */
	background-color: transparent;
	display: table-cell;
	padding: 8px;
	text-shadow: none;
	font-size: inherit;
	line-height: inherit;
	font-weight: inherit;
	color: inherit;
}

/* ========== links ========== */
a {
	text-decoration: underline;
}
a:visited {
	/*color: #333;*/
	/*color: #551A8B;*/
}
a:hover {
	/*color: #06e;*/
}
a:active {
	color: #900;
}
a img {
	border: 0;
}


/* ========== WordPress styles ========== */

/* images */
.alignleft {
	float: left;
}
.alignright {
	float: right;
}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignnone {
	margin: 10px 20px 10px 0;
}
img.alignleft{
	margin-right: 20px;
	margin-bottom: 20px;
	float: left;
	clear: left;
}
img.alignright{
	margin-left: 20px;
	margin-bottom: 20px;
	float: right;
	clear: right;
}
img.aligncenter{
	display: block;
	clear: both;
	margin: 0 auto;
	margin-bottom: 20px;
}
img[class*="wp-image-"] {
	height: auto;
	max-width: 97.5%;
}
img.size-full {
	width: auto; /* prevent stretching of full-size images in IE8 */
}
img.wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

.entry-content img, .comment-content img, .widget img {
	max-width: 97.5%; /* fluid images for posts, comments, and widgets */
}
img[class*="align"], img[class*="wp-image-"], img[class*="attachment-"] {
	height: auto; /* make sure images with WordPress-added height and width attributes are scaled correctly */
}
img.size-full, img.size-large {
	max-width: 97.5%;
	width: auto; /* prevent stretching of full-size and large-size images with height and width attributes in IE8 */
	height: auto; /* make sure images with WordPress-added height and width attributes are scaled correctly */
}
.entry-content img.wp-smiley, .comment-content img.wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}
p img, .wp-caption {
	margin-top: 0.4em;
}
.wp-caption {
	background: #f5f5f5;
	margin-bottom: 10px;
	max-width: 100%;
	padding: 5px;
	border-radius: 2px;
}
.wp-caption img {
	display: block;
	margin: 0 auto;
	max-width: 100%;
}
.wp-caption .wp-caption-text {
	font-size: 12px;
	line-height: 15px;
	font-style: italic;
	text-align: center;
	padding: 8px 10px 8px 10px;
	margin: 0;
	position: relative;
}
.wp-caption.alignright {
	margin-left: 15px;
	margin-bottom: 10px;
}
.wp-caption.alignleft {
	margin-right: 15px;
	margin-bottom: 10px;
}
.wp-caption.alignnone {
	clear: both;
}

.gallery-caption {
	padding: 6px 6px;
	font-size: 12px;
	line-height: 15px;
	font-style: italic;
}
#content .gallery {
	margin: 0 auto 15px auto;
	clear: both;
}
#content .gallery a img {
	/*border: none;*/
}
img#wpstats {
	display: block;
	margin: 0 auto 1.625em;
}
#content .gallery-columns-4 .gallery-item {
	width: 23%;
	padding-right: 2%;
}
#content .gallery-columns-4 .gallery-item img {
	width: 100%;
	height: auto;
}

/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/* ========== images ========== */
.image-thumbnail {
	float: left;
	margin: 0 15px 10px 0;
}
.image-full {
	margin: 0 0 10px 0;
}
.site-main img {
	max-width: 100%;
	box-sizing: border-box; /* for images fit max-width with padding and border */
}
.site-main .wrap-thumbnail img {
	box-sizing: content-box;
}
.site-main a img, #content .gallery a img {
	padding: 4px;
	border: 1px solid #ccc;
	transition: all 0.3s ease;
}
.site-main a:hover img, #content .gallery a:hover img {
	border-color: #08c;
}

/* ========== image borders ========== */
img[class*="align"],
img[class*="wp-image-"],
#content .gallery .gallery-icon img {/* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */
	/*border: 2px solid #eee;
	padding: 0;*/
}
a img[class*="align"],
a img[class*="wp-image-"],
#content .gallery .gallery-icon a img {/* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */
	/*border: 2px solid #ccc;
	padding: 2px;*/
}
.wp-caption.aligncenter {
	clear: both;
}
.wp-caption img {
	border-color: #eee;
}
a:focus img[class*="align"],
a:hover img[class*="align"],
a:active img[class*="align"],
a:focus img[class*="wp-image-"],
a:hover img[class*="wp-image-"],
a:active img[class*="wp-image-"],
#content .gallery .gallery-icon a:focus img,
#content .gallery .gallery-icon a:hover img,
#content .gallery .gallery-icon a:active img {/* Add some useful style to those fancy borders for linked images ... */
	/*background: #eee;
	border-color: #bbb;*/
}
.wp-caption a:focus img,
.wp-caption a:active img,
.wp-caption a:hover img {/* ... including captioned images! */
	/*background: #fff;
	border-color: #ddd;*/
}

/* ========== make sure embeds and iframes fit their containers ========== */
embed, iframe, object {
	max-width: 100%;
}

iframe {
	border: 0;
}

div[id*='attachment_']{
	max-width: 100%;
	height: 100%;
	box-sizing: border-box;
}

video {
	max-width: 100%;
	height: auto;
}

.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

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

.video-wrapper {
	width: 630px;
	max-width: 100%;
	margin-bottom: 18px;
}


/* ========== default form styles ========== */
textarea, input[type="text"], input[type="email"],
input[type="url"], input[type="password"], input[type="file"],
input[type="email"], input[type="number"], input[type="search"],
input[type="tel"], input[type="url"], select {
	height: 34px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
}
textarea {
	height: auto;
}
input[type="submit"],
input[type="button"],
input[type="reset"],
button {
	display: inline-block;
	margin-bottom: 0;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
}


/* ========== comments form ========== */
#comment-form-title{
	padding-left: 20px;
}
#comments{
	line-height: 24px;
	margin-bottom: 18px;
}
#commentform {
	margin-bottom: 0;
}
#commentform .form-submit {
	margin-bottom: 0;
}
#respond #reply-title {
	margin-top: 0;
}


/* ========== comments ========== */
.comment-meta {
	color: #343434;
	font-size: 14px;
}
.comment-meta .comment-meta-item {
	margin-right: 20px;
}
.comment-meta a {
	color: #343434;
}
.comment-content a {
	word-wrap: break-word;
}

.commentlist .comment-author {
	position: relative;
}

#comment-form-elements {
	list-style-type: none;
	margin: 0;
}

.commentlist li.comment {
	position: relative;
	background: #fff;
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
	padding: 19px 0 0 19px;
	margin-bottom: 20px;
}

.commentlist li.bypostauthor {
	background-color: #f2f7fc;
}

.comment-reply-link {
	color: #808080;
}

.commentlist .comment-avatar {
	float: left;
	margin: 0 10px 0 0;
}
.commentlist .comment-avatar img {
	border: 0;
	padding: 0;
}
.commentlist .comment-avatar img:hover {
	border: 0;
	padding: 0;
}
.commentlist {
	list-style-type: none;
	margin-left: 0;
	padding-left: 0;
}
.commentlist .children {
	list-style-type: none;
	margin: 0 0 0 20px;
	padding-left: 0;
}


.wp_link_pages {
	clear: both;
}
.wp_link_pages .wp_link_pages-item-empty {
	display: inline-block;
	padding: 5px 0 5px 0;
}
.wp_link_pages .wp_link_pages-item {
	padding: 5px;
	font-weight: bold;
}
.wp_link_pages a .wp_link_pages-item {
	font-weight: normal;
}
.wp_link_pages a:hover {
	background-color: #eee;
}


/* ========== .entry-meta ========== */
.page-header {
	padding-bottom: 0;
	border-bottom: 0;
	margin: 20px 0;
}
#content .entry-meta {
	color: #777;
	margin: 5px 0;
	font-size: 14px;
	transition: all .3s ease;
}
#content .entry-meta a {
	color: #777;
	transition: all .3s ease;
}
#content .entry-meta a:hover {
	color: #333;
	transition: all .3s ease;
}
#content .entry-meta .entry-meta-item {
	margin-right: 20px;
}
#content .entry-meta .entry-meta-categories, #content .entry-meta .entry-meta-tags {
	margin-right: 0;
}


article.hentry {
	border-bottom: 1px solid #ddd;
	margin-right: 0;
	padding-bottom: 20px;
	margin-bottom: 20px;
}


article.sticky {
	background: #f2f7fc;
	border: 0;
	margin-left: -10px;
	padding-left: 10px;
	margin-right: -10px;
	padding-right: 10px;
	border-radius: 2px;
}


/* ========== responsive ========== */
@media (max-width: 979px) {
	.site-content-pusher { /* push content because of fixed menu */
		height: 0;
	}
	.navbar-fixed-top { /* remove fixed menu from viewport on narrow screens */
		position: static;
	}
}
@media (max-width: 767px) {
	.navbar-fixed-top, .navbar-fixed-bottom, .navbar-static-top {
		margin-right: 0;
		margin-left: 0;
	}
}

/* ========== menu ========== */
.site-content-pusher { /* push content because of fixed menu */
	height: 44px;
}
.navbar {}
.navbar-static-top {}
body.admin-bar .navbar-fixed-top { /* move menu below admin-bar */
	top: 28px;
}
.navbar-inverse .nav > li > a {
	color: #ddd;
}
.navbar-inverse .nav > li > a:focus, .navbar-inverse .nav > li > a:hover {
	color: #fff;
	background-color: #333;
}

/* ========== site-header ========== */
.site-header {
	border-bottom: 1px solid #ddd;
	padding-bottom: 20px;
	margin-bottom: 20px;
}

.site-sidebar-header {
	margin: 0 0 30px 0;
}
.site-sidebar-header a img {
	padding: 0;
	border: 0;
	transition: all .3s ease;
}
.site-sidebar-header a:hover img {
	opacity: 0.8;
}

.site-logo {
	float: left;
	margin: 0 30px 0 0;
}
.site-logo img {
	max-width: 250px;
	max-height: 200px;
}
.site-logo a img {
	padding: 0;
	border: 0;
}


/* ========== sidebar ========== */
.widget-area .widget {
	margin: 0 0 40px 0;
}
.widget-area .widget .widget-title {
	font-size: 18px;
	color: #555;
	margin-bottom: 5px;
}
.widget-area .current_page_item > a, .widget-area .current-cat > a { /* emphasize current item for easier navigation */
	font-weight: bold;
}

/* ========== calendar widget ========== */
.widget-area .widget_calendar table td#today {
	background: #f2f7fc;
	font-weight: bold;
}
.widget-area .widget_calendar table td#prev {
	text-align: left;
}
.widget-area .widget_calendar table td#next {
	text-align: right;
}
#wp-calendar #prev {
	text-align: left;
}
#wp-calendar #next {
	text-align: right;
}
table#wp-calendar td, table#wp-calendar th {
	text-align: center;
}


.more-link{
	white-space: nowrap;
}

/* ========== print ========== */
@media print {
	* { /* make everything without fancy features */
		box-shadow: none !important;
		text-shadow: none !important;
	}
	.site-navigation, .widget-area, .site-footer, .respond-form, .comment-reply-link { /* hide main menu, sidebar and footer for print */
		display: none;
	}
	.site-wrapper {
		margin-top: 10px;
	}
	.page-header {
		margin: 0 0 10px 0;
	}
	.page-header h1 {
		margin: 0;
	}
	a:after{ /* print URL after links */
		content: " (" attr(href) ") ";
	}
}


.search-submit-button {
	cursor: pointer;
}


/* ========== pager ========== */
.pager li > a {
	text-decoration: none;
}

/* ========== rss feed ========== */
.rss-feed-link {
	margin-left: 10px;
	color: #555;
	font-size: 18px;
	line-height: 18px;
}
.rss-feed-link:hover {
	color: #000;
}

/* ========== footer ========== */
.site-footer {
	font-size: 14px;
	line-height: 16px;
	color: #555;
	padding: 20px 0 0 0;
	border-top: 1px solid #ddd;
}
.site-footer p, .site-footer li {
	font-size: 12px;
	line-height: 16px;
	color: #555;
}
.site-footer .site-footer-left {}
.site-footer .site-footer-right {
	
}
.site-footer .site-footer-right i {
	text-decoration: none;
}
.site-footer .site-footer-right a {
	text-decoration: none;
	color: #000;
	transition: all 0.3s ease;
}
.site-footer .site-footer-right a:hover {
	color: #555;
}
.site-footer .site-footer-right a span {
	text-decoration: underline;
}

.icon-20 {
	display: inline-block;
	width: 20px;
	height: 20px;
	font-size: 20px;
	line-height: 1;
	text-decoration: inherit;
	font-weight: 400;
	font-style: normal;
	vertical-align: baseline;
	text-align: center;
	-webkit-transition: color .1s ease-in 0;
	transition: color .1s ease-in 0;
	-webkit-font-smoothing: antialiased;
}