/**************************************************
 * Adjustments for mobile devices in portait mode *
 *************************************************/

@media (max-width: 800px) {

a[title="AndroidPIT"] { display:none; }

/* ================ */
/* title attributes */
/* ================ */
a[title], span:not([title='']) {
    display: inline;
    position: relative;
}
a[title]:hover:after, span:not([title='']):hover:after{
    background: #333;
    background: rgba(0,0,0,.8);
    border-radius: 5px;
    bottom: 26px;
    color: #fff;
    content: attr(title);
    left: 20%;
    padding: 5px 15px;
    position: absolute;
    z-index: 98;
    max-width: 320px;
}
a[title]:hover:before,span:not([title='']):hover:before{
    border: solid;
    border-color: #333 transparent;
    border-width: 6px 6px 0 6px;
    bottom: 20px;
    content: "";
    left: 50%;
    position: absolute;
    z-index: 99;
}

/* ==================================== */
/* Topbar adjustments (center & middle) */
/* ==================================== */
#topbar { width:100% !important; }
#topbar h1 { margin-top:8px !important; }
#topbar .breadcrumbs { margin-left:0; font-size:13px; }

/* ========================================= */
/* Move navigation and ads below the content */
/* ========================================= */
#leftbar, #tags { /* #tags has a different parent, so "order" does not mix them up */
    float:none !important;
    width:100% !important;
    position:relative;
    bottom:0 !important;
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
}
#leftbar .navtabs ul { margin-left:-40px !important; }
#leftbar .navtabs li {
    text-align:center !important;
    border-radius:5px !important;
    padding:0.5em !important;
    margin-left:-20px;
    margin-right:30px;
}
#content {
    width:auto !important;
    margin-left:0 !important;
    position:relative !important;
    top:0;
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
}
/* on mobile devices, pixels are calculated differently – so we need to increase font sizes slightly: */
#content p, #content div, #content th, #content td, #content li { font-size:14px; }
#last_update, #content #last_update, span.hasperms, span.hasmoreperms, span.noperms,
 #content div.tag_line p, #content .itemlist td div.tag_line p,
 #content span.tag a, #content span.tag a:hover,
 #content .footnotes ol li, #content .footnotes p { font-size:12px; }
#content div.group_lastupdate, .itemlist td .last_update,
 #content .quotesource { font-size:11px; }
#content .itemlist div.teaserimg p { font-size:10px; }
body, #content-wrapper { /* root elements for moz-box ordinals */
/*    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
*/    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    /* optional */
    -webkit-box-align: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    font-size:16px;
}
/* article list specific: */
#tags .tag + br { display:none; }
#tags h3, #tags p { display:inline; }
#tags h3:after { content:": "; }

/** Until we can move it to the button (currently Firefox does, but not the default Android browser): */
#amazon { display:none; }
#support_us { margin-bottom:2em; }

}