@font-face {font-family: "FS Truman Web"; src: url("https://www.bps.ac.uk/App_Themes/BPS/fonts/fstruman-regular-webfont.eot"); src: url("https://www.bps.ac.uk/App_Themes/BPS/fonts/fstruman-regular-webfont.eot?#iefix") format("embedded-opentype"), url("ttps://www.bps.ac.uk/App_Themes/BPS/fonts/fstruman-regular-webfont.woff2") format("woff2"), url("https://www.bps.ac.uk/App_Themes/BPS/fonts/fstruman-regular-webfont.woff") format("woff"), url("https://www.bps.ac.uk/App_Themes/BPS/fonts/fstruman-regular-webfont.ttf") format("truetype"), url("https://www.bps.ac.uk/App_Themes/BPS/fonts/fstruman-regular-webfont.svg#fs_trumanregular") format("svg"); }

/********************************
** BODY
********************************/

body { letter-spacing:normal; font-family:'fs_trumanregular',sans-serif; background:#ffffff !important; }

/********************************
** BPS HEAD
********************************/

#bps-head { padding:15px 0px; background:#ffffff; font-family:'FS Truman Web',sans-serif; }
#bps-head .container { position:relative; width:100%; max-width:1400px; }
#bps-head .bps-logo { width:250px; height:70px; display:block; background:transparent url('https://www.bps.ac.uk/bps/content/images/bpssprites.svg') no-repeat; background-size:480px 600px; }
#bps-head .bps-head-nav { position:absolute; margin-top:25px; right:15px; top:0px; font-size:13px; }
#bps-head .bps-head-nav ul { margin:0px; padding:0px; list-style:none; }
#bps-head .bps-head-nav li { margin:0px; padding:0px; display:inline-block; }
#bps-head .bps-head-nav li a { color:#111111; text-decoration:none; padding:0px 10px; border-right: 1px solid #ddd}
#bps-head .bps-head-nav li.login { padding-left:15px;  }
#bps-head .bps-head-nav li.login a { border-right:0px; padding-right:0px; }
#bps-head .bps-head-nav li.login::before { width: 13px; height: 13px; display: inline-block; content: ""; margin-right: 10px; margin-left: 0; background:transparent url('https://www.bps.ac.uk/bps/content/images/bpssprites.svg') no-repeat; background-position: -30px -90px; background-size:480px 600px; } 

/********************************
** BPS NAV
********************************/

#bps-nav { background:#ffffff; border-bottom:1px solid #dddddd; border-top:1px solid #dddddd; font-family:'FS Truman Web',sans-serif; }
#bps-nav .container { position:relative; width:100%; max-width:1400px; padding:0; }
#bps-nav ul { margin:0px; padding:0px; list-style:none; }
#bps-nav li { margin:0px; padding:0px; display:inline-block; position:relative; font-size:13px; border-right:1px solid #dddddd; text-transform:uppercase; text-align:center; text-decoration:none; color:#1d1d1b; line-height:1; display:table-cell; vertical-align: middle; ; } 
#bps-nav li:hover { background:#111111;  }
#bps-nav li.selected { }
#bps-nav li.selected::after { content:" "; position:absolute; left:0px; right:0px; top:0px; background:#00b2a8; height:4px;}
#bps-nav li:first-child { border-left:1px solid #dddddd; }
#bps-nav li a { color:#1d1d1b; padding:21px 24px; padding-bottom:22px; display:block; }
#bps-nav li a:hover { background:#111111; color:#ffffff; opacity:.8; text-decoration:none; }
#bps-nav li.selected a { padding:21px 22px; }
#bps-nav .container {padding-left:85px;padding-right:85px;}



/********************************
** BPS BANNER
********************************/

#bps-banner { background:#ffffff; padding:15px; height:160px; background:linear-gradient(to bottom, rgba(0,0,0,0.3) 0%,rgba(0,0,0,0) 75%,rgba(0,0,0,0.0) 100%), url('https://www.bps.ac.uk/getmedia/a8093828-8686-48a2-b3b0-2810b72ff475/Green-banner-with-hexagon.jpg.aspx?width=1920&height=700&ext=.jpg') center; background-attachment:fixed; background-size:cover; font-family:'fs_trumanregular',sans-serif; }
#bps-banner .container { position:relative; width:100%; max-width:1400px; }

/********************************
** BPS BODY
********************************/

#bps-body { background:#ffffff; font-family:'FS Truman Web',sans-serif; padding-bottom:60px; }
#bps-body .container { position:relative; width:100%; max-width:1400px; }
#bps-body .bps-title.no-margin { margin-top:0px; }
#bps-body .bps-title.no-margin h1 { margin-bottom:10px; padding-left:0px; }
#bps-body .bps-title { /* margin-top:-70px; */ }
#bps-body .bps-title h1 {  font-family:'FS Truman Web',sans-serif; font-size:36px; line-height:58px; padding:4px 25px; background:#ffffff; color:#000000; margin-bottom:45px; display:inline-block; }
#bps-body .bps-main {  border-top:1px solid #ddd;  }
#bps-body .bps-main h3 { font-family:'FS Truman Web',sans-serif; font-size:24px; margin:0px; margin-bottom:27px; }
#bps-body .bps-main table h3 { font-size:20px; margin-bottom:10px; }
#bps-body .bps-main p { font-size:16px; line-height:25px; color:#666; }
#bps-body .bps-sidenav { border-top:5px solid #00b2a8; background:#f0f0f0; margin-bottom:30px; padding:30px; margin-left:50px; }
#bps-body .bps-sidenav h2 { font-family:'FS Truman Web',sans-serif; font-size:21px; margin-bottom:24px; margin-top:0px; }
#bps-body .bps-sidenav h2 a { color:#037fa3; text-decoration:none }
#bps-body .bps-sidenav ul { list-style:none; padding:0px; margin:0px; }
#bps-body .bps-sidenav ul li { border-bottom:1px solid rgba(0,0,0,.1); margin:0px; padding:8px 0; font-size:14px; color:#000000; line-height:20px; }
#bps-body .bps-sidenav ul li.highlighted { position:relative; }
#bps-body .bps-sidenav ul li.highlighted::before { position: absolute; background-size:480px 600px; background:transparent url('https://www.bps.ac.uk/bps/content/images/bpssprites.svg') no-repeat; top: 6px; left: -31px; width: 15px; height: 29px; display: inline-block; content: ""; background-position: 0 -300px; }
#bps-body .bps-sidenav ul li:last-child { border-bottom:0px; }
#bps-body .bps-sidenav ul li a { color:#037fa3; text-decoration:none; }

/****************************************************************
**  BAND
****************************************************************/

#hero::before {  position: absolute; content: " "; left: 0px; right: 0px; bottom: 0px; top: 0px;background-color: rgba(0,0,0,0.4); }
#hero h1 { z-index:2000; font-weight:100; }
#band::before {  position: absolute; content: " "; left: 0px; right: 0px; bottom: 0px; top: 0px;background-color: rgba(0,0,0,0.4); }
#band h1 { z-index:2000; }

/****************************************************************
**  TILES
****************************************************************/

#bps-body .bps-main {}
#bps-body .bps-main .inner {  }

/****************************************************************
**  BOXES
****************************************************************/

#bps-body .bps-main .box { margin-bottom:30px; }
#bps-body .bps-main .box:hover { color:#ce0d77; }
#bps-body .bps-main .box:hover h3 a { color:#ce0d77; }
#bps-body .bps-main .box:hover .img { background:#ce0d77; }
#bps-body .bps-main .box:hover img { opacity:0.7; }
#bps-body .bps-main .box .img { height:150px; overflow:hidden; opacity:0.9; }
#bps-body .bps-main .box .img:hover { opacity:1; }
#bps-body .bps-main .box .inner { padding:20px 0px; }
#bps-body .bps-main .box h3 { margin-top:0px; }
#bps-body .bps-main .box p { margin-bottom:0px; }
#bps-body .bps-main .box img { width:100%; }

/****************************************************************
**  BPS FILTERS
****************************************************************/

#entitylist-filters { text-align:left; }
#entitylist-filters button { padding:8px 20px; margin-left:10px; background-color:#069f4e; color:#ffffff; }

/****************************************************************
**  BPS LISTING
****************************************************************/

#bps-listing {}
#bps-listing .bps-row { margin-bottom:30px; padding-bottom:30px; border-bottom:1px solid #eee; }
#bps-listing .bps-row .bps-image {}
#bps-listing .bps-row .bps-image img { width:100%; height:auto; }
#bps-listing .bps-row .bps-inner {}
#bps-listing .bps-row .bps-inner h3 {}
#bps-listing .bps-row .bps-inner h3 a { color:#037fa3; } 
#bps-listing .bps-row .bps-inner p {}

/****************************************************************
**  BPS PAGING
****************************************************************/

#bps-paging { text-align:center; }
#bps-paging li a { line-height:30px; border-radius:0; }
#bps-paging li.active a { background-color:#069f4e; color:#ffffff; }

/****************************************************************
**  BPS CATEGORY
****************************************************************/

#bps-category { float:right; padding-left:20px; border-left:2px solid #ddd; margin:25px 0px 50px 50px; }
#bps-category p { padding-top:10px; }
#bps-category span { color:#037fa3; }

/****************************************************************
**  BPS BUTTONS
****************************************************************/

#bps-buttons button, #bps-buttons a { background:#98c848; color:#333; padding:10px 30px; }

/********************************
** BPS FOOT
********************************/

#bps-foot { font-family:'FS Truman Web',sans-serif; padding-top:32px; color:#999; background:black; padding-bottom:25px; }
#bps-foot .container { position:relative; width:100%; max-width:1400px; }
#bps-foot h3 { font-family:'FS Truman Web',sans-serif; font-size:18px; color:#98c848; padding-top:18px; padding-bottom:26px; }
#bps-foot h3 a { color:#98c848; }
#bps-foot h3 a:hover { opacity:.8 !important; text-decoration:none; }
#bps-foot hr { margin:0px; height:1px; border:0px; opacity:.3; background:#ffffff; }
#bps-foot .social { padding-left:10px; }
#bps-foot .social a { color:#ffffff; padding-right:10px; }


/********************************
** BPS MEDIUM
********************************/
@media (min-width:992px) and (max-width:1199px) {
    #bps-head .container, #bps-nav .container, #bps-body .container, #bps-foot .container { max-width:960px; }
    #bps-head { height:auto; }
    #bps-nav ul li a { padding:22px 17px; }
    #bps-nav li.selected a { padding:27px 22px; }
}

/********************************
** BPS SMALL
********************************/
@media (min-width:768px) and (max-width:991px) {
    #bps-head .container, #bps-nav .container, #bps-body .container, #bps-foot .container { max-width:760px; }
    #bps-head { height:auto; }
/*    #bps-head .bps-head-nav { display:none; }*/
/*    #bps-nav ul li a { display:none; }*/
    #bps-head .mid {display:none;}
    #bps-nav li.selected a { }
    #bps-body .bps-sidenav { margin-left:0px; margin-top:30px;}
}

/********************************
** BPS TINY
********************************/
@media (max-width:767px) {
    #bps-head .container, #bps-nav .container, #bps-body .container, #bps-foot .container { }
    #bps-head { height:auto; text-align:center; padding:0px; }
    #bps-head .bps-head-nav { display:none; }
    #bps-head .bps-logo { display:block; width:149px; height:48px; background-position:-270px 0; margin:7px auto; }
    #bps-nav ul li a { display:none; }
    #bps-nav li.selected a { }
    #bps-body .bps-sidenav { margin-left:0px; margin-top:30px;}
    
}

#bps-nav .container ul {
    display: flex;
    flex-flow: wrap;
    justify-content: center;
    text-align: center;
}

