@import url('https://fonts.googleapis.com/css?family=Roboto');
@import url('https://fonts.googleapis.com/css?family=Karla');
@import url('https://use.fontawesome.com/releases/v5.6.3/css/all.css');

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 700;
}
/* 2024-03-05
ol, ul {
    list-style: none;
}
*/
blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

body:not(.is-inside-submission-frame):not(.embedded) {
    min-width: 100% !important;
}

body {
    /*background:#f1f1f1;*/
    font-family: 'Roboto', Helvetica, Helvetica Neue, Arial, sans-serif;
    font-weight: 400;
    font-size: 100%;
    min-width: inherit !important;
    /* width: 850px !important; */
}

p {
    margin: 12px 0;
}

.pages.show.home .show-content {
    padding-top: 0;
}

.pages.show .show-content {
    padding: 0;
}

.pages.show .course-title {
    color: #2D3B45;
    font-size: 1.125em;
    /* 24px */
    line-height: 1.5em;
    /* 24px */
    font-weight: 400;
}

.pages.show .page-title {
    margin-bottom: 0 !important;
}

.user_content, .user-content div {
    background: #F1F1F1;
    line-height: 1.5em;
    /* 24px */
}

.user_content tbody,
.user_content tfoot,
.user_content thead,
.user_content tr,
.user_content th,
.user_content td {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
}

.announcements .user_content,
.assignments .user_content,
.discussions .user_content,
.quizzes .user_content {
    background: none;
}

.user_content table:not([cellpadding]),
.user_content .ku-content-wrapper table:not([cellpadding]) {
    margin-left: 0;
}

.user_content h1.page-title {
    color: #fff !important;
    background: var(--color-header-darkgrey) !important;
    border-left: 14px var(--color-ku) solid;
    box-sizing: border-box;
    font-size: 1.125em !important;
    font-weight: 700 !important;
    line-height: 1.125em;
    padding: 1.750em 40px;
    margin: 0 0 2.625em !important;
}

/*
.ku-module-topics:first-child {
	margin-top: -48px;
}
*/

.user_content table {
    background: #fff;
    border-collapse: collapse;
    margin-bottom: 3em;
    width: 100%;
}

.user_content table th, .ku-content-wrapper table th {
    background: var(--color-ku);
    border-right: 1px solid rgba(0, 0, 0, .2);
	border-left: 1px solid rgba(0, 0, 0, .2);
    color: #fff;
    font-family: 'Karla', sans-serif !important;
    font-weight: 700;
    line-height: 1.313em;
    /* 21px */
    padding: 0.625em 0.875em !important;
    text-align: left;
}

.user_content table td, .ku-content-wrapper table td {
    border: 1px #eee solid;
    font-size: 0.875em;
    line-height: 1.500em;
    padding: 0.625em 0.875em !important;
    /* 10px 14px */
    text-align: left;
}

.user_content table p, .ku-content-wrapper table ul {
    line-height: 1.500em;
    /* 24px */
    margin-bottom: 1.125em;
}

.user_content .ku-content-wrapper a:not(.btn):not(.Button):not(.ui-button),
.mceContentBody .ku-content-wrapper a:not(.btn):not(.Button):not(.ui-button),
.user_content a.external:hover span {
    text-decoration: none;
}

/* Accessibility checker enabled 07-10-19 - Ash Ghafoor */

#mceu_29,
#tab-announcements #mceu_29 #mceu_28,
#tab-announcements #mceu_305 #mceu_304
/* label[for="assignment_turnitin_enabled"] */ {
    /* display: none !important; */
}

#tab-announcements #mceu_29 {
    display: block !important;
}

/* set readinglist iframe height */
.tool_content_wrapper iframe.tool_launch {
    /* min-height: 1500px !important;
    width: 100%;
    height: 100%;
    border: none; */
}

/* hide turnitin API checkbox */
label[for="assignment_turnitin_enabled"] {
    display: none !important;
}

.user_content, .ku-content-wrapper {
    background: #f1f1f1;
    color: #111;
    font-family: 'Roboto', sans-serif;
    font-weight: normal;
    line-height: 1.750em;
    /* 28px */
    margin: 0 auto;
    /* max-width: 1136px; */
    min-width: 320px;
}

.ku-home-version-2 {
    /* max-width: 850px; */
}

.no-header-home {
    padding-top: 2.250em;
    /* 36px */
}

.ku-single-page {
    padding-bottom: 1.500em;
    /* 24px */
}

.user_content h1, .user_content h2, .user_content h3, .user_content h4, .ku-content-wrapper h1, .ku-content-wrapper h2, .ku-content-wrapper h3, .ku-content-wrapper h4 {
    color: #111;
    font-family: 'Karla', sans-serif !important;
    font-weight: 700;
}

.user_content h1, .ku-content-wrapper h1 {
    font-size: 1.8em;
    /* 24px */
    line-height: 1.125em;
    /* 18px */
    margin-bottom: 0.875em;
    /* 14px */
}

.user_content h2, .ku-content-wrapper h2 {
    font-size: 1.5em;
    /* 24px */
    line-height: 1.125em;
    /* 18px */
    margin-bottom: 0.875em;
    /* 14px */
}

.user_content h3, .ku-content-wrapper h3 {
    font-size: 1.125em;
    /* 18px */
    line-height: 1.125em;
    /* 18px */
    margin-bottom: 0.875em;
    /* 14px */
}

.user_content h4, .ku-content-wrapper h4 {
    font-size: 0.938em;
    /* 15pt */
    line-height: 0.875em;
    /* 14px */
    margin-bottom: 0.875em;
    /* 14px */
}

.user_content p, .ku-content-wrapper p {
    font-size: 1.125rem;
    /* 18pt */
    line-height: 1.50em;
    /* 24pt */
    margin: 0 0 1.313em;
    /* 21px */
}

.user_content ul, .user_content ol, .ku-content-wrapper ul, .ku-content-wrapper ol {
    font-size: 1.125rem;
    margin-bottom: 2.250em;
    padding-left: 16px;
}

.user_content ul ul, .user_content ul ol, .user_content ol ol, .user_content ol ul, .ku-content-wrapper ul ul, .ku-content-wrapper ul ol, .ku-content-wrapper ol ol, .ku-content-wrapper ol ul {
    margin-bottom: 0;
}

.user_content ul, .user_content ol, .ku-content-wrapper ul ul, .ku-content-wrapper ol ol {
    padding-left: 38px;
}

.user_content ul li, .user_content ol li, .ku-content-wrapper ul li {
    /* list-style: square; */
    line-height: 1.75em;
    padding-left: 12px;
}

.user_content ol li, .ku-content-wrapper ol li {
    /* list-style: decimal; */
    line-height: 1.75em;
    padding-left: 12px;
}

.user_content a:not(.btn):not(.Button):not(.ui-button),
.content-wrapper .content .user_content a,
.ku-content-wrapper a {
    text-decoration: none;
    cursor: pointer;
}

/* acessability focus */
/* .content-wrapper .content .user_content a:focus, */

#main a:focus,
.ku-content-wrapper a:focus {
        background: #ffbf47;
        border-radius: 3px;
        color: var(--color-ku) !important;
        outline: none;
}

.user_content p a,
.ku-content-wrapper p a,
.ku-content-wrapper table a,
.ku-content-wrapper ul li a,
.ku-content-wrapper ol li a {
    color: var(--color-ku);
}

#wiki_page_show .user_content a:hover,
#wiki_page_show .ku-content-wrapper p a:hover {
    /* color: var(--color-ku); */
	text-decoration: underline; /* add hover underline to all the links on a page */
}

.user_content img a, .ku-content-wrapper img a {
    border-bottom: none;
    text-decoration: none;
    padding-bottom: 0;
}

.user_content strong, .ku-content-wrapper strong {
    font-weight: 700;
}

.user_content small, .ku-content-wrapper small {
    font-size: 1em;
    /* 18px */
    font-weight: 400;
    line-height: 1.313em;
    /* 21px */
    margin-bottom: 2.250em;
    /* 36px */
}

.ku-content-wrapper.ku-module-home {
    /* max-width: 850px; set width for testing */
}

.user_content .ui-icon, .user_content a.external .ui-icon-extlink, .ku-content-wrapper .ui-icon, .ku-content-wrapper a.external .ui-icon-extlink {
    display: none;
}

.ku-content {
    margin: 0 auto;
    overflow: hidden;
	padding-top: 2.625em;
}

#course_syllabus .ku-content {
    margin-bottom: 1.313em;
}

.user_content {
    padding: 0 40px !important;
    overflow: hidden;
}

.user_content h1.page-title, .ku-module-title-header, .ku-page-title-header, .ku-home-version-2 .ku-nav, .ku-content-section, .ku-module-topics, .video-and-feed, .ku-img-splash, .ku-faculty-img, .ku-footer, .ksa-course-presence .ku-slider, .ku-bg-blk, .ksa-course-presence .ku-bg-block, .ku-style-one .ku-landing-block {
    box-sizing: border-box;
    margin-left: -40px !important;
    margin-right: -40px !important;
}

.ku-full-width {
    max-width: 100%;
}

.ku-module-home .ku-content {
    /* max-width: 700px; */
    margin: 0 auto;
    /* padding: 0 40px; */
}

.ku-content-section {
    /* background: url(../images/module-home-blue-1.png) right top no-repeat; */
    /* padding-top: 56px; */
	padding-top: 42px;
}

.ku-content-section h1, .ku-content-section h2, .ku-content-section h3, .ku-content-section h4, .ku-content-section h5, .ku-content-section h6, .ku-content-section p, .ku-content-section ul {
    padding: 0 42px;
}

.ku-content-section img {
    /* background: url(../images/module-home-blue-1.png) right top no-repeat; */
    /*margin-top: 56px !important;*/
    margin-bottom: 0 !important;
    max-width: 100% !important;
    /*vertical-align: middle;*/
    vertical-align: baseline;
    width: 100%;
}

