body {
    -ms-hyphens:none;
}
@font-face {
    font-family: 'fontello';
    src: url('//cdn.ucl.ac.uk/silva/UCLProspectiveStudentsSkin/fonts/fontello.eot'); /* IE9 Compat Modes */
    src: url('//cdn.ucl.ac.uk/silva/UCLProspectiveStudentsSkin/fonts/fontello.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('//cdn.ucl.ac.uk/silva/UCLProspectiveStudentsSkin/fonts/fontello.woff') format('woff'), /* Modern Browsers */
         url('//cdn.ucl.ac.uk/silva/UCLProspectiveStudentsSkin/fonts/fontello.ttf')  format('truetype'), /* Safari, Android, iOS */
         url('//cdn.ucl.ac.uk/silva/UCLProspectiveStudentsSkin/fonts/fontello.svg#svgFontName') format('svg') /* Legacy iOS */
}
.small, small {
    font-size: 1.2rem;
    font-weight: 400;
}
/* for the home link */
.brand__link {
    bottom: 0;
    display: block;
    height: 50%;
    position: absolute;
    right: 0;
    width: 18%;
}
#header-mobile .brand__link {
    width:37%;
}
.visually-hidden {
    border: 0 none;
    clip: rect(0px, 0px, 0px, 0px);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.photograph-on p.photograph-description {
    display:none;
}
.t1 .feature-block__header {
    background-color: rgba(0, 151, 169, 0.9);
}
.t2 .feature-block__header {
    background-color: rgba(0, 102, 127, 0.9);
}
.feature-block--teacher-training.t3 .feature-block__header {
    background-color: rgba(0, 151, 169, 0.9);
/*    background-color: rgba(181, 189, 0, 0.8);*/
}
#main > section.block--full-width > div.block--pull > article:nth-of-type(4) {
/*.life--below.feature-block--life {*/
    clear:both;
        background-color: rgba(0, 102, 127, 0.9);
}
#main > section.block--full-width > div.block--pull > article:nth-of-type(4)  .menu-block__ul li {
/*.life--below.feature-block--life .menu-block__ul li {*/
    width:50%;
    float:left;
    box-sizing:border-box;
}
#main > section.block--full-width > div.block--pull > article:nth-of-type(4) .menu-block__ul li:nth-of-type(2n) {
/*.life--below.feature-block--life .menu-block__ul li:nth-of-type(2n) {*/
    border-left:1px solid rgba(181, 189, 0, 0.8);
}
#main > section.block--full-width > div.block--pull > article.life--below:nth-of-type(3) {
    display: block;
    float: left;
    margin-left: 68.65532%;
    margin-right: -100%;
    width: 31.27734%;
}
.menu-block--teacher-training {
    border: 1px solid #0097a9 !important;
}
.feature-block--life .feature-block__label,
.menu-block__li--life .eg-degrees {
    display:none; /* hide e.g. degree types where it shouldn't appear */
}
.breadcrumb{
    overflow:auto;
}
#nav-wrap {
    z-index:10001;
}
.photograph {
/*    height:130px; */
}
.hero--home {
/*    background-image: url('++resource++images/hero-image-taught-desktop.jpg') !important;*/
}
.hero__body.hero__body--background {
    width:65%;
}
.hero--home .hero__body.hero__body--background {
    width:55%;
}
@media only screen and (max-width: 769px) {
    .hero--home {
        background-image:none !important;
    }
    .hero--home .hero__body.hero__body--background {
        width:100%;
    }
}
#breadcrumb {
    margin-left:-35px;
    text-transform:capitalize;
    margin-bottom:0;
    padding-bottom:0;
    border-width:0;
    font-size:120%;
    overflow:auto;
}
#breadcrumb li {
    text-transform:capitalize;
    overflow:auto;
}
#breadcrumb li:before {
    color: #aaaaaa;
    content: "";
    margin: 0;
    position: relative;
    top: 1px;
}
/*
#leftcol {
    top:500px;
}
*/
#site-content {
    z-index:auto;
}
.mobile-register {
    display:block;
    margin-top:20px;
}
.mobile-register .item-block {
    background:#FFF;
    position:static;
}
.mobile-register .item-block .item-block__header-overlay--uclplus {
    position:relative;
    top:0;
}
.mobile-register .item-block .item-block__content--push {
    padding-top:0;
}
@media only screen and (min-width: 769px) {
    .mobile-register {
        display:none;
    }
}
.is-external-link:before {
    content: "\e82d";
}
.is-sub-section:before {
    content: "\e803";
}
.silva-edit-cross {
    display: block;
    width: 10px;
}
footer a {
    color: #EEE;
}
footer article ul.disc {
    margin-left:0;
}

