/*
  Running Squiz Matrix
  Developed by Squiz - http://www.squiz.net
  Squiz, Squiz Matrix, MySource, MySource Matrix and Squiz.net are registered Trademarks of Squiz Pty Ltd
  Page generated: 29 March 2021 23:33:53
*/


/* Science theme CSS Document */ 

#main-title {background-color: #9CBB15;}

#content h4 {color: #9CBB15;}

#content h3.boxtitle {color: #9CBB15;}

#block-2 a:link, #block-2 a:active, #block-2 a:visited {color: #5D700C;}

#block-2 a:hover {color: #5D700C;}

#leftnav-content a, #leftnav-content a:hover {color: #5D700C;}

#content #page-wrap .landing-rows img {margin:0}

.page-menu-button { border-bottom: 3px solid #9CBB15;}
#page-nav li a:hover {color: #5D700C;}

#box {
    background-color: #eeffcf;
    border: 1px solid #cccccc;
    float: right;
    margin: 0 0 10px 10px;
    padding: 5px;
    width: 235px;
}
#columned-area {
    clear: both;
    float: left;
    margin: 0;
    padding: 0;
    width: 565px;
}
ol#col {
    list-style: outside none none;
    margin: 0;
    padding: 0;
    width: 100%;
}
li.quarter {
    float: left;
    margin: 2px;
    position: relative;
    width: 23.6%;
}
#content-gallery, #rightbox-gallery {
    float: left;
    margin: 10px 0;
    width: 100%;
    z-index: 100;
}
#content-gallery li, #rightbox-gallery li {
    float: left;
    list-style-image: none;
    list-style-type: none;
    padding: 0 9px 5px 0;
}
ol#col li img {
    height: 100px;
    width: 130px;
}
#block-2 #columned-area ol li {
    margin: 0 0 0 0;
}

li.stafflinks { list-style-type: none; display: inline; font-size: 0.8.5em; padding-right: 0.5em;}

#related_content img.right-col-staff {
    padding-top: 0;
}


/* project details  ----------------------------------------------------*/

#page-wrap .card { width:30%; display:block; float:left; margin-right: 20px; margin-bottom:20px; background-color: #fff;
    transition: box-shadow .25s;
    border-radius: 2px; 
        box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
        
}
#page-wrap .card-content { padding:1em;}
#page-wrap .card-image img {
    display: block;
    border-radius: 2px 2px 0 0;
    position: relative;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
}
#page-wrap .card .link {position: absolute !important;
    width: 100% !important;
    bottom: 0 !important;
    font-size: 15px;}
.date, .grey {color:#909090;}

section#project-snapshot {width:30%; background-color:#f5f4f2; padding:1.5em;  margin-left:0; float:right}
section#project-details-full {width:60%;padding:0 1em 1em 0;float:left; }

@media only screen and (max-width: 1000px) {
   
        #page-wrap .card { width:90%; display:block;}
        section#project-snapshot {width:90%; background-color:#f5f4f2; padding:1.5em;  margin-left:0;}
        section#project-details-full {width:90%;padding:0 1em 1em 0; }
    }
}
/*end project css ----------------------------------------------------*/

/* Definition Lists used for Research Disciplines Lists (Table type layout) */
/* Classes set explicitly to avoid conflict with other DefLists */

#content dl.table {border-bottom: 1px solid #ccc; font-size: 0.8em; float: left; width: 100%; margin: 0.5em 0; padding: 0; }
#content dl.table dt {clear: left; float: left; width: 30%; margin: 0; padding: 0.5em; border-top: 1px solid #ccc; }
#content dl.table dd {float: left; width: 65%; margin: 0; padding: 0.5em; border-top: 1px solid #ccc; }

#content a.call-to-action-button:link,
#content a.call-to-action-button:visited,
#content a.call-to-action-button:active {color: #fff;}

#content a.call-to-action-button:hover {text-decoration: underline;}

/* ---MOBILE--- */
@media (max-width: 600px) { 

#box {
    width: 100%;
}
 
}