.ku-content-block {
    margin: 3em 0;
    /* 48px */
}

.ku-module-topics {
    background-color: var(--color-ku);
	padding: 42px;
	background-size: auto 200px;
	background-image: url("https://canvas.kingston.ac.uk/courses/6912/files/5319849/preview");
	background-position: left bottom;
	background-repeat: repeat-x;
	background-blend-mode: overlay;
}

.ku-module-topics h1, .ku-module-topics h2, .ku-module-topics h3, .ku-module-topics h4, .ku-module-topics h5, .ku-module-topics h6, .ku-module-topics p, .ku-module-topics ul {
    color: #fff !important;
}

.ku-module-topics ul {
    font-family: 'Karla', sans-serif;
    font-size: 1.5em !important;
    /* font-size: 1em !important;     */
    font-weight: 700;
    line-height: 1.125em;
    margin-bottom: 0 !important;
    padding-left: 0 !important;
}

.ku-module-topics ul li {
    display: inline-block;
    line-height: normal;
    list-style: none;
    padding: 0 !important;
    margin: 0;
}

.ku-module-topics ul li a {
    background: #222;
    border-radius: 1px;
    color: #fff;
    display: inline-block;
    padding: 7px;
    margin: 7px 0.219em;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
	text-decoration: none !important; /* added 2024-03-12 */
}

.ku-module-topics ul li a:hover {
    background: #fff;
    color: #222 !important;
    text-decoration: none !important;
}

.ku-home-version-2 .ku-faculty-img {
	background: url("https://kingston.test.instructure.com/courses/6912/files/5284559/preview") 0 bottom var(--color-ku) no-repeat;
    background-size: contain;
    height: 0px;
}

/* .ku-home-version-2.ku-sec .ku-faculty-img {
    background: url("https://creativecontent.kingston.ac.uk/vel-graphics/images/image-1248-SEC.png") 0 bottom #95549C no-repeat;
    background-size: contain;
} */

.ku-home-version-2 .ku-module-profiles {
    /*padding-right: 56px;
    padding-left: 56px;
    padding-bottom: 42px;*/
	padding: 42px;
}

.ku-home-version-2 .ku-module-profiles h2 {
    padding-left: 0;
}

.ku-home-version-2 .ku-module-profiles table {
    background: none;
    /*margin: 28px 0;*/ margin: 0px;
	table-layout: fixed; /* 2024-03-05: to make profile pictures larger */
	width: 100%; /* 2024-03-05: to make profile pictures larger */
}

.ku-home-version-2 .ku-module-profiles table tr {
    background: #fff;
    display: block;
    /*margin: 0 0 28px;*/ margin: 0 0 10px;
    padding: 0;
}

.ku-home-version-2 .ku-module-profiles table td {
    border: none;
    font-size: 1em;
    line-height: 1.25;
    margin: 0;
    padding: 0 28px;
    vertical-align: middle;
	overflow: hidden; /* 2024-03-05: to make profile pictures larger */
}

.ku-home-version-2 .ku-module-profiles table td:nth-child(1) {
    min-width: 80px; /* 2024-03-05: to make profile pictures larger */
}

.ku-home-version-2 .ku-module-profiles table td:nth-child(2) {
    font-family: 'karla', sans-serif;
    font-size: 1.125em;
    font-weight: 700;
	width: 30%; /* 2024-03-05: to make profile pictures larger */
}

.ku-home-version-2 .ku-module-profiles table td:nth-child(3) {
	font-weight: 700; /* 2024-03-05: to make profile pictures larger */
    text-align: center; /* 2024-03-05: to make profile pictures larger */
	width: 40%; /* 2024-03-05: to make profile pictures larger */
}

.ku-home-version-2 .ku-module-profiles table td:nth-child(4) {
    font-weight: 700;
    text-align: center;
	width: 20%; /* 2024-03-05: to make profile pictures larger */
}

.ku-home-version-2 .ku-module-profiles img {
    border-radius: 80px; /* 2024-03-05: to make profile pictures larger */
    margin: 0 !important;
    max-height: 80px; /* 2024-03-05: to make profile pictures larger */
    padding: 0 !important;
    width: auto;
}

.user_content img, .ku-content img {
    /* display: block; */
    max-width: 100% !important;
    height: auto;
    margin: 0 auto;
}

.ku-content img {
	/* display: block; */ /* commented it to avoid displaying one image on a line only */
}

a.file_preview_link img {
    max-width: 16px;
}

.ku-content p img, .ku-content a img {
    margin-bottom: 0;
}

.ku-content iframe {
    margin-bottom: 1.5em !important;
    /* 24px */
}

.ku-module-title-header {
    color: #fff;
    background: #444;
    padding: 18px 28px;
    position: relative;
}

.user_content h1.page-title {
    padding: 28px;
}

.ku-module-home .ku-module-title-header,
.ku-home-version-2 .ku-module-title-header {
    background: var(--color-header-darkgrey);
    border-left: 14px var(--color-ku) solid;
    box-sizing: border-box;
    color: #fff;
    /* margin-bottom: 2.75em; */
    /* 28px */
	margin-top: 1px;
}

.ku-home-version-2 .ku-module-title-header {
    margin-bottom: 0;
}

.ku-module-title, .ku-module-code {
    font-size: 1.125em;
    /* 18px */
    line-height: 1.5em;
    /* 24px */
    padding: 0;
    /* margin-right: -20px;
    margin-left: -20px; */
}

.ku-module-header, .ku-module-home .ku-content, .ku-style-one-child .ku-content {
    /* max-width: 1036px; */
    margin: 0 auto;
}

.ku-module-home .ku-module-title h1, .ku-module-home .ku-module-code h1, .ku-home-version-2 .ku-module-title-header h1, .ku-home-version-2 .ku-module-title-header p {
    font-size: 1.125em !important;
    line-height: 1.5em !important;
    color: #fff !important;
    margin-bottom: 0 !important;
}

.ku-module-home .ku-module-title h1 {
    text-transform: none;
}

.ku-module-home .ku-module-code h1 {
    font-weight: 400;
}

.ku-home-version-2 .ku-module-title-header p {
    background: var(--color-ku);
    border-radius: 1px;
    font-size: 1em;
    /* 14px */
    font-style: italic;
    font-weight: 700;
    display: inline-block;
    ;
    padding: 0 10px 0 5px;
}

.ku-nav {
    font-family: 'Karla', sans-serif;
	background: #fff;
    font-weight: 700;
    padding: 1.125em 28px;
	box-sizing: border-box;
    margin-left: -40px !important;
    margin-right: -40px !important;
	/* margin-top: -48px; */
	/* margin-bottom: 2.625em; */
}

#content .ku-module-title-header+.ku-nav {
	margin-top: 0px;
}

/* remove top grey bar between the ku-nav and the ku-module-topics, ku-img-splash, video-and-feed divs*/
/*.ku-nav+.ku-img-splash, .ku-nav+.ku-module-topics, .ku-nav+.video-and-feed, .ku-nav+.ku-content-section.ku-module-intro {
	margin-top: -2.625em;
}*/

.ku-nav ul {
    padding-left: 0 !important;

	font-size: 1em !important;
    margin-bottom: 0 !important;
}

.ku-nav ul li {
    font-weight: 700;
    display: inline-block;
    padding-right: 24px;
    padding-left: 0 !important;
	
	padding: 0 18px;
}

.ku-nav ul li a {
    color: #333;
    display: inline-block;
    /* border-bottom: 2px var(--color-ku) solid; */
	
	color: var(--color-ku);
    display: inline-block;
    border-bottom: none;
    padding-bottom: 0;
}

.ku-nav ul li a:hover {
    /* color: var(--color-ku); */ /* disable colour change in the nav menu when hovering */
    text-decoration: none;
}

.ku-home-version-2 .ku-nav {
    background: #fff;
    font-weight: 700;
    padding: 1.125em 28px;
    /* 18px  0 */
}

/* ku-nav in the old template */
.ku-module-home .ku-nav {
    background: none;
    font-weight: 400;
    /* padding: 1.125em 28px; */
	padding: 0;
    margin-left: 0px !important;
	margin-right: 0px !important;
}

/* ku-nav in the old template */
.ku-module-home .ku-nav ul {
	margin-bottom: 2.25em !important;
	font-size: 1.125em !important;
}

.ku-module-home .ku-nav ul li {
	padding-right: 24px;
}

.ku-module-home .ku-nav ul li a {
    color: #333;
}

.ku-home-version-2 .ku-nav ul {
    font-size: 1em !important;
    margin-bottom: 0 !important;
}

.ku-home-version-2 .ku-nav ul li {
    padding: 0 18px;
}

.ku-home-version-2 .ku-nav a {
    color: var(--color-ku);
    display: inline-block;
    border-bottom: none;
    padding-bottom: 0;
}

.ku-extras-block table {
    text-align: left;
}

.ku-extras-block table th {
    background: none;
    border-right: none;
}

.ku-home-version-2 .video-and-feed {
    background: var(--color-header-darkgrey);
    padding: 42px;
    box-sizing: border-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
	color: #fff; /* white text in the video div */
}

.ku-home-version-2 .video-and-feed .ku-col-6 {
    -webkit-flex-basis: 50%;
    flex-basis: 50%;
    max-width: 50%;
    box-sizing: border-box;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-flex-grow: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
}

