/* CSS Document */

* {
  box-sizing: border-box;
}

/* Create two equal columns that floats next to each other */
.pubscol {
  float: left;
  width: 33%;
  padding: 1em;
  min-height: 300px; /* Should be removed. Only for demonstration */
}

/* remove the additional space under the thumbnails */
.tagdiv-type .pubscol img {
    margin-bottom: 1px!important;
}

/* Clear floats after the columns */
.pubsrow:after {
  content: "";
  display: table;
  clear: both;
}

.pub-thumb{
    float: left;
    /*margin-left: 1em;*/
    margin-right: 1em;
}

#divpubthumbnail{
    float:right; 
    padding-left:1em; 
    padding-right:1em; 
    padding-bottom:1px;
}

.pubs-cat{
    background: #22AD7A;
    padding: 5px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    color: #ffffff;
    text-decoration: none;
    line-height: 1em;
    font-size: 0.8em;
}
.pubscol h2{
    font-size: 1.2em;
    line-height: 1.2em;
    color: #2a537c;
    
    -webkit-transition: font-size 2s;
    -moz-transition: font-size 2s;
    -o-transition: font-size 2s;
    transition: font-size 2s;
}
.pubslinks{
    float: right;
    margin-right: 1em;
}
.pubshoverhighlight:hover {
    background-color: #FFFBEA;
}

.absdivs{
    padding:10px;
    padding-top:3em;
}

/* CSS for publications pages display */
.IndentRecord {
  margin-left: 25px !important;
  margin-top: -20px;
}
div.IndentRecord {
  font-size: 0.8em;
}
.absdivs {
  border: #F90 !important;
  border-width: thin !important;
  border-style: dotted !important;
}    

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 1000px) {
    .pubscol {
        width: 100%;
    }

    .pubscol h2{
        font-size: 1.2em;
        color: #2a537c;

        -webkit-transition: color 2s, font-size 2s;
        -moz-transition: color 2s, font-size 2s;
        -o-transition: color 2s, font-size 2s;
        transition: color 2s, font-size 2s;
    }
    #pubs-hr{
        display: none;
    }
    .pubslinks{
        float: none;
        margin-left: 0.2em;
    }
}

@media (min-width: 1001px) and (max-width: 1200px) {
.pubscol h2{
    font-size: 0.9em;
    color: #2a537c;
    
    -webkit-transition: color 2s, font-size 2s;
    -moz-transition: color 2s, font-size 2s;
    -o-transition: color 2s, font-size 2s;
    transition: color 2s, font-size 2s;
}
}