@media screen and (min-width: 1400px) {
.toolbar-detail {
max-width: 800px;
}
}
@media screen and (min-width: 1280px) and (max-width: 1400px) {
.toolbar-detail {
max-width: 600px;
}
}
@media screen and (max-width: 1280px) {
header#upvote-toolbar #logo {		
width: auto;		
padding: 20px 15px;
}
header#upvote-toolbar #logo a {
line-height: 30px;
display: block;
min-height: 30px;
}
header#upvote-toolbar #logo img {
height: 20px;
display: inline-block;
vertical-align: middle;
}
.toolbar-detail {
width: calc(100% - 670px);
}
}
@media screen and (max-width: 1000px) {
header#upvote-toolbar #logo {
padding: 15px 10px;
width: auto;
max-width: 160px;
line-height: 0;
}
header#upvote-toolbar .story-nav {
padding: 10px 0;
}
header#upvote-toolbar .rankpoint {
width: 60px;
height: 60px;
padding: 7px;
}
.toolbar-detail {
padding: 8px 15px;
width: calc(100% - 550px);
}
header#upvote-toolbar .story-nav .story-nav-item+.story-nav-item {
margin-left: 5px;
}
header#upvote-toolbar .social-share-widget {
padding: 10px 10px 10px 0;
}
a#close-toolbar i.fa {
padding: 15px 10px;
}
header#upvote-toolbar .social-share-widget:before {
display: none;
}
header#upvote-toolbar .social-share-widget ul li {
margin-right: 0 !important;
margin-left: 5px;
}
header#upvote-toolbar .social-share-widget ul li a i.fa {
line-height: 40px;
width: 40px;
}
.admin-bar header#upvote-toolbar+#upvote-viewer {
top: 92px;
}
.mobile-menu,
.panel-trigger {
display: block;
color: #fff;
padding: 15px;
}
body.admin-bar header#masthead {
padding-top: 32px;
position: relative;
}
.mobile-menu {
margin-bottom: 20px;
padding: 0;
}
.mobile-menu .user-nav,
.sidebar-mobile-search {
display: none;
}
nav#user-menu {
border-right: solid 1px #0277bd;
padding-right: 0;
}
.search-form-trigger {
padding: 19px 20px;
}
#masthead #main-menu,
#sidebar
{
display: none;
}
#maincontent,
.row.column-2 .column{
width: 100%;
margin-right:0;
}
#footer-logo,
#footer-menu {
padding: 0;
float: none;
text-align: center;
}
#footer-logo span {
padding-top: 40px;
display: block;
}
.footer-widget .inner {
padding-top: 0;
}
.container {
width: 80%;
}
#jPanelMenu-menu #account-widget .detail .user a {
color: #fff;
}
.stories-categories-widget .categories ul ul.children {
background: #F7F7F7;
}
.stories-categories-widget .categories ul ul.children li a,
.widget_categories ul li a, .stories-categories-widget .categories ul li a {
float: none;
}
#jPanelMenu-menu {
background: #F7F7F7;
padding: 0;
border-left: solid 1px #eee;
}
#jPanelMenu-menu .widget {
padding: 20px;
margin-bottom: 30px;
}
#jPanelMenu-menu .widget.widget_search,
#jPanelMenu-menu #search-widget.widget {
padding: 0;
}
#jPanelMenu-menu #search-widget.widget {
border-bottom:solid 1px #eee;
}
#jPanelMenu-menu #account-widget .thumbnail {
float: none;
margin: 0 auto 10px auto;
}
#jPanelMenu-menu #account-widget .detail {
margin-left: 0;
color: #fff;
}
#jPanelMenu-menu #account-widget {
text-align: center;
}
#account-widget .detail .user-menu a {
padding: 0 10px;
margin: 0 5px;
}
.slicknav_menu {
margin-right: 0;
padding: 0 10px;
}
a.slicknav_btn {
float: none;
text-align: right;
}
.slicknav_menu .slicknav_icon {
float: none;
display: inline-block;
}
.slicknav_nav ul.main-menu {
margin-left: 0;
background: #222222;
}
.slicknav_nav .slicknav_row:hover,
.slicknav_nav a:hover {
border-radius: 0;
background-color: #333;
}
.slicknav_nav .slicknav_row,
.slicknav_nav a {
margin: 1px;
}
}
@media screen and (max-width: 800px) {
#footer-logo {
width: 100%;
background: none;
text-align: center;
}
.trending-label {
position: absolute;
left: 80px;
line-height: 20px;
top: 10px;
}
.trending-slider .owl-controls .owl-nav .owl-next,
.trending-slider .owl-controls .owl-nav .owl-prev {
}
div#trending-bar .container {
width: 100%;
}
.trending-slider {
position: relative;
left: 0;
padding-top: 20px;
}
#exit-page-wrapper {
height: auto;
}
.social-share-widget ul li a span {
padding-left: 10px;
padding-right: 10px;
}
.mobile-menu .user-nav,
.sidebar-mobile-search {
display: none;
}
#colofon {
text-align: center;
}
#footer-menu {
float: none;
}
#footer-logo:after {
right: -30px;
}
#maincontent article.hentry .thumbnail {
width: 60px;
}
#maincontent article.hentry .detail {
}
article.hentry .entrycontent {
border-left: 0;
padding-left: 0;
padding-right: 0;
}
.points p,
.points .votes {
display: inline-block;
margin-right: 20px;
vertical-align: middle;
margin-top: 0;
}
.page-user {
width: 100%;
}
}
@media screen and (max-width: 782px) {
body.admin-bar header#masthead {
padding-top: 46px;
}
.admin-bar header#upvote-toolbar,
.admin-bar #upvote-viewer {
top: 46px;
}
.admin-bar header#upvote-toolbar+#upvote-viewer {
top: 106px;
}
header#upvote-toolbar #logo {
display: none;
}
.toolbar-detail {
width: calc(100% - 410px);
}
header#upvote-toolbar .social-share-widget:before {
display: none;
}
}
@media screen and (min-width: 600px) and (max-width: 782px) {
body.admin-bar .mobile-menu {
margin-top: 46px;
}
}
@media screen and (max-width: 640px) {
.search-form-trigger.active:after,
.search-form-trigger.active:before {
bottom: -6px;
}
.btn.search-btn .icon {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
line-height: 60px;
background: #d0663c;
}
header#upvote-toolbar {
padding-bottom: 31px;
}
header#upvote-toolbar .social-share-widget {
position: absolute;
bottom: 0;
background: #01579b;
border-top: solid 1px #014e8b;
left: 0;
width: 100%;
padding: 0;
}
header#upvote-toolbar .social-share-widget:before {
display: inline-block;
width: 80px;
padding: 0 5px;
text-align: center;
}
header#upvote-toolbar .social-share-widget ul {
width: calc(100% - 90px);
text-align: center;
text-align: left;
font-size: 0;
}
header#upvote-toolbar .social-share-widget ul li {
width: 25%;
margin-left: 0;
text-align: center;
}
.toolbar-detail {
width: calc(100% - 160px);
}
header#upvote-toolbar .story-nav {
padding: 15px 0;
}
header#upvote-toolbar .story-nav .story-nav-item {
width: 30px;
height: 30px;
line-height: 30px;
}
header#upvote-toolbar .rankpoint {	
padding: 7px 0;
width: 40px;
}
a#close-toolbar i.fa {		
width: 40px;
}
header#upvote-toolbar .social-share-widget {
}
header#upvote-toolbar .social-share-widget ul li a i.fa {		
width: 30px;		
height: 30px;		
line-height: 30px;
}
header#upvote-toolbar .social-share-widget ul li {
margin-left: 0;
}
#backtotop {
right: 15px;
bottom: 35px;
}
.social-share-widget ul {
text-align: center;
}
.social-share-widget ul li {
width: auto;
margin-right: 4% !Important;
float: none;
}
.social-share-widget ul li a span {
display: none;
}
.btn.search-btn {
max-width: 60px;
overflow: hidden;
}
.row .column.column-1 {
width: 100%;
margin-bottom: 40px;
}
.popup-content {
padding: 20px;
max-width: 90%;
margin: 30px auto;
}
.mobile-menu ul.user-menu {
display: block;
}
.container {
width: 90%;
}
body.single-post #maincontent article.hentry .entrymeta,
#maincontent article.blog .entrymeta {
top: 100%;
left: 0;
bottom: inherit;
right: 0;
border-radius: 0 0 5px 5px;
background: #000;
}
body.single-post #maincontent article.hentry .thumbnail,
#maincontent article.blog .thumbnail {
margin-bottom: 100px;
overflow: inherit;
}
.single-post .post-lists article.hentry .entrymeta span.avatar,
article.blog .entrymeta span.avatar {
display: inline-block;
}
body.single-post #maincontent .rankpoint {
left: 10px;
bottom: 10px;
}
}
@media screen and (max-width: 600px) {
body.admin-bar .mobile-menu {
margin-top: 0;
}
article.type-story .entrymeta { }
.toolbar-detail {
}
}
@media screen and (max-width: 480px) {
article.hentry .thumbnail {
float: none;
width: 100%;
margin-right: 0; }
#masthead .container {
width: 100%;
}
header#upvote-toolbar+#upvote-viewer {
top: 91px;
}
.admin-bar header#upvote-toolbar+#upvote-viewer {
top: 137px;
}
.toolbar-detail {
width: calc(100% - 150px);
}
#featured-slider article {
width: 100%;
margin-right: 0;
}
.mobile-menu .user-nav,
.sidebar-mobile-search {
display: block !important;
}
article.hentry .detail {
margin-left: 0;
}
article.type-story .entrymeta {
padding-left: 0;
}
.popup-content {
}
nav#user-menu {
float: right;
margin: 0;
background: none;
}
nav#user-menu ul {
background: none;
text-align: right;
display: block;
}
nav#user-menu .user-nav{
display: none;
}
nav#user-menu .user-menu {
margin-right: 15px;
}
.mobile-menu ul.user-menu li.submit a:after {
content: ' Submit';
}
#logo {
width: 120px;
padding: 20px 0;
}
.warrior-tabs .warrior-header a {
font-size: 12px;
}
.yarpp-related li,
.active-users-widget ul li {
width: 100%;
margin-right: 0;
}
.yarpp-related li .thumbnail {
width: 50px;
float: left;
}
.yarpp-related li > a {
display: block;
}
#maincontent article.hentry .detail {
margin-left: 0;
}
article.hentry .video-player {
margin-top: 20px;
}
#maincontent article.hentry .thumbnail {
margin-right: 15px;
}
.post-lists article.hentry .entrymeta span.avatar {
display: none;
}
.user-menu {
margin: 12px 0 !important;
}
nav#user-menu {
height:auto;
}
.search-form-trigger,
.panel-trigger {
padding: 16px 9px;
font-size: 18px;
line-height: 24px;
}
#logo {
padding:16px 0 16px 10px;
}
.entrymeta span.date {
display: none;
}
.single .entrymeta span.date,
.single .post-lists article.hentry .entrymeta span.avatar {
display: block;
margin-bottom: 10px;
}
.toolbar-detail .entry-detail h3 {
font-size: 12px;
}
nav#user-menu.site-navigation>ul li a, ul.user-menu li a {
padding: 8px 0;
margin-left: 0;
}
#main-header nav#user-menu ul li.login a {
font-size: 14px !important;
}
}
@media screen and (max-width: 330px) {
.post-lists article.hentry .entrycontent,
.post-lists article.hentry .entrycontent .detail {
margin-left: 0 !Important;
}
.post-lists article.hentry {
margin-bottom: 0;
border-bottom: solid 1px #eee;
padding-bottom: 10px;
margin-bottom: 20px;
}
#maincontent article.hentry .thumbnail {
width: 50px;
}
.post-lists article.hentry .entrycontent .detail h3 {
margin-left: 130px;
font-size: 14px;
}
.post-lists article.hentry .entrycontent .detail.no-thumbnail h3 {
margin-left: 70px;
}
body.page article.hentry .detail .entrymeta,
body.archive article.hentry .detail .entrymeta  {
clear: both;
margin-left: 130px;
}
body.page article.hentry .detail.no-thumbnail .entrymeta,
body.archive article.hentry .detail.no-thumbnail .entrymeta  {
margin-left: 70px;
}
.post-lists article.hentry .entry-content {
margin-top: 0;
}
}