.ku-home-version-2 .video-and-feed h3 {
    color: #fff !important;
    font-size: 1.5em !important;
    line-height: 1.125em !important;
    margin-top: 0;
    margin-bottom: 0.875em !important;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.video-container iframe, .video-container object, .video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.ku-welcome-vid iframe, iframe[id^='twitter-widget-'], .ku-twitter-timeline iframe {
    height: 316px !important;
    margin-bottom: 1.5em !important;
    /* 10px */
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    max-height: none !important;
}

.ku-style-one .ku-module-topics-block {
    background: rgba(17, 117, 211, 0.15);
    border-radius: 5px;
    margin: 0 0 1.313em;
    padding: 1.5em 1.5em 0;
}

.ku-blank-page .ku-module-topics-block {
    border-radius: 0;
    margin: 0 0 2.626em;
}

.ku-module-home .ku-module-element, .ku-module-home .ku-instructor-element, .ku-style-one .ku-card-element {
    margin-bottom: 1.500em;
    /* 24px */
    text-align: center;
}

.ku-module-home .ku-module-element tbody, .ku-module-home .ku-instructor-element tbody {
    background: #fff;
    border-radius: 2px;
    display: block;
}

.ku-style-one .ku-card-element tbody {
    display: block;
    background: #fff;
    border-radius: 5px;
    min-height: 300px;
}

.ku-blank-page .ku-card-element tbody {
    border-radius: 0;
    min-height: 135px;
    padding: 2em 0;
}

.ku-style-one .ku-module-topics-block .ku-card-element.col-md-6 tbody {
    min-height: 245px;
}

.ku-module-home .ku-content-block h2 {
    margin-bottom: 56px;
    padding-bottom: 0;
}

.ku-module-home.ku-course-presence-home .ku-useful-links-block h2 {
    margin-bottom: 1.25em;
}

.ku-module-home .ku-content-block h2:before {
    background-size: 100%;
    content: "";
    position: relative;
    left: 0;
    top: 14px;
    height: 48px;
    width: 48px;
    padding: 24px;
    margin-right: 16px;
}

.ku-module-home.ku-course-presence-home .ku-useful-links-block h2:before {
    left: 0;
    top: 0;
    height: auto;
    width: auto;
    padding: 0;
    margin-right: 0;
}

/* .ku-module-home .topics-title h2:before {
    background: url(https://creativecontent.kingston.ac.uk/vel-graphics/graphics/topics-icon.svg) no-repeat;
}

.ku-module-home .ku-welcome-vid-title h2:before {
    background: url(https://creativecontent.kingston.ac.uk/vel-graphics/graphics/play-icon.svg) no-repeat;
}

.ku-module-home .ku-twitter-timeline-title h2:before {
    background: url(https://creativecontent.kingston.ac.uk/vel-graphics/graphics/twitter-icon.svg) no-repeat;
}

.ku-module-home .ku-yammer-title h2:before {
    background: url(https://creativecontent.kingston.ac.uk/vel-graphics/graphics/yammer-icon.svg) no-repeat;
}

.ku-module-home .ku-instructors-title h2:before, .ku-module-home .instructors-title h2:before {
    background: url(https://creativecontent.kingston.ac.uk/vel-graphics/graphics/avatar-icon.svg) no-repeat;
} */

.ku-module-home .ku-content-block h2:after {
    content: none;
    border: none;
}

/* .ku-home-version-2 .video-and-feed h3:before, .ku-home-version-2 .ku-module-profiles h2:before {
    background-size: 100%;
    content: "";
    position: relative;
    left: 0;
    top: 14px;
    height: 48px;
    width: 48px;
    padding: 14px;
    margin-right: 16px;
} */

/* .ku-home-version-2 .ku-module-topics h2:before {
    background: url(https://creativecontent.kingston.ac.uk/vel-graphics/graphics/topics-icon.svg) no-repeat;
}

.ku-home-version-2 .homepage-video h3:before {
    background: url(https://creativecontent.kingston.ac.uk/vel-graphics/graphics/play-icon.svg) no-repeat;
}

.ku-home-version-2 .homepage-feed h3:before {
    background: url(https://creativecontent.kingston.ac.uk/vel-graphics/graphics/twitter-icon.svg) no-repeat;
}

 .ku-home-version-2 .ku-module-profiles h2:before {
    background: url(https://creativecontent.kingston.ac.uk/vel-graphics/graphics/avatar-icon.svg) no-repeat;
} */

.ku-module-home .ku-module-element tr, .ku-module-home .ku-instructor-element tr, .ku-style-one .ku-card-element tr {
    background: #fff;
    border: 0;
    display: block;
    width: 100%;
}

.ku-module-home .ku-module-element tr {
    border-radius: 5px;
}

.ku-module-home tr.ku-profile-pic,
.ku-style-one tr.ku-card-img {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.ku-blank-page .fas {
    padding: .25em 0;
}

.ku-module-home tr.ku-instructor-contact-info,
.ku-style-one tr.ku-card-info {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    padding-bottom: 1.500em;
    /* 24px */
}

.ku-blank-page tr.ku-card-info {
    padding-bottom: 0;
}

.ku-instructor-contact-info, .ku-card-info {
    font-size: 0.938em;
    /* 15pt */
    line-height: 1.5em;
    /* 24px */
}

.ku-module-home .ku-module-element tr {
    background: url('https://creativecontent.kingston.ac.uk/vel-graphics/graphics/pin-icon-2.svg') 50% 22px no-repeat #fff;
    -webkit-background-size: 24px 24px;
    /* Safari 3.0 */
    -moz-background-size: 24px 24px;
    /* Gecko 1.9.2 (Firefox 3.6) */
    -o-background-size: 24px 24px;
    /* Opera 9.5 */
    background-size: 24px 24px;
    /* Gecko 2.0 (Firefox 4.0) and other CSS3-compliant browsers */
    height: 132px;
}

.ku-module-home .ku-module-element td {
    font-size: 1.125em;
    /* 18px */
    border: none;
    display: block;
    line-height: 1.5em;
    /* 24px */
    margin: 0 auto;
    position: relative;
    top: 70%;
    -webkit-transform: translateY(-65%);
    -ms-transform: translateY(-65%);
    transform: translateY(-65%);
    padding: 0 0.750em !important;
    /* 12px */
}

.ku-module-home .ku-instructor-element td, .ku-style-one .ku-card-element td {
    border: none;
    font-size: 1.125em;
    /* 15pt */
    display: block;
    margin: 0 auto;
    padding-bottom: 1.500em;
    /* 24px */
}

.ku-style-one .ku-card-element td {
    padding-left: 1.500em !important;
    /* 24px */
    padding-right: 1.500em !important;
    /* 24px */
}

.ku-style-one .ku-card-element td a {
    color: inherit;
}

.ku-style-one .ku-card-element .fas {
    font-size: 3em;
    color: var(--color-ku);
}

.ku-module-home .ku-module-element .ku-pin-icon {
    /*display: none;*/
    /* margin: 0.750em auto; */
    /* 12px auto */
}

.ku-module-home .ku-instructor-element h3 {
    color: var(--color-ku);
    font-size: 1.125em;
    margin: 0;
}

.ku-module-home .ku-module-element a {
    color: #333;
}

.ku-module-home .ku-module-element a:hover {
    text-decoration: underline;
}

.ku-module-home .ku-instructor-element img, .ku-style-one .ku-card-element img {
    border-radius: 50px;
    margin: 1.5em auto 0.75em;
    max-height: 70px;
    max-width: 70px !important;
}

.ku-style-one .ku-card-element img {
    border-radius: 0;
}

.ku-module-home .ku-instructor-element .ku-job-role {
    font-size: 1em;
    display: block;
    line-height: 1.5em;
    /* 24px */
    margin-bottom: 0;
    padding-bottom: 0.750em;
    /* 12px */
}

.ku-page-title-header {
    background: var(--color-header-darkgrey);
    border-left: 14px var(--color-ku) solid;
    box-sizing: border-box;
    padding: 1.750em 40px;
    /* 28px 40px */
    margin-bottom: 48px;
    /* 56px */
}

#course_syllabus .ku-page-title-header {
    /* background: var(--color-ku);
    padding: 2.250em 40px;
    margin-bottom: 2.25em; */
	margin-bottom: 0px;
}

.ku-page-title-header h3 {
    color: #fff !important;
    margin: 0 !important;
}

.ku-page-title {
    color: #fff;
    font-size: 1.125em;
    /* 18px */
    line-height: 1.5em;
    /* 24px */
    margin: 0;
}

.ku-module-home table,
.ku-module-topics-block table,
.ku-footer table {
    background: none;
    margin-bottom: 0;
}

.ku-module-home table th {
    width: auto;
    padding: 0 !important;
}

.ku-module-home table td {
    width: auto;
    text-align: center;
    padding: 0 !important;
}

.ku-footer table td {
    text-align: left;
}

.ku-content-wrapper table td.ku-color-one {
    font-weight: 700;
}

table.ku-colored-table {
    /* background: var(--color-ku);
    border-radius: 5px;
    margin-bottom: 3em; */
    /* 48px */
    /* text-align: left;
    width: 100%; */
}

table.ku-colored-table {
    /* background: var(--color-ku);
    border-radius: 5px;
    margin-bottom: 3em; */
    /* 48px */
    /* text-align: left;
    width: 100%; */
}

table.ku-colored-table .ku-table-title-small {
    font-size: 1em;
    /* position: relative;
    top: -6px; */
}

table.ku-colored-table th {
    /* border: none;
    color: #fff;
    display: block;
    font-size: 1.125em;
    margin: 0.75em 1.5em 1.5em; */
    /* 12px 24px 24px */
    /* padding: 0.375em 0.375em 0.375em 0.75em; */
    /* 6px 6px 6px 12px */
}

table.ku-colored-table tr:last-child {
    /* display: block;
    margin: 0 0 1.5em; */
    /* 0 0 24px */
}

table.ku-colored-table td {
    /* background: #fff;
    border-radius: 3px;
    line-height: 2.0075em;
    font-size: 0.938em;
    margin: 0 1.5em 0.75em; */
    /* 0 24px 12px */
    /* padding: 0 0.75em !important; */
    /* 0 0 12px */
    /* display: block;
    width: auto; */
}

.ku-compare-table-outter {
    overflow-x: scroll;
    margin-bottom: 3em;
}

.ku-compare-table-outter::-webkit-scrollbar {
    height: 0;
    background: #333;
}

table.ku-compare-table {
    background: none;
    border-spacing: 6px !important;
    font-size: 80%;
    margin-bottom: 1em;
}

table.ku-compare-table th {
    background: #222;
    border: none;
    border-bottom: 5px solid #f1f1f1;
    color: #ccc;
    font-weight: 700;
    padding-top: 0.75em !important;
    padding-bottom: 0.75em !important;
    text-align: center;
}

table.ku-compare-table th:nth-child(2) {
    border-top-left-radius: 5px;
}

table.ku-compare-table th:last-child {
    border-top-right-radius: 5px;
}

table.ku-compare-table td {
    background: #fff;
    border-bottom: 5px solid #f1f1f1;
    border-left: 5px solid #f1f1f1;
    border-radius: 5px;
    height: 40px;
    min-width: 50px;
    text-align: center;
    vertical-align: middle;
}

table.ku-compare-table td.ku-marker {
    background: #FFEC00;
    cursor: help;
    position: relative;
}

table.ku-compare-table td a {
    color: #222;
    display: block;
}

table.ku-compare-table a:focus {
    outline: 2px #fff solid;
}

table.ku-compare-table td span {
    font-size: 150%;
}

table.ku-compare-table td.ku-atl {
    background: #fbfbfb;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border-right: 5px solid #f1f1f1;
    padding: 10px 15px !important;
    width: 200px;
}

table.ku-compare-table td:nth-child(2) {
    border-left: 0;
}

table.ku-learning-path-table th, table.ku-learning-path-table td, table.ku-learning-path-table th small {
    font-size: 1.125rem;
}

.ku-home-version-2 .ku-footer .ku-ku-logo, .ku-home-version-2 .ku-footer .ku-ku-sg-logo-wh {
    float: left;
    margin-right: 42px;
}

.ku-home-version-2 .ku-footer .ku-footer-links {
    float: left;
}

.ku-home-version-2 .ku-footer, .ku-home-version-2 .ku-footer a {
    color: #fff;
}

.ku-home-version-2 .ku-footer a {
    color: #fff;
    display: block;
}

.ku-home-version-2 .ku-footer:before, .ku-home-version-2 .ku-footer:after {
    content: "";
    display: table;
}

.ku-home-version-2 .ku-footer:after {
    clear: both;
}

.ku-home-version-2 .ku-footer {
    background: var(--color-header-darkgrey);
    padding: 42px;
    zoom: 1;
    /* For IE 6/7 (trigger hasLayout) */
}

.ku-module-home .ku-footer {
    padding: 1.5em 42px;
}

#footer .footer-logo {
    background-color: transparent;
    background-image: url(https://creativecontent.kingston.ac.uk/vel-graphics/graphics/kingston-university-london.png);
    background-repeat: no-repeat;
    background-position: left top;
    display: inline-block;
    margin: 0 20px 0 0;
    width: 400px;
    background-size: 75%;
    color: transparent;
    font: 0px/0 a;
    height: 40px;
    position: relative;
    top: 4px;
    overflow: hidden;
    text-shadow: none;
}

.user_content .ku-footer .ku-footer-links ul {
    font-size: 1em;
    font-weight: 700;
    line-height: 1.5;
    padding-bottom: 0 !important;
    padding-left: 0 !important;
    margin-bottom: 0 !important;
}

.ku-footer .ku-footer-links ul li {
    display: block;
    list-style: none;
    padding-left: 0 !important;
    padding-bottom: 0 !important;
}

.ku-footer img {
    max-height: 132px;
    margin-left: 10px;
}

.ku-ku-logo {
    background: url(https://creativecontent.kingston.ac.uk/vel-graphics/graphics/kingston-logo.png) no-repeat scroll 0 0;
    background-size: 75%;
    color: transparent;
    display: block;
    font: 0px/0 a;
    height: 132px;
    position: relative;
    top: 12px;
    overflow: hidden;
    text-shadow: none;
    width: 132px;
}

.ku-home-version-2 .ku-ku-logo {
    background: url(https://creativecontent.kingston.ac.uk/vel-graphics/graphics/kingston-logo-wh.png) no-repeat scroll 0 0;
    background-size: 75%;
}

.ku-ku-sg-logo {
    background: url(https://creativecontent.kingston.ac.uk/vel-graphics/graphics/kingston-st-georges-logo.png) no-repeat scroll 0 0;
    background-size: 75%;
    color: transparent;
    display: block;
    font: 0px/0 a;
    height: 132px;
    position: relative;
    top: 12px;
    overflow: hidden;
    text-shadow: none;
    width: 403px;
}

.ku-home-version-2 .ku-ku-sg-logo-wh {
    background: url(https://creativecontent.kingston.ac.uk/vel-graphics/graphics/kingston-st-georges-logo-wh.png) no-repeat scroll 0 0;
    background-size: 75%;
}

.ku-ku-dc-logo {
    background: url(https://creativecontent.kingston.ac.uk/vel-graphics/graphics/digital-culture-logo.png) no-repeat scroll 0 0;
    background-size: 75%;
}

.ku-ku-logo.ku-ku-edi-logo {
    background: url(https://creativecontent.kingston.ac.uk/vel-graphics/graphics/edi-logo.png) no-repeat scroll 0 0;
    background-size: 75%;
}

.ku-topics-icon {
    background: url(https://creativecontent.kingston.ac.uk/vel-graphics/graphics/topics-icon.svg) no-repeat;
    display: inline-block;
    height: 36px;
    position: relative;
    width: 36px;
}

.ku-pin-icon {
    /*background: url(https://creativecontent.kingston.ac.uk/vel-graphics/graphics/pin-icon.svg) no-repeat;
    content:'';
    display: block;
    height: 24px;
    margin: 0 auto;
    width: 24px;*/
}

.ku-cal-icon {
    background: url(https://creativecontent.kingston.ac.uk/vel-graphics/graphics/calendar-icon.svg) no-repeat;
    background-size: 100%;
    content: '';
    height: 36px;
    float: left;
    position: relative;
    left: -12px;
    width: 36px;
}

.ku-rocket-icon {
    background: url(https://creativecontent.kingston.ac.uk/vel-graphics/graphics/rocket-icon.svg) no-repeat;
    background-size: 100%;
    content: '';
    height: 36px;
    float: left;
    position: relative;
    left: -12px;
    width: 36px;
}

.ku-rocket-icon-lg {
    background: url(https://creativecontent.kingston.ac.uk/vel-graphics/graphics/rocket-icon-lg.svg) no-repeat;
    background-size: 100%;
    content: '';
    display: block;
    height: 96px;
    width: 96px;
}

/* Course Presence */
.ku-img-splash {
    /* margin-right: -56px;
    margin-left: -56px; */
}

.ku-img-splash img {
    min-width: 100% !important;
    margin: 0 auto;
}

.ku-welcome-block {
    background: #fff;
    border-radius: 2px;
    margin-top: 42px;
}

.ku-content > .ku-welcome-block:first-child {
	margin-top: 0px;
}

.ku-welcome-nav-block {
    background: url(https://creativecontent.kingston.ac.uk/vel-graphics/images/pattern-1-1120.png) 550px 0 no-repeat var(--color-ku);
    background-size: cover;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    padding: 42px 28px 0;
    margin-bottom: 42px;
    position: relative;
}

.ku-welcome-nav-block .col-xs-12, .ku-welcome-nav-block .col-sm-12, .ku-welcome-nav-block .col-md-12 {
    max-width: 75%;
    display: block;
}

.ku-welcome-img-block {
    /*position: absolute;
    bottom: 0;
    right:3em;*/
    display: block;
    margin: 0 auto 2.750em
        /* 44px */
    ;
}

.ku-welcome-img-block img {
    /*height: auto;
    min-height: 1px;*/
    text-align: center;
    display: none;
}

.ku-welcome-intro-block {
    padding: 0 40px 28px;
}

.video-wrapper {
    position: relative;
    padding-bottom: 56.25%;
    /* 16:9 */
    padding-top: 25px;
    height: 0;
    margin-bottom: 1.5em;
}

.video-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.ku-useful-links-block {
    background: #fff;
    border-radius: 2px;
    padding: 1.750em 28px;
}

.ku-useful-links-block .col-md-3 {
    flex-basis: 50%;
    max-width: 50%;
}

.ku-useful-link-element tbody {
    display: block;
    width: 100%;
}

.ku-useful-link-element tr {
    /*background: url('https://creativecontent.kingston.ac.uk/vel-graphics/graphics/triangle-icon.png') no-repeat bottom right rgba(150,84,156,.25);*/
    background: rgba(18, 117, 211, 0.25);
    border-radius: 1px;
    display: block;
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
    min-height: auto;
    margin-bottom: 20px;
}

.ku-useful-link-element td {
    border: none !important;
    display: block;
    margin: 0 auto;
    word-wrap: break-word;
}

.ku-logo-placeholder img {
    padding: 1em 1em 0 0;
    margin-left: 0;
}

table.ku-useful-link-element p {
    margin-bottom: 0;
}

.ku-useful-link-element p a {
    border-bottom: none;
}

.ku-useful-link-element a {
    color: #111 !important;
}

.ku-welcome-block h1 {
    margin-bottom: 0.875em;
}

.ku-welcome-nav-block h1 {
    color: #fff;
}

.ku-welcome-block h3 {
    font-size: 1.8em;
    color: #fff;
    margin-bottom: 0.875em;
    /* 14px */
}

.ku-content .ku-welcome-nav-block a { /* 2024-06-21: overwriting .ku-content anchor style */
    background: #222;
    border-radius: 1px;
    color: #fff !important;
	text-decoration: none !important;
    display: inline-block;
    font-family: 'Karla', sans-serif;
    font-weight: 700;
    line-height: 1.125em;
    margin: 7px 3px 7px 0;
    padding: 7px 14px;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.ku-welcome-nav-block a:hover {
    background: #eee;
    color: #222 !important;
}

.ku-title-center, .title-center {
    text-align: center;
}

/* style one */
.ku-style-one .ku-page-title-header {
    background: var(--color-ku);
    border-left: 0;
    padding: 2.250em 2.500em 36px 2.500em;
    margin-bottom: 0;
}

/* Remove .ku-blank-page .ku-page-title-header style when uploading, only for local style testing */
.ku-blank-page .ku-page-title-header {
    background: var(--color-header-darkgrey);
    border-left: 14px var(--color-ku) solid;
    box-sizing: border-box;
    padding: 1.750em 40px;
    /*margin-bottom: 3.500em;*/
}

.ku-style-one-child .ku-page-title-header {
    margin-bottom: 4.5em;
}

.ku-style-one .ku-landing-block {
    background: var(--color-ku);
    /*background: var(--color-ku) url('../graphics/landing-block-graphic.png') right bottom no-repeat;*/
    padding: 1.125em 0 3.750em 2.500em;
    /* 36px 60px 40px */
    margin-bottom: 0;
    overflow: hidden;
}

.ku-style-one .ku-landing-block h1 {
    color: #fff;
}

.ku-style-one .ku-landing-block p {
    color: #fff;
    font-size: 1.125em;
    /* 18px */
    line-height: 1.5em;
}

.ku-style-one .nag {
    background: #fff;
    border-radius: 2px;
    color: var(--color-ku);
    font-size: 0.5em;
    padding: 0.5em;
    position: relative;
    letter-spacing: -0.05em;
    top: -1em;
}

.ku-drop-down {
    background: #CFDFEE;
    border-radius: 5px;
    display: inline-block;
    padding: 0.75em 1em 1em;
    position: relative;
    margin-bottom: 1.5em;
}

.ku-drop-title {
    margin-bottom: 0.75em;
}

.ku-select-menu {
    background: #fff;
    box-sizing: border-box;
    color: var(--color-ku);
    padding: 0.75em 1em;
    border: none;
    cursor: pointer;
    margin: 0 auto;
}

.ku-arrow-down-icon {
    background: url('https://creativecontent.kingston.ac.uk/vel-graphics/graphics/arrow-down-icon.svg') no-repeat;
    background-size: 100%;
    display: block;
    height: 10px;
    float: right;
    position: relative;
    top: 0.75em;
    width: 18px;
}

.ku-arrow-left-icon {
    background: url('https://creativecontent.kingston.ac.uk/vel-graphics/graphics/arrow-left-icon.svg') no-repeat;
    background-size: 100%;
    display: block;
    float: left;
    height: 18px;
    margin-right: 1em;
    position: relative;
    top: 0.4em;
    width: 10px;
}

.ku-drop-list {
    display: none;
    background: #fff;
    box-sizing: border-box;
    z-index: 1;
}

.ku-drop-list a {
    font-size: 0.938em;
    /* 15px */
    padding: 0.75em 1em;
    text-decoration: none;
    display: block;
}

.ku-drop-list a:hover {
    background: #f5f8fb;
}

.ku-drop-down:hover .ku-drop-list {
    display: block;
}

.ku-drop-down:hover .ku-select-menu {
    background: #e2ecf5;
}

/* Accordion styles */
.ku-accordion {
    box-sizing: border-box;
    color: #474747;
    font-family: "Montserrat", sans-serif;
    margin: 0 0 10px 0;
    overflow: hidden;
    padding: 10px;
    width: 100%;
}

.ku-accordion h2 {
    font-size: 1.5em;
}

.ku-accordion p {
    font-size: 0.938em;
    line-height: 2.0075em;
    margin: 0 0 2.25em;
}

.ku-accordion ul, .ku-accordion ol {
    padding-left: 16px;
}

.ku-accordion ol, .ku-accordion ul {
    list-style: outside none none;
    margin-bottom: 2.25em;
}

.ku-accordion ul li, .ku-accordion ol li {
    list-style: outside none square;
    padding-bottom: 12px;
    padding-left: 12px;
}

.ku-accordion .section:target {
    background: #eee;
    box-sizing: border-box;
    padding: 0 10px 10px;
    width: 100%;
}

.ku-accordion .section:target:hover {
    background: #eee;
}

.ku-accordion .section:target h2 {
    display: block;
    position: relative;
    width: 100%;
}

.ku-accordion .section:target h2 a, .ku-accordion .section:target h2 a:hover {
    color: #111 !important;
}

.ku-accordion .section:target h2 a {
    color: #111;
}

.ku-accordion .section:target h2 span {
    color: #F1F1F1;
    display: none;
}

.ku-accordion .section:target .ku-section-content {
    display: block;
}

.ku-accordion .section h2 a, .ku-accordion .section h2 a:hover {
    color: #222 !important;
    display: block;
    text-decoration: none !important;
    width: 100%;
}

.ku-accordion .section h2 {
    position: relative;
    top: 2px;
}

.ku-accordion .section h2 span {
    color: #808080;
    font-size: 90%;
    float: left;
    padding-right: 5px;
    position: relative;
    top: 2px;
}

.ku-accordion .section {
    background: #CBCBCB;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    box-sizing: border-box;
    color: #111;
    margin-bottom: 5px;
    overflow: hidden;
    padding-left: .75em;
}

.ku-accordion .section:hover {
    background: #d5d5d5;
}

.ku-accordion .section .ku-section-content {
    display: none;
    position: relative;
}

.ku-accordion .section h2 a:target~.ku-section-content {
    display: none;
}

.ku-accordion .ku-accordion-close {
    color: #111;
    display: inline-block;
    font-weight: 700;
    padding: .25em 0;
    text-decoration: none !important;
}

.ku-accordion .ku-section-content a {
    text-decoration: none;
    cursor: pointer;
}

.ku-accordion .ku-section-content a {
    color: var(--color-ku);
}

.ku-accordion .ku-section-content a:hover {
    color: var(--color-ku);
}

.ku-accordion .section {
    width: 100%;
    height: 40px;
    -webkit-transition: height 0.2s ease-out;
    -moz-transition: height 0.2s ease-out;
    -o-transition: height 0.2s ease-out;
    -ms-transition: height 0.2s ease-out;
    transition: height 0.2s ease-out;
}

.ku-accordion :target {
    height: auto;
    width: 100%;
}

.button-one {
    background: #fff;
    border-radius: 5px;
    box-sizing: border-box;
    color: var(--color-ku);
    padding: 0.75em 1em;
    margin-bottom: 1.5em;
}

.ku-atl {
    text-align: left !important;
}

.ku-atc {
    text-align: center !important;
}

.ku-atr {
    text-align: right !important;
}

.nmb, p.nmb {
    margin-bottom: 0 !important;
}

.ku-fl {
    float: left;
}

.ku-fr {
    float: right;
}

.ku-cf {
    clear: both;
}

.ku-alpha {
    padding-left: 0;
}

.ku-omega {
    padding-right: 0;
}

.ku-color-one {
    color: #000;
}

.ku-no-bg {
    background: none !important;
}

.ku-no-center {
    margin: 0;
}

@media screen and (min-width: 1280px) {
    /* .user_content h1.page-title {
        background: var(--color-ku) !important;
        color: #fff !important;
        font-family: 'Montserrat', sans-serif !important;
        font-size: 1.125em !important;
        line-height: 1.5em !important;
        padding: 2.25em 40px !important;
        margin: 0 0 4.5em !important;

    } */
    /* .ku-content {
        padding: 0 40px;
    } */
}

@media screen and (max-width: 1024px) {
    .ku-single-page {
        padding-bottom: 0;
    }

    .ku-course-presence-home .ku-welcome-nav-block {
        background: url(https://creativecontent.kingston.ac.uk/vel-graphics/images/pattern-1-1120.png) 600px 0 no-repeat var(--color-ku);
        background-size: 75%;
    }
}

@media screen and (max-width: 992px) {
    .ku-home-version-2 .ku-faculty-img, .ku-home-version-2.ku-sec .ku-faculty-img {
        height: 0px;
    }

    .ku-home-version-2 .video-and-feed .ku-col-6 {
        -webkit-flex-basis: 100%;
        flex-basis: 100%;
        max-width: 100%;
        padding-right: 0;
        padding-left: 0;
    }

    .ku-home-version-2 .video-and-feed .ku-col-6 iframe {
        width: 100%;
    }

    .ku-home-version-2 .video-and-feed .homepage-video {
        margin-bottom: 42px;
    }

    .ku-course-presence-home .ku-welcome-nav-block {
        background: url(https://creativecontent.kingston.ac.uk/vel-graphics/images/pattern-1-1120.png) 475px 0 no-repeat var(--color-ku);
        background-size: cover;
    }
}

@media screen and (min-width: 992px) {}

@media screen and (max-width: 850px) {}

@media screen and (min-width: 768px) {}

@media (max-width: 767px) {
    .user_content {
        padding: 0;
    }

    .ku-content-wrapper {
        font-size: 90%;
    }

    .ku-home-version-2, .ku-home-version-2 .ku-module-title-header, .ku-home-version-2 .ku-nav, .ku-home-version-2 .ku-content-section, .ku-home-version-2 .ku-module-topics, .ku-home-version-2 .video-and-feed, .ku-home-version-2 .ku-footer {
        margin-right: 0;
        margin-left: 0;
    }

    .ku-home-version-2 .ku-module-title-header h1 {
        line-height: 1.25;
    }

    .ku-home-version-2 .ku-nav {
        padding: 14px 28px;
    }

    .ku-home-version-2 .ku-nav a {
        color: var(--color-ku);
        display: block;
        border-bottom: none;
        padding: 0.219em 0;
    }

    .ku-home-version-2 .ku-content-section {
        padding: 42px 28px;
    }

    .ku-home-version-2 .ku-module-intro {
        padding: 42px 0 0;
    }

    .ku-home-version-2 .ku-module-intro h2, .ku-home-version-2 .ku-module-intro p {
        padding: 0 28px;
    }

    .ku-content-section img {
        margin-top: 28px;
    }

    .ku-home-version-2 .ku-module-profiles table td:nth-child(1) {
        width: auto;
    }

    .ku-home-version-2 .ku-footer {
        padding: 28px 28px 42px;
    }

    .ku-module-title-header {
        padding: 0.750em 1.250em;
        /* 12px 20px */
    }

    .ku-module-home .ku-module-title-header {
        padding: 1.5em 20px;
        /* 24px 20px 36px */
        margin-bottom: 3em;
        margin-right: 0;
        margin-left: 0;
    }

    .ku-style-one .ku-page-title-header, .ku-home-version-2 .ku-module-title-header {
        margin-bottom: 0 !important;
    }

    .ku-course-presence-home .ku-welcome-nav-block {
        background: url(https://creativecontent.kingston.ac.uk/vel-graphics/images/pattern-1-1120.png) 450px 0 no-repeat var(--color-ku);
        background-size: cover;
    }

    .ku-style-one-child .ku-page-title-header {
        margin-bottom: 3em !important;
    }

    .ku-style-one-child .ku-drop-down {
        margin: 3em 0;
    }

    .ku-style-one .ku-landing-block {
        padding: 1.125em 0 1.250em 1.250em;
    }

    .ku-style-one .ku-intro-para {
        padding-right: 2.5em;
    }

    .ku-nav ul {
        font-size: 100%;
		list-style: none; /* 2024-03-05: bullet style */
    }

    .ku-nav ul li {
        padding-right: 12px;
        padding-bottom: 7px;
        display: block;
		list-style: none; /* 2024-03-05: bullet style */
    }

    .ku-content-block {
        margin: 1.5em 0;
        /* 24px 0 */
    }

    .ku-home-version-2 .ku-module-topics {
		/*
		border-top: none;
        background: var(--color-ku);
        padding: 42px 28px 0;
		*/
		
		background-color: var(--color-ku);
		padding: 42px;
		background-size: auto 200px;
		background-image: url("https://canvas.kingston.ac.uk/courses/6912/files/5319849/preview");
		background-position: left bottom;
		background-repeat: repeat-x;
		background-blend-mode: overlay;
    }

    .ku-home-version-2 .video-and-feed {
        padding: 28px;
    }

    .ku-home-version-2 .ku-faculty-img, .ku-home-version-2.ku-sec .ku-faculty-img {
        height: 0px;
    }

    .ku-module-home .ku-module-element, .ku-module-home .ku-instructor-element, .ku-style-one .ku-card-element {
        margin-bottom: 1.5em;
        /* 24px */
        text-align: center;
    }

    .ku-style-one .ku-card-element tbody {
        min-height: 130px;
    }

    .ku-module-home .ku-module-element tr {
        height: 126px;
    }

    .ku-module-home .ku-module-element td {
        font-size: 100%;
        display: block;
        line-height: 1.5em;
        margin: 0 auto;
        min-height: auto;
        padding: 0.75em 0.75em 1.5em !important;
        /* 12px 12px 24px */
        position: relative;
        top: 80%;
    }

    .ku-module-home .ku-content-block h2 {
        margin-bottom: 35px;
    }

    .ku-module-home .ku-content-block h2::before {
        background-size: 100% auto;
        content: "";
        height: 48px;
        left: 0;
        margin-right: 12px;
        padding: 16px;
        position: relative;
        top: 14px;
        width: 48px;
    }

    .ku-module-home .ku-content .ku-welcome-vid iframe {
        margin-bottom: 1.5em;
    }

    .ku-footer {
        padding: 3em 2.25em 12px;
        /* 48px 36px 0.750em */
    }

    .ku-ku-logo {
        background: url(https://creativecontent.kingston.ac.uk/vel-graphics/graphics/kingston-logo.png) no-repeat scroll 0 0;
        background-size: 75%;
        color: transparent;
        display: block;
        font: 0px/0 a;
        height: 132px;
        overflow: hidden;
        text-shadow: none;
        width: 132px;
    }

    .ku-footer .ku-copytight-txt p {
        text-align: left;
    }
}

@media screen and (max-width: 500px) {

    /*.ku-content-wrapper {
        max-width: 100%;
        padding: 20px;
    }*/
    .ku-home-version-2 .ku-module-profiles table td:nth-child(1) {
        width: 25%;
    }

    .ku-home-version-2 .ku-faculty-img, .ku-home-version-2.ku-sec .ku-faculty-img {
        height: 0px;
    }

    .ku-course-presence-home .ku-welcome-nav-block {
        background: url(https://creativecontent.kingston.ac.uk/vel-graphics/images/pattern-1-1120.png) 265px 0 no-repeat var(--color-ku);
        background-size: cover;
    }

    .ku-style-one .ku-module-topics-block .ku-card-element.col-xs-12 tbody {
        min-height: auto;
    }

    .ku-module-home .ku-instructor-element img {
        border-radius: 48px;
        margin: 1.5em auto 0.75em;
        max-height: 48px;
        max-width: 48px;
    }

    .ku-style-one .ku-card-element img {
        border-radius: 0;
        margin: 1.5em auto 0.75em;
        max-height: 48px;
        max-width: 48px;
        padding-bottom: 1.5em;
    }
}

/* IE10+ CSS styles */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .ic-item-row__content-col p, .ic-item-row__content-col h4, .ic-item-row__content-col .ic-announcement-row__content {
        max-width: 640px;
    }

    .ku-module-home .ku-content-block h2::before {
        top: 0;
    }

    .ic-app-header__menu-list-item.ic-app-header__menu-list-item--active .ic-app-header__menu-list-link {
        background: #fff !important;
        color: #111;
    }

    .ic-app-header__menu-list-link .ic-icon-svg {
        fill: #fff;
    }

    .ic-app-header__menu-list-link .ic-icon-svg {
        fill: #fff;
    }

    .mini_calendar .day.has_event {
        color: #111;
        background-color: #fff;
    }
}

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*Viralkumar J Patel
 Kingston Univeristy
 KU60309@kingstpon.ac.uk
*/
/* Hiding Address Field in Calendar Events */
.event-details-content tr:nth-of-type(3) {
    display: none !important;
}

.dialog_opener {
    display: none !important;
}

#calendar_event_location_info tr:nth-of-type(2) {
    display: none !important;
}

/* Hiding Address Field in Calendar Events
Setting up iframe tool height to 1200px
.module-sequence-footer .module-sequence-footer-content {
    height: 0px!important;
    background: #fff!important;
    border-top: 0px solid #C7CDD1!important;
    box-sizing: border-box!important;
    padding-top: 0px!important;
}

 */
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/* CSS for Learning and Teaching Handbook - Begin */

/* place the navigation menu in the right position below the module title bar in the module homepage*/
#course_home_content .ku-nav {
     margin-top: 0px;
}

/* top level expandable header */
.ku-expand details > summary {
  border-radius: 6px;
  justify-content: flex-start;
  padding: 0.5em;
  margin-bottom: 10px;
  background: #e2e2e2;
  font-weight: bold;
  font-size: 14pt;
  cursor: pointer;
  font-family: 'Karla', sans-serif !important;
  border-left: 14px solid #cccccc;
}

/* sub-expandable headers */
.ku-expand details > details > summary{
  background: #ffffff;
}

/* summary tag - hover */
.ku-expand details > summary:hover {
  background: #ffffff;
  border-left: 14px solid var(--color-header-darkgrey);
  box-shadow: 0px 2px 2px #ccc;
}

/* all decedent details tag */
.ku-expand details {
  /* indenting the block to the right */
  padding-left: 24px;
}

/* blockquote inside any decedent details tag */
.ku-expand details blockquote {
  background: #ffffcc;
  border-left: 5px solid #2c3e50;
  margin-top: 1em;
  margin-bottom: 1em;
  padding: 0.5em 20px;
}

/* CSS for Learning and Teaching Handbook - End */

/* CSS for Activity Headers - Begin */
/* faculty colours headers without icon*/
.ku-ah {
	background-color: #cccccc;
	border-left: 14px var(--color-ku) solid;
	border-radius: 8px 8px 8px 8px;
	padding: 0.5em;
	margin-bottom: 10px;
}

.ku-ah-classic {
    background-color: #cccccc;
    border-radius: 8px 8px 8px 8px;
    padding: 0.5em;
    margin-bottom: 10px;
    text-transform: uppercase;
}

/* activity header icons -- show icons only */
.ku-icon-attend {
    background-image: url('https://canvas.kingston.ac.uk/courses/6912/files/4812444/preview');
    padding-left: 50px !important;
    height: 100%;
    background-repeat: no-repeat;
}

.ku-icon-collaborate {
    background-image: url('https://canvas.kingston.ac.uk/courses/6912/files/4812428/preview');
    padding-left: 50px !important;
    height: 100%;
    background-repeat: no-repeat;
}

.ku-icon-develop {
    background-image: url('https://canvas.kingston.ac.uk/courses/6912/files/4812429/preview');
    padding-left: 50px !important;
    height: 100%;
    background-repeat: no-repeat;
}

.ku-icon-discuss {
    background-image: url('https://canvas.kingston.ac.uk/courses/6912/files/4812430/preview');
    padding-left: 50px !important;
    height: 100%;
    background-repeat: no-repeat;
}

.ku-icon-fieldtrip {
    background-image: url('https://canvas.kingston.ac.uk/courses/6912/files/4812431/preview');
    padding-left: 50px !important;
    height: 100%;
    background-repeat: no-repeat;
}

.ku-icon-investigate {
    background-image: url('https://canvas.kingston.ac.uk/courses/6912/files/4812432/preview');
    padding-left: 50px !important;
    height: 100%;
    background-repeat: no-repeat;
}

.ku-icon-lab {
    background-image: url('https://canvas.kingston.ac.uk/courses/6912/files/4812433/preview');
    padding-left: 50px !important;
    height: 100%;
    background-repeat: no-repeat;
}

.ku-icon-listen {
    background-image: url('https://canvas.kingston.ac.uk/courses/6912/files/4812434/preview');
    padding-left: 50px !important;
    height: 100%;
    background-repeat: no-repeat;
}

.ku-icon-participate { /*reuse collaborate icon*/
    background-image: url('https://canvas.kingston.ac.uk/courses/6912/files/4812428/preview');
    padding-left: 50px !important;
    height: 100%;
    background-repeat: no-repeat;
}

.ku-icon-practice {
    background-image: url('https://canvas.kingston.ac.uk/courses/6912/files/4812435/preview');
    padding-left: 50px !important;
    height: 100%;
    background-repeat: no-repeat;
}

.ku-icon-produce {
    background-image: url('https://canvas.kingston.ac.uk/courses/6912/files/4812436/preview');
    padding-left: 50px !important;
    height: 100%;
    background-repeat: no-repeat;
}

.ku-icon-quiz {
    background-image: url('https://canvas.kingston.ac.uk/courses/6912/files/4812437/preview');
    padding-left: 50px !important;
    background-repeat: no-repeat;
}

.ku-icon-read {
    background-image: url('https://canvas.kingston.ac.uk/courses/6912/files/4812438/preview');
    padding-left: 50px !important;
    height: 100%;
    background-repeat: no-repeat;
}

.ku-icon-reflect {
    background-image: url('https://canvas.kingston.ac.uk/courses/6912/files/4812439/preview');
    padding-left: 50px !important;
    height: 100%;
    background-repeat: no-repeat;
}

.ku-icon-research { /*reuse investigate icon*/
    background-image: url('https://canvas.kingston.ac.uk/courses/6912/files/4812432/preview');
    padding-left: 50px !important;
    height: 100%;
    background-repeat: no-repeat;
}

.ku-icon-scenario {
    background-image: url('https://canvas.kingston.ac.uk/courses/6912/files/4812440/preview');
    padding-left: 50px !important;
    height: 100%;
    background-repeat: no-repeat;
}

.ku-icon-simulation {
    background-image: url('https://canvas.kingston.ac.uk/courses/6912/files/4812441/preview');
    padding-left: 50px !important;
    height: 100%;
    background-repeat: no-repeat;
}

.ku-icon-submit {
    background-image: url('https://canvas.kingston.ac.uk/courses/6912/files/4812442/preview');
    padding-left: 50px !important;
    height: 100%;
    background-repeat: no-repeat;
}

.ku-icon-watch {
    background-image: url('https://canvas.kingston.ac.uk/courses/6912/files/4812443/preview');
    padding-left: 50px !important;
    height: 100%;
    background-repeat: no-repeat;
}

/* activity header icons -- show icons only --END */
/* CSS for Activity Headers - End */

/* Canvas templates style - Begin  - 2024-03-05 */

.ig-header.header {
	/* changes the unit header row's background attributes */
    background-color: var(--color-header-darkgrey);
	color: white; /* the colour of the left triagle */
	border-radius: 10px;
	border-left: 15px solid var(--color-ku); /* faculty colour */
    border-top: 0px;
    border-bottom: 0px;
    border-right: 0px;
}

#context_modules .ig-header .name {
	/* changes the unit header row's text attributes */
    color: #ffffff;
	font-size: 1.125rem;
	text-shadow: none;
}

#context_modules .ig-row {
	/* changes the individual unit row's background attributes */
    border: 2px solid #ffffff;
	border-radius: 10px;
	background-color: #eeeeee;
}

#context_modules .ig-row:hover {
	/* changes the individual unit row's background attributes when hovered */
	background-color: #eef7ff;
}

#context_modules .Button--icon-action {
	/* changes the + and 3 dots button's background attributes */
    background: white;
	border-radius: 20px;
	width: 38px;
	height: 38px;
}

#context_modules .Button--icon-action > .icon-more {
	/* changes the + button's attributes */
	color: black;
}

#context_modules .Button--icon-action > .icon-plus {
	/* changes the 3 dots button's attributes */
	color: black;
}

#context_modules .css-1idz6vn-baseButton__content {
	/* changes the publish button's background attributes */
    background: white;
	border-radius: 20px;
	width: 38px;
	height: 38px;
}

#context_modules .pill {
	/* requirement "pill" background */
    border: none;
    box-shadow: none;
    background: #eeeeee;
    color: var(--color-header-darkgrey);
}

#context_modules .ig-header .prerequisites .prerequisites_message {
    font-size: 0.875rem;
}

.icon-analytics:before {
	/* New Analytics icon and background colour */
    background-color: var(--color-ku);
    color: #f5f5f5 !important;
    width: 25px;
    height: 25px;
    border-radius: 4px;
	box-shadow: 2px 2px 3px 0 #33333361;
	display: flex !important;
    font-size: 14px !important;
    align-content: space-around;
    justify-content: space-evenly;
    align-items: center;
}

.context_module.completed.has_requirements .completion_status .complete_icon {
	/* unit completion colour */
    display: flex;
    background-color: green;
    color: white;
    border-radius: 30px;
    width: 30px !important;
    height: 30px;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
}

.context_module.started .completion_status .in_progress_icon {
	/* unit in progress colour */
    display: inline-flex;
    background-color: orange;
    color: var(--color-header-darkgrey);
    width: 30px;
    height: 30px;
    border-radius: 30px;
    justify-content: center;
    align-items: center;
}

.context_module .icon-check {
	/* unit item checked */
    color: #0b874b; /* added 2024-03-13 */
	background-color: #08884b21; /* added 2024-03-13 */
	width: 25px; /* added 2024-03-13 */
	height: 25px; /* added 2024-03-13 */
	border-radius: 25px; /* added 2024-03-13 */
    display: inline-flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
}

.context_module .ig-row .module-item-status-icon .icon-mark-as-read {
	/* unit item read */
    opacity: revert;
    background-color: darkgrey;
    border-radius: 25px;
    color: darkgrey;
}

.context_module .icon-mark-as-read {
	/* added 2024-03-13 to make the unit item read icon as 25x25 */
	width: 25px;
	height: 25px;
}

.context_module .icon-mark-as-read:before {
	/* added 2024-03-13 to remove the icon behind the grey circle in a unit item */
	content: none;
}

.context_module.locked .completion_status .locked_icon {
	/* unit item locked */
    display: inline-flex;
    background-color: red;
    color: white;
    width: 30px;
    height: 30px;
    border-radius: 30px;
    justify-content: center;
    align-items: center;
}

.item-group-condensed .ig-header {
	/* header's background */
	background-color: var(--color-header-darkgrey);
	color: white; /* the colour of the left triagle */
	border-radius: 10px;
	border-left: 15px solid var(--color-ku); /* faculty colour */
    border-top: 0px;
    border-bottom: 0px;
    border-right: 0px;
	padding: 6px 6px;
	margin-bottom: 2px;
}

.ig-type-icon {
	/* individual row's icons */
    color: var(--color-ku); /* faculty colour */
}

.ig-published:not(.student-view) .ig-type-icon {
	/* make the published rows' icons in faculty colour */
	color: var(--color-ku); /* faculty colour */
}

.ig-header-title button.element_toggler {
	/* Assignment and Quizzes header text properties */
    color: #ffffff;
	font-size: 1.3rem !important;
	text-shadow: none;
}

.pill {
	/* top right info pill in the header bar */
    border: none;
    box-shadow: none;
    background: #eeeeee;
    color: var(--color-header-darkgrey);
	font-weight: bold;
}

.item-group-condensed .ig-row {
	/* individual row under the header */
	border: 2px solid #ffffff !important;
	border-radius: 10px;
	background-color: #eeeeee;
	padding: 6px 6px 6px 10px;
}

.accessible-toggler:hover, .accessible-toggler:focus {
	/* header text properties - hover text colour */
    color: #ffffff;
	font-size: 1.3rem !important;
	text-shadow: none;
}

.user_content h1.page-title {
	/* add rounded corners to the top and bottom of the page title */
	border-radius: 10px;
}

.user_content {
	/* add rounded corners to the top and bottom of a page */
	border-radius: 10px;
}

.user_content ul>li::marker {
	/* change bullet colour*/
	color: var(--color-ku);
}

hr {
	/* change <hr> colour */
	border-top: 2px solid var(--color-ku); /* faculty colour */
}

.ku-module-topics hr {
	/* change <hr> colour to grey if it's in ku-module-topics */
	border-top: 2px solid #f1f1f1;
}

.ku-content a {
	font-weight: bold;
}

.ku-module-title-header {
	/* add rounded corner of the module homepage title header */
	border-radius: 10px;
}

.ku-module-topics a {
	/* text-decoration: underline !important; */
	border-bottom: none !important;
	font-weight: bold !important;
	color: #ffffff !important; /* same as text colour */
}

.ku-page-title-header {
	/* add rounded corner of the syllabus page title header */
	border-radius: 10px;
}

.ic-notification__content ol li, .ic-notification__content ul li {
	/* fix global announcement bullet margins */
	margin-left: 10px !important;
}

.ku-lidl-logo {
	/* add branding logo for online course in the footer */
    background: url(https://canvas.kingston.ac.uk/courses/31340/files/5169256/preview) no-repeat scroll 0 0;
    background-size: 75%;
    color: transparent;
    display: block;
    font: 0px/0 a;
    height: 132px;
    position: relative;
    top: 12px;
    overflow: hidden;
    text-shadow: none;
    width: 132px;
	float: right;
	background-position-x: right;
}

.item-group-condensed {
	/* make the space between units narrower */
	padding: 0px 0;
}

#context_modules .external_url_link {
	/* change external links in units to the same colour and bold as normal unit items */
	color: var(--ic-brand-font-color-dark);
	font-weight: bold;
}

.topic-page .ku-learning-path-table a {
	/* fix the topic page's table link styles */
	text-decoration: none;
	font-weight: normal;
}

.ku-module-intro img { /* remove grey line below banner image */
	display: block;
}

#ag-list .ig-header .Button--icon-action > .icon-more {
	/* Assignments page: changes the 3 dots button's attributes */
	color: white;
}

#ag-list .ig-header .Button--icon-action > .icon-plus {
	/* Assignments page: changes the + button's attributes */
	color: white;
}

#ag-list .ig-header .pill > li {
	/* Assignments page: changes the pill's attributes */
	padding: 5px;
}

#ag-list .ig-header .pill {
	/* Assignments page: changes the pill's attributes */
	background: white;
	margin: 0px 5px;
}

#ag-list .ig-header .icon-drag-handle {
	/* Assignments page: change the left side drag and drop icon's attributes */
	color: white;	
}

#context_modules .ig-header .icon-drag-handle {
	/* Units structure: change the left side drag and drop icon's attributes */
	color: white;	
}
	