/* Homepage navigation boxes */
.menu-block--taught-degrees,
.menu-block--taught {
    border: 1px solid #0097a9 !important;
}
.menu-block--research-degrees,
.menu-block--research-degreex,
.menu-block--research {
    border: 1px solid #00667f !important;
}
.menu-block--graduate,
.menu-block--life-at-ucl,
.menu-block--life {
    border: 1px solid #b5bd00 !important;
}
/* end homepage navigation boxes */

/* degree and subject listing pages */

th, .rt th {
    background-color: transparent;
    border-bottom: medium none;
    border-right-color: white;
    color: #333;
}
p.copy__intro {
    font-size: 2.4rem;
    font-weight: 300;
    margin-bottom: 2.4rem;
}

span.eg-degrees {
    font-weight:normal;
}
h4.scholarshiptitle {
    font-weight:300;
}
dl.scholarships {
    background:#EEE;
    padding:2%;
    overflow:auto;
}
dl.scholarships dt {
    width:25%;
}
/* tabbed folder styles */

ul.tabs {
    margin-left:0
}
.tabs li {
    background-color:transparent;
    border-bottom-width:0px;
    padding:0;
    margin-right:0.5em;
}
.tabs li.active {
    border-bottom-width:0px;
}
.tabs li a {
    line-height:1.25;
    text-align:center;
    width:auto;
    padding: 0.5em 1.5em;
    color: #636363;
    display:block;
    border: 1px solid #d4d4d4;
    background: none repeat scroll 0 0 #eee;
    font-weight:normal;
}
.tabs li.active a {
    background: none repeat scroll 0 0 #FFF;
    border-bottom:0px none;
    font-weight:700;
    position:relative;
    z-index:3;
}
.tabbed > div {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #d4d4d4;
    position:relative;
    top:-2px;
    z-index:1;
    padding:1.5em;
 }
div.tabbedcontent h2.heading,
.tabbed > div h2.copy__heading {
    color: #00667f;
    border-bottom: 1px solid silver;
    margin-bottom: 0.5em;
    padding-bottom: 0.5em;
}
/* end tabbed folder styles */


/* Funnelback styles */

input[type=checkbox]+span.disabled {
    color:#b2b2b2;
}
li#fb-no-results {
    margin-left: 30px;
}
.facet {
    float: left;
}
/* end Funnelback styles */


/* degree pages */

@media only screen and (min-width: 1180px) {
    section.copy__section--key__information dl dd span {
        display:block;
    }
}
section.copy__section--key__information dl.list--defined dt {
    width:40%;
}
.media div.media__body {
    max-width:none;
}
.media__body blockquote, 
.media__body blockquote h3 cite {
    font-style: normal;
}
.media__body blockquote h3 cite {
    text-transform: none !important;
    margin-top: 15px;
}
.media__body blockquote h3, 
.media__body blockquote small {
    font-size:85%;
    max-width:50%;
    margin-bottom:0;
}
.media__body blockquote small {
    line-height: 1.5em;
    font-weight: 400;
}
.media__body blockquote small span {
    font-weight: 700;
}
.modulelist ul {
    margin-bottom:1em;
}
.modulelist div,
.modulelist ul {
    margin-bottom:0.5em;
}
.unset-list .icon::before {
    display: block;
    float: left;
    margin: 4px 5px 5px 0;
}
/* Download PDF styles to hide/show PGT link at appropriate times of year */
/* NB there is code in the JS file uclgraduateprospectus.js too, which hide the containers */
/*
.layout__sidebar a[class^="pdf-"] {
    display:none;  
}*/
/* But show the research and TT generic PDFs */
.layout__sidebar a.pdf-discover-research, .layout__sidebar a.pdf-teacher-training {
    display:block;
}
/* End download PDF styles */

