/*
Theme Name: Gags
Theme URI: http://themeforest.net/user/ThemeWarriors/portfolio
Description: WordPress theme to create site like Hacker News
Author: ThemeWarrior
Author URI: http://www.themewarrior.com
Version: 1.0.2
License: GPL
License URI: license.txt
Tags: one-column, two-columns, right-sidebar, custom-menu, featured-images, translation-ready
Text Domain: gags
*/


/**
 * Table of Contents:
 *
 * 1.0 - Imported Styles
 * 2.0 - Common Styles
 *   2.1 - Heading
 * 3.0 - Main Layout
 * 4.0 - Header Layout
 *   4.1 - Logo
 *   4.2 - Menu Navigations
 *   4.3 - Slideshow
 * 4.0 - Main Layout
 * 5.0 - Articles
 *   5.1 - Common
 *   5.3 - Comments
 *   5.4 - Gallery
 *   5.5 - History Timeline
 * 6.0 - Widgets
 *   6.1 - Commons
 *   6.2 - About Author Widget
 *   6.3 - Search Widget
 *   6.4 - Popular Posts Widget
 *   6.5 - Category Widget
 *   6.6 - Tags Cloud
 *   6.7 - Instagram Feeds Widget
 *   6.8 - Article Widget
 * 7.0 - Forms
 * 8.0 - Footer
 * 9.0 - Standard WordPress Styles 
 * ----------------------------------------------------------------------------
 */


/* -----------------------------------
    1.0 - Imported Styles 
-----------------------------------*/


/* -----------------------------------
    2.0 - Common Styles 
-----------------------------------*/

* {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

body {
    background: #fbfbfb;
    font: 14px/24px 'Lato', Helvetica, Arial, sans-serif;
    color: #282828;
    position: relative;
    padding-top: 110px;
    min-height: 100vh;
}

input,
textarea {
    font: 12px 'Lato', Helvetica, Arial, sans-serif;
}

input[type="submit"],
button {
    font-family: 'Lato', Helvetica, Arial, sans-serif;
    cursor: pointer;
    font-weight: bold;
    text-transform: uppercase;
}

a {
    transition: all ease-in-out .3s;
}

a:link {
    text-decoration: none;
}

a:hover {
    text-decoration: none !important;
}

a:link:hover {
    color: #1a7aac;
}

blockquote {
    color: #9e9e9e;
    margin: 30px 7%;
    padding-left: 20px;
    border-left: 5px solid #ddd;
}

address {
    margin-bottom: 20px
}

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

pre,
code {
    font: .9em/120% 'Courier New', Courier, monospace;
    overflow-x: auto;
    overflow-y: hidden;
    margin: 30px 0;
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
}

p {
    margin-bottom: 25px;
}

table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
}

th {
    text-align: left
}

table > thead > tr > th,
table > tbody > tr > th,
table > tfoot > tr > th,
table > thead > tr > td,
table > tbody > tr > td,
table > tfoot > tr > td {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #dddddd;
}

table > thead > tr > th {
    vertical-align: bottom;
    border-bottom: 2px solid #dddddd;
}

table > caption + thead > tr:first-child > th,
table > colgroup + thead > tr:first-child > th,
table > thead:first-child > tr:first-child > th,
table > caption + thead > tr:first-child > td,
table > colgroup + thead > tr:first-child > td,
table > thead:first-child > tr:first-child > td {
    border-top: 0
}

table > tbody + tbody {
    border-top: 2px solid #dddddd
}

embed,
iframe,
object,
video {
    max-width: 100%;
    width: 100%;
    max-height: 100%;
}

img {
    height: auto;
    display: block;
    max-height: 100%;
    max-width: 100%;
    width: auto;
}

::selection {
    background-color: #f66767;
    color: #fff;
}

.clear {
    float: left;
    clear: both;
    width: 100%;
}

.clearfix {
    *zoom: 1
}

.clearfix:before,
.clearfix:after,
article.hentry:after,
.row:after,
.comments-list ul li:after,
#mobile-menu .user-logged-in-menu:after {
    display: table;
    content: "";
    width: 100%;
}

.clearfix:after {
    clear: both
}

.clearfix {
    width: 100%;
    clear: both;
}

.thumbnail {
    position: relative;
}

.thumbnail a {
    display: block;
}

.thumbnail img {
    width: 100%;
    max-height: inherit;
    vertical-align: top;
    display: block;
    position: relative !important;
}

form#submit-image-gags .loading,
form#submit-video-gags .loading {
    background: url(images/loader.gif) no-repeat;
    width: 24px;
    height: 24px;
    background-size: contain;
    display: none;
}

.gifplayer-wrapper {
    height: 100% !important;
}

.entry-content {
    margin-bottom: 40px;
    margin-top: 30px;
}

.entry-content.no-page-title {
    margin-top: 0;
}

quote {
    font-size: 20px;
    padding: 20px 30px;
    display: block;
    border-left: solid 4px #d99827;
    margin-bottom: 30px;
}

quote cite {
    display: block;
    font-size: 14px;
    color: #bfbfbf;
}

.entry-content dt {
    font-weight: 700;
}

.entry-content dd {
    margin-bottom: 15px;
}

.entry-content dd:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 8px;
    height: 1px;
    margin-right: 10px;
    background: #ccc;
}

