* {
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
body {
background: #fff;
font: 14px/180% 'Open Sans', Helvetica, Arial, sans-serif;
color: #656565;
}
html.jPanelMenu {
margin-top: 0 !Important;
}
p {
margin-bottom: 25px;
}
p:last-child {
margin-bottom: 0;
}
input,
textarea,
select {
font: 14px 'Open Sans', Helvetica, Arial, sans-serif;
}
input[type="submit"],
button {
font: 16px 'Open Sans', Helvetica, Arial, sans-serif;
cursor: pointer;
font-weight: bold;
text-transform: uppercase;
padding: 20px 50px;
}
a {
text-decoration: none
}
a:hover {
text-decoration: none !important
}
a:hover {
color: #ED9673;
}
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;
}
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
}
img,
embed,
iframe,
object,
video {
max-width: 100%;
}
.embed #video {
height: auto;
}
.video-player .video-embed {
margin-top: 10px;
position: relative;
}
article.hentry .video-player {
display: block;
margin-left: 0;
margin-top: 20px;
margin-left: 110px;
}
article.hentry.format-video .video-player .video-embed .vids>div {
max-width: 100%;
}
.video-player .video-embed>img {
max-width: 100%;
}
.video-embed .vids {}
.video-embed .vids iframe,
.video-embed .vids embed,
.video-embed .vids object,
.video-embed .vids video {
width: 100%;
}
.video-embed .vids video {
min-height: inherit;
height: auto;
}
.single .video-embed .vids iframe,
.single .video-embed .vids embed,
.single .video-embed .vids object {
height: 100%;
width: 100%;
}
.video-embed .vids iframe.vine-embed {
min-height: 480px;
}
img {
height: auto;
display: block;
}
::selection {
background-color: #f66767;
color: #fff;
}
.thumbnail img {
display: block;
width: 100%;
height: auto;
}
.clear {
float: left;
clear: both;
width: 100%;
}
.clearfix {
*zoom: 1
}
.clearfix:before,
.clearfix:after,
article.hentry:after,
.row:after,
.input-wrapper:after {
display: table;
content: "";
width: 100%;
}
.tagsinput {
border: 1px solid #ccc;
background: #FFF;
width: 100% !important;
height: auto !important;
min-height: inherit !important;
overflow: hidden !important;
}
.tagsinput input {
font-family: inherit !important;
width: 100% !important;
}
.tagsinput span.tag {
padding: 1px 6px !important;
}
div.tagsinput span.tag {
line-height: 1.5;
margin-bottom: 0;
}
div.tagsinput input {
margin-bottom: 0;
padding: 0;
}
.table {
display: table;
width: 100%;
height: 100%;
}
.tablecell {
display: table-cell;
vertical-align: middle;
} h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: 700;
margin-bottom: 20px;
font-weight: 500;
font-style: normal;
color: #000000;
font-family: "Open Sans";
}
h1 {
font-size: 2.2em;
}
h2 {
font-size: 1.7em;
}
h3 {
font-size: 1.4em;
}
h4 {
font-size: 1.17em;
}
h5 {
font-size: .83em;
}
h6 {
font-size: .75em;
margin-bottom: 10px;
} .container {
width: 85%;
max-width: 980px;
margin: 0 auto;
}
#content {
padding: 0 0 60px 0;
}
#header-display {
margin-bottom: 30px;
}
.header-ads img {
margin-bottom: 40px;
display: block;
}
#maincontent {
float: left;
width: 69%;
margin-right: 5%;
}
#maincontent.full-width {
float: none;
width: 100%;
margin-right: 0;
}
#sidebar {
float: left;
width: 26%;
}
.row .column {
float: left;
}
.row .column.column-1 {
width: 48%;
margin-right: 4%;
}
.row .column.column-1:nth-child(2n+2),
.row .column.column-1:last-child,
.active-users-widget ul li:nth-child(2n+2) {
margin-right: 0;
}
.row.column-2 .column {
width: 30.666666%;
margin-right: 4%;
}
.row.column-2 .column:nth-child(3n+3) {
margin-right: 0;
}  #main-header {
background-color: #01579b;
box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.05), 0 2px 4px 0 rgba(0, 0, 0, 0.06);
} nav#main-menu,
#user-menu {
float: left;
margin-left: 20px;
}
nav#main-menu {}
#user-menu {
float: right;
}
nav#user-menu {
line-height: 15px;
height: 60px;
padding-right: 15px;
}
.user-nav {
float: left;
vertical-align: middle;
position: relative;
padding: 15px 0 15px 15px;
}
.user-nav .thumbnail {
width: 30px;
height: 30px;
border-radius: 50%;
overflow: hidden;
cursor: pointer;
}
.user-nav .detail {
display: none;
}
.mobile-menu .user-nav .detail {
display: block;
position: relative;
}
.mobile-menu .user-nav .thumbnail {
float: left;
margin-right: 20px;
margin-bottom: 10px;
}
.user-nav ul li,
.user-nav ul li a {
display: block !important;
}
.user-nav ul li a:hover {
background: #ddd;
}
.mobile-menu .user-nav {
float: none;
padding: 10px 18px 0 18px;
background: #0277BD;
}
#user-menu .user-nav ul {
display: block;
position: absolute;
top: 61px;
width: 200px;
right: 0;
z-index: 100;
text-align: right;
display: none;
margin-top: 1px;
background: #fff;
box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.05), 0 0 7px 0 rgba(0, 0, 0, 0.06);
border-radius: 5px;
}
.mobile-menu .user-nav ul {
margin-top: 0;
position: relative;
max-height: 0;
overflow: hidden;
}
.mobile-menu .user-nav ul.active {
max-height: 1000px;
transition: all ease-in .3s;
}
.user-menu-toggle {
position: absolute;
top: -10px;
right: -17px;
bottom: 1px;
padding: 0 20px;
line-height: 50px;
cursor: pointer;
}
.user-menu-toggle:hover {
background: #01579B;
}
.mobile-menu .user-nav ul li {
position: relative;
z-index: 1;
}
.mobile-menu .user-nav ul li:last-child {
margin-bottom: 18px;
}
#user-menu ul {
float: left;
margin-top: 15px;
}
.site-navigation ul li {
display: inline-block;
position: relative;
}
nav#social-menu ul li a {
padding: 10px;
display: block;
margin-top: 15px;
font-size: 16px;
color: #909090;
}
.site-navigation ul li.menu-item-has-children ul.sub-menu {
position: absolute;
width: 180px;
top: 100%;
background: #fff;
z-index: 5;
max-height: 0;
transition: all ease-in .3s;
-webkit-transition: all ease-in .3s;
-moz-transition: all ease-in .3s;
overflow: hidden;
border-radius: 5px;
border: 1px solid #eee;
opacity: 0;
visibility: hidden;
}
.site-navigation ul li.menu-item-has-children>a:after {
display: inline-block;
font: normal normal normal 12px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
transform: translate(0, 0);
margin-left: 8px;
content: "\f107";
}
.site-navigation ul.sub-menu li.menu-item-has-children>a:after {
float: right;
transform: rotate(-90deg)
}
.mobile-menu .site-navigation ul li.menu-item-has-children>a:after {
content: none;
}
#masthead .site-navigation ul li.menu-item-has-children:hover ul.sub-menu,
.mobile-menu .site-navigation ul li.menu-item-has-children ul.sub-menu.opened {
max-height: 300px;
opacity: 1;
visibility: visible;
}
.mobile-menu .site-navigation ul li.menu-item-has-children ul.sub-menu li a {
padding-left: 10px !important;
}
.site-navigation ul li.menu-item-has-children ul.sub-menu li {
display: block;
width: 100%;
}
nav#main-menu.site-navigation ul li.menu-item-has-children ul.sub-menu li a,
nav#user-menu.site-navigation ul li a {
padding: 10px 20px;
display: block;
font-weight: normal;
}
nav#main-menu.site-navigation ul li.menu-item-has-children ul.sub-menu li:hover a,
nav#main-menu.site-navigation ul li.menu-item-has-children ul.sub-menu li a:hover {
background: #E8FCFF;
}
.site-navigation ul li a {
display: inline-block;
line-height: 1;
vertical-align: middle;
}
#main-header nav#main-menu.site-navigation ul li:hover>a,
#main-header nav#user-menu ul li:hover>a {
color: #00BCD4;
}
#main-header nav#main-menu.site-navigation ul.sub-menu li a,
#main-header nav#user-menu ul li a {
color: #555;
}
.mobile-menu {
display: none;
}
body.admin-bar .mobile-menu {
margin-top: 32px;
}
nav#main-menu.site-navigation ul li a {
color: #ffffff;
margin-bottom: 0;
padding: 23px 10px;
font-size: 14px;
}
.mobile-menu nav#main-menu.site-navigation ul li a {
color: #333333;
}
nav#main-menu.site-navigation ul li a .icon {
margin-left: 10px;
}
nav#user-menu.site-navigation>ul li a,
ul.user-menu li a {
font-size: 12px !important;
margin-left: 10px;
color: #fff;
border-radius: 20px;
padding: 7px 20px;
}
.mobile-menu ul.user-menu {
margin-top: 10px;
display: none;
}
.mobile-menu ul.user-menu li {
margin-bottom: 10px;
}
.mobile-menu ul.user-menu li a {
margin-bottom: 0;
}
nav#user-menu.site-navigation ul li a.btn.btn-block {
margin-bottom: 0;
}
#main-header nav#user-menu ul li.login a {
background-color: transparent !important;
font-size: 16px !important;
}
#main-header nav#user-menu ul li.login:hover a {
background-color: #85CC6E;
}
#main-header nav#user-menu ul li.submit a,
#main-header nav#user-menu ul li.login a {
color: #fff !important;
}
#main-header nav#user-menu ul li.submit a {
width: 30px;
height: 30px;
font-size: 20px !important;
padding: 0;
line-height: 30px;
margin-left: 0;
font-family: Arial;
font-weight: bold;
}
nav#user-menu.site-navigation>ul li a,
ul.user-menu li a {
background-color: #039be5;
}
#main-header nav#user-menu ul li.submit a i {
font-size: 18px;
line-height: 30px;
}
.panel-trigger {
padding: 10px;
font-size: 30px;
float: right;
display: none;
cursor: pointer;
}
#jPanelMenu-menu .widget h3.post-title {
font-family: Roboto;
line-height: 20px;
font-weight: 700;
font-style: normal;
color: #000000;
font-size: 14px;
opacity: 1;
visibility: visible;
-webkit-transition: opacity 0.24s ease-in-out;
-moz-transition: opacity 0.24s ease-in-out;
transition: opacity 0.24s ease-in-out;
margin-left: 70px;
}
#jPanelMenu-menu .widget li {
float: none;
}
#jPanelMenu-menu .warrior_popular_posts ul li .thumbnail,
#jPanelMenu-menu .warrior_trending_topic ul li .thumbnail,
#jPanelMenu-menu .recent-post-widget ul li .thumbnail {
width: 50px;
height: 50px;
position: relative;
}
.mobile-menu #main-menu.site-navigation ul li {
display: block;
background-color: #fff;
}
.mobile-menu .site-navigation ul li a,
.mobile-menu .user-nav ul li a {
border-bottom: solid 1px #eee;
display: block;
font-family: "Open Sans";
font-weight: 700;
font-style: normal;
color: #fff;
font-size: 12px;
opacity: 1;
visibility: visible;
-webkit-transition: opacity 0.24s ease-in-out;
-moz-transition: opacity 0.24s ease-in-out;
transition: opacity 0.24s ease-in-out;
}
.mobile-menu .site-navigation ul li a {
padding: 15px 10px !Important;
line-height: 7px;
}
.mobile-menu .user-nav ul li a {
color: #555;
display: block;
padding: 10px 15px;
background: #fff;
}
.mobile-menu .site-navigation ul li.menu-item-has-children ul.sub-menu {
position: relative;
top: 0;
width: auto;
}
.dropdown-trigger {
position: absolute;
top: 0;
right: 0;
width: 30px;
line-height: 36px;
cursor: pointer;
z-index: 1;
color: grey;
text-align: center;
} #logo {
float: left;
max-width: 250px;
padding: 15px 0;
position: relative;
}
h2.site-title {
margin-bottom: 0;
color: #fff;
}
#footer-logo {
float: none;
display: inline-block;
}
#logo img,
#footer-logo span {
position: relative;
z-index: 1;
}
#logo .site-title a,
#footer-logo .site-title a {
position: relative;
z-index: 1;
}
.mobile-menu nav#main-menu,
.mobile-menu nav#user-menu {
float: none;
margin: 0;
}
.mobile-menu nav#user-menu {
padding: 20px 0;
background-color: #fff;
}  header.section-title {
margin-bottom: 30px;
border-bottom: solid 1px #dedede;
padding-bottom: 5px;
}
header.section-title h4 {
display: inline-block;
margin-bottom: 0;
padding-bottom: 0;
border: none !important;
}
.sort {
float: right;
}
.sort select {
padding: 10px;
border: solid 1px #ddd;
border-radius: 5px;
}
.page-user {
width: 70%;
max-width: 800px;
margin: 0 auto;
}
body.page-template-page-submit .page-user {
width: 70%;
max-width: 800px;
}
article.hentry,
.inner,
.pagination span,
.pagination a,
.pagination span a {
position: relative;
}
article.hentry .entry-content {
margin-top: 20px;
}
body.single-story article.hentry .entry-content {
margin-top: 40px;
}
article.hentry .entry-content p:last-child {
margin-bottom: 0;
}
.gallery a {
display: inline-block;
margin-bottom: 15px;
}
.entry-content .gallery {
text-align: justify;
}
.entry-content .gallery:after {
content: '';
display: inline-block;
width: 100%;
}
#maincontent article.hentry .entry-content h1 {
font-size: 30px;
line-height: 120%;
}
#maincontent article.hentry .entry-content h2 {
font-size: 25px;
line-height: 120%;
}
#maincontent article.hentry .entry-content h3 {}
#maincontent article.hentry .entry-content h4 {}
#maincontent article.hentry .entry-content h5 {
font-size: 12px;
line-height: 100%;
}
#maincontent article.hentry .entry-content h6 {
font-size: 10px;
line-height: 100%;
}
.entry-content dl dt {
font-weight: bold;
}
.entry-content dl dd {
padding-left: 20px;
margin-bottom: 10px;
}
.entry-content dl dd:before {
content: '-';
position: absolute;
left: 0;
}
.entry-content ul,
.entry-content ul li,
.entry-content ol,
.entry-content ol li {
list-style-type: inherit;
}
.entry-content ul,
.entry-content ol {
margin-left: 20px;
margin-bottom: 30px;
}
.entry-content ol ul,
.entry-content ul ol {
margin-bottom: 0;
}
.entry-content ol li {
list-style-type: decimal;
}
.entry-content ol li ul>li {
list-style-type: disc;
}
.entry-content ul li ol>li {
list-style-type: decimal;
}
.page-links {
margin-bottom: 30px;
}
.pagination span,
.pagination a,
.pagination span a {
padding: 4px 10px;
min-width: 20px;
display: block;
text-align: center;
line-height: 1;
border-radius: 3px;
}
.pagination {
margin-top: 50px;
margin-left: -15px;
}
.pagination a,
.pagination span {
display: inline-block;
margin: 5px;
font-size: 14px;
border: none;
font-weight: normal !Important;
}
.pagination a {
color: #1e88e5;
line-height: 20px;
border: none;
font-weight: bold !important;
}
.wp-pagenavi a:hover {
background-color: #0277bd;
border-color: #0277bd !important;
color: #fff;
}
.wp-pagenavi span.current {
line-height: 20px;
background: #efefef;
border: solid 1px #dadada;
}
.wp-pagenavi .pages {
text-transform: uppercase;
font-size: 12px;
font-weight: normal;
}
.post-lists article.hentry {
margin-bottom: 20px;
padding-bottom: 20px;
}
body.blog .post-lists article.hentry,
body.archive .post-lists article.hentry,
body.search .post-lists article.hentry,
body.page-template-page-blog .post-lists article.hentry {
border-bottom: 1px solid #eee;
margin-bottom: 30px;
padding-bottom: 30px;
}
.post-lists article.hentry.sticky {
background-color: #fffde7;
padding: 30px;
}
.rankpoint {
float: left;
width: 50px;
background-color: #fafafa;
padding: 10px 5px 5px 5px;
border: 1px solid #dedede;
text-align: center;
margin-right: 20px;
}
article.hentry article.hentry>.entrycontent,
.page-user .post-lists article.hentry>.entrycontent {
margin-left: 70px;
}
body.single-post #maincontent .rankpoint,
body.single-story #maincontent .rankpoint {
border: solid 1px #dedede;
}
body.single-post #maincontent .rankpoint .points a,
body.single-story #maincontent .rankpoint .points a,
body.single-post #maincontent .rankpoint .points,
body.single-story #maincontent .rankpoint .points {
text-align: center;
width: 100%;
display: block;
}
body.single-post #maincontent article.hentry .entrymeta,
body.single-story #maincontent article.hentry .entrymeta,
#maincontent article.blog .entrymeta {
color: #555;
padding-top: 10px;
display: block;
margin-left: 70px;
font-size: 16px;
}
#maincontent article.blog .entrymeta {
margin-left: 0;
}
span.rank {
font-size: 30px;
color: #aaa;
vertical-align: middle;
margin-right: 20px;
}
.points {
display: inline-block;
vertical-align: middle;
font-size: 14px;
font-weight: 700;
text-align: center;
}
.votes {
padding: 0 5px;
border-radius: 3px;
margin-top: 10px;
}
.voters ul li {
display: inline-block;
margin: 0 10px 10px 0;
vertical-align: middle;
}
.voters ul li img {
display: inline-block;
vertical-align: middle;
width: 25px;
height: auto;
border-radius: 16px;
}
.voters>span {
float: left;
text-transform: uppercase;
font-weight: 700;
color: #000;
width: 80px;
}
.voters ul li a {
display: inline-block;
border-radius: 13px;
position: relative;
}
.voters ul li a span {
position: absolute;
bottom: 100%;
background: #555;
line-height: 100%;
padding: 5px;
border-radius: 3px;
font-size: 12px;
visibility: hidden;
opacity: 0;
transition: all ease-in .2s;
z-index: 1;
display: block;
white-space: nowrap;
color: #fff;
left: 0;
}
.voters ul li a span:after {
content: '';
position: absolute;
display: block;
width: 0;
height: 0;
border-style: solid;
border-width: 10px 5px 0 5px;
border-color: #555 transparent transparent;
left: 12px;
}
.voters ul li:hover a span {
visibility: visible;
opacity: 1;
}
.voters>ul {
display: block;
margin-left: 80px !important;
}
.votes a {
padding: 5px;
display: inline-block;
line-height: 10px;
}
h1.page-title {
font: 700 30px 'Open Sans', Arial, sans-serif;
line-height: 1.3;
margin-bottom: 40px;
text-transform: none !important;
letter-spacing: 0;
}
.detail h1.page-title {
margin-bottom: 20px;
}
h1.page-title>a:before {
display: inline-block;
content: '\f08e';
font-family: 'FontAwesome';
font-size: 18px;
color: #01579b;
margin-right: 10px;
}
body.single-post #maincontent article.hentry .entrycontent,
body.single-story #maincontent article.hentry .entrycontent,
#maincontent article.blog .entrycontent {
margin-left: 0 !important;
}
#maincontent article.hentry .thumbnail,
#sidebar article.hentry .thumbnail,
.recent-widget ul li .thumbnail {
width: 90px;
float: left;
margin-right: 20px;
overflow: hidden;
position: relative;
}
#sidebar article.hentry .thumbnail img {
max-height: 90px;
}
.post-lists article.hentry .entrycontent.clearfix:before,
.post-lists article.hentry .entrycontent.clearfix:after {
content: none;
}
body.single-post #maincontent article.hentry .thumbnail,
body.single-story #maincontent article.hentry .thumbnail,
#maincontent article.blog .thumbnail {
width: 100% !important;
height: 300px;
background-size: cover;
background-position: center;
float: none;
margin: 0;
position: relative;
overflow: hidden;
border: 1px solid #ddd;
margin-bottom: 20px;
}
body.single-post #maincontent article.hentry .thumbnail .overlays,
body.single-story #maincontent article.hentry .thumbnail .overlays,
#maincontent article.blog .thumbnail .overlays {
display: block;
position: absolute;
bottom: 0;
right: 0;
height: 40%;
background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.80) 100%); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.80) 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.80) 100%); filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#cc212121', GradientType=0); left: 0;
pointer-events: none;
}
article.hentry .thumbnail img {}
article.hentry .about-profile-widget .detail {
margin-left: 120px;
}
.commented-article article.hentry .detail {
margin-left: 110px;
}
.commented-article article.hentry .no-thumbnail .detail {
margin-left: 0;
}
.commented-article article.hentry .no-thumbnail .thumbnail {
display: none;
}
article.blog.hentry .detail,
body.single article.hentry .detail {
margin-left: 0 !important;
}
.error404 article.hentry .detail {
margin-left: 0;
}
article.format-video .thumbnail:after,
article.format-audio .thumbnail:after,
#sidebar .widget article.format-video .thumbnail:after,
#sidebar .widget article.format-audio .thumbnail:after,
.yarpp-related li.format-audio .thumbnail:after,
.yarpp-related li.format-video .thumbnail:after {
display: inline-block;
font: normal normal normal 14px/1 icomoon;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
transform: translate(0, 0);
font-family: fontawesome;
content: '\f04b';
position: absolute;
top: 50%;
left: 50%;
width: 40px;
height: 40px;
text-align: center;
line-height: 40px;
margin-top: -20px;
margin-left: -20px;
pointer-events: none;
font-size: 30px;
border-radius: 50%;
color: #ffffff;
text-shadow: 0px 1px 1px #333;
text-indent: 6px;
}
article.format-standard .yarpp-related li.format-standard .thumbnail:after,
article.format-image .yarpp-related li.format-image .thumbnail:after,
article.format-video .yarpp-related li.format-standard .thumbnail:after,
article.format-video .yarpp-related li.format-image .thumbnail:after,
article.format-audio .yarpp-related li.format-standard .thumbnail:after,
article.format-audio .yarpp-related li.format-image .thumbnail:after {
display: none;
}
.single-post article.format-video .thumbnail:after,
.single-post article.format-audio .thumbnail:after,
article.blog .thumbnail:after,
article.blog .thumbnail:after {
font-size: 62px;
width: 80px;
height: 80px;
line-height: 80px;
margin-top: -40px;
margin-left: -40px;
}
.active-users-widget ul li {
float: left;
width: 48%;
margin-right: 4%;
margin-bottom: 30px;
}
.active-users-widget ul li>a {
display: inline-block;
vertical-align: middle;
margin-right: 20px;
width: 50px;
height: 50px;
border-radius: 30px;
overflow: hidden;
transition: all ease-in .3s;
backface-visiility: hidden;
}
.active-users-widget ul li>a:hover {
opacity: .8;
}
.widget article.format-video .thumbnail:after,
.widget article.format-audio .thumbnail:after {
font-size: 30px !important;
}
article.hentry .detail.no-thumbnail {
margin-left: 0 !important;
}
article.hentry .detail.no-thumbnail .entrymeta {
padding-left: 0;
}
article.hentry .post-title {
font-size: 24px;
margin-bottom: 5px;
}
article.hentry p.excerpt {
margin-bottom: 15px;
}
.vids .fluidvids {
margin-bottom: 30px;
}
.tags a {
display: inline-block;
background-color: #eee;
font-size: 12px;
line-height: 1;
margin: 0 5px 10px 0;
padding: 5px 10px;
border-radius: 50px;
}
#trending-tags {
padding: 15px 0 5px 0;
margin-bottom: 40px;
border-top: 1px solid #dedede;
border-bottom: 3px solid #dedede;
}
ul.trending-tags {}
ul.trending-tags li {
display: inline-block;
margin-right: 10px;
line-height: 100%;
margin-bottom: 10px;
vertical-align: middle;
}
#sidebar ul.trending-tags li {
display: inline-block !Important;
width: auto;
float: none;
margin-right: 0;
margin-bottom: 0;
}
#sidebar ul.trending-tags li a {
text-decoration: none;
}
ul.trending-tags li.first {
font-size: 12px;
font-weight: 700;
}
ul.trending-tags li.first:before {
content: '\f097';
font-family: 'FontAwesome';
margin-right: 5px;
}
ul.trending-tags li a {
font-size: 12px;
margin-right: 5px;
text-decoration: underline;
}
ul.trending-tags li a:hover {
text-decoration: none;
}
span.domain {
font: 12px/100% "Open Sans", Arial, helvetica;
font-style: italic;
color: #aaa;
}
.entrymeta,
.entry-meta {
font-size: 12px;
}
.entrymeta span:last-child {
margin-right: 0;
}
.comment-header .entrymeta {
display: inline-block;
}
.comment-avatar {
float: left;
margin-right: 20px;
}
.comment-avatar img {
width: 30px;
border-radius: 50px;
}
.entrymeta span,
.entry-meta span {
margin-right: 10px;
display: inline-block;
}
.entrymeta span a,
.entry-meta span a {}
.entrymeta span i.fa {
margin-right: 3px;
}
.entrymeta span.avatar {
margin-right: 10px;
}
.entrymeta span.avatar a,
.entrymeta span.date a,
.entrymeta span.comments a {
color: #aaa !important;
}
.entrymeta span.avatar:hover a,
.entrymeta span.date:hover a,
.entrymeta span.comments:hover a {}
body.single-post #maincontent article.hentry .entrymeta span.avatar,
body.single-post #maincontent article.hentry .entrymeta span.date,
body.single-post #maincontent article.hentry .entrymeta span.comments,
body.single-post #maincontent article.hentry .entrymeta span.avatar a,
body.single-post #maincontent article.hentry .entrymeta span.date a,
body.single-post #maincontent article.hentry .entrymeta span.comments a,
body.single-story #maincontent article.hentry .entrymeta span.avatar,
body.single-story #maincontent article.hentry .entrymeta span.date,
body.single-story #maincontent article.hentry .entrymeta span.comments,
body.single-story #maincontent article.hentry .entrymeta span.avatar a,
body.single-story #maincontent article.hentry .entrymeta span.date a,
body.single-story #maincontent article.hentry .entrymeta span.comments a,
#maincontent article.blog .entrymeta span.avatar,
#maincontent article.blog .entrymeta span.date,
#maincontent article.blog .entrymeta span.comments,
#maincontent article.blog .entrymeta span.avatar a,
#maincontent article.blog .entrymeta span.date a,
#maincontent article.blog .entrymeta span.comments a {
color: #616161 !important;
}
.entrymeta span.avatar img {
display: inline-block;
width: 25px;
height: 25px;
margin-right: 3px;
border-radius: 50%;
vertical-align: text-bottom;
} #respond {}
.comments-list ul li {
position: relative;
}
ul.children li {
margin-left: 20px;
}
ul.children li .comment-header,
ul.children li .comment-detail,
ul.children li .comment-footer {
padding-left: 70px;
}
ul.children li .comment-vote a {
margin-left: 20px
}
ul.children .comment-parent {
margin-bottom: 40px !important;
}
.comment-header,
.comment-detail,
.comment-footer {
padding-left: 50px;
float: left;
width: 100%;
}
p.moderate {
padding: 10px;
font-size: 12px;
background: #ecffec;
border-radius: 5px;
line-height: 100%;
color: green;
border: solid 1px green;
}
#comment-widget {
float: left;
clear: both;
width: 100%;
margin-bottom: 50px;
}
.comment-widget {
clear: both;
}
.comment-header {
padding-bottom: 10px;
padding-left: 0;
margin-bottom: 10px;
position: relative;
float: left;
width: 100%;
}
.comment-header .entrymeta span.author {
font-weight: 700;
}
.comment-parent:after {
content: '';
display: block;
width: 1px;
top: 50px;
bottom: 0;
background-color: #eee;
position: absolute;
left: 15px;
z-index: 0;
}
ul.children .comment-parent:after {
top: 80px;
left: 40px;
}
.comment-vote a {
position: absolute;
padding: 10px;
line-height: 10px;
margin-top: -10px;
top: 0;
left: 2px;
font-size: 18px;
background-color: #fff;
z-index: 2;
}
.comment-vote a:last-child {
top: 100%;
margin-top: 10px;
padding-bottom: 20px;
}
.show-comment,
.comment-footer a {
font-weight: 400;
text-transform: uppercase;
font-size: 12px;
color: #99A43E;
margin-left: 30px;
cursor: pointer;
}
.comment-footer {
margin-left: -30px;
margin-top: 20px;
}
.comment-header .show-comment {
position: absolute;
top: 0;
right: 0;
}
.comments-list>ul>li {
margin-bottom: 40px;
}
.comments-list ul li:last-child {
margin-bottom: 0;
} #sidebar .widget {
float: left;
clear: both;
width: 100%;
margin-bottom: 50px;
}
#sidebar .widget:last-child {
margin-bottom: 0;
}
.widget {
margin-bottom: 50px;
}
#sidebar .widget .inner {
padding-top: 0;
}
.categories ul {}
.widget ul,
.widget_archive ul,
.widget_categories ul,
.widget_pages ul,
.widget_rss ul,
.widget_meta ul,
.widget_nav_menu ul,
.widget_recent_comments ul,
.widget_recent_entries ul,
.widget ol,
.widget_archive ol,
.widget_categories ol,
.widget_pages ol,
.widget_rss ol,
.widget_meta ol,
.widget_nav_menu ol,
.widget_recent_comments ol,
.widget_recent_entries ol {
margin: 0 !important
}
.widget li,
.widget_archive li,
.widget_categories li,
.widget_pages li,
.widget_rss li,
.widget_meta li,
.widget_nav_menu li,
.widget_recent_comments li,
.widget_recent_entries li {
float: left;
clear: both;
width: 100%;
list-style: none;
margin: 0 0 15px 0;
position: relative;
}
.widget_rss li .rss-date {
color: #ccc;
font-size: 13px;
}
.widget_pages li,
.widget_meta li {
margin-bottom: 10px;
border-bottom: solid 1px #eee
}
.widget li:last-child,
.stories-categories-widget .categories ul ul.children li:last-child {
margin-bottom: 0;
border-bottom: none;
}
.widget ul ul,
.widget ol ol {
margin: 20px 0 !important;
padding: 20px 0;
}
.widget ul ul li,
.widget ol ol li {
margin-left: 0;
}
.widget_recent_comments li.recentcomments,
.widget_recent_entries ul li,
.widget_pages ul li,
.widget_categories ul li,
.widget_nav_menu ul li,
.widget_display_topics ul li {
padding-left: 0;
}
.widget_recent_comments li.recentcomments>a {
display: block;
}
.widget_recent_comments li.recentcomments span {
color: #b3b3b3;
}
.widget_recent_comments li.recentcomments:before,
.widget_recent_entries li:before,
.widget_pages li:before,
.widget_categories li:before,
.widget_nav_menu li:before,
.widget_display_topics li:before {}
.widget_recent_comments li.recentcomments:before {}
.widget_archive li a,
.widget_categories li a,
.widget_pages li a,
.widget_rss li a,
.widget_meta li a,
.widget_nav_menu li a,
.widget_recent_comments li a,
.widget_recent_entries li a {}
.widget_nav_menu ul li,
.widget_categories ul li,
.widget_pages ul li,
.widget_meta ul li,
.widget_archive li,
.stories-categories-widget .categories ul li,
.widget_rss li {
margin-bottom: 15px;
padding-bottom: 15px;
border-bottom: solid 1px #eee;
}
.widget_pages ul,
.widget_nav_menu ul li ul.sub-menu {
float: left;
width: 100%;
}
.widget_nav_menu ul li ul.sub-menu {
padding-top: 5px;
}
.widget_pages ul li ul.children,
.widget_nav_menu ul li ul.sub-menu {
margin-top: 0 !important;
margin-bottom: 0 !important;
padding-bottom: 0 !important;
}
.widget_nav_menu ul li ul.sub-menu ul.sub-menu {
padding-left: 15px;
}
.widget_pages ul li ul.children ul.children {
padding-left: 15px;
}
.widget_pages ul li ul.children>li>a:before {
content: '-';
margin-right: 10px;
}
.stories-categories-widget .categories ul li {
margin-bottom: 15px;
padding-left: 40px;
}
.widget_archive li {
text-align: right;
}
.widget_archive li a {
float: left;
}
.widget_nav_menu ul li:last-child,
.widget_categories ul li:last-child,
.stories-categories-widget .categories ul li:last-child {
border-bottom: 0;
margin-bottom: 0;
}
.widget_categories ul.children li,
.stories-categories-widget .categories ul ul.children li {
padding: 5px 0 5px 30px;
border-left: solid 1px #ddd;
margin-bottom: 0;
}
.widget_categories ul li ul.children,
.stories-categories-widget .categories ul ul.children {
margin-left: 15px !Important;
padding: 0;
}
.widget_categories ul li ul.children ul.children {
margin-left: 0px !important;
margin-top: 0 !important;
}
.stories-categories-widget .categories ul ul.children {
margin-top: -30px !important;
float: left;
background: #fff;
margin-left: 0 !Important;
padding-left: 15px;
position: relative;
z-index: 1;
width: 100%;
}
.widget_categories ul.children li:before,
.stories-categories-widget .categories ul ul.children li:before {
content: '-';
position: absolute;
left: 0;
color: #ddd;
margin-left: -1px;
}
.stories-categories-widget .categories ul ul.children li:before {
margin-right: 10px;
}
.widget_categories>ul,
.stories-categories-widget .categories>ul {
counter-reset: widget-list-counter;
}
.widget_categories>ul>li:before,
.stories-categories-widget .categories>ul>li:before {
content: counter(widget-list-counter);
counter-increment: widget-list-counter;
position: absolute;
left: 0;
width: 30px;
top: -3px;
height: 30px;
line-height: 30px;
text-align: center;
background: #eee;
border-radius: 50%;
font-size: 12px;
color: #aaa;
transition: all ease-in .3s;
z-index: 2;
}
.widget_categories>ul>li:hover:before,
.stories-categories-widget .categories>ul>li:hover:before {
background: #00BCD4;
color: #fff;
}
.widget_categories>ul>li>a {
text-align: right;
padding-left: 45px;
}
.widget_categories ul li a,
.stories-categories-widget .categories ul li a {
float: left;
margin-right: 10px;
}
.widget_nav_menu ul li ul.sub-menu li {
padding-bottom: 5px;
margin-bottom: 5px
}
.widget_nav_menu ul li ul.sub-menu li:last-child {
margin: 0;
padding: 0;
}
.widget_nav_menu ul li ul.sub-menu li:before {
font-family: 'FontAwesome';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: '\f107';
margin-right: 10px;
}
.widget_nav_menu ul li ul.sub-menu li:hover:before {
color: #00bcd4;
}
.widget.about-profile-widget {
display: inline-block;
}
.widget.about-profile-widget .detail p:last-child {
margin-bottom: 0;
}
#popup .widget {
margin-bottom: 0;
}
#popup .widget .inner {
padding-top: 0;
}
.about-profile-widget .thumbnail {
float: left;
overflow: hidden;
border-radius: 50%;
}
.about-profile-widget .detail {
margin-left: 190px;
}
.statistic-widget {
margin-bottom: 50px;
}
.statistic-widget ul li .inner {
border: solid 1px #ddd;
text-align: center;
padding: 30px;
}
.statistic-widget ul li .inner h4.widget-title {
margin-bottom: 0;
padding-bottom: 0;
border: none !important;
}
.statistic-number {
font-size: 48px;
font-weight: 700;
color: #525252;
margin: 50px 0;
}
.warrior-tab-nav ul li {
display: inline-block;
font-size: 14px;
font-weight: bold;
vertical-align: bottom;
}
.warrior-tab-nav ul li a {
color: #aaa;
cursor: pointer;
font-size: 14px;
padding: 15px;
display: inline-block;
font-family: "Open Sans";
}
.warrior-tab-nav ul li.active a {
color: #00BCD4;
}
.warrior-tab-nav {
border-bottom: solid 1px #E5F3F4;
margin-bottom: 50px;
}
.warrior-tab-content {
margin-bottom: 20px;
position: relative;
}
.warrior-tab-content-content {
width: 100%;
background: #fff;
}
.warrior_popular_posts ul li .thumbnail,
.warrior_trending_topic ul li .thumbnail,
.recent-post-widget ul li .thumbnail {
float: left;
width: 60px;
margin-right: 15px;
overflow: hidden;
} #dashboard-header #account-widget {
float: right;
margin-top: -50px;
}
nav#dashboard-menu ul li {
display: inline-block;
}
nav#dashboard-menu ul li a {
font-weight: bold;
color: #99A43E;
padding: 10px;
display: block;
line-height: 20px;
}
nav#dashboard-menu {
border-bottom: solid 1px #99A43E;
}
nav#dashboard-menu ul li:hover a,
nav#dashboard-menu ul li.active a {
background-color: #99A43E;
color: #fff;
}
#dashboard-header #account-widget .thumbnail {
float: right;
border: solid 1px #99A43E;
}
#dashboard-header #account-widget .detail {
margin-left: 0;
margin-right: 130px;
}
.commented-articles ul li {
margin-bottom: 20px;
}
.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%;
}
.commented-articles ul li .commented-article-detail {
margin-left: 50px;
}
.commented-articles ul li article.hentry {
margin-left: 50px;
}
.commented-articles ul li article.hentry .entrycontent {
margin-left: 0 !Important;
}
.commented-articles ul li article.hentry .thumbnail {
width: 70px;
} #featured-widget .owl-controls {
border-top: solid 1px #D0663C;
text-align: right;
}
#trending-news {
font-size: 0;
}
.trending-label,
.trending-slider {
font-size: 14px;
display: inline-block !Important;
vertical-align: middle;
}
.trending-slider.owl-carousel article,
#featured-slider.owl-carousel article {
display: none;
}
#featured-slider.owl-carousel article {
width: 100% !important;
}
#featured-slider article {
float: left;
width: 32%;
margin-right: 2%;
}
#featured-slider:after {
content: '';
display: table;
width: 100%;
}
#featured-slider article:nth-child(3n+3) {
margin-right: 0;
}
.trending-slider.owl-loaded article,
#featured-slider.owl-loaded article {
display: block;
}
.trending-label {
width: 120px;
font-size: 12px;
font-weight: 600;
color: #01579b;
text-transform: uppercase;
line-height: 50px;
}
div#trending-bar {
background: #fff;
position: relative;
overflow: hidden;
}
article.hentry.trending-news h3 {
font-family: "Poppins";
font-size: 13px;
margin-bottom: 0;
}
article.hentry.trending-news h3 a {
display: block;
padding: 13px 0;
white-space: nowrap;
overflow: hidden;
position: relative;
}
article.hentry.trending-news h3 a:after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
width: 70px; background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 65%, rgba(255, 255, 255, 1) 100%); background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 65%, rgba(255, 255, 255, 1) 100%); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 65%, rgba(255, 255, 255, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=1); content: '';
display: block;
}
.trending-slider .owl-controls {
position: absolute;
left: 0;
top: 0;
width: 61px;
text-align: center;
border-right: solid 1px #dedede;
}
div#trending-bar .container {
position: relative;
}
.trending-slider .owl-controls .owl-nav .owl-next,
.trending-slider .owl-controls .owl-nav .owl-prev {
float: left;
width: 30px;
font-size: 16px;
line-height: 50px;
color: #c2c2c2;
}
.trending-slider .owl-controls .owl-nav .owl-next:hover,
.trending-slider .owl-controls .owl-nav .owl-prev:hover {
color: #555;
}
.owl-nav {
display: block;
}
.trending-slider {
padding-left: 80px;
position: relative;
border-left: solid 1px #dedede;
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 120px;
}
article.hentry.features-posts .detail .category {
font-size: 11px;
font-weight: 500;
color: #01579b;
}
article.hentry.features-posts .detail h3 {
font-family: 'Poppins';
font-size: 13px;
line-height: 18px;
color: #000;
}
#recommended-stories {
margin-bottom: 30px;
}
#featured-slider .owl-controls {
display: none;
text-align: center;
margin-bottom: 50px;
}
#featured-slider .owl-controls .owl-dot {
display: inline-block;
background: #ccc;
width: 10px;
height: 10px;
border-radius: 10px;
margin: 0 5px;
}
#featured-slider .owl-controls .owl-dot:hover {
background: #01579b;
}
#featured-slider .owl-controls .owl-dot.active {
background: #b6b6b6;
} #search-widget .btn.search-btn {
display: none;
}
.search-form-trigger {
float: left;
color: #fff;
vertical-align: middle;
padding: 19px 15px;
cursor: pointer;
position: relative;
border-left: solid 1px #0277bd;
margin-left: 15px;
font-size: 22px;
}
.search-form-trigger.active:after,
.search-form-trigger.active:before {
content: '';
border-style: solid;
position: absolute;
bottom: -3px;
left: 50%;
margin-left: -7px;
}
.search-form-trigger.active:after {
border-width: 0 7px 12px 7px;
border-color: transparent transparent #fafafa transparent;
z-index: 2;
}
.search-form-trigger.active:before {
border-width: 0 8px 14px 8px;
border-color: transparent transparent #E8E8E8 transparent;
z-index: 1;
margin-left: -8px;
}
#search-widget {
position: relative;
}
#masthead #search-widget {
max-height: 0;
overflow: hidden;
transition: all ease-in .3s;
}
#masthead #search-widget.active {
max-height: 60px;
}
.search-form {
position: relative;
}
#search-widget .input-wrapper input {
padding: 10px 20px;
}
#masthead #search-widget .input-wrapper input {
padding: 20px;
} .archive-header {
padding: 20px;
margin-bottom: 30px;
background-color: #fff;
border: solid 1px #dfdfdf;
} #account-widget .thumbnail {
width: 100px;
overflow: hidden;
float: left;
}
#account-widget .detail {
padding-top: 10px;
margin-left: 130px;
}
#account-widget .detail .user a {
font-weight: 600;
color: #000;
font-style: italic;
}
#account-widget .detail .user-menu a {
font-size: 12px;
font-weight: 600;
color: #00BCD4;
padding-right: 10px;
margin-right: 10px;
}
.recents ul li {}
.recents ul li:last-child {
padding-bottom: 0;
}
.widget_recent_entries ul li:before {
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: "\f1ea";
position: absolute;
left: 0;
top: 5px;
}
.widget_recent_entries ul li {
padding-left: 30px;
}
.widget_recent_entries ul li a {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.recents ul li h3 {
margin-bottom: 0;
margin-left: 110px;
}
.recents ul li .no-thumbnail h3 {
margin-left: 0;
} .share-trigger {
display: inline-block;
border-style: solid;
padding: 10px;
width: 40px;
text-align: center;
max-height: 30px;
color: #aaa;
font-size: 20px;
border-color: #fff;
border-width: 1px;
position: relative;
z-index: 2;
cursor: pointer;
}
.share-trigger.active {
border-color: #dfdfdf #dfdfdf #fff #dfdfdf;
}
.share-widget {
position: absolute;
top: 0;
right: 10px;
}
.share-widget ul {
position: absolute;
top: 30px;
right: 0;
width: 110px;
font-size: 12px;
font-weight: bold;
padding: 10px;
background-color: #fff;
border: solid 1px #dfdfdf;
margin-top: -1px;
z-index: 1;
display: none;
}
.share-widget ul li .icon {
display: inline-block;
margin-right: 5px;
} .inner {
position: relative;
padding-top: 50px;
}
h4.widget-title,
.header-title {
color: #ababab;
text-transform: uppercase;
margin-bottom: 30px;
font-size: 14px;
font-weight: 700;
letter-spacing: 2px;
font-family: "Open Sans";
border-bottom: solid 1px #dedede;
padding-bottom: 0;
}
.accordion ul li {
padding-bottom: 10px;
}
.accordion ul li .acc-title {
text-transform: uppercase;
font-weight: 600;
color: #000;
font-size: 13px;
}
.accordion ul li .acc-description {
max-height: 0;
overflow: hidden;
}
.accordion ul li.active .acc-title {
color: #99a43e;
}
div.tagsinput span.tag {} .subscribe-widget button.submit-btn {
position: absolute;
top: 0;
right: 0;
border: 0;
bottom: 0;
min-width: 40px;
font-size: 24px;
padding: 10px;
background: 0;
color: #aaa;
}
.widget-content {
position: relative;
}
.tagcloud a,
#sidebar ul.trending-tags li a {
display: inline-block;
font-size: 12px !Important;
padding: 5px 10px;
border: solid 1px #dedede;
line-height: 12px;
border-radius: 11px;
margin: 0 10px 10px 0;
}
.tagcloud a:hover,
.widget .mc4wp-form input[type=submit],
#sidebar ul.trending-tags li a:hover {
background: #00bcd4;
color: #fff !important;
border-color: #00bcd4;
} .input-wrapper {
display: block;
margin-bottom: 30px;
}
.input-wrapper:last-child,
#search-widget .input-wrapper {
margin-bottom: 0;
}
.widget_search .btn.search-btn {
margin-bottom: 0;
position: relative;
}
.input-wrapper label {
display: block;
font-weight: 400;
}
.input-wrapper label span {
color: #000;
margin-bottom: 10px;
display: block;
}
form .input-auto input,
form .input-auto textarea {
max-width: 300px;
}
form.post-password-form input {
margin-bottom: 30px;
}
form input,
form textarea,
select,
#tags_url_tagsinput,
.tags_url_tag {
border: none;
background-color: #f9f9f9;
padding: 10px;
display: block;
width: 100%;
-webkit-appearance: none;
line-height: 20px;
}
select {
background-image: url(//bookmarkdata.org/wp-content/themes/upvote/images/arrow-down.png);
background-repeat: no-repeat;
background-position: right 10px center;
}
form input:focus,
form textarea:focus,
select:focus,
#tags_url_tagsinput:focus,
.tags_url_tag:focus {}
form .radio-checkbox input {
display: inline-block;
width: auto;
}
.input-wrapper input[type="file"],
.input-wrapper input[type="file"]:focus {
background-color: transparent;
}
a.forgot {
float: right;
color: #D0663C;
padding: 10px 0;
}
.btn,
input.btn,
#wp-submit,
form .submit,
input[type="submit"] {
width: auto;
text-align: center;
border: none;
text-transform: none;
font-weight: 400;
font-size: 14px !important;
color: #fff;
padding: 15px 30px;
background-color: #00bcd4;
line-height: 14px;
}
.btn.btn-block {
display: block;
margin-bottom: 30px;
}
.btn.secondary-btn {
background-color: #ddd;
color: #333;
}
.btn .icon {
font-size: 14px;
vertical-align: middle;
}
.btn.search-btn {
position: absolute;
top: 0;
right: 0;
bottom: 0;
}
a.btn:hover {
color: #fff;
}
.btn.search-btn i.icon {
margin-left: 10px;
}
.login-area.column,
.register-area.column {
padding: 0 15px;
}
p.login-submit {
margin-bottom: 40px;
}
a.lost-password-link {
margin-top: 20px;
}
.facebook-login.btn.btn-block,
.linkedin-login.btn.btn-block,
.twitter-login.btn.btn-block {
padding: 10px;
font-size: 12px !important;
margin: 10px 0;
}
.facebook-login.btn.btn-block:first-child,
.linkedin-login.btn.btn-block:first-child,
.twitter-login.btn.btn-block:first-child {
margin-top: 30px;
}
.lost-password-link {
float: left;
width: 100%;
}
.widget .mc4wp-form input {
padding: 15px 20px;
background: #F9F9F9;
border: none;
width: 100%;
}
.widget .mc4wp-form label {
font-size: 12px;
display: block;
}
.widget .mc4wp-form input[type=submit] {
font-size: 14px;
text-transform: none;
padding: 15px 30px;
font-weight: normal;
width: auto;
} .current-avatar {
display: inline-block;
width: 100px;
margin-right: 20px;
}
.input-wrapper #edit_avatar {
display: inline-block;
width: auto;
vertical-align: top;
} .result-message {
padding: 20px;
} .warning-msg {
color: #C71B1B;
}
.submit-topic-success {
color: #25C021;
}
form#submit-topic .loading,
.video-loader {
background: url(//bookmarkdata.org/wp-content/themes/upvote/images/loader.gif) no-repeat;
width: 24px;
height: 24px;
background-size: contain;
display: none;
margin: 10px 0 0 0;
} .alert {
display: none;
padding: 15px;
margin-bottom: 30px;
border: 1px solid transparent;
border-radius: .25rem;
}
.alert-success,
.alert-danger.alert-success {
color: #3c763d;
background-color: #dff0d8;
border-color: #d0e9c6;
display: block;
}
.alert-info {
color: #31708f;
background-color: #d9edf7;
border-color: #bcdff1;
display: block;
}
.alert-warning {
color: #8a6d3b;
background-color: #fcf8e3;
border-color: #faf2cc;
display: block;
}
.alert-danger {
color: #a94442;
background-color: #f2dede;
border-color: #ebcccc;
display: block;
}
.alert ul li {
list-style: disc;
margin: 0 24px;
} footer#colofon {
clear: both;
background-color: #FFFFFF;
color: #575757;
}
#footer-logo {
padding: 0;
max-width: inherit;
margin-bottom: 30px;
}
#footer-logo span a {
display: block;
}
#footer-logo a {
display: inline-block;
vertical-align: middle;
margin-left: 10px;
}
#footer-logo img {
width: auto;
}
#footer-logo .footer-site-title span,
#footer-logo .footer-site-title .site-title {
float: left;
}
#footer-menu {
display: block;
}
#footer-menu ul li a {
padding: 0 10px;
font-size: 14px;
}
#backtotop {
width: 40px;
height: 40px;
z-index: 2;
position: fixed;
right: 40px;
background: #ffffff;
color: #01579b;
cursor: pointer;
text-align: center;
font-size: 30px;
line-height: 34px;
margin-bottom: -20px;
border-radius: 20px;
border: solid 1px;
bottom: 40px;
transition: all ease-in .3s;
}
#backtotop:hover {
color: #fff;
background-color: #01579b;
}
#footer-bottom .copyright-info {
font-size: 12px;
margin-top: 20px;
}
ul.social li {
display: inline-block;
color: #aaa;
}
ul.social li a {
padding: 10px 10px 10px 0;
font-size: 16px;
}
#footer-bottom {
padding: 50px 0;
background: #eee;
text-align: center;
}
#popup {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
padding: 0;
z-index: 100;
background-color: rgba(0, 0, 0, .7);
overflow: auto;
}
.popup-wrapper {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 150;
overflow: auto;
}
.popup-content {
padding: 30px;
background-color: #fff;
max-width: 480px;
margin: 0 auto;
position: relative;
z-index: 200;
}
.close-popup {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
cursor: pointer;
z-index: 101;
}
.warrior-tabs .warrior-header a {
float: left;
width: 50%;
text-align: center;
padding: 10px;
}
.warrior-header {
margin-bottom: 40px;
background: #eee;
text-align: center;
}
.warrior-tabs .warrior-header a.active {
background: #0277BD;
color: #fff;
}
.warrior-tabs-contents {
position: relative;
}
.warrior-tabs-contents .tab-content {
width: 100%;
display: none;
}
.thumbs-rating-container {
font-size: 22px;
color: #333;
padding: 2px 0;
display: block;
}
.thumbs-rating-container span {
cursor: pointer;
}
.thumbs-rating-up:before {
font-family: 'FontAwesome';
content: '\f0d8';
margin-right: 5px;
position: relative;
left: 2px;
}
.thumbs-rating-down:before {
font-family: 'FontAwesome';
content: '\f0d7';
margin-right: 5px;
}
.thumbs-rating-container span:hover {
color: #343434;
}
.thumbs-rating-container a {
position: relative;
padding: 28px 0px;
}
.thumbs-rating-up,
.thumbs-rating-down {
padding: 0;
color: #aaa;
font-size: 22px;
position: absolute;
top: 26px;
left: -7px;
}
.thumbs-rating-container .thumbs-rating-already-voted {
padding-top: 1em;
font-size: 0.9em;
display: none;
-webkit-transition: (all 0.3s);
transition: (all 0.3s);
}
.thumbs-rating-container .thumbs-rating-already-voted:before {
content: attr(data-text);
position: absolute;
bottom: 0;
left: 20%;
right: 0;
}
.points a {
width: 100%;
display: block;
line-height: 1;
color: #0277bd;
position: relative;
}
.points a.liked {
color: #999;
cursor: default;
position: relative;
}
.points a i {
display: block;
font-size: 20px;
}
.info-author {
margin-bottom: 50px;
padding: 30px;
background-color: #fff;
border: solid 1px #ccc;
border-bottom: solid 3px #99A43E;
font-weight: bold;
}
.info-author a,
.info-author span {
font-weight: normal;
margin-left: 15px;
}
.info-author img {
float: left;
margin-right: 20px;
}
.icheckbox_flat,
.iradio_flat {
vertical-align: text-top !important;
margin: 0 10px !important;
}
form#submit-topic .input-wrapper.format label {
display: inline-block;
}
i.label-important {
color: red;
} .yarpp-related {
float: left;
clear: both;
width: 100%;
margin-bottom: 50px;
}
.yarpp-related ol {
margin: 0;
padding: 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: 47.5%;
height: auto;
line-height: 150%;
margin: 0 5% 30px 0;
border: none;
float: left;
}
body.single-story #maincontent article.hentry .yarpp-related li .thumbnail {
height: auto !important;
margin-bottom: 10px !important;
overflow: hidden;
margin: 0;
}
body.single-story #maincontent article.hentry .yarpp-related li>a {
display: block;
}
.yarpp-related li .thumbnail {
float: left;
}
.yarpp-related li a {
font-weight: 400;
}
.yarpp-related a.yarpp-thumbnail:last-child {
margin-right: 0;
}
.yarpp-related a.yarpp-thumbnail img {
width: 100%;
height: 170px;
margin: 0;
}
.yarpp-related .yarpp-thumbnails-horizontal .yarpp-thumbnail-title {
display: none;
}
.yarpp-related a.yarpp-thumbnail:nth-child(2n+2),
.yarpp-related li:nth-child(2n+2) {
margin-right: 0;
} .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%; padding: 10px 2px 10px 12px;
text-align: center;
}
.wp-caption.alignnone {
margin: 5px 20px 20px 0;
}
#sidebar .wp-caption.alignnone {
margin: 0 0 20px 0;
max-width: 100%;
padding: 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;
}
#sidebar .wp-caption p.wp-caption-text {
padding-top: 0;
margin-top: -22px;
}
.gallery {
margin: 1.2rem 0;
}
.gallery img {
display: block;
width: 100%;
}
.gallery-item {
display: inline-block;
text-align: center;
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;
}
.bypostauthor {
visibility: visible;
} .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; } .social-share-widget {
line-height: 0;
margin-bottom: 50px;
}
a.report-story {
color: red;
font-size: 12px;
margin-bottom: 20px;
display: block;
}
a.report-story: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: "\f12a";
margin-right: 5px;
color: red;
}
.social-share-widget ul {
margin: 0 0 20px 0;
}
.social-share-widget:last-child {
padding-left: 0;
}
.article-widget.share-widget ul li {
display: inline-block;
margin: 10px;
}
.social-share-widget ul li {
display: inline-block;
}
.social-share-widget ul li a {
color: #fff;
display: block;
}
.social-share-widget ul li a span {
line-height: 40px;
display: inline-block;
padding: 0 15px;
font-family: "Open Sans", Arial, Helvetica, sans-serif;
font-size: 11px;
text-transform: uppercase;
font-weight: 700;
}
.social-share-widget ul li a i {
padding: 0 10px;
line-height: 40px;
width: 40px;
text-align: center;
}
.exit-text {
text-align: center;
color: #01579b;
margin-bottom: 10px;
}
span#exit-page-countdown {
font-size: 24px;
font-weight: 700;
}
body.page-template-page-exit.page-template-page-exit-php .post-lists article.hentry {
padding-bottom: 0;
}
body.page-template-page-exit.page-template-page-exit-php .post-lists article.hentry {
margin-bottom: 0;
}
#exit-page-wrapper .tablecell {
padding: 60px 0;
}
.input-wrapper.format .iradio_flat,
.input-wrapper.format label {
cursor: pointer;
}
.loader img,
.loader p {
display: inline-block;
line-height: 1;
}
.loader img {
width: 20px;
height: auto;
}
.loader p {
padding: 20px 10px;
}
#one-week.tab-content,
#one-month.tab-content,
#six-months.tab-content {
display: none;
}
.display-between-ads {
margin-bottom: 40px;
text-align: center;
}
.display-between-ads img {
display: inline-block;
}
.fb-comments {
float: left;
clear: both;
width: 100%;
margin-bottom: 40px;
}
#featured-slider article .thumbnail {
margin-right: auto !important;
width: 100% !Important;
}
.toolbar-detail {
padding: 13px 20px;
width: calc(100% - 770px);
max-width: 480px;
float: left;
white-space: nowrap;
overflow: hidden;
}
#iframe {
display: none;
margin:0;
padding:0;
border:0;
}
#loader {
position: absolute;
left: 50%;
top: 50%;
width: 150px;
height: 150px;
margin: -75px 0 0 -75px;
}
#loader span {
font-size: 11px;
text-transform: uppercase;
color: #9e9e9e;
letter-spacing: 5px;
position: absolute;
top: 100%;
left: 0;
text-align: center;
margin-top: 10px;
width: 100%;
}
#loader-spinner   {
width: 150px;
height: 150px;
position: relative;
}
#loader-spinner:before {
position: absolute;
content: '';
display: block;
border-radius: 50%;
top: 0;
left: 0;
width: 150px;
transform: scale(0);
opacity: 0;
height: 150px;
border: solid 2px #01579b;
top: 0px;
left: 0px;
animation: scale-2 1s linear 0s infinite;
}
#loader-spinner:after {
position: absolute;
content: '';
display: block;
border-radius: 50%;
top: 0;
left: 0;
transform: scale(0);
opacity: 0;
width: 150px;
height: 150px;
border: solid 2px #01579b;
top: 0;
left: 0;
opacity: 0;
animation: scale-2 1s linear .5s infinite;
}
@keyframes scale-2 {
0% {
transform: scale(0);
opacity: 0;
}
50% {
transform: scale(0.85);
opacity: 1;
}
100% {
transform: scale(1);
opacity: 0;
}
}
header#upvote-toolbar {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 102;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.27);
background-color: #01579b;
}
.admin-bar header#upvote-toolbar {
top: 32px;
background: #01579b;
}
header#upvote-toolbar #logo {
border-right: solid 1px rgba(0,0,0,0.1);
padding: 20px 20px;
width: 240px;
}
.toolbar-detail .entry-detail h3 {
font-size: 16px;
font-weight: 700;
margin-bottom: 5px;
line-height: 15px;
}
.toolbar-detail .entry-detail h3 a {
color: #ffffff;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: block;
}
.toolbar-detail .entrymeta span img.avatar {
vertical-align: middle;
width: 15px;
height: 15px;
margin-right: 10px;
line-height: 0;
}
header#upvote-toolbar .rankpoint {
width: 70px;
height: 70px;
border: 0;
transition: co;
padding: 10px 20px;
margin-right: 0;
border-right: solid 1px rgba(0,0,0,0.1);
line-height: 50px;
}
header#upvote-toolbar .story-nav {
float: left;
font-size: 0;
padding: 15px 0;
}
header#upvote-toolbar .story-nav .story-nav-item {
display: inline-block;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
color: #ffffff;
font-size: 10px;
cursor: pointer;
background-color: rgba(0, 0, 0, .1);
}
header#upvote-toolbar .story-nav .story-nav-item+.story-nav-item {margin-left: 15px;}
header#upvote-toolbar .story-nav .story-nav-item:hover {
background-color: rgba(0,0,0,0.1);
border-color: transparent;
}
header#upvote-toolbar .rankpoint .points {
line-height: 70px;
}
header#upvote-toolbar .rankpoint .points .liked {
display: block;
line-height: 25px;
}
header#upvote-toolbar .social-share-widget ul li a span {
display: none;
}
header#upvote-toolbar .social-share-widget {
float: right;
margin-bottom: 0;
padding: 15px 15px 15px 0;
font-size: 0;
}
header#upvote-toolbar .social-share-widget ul li a:after {
content: '';
position: absolute;
bottom: 0;
left: 0;
right: 0;
background: rgba(15, 61, 94, 0.3);
z-index: 0;
transition: top ease-in .2s;
top: 100%;
}
header#upvote-toolbar .social-share-widget ul {
margin-bottom: 0;
}
header#upvote-toolbar .social-share-widget ul li a i.fa {position: relative;z-index: 1;text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.0);transition: text-shadow ease-in .2s;}
header#upvote-toolbar .social-share-widget ul li a {position: relative;}
header#upvote-toolbar .social-share-widget ul li a:hover i.fa {color: #ffffff;text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);}
header#upvote-toolbar .social-share-widget ul li a:hover:after {
top: calc(100% - 5px);
}
header#upvote-toolbar .social-share-widget ul li {
margin-left: 10px;
font-size: 14px;
}
header#upvote-toolbar .social-share-widget ul li:first-child {
margin-left: 0;
}
.toolbar-detail .entrymeta span, .toolbar-detail .entrymeta span a {
color: rgba(255, 255, 255, .4) !important;
line-height: 10px;
display: inline-block;
}
a#close-toolbar {
display: block;
float: right;
font-size: 0;
line-height: 1;
border-left: solid 1px rgba(0,0,0,0.1);
cursor: pointer;
}
a#close-toolbar i.fa {
font-size: 20px;
line-height: 30px;
display: block;
padding: 20px;
color: #ffffff;
width: 60px;
text-align: center;
}
a#close-toolbar:hover {
background: rgba(0,0,0,0.1);
}
#upvote-viewer {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #ffffff;
z-index: 100;
}
#upvote-viewer iframe {
width: 100% !important;
height: 100% !important;
}
header#upvote-toolbar .social-share-widget:before {
content: 'Share this';
font-size: 13px;
display: inline-block;
vertical-align: middle;
color: #ffffff;
line-height: 10px;
padding-right: 10px;
}
header#upvote-toolbar .social-share-widget ul {
display: inline-block;
vertical-align: middle;
}
header#upvote-toolbar+#upvote-viewer {
top: 70px;
}
.admin-bar #upvote-viewer {
top: 32px;
}
.admin-bar header#upvote-toolbar+#upvote-viewer {
top: 102px;
}