@font-face {
    font-family: 'social-icons';
    src: url('https://popgeeks.com/includes/fonts/social-icons.eot?40094899');
    src: url('https://popgeeks.com/includes/fonts/social-icons.eot?40094899#iefix') format('embedded-opentype'), 
    url('https://popgeeks.com/includes/fonts/social-icons.woff?40094899') format('woff'), 
    url('https://popgeeks.com/includes/fonts/social-icons.ttf?40094899') format('truetype'), 
    url('https://popgeeks.com/includes/fonts/social-icons.svg?40094899#icons') format('svg');
    font-weight: 400;
    font-style: normal
}

[class*=" social-icon-"]:before, [class^=social-icon-]:before { font-family: social-icons; font-style: normal; font-weight: 400; speak: none; display: inline-block; text-decoration: inherit; width: 1em;
 margin-right: .2em; text-align: center; font-variant: normal;text-transform: none; line-height: 1em; margin-left: .2em } 

.pgLoginBar { background: #1d1d1d; width: 100%; height: 30px; border-bottom: 1px solid #484848; margin-top: 0px; position: relative; overflow: hidden;z-index: 100000000;}
#XenForo .pgLoginBar { margin-top: 0; }
.pgLoginBarContainer { width: 1145px; margin: 0 auto; }

.pgLoginBar a, #XenForo .pgLoginBar a { color: #FFFFFF !important; text-decoration: none !important; }
.pgLoginBar a:hover, #XenForo .pgLoginBar a:hover { color: #FFFF00 !important; } 
.pgLoginBar .loginAd { float: left; padding: 0; color: #666666; margin-top: 5px; font-size: 12px; padding: 0 5px; }
.pgLoginBar .loginAd a { color: #888888 !important; }
.pgLoginBar .loginAd a:hover { color: #ffffff !important; }
.buttonContainer { float: right; padding: 0; }
.buttonContainer { font-size: 12px; }
.buttonContainer .socialContainer { font-size: 14px; }
.buttonContainer .registerButton, .buttonContainer .loginButton, .buttonContainer .socialContainer .socialfb, .buttonContainer .socialContainer .socialtwitter, .buttonContainer .socialContainer .socialig, .buttonContainer .socialContainer .socialtumblr, .buttonContainer .socialContainer .socialyt, .buttonContainer .socialContainer .socialdiscord, .buttonContainer .socialContainer .socialreddit,.buttonContainer .socialContainer .socialRSS { padding: 0 3px !important; }
.buttonContainer .registerButton { float: left; }
.buttonContainer .loginButton {float: left; }
.buttonContainer .socialContainer { float: right; }
.buttonContainer .socialContainer .socialfb { float: left; }
.socialIconBlock a { padding: 20px 2px; }
.buttonContainer .socialContainer .socialtwitter, .buttonContainer .socialContainer .socialig, .buttonContainer .socialContainer .socialtumblr,.buttonContainer .socialContainer .socialyt, .buttonContainer .socialContainer .socialdiscord, .buttonContainer .socialContainer .socialreddit, .buttonContainer .socialContainer .socialRSS { float: left; padding: 0 5px; }
.socialContainer a.social-icon-facebook:before { content: '\f052'; }
.socialContainer a.social-icon-twitter:before { content: '\f309'; }
.socialContainer a.social-icon-instagram:before { content: '\f32d'; }
.socialContainer a.social-icon-tumblr:before {  content: '\f315'; }
.socialContainer a.social-icon-youtube:before {  content: '\f16a'; }
.socialContainer a.social-icon-discord-logo-white:before { content: '\e88d'; }
.socialContainer a.social-icon-reddit:before { content: '\f1a1'; }
.socialContainer a.social-icon-rss:before { content: '\e839'; }

@media screen and (max-width: 1366px) { .loginAd { padding-top:0; } } 
@media screen and (max-width: 1170px) { .pgLoginBarContainer { width: 100%; max-width: 1024px; } #comicsSolicitations .pgLoginBarContainer { //margin-top:61px; } .pgLoginBar { margin-top: 0;} } 
@media screen and (max-width: 1024px) { .pgLoginBar { //margin-top: 61px; } #ElggAnchor .pgLoginBar { margin-top:0px; } .loginAd { padding-top: 0; } }
@media screen and (max-width: 768px) { .pgLoginBarContainer { width: 768px; overflow: hidden; //margin-top: 61px;} #ElggAnchor .pgLoginBarContainer { margin-top:0px; } .pgLoginBar { height: 60px; } .loginAd { width: 100%; } .buttonContainer { width: 100%; } } 
@media screen and (max-width: 736px) { .pgLoginBarContainer { width: 100%; max-width: 736px; margin-top: 0; } #comicsSolicitations .pgLoginBarContainer { //margin-top: 5px; } .loginAd { width: 100%; float: left;} .pgLoginBar { height: 00%; margin-top: 0px; } #comicsSolicitations .pgLoginBar { height: 80px; //margin-top: 80px; } }
@media screen and (max-width: 727px) { .pgLoginBarContainer { width: 100%; max-width: 727px; margin-top: 0; height: auto; } }
@media screen and (max-width: 568px) { .pgLoginBarContainer { width: 100%; max-width: 568px; margin-top: 11px; } .pgLoginBar { height: 100%;  width: 100%; max-width: 568px;} .pgLoginBar .loginAd { font-size: 1em;width: 100%; padding-top:0;} #comicsSolicitations .pgLoginBar {     margin-top: 10px; } }
@media screen and (max-width: 480px) { .pgLoginBarContainer { width: 100%; max-width: 375px; //margin-top: 101px; } .pgLoginBar { height: auto; } #comicsSolicitations .pgLoginBar, #comicsSolicitations .pgLoginBarContainer { width: 100%; max-width: 375px; } #comicsSolicitations .pgLoginBarContainer { margin-top: 81px; } #XenForo .pgLoginBarContainer { margin-top: 20px; } #ElggAnchor .pgLoginBarContainer { margin-top: 20px; } } 
@media screen and (max-width: 414px) { .pgLoginBar { //margin-top: 21px; } .pgLoginBarContainer { width: 100%; max-width: 414px; margin-top: 0px; } #ElggAnchor .pgLoginBarContainer { margin-top: 11px; } #comicsSolicitations .pgLoginBar, #comicsSolicitations .pgLoginBarContainer { width: 100%; max-width: 414px; }  }
@media screen and (max-width: 375px) { .pgLoginBar { margin-top: 0px; } .pgLoginBarContainer { width: 100%; max-width: 375px; margin-top: 5px; height: auto; } #comicsSolicitations .pgLoginBar, #comicsSolicitations .pgLoginBarContainer { width: 100%; max-width: 375px; } #comicsSolicitations .pgLoginBar { margin-top: 0; } }
@media screen and (max-width: 320px) { .pgLoginBarContainer .social-icon-tumblr, .pgLoginBarContainer .social-icon-rss { display: none; } .pgLoginBarContainer { width: 100%; max-width: 320px; } #comicsSolicitations .pgLoginBar, #comicsSolicitations .pgLoginBarContainer { width: 100%; max-width: 320px; } #comicsSolicitations .pgLoginBarContainer { margin-top: 5px; } }