.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6,
.page-child .post-lists h1,
.page-child .post-lists h2,
.page-child .post-lists h3,
.page-child .post-lists h4,
.page-child .post-lists h5,
.page-child .post-lists h6 {
    margin-bottom: 10px;
}

.entry-content h1,
.page-child .post-lists h1 {
    font-size: 36px;
}

.entry-content h2,
.page-child .post-lists h2 {
    font-size: 28px;
}

.entry-content h3,
.page-child .post-lists h3 {
    font-size: 24px;
}

.entry-content h4,
.page-child .post-lists h4 {
    font-size: 20px;
}

.entry-content h5,
.page-child .post-lists h5 {
    font-size: 18px;
}

.entry-content h6,
.page-child .post-lists h6 {
    font-size: 16px;
}

.entry-content ul,
.entry-content ol,
.page-child .post-lists ul,
.page-child .post-lists ol {
    list-style-type: inherit;
    margin: 20px 0 32px 20px;
}

.entry-content ul ol,
.entry-content ul ul,
.entry-content ol ul,
.entry-content ol ol,
.page-child .post-lists ul ol,
.page-child .post-lists ul ul,
.page-child .post-lists ol ul,
.page-child .post-lists ol ol {
    margin: 10px 0 10px 15px;
}

.entry-content ul > li,
.entry-content ol li ul > li,
.page-child .post-lists ul > li,
.page-child .post-lists ol li ul > li {
    list-style-type: disc;
}

.entry-content ol > li,
.entry-content ul li ol > li,
.page-child .post-lists ol > li,
.page-child .post-lists ul li ol > li {
    list-style-type: decimal;
}

.entry-content ul li,
.page-child .post-lists ul li {
    list-style-type: disc;
}

.video-holder iframe,
.map-holder iframe {
    width: 100% !important;
}

.table {
    display: table;
    width: 100%;
    height: 100%;
}

.tablecell {
    display: table-cell;
    vertical-align: middle;
}

.container {
    width: 90%;
    max-width: 1000px;
    margin: 0 auto;
}

.container.fullwidth {
    max-width: inherit;
    width: 100%;
}

.container.no-sidebar-container {
    max-width: 940px;
}

.container.full-container {
    width: auto;
    display: block;
    max-width: inherit;
}

.map {
    margin-bottom: 30px;
}

.map iframe {
    width: 100% !important;
    min-height: 500px;
}


/**
 * 2.1 Heading
 * ----------------------------------------------------------------------------
 */

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Lato", Serif, Arial;
    color: #000000;
    line-height: 140%;
    font-weight: 700;
}

article.hentry h1,
article.hentry h2,
article.hentry h3,
article.hentry h4,
article.hentry h5,
article.hentry h6 {
    line-height: 120%;
}

header#masthead {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100;
    transition: all ease-in .3s;
}

#top-header {
    background-color: #182825;
    backface-visibility: hidden;
    transition: all ease-in .3s;
}

#masthead {
    color: #fff;
}

#main-menu-header {
    background: #333;
}

#logo {
    padding: 17px 20px;
    border-right: solid 1px #222f40;
    text-align: left;
}

#logo a,
#logo a img {
    max-height: 80px;
    width: auto;
}

#logo img {
    display: inline;
}

nav#user-menu,
#header-search-widget {
    float: right;
}

#main-menu.site-navigation ul#menu-main-menu {
    padding-right: 100px;
}

nav#main-menu {
    position: relative;
    float: left;
}

nav#user-menu .avatar {
    width: 40px;
    height: 40px;
    overflow: hidden;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
}

.site-navigation ul li,
.site-navigation ul,
.site-navigation ul li a {
    display: inline-block;
    vertical-align: middle;
}

.site-navigation ul li a {
    font-size: 14px;
    font-weight: 700;
    line-height: 100%;
}

nav#user-menu > ul li a {
    padding: 25px 20px;
}

.search-trigger {
    padding: 25px 20px;
}

#top-header .upload-btn {
    color: #fff;
    font-size: 14px;
    vertical-align: middle;
    padding: 7px 20px;
    background: orange;
    font-weight: 700;
    float: right;
    cursor: pointer;
    margin-top: 12px;
    line-height: 24px;
}

body.logged-in #top-header .upload-btn {
    float: left;
}

#top-header .upload-btn:before {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    content: "\f067";
    margin-right: 8px;
}

nav#user-menu > ul li {
    float: left;
}

nav#user-menu > ul li:hover a {}

.user-logged-in-menu,
nav#user-menu > ul li a {
    padding-left: 20px;
    border-left: solid 1px #111;
}

.user-logged-in-menu {
    display: inline-block;
    position: relative;
    text-align: center;
    padding: 12px 20px 12px 20px;
    vertical-align: middle;
    cursor: pointer;
}

.user-logged-in-menu:hover .user-menu-trigger i {
    top: 1px;
}

nav#main-menu.site-navigation ul li a {
    padding: 25px 20px;
}

.mobile-child-menu {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    line-height: 40px;
    font-size: 12px;
    padding: 0 15px;
    cursor: pointer;
}

#mobile-menu.site-navigation ul li.menu-item-has-children ul.sub-menu {
    display: block;
    position: inherit;
    width: 100%;
    display: none;
}

#mobile-menu.site-navigation ul li.menu-item-has-children ul.sub-menu.dropped-down {
    max-height: 1000px;
}

#mobile-menu.site-navigation ul li.menu-item-has-children ul.sub-menu li a,
#sidebar .visitor-menu li a {
    background: #111 !important;
    color: #fff;
}