/* end degree pages */

/* Images */
.tag {
    background-color: #b5bd00;
    color: #fff;
    z-index: 1;
}
.tag > .tag__heading > a {
    color: #fff;
}

.img-pull-left, .float-left, .image-left {
  margin-bottom: 1em;
  margin-top: 1em;
  display: block;
  float: left;
  margin-left: 0%;
  margin-right: -100%;
  width: 48.42929%;
  clear: none;
  float: left;
  margin-left: 0;
  margin-right: 3.0303%; }

.img-pull-right, .float-right, .image-right {
  margin-bottom: 1em;
  margin-top: 1em;
  display: block;
  float: left;
  margin-left: 51.4596%;
  margin-right: -100%;
  width: 48.42929%;
  clear: none;
  float: right;
  margin-right: 0;
  margin-left: 3.0303%; }

/* Image sizing styles */

.img-pull-left, .float-left, .image-left, img.float-left, figure.float-left {
  display: block;
  float: left;
  margin-left: 0%;
  margin-right: -100%;
  width: 48.429292929%;
  clear: none;
  float: left;
  margin-left: 0;
  margin-right: 3.03030303%;
  margin-bottom: 1em;
  margin-top: 1em; }

.img-pull-right, .float-right, .image-right, img.float-right, figure.float-right {
  display: block;
  float: left;
  margin-left: 51.459595959%;
  margin-right: -100%;
  width: 48.429292929%;
  clear: none;
  float: right;
  margin-right: 0;
  margin-left: 3.03030303%;
  margin-bottom: 1em;
  margin-top: 1em; }

.img-rounded {
  border-radius: 50em; }

.img-sm, .small-image {
  max-width: 200px; }

.img-md, .medium-image {
  max-width: 400px; }

.img-lg, .large-image {
  max-width: 767px; }

.img-xl, .xl-image {
  max-width: 989px; }

.img-xxl, .xxl-image {
  max-width: 1400px; }

.img-sm, .small-image, .img-md, .medium-image, .img-lg, .large-image, .img-xl, .xl-image, .img-xxl, .xxl-image {
  width: 100%; }

@media only screen and (max-width: 767px) {
  .img-lg, .large-image, .img-xl, .xl-image, .img-xxl, .xxl-image {
    width: 100%; }
  .decorative, .last-modified {
    display: none !important; }
  .img-pull-left.large-image,
  .large-image.float-left, .large-image, .img-pull-left.xl-image,
  .xl-image.float-left, .xl-image, .img-pull-left.xxl-image, .xxl-image.float-left, .xxl-image, .img-pull-right.large-image,
  .large-image.float-right, .large-image, .img-pull-right.xl-image,
  .xl-image.float-right, .xl-image, .img-pull-right.xxl-image, .xxl-image.float-right, .xxl-image {
    width: 100%; } }

/* lets extend all of the indigo release 2 stuff for our lovely SILVA CMS
--------------------------------------------------------------------------*/
@media only screen and (max-width: 767px) {
  .large-image, .xl-image, .xxl-image {
    width: 100%; }
  .float-left.large-image,
  .float-left.xl-image,
  .float-left.xxl-image, .float-right.large-image,
  .float-right.xl-image,
  .float-right.xxl-image {
    width: 100%; } }

.no-respond {
  width: auto !important; }

/* Image sizing styles */

/* hero styles */

@media (min-width:770px){
    .hero__body--background{
        padding:2em;
        background-color: rgba(255,255,255,.9)
    }
}
/* end hero styles */

/* UCL+ breakpoint */
/* mobile 479 */
@media only screen and (max-width: 769px) {
  .dl1-dl2 article.item-block {
    display: none; }
}
/* end UCL+ breakpoint */

/* IOE merger */
#ucl-ioe-merger {
/*    display:none;*/
}