/* Canvas templates style - End */

/* Link style update - Start */
.ku-content-wrapper .video-and-feed a {
	font-weight: bold;
	color: #ffffff;
}

.user_content a, .ku-content-wrapper a {
	text-decoration: none;
	font-weight: bold;
}

/*
#wiki_page_show .user_content a:not(.btn):not(.Button):not(.ui-button):not([role=button]):not(:hover) {
	text-decoration: none;
}
*/

/* unify link styles also in discussion, assignment, and quiz */
#content .user_content a:not(.btn):not(.Button):not(.ui-button):not([role=button]):not(:hover) {
	text-decoration: none;
}

.ku-footer a {
	font-weight: normal;
}

/* fix link hover style in Syllabus page*/
#content-wrapper #content #course_syllabus a:hover {
	text-decoration: underline;
    color: var(--color-ku);
}

#content-wrapper #content #course_syllabus a {
	text-decoration: none;
    color: var(--color-ku);
}
/* Link style update - End */

/* unify <abbr> underline style across browsers - Start */
abbr[title], abbr[data-original-title] {
	border-bottom: none;
    text-decoration: underline;
    text-decoration-style: dotted;
}
/* unify <abbr> underline style across browsers - End */

/* Fix assign to link colour in Units - Start */
.ig-header .view_assign button,  .ig-header .view_assign a {
	color: white;
}