#sidebar .visitor-menu li a {
    display: block;
    padding: 10px 15px;
}

#sidebar .visitor-menu li {
    border-bottom: solid 1px;
}

#mobile-menu.site-navigation ul li.menu-item-has-children ul.sub-menu li {
    border-bottom: solid 1px #222 !Important;
}

.sub-menu .mobile-child-menu {
    color: #fff;
}

#mobile-menu.site-navigation ul li.menu-item-has-children ul.sub-menu li:hover a,
#sidebar .visitor-menu li a:hover {
    color: #808080 !important;
}

#sidebar .user-logged-in-menu {
    display: block;
    border-left: none;
    padding: 0;
    width: 100%;
}

#sidebar .user-logged-in-menu .avatar {
    float: right;
    width: 40px;
    overflow: hidden;
    border-radius: 20px;
    margin-left: 10px;
}

#sidebar ul#menu-account-menu {
    width: 100%;
    position: inherit;
    float: left;
    margin-top: 10px;
    display: block !important;
}

#sidebar .user-logged-in-menu:after {}

#sidebar .user-menu-trigger {
    float: right;
    margin-top: 10px;
    color: #111;
}

#mobile-menu ul#menu-main-menu li {
    display: block;
    border-bottom: solid 1px #eee;
    position: relative;
}

#mobile-menu ul#menu-main-menu li a {
    padding: 15px;
    background: #FFF;
    display: block;
    font-weight: normal;
}

#mobile-menu ul#menu-main-menu {
    display: block;
}

#mobile-menu ul#menu-main-menu li a:after {
    content: none;
}

#mobile-menu {
    margin-top: 10px;
    margin-bottom: 30px;
}

#mobile-menu ul#menu-main-menu li:hover > a {
    color: #000;
    background: #c1e2f3;
}

.site-navigation ul li.menu-item-has-children ul.sub-menu,
.user-logged-in-menu ul {
    position: absolute;
    top: 104%;
    left: 0;
    width: 180px;
    background: #fff;
    display: none;
    z-index: 1;
}

.user-logged-in-menu ul {
    display: block;
    max-height: 0;
    overflow: hidden;
    transition: all ease-in .3s;
}

.user-logged-in-menu ul.dropdowned {
    max-height: 1000px;
}

#menu-account-menu li a {
    text-align: left;
}

#sidebar #menu-account-menu li a {
    border-left: 0;
    border-right: 0;
}

.user-logged-in-menu ul {
    left: inherit;
    right: 0;
}

.site-navigation ul li.menu-item-has-children > a:after {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    content: "\f078";
    margin-left: 10px;
}

.site-navigation ul li {
    position: relative;
}

.site-navigation ul li:hover > a {
    background: #1d1d1d;
    color: #ffffff;
}

.site-navigation ul li.menu-item-has-children ul.sub-menu li a,
.user-logged-in-menu ul li a {
    color: #111;
}

.site-navigation ul li.menu-item-has-children ul.sub-menu li.menu-item-has-children ul.sub-menu {
    left: 100%;
    top: 0;
    margin-left: -1px;
    margin-top: -1px;
}

nav#main-menu.site-navigation ul li.menu-item-has-children ul.sub-menu li a,
.user-logged-in-menu ul li a {
    border-left: solid 1px #DEDEDE;
    border-right: solid 1px #DEDEDE;
    padding: 10px 20px;
    border-bottom: solid 1px #dedede;
}

.site-navigation ul li.menu-item-has-children ul.sub-menu li,
.site-navigation ul li.menu-item-has-children ul.sub-menu li a,
.user-logged-in-menu ul li,
.user-logged-in-menu ul li a {
    display: block;
}

.site-navigation ul li.menu-item-has-children ul.sub-menu li:hover > a,
.user-logged-in-menu ul li:hover > a {
    background: #c1e2f3;
    color: #111;
    border-color: #c1e2f3;
}

nav#main-menu.site-navigation ul li.menu-item-has-children ul.sub-menu li:first-child a,
.user-logged-in-menu ul li:first-child a {
    border-top: solid 1px #dedede;
}

.search-widget {
    display: inline-block;
}

.search-trigger {
    display: inline-block;
    line-height: 100%;
    cursor: pointer;
    float: right;
    border-left: solid 1px #1b1b1b;
}

.user-menu-trigger {
    display: inline-block;
    padding-left: 10px;
    cursor: pointer;
}

.user-menu-trigger i {
    position: relative;
    transition: all ease-in .3s;
}

#header-search-widget .search-widget input {
    padding: 24px 10px 24px 20px;
    border: none;
    width: 240px;
    background: #fff;
}

#header-search-widget .search-widget input[type="submit"],
#header-search-widget .search-widget button {
    display: none;
}

#header-search-widget .search-widget {
    overflow: hidden;
    max-height: 0;
    float: left;
    transition: all ease-in .3s;
    position: relative;
    position: absolute;
    top: 100%;
    right: 0;
    background: #fff;
    left: 0;
}

#header-search-widget .search-widget.active {
    max-height: 100%;
}

.search-open #main {
    margin-top: 40px
}

#header-search-widget .search-widget:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    border-style: solid;
    border-width: 5px 10px 5px 0;
    border-color: transparent #ffffff;
    margin-top: -5px;
}

.ad-wrapper {
    margin-top: 50px;
}