h3.item-block__header-overlay--ucl-ioe {
    font-size:34px;
    top:0.25em;
    left:0.5em;
    color:#000;
    text-shadow:none;
}
@media only screen and (max-width: 1200px) {
    h3.item-block__header-overlay--ucl-ioe {
        font-size:2em;
    }
}
@media only screen and (max-width: 900px) {
    h3.item-block__header-overlay--ucl-ioe {
        font-size:1.8em;
    }
}

/* styles to fix embedded videos */
.video-wrap iframe {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.blurb {
    overflow: hidden;
    padding-bottom: 1em;
    position: relative;
}
.blurb__img, .blurb__video {
    margin-bottom: 0;
    vertical-align: top;
}
[class*="blurb"] .blurb__video,
[class*="blurb"] img.blurb__img {
    margin-bottom: 0;
}
.video-wrap {
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    padding-top: 30px;
    position: relative;
}
.blurb__body {
    background-color: #FFF;
    padding: 1.5em;
}
.blurb__body > *:last-child,
.blurb__body > *:last-child > *:last-child,
.blurb__body > *:last-child > *:last-child > *:last-child {
    margin-bottom: 0;
}
/* end styles to fix embedded videos */

/* styles for events box */

#graduate-events {
    background-size: 100% 14em;
    background-repeat:no-repeat;
    background-color:#FFF;
    padding:2.2rem 2.2rem 0 2.2rem;
}
#graduate-events ul.list-unstyled {
    list-style-type:none;
}
table.eventslist {
    border: 1px solid #e6e6e6;
    border-collapse: collapse;
    border-spacing: 0;
    clear: left;
    display: table;
    float: left;
    font-size: 0.8em;
    table-layout: auto;
    width: 100%;
    position:relative;
    z-index:2;
}

table.eventslist th {
    background-color: #b5bd00;
    border-bottom: 1px solid #e6e6e6;
    color: #FFF;
    font-weight: 700;
}
table.eventslist td {
    border-bottom: 1px solid #e6e6e6;
}
table.eventslist td h4 {
    font-size:110%;
}
table.eventslist td p {
    margin-bottom: 0.6em;
    margin-top: 0.1em;
}

/* end styles for events box */

/* styles for Teacher Training subject page */

.copy__section--teacher_training .island--blue-highlight h3 {
    font-size:2rem;
}
.copy__section--teacher_training .island--subtle-highlight {
    padding:1em 1.5em 0.5em 1.5em;
}
.island--blue-highlight {
    border:1px solid #0097a9;
    background-color:#f0f4f9;
    color:#333;
}
.island--blue-highlight h3 {
    margin-bottom:0;
}
.copy__column {
    margin-bottom:1em;
}
.copy__section--teacher_training h4 {
	font-size:1.6rem;
	margin-bottom:0.5rem;
}

.course-selector-holder {
    width:48%;
    float:left;
}
.course-selector-holder-odd {
    margin-left:4%;
}
.course-selector-holder h4,
.course-selector-holder h4:first-child {
    font-size:1.5rem;
    margin:0;
    margin-top:1em;
}
.course-selector-holder select {
    max-width:90%;
}
@media only screen and (max-width: 479px) {
    .course-selector-holder, .course-selector-holder-odd {
        width:100%;
        margin-left:0;
    }
}
/* Added for missing CTA styles - not added in screen as SASS missing */
.btn.cta {
    background-color: #034da1;
    text-align: center;
    font-weight: 700;
    font-size: 1.2em;
    border: none;
    border-radius: 0;
    box-sizing: border-box;
}
.btn {
    background-color: #615957;
    cursor: pointer;
    text-decoration: none;
    color: #fff;
    padding: .75em 1.5em;
    text-align: left;
    position: relative;
    border: 1px solid rgba(0,0,0,.21);
    text-shadow: 0 1px 0 rgba(0,0,0,.15);
    line-height: 1;
    -webkit-appearance: none;
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    font-size: 14px;
    font-size: 1.4rem;
}
.pull-left {
    float: left;
}
.btn.cta:hover {
    background-color: #002854;
    color: #fff;
}

#global-search .search
{
  padding: 0 1.5em;
}
/* Migration: element required to identify page as programme must be hidden */
.degree-code {
    display:none;
}
