/**
 * ThemeZee Widget Bundle CSS
 * https://themezee.com/plugins/widget-bundle/
 *
 * Copyright(C) 2017, ThemeZee.com - support@themezee.com
 * License: GPL v3
 * License URI: http://www.gnu.org/licenses/gpl-3.0.html
 *
 * @package ThemeZee Widget Bundle
 */


/*--------------------------------------------------------------
# General Styles
---------------------------------------------------------------- */

/* Clearing Floats */
.tzwb-clearfix:before,
.tzwb-clearfix:after {
	content: " ";
	display: table;
}

.tzwb-clearfix:after {
	clear: both;
}

.tzwb-clearfix {
	*zoom: 1; /* For IE 6/7 only */
}

/*--------------------------------------------------------------
# Facebook Like Box Widget
---------------------------------------------------------------- */
.tzwb-facebook-likebox .tzwb-content {
	overflow: hidden;
}

/*--------------------------------------------------------------
# Recent Posts Widget
---------------------------------------------------------------- */
.tzwb-posts-list {
	margin: 0;
	padding: 0;
}

.tzwb-posts-list li {
	list-style: none;
	margin: 0 0 1em 0;
	padding: 0;
	overflow: auto;
}

.tzwb-posts-list .tzwb-excerpt p {
	margin: 0;
	padding: 0;
}

.tzwb-posts-list .wp-post-image {
	float: left;
	margin: 0.3em 0.8em 0.5em 0;
	max-width: 80px;
	height: auto;
}

.tzwb-posts-list .tzwb-entry-meta {
	margin: 0.3em 0 0;
	padding: 0;
	font-size: 0.85em;
	color: #777;
}

.tzwb-posts-list  .tzwb-entry-meta span {
	margin-right: 0.4em;
}

/*--------------------------------------------------------------
# Recent Comments Widget
---------------------------------------------------------------- */
.tzwb-comments-list {
	margin: 0;
	padding: 0;
}

.tzwb-comments-list li {
	list-style: none;
	margin: 0 0 1em 0;
	overflow: auto;
}

.tzwb-comments-list .avatar {
	float: left;
	margin: 0.3em 0.8em 0.4em 0;
}

.tzwb-comments-list .tzwb-comment-content {
	font-style: italic;
}

.tzwb-comments-list .tzwb-comment-date {
	margin: 0.3em 0 0;
	padding: 0;
	font-size: 0.85em;
	color: #777;
}

/*--------------------------------------------------------------
# Tabbed Content Widget
---------------------------------------------------------------- */
.tzwb-tabbed-content .tzwb-tabnavi-wrap {
	margin: 0;
	padding: 0;
	overflow: auto;
	list-style: none;
}

.tzwb-tabbed-content .tzwb-tabnavi {
	margin: 0;
	padding: 0;
	list-style: none;
	list-style-position: outside;
	position: relative;
}

.tzwb-tabbed-content .tzwb-tabnavi li {
	float: left;
	list-style: none;
	position: relative;
	margin: 0;
	padding: 0;
}

.tzwb-tabbed-content .tzwb-tabnavi li a {
	display: block;
	margin: 0 2px 2px 0;
	padding: 0.3em 0.6em;
	font-size: 0.9em;
	text-decoration: none;
	background-color: #eee;
}

.tzwb-tabbed-content .tzwb-tabnavi li a:link,
.tzwb-tabbed-content .tzwb-tabnavi li a:visited  {
	color: #333;
}

.tzwb-tabbed-content .tzwb-tabnavi li a:hover,
.tzwb-tabbed-content .tzwb-tabnavi li a:active {
	background-color: #ddd;
	text-decoration: none;
}

.tzwb-tabbed-content .tzwb-tabnavi li a.current-tab {
	text-decoration: underline;
}

.tzwb-tabbed-content .tzwb-tabcontent {
	padding: 0;
	margin: 1em 0 0 0;
}