#main {
    padding-top: 50px;
    transition: all ease-in .3s;
}

#maincontent,
#sidebar {
    float: left;
}

#maincontent {
    width: 64%;
    margin-right: 4%;
}

#sidebar {
    width: 32%;
}

#maincontent article.hentry.post {
    background-color: #fff;
    margin-bottom: 30px;
    box-shadow: 0 10px 30px 0 #e9e9e9;
}

#maincontent article.hentry.post h3.post-title,
#maincontent article.hentry.post h1.post-title {
    font-size: 24px;
    padding: 20px 30px;
}

#maincontent .post-lists article.hentry.post.tag-sticky-2 h3.post-title:before {
    content: 'Sticky';
    display: inline-block;
    font-size: 10px;
    vertical-align: middle;
    padding: 5px 15px 5px 7px;
    background-color: #ef9b25;
    position: absolute;
    height: 10px;
    top: 20px;
    line-height: 100%;
    color: #fff;
    text-transform: uppercase;
    right: -15px;
}

#maincontent .post-lists article.hentry.post.post.tag-sticky-2 h3.post-title:after {
    content: '';
    display: block;
    position: absolute;
    border-style: solid;
    border-width: 12px 15px 0 0;
    top: 40px;
    right: -15px;
    border-color: #b87313 transparent transparent transparent;
}

#maincontent article.hentry.post h3.post-title {
    position: relative;
}

#maincontent .article-footer {
    padding: 20px 30px 20px;
    position: relative;
}

#maincontent article.hentry .entry-content {
    padding: 0 30px;
}

#maincontent article.hentry.post .thumbnail {
    position: relative;
}

#maincontent article.hentry.post .thumbnail.large {
    max-height: 400px;
    overflow: hidden;
    padding-bottom: 60px;
}

#maincontent article.hentry.post .thumbnail.large a.view-full-post {
    position: absolute;
    bottom: 0;
    padding: 15px 20px 20px 20px;
    background: #fff;
    width: 100%;
    left: 0;
    border-bottom: solid 1px #ddd;
    font-weight: bold;
    font-size: 14px;
    text-align: center;
    height: 60px;
}

#maincontent article.hentry.post .thumbnail.large a.view-full-post:after {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    content: "\f064";
    margin-left: 10px;
}

#maincontent article.hentry.post .thumbnail.large:after {
    content: '';
    display: block;
    position: absolute;
    bottom: 60px;
    left: 0;
    right: 0;
    height: 5%;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.65+100 */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    /* IE6-9 */
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.35+100 */
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.35) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.35) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.35) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#59000000', GradientType=0);
    /* IE6-9 */
}

#maincontent article.hentry.post .thumbnail.large a.view-full-post:before {
    content: '';
    display: block;
    position: absolute;
    bottom: 100%;
    height: 7px;
    left: 0;
    right: 0;
    background: url(images/lg-thumb-ly.png);
    z-index: 1;
}

article.hentry.post.single-post .thumbnail {}

.entry-meta span,
.comment-counter span {
    display: inline-block;
    color: #888;
    margin-right: 30px;
}

.entry-meta span a:link:hover,
.comment-counter span a:link:hover {
    text-decoration: underline !Important;
}

.entry-meta span i,
.comment-counter span i {
    color: #cdcdcd;
}

.entry-meta span i {
    font-size: 12px;
    margin-right: 3px;
}

.article-share,
.article-vote,
.pagination span,
.pagination a,
.entry-meta span,
.comment-counter span a {
    color: #888;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 11px;
}

.article-share {
    position: absolute;
    top: 20px;
    right: 30px;
}

.article-share a {
	width: 40px;
	height: 40px;
	font-size: 16px;
	display: block;
	padding: 10px;
	text-align: center;
	color: #fff;
	line-height: 20px;
	float: left;
}

.article-share a i {
	color: #fff!important;
}

.pagination.default a {
    float: left;
}

.pagination.default:after {
    content: '';
    clear: both;
    width: 100%;
    display: table;
}

.pagination.default a:last-child {
    float: right;
}

.gags-loaded {
    font-size: 14px;
    color: #999;
    text-align: center;
    margin-top: 40px;
}

#maincontent article.hentry.post .entry-meta {
    clear: both;
    padding: 10px 30px;
    border-top: 1px solid #eee;
}

article.hentry.post .article-share {
    position: absolute;
    top: 20px;
    right: 30px;
}

article.hentry.post .article-share span {
    float: left;
}

article.hentry.post .article-share span a {
    width: 40px;
    height: 40px;
    font-size: 16px;
    display: block;
    padding: 10px;
    text-align: center;
    color: #fff;
    line-height: 20px;
}

article.hentry.post .article-share span a i {
    color: #fff;
}

article.hentry.post .article-share span a:hover {
    opacity: .8;
    filter: alpha(opacity=80);
}

.article-vote i.fa {
    top: -3px;
}

.article-vote span {
    font-size: 24px;
    font-weight: 700;
}

.vote-wrap {
    line-height: 40px;
    margin-right: 30px;
}

.page-template-page-blog .vote-wrap {
    padding: 5px 0;
    line-height: 30px;
}

.vote-wrap span {
    color: #666;
}

.vote-wrap span.like-count {
    position: relative;
    top: 2px;
}

.vote-wrap span.like-text {
    font-size: 14px;
    text-transform: none;
    color: #aaa;
    position: relative;
    margin-left: 3px;
}