/* Fix assign to link colour in Units - End */

/* ku-cards - Start */
.ku-cards-small, .ku-cards-medium, .ku-cards-large  {
  display: grid;
  margin-bottom: 40px;
}

.ku-card {
  perspective: 500rem;
}

.ku-card-body {
  display: flex;
  transform-style: preserve-3d;
  transition: 0.707s transform;

  .ku-card:hover &, .ku-card:focus & {
    transform: rotateX(-180deg);
  }
}

.ku-card-front, .ku-card-back {
  backface-visibility: hidden;
  min-width: 100%;
}

.ku-card-back {
  transform: rotateX(-180deg) translate(-100%, 0);
}

.ku-cards-large {
  grid-gap: 1.5rem;
  grid-template-columns: repeat(auto-fill, minmax(min(40rem, 100%), 1fr));
}

.ku-cards-medium {
  grid-gap: 1.5rem;
  grid-template-columns: repeat(auto-fill, minmax(min(20rem, 100%), 1fr));
}

.ku-cards-small {
  grid-gap: 1.5rem;
  grid-template-columns: repeat(auto-fill, minmax(min(12rem, 100%), 1fr));
}

.ku-card {
  /*display: flex;*/
  transition: z-index, transform calc(0.707s / 4);
  transition-delay: 0.707s, 0s;
  text-decoration: none;
  color: inherit;
  z-index: 0;
  
  &:hover {
    transition-delay: 0s;
    z-index: 1;
  }

  &:active {
    transform: scale(0.975);
  }
}