.tzwb-tabbed-content .tzwb-tabcontent li.tzwb-has-thumbnail {
	list-style: none;
	margin: 0 0 0.5em 0;
	overflow: auto;
}

.tzwb-tabbed-content .tzwb-tabcontent  li.tzwb-has-thumbnail .wp-post-image {
	float: left;
	margin: 0.3em 0.8em 0.5em 0;
	max-width: 80px;
	height: auto;
}

.tzwb-tabbed-content .tzwb-tabcontent .tzwb-comments-list li.tzwb-has-avatar {
	list-style: none;
	margin: 0 0 0.3em 0;
	overflow: auto;
}

.tzwb-tabbed-content .tzwb-tabcontent .tzwb-comments-list li.tzwb-has-avatar .avatar {
	float: left;
	margin: 0.3em 0.8em 0.3em 0;
}

.tzwb-tabbed-content .tzwb-tabcontent ul li .tzwb-entry-meta {
	margin: 0.1em 0;
	padding: 0;
	font-size: 0.8em;
	color: #777;
}

/*--------------------------------------------------------------
# Social Icons Widget
---------------------------------------------------------------- */
.tzwb-social-icons .tzwb-social-icons-menu {
	list-style-type: none;
	list-style-position: outside;
	line-height: 1em;
}

.tzwb-social-icons .tzwb-social-icons-menu li {
	float: left;
	margin: 0 0.4em 0.4em 0;
	padding: 0;
}

.tzwb-social-icons .tzwb-social-icons-menu li a {
	position: relative;
	display: inline-block;
	padding: 0.9em;
	background: #444;
	text-decoration: none;
	color: #fff;
	line-height: 1em;
	border-radius: 2em;
}

.tzwb-social-icons .tzwb-social-icons-menu li a:before {
	color: #fff;
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 16px;
	line-height: 1em;
	font-family: 'Genericons';
	text-decoration: inherit;
	vertical-align: top;
}

/* Add Genericons */
.tzwb-social-icons-menu li a:before { content: '\f408';} /* Default Icon */
.tzwb-social-icons-menu li a[href*="codepen.io"]:before  { content: '\f216'; }
.tzwb-social-icons-menu li a[href*="digg.com"]:before { content: '\f221'; }
.tzwb-social-icons-menu li a[href*="dribbble.com"]:before { content: '\f201'; }
.tzwb-social-icons-menu li a[href*="facebook.com"]:before { content: '\f204'; }
.tzwb-social-icons-menu li a[href*="flickr.com"]:before { content: '\f211'; }
.tzwb-social-icons-menu li a[href*="plus.google.com"]:before { content: '\f218'; }
.tzwb-social-icons-menu li a[href*="github.com"]:before { content: '\f200'; }
.tzwb-social-icons-menu li a[href*="instagram.com"]:before { content: '\f215'; }
.tzwb-social-icons-menu li a[href*="linkedin.com"]:before { content: '\f207'; }
.tzwb-social-icons-menu li a[href*="pinterest.com"]:before { content: '\f209'; }
.tzwb-social-icons-menu li a[href*="polldaddy.com"]:before { content: '\f217'; }
.tzwb-social-icons-menu li a[href*="getpocket.com"]:before { content: '\f224'; }
.tzwb-social-icons-menu li a[href*="reddit.com"]:before { content: '\f222'; }
.tzwb-social-icons-menu li a[href*="spotify.com"]:before { content: '\f515'; }
.tzwb-social-icons-menu li a[href*="skype.com"]:before,
.tzwb-social-icons-menu li a[href*="skype:"]:before { content: '\f220'; }
.tzwb-social-icons-menu li a[href*="stumbleupon.com"]:before { content: '\f223'; }
.tzwb-social-icons-menu li a[href*="tumblr.com"]:before { content: '\f214'; }
.tzwb-social-icons-menu li a[href*="twitter.com"]:before { content: '\f202'; }
.tzwb-social-icons-menu li a[href*="twitch.tv"]:before { content: '\f516'; }
.tzwb-social-icons-menu li a[href*="vimeo.com"]:before  { content: '\f212'; }
.tzwb-social-icons-menu li a[href*="wordpress.org"]:before,
.tzwb-social-icons-menu li a[href*="wordpress.com"]:before { content: '\f205'; }
.tzwb-social-icons-menu li a[href*="youtube.com"]:before { content: '\f213'; }
.tzwb-social-icons-menu li a[href*="/feed"]:before,
.tzwb-social-icons-menu li a[href*="/feed/"]:before,
.tzwb-social-icons-menu li a[href*="?feed=rss2"]:before,
.tzwb-social-icons-menu li a[href*="feedburner.google.com"]:before,
.tzwb-social-icons-menu li a[href*="feedburner.com"]:before { content: '\f413'; }
.tzwb-social-icons-menu li a[href*="/newsletter"]:before,
.tzwb-social-icons-menu li a[href*="mailto:"]:before{ content: '\f410'; }