.article-vote i {
    font-size: 18px;
    margin-left: 0;
    width: 40px;
    height: 40px;
    line-height: 40px;
    margin-bottom: 0;
    display: inline-block;
    position: relative;
    z-index: 4;
    background: #eee;
    color: #666;
    margin-right: 10px;
    border-radius: 50px;
    line-height: 2.2;
}

.article-vote.liked i {
    color: #aaa;
}

.vote-wrap a.liked {
    /*color: #ddd;*/
}

.article-vote.liked:hover i {
    background-color: #9e9e9e;
}

.article-vote {
    color: #585858;
    text-align: center;
    display: inline-block;
    margin-right: 30px;
    vertical-align: middle;
}

.article-vote a {
    display: block;
}

.article-footer a.comment-count,
.article-footer .vote-wrap a {
    font-size: 14px;
    font-weight: 700;
    color: #aaa;
}

.article-footer a.comment-count i,
.article-footer .vote-wrap a i {
    font-size: 16px;
    color: #ccc;
    margin-right: 3px;
}

.article-footer .vote-wrap a i {
    margin-right: 10px;
}

.pagination span,
.pagination a {
    padding: 10px;
    background: #ffffff;
    border-radius: 4px;
    box-shadow: none !important;
    font-size: 12px;
}

.article-vote:hover i {
    background: #8bc34a;
    color: #fff;
}

.sidebar-widget.widget .search-widget {
    display: block;
    position: relative;
}

.sidebar-widget.widget .search-widget input {
    display: block;
    width: 100%;
    padding: 10px 10px 10px 40px;
    border: solid 1px #ccc;
    margin: 0;
}

.sidebar-widget.widget .search-widget button {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    bottom: 0;
    background: none;
    border: none;
}

.sidebar-widget {
    margin-bottom: 40px;
}

body.home .section-title,
body.home .section-title,
body.home .section-title,
body.home .section-title {
    display: none;
}

h4.widget-title {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 30px;
    border-bottom: solid 1px #d8d8d8;
}

h4.widget-title:after {
    content: '';
    display: block;
    width: 100px;
    height: 1px;
    margin-top: 15px;
    background: #000;
    margin-bottom: -1px;
}

.tab-nav {
    padding: 10px;
    background: #efefef;
    margin-bottom: 30px;
    border-left: solid 4px #919191;
}

.tab-nav a {
    font-size: 12px;
    margin-right: 20px;
    font-weight: 500;
    color: #AFAFAF;
}

.tab-nav a.active {
    color: #1a7aac;
}

.active-users-widget ul li {
    float: left;
    width: 20%;
    max-width: 60px;
    position: relative;
    margin-right: 2.5%;
}

.active-users-widget ul li a {
    display: block;
    width: 100%;
    overflow: hidden;
    border-radius: 50%;
}

.active-users-widget ul li span {
    position: absolute;
    top: 100%;
    left: 0;
    font-size: 12px;
    padding: 5px;
    background: #FFF9E5;
    line-height: 100%;
    border-radius: 4px;
    border: solid 1px #B5B28F;
    display: none;
    transition: all ease-in .3s;
}

.active-users-widget ul li:hover span {
    display: block;
}

/*.active-users-widget ul li span:before,
 .active-users-widget ul li span:after {
    content: '';
    position: absolute;
    bottom: 100%;
    left: 50%;
    border-type: solid;
}*/

.active-users-widget ul li span:before{
    content: '';
    position: absolute;
    bottom: 100%;
    left: 50%;
    border-type: solid;
}

.recents-widget article.hentry.post {
    padding-bottom: 0;
    border-bottom: 0;
    margin-bottom: 30px;
}

.recents-widget article.hentry.post h3.post-title {
    font-size: 14px;
    margin-bottom: 0;
}

.recents-widget article.hentry.post .thumbnail {
    max-height: 140px;
    overflow: hidden;
    margin-bottom: 10px;
}

.categories ul li a,
.gag-custom-menu-widget ul li a {
    padding: 13px 0;
    display: block;
    border-bottom: solid 1px #eee;
    color: #282828;
    font-weight: 600;
}

.categories ul ul.children {
    margin-left: 15px;
    border-bottom: solid 1px #eee;
}

.categories ul li a:before,
.gag-custom-menu-widget ul li a:before {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    content: "\f07b";
    color: #CDCDCD;
    margin-right: 15px;
}

.gag-custom-menu-widget ul li a:before {
    content: "\f036";
}

.categories ul li:last-child > a,
.gag-custom-menu-widget ul li:last-child > a {
    border-bottom: 0;
}

.gag-custom-menu-widget ul li.menu-item-has-children ul.sub-menu {
    padding-left: 15px;
    border-top: solid 1px #eee;
}

.gag-custom-menu-widget > ul > li > ul li a {
    padding: 10px;
}

.pagination {
    text-align: center;
    position: relative;
    margin: 60px 0 20px 0;
}

.pagination a.previouspostslink:first-child,
.pagination a.nextpostslink:first-child {
    float: left;
}

.pagination a.previouspostslink:last-child,
.pagination a.nextpostslink:last-child {}

.pagination span a,
.pagination span,
.pagination a {
    display: block;
}

.pagination span a,
.pagination span,
.pagination a {
    display: inline-block;
    line-height: 14px;
    min-width: 40px;
    padding: 7px;
    font-size: 14px;
}

