/*

$fontbase = 17 (min-width = 1200px, 15 for 992px, 13 for 768px)
$baseline = 27 (min-width = 1200px, 24 for 992px, 21 for 768px)
$rembase = 10

line-height calculation:
$baseline / desired font-size = line-height (unitless)
eg. 27 / 17px = 1.588235294

*/

table {
    clear: both;
    border-spacing: 0px;
    border-collapse: collapse;
}
.table>tbody>tr>td .textmedia {
    padding: 8px;
    line-height: 1.588235294;
}
td.columnLeft {
    width: 100% !important;
}
td.columnRight {
/*    vertical-align: middle;*/
    padding-left: 10px;
    padding-top: 4px;
}
td.columnRight a:focus, td.columnRight a:hover{
    text-decoration: none;
}
.navbar-brand > div, div.header-title p, div.header-author h5, div.header-author p {
    text-shadow: 0px 1px 2px #000;
}
img.multimedia {
    cursor: pointer;
}


div.imageModal img {
    margin: auto;
    display: block;
}
div.imageModal .close {
    line-height: inherit;
    font-size: inherit;
}
div.imageModal .close span {
    border: solid 1px #000000;
    border-radius: 12px; 
    padding: 0 5px;
    background: #ffffff;
}
div.imageModal div.modal-header {
    background: #205283;
    color: #ffffff;
    font-size: medium;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
img.multimedia+span.legend {
    position: relative;
    font-size: smaller;
}
div.modal-header h4 {
    font-size: inherit;
}
.modal-auto {
    width:auto;
}


/* Media Queries */
@media (max-width: 472px) {
    div.header-author h5 {
        font-size: 18px;
        font-size: 1.8rem;
    }
    div.header-author p {
        display:none;
    }
    .nav-index {
        padding-right: 4px;
    }
}
@media (min-width: 992px) {
    div.header-author img {
       right: -70px; 
    }
}
@media (min-width: 1200px) {
    div.header-author img {
       right: 0; 
    }
}