/* Add Colors */
.tzwb-social-icons-menu li a { background: #444; } /* Default Icon */
.tzwb-social-icons-menu li a[href*="codepen.io"]  { background: #222; }
.tzwb-social-icons-menu li a[href*="digg.com"] { background: #151515; }
.tzwb-social-icons-menu li a[href*="dribbble.com"] { background: #ea4c89; }
.tzwb-social-icons-menu li a[href*="facebook.com"] { background: #3b5998; }
.tzwb-social-icons-menu li a[href*="flickr.com"] { background: #ff0084; }
.tzwb-social-icons-menu li a[href*="plus.google.com"] { background: #dd4b39; }
.tzwb-social-icons-menu li a[href*="github.com"] { background: #171515; }
.tzwb-social-icons-menu li a[href*="instagram.com"] { background: #3f729b; }
.tzwb-social-icons-menu li a[href*="linkedin.com"] { background: #007bb6; }
.tzwb-social-icons-menu li a[href*="pinterest.com"] { background: #cb2027; }
.tzwb-social-icons-menu li a[href*="polldaddy.com"] { background: #bc0b0b; }
.tzwb-social-icons-menu li a[href*="getpocket.com"] { background: #ee4056; }
.tzwb-social-icons-menu li a[href*="reddit.com"] { background: #ff4500; }
.tzwb-social-icons-menu li a[href*="spotify.com"] { background: #81b71a; }
.tzwb-social-icons-menu li a[href*="skype.com"],
.tzwb-social-icons-menu li a[href*="skype:"] { background: #00aff0; }
.tzwb-social-icons-menu li a[href*="stumbleupon.com"] { background: #f74425; }
.tzwb-social-icons-menu li a[href*="tumblr.com"] { background: #32506d; }
.tzwb-social-icons-menu li a[href*="twitter.com"] { background: #00aced; }
.tzwb-social-icons-menu li a[href*="twitch.tv"]:before { background: #6441A5; }
.tzwb-social-icons-menu li a[href*="vimeo.com"]  { background: #aad450; }
.tzwb-social-icons-menu li a[href*="wordpress.org"] { background: #21759b; }
.tzwb-social-icons-menu li a[href*="wordpress.com"] { background: #1e8cbe; }
.tzwb-social-icons-menu li a[href*="youtube.com"] { background: #c4302b; }
.tzwb-social-icons-menu li a[href*="/feed"],
.tzwb-social-icons-menu li a[href*="/feed/"],
.tzwb-social-icons-menu li a[href*="?feed=rss2"],
.tzwb-social-icons-menu li a[href*="feedburner.google.com"],
.tzwb-social-icons-menu li a[href*="feedburner.com"] { background: #ee802f; }

.tzwb-social-icons-menu li a:hover {
	text-decoration: none;
	opacity: 0.9;
}

.tzwb-social-icons-menu li a .screen-reader-text {
	display: none;
}