.pagination span,
.pagination a {
    display: inline-block;
    margin: 0 3px;
    overflow: hidden;
}

.wp-pagenavi a:hover,
.wp-pagenavi span.current {
    border-color: transparent;
}

.pagination span.extend:after {
    content: '...';
}

.pagination span.extend {
    box-shadow: none;
}

.pagination span:hover a,
.pagination a:hover {
    color: #fff;
    background: #000;
}

.pagination span.current {
    background: #eee;
}

footer#colofon {
    padding: 30px;
    background: #eee;
    margin-top: 50px;
    text-align: right;
    font-size: 12px;
    position: relative;
}

nav#footer-menu ul li {
    display: inline-block;
    padding-right: 10px;
}

nav#footer-menu ul li a {
    display: inline-block;
}

nav#footer-menu ul li:after {
    content: '-';
    margin-left: 10px;
}

nav#footer-menu ul li:last-child:after {
    content: '';
}

nav#footer-menu {
    float: left;
}

#respond {
    float: left;
    clear: both;
    width: 100%;
    margin-bottom: 30px;
}

.comment-tab {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    line-height: 40px;
    font-size: 12px;
    font-weight: 600;
    color: #ccc;
    padding-right: 10px;
}

.comment-tab a {
    display: inline-block;
    margin: 0 5px;
}

.comment-tab a.active {
    color: #333;
}

.comments ul li .thumbnail,
#dashboard-header .profile .thumbnail {
    float: left;
    width: 70px;
    height: 70px;
    overflow: hidden;
    border-radius: 50%;
}

#dashboard-header .profile .thumbnail {
    width: 90px;
    height: 90px;
}

.comments ul li .detail {
    margin-left: 100px;
}

.comments ul li .detail p {
    margin-bottom: 0;
}

.comments ul li .detail p.moderate {
    font-size: 12px;
    color: #AB0C0C;
}

.comments ul li .detail h5 {
    margin-bottom: 15px;
}

.comment-footer {
    margin-top: 20px;
    padding-top: 10px;
    border-top: solid 1px #dedede;
    font-size: 12px;
    color: #888;
}

p.replies {
    float: right;
}

.comments ul li {
    padding-bottom: 30px;
    width: auto;
}

.comments ul.children li {
    margin-left: 100px;
}

.comments ul.children li .thumbnail {
    width: 50px;
    height: 50px;
}

.comments ul.children li .detail {
    margin-left: 80px;
}

p.replies span {
    margin-left: 10px;
}

.input-group input,
.input-group textarea,
.search-widget input {
    border: solid 1px #eee;
    padding: 10px;
    width: 100%;
}

.input-group textarea {
    min-height: 180px;
}

.input-group {
    margin-bottom: 30px;
}

.button,
p.login-submit input[type="submit"],
.post-password-form input[type="submit"],
.search-widget button {
    padding: 15px 25px;
    border: none;
    color: #fff;
    font-size: 14px;
    background: #01579B;
}

.search-widget button {
    font-size: 14px;
    padding: 0 30px;
    line-height: 37px;
    height: 37px;
    vertical-align: middle;
}

.entry-content .search-widget {
    position: relative;
    width: 100%;
}

.entry-content .search-widget input {
    display: inline-block;
    width: auto;
    min-width: 300px;
}

.post-password-form input[type="password"] {
    margin-bottom: 15px;
}

.input-group .button,
p.form-submit input {}

.comment-widget {
    clear: both;
}

article.hentry .tags {
    text-transform: uppercase;
    font-weight: 700;
    padding: 0 30px 30px 30px;
}

.tags a {
    padding: 0 10px;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 12px;
    color: #B9B9B9;
    background: #fff;
    border-radius: 4px;
    margin: 0 0 10px 10px;
    box-shadow: 0 0 1px #AFAFAF;
    display: inline-block;
}

.tags a:hover {
    color: #fff;
    background: #2F82B7;
}

#dashboard-header {
    background: #111;
    padding: 30px;
    color: #fff;
    text-align: right;
    margin-bottom: 50px;
}

#dashboard-header .profile {
    float: left;
    text-align: left;
}

#dashboard-header .profile .thumbnail {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

#dashboard-header .profile .info {
    display: inline-block;
    vertical-align: middle;
    margin-left: 30px;
}

#dashboard-header .profile .info h2 {
    color: #fff;
    font-size: 18px;
}

#dashboard-header .profile .info h2 small,
.profile-info ul li p small {
    display: block;
    font-size: 14px;
    font-weight: 400;
    color: #9C9C9C;
}

.profile-info ul li {
    display: inline-block;
    margin-left: 30px;
}

.profile-info ul li p {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 0;
}

.profile-info {
    margin-top: 20px;
}

.container.small-container {
    max-width: 720px;
}

#maincontent.fullwidth {
    width: 100%;
    margin-right: 0;
}

.page-title {
    padding-bottom: 10px;
    border-bottom: solid 1px #eee;
    font-size: 24px;
    margin-bottom: 50px;
}

.page-title i.fa {
    font-size: 60px;
    vertical-align: middle;
    margin-right: 30px;
    color: #dadada;
}

.tab-header .tabs-nav {
    float: left;
    width: 50%;
    text-align: center;
    color: #fff;
    background: #3c3c3c;
    cursor: pointer;
    padding: 15px 10px 10px 10px;
    font-weight: 500;
}