/********************************
** S360 OVERWRITES
********************************/

.table tr th { font-family:'FS Truman Web',sans-serif !important; letter-spacing:normal; font-size:16px; }
#details .text { letter-spacing:normal !important; }
#step {  }
#page { padding-top:22px;  font-family:'FS Truman Web',sans-serif; letter-spacing:normal; background:#ffffff; }
#page .container { /* position:relative; width:100%; max-width:1400px; */ }
#page .widget .inner { padding:0px; }
#page .widget { border:0px !important; }
#page .inner {  padding:22px 25px !important; margin-bottom:22px; background:#ffffff; color:#333132; }
#page .inner h1 { margin:0px; font-size:38px; margin-bottom:46px; font-family:'FS Truman Web',sans-serif;  }
#page .inner p, #page .inner ol, #page .inner ul  {font-size:16px; margin:0 0 22px 0; }
#page .inner p { line-height:22px; }
#page .inner a { color:#037fa3; text-decoration:underline; }
#page .inner a:hover { text-decoration:none; }
#page .inner h2 { margin:0px; margin-bottom:20px; font-size:32px; font-family:'FS Truman Web',sans-serif; letter-spacing:normal; }
#page .inner h3 { font-family:'FS Truman Web',sans-serif; letter-spacing:normal; }
#page .inner h4 { font-family:'FS Truman Web',sans-serif; letter-spacing:normal; }


/* BUTTONS */
#page .more-link a { border-radius:0px; background:#333333; color:#ffffff; padding:9px 30px; font-size:16px; text-decoration:none; }
#page .more-link a:last-of-type { background:#98c848; color:#000000; }
#page #EntityFormPanel .btn { border-radius:0px; background:#333333; color:#ffffff; padding:9px 30px; font-size:16px; text-decoration:none; }
#page #EntityFormPanel .btn.btn-primary { background:#98c848; color:#000000; } 
#page .btn { border-radius:0px; background:#333333; color:#ffffff !important; padding:9px 30px; font-size:16px; text-decoration:none !important; }
#page .btn.btn-primary { background:#98c848; color:#000000; } 
#page #events .item .inner .link a { border-radius:0px; background:#98c848; color:#000000; padding:9px 30px; font-size:16px; text-decoration:none; }

#step ul li.active { color:#000000 !important; }
#step ul li.active:before { background:#ffffff !important; color:#000000 !important; }
#step ul li.now:before { background:#98c848 !important; border-color:#98c848 !important; color:#ffffff !important; }

.form-action-container-right { float:none !important; text-align:right;}