.ku-card-body {
  border-radius: 0.25rem;
  flex: 1;
}

.ku-card-front {
  box-shadow: 0 -1px 1px rgba(0,0,0,0.04), 
              0 2px 2px rgba(0,0,0,0.04), 
              0 4px 4px rgba(0,0,0,0.04), 
              0 8px 8px rgba(0,0,0,0.04),
              0 16px 16px rgba(0,0,0,0.04);
  display: inline;
  background-color: #cccccc;
  box-sizing: border-box;
  padding: 1.5rem;
  border-radius: 8px;
  border-top: solid 15px;
  border-color: var(--color-ku);
}

.ku-card-back {
  box-shadow: 0 -1px 1px rgba(0,0,0,0.04), 
              0 2px 2px rgba(0,0,0,0.04), 
              0 4px 4px rgba(0,0,0,0.04), 
              0 8px 8px rgba(0,0,0,0.04),
              0 16px 16px rgba(0,0,0,0.04); 
  display: inline;
  background-color: var(--color-header-darkgrey);
  color: white;
  box-sizing: border-box;
  padding: 1.5rem;
  border-radius: 8px;
  border-bottom: solid 15px;
  border-color: var(--color-ku);
}

.ku-card-back p,
.ku-card-back h2, 
.ku-card-back li {
	font-size: 1rem;
}