.tab-header .tabs-nav:hover {
    color: #fff;
    opacity: .8;
}

.tab-header .tabs-nav i.fa {
    display: block;
    font-size: 30px;
}

.tab-header .tabs-nav.active {
    background: #111111;
}

.input-wrapper {
    margin-bottom: 20px;
    position: relative;
}

.input-wrapper input[type="text"],
.input-wrapper input[type="email"],
.input-wrapper input[type="password"],
.input-wrapper input[type="file"],
.input-wrapper textarea,
.input-wrapper select,
p input[type="text"],
p input[type="password"] {
    padding: 15px;
    border: solid 1px #ddd;
    width: 100%;
    font-size: 14px;
    margin-top: 5px;
}

form#loginform label {
    display: none;
}

.input-wrapper select {
    font-weight: 600;
    -webkit-appearance: none;
}

.dropdown-select {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    padding: 10px 15px;
    pointer-events: none;
}

.dropdown-select .fa {
    position: relative;
    top: 7px;
}

#gags-reset-profile .dropdown-select {
    top: 25px;
}

.tab-content-wrapper {
    margin-top: 30px;
}

.tab-content {
    display: none;
}

.input-wrapper.input-50 input,
.input-wrapper.input-50 textarea,
.input-wrapper.input-50 select {
    float: left;
    width: 48%;
}

.input-wrapper.input-50 input:first-child {
    margin-right: 4%;
}

a.addmutiple {
    font-weight: 600;
    font-size: 12px;
    margin-top: 20px;
    display: block;
}

.input-submit-file {
    position: relative;
}

.input-submit-file:before {
    content: 'Or';
    position: absolute;
    top: 0;
    left: 50%;
    font-size: 40px;
    display: block;
    line-height: 100%;
    width: 60px;
    height: 50px;
    margin-left: -30px;
    text-align: center;
    color: #ccc;
}

.input-wrapper.submit,
p.login-submit {}

.input-wrapper label span,
.input-heading {
    font-weight: 600;
    font-size: 12px;
    display: block;
}

.input-heading {
    margin-bottom: 20px;
    font-size: 14px;
}

.input-wrapper .current-avatar img {
    width: auto;
}

.menu-holder {
    position: relative;
    display: none;
    border-left: solid 1px #1b1b1b;
}

.menu-trigger,
.close-menu {
    display: none;
    padding: 19px 15px;
    font-size: 24px;
    cursor: pointer;
    vertical-align: middle;
    transition: all ease-in .3s;
    color: #fff;
}

.close-menu {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}

#backtotop {
    position: fixed;
    right: 2%;
    background: #111111;
    color: #fff;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 36px;
    border-radius: 50%;
    cursor: pointer;
    margin-bottom: -20px;
    opacity: 0;
    transition: all ease-in .3s;
    margin-bottom: -100px;
}

#backtotop.visible {
    opacity: 1;
    margin-bottom: 0;
}

#backtotop.visible.bottom {
    margin-bottom: -20px;
    background: #fff;
    color: #000;
}

#backtotop.visible.bottom:hover {
    background: #000;
    color: #fff;
    opacity: 1;
}

#backtotop:hover {
    opacity: .8;
}


/* YARPP Related Posts */

.yarpp-related {
    float: left;
    clear: both;
    width: 100%;
    margin-top: 40px !important;
    margin-bottom: 40px !important;
}

.yarpp-related ol {
    width: 100%;
    margin: 0;
    padding: 0;
    font-size: 0;
}

.yarpp-related h3 {
    font-size: 16px !important;
    color: #555;
    margin-bottom: 20px !important;
    padding-bottom: 10px !important;
    border-bottom: 1px solid #ddd;
}

.yarpp-related li {
    display: inline-block;
    width: 48%;
    height: auto;
    line-height: 150%;
    margin: 0 4% 5% 0;
    border: none;
    vertical-align: top;
    font-size: 16px;
}

.yarpp-related li:nth-child(2n+2) {
    margin-right: 0;
}

.yarpp-related li .thumbnail {
    display: block;
    height: auto !important;
    margin-top: 0!important;
    margin-bottom: 10px !important;
    overflow: hidden;
}

.yarpp-related li a {
    font-weight: 700;
}

.yarpp-related a.yarpp-thumbnail:last-child {
    margin-right: 0;
}

.yarpp-related a.yarpp-thumbnail img {
    width: 100%;
    height: auto;
    margin: 0;
}

.yarpp-related .yarpp-thumbnails-horizontal .yarpp-thumbnail-title {
    display: none;
}

.yarpp-related a.yarpp-thumbnail:nth-child(2n+2) {
    margin-right: 0;
}


/* Facebook Comment */

.fb-comments {
    float: left;
    clear: both;
    width: 100%;
    margin-bottom: 30px;
}

._2pi8 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}


/* 9.0 - Standard WordPress Styles 
-------------------------------------------------------------- */

.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%;
    /* Image does not overflow the content area */
    padding: 10px 2px 10px 12px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 16px 4px 5px;
}


/* 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. */
}

.sticky {}

.gallery-caption {}

.bypostauthor {}

.tagsinput {
    font-family: inherit !important;
    width: 100% !important;
    min-height: inherit !important;
    height: auto !important;
}

div.tagsinput input {
    margin: 5px;
}


/* Alerts */

.alert {
    display: none;
    padding: 15px;
    margin-bottom: 30px;
}

