/* Enter Your Custom CSS Here */

/*Change website background */
body{
  background-color:#fffdd0;
}

#wrapper{background-color:#fff;}

/*header*/
#header {
  padding-top: 20px!important;
  padding-bottom: 20px!important;   
}

#text-2 .textwidget img{
  float:right; 
}

/*Remove footer credit */
#credit {
display:none;
}

/*Remove border from images */
.entry img{
padding: 0px;
border: none;
}

/*Remove link hover underline*/

a:hover{
 text-decoration:none;
}

/* Slider */
#loopedSlider .content {
    padding: 5px 0;
}

#loopedSlider a {
    color:#FFF;
}

#loopedSlider a:hover {
    color:#0076af;
}

#wrapper #loopedSlider.business-slider .content p {
  float:right;
}



/* Home page news &amp; events reduce hr padding */

.page-id-5 .woo-sc-hr{
padding-top: 5px;
}

.page-id-5 .breadcrumb-trail, .page-id-685 .breadcrumb-trail {
  display:none;
}

.breadcrumb-title{
  display:none;
} 
 
/* Home page logos */

img.partner_logo {
  display: block;
  margin-left: auto;
  margin-right: auto;
  }

#logo_col .fivecol-one, #logo_col .fivecol-one.last{
  margin-bottom:0%;
}
  
.page-id-5 .fourcol-one, .fourcol-one.last{
margin-bottom:0%;
}

/* Home page box links */

.page-id-5 .woo-sc-box.normal li a{
  color:#555;
}

.page-id-5 .woo-sc-box.normal li:hover{
  background:#FFF;
 
}
  
/* Boxes styling */

/* Home Page remove blank line underneath box images */
.page-id-5 .woo-sc-box p {display:none;}

/*Home page home-new and 2016-17 projects pages */
.page-id-5 .woo-sc-box.normal, .page-id-685 .woo-sc-box.normal, .page-id-208 .woo-sc-box.normal, .page-id-2415 .woo-sc-box.normal, .page-id-2438 .woo-sc-box.normal{
  padding:0;
}

/* 2016-17 projects, 2017-18, 2018-19, 2019-20 projects pages */
.page-id-208 .woo-sc-box.normal p, .page-id-2415 .woo-sc-box.normal p, .page-id-2438 .woo-sc-box.normal p{
  margin: 0.5em;
  padding-bottom: 0.5em;
  color: #FFF;
} 

.woo-sc-box.normal ul{
  padding:0px;
}


.woo-sc-box.normal ul li{
  list-style-type:none;
  padding:10px;
  border-top: 1px solid #D8D5CA;
}

#earth .woo-sc-box.normal{
  background-color:#744a3e;
}

#world .woo-sc-box.normal{
  background-color:#8cb63d;
}

#planet .woo-sc-box.normal{
  background-color:#0a78ae;
}


/*Contacts page*/
.page-id-75 .threecol-one {
  margin-right: 1%;
  font-size: 90%;
}

.page-id-75 img.alignleft{
  margin: 5px 5px 15px 0;
}

/* 2016-17 &amp; PhD projects pages styling */
.page-id-208 .threecol-one, .page-id-61 .threecol-two, .page-id-61 .threecol-one{
  margin-bottom: 1%;
}

/*PhD project page images*/
img.project{
padding-top:20px;
}

.wp-caption img {
  margin: 0 !important;
  padding: 0;
}

.archive_header {
  display:none;
}

/*Remove prev next blog titles from blog posts */
.post-entries {
    display: none;
}

/**Remove issue with two images displaying in project with content squashed to the right **/
.entry-media{
    display:none;}
}

/*=======================
    RESPONSIVE LAYOUT
    ====================*/

@media only screen and (max-width: 650px){
  .woo-sc-box.normal img{
  width:100%!important;
  }

  #header {
    max-height:100px;
  }
  .header-widget {margin:0;}
}

@media only screen and (max-width: 450px){
  #logo img{
    max-width: 60%;
  }  
  #text-2 .textwidget img {
    max-width: 35%;
    float: right;
    position: relative;
    top: -75px;
    
   }
  .entry table tbody td {
    display: block;
    width: 100%;
    min-height: 110px;
}

}

@media only screen and (min-width: 450px) and (max-width: 650px){
  
  #text-2 .textwidget img{
    position:relative;
    top:-100px;
  }    
  #content {
    padding-top: 0;
  }
  
  /** Box styling 2016-17, 2017-18, 2018-19 &amp; 2019-20 project pages **/
  .page-id-208 .woo-sc-box.normal, .page-id-2415 .woo-sc-box.normal, .page-id-2438 .woo-sc-box.normal {
    width: 80%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

}

/**Remove issue with two images displaying in project with content squashed to the right **/

@media only screen and (min-width: 980px){
.projects.one-col .entry-summary, .projects-page.one-col .entry-summary {
    width: 100%;
}
  
 