/* ku-cards - End */

/* new page padding - Start */
/* adding padding to contents of a new page if a div is not used */
h1.page-title + #todo-date-mount-point + p,
h1.page-title + #todo-date-mount-point + h2, 
h1.page-title + #todo-date-mount-point + h3, 
h1.page-title + #todo-date-mount-point + h4,
h1.page-title + #todo-date-mount-point + table,
h1.page-title + #todo-date-mount-point + span,
h1.page-title + #todo-date-mount-point + iframe,
h1.page-title + #todo-date-mount-point + ul {
  margin-top: 42px;
}

/* same as the above, with ku-nav */
h1.page-title + #todo-date-mount-point + .ku-nav + p,
h1.page-title + #todo-date-mount-point + .ku-nav + h2, 
h1.page-title + #todo-date-mount-point + .ku-nav + h3, 
h1.page-title + #todo-date-mount-point + .ku-nav + h4,
h1.page-title + #todo-date-mount-point + .ku-nav + table,
h1.page-title + #todo-date-mount-point + .ku-nav + span,
h1.page-title + #todo-date-mount-point + .ku-nav + iframe,
h1.page-title + #todo-date-mount-point + .ku-nav + ul {
  margin-top: 42px;
}

/* same for the syllabus page */
.ku-page-title-header + p, 
.ku-page-title-header + h2, 
.ku-page-title-header + h3, 
.ku-page-title-header + h4,
.ku-page-title-header + table,
.ku-page-title-header + span,
.ku-page-title-header + iframe,
.ku-page-title-header + ul {
  margin-top: 42px;
}