.alert-success,
.alert-danger.alert-success {
    background-color: #7cb342;
    color: #fff;
    display: block !important;
}

.alert-info {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bcdff1;
    display: block !important;
}

.alert-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faf2cc;
    display: block !important;
}

.alert-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebcccc;
    display: block !important;
}

.alert ul li {
    list-style: disc;
    margin: 0 24px;
}

.commented-articles ul li {
    margin-bottom: 50px;
}

.commented-articles .share-widget ul li {
    margin-bottom: 0;
}

.commented-articles ul li .commented-article-thumb {
    float: left;
    width: 30px;
    height: 30px;
    overflow: hidden;
    border-radius: 50%;
    margin-right: 14px;
}

.commented-articles ul li .commented-article-detail,
.commented-articles ul li .comment-entry {
    background: #DFFBFF;
    padding: 10px;
}

.commented-articles ul li .comment-entry p {
    margin-bottom: 0;
}

.commented-articles ul li .commented-article-detail {
    border-radius: 5px 5px 0 0;
    margin-bottom: 0;
}

.commented-articles ul li .comment-entry {
    border-radius: 0 0 5px 5px;
    position: relative;
}

.commented-articles ul li .comment-entry:after {
    content: '';
    border-width: 10px 5px 0 5px;
    border-style: solid;
    border-color: #DFFBFF transparent;
    position: absolute;
    top: 100%;
    left: 20px;
}

.comment-meta {
    line-height: 32px;
}

.commented-articles ul li .commented-article-detail {
    display: block;
    margin-bottom: 18px;
}

.comment-entry {
    margin-bottom: 18px;
}

.facebook-login.btn.btn-block,
.twitter-login.btn.btn-block {
    float: left;
    padding: 10px;
    font-size: 12px !Important;
    width: 50%;
    margin-top: 30px;
}

.btn.btn-block {
    display: block;
    margin-bottom: 30px;
    text-align: center;
    color: #ffffff;
}

.progress {
    width: 100%;
    background: rgba(255, 255, 255, 0.25);
    top: 2em;
    position: relative;
    text-align: center;
    display: inline-block;
}

.percent {
    position: relative;
    top: -19px;
    z-index: 99;
    font-size: 12px;
}

.bar {
    position: relative;
    height: 16px;
    -webkit-transition: 0.4s linear;
    -moz-transition: 0.4s linear;
    -o-transition: 0.4s linear;
    transition: 0.4s linear;
    background-size: 30px 30px;
    -moz-background-size: 30px 30px;
    -webkit-background-size: 30px 30px;
    -o-background-size: 30px 30px;
    background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.15) 25%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0) 100%);
    background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(255, 255, 255, 0.2)), color-stop(25%, rgba(255, 255, 255, 0.2)), color-stop(25%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0.2)), color-stop(75%, rgba(255, 255, 255, 0.2)), color-stop(75%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(255, 255, 255, 0)));
    background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.3) 25%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 75%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0) 100%);
    background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.15) 25%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0) 100%);
    background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.15) 25%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0) 100%);
    background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.15) 25%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0) 100%);
    background-color: #5cb85c;
}

.gifplayer-wrapper {
    width: 100% !important;
}

.gifplayer-wrapper ins.play-gif {
    top: 50% !important;
    left: 50% !Important;
    margin-top: -25px;
    margin-left: -25px;
    line-height: 45px;
}

.wp-video {
    max-width: 100%;
}

.gags-ads a img {
    display: inherit;
}

.gags-ads {
    margin-bottom: 30px;
    text-align: center;
}

div.tagsinput span.tag {
    line-height: 1;
    margin-bottom: 0;
}

div.tagsinput input {
    padding: 0;
}

.post-lists article.format-video .thumbnail:after,
.jscroll-added article.format-video .thumbnail:after {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    content: "\f04b";
    position: absolute;
    top: 50%;
    left: 50%;
    background: rgba(0, 0, 0, .4);
    width: 60px;
    height: 60px;
    text-align: center;
    line-height: 60px;
    margin-top: -30px;
    margin-left: -30px;
    pointer-events: none;
    font-size: 30px;
    border-radius: 50%;
    color: #ffffff;
    text-shadow: 0px 1px 1px #333;
    text-indent: 6px;
}

body.single .post-lists article.format-video .thumbnail:after {
    display: none;
}

nav.nav ul {
	margin-left: 0;
	margin-top: 0;
	margin-bottom: 10px;
}
nav.nav ul li {
	color: #000;
	display: inline-block;
	list-style-type: none;
	margin-right: 5px;
	padding: 10px 20px;
	border: 1px solid #111;
	border-bottom: 0 none;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	background-color: #eee;
	font-family: 'Lato', sans-serif;
}
nav.nav ul li.active {
	color: #fff;
	background-color: #111;
}

@media (max-width: 440px) {
	nav.nav ul li {
		width: 100%;
		display: block;
		border-top-left-radius: 0;
		border-top-right-radius: 0;
		border-bottom: 1px solid #111;
		margin-bottom: 5px;
	}
}

.profile-social-share {
	margin-top: 25px;
}
.profile-social-share li {
	display: inline-block;
	margin-left: 5px!important;
}
.profile-social-share li a {
	width: 40px;
	height: 40px;
	display: block;
	text-align: center;
	padding: 5px;
}
.profile-social-share i {
	color: #fff;
}