/*
Theme Name: Redbrick 2013–2014
Theme URI: https://www.redbrick.me/
Description: Custom 2013 Theme for Redbrick.
Author: Josh Holder
Author URI: https://twitter.com/josh_h
Text Domain: redbrick2013-2014
Version: 1.0
Tags: redbrick, birmingham, student
The 2013 theme for the Redbrick website, the official newspaper of the
University of Birmingham. Originally conceived and written by Josh Holder c.
June/July 2013, with patches, fixes, etc. provided by Jivan Pal
( https://twitter.com/jivan_pal ) c. July 2018, in preparation for migration
to new server infrastructure, and a revamped site theme.
*/

.loadmorediv {
    width: 100%; 
    margin-top: 20px;
}

.bar {
    width: 76px;
    position: fixed;
    top: 100px;
    left:0;
    text-align: center;
    background-color: white;
    border-right: 1px solid #999999;
    border-top: 1px solid #999999;
    border-bottom: 1px solid #999999;
    padding-top: 12px;
    padding-bottom: 12px;
    -webkit-border-top-right-radius: 7px;
    -webkit-border-bottom-right-radius: 7px;
    -moz-border-radius-topright: 7px;
    -moz-border-radius-bottomright: 7px;
    border-top-right-radius: 7px;
    border-bottom-right-radius: 7px;
}

/* styles from tpl-post-gallerytime

.bar {
    width: 76px;
    position: fixed;
    top: 100px;
    right:0;
    text-align: center;
    background-color: white;
    border-left: 3px solid #475259;
    border-top: 3px solid #475259;
    border-bottom: 3px solid #475259;
    padding-top: 12px;
    padding-bottom: 12px;
}

@media only screen and (max-width: 1023px) {
    .bar {
        display:none;
    }
}

*/

.featbox h1 {
    line-height: 41px;
}

@media only screen and (max-width: 1023px) {
    .bar {
        position: absolute;
        top: 82px;
    }
}

twitter-sharer iframe {
    width: 55px !important;
}

.share {
    font-size:12px; 
    color: #000; 
    font-weight: bold; 
    margin-bottom:10px;
}

@media (min-width: 1023px) {
    .authorbox.fixed {
        position: fixed !important;
        top: 10px;
    }
    .authorbox.absolute {
        position: absolute !important;
    }
}


/* From header (end of /head tag) */

.show-mobile{
    display:none;
}

.hide-mobile{
    display:block;
}

.show-tablet{
    display:none;
}

.show-iphone{
    display:none;
}

.latestposts {
    overflow:hidden;
}

@media only screen and (max-width: 1023px) {
    .show-mobile{
        display:none;
    }

    .hide-mobile{
        display:none;
    }

    .show-tablet{
        display:block;
    }

    .show-iphone{
        display:none;
    }
}

@media only screen and (max-width: 700px) {
    .show-mobile{
        display:none;
    }

    .hide-mobile{
        display:none;
    }

    .show-tablet{
        display:none;
    }

    .show-iphone{
        display:block;
    }
}