/* page with one div but not ku-content div */
.ku-content-wrapper > p:first-child,
.ku-content-wrapper > h2:first-child,
.ku-content-wrapper > h3:first-child,
.ku-content-wrapper > h4:first-child,
.ku-content-wrapper > table:first-child,
.ku-content-wrapper > span:first-child,
.ku-content-wrapper > iframe:first-child,
.ku-content-wrapper > ul:first-child {
  margin-top: 42px;
}

/* homepage with nav, then text without ku-content */
.ku-module-title-header + .ku-nav + p,
.ku-module-title-header + .ku-nav + h2,
.ku-module-title-header + .ku-nav + h3,
.ku-module-title-header + .ku-nav + table,
.ku-module-title-header + .ku-nav + span,
.ku-module-title-header + .ku-nav + iframe,
.ku-module-title-header + .ku-nav + ul {
  margin-top: 42px;
}

/* homepage, then text without ku-content */
.ku-module-title-header + p,
.ku-module-title-header + h2,
.ku-module-title-header + h3,
.ku-module-title-header + h4,
.ku-module-title-header + table,
.ku-module-title-header + span,
.ku-module-title-header + iframe,
.ku-module-title-header + ul {
  margin-top: 42px;
}

/* old course prescence page template */
.ku-bg-blk .ku-content {
  padding-top: 0px;
}

.ku-bg-block .ku-content {
  padding-top: 0px;
}

/* new page padding - End */

/* ku-tiles - Start */
.ku-tile-list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: stretch;
  margin-bottom: 42px;
}

.ku-tile {
  flex: 0 0 160px;
  margin: 10px 10px 10px 0px;
  border-radius: 15px;
  background-color: white;
} 

.ku-tile:hover {
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.5);
} 

.ku-tile .top {
  width: 160px;
  height:70px;
  float: left;
  border-radius: 15px 15px 0px 0px;
  background-color: var(--color-ku);
  justify-content: center;
}

.ku-tile .top img {
  border-radius: 10px 10px 0px 0px;
  width: 160px;
  height:70px;
  object-fit: contain;
}

.ku-tile .title {
  padding: 10px 10px;
  height: 40px;
  overflow: hidden;
  font-size: 14px;
  margin-bottom: 0px;
}

.ku-tile .desc {
  padding: 10px 10px;
  height: 100px;
  overflow: hidden;
  font-size: 14px;
  margin-bottom: 10px;
  color: #111 !important;
}

.ku-tile .title a {
  color: var(--color-ku) !important;
}
/* ku-tiles - End */

/* ku-quote - Start */
.ku-quote-text {
  font-size: 1.4em;
  margin:50px auto;
  padding:1.2em 30px 1.2em 75px;
  line-height:1.6;
  position: relative;
  border-radius: 10px;
  border: solid 5px #fff;
}

.ku-quote-text::before {
  font-family:Arial;
  content: "\201C";
  color: var(--color-ku);
  font-size:8em;
  position: absolute;
  left: 10px;
  top: 60px;
}

.ku-quote-name {
  display:block;
  font-style: normal;
  font-weight: bold;
  margin-top:1em;
}

/* ku-quote - End */

/* KU and Faculty Colours */
:root {
  --color-ku: #1175d3;
  --color-ece: #95549C;
  --color-ksa: #FFED00;
  --color-hssce: #62B22F;
  --color-fbss: #F8971D;
  
  --color-header-darkgrey: #222;
}